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

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

@@ -1,34 +1,17 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.for-each.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 = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _error_utils = require("../../shared/error_utils");
 var _use_synced = _interopRequireDefault(require("../../shared/ui/use_synced"));
-var _global_config_synced_component_helpers = _interopRequireDefault(require("../../shared/ui/global_config_synced_component_helpers"));
-var _select_buttons = _interopRequireWildcard(require("./select_buttons"));
-var _excluded = ["globalConfigKey", "onChange", "disabled"];
-/** @module @airtable/blocks/ui: SelectButtons */
-/** */
-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); }
+var _select_buttons = _interopRequireDefault(require("./select_buttons"));
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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: SelectButtons */ /** */
 /**
  * Props for the {@link SelectButtonsSynced} component. Also accepts:
  * * {@link SelectButtonsStyleProps}
@@ -46,17 +29,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @groupPath UI/components/SelectButtons
  * @component
  */
-var SelectButtonsSynced = (props, ref) => {
-  var globalConfigKey = props.globalConfigKey,
-    _onChange = props.onChange,
-    disabled = props.disabled,
-    restOfProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _useSynced = (0, _use_synced.default)(globalConfigKey),
-    _useSynced2 = (0, _slicedToArray2.default)(_useSynced, 3),
-    value = _useSynced2[0],
-    setValue = _useSynced2[1],
-    canSetValue = _useSynced2[2];
-  var selectValue;
+const SelectButtonsSynced = (props, ref) => {
+  const {
+    globalConfigKey,
+    onChange,
+    disabled,
+    ...restOfProps
+  } = props;
+  const [value, setValue, canSetValue] = (0, _use_synced.default)(globalConfigKey);
+  let selectValue;
   if (value === null || value === undefined) {
     selectValue = null;
   } else if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
@@ -64,21 +45,18 @@ var SelectButtonsSynced = (props, ref) => {
   } else {
     throw (0, _error_utils.spawnError)('SelectButtonsSynced only works with a global config value that is a string, number, boolean, null or undefined.');
   }
-  return /*#__PURE__*/React.createElement(_select_buttons.default, (0, _extends2.default)({}, restOfProps, {
+  return /*#__PURE__*/React.createElement(_select_buttons.default, _extends({}, restOfProps, {
     ref: ref,
     value: selectValue,
     onChange: newValue => {
       setValue(newValue);
-      if (_onChange) {
-        _onChange(newValue);
+      if (onChange) {
+        onChange(newValue);
       }
     },
     disabled: disabled || !canSetValue
   }));
 };
-var ForwardedRefSelectButtonsSynced = /*#__PURE__*/React.forwardRef(SelectButtonsSynced);
-ForwardedRefSelectButtonsSynced.propTypes = _objectSpread({
-  globalConfigKey: _global_config_synced_component_helpers.default.globalConfigKeyPropType
-}, _select_buttons.sharedSelectButtonsPropTypes);
+const ForwardedRefSelectButtonsSynced = /*#__PURE__*/React.forwardRef(SelectButtonsSynced);
 ForwardedRefSelectButtonsSynced.displayName = 'SelectButtonsSynced';
 var _default = exports.default = ForwardedRefSelectButtonsSynced;

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

@@ -1,34 +1,17 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.for-each.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 = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _error_utils = require("../../shared/error_utils");
 var _use_synced = _interopRequireDefault(require("../../shared/ui/use_synced"));
-var _global_config_synced_component_helpers = _interopRequireDefault(require("../../shared/ui/global_config_synced_component_helpers"));
-var _select = _interopRequireWildcard(require("./select"));
-var _excluded = ["globalConfigKey", "disabled", "onChange"];
-/** @module @airtable/blocks/ui: Select */
-/** */
-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); }
+var _select = _interopRequireDefault(require("./select"));
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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: Select */ /** */
 /**
  * Props for the {@link SelectSynced} component. Also accepts:
  * * {@link SelectStyleProps}
@@ -46,17 +29,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @groupPath UI/components/Select
  * @component
  */
-var SelectSynced = (props, ref) => {
-  var globalConfigKey = props.globalConfigKey,
-    disabled = props.disabled,
-    _onChange = props.onChange,
-    restOfProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _useSynced = (0, _use_synced.default)(globalConfigKey),
-    _useSynced2 = (0, _slicedToArray2.default)(_useSynced, 3),
-    value = _useSynced2[0],
-    setValue = _useSynced2[1],
-    canSetValue = _useSynced2[2];
-  var selectValue;
+const SelectSynced = (props, ref) => {
+  const {
+    globalConfigKey,
+    disabled,
+    onChange,
+    ...restOfProps
+  } = props;
+  const [value, setValue, canSetValue] = (0, _use_synced.default)(globalConfigKey);
+  let selectValue;
   if (value === null || value === undefined) {
     selectValue = null;
   } else if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
@@ -64,7 +45,7 @@ var SelectSynced = (props, ref) => {
   } else {
     throw (0, _error_utils.spawnError)('SelectSynced only works with a global config value that is a string, number, boolean, null or undefined.');
   }
-  return /*#__PURE__*/React.createElement(_select.default, (0, _extends2.default)({}, restOfProps, {
+  return /*#__PURE__*/React.createElement(_select.default, _extends({}, restOfProps, {
     ref: ref,
     value: selectValue,
     onChange: newValue => {
@@ -72,16 +53,13 @@ var SelectSynced = (props, ref) => {
         newValue = null;
       }
       setValue(newValue);
-      if (_onChange) {
-        _onChange(newValue);
+      if (onChange) {
+        onChange(newValue);
       }
     },
     disabled: disabled || !canSetValue
   }));
 };
-var ForwardedRefSelectSynced = /*#__PURE__*/React.forwardRef(SelectSynced);
+const ForwardedRefSelectSynced = /*#__PURE__*/React.forwardRef(SelectSynced);
 ForwardedRefSelectSynced.displayName = 'SelectSynced';
-ForwardedRefSelectSynced.propTypes = _objectSpread({
-  globalConfigKey: _global_config_synced_component_helpers.default.globalConfigKeyPropType
-}, _select.sharedSelectPropTypes);
 var _default = exports.default = ForwardedRefSelectSynced;

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

@@ -1,32 +1,20 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.switchStylePropTypes = exports.sharedSwitchPropTypes = exports.default = void 0;
-require("core-js/modules/es.array.includes.js");
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+exports.default = void 0;
 var _emotion = require("emotion");
 var _react = _interopRequireDefault(require("react"));
 var _core = require("@styled-system/core");
 var _private_utils = require("../../shared/private_utils");
 var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
 var _system = require("./system");
-var _tooltip_anchor_props = require("./types/tooltip_anchor_props");
 var _use_theme = _interopRequireDefault(require("./theme/use_theme"));
 var _control_sizes = require("./control_sizes");
-var _enum_prop_type_utils = require("./system/utils/enum_prop_type_utils");
-var _excluded = ["disabled", "id", "label", "tabIndex", "variant", "size", "value", "onClick", "onChange", "onMouseEnter", "onMouseLeave", "className", "style", "aria-label", "aria-describedby", "aria-labelledby"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @module @airtable/blocks/ui: Switch */ /** */
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/** @module @airtable/blocks/ui: Switch */ /** */
+
 /**
  * Variants for the {@link Switch} component:
  *
@@ -39,14 +27,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * Red switch for toggling a dangerous or infrequently-used setting.
  */
 
-var SwitchVariant = (0, _private_utils.createEnum)('default', 'danger');
-var switchVariantPropType = (0, _enum_prop_type_utils.createPropTypeFromEnum)(SwitchVariant);
+const SwitchVariant = (0, _private_utils.createEnum)('default', 'danger');
 
 /** @internal */
 function useSwitchVariant() {
-  var variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : SwitchVariant.default;
-  var _useTheme = (0, _use_theme.default)(),
-    switchVariants = _useTheme.switchVariants;
+  let variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : SwitchVariant.default;
+  const {
+    switchVariants
+  } = (0, _use_theme.default)();
   return switchVariants[variant];
 }
 
@@ -63,21 +51,6 @@ function useSwitchVariant() {
  * @docsPath UI/components/Switch
  */
 
-var switchStylePropTypes = exports.switchStylePropTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _system.maxWidthPropTypes), _system.minWidthPropTypes), _system.widthPropTypes), _system.flexItemSetPropTypes), _system.positionSetPropTypes), _system.spacingSetPropTypes), _system.backgroundColorPropTypes), _system.displayPropTypes);
-var sharedSwitchPropTypes = exports.sharedSwitchPropTypes = _objectSpread(_objectSpread({
-  disabled: _propTypes.default.bool,
-  id: _propTypes.default.string,
-  label: _propTypes.default.node,
-  onChange: _propTypes.default.func,
-  tabIndex: _propTypes.default.number,
-  variant: switchVariantPropType,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  'aria-label': _propTypes.default.string,
-  'aria-labelledby': _propTypes.default.string,
-  'aria-describedby': _propTypes.default.string
-}, _tooltip_anchor_props.tooltipAnchorPropTypes), switchStylePropTypes);
-
 /**
  * Style props for the {@link Switch} component. Also accepts:
  * * {@link BackgroundColorProps}
@@ -91,7 +64,7 @@ var sharedSwitchPropTypes = exports.sharedSwitchPropTypes = _objectSpread(_objec
  * @noInheritDoc
  */
 
-var styleParser = (0, _core.compose)(_system.maxWidth, _system.minWidth, _system.width, _system.flexItemSet, _system.positionSet, _system.spacingSet, _system.display, _system.backgroundColor);
+const styleParser = (0, _core.compose)(_system.maxWidth, _system.minWidth, _system.width, _system.flexItemSet, _system.positionSet, _system.spacingSet, _system.display, _system.backgroundColor);
 
 /**
  * A toggle switch for controlling boolean values. Similar to a checkbox.
@@ -106,37 +79,38 @@ var styleParser = (0, _core.compose)(_system.maxWidth, _system.minWidth, _system
  * @docsPath UI/components/Switch
  * @component
  */
-var Switch = (props, ref) => {
-  var disabled = props.disabled,
-    id = props.id,
-    label = props.label,
-    _props$tabIndex = props.tabIndex,
-    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? SwitchVariant.default : _props$variant,
-    _props$size = props.size,
-    size = _props$size === void 0 ? _control_sizes.ControlSize.default : _props$size,
-    value = props.value,
-    onClick = props.onClick,
-    onChange = props.onChange,
-    onMouseEnter = props.onMouseEnter,
-    onMouseLeave = props.onMouseLeave,
-    className = props.className,
-    style = props.style,
-    ariaLabel = props['aria-label'],
-    ariaDescribedBy = props['aria-describedby'],
-    ariaLabelledBy = props['aria-labelledby'],
-    styleProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var classNameForStyleProps = (0, _use_styled_system.default)(_objectSpread({
+const Switch = (props, ref) => {
+  const {
+    disabled,
+    id,
+    label,
+    tabIndex = 0,
+    variant = SwitchVariant.default,
+    size = _control_sizes.ControlSize.default,
+    value,
+    onClick,
+    onChange,
+    onMouseEnter,
+    onMouseLeave,
+    className,
+    style,
+    'aria-label': ariaLabel,
+    'aria-describedby': ariaDescribedBy,
+    'aria-labelledby': ariaLabelledBy,
+    ...styleProps
+  } = props;
+  const classNameForStyleProps = (0, _use_styled_system.default)({
     display: 'flex',
-    width: '100%'
-  }, styleProps), styleParser);
-  var _useSwitchVariant = useSwitchVariant(variant),
-    classNameForVariant = _useSwitchVariant.baseClassName,
-    switchContainerClassName = _useSwitchVariant.switchContainerClassName,
-    switchClassName = _useSwitchVariant.switchClassName,
-    switchLabelClassName = _useSwitchVariant.switchLabelClassName;
-  var classNameForSize = (0, _control_sizes.useSwitchSize)(size);
+    width: '100%',
+    ...styleProps
+  }, styleParser);
+  const {
+    baseClassName: classNameForVariant,
+    switchContainerClassName,
+    switchClassName,
+    switchLabelClassName
+  } = useSwitchVariant(variant);
+  const classNameForSize = (0, _control_sizes.useSwitchSize)(size);
   if (!label && !ariaLabelledBy && !ariaLabel) {
     // eslint-disable-next-line no-console
     console.warn('<Switch> should be labeled using either the `label`, `ariaLabel`, or `ariaLabelledBy` prop');
@@ -188,9 +162,6 @@ var Switch = (props, ref) => {
     className: switchLabelClassName
   }, label));
 };
-var ForwardedRefSwitch = /*#__PURE__*/_react.default.forwardRef(Switch);
-ForwardedRefSwitch.propTypes = _objectSpread({
-  value: _propTypes.default.bool.isRequired
-}, sharedSwitchPropTypes);
+const ForwardedRefSwitch = /*#__PURE__*/_react.default.forwardRef(Switch);
 ForwardedRefSwitch.displayName = 'Switch';
 var _default = exports.default = ForwardedRefSwitch;

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

@@ -1,33 +1,16 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.for-each.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 = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _use_synced = _interopRequireDefault(require("../../shared/ui/use_synced"));
-var _global_config_synced_component_helpers = _interopRequireDefault(require("../../shared/ui/global_config_synced_component_helpers"));
-var _switch = _interopRequireWildcard(require("./switch"));
-var _excluded = ["disabled", "globalConfigKey", "onChange"];
-/** @module @airtable/blocks/ui: Switch */
-/** */
-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); }
+var _switch = _interopRequireDefault(require("./switch"));
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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: Switch */ /** */
 /**
  * Props for the {@link SwitchSynced} component. Also accepts:
  * * {@link SwitchStyleProps}
@@ -45,31 +28,26 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @groupPath UI/components/Switch
  * @component
  */
-var SwitchSynced = (props, ref) => {
-  var disabled = props.disabled,
-    globalConfigKey = props.globalConfigKey,
-    _onChange = props.onChange,
-    restOfProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _useSynced = (0, _use_synced.default)(globalConfigKey),
-    _useSynced2 = (0, _slicedToArray2.default)(_useSynced, 3),
-    value = _useSynced2[0],
-    setValue = _useSynced2[1],
-    canSetValue = _useSynced2[2];
-  return /*#__PURE__*/React.createElement(_switch.default, (0, _extends2.default)({}, restOfProps, {
+const SwitchSynced = (props, ref) => {
+  const {
+    disabled,
+    globalConfigKey,
+    onChange,
+    ...restOfProps
+  } = props;
+  const [value, setValue, canSetValue] = (0, _use_synced.default)(globalConfigKey);
+  return /*#__PURE__*/React.createElement(_switch.default, _extends({}, restOfProps, {
     ref: ref,
     value: !!value,
     onChange: newValue => {
       setValue(newValue);
-      if (_onChange) {
-        _onChange(newValue);
+      if (onChange) {
+        onChange(newValue);
       }
     },
     disabled: disabled || !canSetValue
   }));
 };
-var ForwardedRefSwitchSynced = /*#__PURE__*/React.forwardRef(SwitchSynced);
-ForwardedRefSwitchSynced.propTypes = _objectSpread({
-  globalConfigKey: _global_config_synced_component_helpers.default.globalConfigKeyPropType
-}, _switch.sharedSwitchPropTypes);
+const ForwardedRefSwitchSynced = /*#__PURE__*/React.forwardRef(SwitchSynced);
 ForwardedRefSwitchSynced.displayName = 'SwitchSynced';
 var _default = exports.default = ForwardedRefSwitchSynced;

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

@@ -1,67 +1,46 @@
 "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 = exports.Synced = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _with_hooks = _interopRequireDefault(require("../../shared/ui/with_hooks"));
 var _sdk_context = require("../../shared/ui/sdk_context");
 var _global_config_synced_component_helpers = _interopRequireDefault(require("../../shared/ui/global_config_synced_component_helpers"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @hidden */ /** */
+/** @hidden */ /** */
+
 /** @hidden */
+
 /** @hidden */
-var Synced = exports.Synced = /*#__PURE__*/function (_React$Component) {
+class Synced extends React.Component {
   /** @hidden */
-  function Synced(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, Synced);
-    _this = _callSuper(this, Synced, [props]);
-    _this._setValue = _this._setValue.bind(_this);
-    return _this;
+  constructor(props) {
+    super(props);
+    this._setValue = this._setValue.bind(this);
   }
   /** @internal */
-  (0, _inherits2.default)(Synced, _React$Component);
-  return (0, _createClass2.default)(Synced, [{
-    key: "_setValue",
-    value: function _setValue(newValue) {
-      this.props.sdk.globalConfig.setAsync(this.props.globalConfigKey, newValue);
-    }
-    /** @hidden */
-  }, {
-    key: "render",
-    value: function render() {
-      var globalConfig = this.props.sdk.globalConfig;
-      var value = globalConfig.get(this.props.globalConfigKey);
-      var canSetValue = globalConfig.hasPermissionToSet(this.props.globalConfigKey);
-      return this.props.render({
-        value,
-        canSetValue,
-        setValue: this._setValue
-      });
-    }
-  }]);
-}(React.Component);
-/** @hidden */
-(0, _defineProperty2.default)(Synced, "propTypes", {
-  globalConfigKey: _global_config_synced_component_helpers.default.globalConfigKeyPropType,
-  render: _propTypes.default.func.isRequired
-});
+  _setValue(newValue) {
+    this.props.sdk.globalConfig.setAsync(this.props.globalConfigKey, newValue);
+  }
+  /** @hidden */
+  render() {
+    const {
+      globalConfig
+    } = this.props.sdk;
+    const value = globalConfig.get(this.props.globalConfigKey);
+    const canSetValue = globalConfig.hasPermissionToSet(this.props.globalConfigKey);
+    return this.props.render({
+      value,
+      canSetValue,
+      setValue: this._setValue
+    });
+  }
+}
+exports.Synced = Synced;
 var _default = exports.default = (0, _with_hooks.default)(Synced, props => {
   _global_config_synced_component_helpers.default.useDefaultWatchesForSyncedComponent(props.globalConfigKey);
   return {

package/dist/cjs/base/ui/system/all_styles_set.js

@@ -1,20 +1,13 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allStylesPropTypes = exports.allStylesParser = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports.allStylesParser = void 0;
 var _core = require("@styled-system/core");
 var _index = require("./index");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @module @airtable/blocks/ui/system: All style props */ /** */
+/** @module @airtable/blocks/ui/system: All style props */ /** */
+
 /**
  * In the Blocks SDK, UI components can be styled via a set of supported style props.
  * These style props (e.g. `width`, `margin`, `backgroundColor`) take a subset of
@@ -96,5 +89,4 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @docsPath UI/Style System/All styles
  */
 
-var allStylesParser = exports.allStylesParser = (0, _core.compose)(_index.appearanceSet, _index.dimensionsSet, _index.flexContainerSet, _index.flexItemSet, _index.positionSet, _index.spacingSet, _index.typographySet, _index.display, _index.overflow);
-var allStylesPropTypes = exports.allStylesPropTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _index.appearanceSetPropTypes), _index.dimensionsSetPropTypes), _index.flexContainerSetPropTypes), _index.flexItemSetPropTypes), _index.positionSetPropTypes), _index.spacingSetPropTypes), _index.typographySetPropTypes), _index.displayPropTypes), _index.overflowPropTypes);
+const allStylesParser = exports.allStylesParser = (0, _core.compose)(_index.appearanceSet, _index.dimensionsSet, _index.flexContainerSet, _index.flexItemSet, _index.positionSet, _index.spacingSet, _index.typographySet, _index.display, _index.overflow);

package/dist/cjs/base/ui/system/appearance/appearance_set.js

@@ -1,30 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.appearanceSetPropTypes = exports.appearanceSet = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports.appearanceSet = void 0;
 var _core = require("@styled-system/core");
-var _create_style_prop_types = _interopRequireDefault(require("../utils/create_style_prop_types"));
 var _background_color = require("./background_color");
 var _border = require("./border");
 var _border_radius = require("./border_radius");
 var _box_shadow = require("./box_shadow");
 var _opacity = require("./opacity");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @module @airtable/blocks/ui/system: Appearance */ /** */
+/** @module @airtable/blocks/ui/system: Appearance */ /** */
+
 /**
  * Style props for the visual appearance of an element.
  *
  * @docsPath UI/Style System/Appearance
  */
 
-var appearanceSet = exports.appearanceSet = (0, _core.system)(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _background_color.config), _border_radius.config), _border.config), _box_shadow.config), _opacity.config));
-var appearanceSetPropTypes = exports.appearanceSetPropTypes = (0, _create_style_prop_types.default)(appearanceSet.propNames);
+const appearanceSet = exports.appearanceSet = (0, _core.system)({
+  ..._background_color.config,
+  ..._border_radius.config,
+  ..._border.config,
+  ..._box_shadow.config,
+  ..._opacity.config
+});