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

package/dist/cjs/shared/ui/remote_utils.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.loadCSSFromString = loadCSSFromString;
 exports.loadCSSFromURLAsync = loadCSSFromURLAsync;
 exports.loadScriptFromURLAsync = loadScriptFromURLAsync;
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.promise.js");
 var _error_utils = require("../error_utils");
 /** @module @airtable/blocks/ui: Loading external resources */ /** */
 
@@ -23,7 +21,7 @@ var _error_utils = require("../error_utils");
  * @docsPath UI/utils/loadCSSFromString
  */
 function loadCSSFromString(css) {
-  var styleTag = document.createElement('style');
+  const styleTag = document.createElement('style');
   styleTag.innerHTML = css;
   (0, _error_utils.invariant)(document.head, 'no document head');
   document.head.appendChild(styleTag);
@@ -45,9 +43,9 @@ function loadCSSFromString(css) {
  */
 function loadCSSFromURLAsync(url) {
   // Pre-create the error for a nicer stack trace.
-  var loadError = new Error('Failed to load remote CSS: ' + url);
+  const loadError = new Error('Failed to load remote CSS: ' + url);
   return new Promise((resolve, reject) => {
-    var linkTag = document.createElement('link');
+    const linkTag = document.createElement('link');
     linkTag.setAttribute('rel', 'stylesheet');
     linkTag.setAttribute('href', url);
     linkTag.addEventListener('load', () => {
@@ -76,9 +74,9 @@ function loadCSSFromURLAsync(url) {
  */
 function loadScriptFromURLAsync(url) {
   // Pre-create the error for a nicer stack trace.
-  var loadError = new Error('Failed to load remote script: ' + url);
+  const loadError = new Error('Failed to load remote script: ' + url);
   return new Promise((resolve, reject) => {
-    var scriptTag = document.createElement('script');
+    const scriptTag = document.createElement('script');
     scriptTag.addEventListener('load', () => {
       resolve(scriptTag);
     });

package/dist/cjs/shared/ui/sdk_context.js

@@ -1,20 +1,16 @@
 "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");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSdk = exports.SdkContext = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _error_utils = require("../error_utils");
-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 _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; }
-var SdkContext = exports.SdkContext = /*#__PURE__*/React.createContext(null);
-var useSdk = () => {
-  var sdk = React.useContext(SdkContext);
+const SdkContext = exports.SdkContext = /*#__PURE__*/React.createContext(null);
+const useSdk = () => {
+  const sdk = React.useContext(SdkContext);
   (0, _error_utils.invariant)(sdk, 'This component can only be used in a block. Make sure to use `initializeBlock` at the root of this component tree.');
   return sdk;
 };

package/dist/cjs/shared/ui/use_array_identity.js

@@ -15,12 +15,12 @@ var _react = require("react");
  * @internal
  */
 function useArrayIdentity(array) {
-  var arrayRef = (0, _react.useRef)(array);
+  const arrayRef = (0, _react.useRef)(array);
   if (arrayRef.current !== array) {
     if (arrayRef.current.length !== array.length) {
       arrayRef.current = array;
     } else {
-      for (var i = 0; i < array.length; i++) {
+      for (let i = 0; i < array.length; i++) {
         if (arrayRef.current[i] !== array[i]) {
           arrayRef.current = array;
           break;

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

@@ -1,19 +1,20 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _use_watchable = _interopRequireDefault(require("./use_watchable"));
 var _sdk_context = require("./sdk_context");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * @hidden
  */
-var useBase = () => {
-  var _useSdk = (0, _sdk_context.useSdk)(),
-    base = _useSdk.base,
-    session = _useSdk.session;
+const useBase = () => {
+  const {
+    base,
+    session
+  } = (0, _sdk_context.useSdk)();
   (0, _use_watchable.default)(base, ['schema']);
   (0, _use_watchable.default)(session, ['permissionLevel']);
   return base;

package/dist/cjs/shared/ui/use_color_scheme.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useColorScheme = useColorScheme;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 /** @module @airtable/blocks/ui: useColorScheme */ /** */
 
@@ -37,15 +35,12 @@ var _react = require("react");
 // color scheme from within extensions, whether the preference is directly set or inherited from
 // the browser, etc.
 function useColorScheme() {
-  var _useState = (0, _react.useState)(window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    colorScheme = _useState2[0],
-    setColorScheme = _useState2[1];
+  const [colorScheme, setColorScheme] = (0, _react.useState)(window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
   (0, _react.useEffect)(() => {
-    var darkModeQuery = window.matchMedia('(prefers-color-scheme: dark)');
+    const darkModeQuery = window.matchMedia('(prefers-color-scheme: dark)');
     // Fires when e.matches changes. If there are more color schemes than light and dark,
     // we'll need multiple listeners (and corresponding media queries)
-    var darkModeListener = e => {
+    const darkModeListener = e => {
       setColorScheme(e.matches ? 'dark' : 'light');
     };
     darkModeQuery.addEventListener('change', darkModeListener);

package/dist/cjs/shared/ui/use_global_config.js

@@ -1,12 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useGlobalConfig;
 var _use_watchable = _interopRequireDefault(require("./use_watchable"));
 var _sdk_context = require("./sdk_context");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui: useGlobalConfig */ /** */
 
 /**
@@ -43,9 +43,10 @@ var _sdk_context = require("./sdk_context");
  * @hook
  */
 function useGlobalConfig() {
-  var _useSdk = (0, _sdk_context.useSdk)(),
-    globalConfig = _useSdk.globalConfig,
-    session = _useSdk.session;
+  const {
+    globalConfig,
+    session
+  } = (0, _sdk_context.useSdk)();
   (0, _use_watchable.default)(session, ['permissionLevel']);
   (0, _use_watchable.default)(globalConfig, ['*']);
   return globalConfig;

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

@@ -1,17 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _use_watchable = _interopRequireDefault(require("./use_watchable"));
 var _sdk_context = require("./sdk_context");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @internal */
-var useSession = () => {
-  var _useSdk = (0, _sdk_context.useSdk)(),
-    session = _useSdk.session,
-    base = _useSdk.base;
+const useSession = () => {
+  const {
+    session,
+    base
+  } = (0, _sdk_context.useSdk)();
   (0, _use_watchable.default)(session, ['permissionLevel', 'currentUser']);
   // permission checks depend on the base schema, so we need to track that too:
   (0, _use_watchable.default)(base, ['schema']);

package/dist/cjs/shared/ui/use_synced.js

@@ -1,12 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useSynced;
 var _global_config_synced_component_helpers = _interopRequireDefault(require("./global_config_synced_component_helpers"));
 var _sdk_context = require("./sdk_context");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * A hook for syncing a component to {@link GlobalConfig}.
  * Useful if you are dealing with a custom input component and can‘t use one of our `Synced` components.
@@ -34,10 +34,12 @@ var _sdk_context = require("./sdk_context");
  */
 function useSynced(globalConfigKey) {
   _global_config_synced_component_helpers.default.useDefaultWatchesForSyncedComponent(globalConfigKey);
-  var sdk = (0, _sdk_context.useSdk)();
-  var globalConfig = sdk.globalConfig;
-  var value = globalConfig.get(globalConfigKey);
-  var canSetValue = globalConfig.hasPermissionToSet(globalConfigKey);
+  const sdk = (0, _sdk_context.useSdk)();
+  const {
+    globalConfig
+  } = sdk;
+  const value = globalConfig.get(globalConfigKey);
+  const canSetValue = globalConfig.hasPermissionToSet(globalConfigKey);
   function setValue(newValue) {
     sdk.globalConfig.setAsync(globalConfigKey, newValue);
   }

package/dist/cjs/shared/ui/use_watchable.js

@@ -1,28 +1,17 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.symbol.description.js");
-require("core-js/modules/es.array.from.js");
-require("core-js/modules/es.array.slice.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.regexp.to-string.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useWatchable;
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
 var _react = require("react");
 var _useSubscription = require("use-subscription");
 var _error_utils = require("../error_utils");
 var _private_utils = require("../private_utils");
 var _use_array_identity = _interopRequireDefault(require("./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: useWatchable */ /** */
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/** @module @airtable/blocks/ui: useWatchable */ /** */
+
 /**
  * A React hook for watching data in Airtable models like {@link Table} and {@link Record}. Each
  * model has several watchable keys that can be used with this hook to have your component
@@ -68,12 +57,12 @@ function useWatchable(models, keys, callback) {
   if (keys === undefined) {
     throw (0, _error_utils.spawnError)('Invalid call to useWatchable: keys cannot be undefined. ' + 'Pass a key or array of keys corresponding to the model being watched as the second ' + 'argument.');
   }
-  var compactModels = (0, _use_array_identity.default)((0, _private_utils.compact)(Array.isArray(models) ? models : [models]));
-  var compactKeys = (0, _use_array_identity.default)((0, _private_utils.compact)(Array.isArray(keys) ? keys : [keys]));
+  const compactModels = (0, _use_array_identity.default)((0, _private_utils.compact)(Array.isArray(models) ? models : [models]));
+  const compactKeys = (0, _use_array_identity.default)((0, _private_utils.compact)(Array.isArray(keys) ? keys : [keys]));
 
   // use a ref to the callback so consumers don't have to provide their own memoization to avoid
   // unwatching and rewatching every render
-  var callbackRef = (0, _react.useRef)(callback);
+  const callbackRef = (0, _react.useRef)(callback);
   callbackRef.current = callback;
 
   // we use a subscription to model.__getWatchableKey() to track changes. This is because
@@ -86,7 +75,7 @@ function useWatchable(models, keys, callback) {
   //      re-render when information that we care about has changed.
   //   3. is unique to that model. This means that if we change models, we're guaranteed to get
   //      re-rendered.
-  var watchSubscription = (0, _react.useMemo)(() => {
+  const watchSubscription = (0, _react.useMemo)(() => {
     return {
       getCurrentValue: () => compactModels.map(model => model.__getWatchableKey()).join(','),
       subscribe: notifyChange => {
@@ -100,8 +89,8 @@ function useWatchable(models, keys, callback) {
         // models and keys until _after_ we've watched the new ones. That way, the ref-
         // count never reaches 0. We don't want the old watches to actually trigger in that
         // time though - so `isDisabled` prevents that.
-        var isDisabled = false;
-        var onChange = function onChange(model, key) {
+        let isDisabled = false;
+        const onChange = function (model, key) {
           if (isDisabled) {
             return;
           }
@@ -113,32 +102,14 @@ function useWatchable(models, keys, callback) {
             callbackRef.current(model, key, ...args);
           }
         };
-        var _iterator = _createForOfIteratorHelper(compactModels),
-          _step;
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var model = _step.value;
-            model.watch(compactKeys, onChange);
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
+        for (const model of compactModels) {
+          model.watch(compactKeys, onChange);
         }
         return () => {
           isDisabled = true;
           setTimeout(() => {
-            var _iterator2 = _createForOfIteratorHelper(compactModels),
-              _step2;
-            try {
-              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                var model = _step2.value;
-                model.unwatch(compactKeys, onChange);
-              }
-            } catch (err) {
-              _iterator2.e(err);
-            } finally {
-              _iterator2.f();
+            for (const model of compactModels) {
+              model.unwatch(compactKeys, onChange);
             }
           }, 0);
         };

package/dist/cjs/shared/ui/with_hooks.js

@@ -1,21 +1,14 @@
 "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
 });
 exports.default = withHooks;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _error_utils = require("../error_utils");
-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 _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: withHooks */ /** */
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /** @module @airtable/blocks/ui: withHooks */ /** */
 /**
  * @hidden
  * A higher-order component for working with React hooks in class-based components. It takes a React
@@ -110,21 +103,21 @@ function withHooks(Component, getAdditionalPropsToInject) {
     throw (0, _error_utils.spawnError)('withHooks: getAdditionalPropsToInject is required');
   }
   return /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
-    var propsToInject = getAdditionalPropsToInject(props);
+    const propsToInject = getAdditionalPropsToInject(props);
     if (propsToInject === null || typeof propsToInject !== 'object') {
       throw (0, _error_utils.spawnError)('withHooks: getAdditionalPropsToInject must return an object');
     }
 
     // getAdditionalPropsToInject may return a ref. We want to make sure this ref gets populated
     // with the component instance, so we need to pass it down to the component we're wrapping.
-    var injectedRef = propsToInject.ref;
+    const injectedRef = propsToInject.ref;
 
     // we might have a second ref passed in from the parent though - a consumer trying to use
     // the wrapped component who also wants a reference to the component instance. in order to
     // support both these use-cases, we need to set both refs. to do this, we create a function
     // ref that sets both the injectedRef and forwardedRef. Each ref can be either a function
     // ref or object ref, so we handle both these cases.
-    var mergedRef = React.useMemo(() => {
+    const mergedRef = React.useMemo(() => {
       if (!injectedRef && !forwardedRef) {
         return undefined;
       }
@@ -144,7 +137,7 @@ function withHooks(Component, getAdditionalPropsToInject) {
 
     // It's important that the ref prop comes at the end, so it overrides
     // any 'ref's in props or propsToInject.
-    return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, props, propsToInject, {
+    return /*#__PURE__*/React.createElement(Component, _extends({}, props, propsToInject, {
       ref: mergedRef
     }));
   });

package/dist/cjs/shared/unstable_private_utils.js

@@ -1,7 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/web.dom-collections.for-each.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,7 +9,7 @@ Object.keys(_private_utils).forEach(function (key) {
   if (key in exports && exports[key] === _private_utils[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _private_utils[key];
     }
   });
@@ -22,7 +20,7 @@ Object.keys(_error_utils).forEach(function (key) {
   if (key in exports && exports[key] === _error_utils[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _error_utils[key];
     }
   });
@@ -33,7 +31,7 @@ Object.keys(_event_tracker).forEach(function (key) {
   if (key in exports && exports[key] === _event_tracker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _event_tracker[key];
     }
   });
@@ -44,7 +42,7 @@ Object.keys(_block_stats).forEach(function (key) {
   if (key in exports && exports[key] === _block_stats[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _block_stats[key];
     }
   });

package/dist/cjs/shared/warning.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.__injectSdkIntoWarning = __injectSdkIntoWarning;
 exports.default = void 0;
-var usedWarnings = {};
+const usedWarnings = {};
 var _default = msgLines => {
-  var msg = typeof msgLines === 'string' ? msgLines : msgLines.join('\n');
-  var mayUseConsole = !sdk || sdk.runInfo.isDevelopmentMode;
+  const msg = typeof msgLines === 'string' ? msgLines : msgLines.join('\n');
+  const mayUseConsole = !sdk || sdk.runInfo.isDevelopmentMode;
   if (mayUseConsole && usedWarnings[msg] !== true) {
     usedWarnings[msg] = true;
 
     // eslint-disable-next-line no-console
-    console.warn("[@airtable/blocks] ".concat(msg));
+    console.warn(`[@airtable/blocks] ${msg}`);
   }
 };
 exports.default = _default;
-var sdk;
+let sdk;
 
 // The application-level Sdk instance must be injected dynamically to avoid
 // circular dependencies at the time of module resolution.