@airtable/blocks 0.0.0-experimental-e5ab33b68-20250905 → 0.0.0-experimental-e625869e5-20251002

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

@@ -1,16 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useLoadable;
-var _react = require("react");
-var _useSubscription = require("use-subscription");
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui: useLoadable */ /** */
+import { useMemo, useEffect, useSyncExternalStore } from 'react';
+import { compact, has } from '../../shared/private_utils';
+import { spawnError } from '../../shared/error_utils';
+import useArrayIdentity from '../../shared/ui/use_array_identity';
 
 // rather than asking for an AbstractModelWithAsyncData, we define a much more specific interface
 // that enforces 'isDataLoaded' as a watchable key.
@@ -100,17 +92,17 @@ const SUSPENSE_CLEAN_UP_MS = 60000;
  * @docsPath UI/hooks/useLoadable
  * @hook
  */
-function useLoadable(models) {
+export default function useLoadable(models) {
   let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
     shouldSuspend: true
   };
-  const shouldSuspend = opts && (0, _private_utils.has)(opts, 'shouldSuspend') ? opts.shouldSuspend : true;
-  const constModels = (0, _use_array_identity.default)(Array.isArray(models) ? models : [models]);
-  const compactModels = (0, _react.useMemo)(() => {
-    const compacted = (0, _private_utils.compact)(constModels);
+  const shouldSuspend = opts && has(opts, 'shouldSuspend') ? opts.shouldSuspend : true;
+  const constModels = useArrayIdentity(Array.isArray(models) ? models : [models]);
+  const compactModels = useMemo(() => {
+    const compacted = compact(constModels);
     for (const model of compacted) {
       if (typeof model.loadDataAsync !== 'function') {
-        throw (0, _error_utils.spawnError)('useLoadable called with %s, which is not a loadable', typeof model === 'object' ? model.toString() : typeof model);
+        throw spawnError('useLoadable called with %s, which is not a loadable', typeof model === 'object' ? model.toString() : typeof model);
       }
     }
     return compacted;
@@ -143,7 +135,7 @@ function useLoadable(models) {
   // re-render when loaded state changes. technically, we could use `useWatchable` here, but as
   // our LoadableModel isn't a Watchable, we can't. There's no way to preserve flow errors when
   // watching something that doesn't have a 'isDataLoaded' watch key and use `Watchable`.
-  const modelIsLoadedSubscription = (0, _react.useMemo)(() => ({
+  const modelIsLoadedSubscription = useMemo(() => ({
     getCurrentValue: () => compactModels.map(model => model.isDataLoaded).join(','),
     subscribe: onChange => {
       for (const model of compactModels) {
@@ -156,12 +148,12 @@ function useLoadable(models) {
       };
     }
   }), [compactModels]);
-  (0, _useSubscription.useSubscription)(modelIsLoadedSubscription);
+  useSyncExternalStore(modelIsLoadedSubscription.subscribe, modelIsLoadedSubscription.getCurrentValue);
 
   // the main part of this hook comes down to managing the query result data loading in sync with
   // the component lifecycle. That means loading the data when the component mounts, and
   // unloading it when the component unmounts.
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     for (const model of compactModels) {
       model.loadDataAsync();
     }

package/dist/{cjs → esm}/base/ui/use_record_action_data.js

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useRecordActionData;
-var _perform_record_action = require("../perform_record_action");
-var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchable"));
-var _sdk_context = require("../../shared/ui/sdk_context");
-var _use_loadable = _interopRequireDefault(require("./use_loadable"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui: useRecordActionData */ /** */
 
+import { WatchablePerformRecordActionKeys } from '../perform_record_action';
+import useWatchable from '../../shared/ui/use_watchable';
+import { useSdk } from '../../shared/ui/sdk_context';
+import useLoadable from './use_loadable';
+
 /**
  * A hook to watch "open extension" / "perform record action" events (from button field). Returns
  * the data corresponding to the latest action, or `null` if no actions have occurred yet. If there
@@ -62,13 +56,13 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * @hook
  */
 
-function useRecordActionData() {
+export default function useRecordActionData() {
   const {
     performRecordAction
-  } = (0, _sdk_context.useSdk)();
+  } = useSdk();
 
   // Puts the block in suspense until the liveapp handler has been registered.
-  (0, _use_loadable.default)(performRecordAction);
+  useLoadable(performRecordAction);
 
   // Note: if we were to pass a callback to useWatchable, it would drop the callback for the
   // initial recordActionData (if it exists) when the component is mounted.
@@ -76,6 +70,6 @@ function useRecordActionData() {
   // effect, but would need to be careful to not erroneously trigger it when the component
   // unmounts and remounts.
   // So, using a callback with useRecordActionData isn't supported right now for simplicity.
-  (0, _use_watchable.default)(performRecordAction, _perform_record_action.WatchablePerformRecordActionKeys.recordActionData);
+  useWatchable(performRecordAction, WatchablePerformRecordActionKeys.recordActionData);
   return performRecordAction.recordActionData;
 }

package/dist/{cjs → esm}/base/ui/use_records.js

@@ -1,23 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useRecordById = useRecordById;
-exports.useRecordIds = useRecordIds;
-exports.useRecordQueryResult = useRecordQueryResult;
-exports.useRecords = useRecords;
-var _error_utils = require("../../shared/error_utils");
-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_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 (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; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui: useRecords */ /** */
+import { spawnError } from '../../shared/error_utils';
+import Table from '../models/table';
+import RecordQueryResult from '../models/record_query_result';
+import * as RecordColoring from '../models/record_coloring';
+import View from '../models/view';
+import useWatchable from '../../shared/ui/use_watchable';
+import useLoadable from './use_loadable';
 
 /** */
 
@@ -34,15 +22,15 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  */
 function useUnwatchedRecordQueryResult_(tableOrViewOrQueryResult, functionNameForErrors, opts) {
   let queryResult;
-  if (tableOrViewOrQueryResult instanceof _table.default || tableOrViewOrQueryResult instanceof _view.default) {
+  if (tableOrViewOrQueryResult instanceof Table || tableOrViewOrQueryResult instanceof View) {
     queryResult = tableOrViewOrQueryResult.selectRecords(opts);
   } else {
-    if (tableOrViewOrQueryResult instanceof _record_query_result.default && opts !== undefined) {
-      throw (0, _error_utils.spawnError)('%s does not support passing both a queryResult and opts.', functionNameForErrors);
+    if (tableOrViewOrQueryResult instanceof RecordQueryResult && opts !== undefined) {
+      throw spawnError('%s does not support passing both a queryResult and opts.', functionNameForErrors);
     }
     queryResult = tableOrViewOrQueryResult;
   }
-  (0, _use_loadable.default)(queryResult);
+  useLoadable(queryResult);
   return queryResult;
 }
 
@@ -86,8 +74,8 @@ function useUnwatchedRecordQueryResult_(tableOrViewOrQueryResult, functionNameFo
  * @docsPath UI/hooks/useRecordIds
  * @hook
  */
-function useRecordIds(tableOrViewOrQueryResult, opts) {
-  const generatedOpts = tableOrViewOrQueryResult instanceof _table.default || tableOrViewOrQueryResult instanceof _view.default ? {
+export function useRecordIds(tableOrViewOrQueryResult, opts) {
+  const generatedOpts = tableOrViewOrQueryResult instanceof Table || tableOrViewOrQueryResult instanceof View ? {
     // Don't load/watch any cell value data, since it's not accessible anyway
     fields: [],
     // Similarly, don't load/watch record color mode data
@@ -95,7 +83,7 @@ function useRecordIds(tableOrViewOrQueryResult, opts) {
     sorts: opts ? opts.sorts : undefined
   } : opts;
   const queryResult = useUnwatchedRecordQueryResult_(tableOrViewOrQueryResult, 'useRecordIds', generatedOpts);
-  (0, _use_watchable.default)(queryResult, ['recordIds']);
+  useWatchable(queryResult, ['recordIds']);
   return queryResult ? queryResult.recordIds : null;
 }
 
@@ -179,11 +167,11 @@ function useRecordIds(tableOrViewOrQueryResult, opts) {
  * @docsPath UI/hooks/useRecords
  * @hook
  */
-function useRecords(tableOrViewOrQueryResult, opts) {
+export function useRecords(tableOrViewOrQueryResult, opts) {
   const queryResult = useUnwatchedRecordQueryResult_(tableOrViewOrQueryResult, 'useRecords', opts);
 
   // Note this differs from useRecordQueryResult in that it does not watch groups
-  (0, _use_watchable.default)(queryResult, ['records', 'cellValues', 'recordColors']);
+  useWatchable(queryResult, ['records', 'cellValues', 'recordColors']);
   return queryResult ? queryResult.records : null;
 }
 
@@ -239,11 +227,11 @@ function useRecords(tableOrViewOrQueryResult, opts) {
  * @docsPath UI/hooks/useRecordById
  * @hook
  */
-function useRecordById(tableOrViewOrQueryResult, recordId, opts) {
+export function useRecordById(tableOrViewOrQueryResult, recordId, opts) {
   const queryResult = useUnwatchedRecordQueryResult_(tableOrViewOrQueryResult, 'useRecordById', opts);
-  (0, _use_watchable.default)(queryResult, ['records', 'recordColors']);
+  useWatchable(queryResult, ['records', 'recordColors']);
   const record = queryResult ? queryResult.getRecordByIdIfExists(recordId) : null;
-  (0, _use_watchable.default)(record, ['cellValues']);
+  useWatchable(record, ['cellValues']);
   return record;
 }
 
@@ -254,8 +242,8 @@ function useRecordById(tableOrViewOrQueryResult, recordId, opts) {
  * @hidden
  * @hook
  */
-function useRecordQueryResult(tableOrViewOrQueryResult, opts) {
+export function useRecordQueryResult(tableOrViewOrQueryResult, opts) {
   const queryResult = useUnwatchedRecordQueryResult_(tableOrViewOrQueryResult, 'useRecordQueryResult', opts);
-  (0, _use_watchable.default)(queryResult, ['records', 'cellValues', 'recordColors', 'groups']);
+  useWatchable(queryResult, ['records', 'cellValues', 'recordColors', 'groups']);
   return queryResult;
 }

package/dist/{cjs → esm}/base/ui/use_session.js

@@ -1,13 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _use_session = _interopRequireDefault(require("../../shared/ui/use_session"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui: useSession */ /** */
 
+import useSessionInternal from '../../shared/ui/use_session';
+
 /**
  * A hook for connecting a React component to the current session. This returns a {@link Session}
  * instance and will re-render your component whenever the session changes (e.g. when the current user's
@@ -37,6 +31,6 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * @hook
  */
 function useSession() {
-  return (0, _use_session.default)();
+  return useSessionInternal();
 }
-var _default = exports.default = useSession;
+export default useSession;

package/dist/{cjs → esm}/base/ui/use_settings_button.js

@@ -1,15 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useSettingsButton;
-var _react = require("react");
-var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchable"));
-var _sdk_context = require("../../shared/ui/sdk_context");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui: useSettingsButton */ /** */
-
+import { useEffect } from 'react';
+import useWatchable from '../../shared/ui/use_watchable';
+import { useSdk } from '../../shared/ui/sdk_context';
 /**
  * A hook for using the settings button that lives outside the extension's viewport. It will show
  * the settings button (hidden by default) and call the provided callback whenever the settings
@@ -37,11 +29,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * @docsPath UI/hooks/useSettingsButton
  * @hook
  */
-function useSettingsButton(onClickCallback) {
+export default function useSettingsButton(onClickCallback) {
   const {
     settingsButton
-  } = (0, _sdk_context.useSdk)();
-  (0, _react.useEffect)(() => {
+  } = useSdk();
+  useEffect(() => {
     settingsButton.show();
 
     // Hide the button when the component using this hook is unmounted.
@@ -50,5 +42,5 @@ function useSettingsButton(onClickCallback) {
     };
   }, [settingsButton]); // Only set the button to be visible once.
 
-  (0, _use_watchable.default)(settingsButton, ['click'], onClickCallback);
+  useWatchable(settingsButton, ['click'], onClickCallback);
 }

package/dist/{cjs → esm}/base/ui/use_view_metadata.js

@@ -1,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _view = _interopRequireDefault(require("../models/view"));
-var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchable"));
-var _use_loadable = _interopRequireDefault(require("./use_loadable"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui: useViewMetadata */ /** */
 
+import View from '../models/view';
+import useWatchable from '../../shared/ui/use_watchable';
+import useLoadable from './use_loadable';
+
 /** */
 
 /** */
@@ -41,9 +35,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * @hook
  */
 function useViewMetadata(viewOrViewMetadataQueryResult) {
-  const queryResult = viewOrViewMetadataQueryResult instanceof _view.default ? viewOrViewMetadataQueryResult.selectMetadata() : viewOrViewMetadataQueryResult;
-  (0, _use_loadable.default)(queryResult ?? null);
-  (0, _use_watchable.default)(queryResult, ['allFields', 'visibleFields', 'groupLevels']);
+  const queryResult = viewOrViewMetadataQueryResult instanceof View ? viewOrViewMetadataQueryResult.selectMetadata() : viewOrViewMetadataQueryResult;
+  useLoadable(queryResult ?? null);
+  useWatchable(queryResult, ['allFields', 'visibleFields', 'groupLevels']);
   return queryResult ?? null;
 }
-var _default = exports.default = useViewMetadata;
+export default useViewMetadata;

package/dist/{cjs → esm}/base/ui/use_viewport.js

@@ -1,14 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useViewport;
-var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchable"));
-var _sdk_context = require("../../shared/ui/sdk_context");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui: useViewport */ /** */
 
+import useWatchable from '../../shared/ui/use_watchable';
+import { useSdk } from '../../shared/ui/sdk_context';
 /**
  * Returns the current {@link Viewport} object and updates whenever the viewport size, constraints,
  * or fullscreen status changes.
@@ -40,8 +33,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * @docsPath UI/hooks/useViewport
  * @hook
  */
-function useViewport() {
-  const viewport = (0, _sdk_context.useSdk)().viewport;
-  (0, _use_watchable.default)(viewport, ['isFullscreen', 'size', 'minSize', 'maxFullscreenSize']);
+export default function useViewport() {
+  const viewport = useSdk().viewport;
+  useWatchable(viewport, ['isFullscreen', 'size', 'minSize', 'maxFullscreenSize']);
   return viewport;
 }

package/dist/esm/base/undo_redo.js

@@ -0,0 +1,31 @@
+import { values } from '../shared/private_utils';
+import { spawnError } from '../shared/error_utils';
+import { UndoRedoModes } from './types/undo_redo';
+/** @hidden */
+class UndoRedo {
+  /** @hidden */
+  modes = UndoRedoModes;
+
+  /** @internal */
+
+  /** @internal */
+  _mode = UndoRedoModes.NONE;
+
+  /** @hidden */
+  constructor(airtableInterface) {
+    this._airtableInterface = airtableInterface;
+  }
+  /** @hidden */
+  get mode() {
+    return this._mode;
+  }
+  /** @hidden */
+  set mode(mode) {
+    if (!values(UndoRedoModes).includes(mode)) {
+      throw spawnError('Unexpected UndoRedo mode');
+    }
+    this._mode = mode;
+    this._airtableInterface.setUndoRedoMode(mode);
+  }
+}
+export default UndoRedo;

package/dist/esm/base/unstable_testing_utils.js

@@ -0,0 +1,6 @@
+export { MutationTypes } from './types/mutations';
+export { BlockRunContextType } from './types/airtable_interface';
+export { FieldType } from '../shared/types/field_core';
+export { ViewType } from './types/view';
+export { default as Sdk } from './sdk';
+export { AbstractMockAirtableInterface } from '../testing/base/abstract_mock_airtable_interface';

package/dist/{cjs → esm}/base/viewport.js

@@ -1,15 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _watchable = _interopRequireDefault(require("../shared/watchable"));
-var _private_utils = require("../shared/private_utils");
-var _error_utils = require("../shared/error_utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks: viewport */ /** */
-
+import Watchable from '../shared/watchable';
+import { isEnumValue, debounce } from '../shared/private_utils';
+import { invariant } from '../shared/error_utils';
 const WatchableViewportKeys = Object.freeze({
   isFullscreen: 'isFullscreen',
   size: 'size',
@@ -51,12 +43,12 @@ const compareWithNulls = (a, b, compare) => {
  * ```
  * @docsPath models/Viewport
  */
-class Viewport extends _watchable.default {
+class Viewport extends Watchable {
   /** @internal */
   static _className = 'Viewport';
   /** @internal */
   static _isWatchableKey(key) {
-    return (0, _private_utils.isEnumValue)(WatchableViewportKeys, key);
+    return isEnumValue(WatchableViewportKeys, key);
   }
 
   /** @internal */
@@ -87,7 +79,7 @@ class Viewport extends _watchable.default {
     // add an event listener for window resize and remove it when nobody is
     // listening anymore.
     this._sizeWatchCount = 0;
-    this._onSizeChangeDebounced = (0, _private_utils.debounce)(this._onSizeChange.bind(this), 200);
+    this._onSizeChangeDebounced = debounce(this._onSizeChange.bind(this), 200);
 
     // whenever maxFullscreenSize changes, we want to sync it back to the
     // containing frame
@@ -160,7 +152,7 @@ class Viewport extends _watchable.default {
     this._maxFullscreenSizes.add(size);
     this._onChange(WatchableViewportKeys.maxFullscreenSize);
     return () => {
-      (0, _error_utils.invariant)(this._maxFullscreenSizes.has(size), 'UnsetFn can only be called once');
+      invariant(this._maxFullscreenSizes.has(size), 'UnsetFn can only be called once');
       this._cachedMaxFullscreenSize = null;
       this._maxFullscreenSizes.delete(size);
       this._onChange(WatchableViewportKeys.maxFullscreenSize);
@@ -219,7 +211,7 @@ class Viewport extends _watchable.default {
       this.enterFullscreenIfPossible();
     }
     return () => {
-      (0, _error_utils.invariant)(this._minSizes.has(size), 'UnsetFn can only be called once');
+      invariant(this._minSizes.has(size), 'UnsetFn can only be called once');
       this._cachedMinSize = null;
       this._cachedMaxFullscreenSize = null;
       this._minSizes.delete(size);
@@ -350,4 +342,4 @@ class Viewport extends _watchable.default {
     this._onChange(WatchableViewportKeys.size);
   }
 }
-var _default = exports.default = Viewport;
+export default Viewport;

package/dist/{cjs → esm}/injected/airtable_interface.js

@@ -1,20 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getAirtableInterface;
-var _error_utils = require("../shared/error_utils");
+import { spawnError } from '../shared/error_utils';
 const AIRTABLE_INTERFACE_VERSION = 0;
 let airtableInterface = null;
 const missingAirtableInterfaceErrorMessage = ['Error: Extension environment misconfigured', '\n\n', 'Airtable Extensions can only run in the presence of an Airtable Base. If you ', 'are trying to run your Extension with a Base hosted on airtable.com, then be ', 'sure you are using the Airtable CLI to serve your code and accessing it ', 'through a Custom Extension installed inside a Base on airtable.com.', '\n\n', 'If you are trying to run automated tests for your Extension, then make sure ', 'you have loaded the `@airtable/testing-library` module *before* the ', '`@airtable/blocks` module.'].join('');
 
 /** @hidden */
-function getAirtableInterface() {
+export default function getAirtableInterface() {
   const getAirtableInterfaceAtVersion = window.__getAirtableInterfaceAtVersion;
   if (!airtableInterface) {
     if (!getAirtableInterfaceAtVersion) {
-      throw (0, _error_utils.spawnError)(missingAirtableInterfaceErrorMessage);
+      throw spawnError(missingAirtableInterfaceErrorMessage);
     }
     airtableInterface = getAirtableInterfaceAtVersion(AIRTABLE_INTERFACE_VERSION);
   }

package/dist/esm/interface/assert_run_context.js

@@ -0,0 +1,9 @@
+import getAirtableInterface from '../injected/airtable_interface';
+import { spawnError } from '../shared/error_utils';
+import { BlockRunContextType } from './types/airtable_interface';
+if (window.__getAirtableInterfaceAtVersion) {
+  const runContextType = getAirtableInterface().sdkInitData.runContext.type;
+  if (runContextType !== BlockRunContextType.PAGE_ELEMENT_IN_QUERY_CONTAINER) {
+    throw spawnError('Unexpected import when running block in base');
+  }
+}

package/dist/esm/interface/index.js

@@ -0,0 +1,16 @@
+import { __injectSdkIntoWarning } from '../shared/warning';
+import getAirtableInterface from '../injected/airtable_interface';
+import { InterfaceBlockSdk } from './sdk';
+import { __injectSdkIntoInitializeBlock } from './ui/initialize_block';
+
+/** @internal */
+export function __reset() {
+  const __sdk = new InterfaceBlockSdk(getAirtableInterface());
+
+  // The following injections are necessary to allow the referenced modules
+  // to be imported directly by consumer code while also avoiding cycles in
+  // the module dependency graph.
+  __injectSdkIntoInitializeBlock(__sdk);
+  __injectSdkIntoWarning(__sdk);
+}
+__reset();

package/dist/{cjs → esm}/interface/models/base.js

@@ -1,12 +1,7 @@
-"use strict";
+import { BaseCore } from '../../shared/models/base_core';
+import { Table } from './table';
+import { RecordStore } from './record_store';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Base = void 0;
-var _base_core = require("../../shared/models/base_core");
-var _table = require("./table");
-var _record_store = require("./record_store");
 /**
  * Model class representing a base.
  *
@@ -15,21 +10,20 @@ var _record_store = require("./record_store");
  *
  * @docsPath models/Base
  */
-class Base extends _base_core.BaseCore {
+export class Base extends BaseCore {
   /** @internal */
   _constructTable(tableId) {
     const recordStore = this.__getRecordStore(tableId);
-    return new _table.Table(this, recordStore, tableId, this._sdk);
+    return new Table(this, recordStore, tableId, this._sdk);
   }
 
   /** @internal */
   _constructRecordStore(sdk, tableId) {
-    return new _record_store.RecordStore(sdk, tableId);
+    return new RecordStore(sdk, tableId);
   }
 
   /** @internal */
   _iterateTableIds() {
     return Object.keys(this._data.tablesById);
   }
-}
-exports.Base = Base;
+}

package/dist/{cjs → esm}/interface/models/field.js

@@ -1,10 +1,5 @@
-"use strict";
+import { FieldCore } from '../../shared/models/field_core';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Field = void 0;
-var _field_core = require("../../shared/models/field_core");
 /**
  * Model class representing a field in a table.
  *
@@ -21,8 +16,7 @@ var _field_core = require("../../shared/models/field_core");
  * ```
  * @docsPath models/Field
  */
-class Field extends _field_core.FieldCore {
+export class Field extends FieldCore {
   /** @internal */
   static _className = 'Field';
-}
-exports.Field = Field;
+}

package/dist/esm/interface/models/models.js

@@ -0,0 +1,9 @@
+// istanbul ignore file
+/** @ignore */ /** */
+import '../assert_run_context';
+export { FieldType } from '../../shared/types/field_core';
+export { Base } from './base';
+export { Table } from './table';
+export { Field } from './field';
+export { Record } from './record';
+export { Session } from './session';

package/dist/{cjs → esm}/interface/models/mutations.js

@@ -1,13 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Mutations = void 0;
-var _mutations_core = require("../../shared/models/mutations_core");
-var _mutations = require("../types/mutations");
+import { MutationsCore } from '../../shared/models/mutations_core';
+import { MutationTypes } from '../types/mutations';
 /** @hidden */
-class Mutations extends _mutations_core.MutationsCore {
+export class Mutations extends MutationsCore {
   /** @internal */
   _isRecordStoreReadyForMutations() {
     return true;
@@ -28,7 +22,7 @@ class Mutations extends _mutations_core.MutationsCore {
   /** @internal */
   _getOptimisticModelChangesForMutation(mutation) {
     switch (mutation.type) {
-      case _mutations.MutationTypes.CREATE_MULTIPLE_RECORDS:
+      case MutationTypes.CREATE_MULTIPLE_RECORDS:
         {
           // Ideally, we'd add the recordIds to the `recordOrder` of the Table (see
           // how we optimistically remove from this in the DELETE_MULTIPLE_RECORDS
@@ -40,7 +34,7 @@ class Mutations extends _mutations_core.MutationsCore {
           // applied and liveapp sends an update to the recordOrder.
           return super._getOptimisticModelChangesForMutation(mutation);
         }
-      case _mutations.MutationTypes.DELETE_MULTIPLE_RECORDS:
+      case MutationTypes.DELETE_MULTIPLE_RECORDS:
         {
           const {
             tableId,
@@ -59,5 +53,4 @@ class Mutations extends _mutations_core.MutationsCore {
         }
     }
   }
-}
-exports.Mutations = Mutations;
+}