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

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

@@ -1,111 +1,111 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "colorUtils", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _color_utils.default;
   }
 });
 Object.defineProperty(exports, "colors", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _colors.default;
   }
 });
 Object.defineProperty(exports, "expandRecord", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _expand_record.expandRecord;
   }
 });
 Object.defineProperty(exports, "initializeBlock", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _initialize_block.initializeBlock;
   }
 });
 Object.defineProperty(exports, "loadCSSFromString", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _remote_utils.loadCSSFromString;
   }
 });
 Object.defineProperty(exports, "loadCSSFromURLAsync", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _remote_utils.loadCSSFromURLAsync;
   }
 });
 Object.defineProperty(exports, "loadScriptFromURLAsync", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _remote_utils.loadScriptFromURLAsync;
   }
 });
 Object.defineProperty(exports, "useBase", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _use_base.useBase;
   }
 });
 Object.defineProperty(exports, "useColorScheme", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _use_color_scheme.useColorScheme;
   }
 });
 Object.defineProperty(exports, "useCustomProperties", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _use_custom_properties.useCustomProperties;
   }
 });
 Object.defineProperty(exports, "useGlobalConfig", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _use_global_config.default;
   }
 });
 Object.defineProperty(exports, "useRecords", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _use_records.useRecords;
   }
 });
 Object.defineProperty(exports, "useRunInfo", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _use_run_info.useRunInfo;
   }
 });
 Object.defineProperty(exports, "useSession", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _use_session.useSession;
   }
 });
 Object.defineProperty(exports, "useSynced", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _use_synced.default;
   }
 });
 Object.defineProperty(exports, "useWatchable", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _use_watchable.default;
   }
 });
 Object.defineProperty(exports, "withHooks", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _with_hooks.default;
   }
 });
+require("../assert_run_context");
 require("..");
 var _expand_record = require("./expand_record");
 var _initialize_block = require("./initialize_block");
@@ -121,4 +121,5 @@ var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchab
 var _with_hooks = _interopRequireDefault(require("../../shared/ui/with_hooks"));
 var _colors = _interopRequireDefault(require("../../shared/colors"));
 var _color_utils = _interopRequireDefault(require("../../shared/color_utils"));
-var _remote_utils = require("../../shared/ui/remote_utils");
+var _remote_utils = require("../../shared/ui/remote_utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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

@@ -1,11 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useBase = useBase;
 var _use_base = _interopRequireDefault(require("../../shared/ui/use_base"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/interface/ui: useBase */ /** */
 
 /**

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

@@ -1,23 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCustomProperties = useCustomProperties;
-require("core-js/modules/es.array.find.js");
-require("core-js/modules/es.array.includes.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.object.from-entries.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.string.includes.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _sdk_context = require("../../shared/ui/sdk_context");
 var _airtable_interface = require("../types/airtable_interface");
 var _use_global_config = _interopRequireDefault(require("../../shared/ui/use_global_config"));
 var _error_utils = require("../../shared/error_utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/interface/ui: useCustomProperties */ /** */
 
 // This is the public-facing API for custom properties that blocks will pass.
@@ -71,7 +63,7 @@ var _error_utils = require("../../shared/error_utils");
  *         {key: 'title', label: 'Title', type: 'string', defaultValue: 'Chart'},
  *         {key: 'xAxis', label: 'X-axis', type: 'field', table, possibleValues: numberFields},
  *         {key: 'yAxis', label: 'Y-axis', type: 'field', table, possibleValues: numberFields},
- *         {key: 'color', label: 'Color', type: 'enum', possibleValues: ['red', 'blue', 'green'], defaultValue: 'red'},
+ *         {key: 'color', label: 'Color', type: 'enum', possibleValues: [{value: 'red', label: 'Red'}, {value: 'blue', label: 'Blue'}, {value: 'green', label: 'Green'}], defaultValue: 'red'},
  *         {key: 'showLegend', label: 'Show Legend', type: 'boolean', defaultValue: true},
  *     ];
  * }
@@ -84,24 +76,18 @@ var _error_utils = require("../../shared/error_utils");
  * @hook
  */
 function useCustomProperties(getCustomProperties) {
-  var sdk = (0, _sdk_context.useSdk)();
-  var _useState = (0, _react.useState)(() => {
-      return getCustomProperties(sdk.base);
-    }),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    customProperties = _useState2[0],
-    setCustomProperties = _useState2[1];
-  var globalConfig = (0, _use_global_config.default)();
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    errorState = _useState4[0],
-    setErrorState = _useState4[1];
+  const sdk = (0, _sdk_context.useSdk)();
+  const [customProperties, setCustomProperties] = (0, _react.useState)(() => {
+    return getCustomProperties(sdk.base);
+  });
+  const globalConfig = (0, _use_global_config.default)();
+  const [errorState, setErrorState] = (0, _react.useState)(null);
 
   // Create subscription to update custom properties when schema changes
   (0, _react.useEffect)(() => {
-    var base = sdk.base;
-    var onSchemaChange = base => {
-      var customProperties = getCustomProperties(base);
+    const base = sdk.base;
+    const onSchemaChange = base => {
+      const customProperties = getCustomProperties(base);
       setCustomProperties(customProperties);
     };
     base.watch('schema', onSchemaChange);
@@ -111,19 +97,19 @@ function useCustomProperties(getCustomProperties) {
   }, [sdk, getCustomProperties]);
 
   // When custom properties change, send a message to hyperbase to update the properties panel
-  var hasError = errorState !== null;
+  const hasError = errorState !== null;
   (0, _react.useEffect)(() => {
     if (hasError) {
       return;
     }
-    var customPropertiesForAirtableInterface = customProperties.map(convertBlockPageElementCustomPropertyToBlockInstallationPageElementCustomPropertyForAirtableInterface);
+    const customPropertiesForAirtableInterface = customProperties.map(convertBlockPageElementCustomPropertyToBlockInstallationPageElementCustomPropertyForAirtableInterface);
     sdk.setCustomPropertiesAsync(customPropertiesForAirtableInterface).catch(error => {
       setErrorState({
         error
       });
     });
   }, [sdk, customProperties, hasError]);
-  var customPropertyValueByKey = hasError ? {} : Object.fromEntries(customProperties.map(property => [property.key, getCustomPropertyValue(sdk.base, globalConfig, property)]));
+  const customPropertyValueByKey = hasError ? {} : Object.fromEntries(customProperties.map(property => [property.key, getCustomPropertyValue(sdk.base, globalConfig, property)]));
   return {
     customPropertyValueByKey,
     errorState
@@ -132,7 +118,6 @@ function useCustomProperties(getCustomProperties) {
 
 /** @internal */
 function convertBlockPageElementCustomPropertyToBlockInstallationPageElementCustomPropertyForAirtableInterface(property) {
-  var _property$possibleVal, _property$defaultValu;
   switch (property.type) {
     case 'boolean':
       return {
@@ -162,8 +147,8 @@ function convertBlockPageElementCustomPropertyToBlockInstallationPageElementCust
         label: property.label,
         type: _airtable_interface.BlockInstallationPageElementCustomPropertyTypeForAirtableInterface.FIELD_ID,
         tableId: property.table.id,
-        possibleValues: (_property$possibleVal = property.possibleValues) === null || _property$possibleVal === void 0 ? void 0 : _property$possibleVal.map(field => field.id),
-        defaultValue: (_property$defaultValu = property.defaultValue) === null || _property$defaultValu === void 0 ? void 0 : _property$defaultValu.id
+        possibleValues: property.possibleValues?.map(field => field.id),
+        defaultValue: property.defaultValue?.id
       };
     default:
       throw (0, _error_utils.spawnUnknownSwitchCaseError)('property type', property, 'type');
@@ -172,9 +157,8 @@ function convertBlockPageElementCustomPropertyToBlockInstallationPageElementCust
 
 /** @internal */
 function getCustomPropertyValue(base, globalConfig, property) {
-  var _globalConfig$get;
-  var defaultValue = 'defaultValue' in property ? property.defaultValue : null;
-  var rawValue = (_globalConfig$get = globalConfig.get(property.key)) !== null && _globalConfig$get !== void 0 ? _globalConfig$get : defaultValue;
+  const defaultValue = 'defaultValue' in property ? property.defaultValue : null;
+  const rawValue = globalConfig.get(property.key) ?? defaultValue;
   switch (property.type) {
     case 'boolean':
       if (typeof rawValue === 'boolean') {
@@ -193,7 +177,7 @@ function getCustomPropertyValue(base, globalConfig, property) {
       return defaultValue;
     case 'field':
       if (typeof rawValue === 'string' && property.table === base.getTableById(property.table.id)) {
-        var fieldModel = property.table.fields.find(field => field.id === rawValue);
+        const fieldModel = property.table.fields.find(field => field.id === rawValue);
         if (fieldModel && (!property.possibleValues || property.possibleValues.includes(fieldModel))) {
           return fieldModel;
         }

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

@@ -1,12 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useRecords = useRecords;
 var _sdk_context = require("../../shared/ui/sdk_context");
 var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchable"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/interface/ui: useRecords */ /** */
 
 /**
@@ -46,10 +46,11 @@ var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchab
  * @hook
  */
 function useRecords(table) {
-  var _useSdk = (0, _sdk_context.useSdk)(),
-    base = _useSdk.base;
-  var recordStore = base.__getRecordStore(table.id);
+  const {
+    base
+  } = (0, _sdk_context.useSdk)();
+  const recordStore = base.__getRecordStore(table.id);
   (0, _use_watchable.default)(recordStore, ['records', 'recordIds', 'cellValues', 'recordOrder']);
-  var records = recordStore.records;
+  const records = recordStore.records;
   return records;
 }

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

@@ -33,8 +33,8 @@ var _sdk_context = require("../../shared/ui/sdk_context");
  * @hook
  */
 function useRunInfo() {
-  var sdk = (0, _sdk_context.useSdk)();
-  var runContext = sdk.getBlockRunContext();
+  const sdk = (0, _sdk_context.useSdk)();
+  const runContext = sdk.getBlockRunContext();
   return {
     isDevelopmentMode: sdk.runInfo.isDevelopmentMode,
     isPageElementInEditMode: runContext.isPageElementInEditMode

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

@@ -1,11 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSession = useSession;
 var _use_session = _interopRequireDefault(require("../../shared/ui/use_session"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui: useSession */ /** */
 
 /**

package/dist/cjs/shared/color_utils.js

@@ -1,19 +1,12 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.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.default = void 0;
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.regexp.to-string.js");
-require("core-js/modules/es.string.ends-with.js");
-require("core-js/modules/es.string.pad-start.js");
 var _private_utils = require("./private_utils");
 var _colors = _interopRequireWildcard(require("./colors"));
-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: colorUtils */ /** */
 
@@ -25,22 +18,22 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @docsPath UI/utils/colorUtils
  */
 
-var colorUtils = {
+const colorUtils = {
   getHexForColor: colorString => {
-    var color = (0, _private_utils.getEnumValueIfExists)(_colors.default, colorString);
+    const color = (0, _private_utils.getEnumValueIfExists)(_colors.default, colorString);
     if (!color) {
       return null;
     }
-    var rgbTuple = _colors.rgbTuplesByColor[color];
-    var hexNumber = rgbTuple[0] << 16 | rgbTuple[1] << 8 | rgbTuple[2];
-    return "#".concat(hexNumber.toString(16).padStart(6, '0'));
+    const rgbTuple = _colors.rgbTuplesByColor[color];
+    const hexNumber = rgbTuple[0] << 16 | rgbTuple[1] << 8 | rgbTuple[2];
+    return `#${hexNumber.toString(16).padStart(6, '0')}`;
   },
   getRgbForColor: colorString => {
-    var color = (0, _private_utils.getEnumValueIfExists)(_colors.default, colorString);
+    const color = (0, _private_utils.getEnumValueIfExists)(_colors.default, colorString);
     if (!color) {
       return null;
     }
-    var rgbTuple = _colors.rgbTuplesByColor[color];
+    const rgbTuple = _colors.rgbTuplesByColor[color];
     return {
       r: rgbTuple[0],
       g: rgbTuple[1],
@@ -58,7 +51,7 @@ var colorUtils = {
     // Bright, Dark1 and no suffix colors use light text.
     // NOTE: use shouldUseDarkText instead of shouldUseLightText just to make
     // checking the suffix easier, since no suffix uses light text.
-    var shouldUseDarkText = colorString.endsWith('Light1') || colorString.endsWith('Light2');
+    const shouldUseDarkText = colorString.endsWith('Light1') || colorString.endsWith('Light2');
     return !shouldUseDarkText;
   }
 };

package/dist/cjs/shared/colors.js

@@ -23,7 +23,7 @@ exports.rgbTuplesByColor = exports.default = void 0;
  *
  * @docsPath UI/utils/colors
  */
-var Colors = {
+const Colors = {
   /** @docsPath UI/utils/Colors */
   BLUE_BRIGHT: 'blueBright',
   /** @docsPath UI/utils/Colors */
@@ -130,7 +130,7 @@ var _default = exports.default = Colors;
  * A color name from the list of {@link Colors}.
  */
 /** @hidden */
-var rgbTuplesByColor = exports.rgbTuplesByColor = {
+const rgbTuplesByColor = exports.rgbTuplesByColor = {
   [Colors.BLUE_BRIGHT]: [45, 127, 249],
   [Colors.BLUE_DARK_1]: [39, 80, 174],
   [Colors.BLUE_LIGHT_1]: [156, 199, 255],

package/dist/cjs/shared/error_utils.js

@@ -8,22 +8,20 @@ exports.logErrorToSentry = logErrorToSentry;
 exports.spawnAbstractMethodError = spawnAbstractMethodError;
 exports.spawnError = spawnError;
 exports.spawnUnknownSwitchCaseError = spawnUnknownSwitchCaseError;
-require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.string.replace.js");
 // If errorOriginFn is specified, all frames above and including the call to errorOriginFn
 // will be omitted from the stack trace.
 /**
  * @internal
  */
 function spawnErrorWithOriginOmittedFromStackTrace(errorMessageFormat, errorMessageArgs, errorOriginFn) {
-  var safeMessage = errorMessageFormat;
-  var argIndex = 0;
-  var formattedMessage = errorMessageFormat.replace(/%s/g, () => {
-    var arg = errorMessageArgs ? errorMessageArgs[argIndex] : undefined;
+  const safeMessage = errorMessageFormat;
+  let argIndex = 0;
+  const formattedMessage = errorMessageFormat.replace(/%s/g, () => {
+    const arg = errorMessageArgs ? errorMessageArgs[argIndex] : undefined;
     argIndex++;
     return String(arg);
   });
-  var err = new Error(formattedMessage);
+  const err = new Error(formattedMessage);
 
   // captureStackTrace is only available on v8. It captures the current stack trace
   // and sets the .stack property of the first argument. It will omit all frames above
@@ -59,8 +57,8 @@ function spawnError(errorMessageFormat) {
  */
 function logErrorToSentry(errorMessage, metadata) {
   // See this comment for how to log via Sentry: https://github.com/Hyperbase/hyperbase/blob/2c5438ecaddcb9fa196e027e40df5e0c68c90989/client/run_block_frame.tsx#L333
-  var blocksErrorReporter = window.blocksErrorReporter;
-  if (blocksErrorReporter !== null && blocksErrorReporter !== void 0 && blocksErrorReporter.reportWarning) {
+  const blocksErrorReporter = window.blocksErrorReporter;
+  if (blocksErrorReporter?.reportWarning) {
     blocksErrorReporter.reportWarning(errorMessage, metadata);
   }
 }
@@ -83,8 +81,8 @@ function invariant(condition, errorMessageFormat) {
  * @internal
  */
 function spawnUnknownSwitchCaseError(valueDescription, providedValue, key) {
-  var providedValueKey = providedValue[key];
-  var providedValueKeyString = providedValueKey !== null && providedValueKey !== undefined ? providedValueKey : 'null';
+  const providedValueKey = providedValue[key];
+  const providedValueKeyString = providedValueKey !== null && providedValueKey !== undefined ? providedValueKey : 'null';
   return spawnErrorWithOriginOmittedFromStackTrace('Unknown value %s for %s', [providedValueKeyString, valueDescription], spawnUnknownSwitchCaseError);
 }
 

package/dist/cjs/shared/event_tracker.js

@@ -1,15 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RecordActionStatus = void 0;
 exports.trackEvent = trackEvent;
 var _airtable_interface = _interopRequireDefault(require("../injected/airtable_interface"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @hidden */
 function trackEvent(eventSchemaName) {
-  var eventData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let eventData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   (0, _airtable_interface.default)().trackEvent(eventSchemaName, eventData);
 }
 
@@ -19,7 +19,7 @@ function trackEvent(eventSchemaName) {
  *
  * @hidden
  * */
-var RecordActionStatus = exports.RecordActionStatus = /*#__PURE__*/function (RecordActionStatus) {
+let RecordActionStatus = exports.RecordActionStatus = /*#__PURE__*/function (RecordActionStatus) {
   RecordActionStatus["SUCCESS"] = "SUCCESS";
   RecordActionStatus["IGNORED"] = "IGNORED";
   RecordActionStatus["SETTINGS_INVALID"] = "SETTINGS_INVALID";