@airtable/blocks 0.0.0-experimental-e5ab33b68-20250905 → 0.0.0-experimental-3e47d4d04-20250909

package/dist/cjs/base/ui/dialog_close_button.js

@@ -1,106 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DialogCloseButton = DialogCloseButton;
-exports.default = void 0;
-var _emotion = require("emotion");
-var React = _interopRequireWildcard(require("react"));
-var _core = require("@styled-system/core");
-var _baymax_utils = require("./baymax_utils");
-var _with_styled_system = _interopRequireDefault(require("./with_styled_system"));
-var _system = require("./system");
-var _icon = _interopRequireDefault(require("./icon"));
-var _dialog = require("./dialog");
-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: Dialog */ /** */
-
-/**
- * Props for the {@link DialogCloseButton} component. Also accepts:
- * * {@link DialogCloseButtonStyleProps}
- *
- * @noInheritDoc
- */
-
-/**
- * Style props for the {@link DialogCloseButton} component. Accepts:
- * * {@link BorderRadiusProps}
- * * {@link DimensionsSetProps}
- * * {@link DisplayProps}
- * * {@link FlexContainerSetProps}
- * * {@link FlexItemSetProps}
- * * {@link PositionSetProps}
- * * {@link SpacingSetProps}
- *
- * @noInheritDoc
- */
-
-const styleParser = (0, _core.compose)(_system.borderRadius, _system.dimensionsSet, _system.display, _system.flexContainerSet, _system.flexItemSet, _system.positionSet, _system.spacingSet);
-
-/**
- * A button that closes {@link Dialog}. Accessed via `Dialog.CloseButton`.
- */
-// TODO (stephen): can we alias this as Dialog.CloseButton in typedoc?
-// TODO (stephen): convert into a prop in Dialog
-function DialogCloseButton(props) {
-  const {
-    onDialogClose
-  } = (0, _dialog.useDialogContext)();
-  const {
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    style,
-    tabIndex,
-    onClick,
-    children
-  } = props;
-  const _onClick = e => {
-    // onClick should only be defined in the case of a tooltip.
-    if (onClick) {
-      onClick(e);
-    }
-    onDialogClose?.();
-  };
-  const _onKeyDown = e => {
-    if (e.ctrlKey || e.altKey || e.metaKey) {
-      return;
-    }
-    if (['Enter', ' '].includes(e.key)) {
-      e.preventDefault();
-      onDialogClose?.();
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    // TODO (stephen): remove tooltip anchor props
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onClick: _onClick,
-    onKeyDown: _onKeyDown,
-    className: (0, _emotion.cx)((0, _baymax_utils.baymax)('darken1-hover darken1-focus no-outline pointer'), className),
-    style: style,
-    tabIndex: tabIndex || 0,
-    role: "button",
-    "aria-label": "Close dialog"
-  }, children ? children : /*#__PURE__*/React.createElement(_icon.default, {
-    name: "x",
-    size: 12,
-    className: (0, _baymax_utils.baymax)('quieter')
-  }));
-}
-var _default = exports.default = (0, _with_styled_system.default)(DialogCloseButton, styleParser, {
-  position: 'absolute',
-  top: 0,
-  right: 0,
-  marginTop: 2,
-  marginRight: 2,
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  width: '24px',
-  height: '24px',
-  borderRadius: 'circle'
-});

package/dist/cjs/base/ui/field_icon.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _sdk_context = require("../../shared/ui/sdk_context");
-var _icon = _interopRequireDefault(require("./icon"));
-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 _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: FieldIcon */ /** */
-/**
- * Props for the {@link FieldIcon} component. Also accepts:
- * * {@link IconStyleProps}
- *
- * @docsPath UI/components/FieldIcon
- */
-// TODO (stephen): inherit shared props without inheriting style props
-
-/**
- * A vector icon for a field’s type.
- *
- * [[ Story id="fieldicon--example" title="FieldIcon example" ]]
- *
- * @docsPath UI/components/FieldIcon
- * @component
- */
-const FieldIcon = props => {
-  const {
-    field,
-    ...restOfProps
-  } = props;
-  const sdk = (0, _sdk_context.useSdk)();
-  const airtableInterface = sdk.__airtableInterface;
-  const appInterface = sdk.__appInterface;
-  const uiConfig = airtableInterface.fieldTypeProvider.getUiConfig(appInterface, field._data);
-  const name = uiConfig.iconName;
-  return /*#__PURE__*/React.createElement(_icon.default, _extends({
-    name: name
-  }, restOfProps));
-};
-var _default = exports.default = FieldIcon;

package/dist/cjs/base/ui/field_picker_synced.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _use_synced = _interopRequireDefault(require("../../shared/ui/use_synced"));
-var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchable"));
-var _sdk_context = require("../../shared/ui/sdk_context");
-var _field_picker = _interopRequireDefault(require("./field_picker"));
-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 _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: FieldPicker */ /** */
-/**
- * Props for the {@link FieldPickerSynced} component. Also accepts:
- * * {@link SelectStyleProps}
- *
- * @docsPath UI/components/FieldPickerSynced
- * @groupPath UI/components/FieldPicker
- */
-
-/**
- * A wrapper around the {@link FieldPicker} component that syncs with {@link GlobalConfig}.
- *
- * [[ Story id="modelpickers--fieldpickersynced-example" title="Synced field picker example" ]]
- *
- * @docsPath UI/components/FieldPickerSynced
- * @groupPath UI/components/FieldPicker
- * @component
- */
-const FieldPickerSynced = (props, ref) => {
-  const {
-    globalConfigKey,
-    onChange,
-    disabled,
-    table,
-    ...restOfProps
-  } = props;
-  const [fieldId, setFieldId, canSetFieldId] = (0, _use_synced.default)(globalConfigKey);
-  const sdk = (0, _sdk_context.useSdk)();
-  (0, _use_watchable.default)(sdk.base, ['tables']);
-  (0, _use_watchable.default)(table, ['fields']);
-  function _getFieldFromGlobalConfigValue() {
-    if (!table || table.isDeleted) {
-      return null;
-    }
-    return typeof fieldId === 'string' && table ? table.getFieldByIdIfExists(fieldId) : null;
-  }
-  return /*#__PURE__*/React.createElement(_field_picker.default, _extends({}, restOfProps, {
-    ref: ref,
-    table: table,
-    field: _getFieldFromGlobalConfigValue(),
-    onChange: field => {
-      setFieldId(field ? field.id : null);
-      if (onChange) {
-        onChange(field);
-      }
-    },
-    disabled: disabled || !canSetFieldId
-  }));
-};
-const ForwardedRefFieldPickerSynced = /*#__PURE__*/React.forwardRef(FieldPickerSynced);
-ForwardedRefFieldPickerSynced.displayName = 'FieldPickerSynced';
-var _default = exports.default = ForwardedRefFieldPickerSynced;

package/dist/cjs/base/ui/form_field.js

@@ -1,109 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _emotion = require("emotion");
-var _core = require("@styled-system/core");
-var _private_utils = require("../../shared/private_utils");
-var _box = _interopRequireDefault(require("./box"));
-var _text = _interopRequireWildcard(require("./text"));
-var _label = _interopRequireDefault(require("./label"));
-var _use_form_field = require("./use_form_field");
-var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
-var _system = require("./system");
-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 _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: FormField */ /** */
-/**
- * Style props for the {@link FormField} component. Accepts:
- * * {@link FlexItemSetProps}
- * * {@link MaxWidthProps}
- * * {@link MinWidthProps}
- * * {@link PositionSetProps}
- * * {@link SpacingSetProps}
- * * {@link WidthProps}
- *
- * @noInheritDoc
- */
-
-const styleParser = (0, _core.compose)(_system.maxWidth, _system.minWidth, _system.width, _system.flexItemSet, _system.positionSet, _system.spacingSet);
-
-/**
- * Props for the {@link FormField} component. Also accepts:
- * * {@link FormFieldStyleProps}
- *
- * @noInheritDoc
- * @docsPath UI/components/FormField
- */
-
-/**
- * A form field component that wraps any control field, supplying a provided label and optional
- * description.
- *
- * [[ Story id="formfield--example" title="Form field example" ]]
- *
- * This component will automatically set up the `for` attribute on the outputted label with the `id` attribute
- * on the wrapped control field for the following UI components: Label, Select, FieldPicker,
- * ModelPicker, and ViewPicker. If you'd like to manually override this behavior, you can provide an
- * `htmlFor` prop to this component and manually set the `id` attribute on your wrapped control to
- * the same value.
- *
- * @docsPath UI/components/FormField
- * @component
- */
-const FormField = (props, ref) => {
-  const {
-    id,
-    className,
-    style,
-    label = _text.TextSize.default,
-    htmlFor,
-    description,
-    children,
-    ...styleProps
-  } = props;
-  const classNameForStyleProps = (0, _use_styled_system.default)({
-    width: '100%',
-    ...styleProps
-  }, styleParser);
-  const [generatedId] = (0, _react.useState)((0, _private_utils.getLocallyUniqueId)('form-field-'));
-  const controlId = htmlFor || generatedId;
-  const [generatedDescriptionId] = (0, _react.useState)((0, _private_utils.getLocallyUniqueId)('input-description-'));
-  const descriptionId = description ? generatedDescriptionId : '';
-  let optionalLabelProps;
-  if (description) {
-    optionalLabelProps = {
-      marginBottom: 1
-    };
-  }
-  return /*#__PURE__*/_react.default.createElement(_box.default, {
-    ref: ref,
-    id: id,
-    className: (0, _emotion.cx)(classNameForStyleProps, className),
-    style: style,
-    display: "flex",
-    flexDirection: "column",
-    marginBottom: 3
-  }, /*#__PURE__*/_react.default.createElement(_label.default, _extends({
-    htmlFor: controlId,
-    size: "default"
-  }, optionalLabelProps), label), description && /*#__PURE__*/_react.default.createElement(_text.default, {
-    variant: "paragraph",
-    id: descriptionId,
-    size: "default",
-    textColor: "light",
-    marginBottom: "6px"
-  }, description), /*#__PURE__*/_react.default.createElement(_use_form_field.FormFieldContext.Provider, {
-    value: {
-      controlId,
-      descriptionId
-    }
-  }, children));
-};
-const ForwardedRefFormField = /*#__PURE__*/_react.default.forwardRef(FormField);
-ForwardedRefFormField.displayName = 'FormField';
-var _default = exports.default = ForwardedRefFormField;

package/dist/cjs/base/ui/geometry/geometry.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Point", {
-  enumerable: true,
-  get: function () {
-    return _point.default;
-  }
-});
-Object.defineProperty(exports, "Rect", {
-  enumerable: true,
-  get: function () {
-    return _rect.default;
-  }
-});
-Object.defineProperty(exports, "Size", {
-  enumerable: true,
-  get: function () {
-    return _size.default;
-  }
-});
-var _rect = _interopRequireDefault(require("./rect"));
-var _size = _interopRequireDefault(require("./size"));
-var _point = _interopRequireDefault(require("./point"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/base/ui/geometry/point.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/** @internal */
-class Point {
-  /** @internal */
-
-  /** @internal */
-
-  /** @internal */
-  constructor(x, y) {
-    this.x = x;
-    this.y = y;
-  }
-}
-exports.default = Point;

package/dist/cjs/base/ui/global_alert.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _private_utils = require("../../shared/private_utils");
-var _watchable = _interopRequireDefault(require("../../shared/watchable"));
-var _sdk_context = require("../../shared/ui/sdk_context");
-var _baymax_utils = require("./baymax_utils");
-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; }
-/** @hidden */ /** */
-
-const WatchableGlobalAlertKeys = Object.freeze({
-  __alertInfo: '__alertInfo'
-});
-/** @hidden */
-
-/** @hidden */
-
-const GlobalAlertInfo = () => {
-  const sdk = (0, _sdk_context.useSdk)();
-  return /*#__PURE__*/React.createElement("span", {
-    className: (0, _baymax_utils.baymax)('center line-height-4 quiet strong')
-  }, /*#__PURE__*/React.createElement("span", {
-    className: (0, _baymax_utils.baymax)('pointer understroke link-unquiet'),
-    onClick: () => {
-      sdk.reload();
-    }
-  }, "Please reload"));
-};
-
-/**
- * @hidden
- * @example
- * ```js
- * import {globalAlert} from '@airtable/blocks/base/ui';
- * globalAlert.showReloadPrompt();
- * ```
- */
-class GlobalAlert extends _watchable.default {
-  /** @internal */
-  static _className = 'GlobalAlert';
-  /** @internal */
-  static _isWatchableKey(key) {
-    return (0, _private_utils.isEnumValue)(WatchableGlobalAlertKeys, key);
-  }
-  /** @internal */
-
-  /** @hidden */
-  constructor() {
-    super();
-    this._alertInfo = null;
-    Object.seal(this);
-  }
-  /** @internal */
-  get __alertInfo() {
-    return this._alertInfo;
-  }
-  /** */
-  showReloadPrompt() {
-    this._alertInfo = {
-      content: /*#__PURE__*/React.createElement(GlobalAlertInfo, null)
-    };
-    this._onChange(WatchableGlobalAlertKeys.__alertInfo);
-  }
-}
-var _default = exports.default = GlobalAlert;

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

@@ -1,122 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.__injectSdkIntoInitializeBlock = __injectSdkIntoInitializeBlock;
-exports.__resetHasBeenInitialized = __resetHasBeenInitialized;
-exports.initializeBlock = initializeBlock;
-var React = _interopRequireWildcard(require("react"));
-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 = _interopRequireDefault(require("./block_wrapper"));
-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 */ /** */
-
-let hasBeenInitialized = false;
-
-/** */
-
-/** @hidden */
-
-/** @hidden */
-
-/** @hidden */
-
-/**
- * `initializeBlock` takes the top-level React component in your tree and renders it. It is conceptually similar to `ReactDOM.render`, but takes care of some Extensions-specific things.
- *
- * @param getEntryElement A function that returns your React Node.
- *
- * @example
- * ```js
- * import {initializeBlock} from '@airtable/blocks/base/ui';
- * import React from 'react';
- *
- * function App() {
- *     return (
- *         <div>Hello world 🚀</div>
- *     );
- * }
- *
- * initializeBlock(() => <App />);
- * ```
- * @docsPath UI/utils/initializeBlock
- */
-function initializeBlock(getEntryElement) {
-  const entryPoints = typeof getEntryElement === 'function' ? {
-    dashboard: getEntryElement
-  } : getEntryElement;
-  const body = typeof document !== 'undefined' ? document.body : null;
-  if (!body) {
-    throw (0, _error_utils.spawnError)('initializeBlock should only be called from browser environments');
-  }
-  if (hasBeenInitialized) {
-    throw (0, _error_utils.spawnError)('initializeBlock should only be called once');
-  }
-  hasBeenInitialized = true;
-  const airtableInterface = (0, _airtable_interface.default)();
-  let entryElement;
-  // runContext can be undefined if running from an old version client version (before 01/2021)
-  // TODO (SeanKeenan): Remove nullish coelescing once old clients are no longer a concern
-  const runContext = airtableInterface.sdkInitData.runContext ?? {
-    type: _airtable_interface2.BlockRunContextType.DASHBOARD_APP
-  };
-  switch (runContext.type) {
-    case _airtable_interface2.BlockRunContextType.DASHBOARD_APP:
-      {
-        if (entryPoints.dashboard === undefined) {
-          throw (0, _error_utils.spawnError)('If running an extension within the dashboard, it must have a dashboard initialization function');
-        }
-        if (typeof entryPoints.dashboard !== 'function') {
-          throw (0, _error_utils.spawnError)('initializeBlock must contain a dashboard function that returns a React element');
-        }
-        entryElement = entryPoints.dashboard();
-        break;
-      }
-    case _airtable_interface2.BlockRunContextType.VIEW:
-      {
-        if (entryPoints.view === undefined) {
-          throw (0, _error_utils.spawnError)('If running an extension within a view, it must have a view initialization function');
-        }
-        if (typeof entryPoints.view !== 'function') {
-          throw (0, _error_utils.spawnError)('initializeBlock must contain a view function that returns a React element');
-        }
-        const table = sdk.base.getTableById(runContext.tableId);
-        const view = table.getViewById(runContext.viewId);
-        entryElement = entryPoints.view({
-          table,
-          view
-        });
-        break;
-      }
-    default:
-      throw (0, _error_utils.spawnError)('Invalid context to run ');
-  }
-  if (! /*#__PURE__*/React.isValidElement(entryElement)) {
-    throw (0, _error_utils.spawnError)("The first argument to initializeBlock didn't return a valid React element");
-  }
-  const container = document.createElement('div');
-  container.style.height = '100%';
-  container.style.width = '100%';
-  body.appendChild(container);
-  (0, _client.createRoot)(container).render( /*#__PURE__*/React.createElement(_block_wrapper.default, {
-    sdk: sdk
-  }, entryElement));
-}
-let sdk;
-
-// The application-level Sdk instance must be injected dynamically to avoid
-// circular dependencies at the time of module resolution.
-function __injectSdkIntoInitializeBlock(_sdk) {
-  sdk = _sdk;
-}
-
-// Exclusively for tests
-function __resetHasBeenInitialized() {
-  hasBeenInitialized = false;
-}

package/dist/cjs/base/ui/input_synced.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _error_utils = require("../../shared/error_utils");
-var _use_synced = _interopRequireDefault(require("../../shared/ui/use_synced"));
-var _input = _interopRequireWildcard(require("./input"));
-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 _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: Input */ /** */
-/**
- * Props for the {@link InputSynced} component. Also accepts:
- * * {@link InputStyleProps}
- *
- * @docsPath UI/components/InputSynced
- * @groupPath UI/components/Input
- */
-
-/**
- * A wrapper around the {@link Input} component that syncs with {@link GlobalConfig}.
- *
- * [[ Story id="input--example-synced" title="Synced input example" ]]
- *
- * @docsPath UI/components/InputSynced
- * @groupPath UI/components/Input
- * @component
- */
-const InputSynced = (props, ref) => {
-  const {
-    globalConfigKey,
-    type = _input.SupportedInputType.text,
-    disabled,
-    onChange,
-    ...restOfProps
-  } = props;
-  const [value, setValue, canSetValue] = (0, _use_synced.default)(globalConfigKey);
-  let inputValue;
-  if (value === null || value === undefined) {
-    // If an input gets null or undefined for value, React treats it as uncontrolled
-    // and will throw warnings when it becomes controlled.
-    inputValue = '';
-  } else if (typeof value === 'string') {
-    inputValue = value;
-  } else {
-    throw (0, _error_utils.spawnError)('InputSynced only works with a global config value that is a string, null or undefined.');
-  }
-  return /*#__PURE__*/React.createElement(_input.default, _extends({}, restOfProps, {
-    ref: ref,
-    disabled: disabled || !canSetValue,
-    onChange: e => {
-      setValue(e.target.value);
-      if (onChange) {
-        onChange(e);
-      }
-    },
-    value: inputValue,
-    type: type
-  }));
-};
-const ForwardedRefInputSynced = /*#__PURE__*/React.forwardRef(InputSynced);
-ForwardedRefInputSynced.displayName = 'InputSynced';
-var _default = exports.default = ForwardedRefInputSynced;