@airtable/blocks 1.18.1 → 1.19.0

package/dist/cjs/ui/ui.js

@@ -1,7 +1,8 @@
 "use strict";
 
+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
 });
@@ -35,6 +36,7 @@ var _exportNames = {
   initializeBlock: true,
   withHooks: true,
   useLoadable: true,
+  useColorScheme: true,
   useRecordIds: true,
   useRecords: true,
   useRecordById: true,
@@ -51,244 +53,245 @@ var _exportNames = {
   useRecordActionData: true,
   registerRecordActionDataCallback: true
 };
-Object.defineProperty(exports, "GlobalAlert", {
+Object.defineProperty(exports, "BaseProvider", {
   enumerable: true,
   get: function get() {
-    return _global_alert.default;
+    return _base_provider.default;
   }
 });
-Object.defineProperty(exports, "BaseProvider", {
+Object.defineProperty(exports, "CellRenderer", {
   enumerable: true,
   get: function get() {
-    return _base_provider.default;
+    return _cell_renderer.default;
   }
 });
-Object.defineProperty(exports, "colors", {
+Object.defineProperty(exports, "ColorPaletteSynced", {
   enumerable: true,
   get: function get() {
-    return _colors.default;
+    return _color_palette_synced.default;
   }
 });
-Object.defineProperty(exports, "colorUtils", {
+Object.defineProperty(exports, "FieldIcon", {
   enumerable: true,
   get: function get() {
-    return _color_utils.default;
+    return _field_icon.default;
   }
 });
-Object.defineProperty(exports, "Synced", {
+Object.defineProperty(exports, "FieldPicker", {
   enumerable: true,
   get: function get() {
-    return _synced.default;
+    return _field_picker.default;
   }
 });
-Object.defineProperty(exports, "TablePicker", {
+Object.defineProperty(exports, "FieldPickerSynced", {
   enumerable: true,
   get: function get() {
-    return _table_picker.default;
+    return _field_picker_synced.default;
   }
 });
-Object.defineProperty(exports, "TablePickerSynced", {
+Object.defineProperty(exports, "GlobalAlert", {
   enumerable: true,
   get: function get() {
-    return _table_picker_synced.default;
+    return _global_alert.default;
   }
 });
-Object.defineProperty(exports, "FieldPicker", {
+Object.defineProperty(exports, "InputSynced", {
   enumerable: true,
   get: function get() {
-    return _field_picker.default;
+    return _input_synced.default;
   }
 });
-Object.defineProperty(exports, "FieldPickerSynced", {
+Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
   get: function get() {
-    return _field_picker_synced.default;
+    return _progress_bar.default;
   }
 });
-Object.defineProperty(exports, "ViewPicker", {
+Object.defineProperty(exports, "RecordCard", {
   enumerable: true,
   get: function get() {
-    return _view_picker.default;
+    return _record_card.default;
   }
 });
-Object.defineProperty(exports, "ViewPickerSynced", {
+Object.defineProperty(exports, "RecordCardList", {
   enumerable: true,
   get: function get() {
-    return _view_picker_synced.default;
+    return _record_card_list.default;
   }
 });
-Object.defineProperty(exports, "InputSynced", {
+Object.defineProperty(exports, "SelectButtonsSynced", {
   enumerable: true,
   get: function get() {
-    return _input_synced.default;
+    return _select_buttons_synced.default;
   }
 });
-Object.defineProperty(exports, "CellRenderer", {
+Object.defineProperty(exports, "SelectSynced", {
   enumerable: true,
   get: function get() {
-    return _cell_renderer.default;
+    return _select_synced.default;
   }
 });
-Object.defineProperty(exports, "expandRecord", {
+Object.defineProperty(exports, "SwitchSynced", {
   enumerable: true,
   get: function get() {
-    return _expand_record.default;
+    return _switch_synced.default;
   }
 });
-Object.defineProperty(exports, "expandRecordList", {
+Object.defineProperty(exports, "Synced", {
   enumerable: true,
   get: function get() {
-    return _expand_record_list.default;
+    return _synced.default;
   }
 });
-Object.defineProperty(exports, "expandRecordPickerAsync", {
+Object.defineProperty(exports, "TablePicker", {
   enumerable: true,
   get: function get() {
-    return _expand_record_picker_async.default;
+    return _table_picker.default;
   }
 });
-Object.defineProperty(exports, "FieldIcon", {
+Object.defineProperty(exports, "TablePickerSynced", {
   enumerable: true,
   get: function get() {
-    return _field_icon.default;
+    return _table_picker_synced.default;
   }
 });
-Object.defineProperty(exports, "ColorPaletteSynced", {
+Object.defineProperty(exports, "ViewPicker", {
   enumerable: true,
   get: function get() {
-    return _color_palette_synced.default;
+    return _view_picker.default;
   }
 });
-Object.defineProperty(exports, "ProgressBar", {
+Object.defineProperty(exports, "ViewPickerSynced", {
   enumerable: true,
   get: function get() {
-    return _progress_bar.default;
+    return _view_picker_synced.default;
   }
 });
-Object.defineProperty(exports, "RecordCard", {
+Object.defineProperty(exports, "ViewportConstraint", {
   enumerable: true,
   get: function get() {
-    return _record_card.default;
+    return _viewport_constraint.default;
   }
 });
-Object.defineProperty(exports, "RecordCardList", {
+Object.defineProperty(exports, "colorUtils", {
   enumerable: true,
   get: function get() {
-    return _record_card_list.default;
+    return _color_utils.default;
   }
 });
-Object.defineProperty(exports, "SelectSynced", {
+Object.defineProperty(exports, "colors", {
   enumerable: true,
   get: function get() {
-    return _select_synced.default;
+    return _colors.default;
   }
 });
-Object.defineProperty(exports, "SelectButtonsSynced", {
+Object.defineProperty(exports, "expandRecord", {
   enumerable: true,
   get: function get() {
-    return _select_buttons_synced.default;
+    return _expand_record.default;
   }
 });
-Object.defineProperty(exports, "SwitchSynced", {
+Object.defineProperty(exports, "expandRecordList", {
   enumerable: true,
   get: function get() {
-    return _switch_synced.default;
+    return _expand_record_list.default;
   }
 });
-Object.defineProperty(exports, "ViewportConstraint", {
+Object.defineProperty(exports, "expandRecordPickerAsync", {
   enumerable: true,
   get: function get() {
-    return _viewport_constraint.default;
+    return _expand_record_picker_async.default;
   }
 });
+exports.globalAlert = void 0;
 Object.defineProperty(exports, "initializeBlock", {
   enumerable: true,
   get: function get() {
     return _initialize_block.initializeBlock;
   }
 });
-Object.defineProperty(exports, "withHooks", {
+Object.defineProperty(exports, "registerRecordActionDataCallback", {
   enumerable: true,
   get: function get() {
-    return _with_hooks.default;
+    return _perform_record_action.registerRecordActionDataCallback;
   }
 });
-Object.defineProperty(exports, "useLoadable", {
+Object.defineProperty(exports, "useBase", {
   enumerable: true,
   get: function get() {
-    return _use_loadable.default;
+    return _use_base.default;
   }
 });
-Object.defineProperty(exports, "useRecordIds", {
+Object.defineProperty(exports, "useColorScheme", {
   enumerable: true,
   get: function get() {
-    return _use_records.useRecordIds;
+    return _use_color_scheme.useColorScheme;
   }
 });
-Object.defineProperty(exports, "useRecords", {
+Object.defineProperty(exports, "useCursor", {
   enumerable: true,
   get: function get() {
-    return _use_records.useRecords;
+    return _use_cursor.default;
   }
 });
-Object.defineProperty(exports, "useRecordById", {
+Object.defineProperty(exports, "useGlobalConfig", {
   enumerable: true,
   get: function get() {
-    return _use_records.useRecordById;
+    return _use_global_config.default;
   }
 });
-Object.defineProperty(exports, "useRecordQueryResult", {
+Object.defineProperty(exports, "useLoadable", {
   enumerable: true,
   get: function get() {
-    return _use_records.useRecordQueryResult;
+    return _use_loadable.default;
   }
 });
-Object.defineProperty(exports, "useBase", {
+Object.defineProperty(exports, "useRecordActionData", {
   enumerable: true,
   get: function get() {
-    return _use_base.default;
+    return _use_record_action_data.default;
   }
 });
-Object.defineProperty(exports, "useCursor", {
+Object.defineProperty(exports, "useRecordById", {
   enumerable: true,
   get: function get() {
-    return _use_cursor.default;
+    return _use_records.useRecordById;
   }
 });
-Object.defineProperty(exports, "useSession", {
+Object.defineProperty(exports, "useRecordIds", {
   enumerable: true,
   get: function get() {
-    return _use_session.default;
+    return _use_records.useRecordIds;
   }
 });
-Object.defineProperty(exports, "useSettingsButton", {
+Object.defineProperty(exports, "useRecordQueryResult", {
   enumerable: true,
   get: function get() {
-    return _use_settings_button.default;
+    return _use_records.useRecordQueryResult;
   }
 });
-Object.defineProperty(exports, "useSynced", {
+Object.defineProperty(exports, "useRecords", {
   enumerable: true,
   get: function get() {
-    return _use_synced.default;
+    return _use_records.useRecords;
   }
 });
-Object.defineProperty(exports, "useWatchable", {
+Object.defineProperty(exports, "useSession", {
   enumerable: true,
   get: function get() {
-    return _use_watchable.default;
+    return _use_session.default;
   }
 });
-Object.defineProperty(exports, "useViewport", {
+Object.defineProperty(exports, "useSettingsButton", {
   enumerable: true,
   get: function get() {
-    return _use_viewport.default;
+    return _use_settings_button.default;
   }
 });
-Object.defineProperty(exports, "useGlobalConfig", {
+Object.defineProperty(exports, "useSynced", {
   enumerable: true,
   get: function get() {
-    return _use_global_config.default;
+    return _use_synced.default;
   }
 });
 Object.defineProperty(exports, "useViewMetadata", {
@@ -297,107 +300,71 @@ Object.defineProperty(exports, "useViewMetadata", {
     return _use_view_metadata.default;
   }
 });
-Object.defineProperty(exports, "useRecordActionData", {
+Object.defineProperty(exports, "useViewport", {
   enumerable: true,
   get: function get() {
-    return _use_record_action_data.default;
+    return _use_viewport.default;
   }
 });
-Object.defineProperty(exports, "registerRecordActionDataCallback", {
+Object.defineProperty(exports, "useWatchable", {
   enumerable: true,
   get: function get() {
-    return _perform_record_action.registerRecordActionDataCallback;
+    return _use_watchable.default;
+  }
+});
+Object.defineProperty(exports, "withHooks", {
+  enumerable: true,
+  get: function get() {
+    return _with_hooks.default;
   }
 });
-exports.globalAlert = void 0;
-
 var _global_alert = _interopRequireDefault(require("./global_alert"));
-
 require("../");
-
 var _base_provider = _interopRequireDefault(require("./base_provider"));
-
 var _colors = _interopRequireDefault(require("../colors"));
-
 var _color_utils = _interopRequireDefault(require("../color_utils"));
-
 var _synced = _interopRequireDefault(require("./synced"));
-
 var _table_picker = _interopRequireDefault(require("./table_picker"));
-
 var _table_picker_synced = _interopRequireDefault(require("./table_picker_synced"));
-
 var _field_picker = _interopRequireDefault(require("./field_picker"));
-
 var _field_picker_synced = _interopRequireDefault(require("./field_picker_synced"));
-
 var _view_picker = _interopRequireDefault(require("./view_picker"));
-
 var _view_picker_synced = _interopRequireDefault(require("./view_picker_synced"));
-
 var _input_synced = _interopRequireDefault(require("./input_synced"));
-
 var _cell_renderer = _interopRequireDefault(require("./cell_renderer"));
-
 var _expand_record = _interopRequireDefault(require("./expand_record"));
-
 var _expand_record_list = _interopRequireDefault(require("./expand_record_list"));
-
 var _expand_record_picker_async = _interopRequireDefault(require("./expand_record_picker_async"));
-
 var _field_icon = _interopRequireDefault(require("./field_icon"));
-
 var _color_palette_synced = _interopRequireDefault(require("./color_palette_synced"));
-
 var _progress_bar = _interopRequireDefault(require("./progress_bar"));
-
 var _record_card = _interopRequireDefault(require("./record_card"));
-
 var _record_card_list = _interopRequireDefault(require("./record_card_list"));
-
 var _select_synced = _interopRequireDefault(require("./select_synced"));
-
 var _select_buttons_synced = _interopRequireDefault(require("./select_buttons_synced"));
-
 var _switch_synced = _interopRequireDefault(require("./switch_synced"));
-
 var _viewport_constraint = _interopRequireDefault(require("./viewport_constraint"));
-
 var _initialize_block = require("./initialize_block");
-
 var _with_hooks = _interopRequireDefault(require("./with_hooks"));
-
 var _use_loadable = _interopRequireDefault(require("./use_loadable"));
-
+var _use_color_scheme = require("./use_color_scheme");
 var _use_records = require("./use_records");
-
 var _use_base = _interopRequireDefault(require("./use_base"));
-
 var _use_cursor = _interopRequireDefault(require("./use_cursor"));
-
 var _use_session = _interopRequireDefault(require("./use_session"));
-
 var _use_settings_button = _interopRequireDefault(require("./use_settings_button"));
-
 var _use_synced = _interopRequireDefault(require("./use_synced"));
-
 var _use_watchable = _interopRequireDefault(require("./use_watchable"));
-
 var _use_viewport = _interopRequireDefault(require("./use_viewport"));
-
 var _use_global_config = _interopRequireDefault(require("./use_global_config"));
-
 var _use_view_metadata = _interopRequireDefault(require("./use_view_metadata"));
-
 var _use_record_action_data = _interopRequireDefault(require("./use_record_action_data"));
-
 var _perform_record_action = require("../perform_record_action");
-
 var _unstable_standalone_ui = require("./unstable_standalone_ui");
-
 Object.keys(_unstable_standalone_ui).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _unstable_standalone_ui[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
@@ -405,12 +372,12 @@ Object.keys(_unstable_standalone_ui).forEach(function (key) {
     }
   });
 });
-
 /** @ignore */
+
 // Import the top-level entry point so that an Sdk instance is created from the
 // globally-available AirtableInterface instance. This is a requirement of
 // third-party App code. Consumers who cannot provide an implementation of
 // AirtableInterface may access a subset of the UI Components available here by
 // instead importing `unstable_standalone_ui`.
-var globalAlert = new _global_alert.default();
-exports.globalAlert = globalAlert;
+
+var globalAlert = exports.globalAlert = new _global_alert.default();

package/dist/cjs/ui/unstable_standalone_ui.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -101,24 +100,6 @@ Object.defineProperty(exports, "Popover", {
     return _popover.default;
   }
 });
-Object.defineProperty(exports, "loadCSSFromString", {
-  enumerable: true,
-  get: function get() {
-    return _remote_utils.loadCSSFromString;
-  }
-});
-Object.defineProperty(exports, "loadCSSFromURLAsync", {
-  enumerable: true,
-  get: function get() {
-    return _remote_utils.loadCSSFromURLAsync;
-  }
-});
-Object.defineProperty(exports, "loadScriptFromURLAsync", {
-  enumerable: true,
-  get: function get() {
-    return _remote_utils.loadScriptFromURLAsync;
-  }
-});
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function get() {
@@ -155,49 +136,44 @@ Object.defineProperty(exports, "Tooltip", {
     return _tooltip.default;
   }
 });
-
+Object.defineProperty(exports, "loadCSSFromString", {
+  enumerable: true,
+  get: function get() {
+    return _remote_utils.loadCSSFromString;
+  }
+});
+Object.defineProperty(exports, "loadCSSFromURLAsync", {
+  enumerable: true,
+  get: function get() {
+    return _remote_utils.loadCSSFromURLAsync;
+  }
+});
+Object.defineProperty(exports, "loadScriptFromURLAsync", {
+  enumerable: true,
+  get: function get() {
+    return _remote_utils.loadScriptFromURLAsync;
+  }
+});
 var _box = _interopRequireDefault(require("./box"));
-
 var _button = _interopRequireDefault(require("./button"));
-
 var _choice_token = _interopRequireDefault(require("./choice_token"));
-
 var _collaborator_token = _interopRequireDefault(require("./collaborator_token"));
-
 var _color_palette = _interopRequireDefault(require("./color_palette"));
-
 var _confirmation_dialog = _interopRequireDefault(require("./confirmation_dialog"));
-
 var _dialog = _interopRequireDefault(require("./dialog"));
-
 var _form_field = _interopRequireDefault(require("./form_field"));
-
 var _heading = _interopRequireDefault(require("./heading"));
-
 var _icon = _interopRequireDefault(require("./icon"));
-
 var _input = _interopRequireDefault(require("./input"));
-
 var _label = _interopRequireDefault(require("./label"));
-
 var _link = _interopRequireDefault(require("./link"));
-
 var _loader = _interopRequireDefault(require("./loader"));
-
 var _modal = _interopRequireDefault(require("./modal"));
-
 var _popover = _interopRequireDefault(require("./popover"));
-
 var _remote_utils = require("./remote_utils");
-
 var _select = _interopRequireDefault(require("./select"));
-
 var _select_buttons = _interopRequireDefault(require("./select_buttons"));
-
 var _switch = _interopRequireDefault(require("./switch"));
-
 var _text = _interopRequireDefault(require("./text"));
-
 var _text_button = _interopRequireDefault(require("./text_button"));
-
 var _tooltip = _interopRequireDefault(require("./tooltip"));

package/dist/cjs/ui/use_array_identity.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useArrayIdentity;
-
 var _react = require("react");
-
 /**
  * As long as the array passed to this hook shallow-equals its previous value, this hook will
  * return the same array instance. This is useful when writing hooks that accept arrays - it might
@@ -18,7 +16,6 @@ var _react = require("react");
  */
 function useArrayIdentity(array) {
   var arrayRef = (0, _react.useRef)(array);
-
   if (arrayRef.current !== array) {
     if (arrayRef.current.length !== array.length) {
       arrayRef.current = array;
@@ -31,6 +28,5 @@ function useArrayIdentity(array) {
       }
     }
   }
-
   return arrayRef.current;
 }

package/dist/cjs/ui/use_base.js

@@ -1,19 +1,13 @@
 "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");
-
-/** @module @airtable/blocks/ui: useBase */
-
-/** */
+/** @module @airtable/blocks/ui: useBase */ /** */
 
 /**
  * A hook for connecting a React component to your base's schema. This returns a {@link Base}
@@ -47,13 +41,10 @@ var _sdk_context = require("./sdk_context");
  */
 var useBase = () => {
   var _useSdk = (0, _sdk_context.useSdk)(),
-      base = _useSdk.base,
-      session = _useSdk.session;
-
+    base = _useSdk.base,
+    session = _useSdk.session;
   (0, _use_watchable.default)(base, ['schema']);
   (0, _use_watchable.default)(session, ['permissionLevel']);
   return base;
 };
-
-var _default = useBase;
-exports.default = _default;
+var _default = exports.default = useBase;