@airtable/blocks 0.0.0-experimental-f52bc4e5e-20250709 → 0.0.0-experimental-75d011284-20250904

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

@@ -1,29 +1,12 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Table = void 0;
-require("core-js/modules/es.array.map.js");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _table_core = require("../../shared/models/table_core");
 var _field_core = require("../../shared/types/field_core");
 var _field = require("./field");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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; })(); }
 /**
  * Model class representing a table. Every {@link Base} has one or more tables.
  *
@@ -41,86 +24,74 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * ```
  * @docsPath models/Table
  */
-var Table = exports.Table = /*#__PURE__*/function (_TableCore) {
-  function Table() {
-    (0, _classCallCheck2.default)(this, Table);
-    return _callSuper(this, Table, arguments);
+class Table extends _table_core.TableCore {
+  /** @internal */
+  _constructField(fieldId) {
+    return new _field.Field(this.parentBase.__sdk, this, fieldId);
   }
-  (0, _inherits2.default)(Table, _TableCore);
-  return (0, _createClass2.default)(Table, [{
-    key: "_constructField",
-    value: /** @internal */
-    function _constructField(fieldId) {
-      return new _field.Field(this.parentBase.__sdk, this, fieldId);
-    }
 
-    /**
-     * Checks whether records in this table can be expanded.
-     *
-     * Returns `{hasPermission: true}` if records can be expanded,
-     * `{hasPermission: false, reasonDisplayString: string}` otherwise.
-     *
-     * @example
-     * ```js
-     * const expandRecordsCheckResult = table.checkPermissionToExpandRecords();
-     * if (!expandRecordsCheckResult.hasPermission) {
-     *     alert(expandRecordsCheckResult.reasonDisplayString);
-     * }
-     * ```
-     */
-  }, {
-    key: "checkPermissionToExpandRecords",
-    value: function checkPermissionToExpandRecords() {
-      var canExpand = this._baseData.tablesById[this.id].isRecordExpansionEnabled;
-      return canExpand ? {
-        hasPermission: true
-      } : {
-        hasPermission: false,
-        reasonDisplayString: 'Record expansion is not enabled for this table'
-      };
-    }
+  /**
+   * Checks whether records in this table can be expanded.
+   *
+   * Returns `{hasPermission: true}` if records can be expanded,
+   * `{hasPermission: false, reasonDisplayString: string}` otherwise.
+   *
+   * @example
+   * ```js
+   * const expandRecordsCheckResult = table.checkPermissionToExpandRecords();
+   * if (!expandRecordsCheckResult.hasPermission) {
+   *     alert(expandRecordsCheckResult.reasonDisplayString);
+   * }
+   * ```
+   */
+  checkPermissionToExpandRecords() {
+    const canExpand = this._baseData.tablesById[this.id].isRecordExpansionEnabled;
+    return canExpand ? {
+      hasPermission: true
+    } : {
+      hasPermission: false,
+      reasonDisplayString: 'Record expansion is not enabled for this table'
+    };
+  }
 
-    /**
-     * An alias for `checkPermissionsForExpandRecords().hasPermission`.
-     *
-     * Whether records in this table can be expanded.
-     *
-     * @example
-     * ```js
-     * const isRecordExpansionEnabled = table.hasPermissionToExpandRecords();
-     * if (isRecordExpansionEnabled) {
-     *     expandRecord(record);
-     * }
-     * ```
-     */
-  }, {
-    key: "hasPermissionToExpandRecords",
-    value: function hasPermissionToExpandRecords() {
-      return this.checkPermissionToExpandRecords().hasPermission;
-    }
+  /**
+   * An alias for `checkPermissionsForExpandRecords().hasPermission`.
+   *
+   * Whether records in this table can be expanded.
+   *
+   * @example
+   * ```js
+   * const isRecordExpansionEnabled = table.hasPermissionToExpandRecords();
+   * if (isRecordExpansionEnabled) {
+   *     expandRecord(record);
+   * }
+   * ```
+   */
+  hasPermissionToExpandRecords() {
+    return this.checkPermissionToExpandRecords().hasPermission;
+  }
 
-    /** @internal */
-  }, {
-    key: "_adjustCellValueForFieldIfNecessary",
-    value: function _adjustCellValueForFieldIfNecessary(field, cellValue, onGenerateIdForNewForeignRecord) {
-      if (field.type !== _field_core.FieldType.MULTIPLE_RECORD_LINKS || !Array.isArray(cellValue)) {
-        return cellValue;
-      }
-      return cellValue.map(item => {
-        if (typeof item !== 'object' || item === null) {
-          // This would be a malformed cellValue, so just return it as is and then the
-          // schema validation of the mutation will fail.
-          return item;
-        }
-        if (!item.id) {
-          var newForeignRecordId = this.parentBase.__sdk.__airtableInterface.idGenerator.generateRecordId();
-          onGenerateIdForNewForeignRecord(newForeignRecordId);
-          return _objectSpread(_objectSpread({}, item), {}, {
-            id: newForeignRecordId
-          });
-        }
-        return item;
-      });
+  /** @internal */
+  _adjustCellValueForFieldIfNecessary(field, cellValue, onGenerateIdForNewForeignRecord) {
+    if (field.type !== _field_core.FieldType.MULTIPLE_RECORD_LINKS || !Array.isArray(cellValue)) {
+      return cellValue;
     }
-  }]);
-}(_table_core.TableCore);
+    return cellValue.map(item => {
+      if (typeof item !== 'object' || item === null) {
+        // This would be a malformed cellValue, so just return it as is and then the
+        // schema validation of the mutation will fail.
+        return item;
+      }
+      if (!item.id) {
+        const newForeignRecordId = this.parentBase.__sdk.__airtableInterface.idGenerator.generateRecordId();
+        onGenerateIdForNewForeignRecord(newForeignRecordId);
+        return {
+          ...item,
+          id: newForeignRecordId
+        };
+      }
+      return item;
+    });
+  }
+}
+exports.Table = Table;

package/dist/cjs/interface/sdk.js

@@ -1,104 +1,78 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InterfaceBlockSdk = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _sdk_core = require("../shared/sdk_core");
 var _session = require("./models/session");
 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; })(); }
 /** @hidden */
-var InterfaceBlockSdk = exports.InterfaceBlockSdk = /*#__PURE__*/function (_BlockSdkCore) {
-  function InterfaceBlockSdk(airtableInterface) {
-    var _this;
-    (0, _classCallCheck2.default)(this, InterfaceBlockSdk);
-    _this = _callSuper(this, InterfaceBlockSdk, [airtableInterface]);
-    _this._registerHandlers();
-    return _this;
+class InterfaceBlockSdk extends _sdk_core.BlockSdkCore {
+  constructor(airtableInterface) {
+    super(airtableInterface);
+    this._registerHandlers();
   }
   /** @internal */
-  (0, _inherits2.default)(InterfaceBlockSdk, _BlockSdkCore);
-  return (0, _createClass2.default)(InterfaceBlockSdk, [{
-    key: "_constructSession",
-    value: function _constructSession() {
-      return new _session.Session(this);
-    }
-    /** @internal */
-  }, {
-    key: "_constructBase",
-    value: function _constructBase() {
-      return new _base.Base(this);
-    }
-    /** @internal */
-  }, {
-    key: "_constructMutations",
-    value: function _constructMutations() {
-      return new _mutations.Mutations(this, this.session, this.base, changes => this.__applyModelChanges(changes), updates => this.__applyGlobalConfigUpdates(updates));
-    }
-    /** @internal */
-  }, {
-    key: "_registerHandlers",
-    value: function _registerHandlers() {
-      // base
-      this.__airtableInterface.subscribeToModelUpdates(_ref => {
-        var changes = _ref.changes;
-        this.__applyModelChanges(changes);
-      });
+  _constructSession() {
+    return new _session.Session(this);
+  }
+  /** @internal */
+  _constructBase() {
+    return new _base.Base(this);
+  }
+  /** @internal */
+  _constructMutations() {
+    return new _mutations.Mutations(this, this.session, this.base, changes => this.__applyModelChanges(changes), updates => this.__applyGlobalConfigUpdates(updates));
+  }
+  /** @internal */
+  _registerHandlers() {
+    // base
+    this.__airtableInterface.subscribeToModelUpdates(_ref => {
+      let {
+        changes
+      } = _ref;
+      this.__applyModelChanges(changes);
+    });
 
-      // global config
-      this.__airtableInterface.subscribeToGlobalConfigUpdates(_ref2 => {
-        var updates = _ref2.updates;
-        this.__applyGlobalConfigUpdates(updates);
-      });
-    }
-    /** @internal */
-  }, {
-    key: "__applyModelChanges",
-    value: function __applyModelChanges(changes) {
-      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.globalConfig.__setMultipleKvPaths(updates);
-    }
+    // global config
+    this.__airtableInterface.subscribeToGlobalConfigUpdates(_ref2 => {
+      let {
+        updates
+      } = _ref2;
+      this.__applyGlobalConfigUpdates(updates);
+    });
+  }
+  /** @internal */
+  __applyModelChanges(changes) {
+    const changedBasePaths = this.base.__applyChangesWithoutTriggeringEvents(changes);
+    const changedSessionKeys = this.session.__applyChangesWithoutTriggeringEvents(changes);
+    this.base.__triggerOnChangeForChangedPaths(changedBasePaths);
+    this.session.__triggerOnChangeForChangedKeys(changedSessionKeys);
+  }
+  /** @internal */
+  __applyGlobalConfigUpdates(updates) {
+    this.globalConfig.__setMultipleKvPaths(updates);
+  }
 
-    /**
-     * @internal
-     */
-  }, {
-    key: "__appInterface",
-    get: function get() {
-      return this.base._baseData.appInterface;
-    }
+  /**
+   * @internal
+   */
+  get __appInterface() {
+    return this.base._baseData.appInterface;
+  }
 
-    /** @hidden */
-  }, {
-    key: "getBlockRunContext",
-    value: function getBlockRunContext() {
-      return this.__airtableInterface.sdkInitData.runContext;
-    }
+  /** @hidden */
+  getBlockRunContext() {
+    return this.__airtableInterface.sdkInitData.runContext;
+  }
 
-    /**
-     * @internal
-     */
-  }, {
-    key: "setCustomPropertiesAsync",
-    value: function setCustomPropertiesAsync(properties) {
-      return this.__airtableInterface.setCustomPropertiesAsync(properties);
-    }
-  }]);
-}(_sdk_core.BlockSdkCore);
+  /**
+   * @internal
+   */
+  setCustomPropertiesAsync(properties) {
+    return this.__airtableInterface.setCustomPropertiesAsync(properties);
+  }
+}
+exports.InterfaceBlockSdk = InterfaceBlockSdk;

package/dist/cjs/interface/types/airtable_interface.js

@@ -7,7 +7,7 @@ exports.BlockRunContextType = exports.BlockInstallationPageElementCustomProperty
 // BlockRunContextType, BlockInstallationPageBlockRunContext, BlockRunContext
 // must be kept in sync with block_run_context.tsx in hyperbase repo
 /** @hidden */
-var BlockRunContextType = exports.BlockRunContextType = /*#__PURE__*/function (BlockRunContextType) {
+let BlockRunContextType = exports.BlockRunContextType = /*#__PURE__*/function (BlockRunContextType) {
   BlockRunContextType["PAGE_ELEMENT_IN_QUERY_CONTAINER"] = "pageElementInQueryContainer";
   return BlockRunContextType;
 }({});
@@ -18,7 +18,7 @@ var BlockRunContextType = exports.BlockRunContextType = /*#__PURE__*/function (B
 // Keep in sync with enum in hyperbase repo:
 // https://github.com/Hyperbase/hyperbase/blob/2c0e2ef2cbc6bce7ab33fd913ef3572a83c3892d/client_server_shared/pages/types/block_installation_page_elements/block_installation_page_element_custom_properties_types.tsx
 /** @hidden */
-var BlockInstallationPageElementCustomPropertyTypeForAirtableInterface = exports.BlockInstallationPageElementCustomPropertyTypeForAirtableInterface = /*#__PURE__*/function (BlockInstallationPageElementCustomPropertyTypeForAirtableInterface) {
+let BlockInstallationPageElementCustomPropertyTypeForAirtableInterface = exports.BlockInstallationPageElementCustomPropertyTypeForAirtableInterface = /*#__PURE__*/function (BlockInstallationPageElementCustomPropertyTypeForAirtableInterface) {
   BlockInstallationPageElementCustomPropertyTypeForAirtableInterface["BOOLEAN"] = "boolean";
   BlockInstallationPageElementCustomPropertyTypeForAirtableInterface["STRING"] = "string";
   BlockInstallationPageElementCustomPropertyTypeForAirtableInterface["ENUM"] = "enum";

package/dist/cjs/interface/types/mutations.js

@@ -1,21 +1,14 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MutationTypes = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _mutations_core = require("../../shared/types/mutations_core");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @hidden */
-var MutationTypes = exports.MutationTypes = Object.freeze(_objectSpread({}, _mutations_core.MutationTypesCore));
+const MutationTypes = exports.MutationTypes = Object.freeze({
+  ..._mutations_core.MutationTypesCore
+});
 
 /** @hidden */
 

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

@@ -1,61 +1,69 @@
 "use strict";
 
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.weak-map.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BlockWrapper = void 0;
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var React = _interopRequireWildcard(require("react"));
 var _emotion = require("emotion");
 var _loader = _interopRequireDefault(require("../../shared/ui/loader"));
 var _sdk_context = require("../../shared/ui/sdk_context");
-var _templateObject, _templateObject2, _templateObject3;
-/** @hidden */
-/** */
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _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; })(); }
-var suspenseFallbackClassName = (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n    -webkit-align-items: center;\n    -ms-flex-align: center;\n    -ms-grid-row-align: center;\n    align-items: center;\n    -webkit-box-pack: center;\n    -webkit-justify-content: center;\n    -ms-flex-pack: center;\n    justify-content: center;\n"])));
-var spinScale = (0, _emotion.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    0% {\n        transform: rotate(0) scale(1);\n    }\n    50% {\n        transform: rotate(360deg) scale(0.9);\n    }\n    100% {\n        transform: rotate(720deg) scale(1);\n    }\n"])));
-var animateSpinnerClassName = (0, _emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    animation-iteration-count: infinite;\n    animation-name: ", ";\n    animation-duration: 1800ms;\n    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);\n"])), spinScale);
-var BlockWrapper = exports.BlockWrapper = /*#__PURE__*/function (_React$Component) {
-  function BlockWrapper() {
-    var _this;
-    (0, _classCallCheck2.default)(this, BlockWrapper);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+/** @hidden */ /** */
+
+const suspenseFallbackClassName = (0, _emotion.css)`
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    -ms-grid-row-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+`;
+const spinScale = (0, _emotion.keyframes)`
+    0% {
+        transform: rotate(0) scale(1);
     }
-    _this = _callSuper(this, BlockWrapper, [...args]);
-    /** @internal */
-    (0, _defineProperty2.default)(_this, "_minSizeBeforeRender", null);
-    return _this;
-  }
-  (0, _inherits2.default)(BlockWrapper, _React$Component);
-  return (0, _createClass2.default)(BlockWrapper, [{
-    key: "render",
-    value: /** @hidden */
-    function render() {
-      return /*#__PURE__*/React.createElement(_sdk_context.SdkContext.Provider, {
-        value: this.props.sdk
-      }, /*#__PURE__*/React.createElement(React.Suspense, {
-        fallback: /*#__PURE__*/React.createElement("div", {
-          className: suspenseFallbackClassName
-        }, /*#__PURE__*/React.createElement(_loader.default, {
-          className: animateSpinnerClassName
-        }))
-      }, this.props.children));
+    50% {
+        transform: rotate(360deg) scale(0.9);
     }
-  }]);
-}(React.Component);
+    100% {
+        transform: rotate(720deg) scale(1);
+    }
+`;
+const animateSpinnerClassName = (0, _emotion.css)`
+    animation-iteration-count: infinite;
+    animation-name: ${spinScale};
+    animation-duration: 1800ms;
+    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
+`;
+class BlockWrapper extends React.Component {
+  /** @internal */
+  _minSizeBeforeRender = null;
+  /** @hidden */
+  render() {
+    return /*#__PURE__*/React.createElement(_sdk_context.SdkContext.Provider, {
+      value: this.props.sdk
+    }, /*#__PURE__*/React.createElement(React.Suspense, {
+      fallback: /*#__PURE__*/React.createElement("div", {
+        className: suspenseFallbackClassName
+      }, /*#__PURE__*/React.createElement(_loader.default, {
+        className: animateSpinnerClassName
+      }))
+    }, this.props.children));
+  }
+}
+exports.BlockWrapper = BlockWrapper;

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

@@ -1,10 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,16 +7,17 @@ exports.__injectSdkIntoInitializeBlock = __injectSdkIntoInitializeBlock;
 exports.__resetHasBeenInitialized = __resetHasBeenInitialized;
 exports.initializeBlock = initializeBlock;
 var React = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
+var _client = require("react-dom/client");
 var _error_utils = require("../../shared/error_utils");
 var _airtable_interface = _interopRequireDefault(require("../../injected/airtable_interface"));
 var _airtable_interface2 = require("../types/airtable_interface");
 var _block_wrapper = require("./block_wrapper");
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
 /** @module @airtable/blocks/ui: initializeBlock */ /** */
 
-var hasBeenInitialized = false;
+let hasBeenInitialized = false;
 
 /** */
 
@@ -48,7 +44,7 @@ var hasBeenInitialized = false;
  * @docsPath UI/utils/initializeBlock
  */
 function initializeBlock(entryPoints) {
-  var body = typeof document !== 'undefined' ? document.body : null;
+  const body = typeof document !== 'undefined' ? document.body : null;
   if (!body) {
     throw (0, _error_utils.spawnError)('initializeBlock should only be called from browser environments');
   }
@@ -56,9 +52,9 @@ function initializeBlock(entryPoints) {
     throw (0, _error_utils.spawnError)('initializeBlock should only be called once');
   }
   hasBeenInitialized = true;
-  var airtableInterface = (0, _airtable_interface.default)();
-  var entryElement;
-  var runContext = airtableInterface.sdkInitData.runContext;
+  const airtableInterface = (0, _airtable_interface.default)();
+  let entryElement;
+  const runContext = airtableInterface.sdkInitData.runContext;
   switch (runContext.type) {
     case _airtable_interface2.BlockRunContextType.PAGE_ELEMENT_IN_QUERY_CONTAINER:
       {
@@ -77,26 +73,15 @@ function initializeBlock(entryPoints) {
   if (! /*#__PURE__*/React.isValidElement(entryElement)) {
     throw (0, _error_utils.spawnError)("The first argument to initializeBlock didn't return a valid React element");
   }
-  var container = document.createElement('div');
+  const container = document.createElement('div');
   container.style.height = '100%';
   container.style.width = '100%';
   body.appendChild(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.BlockWrapper, {
-      sdk: sdk
-    }, entryElement));
-  } catch (e) {
-    // Fallback to legacy render for React 16/17
-    _reactDom.default.render( /*#__PURE__*/React.createElement(_block_wrapper.BlockWrapper, {
-      sdk: sdk
-    }, entryElement), container);
-  }
+  (0, _client.createRoot)(container).render( /*#__PURE__*/React.createElement(_block_wrapper.BlockWrapper, {
+    sdk: sdk
+  }, entryElement));
 }
-var sdk;
+let sdk;
 
 // The application-level Sdk instance must be injected dynamically to avoid
 // circular dependencies at the time of module resolution.