@airtable/blocks 0.0.0-experimental-20e3506bd-20250428 → 0.0.0-experimental-d5ee5e823-20250501

package/dist/cjs/base/models/base.js

@@ -49,7 +49,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  *
  * @example
  * ```js
- * import {base} from '@airtable/blocks';
+ * import {base} from '@airtable/blocks/base';
  *
  * console.log('The name of your base is', base.name);
  * ```

package/dist/cjs/base/models/create_aggregators.js

@@ -25,7 +25,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
  *
  * @example
  * ```js
- * import {aggregators} from '@airtable/blocks/models';
+ * import {aggregators} from '@airtable/blocks/base/models';
  *
  * // To get a list of aggregators supported for a specific field:
  * const fieldAggregators = myField.availableAggregators;

package/dist/cjs/base/models/cursor.js

@@ -62,7 +62,7 @@ var WatchableCursorKeys = Object.freeze({
  * {@link useLoadable} to access them.
  *
  * ```js
- * import {useCursor, useWatchable} from '@airtable/blocks/ui';
+ * import {useCursor, useWatchable} from '@airtable/blocks/base/ui';
  *
  *  function ActiveTableAndView() {
  *      const cursor = useCursor();
@@ -78,7 +78,7 @@ var WatchableCursorKeys = Object.freeze({
  * ```
  *
  * ```js
- * import {useCursor, useLoadable, useWatchable} from '@airtable/blocks/ui';
+ * import {useCursor, useLoadable, useWatchable} from '@airtable/blocks/base/ui';
  *
  *  function SelectedRecordAndFieldIds() {
  *      const cursor = useCursor();

package/dist/cjs/base/models/field.js

@@ -28,7 +28,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  *
  * @example
  * ```js
- * import {base} from '@airtable/blocks';
+ * import {base} from '@airtable/blocks/base';
  *
  * const table = base.getTableByName('Table 1');
  * const field = table.getFieldByName('Name');
@@ -74,7 +74,7 @@ var Field = /*#__PURE__*/function (_FieldCore) {
      * @param aggregator The aggregator object or aggregator key.
      * @example
      * ```js
-     * import {aggregators} from '@airtable/blocks/models';
+     * import {aggregators} from '@airtable/blocks/base/models';
      * const aggregator = aggregators.totalAttachmentSize;
      *
      * // Using an aggregator object

package/dist/cjs/base/models/record_coloring.js

@@ -56,8 +56,8 @@ var serialize = mode => {
  * @alias recordColoring.modes
  * @example
  * ```js
- * import {recordColoring} from '@airtable/blocks/models';
- * import {useRecords} from '@airtable/blocks/ui';
+ * import {recordColoring} from '@airtable/blocks/base/models';
+ * import {useRecords} from '@airtable/blocks/base/ui';
  *
  * // no record coloring:
  * const recordColorMode = recordColoring.modes.none();

package/dist/cjs/base/models/record_query_result.js

@@ -128,7 +128,7 @@ var WatchableCellValuesInFieldKeyPrefix = 'cellValuesInField:';
  * supported record color modes: none, by a view, and by a select field.
  *
  * ```js
- * import {recordColoring} from '@airtable/blocks/models';
+ * import {recordColoring} from '@airtable/blocks/base/models';
  * // No record coloring:
  * const opts = {
  *     recordColorMode: recordColoring.modes.none(),

package/dist/cjs/base/models/session.js

@@ -20,7 +20,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  *
  * @example
  * ```js
- * import {useSession} from '@airtable/blocks/ui';
+ * import {useSession} from '@airtable/blocks/base/ui';
  *
  * function Username() {
  *     const session = useSession();
@@ -53,7 +53,7 @@ var Session = /*#__PURE__*/function (_SessionCore) {
      *
      * @example
      * ```js
-     * import {useSession} from '@airtable/blocks/ui';
+     * import {useSession} from '@airtable/blocks/base/ui';
      *
      * function UpdateButton({onClick}) {
      *     const session = useSession();
@@ -96,7 +96,7 @@ var Session = /*#__PURE__*/function (_SessionCore) {
      *
      * @example
      * ```js
-     * import {useSession} from '@airtable/blocks/ui';
+     * import {useSession} from '@airtable/blocks/base/ui';
      *
      * function CreateButton({onClick}) {
      *     const session = useSession();
@@ -141,7 +141,7 @@ var Session = /*#__PURE__*/function (_SessionCore) {
      *
      * @example
      * ```js
-     * import {useSession} from '@airtable/blocks/ui';
+     * import {useSession} from '@airtable/blocks/base/ui';
      *
      * function DeleteButton({onClick}) {
      *     const session = useSession();

package/dist/cjs/base/models/table.js

@@ -309,7 +309,7 @@ var Table = /*#__PURE__*/function (_TableCore) {
      * @param opts Options for the query, such as sorts and fields.
      * @example
      * ```js
-     * import {useBase, useRecords} from '@airtable/blocks/ui';
+     * import {useBase, useRecords} from '@airtable/blocks/base/ui';
      * import React from 'react';
      *
      * function TodoList() {
@@ -391,7 +391,7 @@ var Table = /*#__PURE__*/function (_TableCore) {
      * correct type, that view will be returned before checking the other views in the table.
      * @example
      * ```js
-     * import {ViewType} from '@airtable/blocks/models';
+     * import {ViewType} from '@airtable/blocks/base/models';
      * const firstCalendarView = myTable.getFirstViewOfType(ViewType.CALENDAR);
      * if (firstCalendarView !== null) {
      *     console.log(firstCalendarView.name);

package/dist/cjs/base/models/view.js

@@ -165,7 +165,7 @@ var View = /*#__PURE__*/function (_AbstractModel) {
      * default, records will be coloured according to the view.
      * @example
      * ```js
-     * import {useBase, useRecords} from '@airtable/blocks/UI';
+     * import {useBase, useRecords} from '@airtable/blocks/base/ui';
      * import React from 'react';
      *
      * function TodoList() {

package/dist/cjs/base/perform_record_action.js

@@ -209,7 +209,7 @@ var PerformRecordAction = exports.PerformRecordAction = /*#__PURE__*/function (_
  * @example
  * ```js
  * import React, {useEffect, useState} from 'react';
- * import {registerRecordActionDataCallback} from '@airtable/blocks/ui';
+ * import {registerRecordActionDataCallback} from '@airtable/blocks/base/ui';
  *
  * function LatestRecordAction() {
  *     const [recordActionData, setRecordActionData] = useState(null);

package/dist/cjs/base/sdk.js

@@ -86,13 +86,16 @@ var BaseBlockSdk = exports.default = /*#__PURE__*/function (_BlockSdkCore) {
     // We set _runWithUpdateBatching to ReactDOM.unstable_batchedUpdates to facilitate this. We
     // don't know for sure though that React is in use on the page, so we leave actually setting
     // this when the developer sets up their block with React, in UI.initializeBlock.
+    //
+    // This can be eliminated if we stop supporting versions of React below 18. In React 18,
+    // updates are always batched by default.
     /** @internal */
     (0, _defineProperty2.default)(_this, "_runWithUpdateBatching", defaultUpdateBatcher);
     var sdkInitData = airtableInterface.sdkInitData;
 
     // Bind the public methods on this class so users can import
     // just the method, e.g.
-    // import {reload} from '@airtable/blocks';
+    // import {reload} from '@airtable/blocks/base';
     _this.unstable_fetchAsync = _this.unstable_fetchAsync.bind(_this);
     _this.viewport = new _viewport.default(sdkInitData.isFullscreen, airtableInterface);
     _this.cursor = new _cursor.default(_this);

package/dist/cjs/base/settings_button.js

@@ -35,8 +35,8 @@ var WatchableSettingsButtonKeys = Object.freeze({
  * @alias settingsButton
  * @example
  * ```js
- * import {settingsButton} from '@airtable/blocks';
- * import {useWatchable} from '@airtable/blocks/ui';
+ * import {settingsButton} from '@airtable/blocks/base';
+ * import {useWatchable} from '@airtable/blocks/base/ui';
  *
  * function AppWithSettings({shouldShowSettingsButton}) {
  *     useEffect(() => {

package/dist/cjs/base/types/view.js

@@ -11,7 +11,7 @@ exports.ViewType = void 0;
  *
  * @example
  * ```js
- * import {ViewType} from '@airtable/blocks/models';
+ * import {ViewType} from '@airtable/blocks/base/models';
  * const gridViews = myTable.views.filter(view => (
  *     view.type === ViewType.GRID
  * ));

package/dist/cjs/base/ui/base_provider.js

@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * ```js
  * import React from 'react';
  * import ReactDOM from 'react-dom';
- * import {BaseProvider} from '@airtable/blocks/ui';
+ * import {BaseProvider} from '@airtable/blocks/base/ui';
  *
  * function getHtmlStringForRecordCard(base, record) {
  *     return ReactDOM.renderToStaticMarkup(

package/dist/cjs/base/ui/expand_record.js

@@ -19,7 +19,7 @@ require("core-js/modules/es.array.map.js");
  *
  * @example
  * ```js
- * import {expandRecord} from '@airtable/blocks/ui';
+ * import {expandRecord} from '@airtable/blocks/base/ui';
  * expandRecord(record1, {
  *     records: [record1, record2, record3],
  * });

package/dist/cjs/base/ui/expand_record_list.js

@@ -20,7 +20,7 @@ var _error_utils = require("../../shared/error_utils");
  *
  * @example
  * ```js
- * import {expandRecordList} from '@airtable/blocks/ui';
+ * import {expandRecordList} from '@airtable/blocks/base/ui';
  * expandRecordList([record1, record2, record3]);
  *
  * expandRecordList([record1, record2], {

package/dist/cjs/base/ui/expand_record_picker_async.js

@@ -28,7 +28,7 @@ var _error_utils = require("../../shared/error_utils");
  * @param opts An optional options object.
  * @example
  * ```js
- * import {expandRecordPickerAsync} from '@airtable/blocks/ui';
+ * import {expandRecordPickerAsync} from '@airtable/blocks/base/ui';
  *
  * async function pickRecordsAsync() {
  *     const recordA = await expandRecordPickerAsync([record1, record2, record3]);

package/dist/cjs/base/ui/global_alert.js

@@ -47,7 +47,7 @@ var GlobalAlertInfo = () => {
  * @hidden
  * @example
  * ```js
- * import {globalAlert} from '@airtable/blocks/ui';
+ * import {globalAlert} from '@airtable/blocks/base/ui';
  * globalAlert.showReloadPrompt();
  * ```
  */

package/dist/cjs/base/ui/initialize_block.js

@@ -38,7 +38,7 @@ var hasBeenInitialized = false;
  *
  * @example
  * ```js
- * import {initializeBlock} from '@airtable/blocks/ui';
+ * import {initializeBlock} from '@airtable/blocks/base/ui';
  * import React from 'react';
  *
  * function App() {
@@ -105,12 +105,25 @@ function initializeBlock(getEntryElement) {
   if (! /*#__PURE__*/React.isValidElement(entryElement)) {
     throw (0, _error_utils.spawnError)("The first argument to initializeBlock didn't return a valid React element");
   }
-  sdk.__setBatchedUpdatesFn(_reactDom.default.unstable_batchedUpdates);
+  if (_reactDom.default.unstable_batchedUpdates) {
+    sdk.__setBatchedUpdatesFn(_reactDom.default.unstable_batchedUpdates);
+  }
   var container = document.createElement('div');
   body.appendChild(container);
-  _reactDom.default.render( /*#__PURE__*/React.createElement(_block_wrapper.default, {
-    sdk: sdk
-  }, entryElement), container);
+
+  // Try to use createRoot API (React 18+)
+  try {
+    var _require = require('react-dom/client'),
+      createRoot = _require.createRoot;
+    createRoot(container).render( /*#__PURE__*/React.createElement(_block_wrapper.default, {
+      sdk: sdk
+    }, entryElement));
+  } catch (e) {
+    // Fallback to legacy render for React 16/17
+    _reactDom.default.render( /*#__PURE__*/React.createElement(_block_wrapper.default, {
+      sdk: sdk
+    }, entryElement), container);
+  }
 }
 var sdk;
 

package/dist/cjs/base/ui/progress_bar.js

@@ -69,7 +69,7 @@ var progressBarClassName = (0, _emotion.css)({
  *
  * @example
  * ```js
- * import {ProgressBar} from '@airtable/blocks/ui';
+ * import {ProgressBar} from '@airtable/blocks/base/ui';
  *
  * function MyComponent() {
  *     return (

package/dist/cjs/base/ui/ui.js

@@ -339,7 +339,7 @@ var _switch_synced = _interopRequireDefault(require("./switch_synced"));
 var _viewport_constraint = _interopRequireDefault(require("./viewport_constraint"));
 var _initialize_block = require("./initialize_block");
 var _with_hooks = _interopRequireDefault(require("../../shared/ui/with_hooks"));
-var _use_loadable = _interopRequireDefault(require("../../shared/ui/use_loadable"));
+var _use_loadable = _interopRequireDefault(require("./use_loadable"));
 var _use_records = require("./use_records");
 var _use_base = _interopRequireDefault(require("./use_base"));
 var _use_cursor = _interopRequireDefault(require("./use_cursor"));

package/dist/cjs/base/ui/use_base.js

@@ -22,7 +22,7 @@ var _use_base = _interopRequireDefault(require("../../shared/ui/use_base"));
  *
  * @example
  * ```js
- * import {useBase} from '@airtable/blocks/ui';
+ * import {useBase} from '@airtable/blocks/base/ui';
  *
  * // renders a list of tables and automatically updates
  * function TableList() {

package/dist/cjs/base/ui/use_cursor.js

@@ -22,7 +22,7 @@ var _sdk_context = require("../../shared/ui/sdk_context");
  *
  * @example
  * ```js
- * import {useBase, useCursor} from '@airtable/blocks/ui';
+ * import {useBase, useCursor} from '@airtable/blocks/base/ui';
  *
  * // renders a list of tables and automatically updates
  * function TableList() {

package/dist/cjs/{shared → base}/ui/use_loadable.js

@@ -18,9 +18,9 @@ require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = require("react");
 var _useSubscription = require("use-subscription");
-var _private_utils = require("../private_utils");
-var _error_utils = require("../error_utils");
-var _use_array_identity = _interopRequireDefault(require("./use_array_identity"));
+var _private_utils = require("../../shared/private_utils");
+var _error_utils = require("../../shared/error_utils");
+var _use_array_identity = _interopRequireDefault(require("../../shared/ui/use_array_identity"));
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } /** @module @airtable/blocks/ui: useLoadable */ /** */
@@ -64,7 +64,7 @@ var SUSPENSE_CLEAN_UP_MS = 60000;
  *
  * @example
  * ```js
- * import {useCursor, useLoadable, useWatchable} from '@airtable/blocks/ui';
+ * import {useCursor, useLoadable, useWatchable} from '@airtable/blocks/base/ui';
  *
  *  function SelectedRecordIds() {
  *      const cursor = useCursor();
@@ -81,7 +81,7 @@ var SUSPENSE_CLEAN_UP_MS = 60000;
  *
  * @example
  * ```js
- *  import {useLoadable} from '@airtable/blocks/ui';
+ *  import {useLoadable} from '@airtable/blocks/base/ui';
  *
  *  function LoadTwoQueryResults({queryResultA, queryResultB}) {
  *      // load the queryResults:
@@ -94,7 +94,7 @@ var SUSPENSE_CLEAN_UP_MS = 60000;
  *
  * @example
  * ```js
- *  import {useLoadable, useBase} from '@airtable/blocks/ui';
+ *  import {useLoadable, useBase} from '@airtable/blocks/base/ui';
  *
  *  function LoadAllRecords() {
  *      const base = useBase();

package/dist/cjs/base/ui/use_record_action_data.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useRecordActionData;
 var _perform_record_action = require("../perform_record_action");
-var _use_loadable = _interopRequireDefault(require("../../shared/ui/use_loadable"));
 var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchable"));
 var _sdk_context = require("../../shared/ui/sdk_context");
+var _use_loadable = _interopRequireDefault(require("./use_loadable"));
 /** @module @airtable/blocks/ui: useRecordActionData */ /** */
 
 /**
@@ -39,7 +39,7 @@ var _sdk_context = require("../../shared/ui/sdk_context");
  * @example
  * ```js
  * import React from 'react';
- * import {useRecordActionData} from '@airtable/blocks/ui';
+ * import {useRecordActionData} from '@airtable/blocks/base/ui';
  *
  * function LatestRecordAction() {
  *     const recordActionData = useRecordActionData();

package/dist/cjs/base/ui/use_records.js

@@ -17,8 +17,8 @@ var _table = _interopRequireDefault(require("../models/table"));
 var _record_query_result = _interopRequireDefault(require("../models/record_query_result"));
 var RecordColoring = _interopRequireWildcard(require("../models/record_coloring"));
 var _view = _interopRequireDefault(require("../models/view"));
-var _use_loadable = _interopRequireDefault(require("../../shared/ui/use_loadable"));
 var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchable"));
+var _use_loadable = _interopRequireDefault(require("./use_loadable"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @module @airtable/blocks/ui: useRecords */ /** */
@@ -74,7 +74,7 @@ function useUnwatchedRecordQueryResult_(tableOrViewOrQueryResult, functionNameFo
  * @param opts? If passing a Table or View, optional {@link RecordIdsQueryResultOpts} to control the results.
  * @example
  * ```js
- *  import {useRecordIds, useBase} from '@airtable/blocks/ui';
+ *  import {useRecordIds, useBase} from '@airtable/blocks/base/ui';
  *
  *  function RecordCount() {
  *      const base = useBase();
@@ -128,7 +128,7 @@ function useRecordIds(tableOrViewOrQueryResult, opts) {
  * @param opts? If passing a Table or View, optional {@link RecordQueryResultOpts} to control the results.
  * @example
  * ```js
- *  import {useRecords, useBase} from '@airtable/blocks/ui';
+ *  import {useRecords, useBase} from '@airtable/blocks/base/ui';
  *
  *  function GetRecords() {
  *      const base = useBase();
@@ -161,7 +161,7 @@ function useRecordIds(tableOrViewOrQueryResult, opts) {
  *
  * @example
  * ```js
- *  import {useRecords, useBase} from '@airtable/blocks/ui';
+ *  import {useRecords, useBase} from '@airtable/blocks/base/ui';
  *
  *  function RecordList() {
  *      const base = useBase();
@@ -213,7 +213,7 @@ function useRecords(tableOrViewOrQueryResult, opts) {
  * @param opts? If passing a Table or View, optional {@link SingleRecordQueryResultOpts} to control the results.
  * @example
  * ```js
- *  import {useRecordById, useRecordIds, useBase} from '@airtable/blocks/ui';
+ *  import {useRecordById, useRecordIds, useBase} from '@airtable/blocks/base/ui';
  *
  *  // this component concerns a single record - it only updates when that specific record updates
  *  function RecordListItem({table, recordId}) {

package/dist/cjs/base/ui/use_session.js

@@ -19,7 +19,7 @@ var _use_session = _interopRequireDefault(require("../../shared/ui/use_session")
  *
  * @example
  * ```js
- * import {CollaboratorToken, useSession} from '@airtable/blocks/ui';
+ * import {CollaboratorToken, useSession} from '@airtable/blocks/base/ui';
  *
  * // Says hello to the current user and updates in realtime if the current user's
  * // name or profile pic changes.

package/dist/cjs/base/ui/use_settings_button.js

@@ -19,7 +19,7 @@ var _sdk_context = require("../../shared/ui/sdk_context");
  *
  * @example
  * ```js
- * import {useSettingsButton} from '@airtable/blocks/ui';
+ * import {useSettingsButton} from '@airtable/blocks/base/ui';
  * import {useState} from 'react';
  *
  * function ComponentWithSettings() {

package/dist/cjs/base/ui/use_view_metadata.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _view = _interopRequireDefault(require("../models/view"));
-var _use_loadable = _interopRequireDefault(require("../../shared/ui/use_loadable"));
 var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchable"));
+var _use_loadable = _interopRequireDefault(require("./use_loadable"));
 /** @module @airtable/blocks/ui: useViewMetadata */ /** */
 
 /** */
@@ -23,7 +23,7 @@ var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchab
  * @param viewOrViewMetadataQueryResult The {@link View} or {@link ViewMetadataQueryResult} to watch and use metadata from.
  * @example
  * ```js
- * import {useBase, useViewMetadata} from '@airtable/blocks/ui';
+ * import {useBase, useViewMetadata} from '@airtable/blocks/base/ui';
  *
  * function ViewFields({view}) {
  *     const viewMetadata = useViewMetadata(view);

package/dist/cjs/base/ui/use_viewport.js

@@ -15,7 +15,7 @@ var _sdk_context = require("../../shared/ui/sdk_context");
  *
  * @example
  * ```js
- * import {useViewport} from '@airtable/blocks/ui';
+ * import {useViewport} from '@airtable/blocks/base/ui';
  *
  * function ViewportSize() {
  *      const viewport = useViewport();

package/dist/cjs/base/ui/viewport_constraint.js

@@ -43,13 +43,13 @@ var didSizeChange = (prev, next) => (prev && prev.width) !== (next && next.width
  *
  * @example
  * ```js
- * import {ViewportConstraint} from '@airtable/blocks/ui';
+ * import {ViewportConstraint} from '@airtable/blocks/base/ui';
  * <ViewportConstraint minSize={{width: 400}} />
  * ```
  *
  * @example
  * ```js
- * import {ViewportConstraint} from '@airtable/blocks/ui';
+ * import {ViewportConstraint} from '@airtable/blocks/base/ui';
  * <ViewportConstraint maxFullScreenSize={{width: 600, height: 400}}>
  *      <div>I need a max fullscreen size!</div>
  * </ViewportConstraint>

package/dist/cjs/base/viewport.js

@@ -62,7 +62,7 @@ var compareWithNulls = (a, b, compare) => {
  *
  * @example
  * ```js
- * import {viewport} from '@airtable/blocks';
+ * import {viewport} from '@airtable/blocks/base';
  * ```
  * @docsPath models/Viewport
  */

package/dist/cjs/interface/models/models.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Base", {
+  enumerable: true,
+  get: function get() {
+    return _base.Base;
+  }
+});
+Object.defineProperty(exports, "Field", {
+  enumerable: true,
+  get: function get() {
+    return _field2.Field;
+  }
+});
+Object.defineProperty(exports, "FieldConfig", {
+  enumerable: true,
+  get: function get() {
+    return _field.FieldConfig;
+  }
+});
+Object.defineProperty(exports, "FieldType", {
+  enumerable: true,
+  get: function get() {
+    return _field.FieldType;
+  }
+});
+Object.defineProperty(exports, "Record", {
+  enumerable: true,
+  get: function get() {
+    return _record.Record;
+  }
+});
+Object.defineProperty(exports, "Session", {
+  enumerable: true,
+  get: function get() {
+    return _session.Session;
+  }
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _table.Table;
+  }
+});
+var _field = require("../../shared/types/field");
+var _base = require("./base");
+var _table = require("./table");
+var _field2 = require("./field");
+var _record = require("./record");
+var _session = require("./session");

package/dist/cjs/interface/sdk.js

@@ -16,12 +16,6 @@ var _mutations = require("./models/mutations");
 var _base = require("./models/base");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-// /** Add hidden annotation if uncommenting */
-// type UpdateBatcher = (applyUpdates: () => void) => void;
-// /** Add internal annotation if uncommenting */
-// function defaultUpdateBatcher(applyUpdates: () => void) {
-//     applyUpdates();
-// }
 /** @hidden */
 var InterfaceBlockSdk = exports.InterfaceBlockSdk = /*#__PURE__*/function (_BlockSdkCore) {
   function InterfaceBlockSdk(airtableInterface) {
@@ -70,27 +64,18 @@ var InterfaceBlockSdk = exports.InterfaceBlockSdk = /*#__PURE__*/function (_Bloc
   }, {
     key: "__applyModelChanges",
     value: function __applyModelChanges(changes) {
-      // this._runWithUpdateBatching(() => {
       var changedBasePaths = this.base.__applyChangesWithoutTriggeringEvents(changes);
       var changedSessionKeys = this.session.__applyChangesWithoutTriggeringEvents(changes);
       this.base.__triggerOnChangeForChangedPaths(changedBasePaths);
       this.session.__triggerOnChangeForChangedKeys(changedSessionKeys);
-      // });
     }
     /** @internal */
   }, {
     key: "__applyGlobalConfigUpdates",
     value: function __applyGlobalConfigUpdates(updates) {
-      // this._runWithUpdateBatching(() => {
       this.globalConfig.__setMultipleKvPaths(updates);
-      // });
     }
 
-    // /** @internal */
-    // __setBatchedUpdatesFn(newUpdateBatcher: UpdateBatcher) {
-    //     this._runWithUpdateBatching = newUpdateBatcher;
-    // }
-
     /**
      * @internal
      */

package/dist/cjs/interface/ui/expand_record.js

@@ -14,7 +14,8 @@ exports.expandRecord = expandRecord;
  * @example
  * ```js
  * import {expandRecord} from '@airtable/blocks/interface/ui';
- * expandRecord(record);
+ *
+ * <button onClick={() => expandRecord(record)}>{record.name}</button>
  * ```
  * @docsPath UI/utils/expandRecord
  */