@airtable/blocks 1.18.1 → 1.19.0

package/dist/cjs/ui/select_buttons.js

@@ -1,73 +1,53 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+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");
-
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.array.concat");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.array.map");
-
-require("core-js/modules/es.object.get-own-property-descriptors");
-
-require("core-js/modules/web.dom-collections.for-each");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.sharedSelectButtonsPropTypes = exports.selectButtonsStylePropTypes = void 0;
-
+exports.sharedSelectButtonsPropTypes = exports.selectButtonsStylePropTypes = exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.map.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _emotion = require("emotion");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _core = require("@styled-system/core");
-
 var _error_utils = require("../error_utils");
-
 var _private_utils = require("../private_utils");
-
 var _select_and_select_buttons_helpers = require("./select_and_select_buttons_helpers");
-
 var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
-
 var _use_theme = _interopRequireDefault(require("./theme/use_theme"));
-
 var _css_helpers = _interopRequireDefault(require("./css_helpers"));
-
 var _system = require("./system");
-
 var _tooltip_anchor_props = require("./types/tooltip_anchor_props");
-
 var _control_sizes = require("./control_sizes");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var _excluded = ["className", "style", "options", "disabled", "value", "size", "onChange", "onMouseEnter", "onMouseLeave", "onClick", "hasOnClick", "aria-describedby", "aria-labelledby"];
+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 _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; } /** @module @airtable/blocks/ui: SelectButtons */ /** */
+/** @internal */
 
 var SelectButtonsVariant = (0, _private_utils.createEnum)('default');
-/** @internal */
 
+/** @internal */
 function useSelectButtonsVariant() {
   var variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : SelectButtonsVariant.default;
-
   var _useTheme = (0, _use_theme.default)(),
-      selectButtonsVariants = _useTheme.selectButtonsVariants;
-
+    selectButtonsVariants = _useTheme.selectButtonsVariants;
   return selectButtonsVariants[variant];
 }
+
 /**
  * Style props shared between the {@link SelectButtons} and {@link SelectButtonsSynced} components. Accepts:
  * * {@link FlexItemSetProps}
@@ -80,20 +60,16 @@ function useSelectButtonsVariant() {
  * @noInheritDoc
  */
 
-
 var styleParser = (0, _core.compose)(_system.maxWidth, _system.minWidth, _system.width, _system.flexItemSet, _system.positionSet, _system.margin);
+var selectButtonsStylePropTypes = exports.selectButtonsStylePropTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _system.maxWidthPropTypes), _system.minWidthPropTypes), _system.widthPropTypes), _system.flexItemSetPropTypes), _system.positionSetPropTypes), _system.marginPropTypes);
 
-var selectButtonsStylePropTypes = _objectSpread({}, _system.maxWidthPropTypes, {}, _system.minWidthPropTypes, {}, _system.widthPropTypes, {}, _system.flexItemSetPropTypes, {}, _system.positionSetPropTypes, {}, _system.marginPropTypes);
 /**
  * Props shared between the {@link SelectButtons} and {@link SelectButtonsSynced} components.
  *
  * @noInheritDoc
  */
 
-
-exports.selectButtonsStylePropTypes = selectButtonsStylePropTypes;
-
-var sharedSelectButtonsPropTypes = _objectSpread({
+var sharedSelectButtonsPropTypes = exports.sharedSelectButtonsPropTypes = _objectSpread(_objectSpread(_objectSpread({
   // We do more strict checks in render.
   options: _propTypes.default.arrayOf(_propTypes.default.shape({
     value: _select_and_select_buttons_helpers.selectOptionValuePropType,
@@ -107,7 +83,8 @@ var sharedSelectButtonsPropTypes = _objectSpread({
   style: _propTypes.default.object,
   'aria-labelledby': _propTypes.default.string,
   'aria-describedby': _propTypes.default.string
-}, selectButtonsStylePropTypes, {}, _tooltip_anchor_props.tooltipAnchorPropTypes, {}, selectButtonsStylePropTypes);
+}, selectButtonsStylePropTypes), _tooltip_anchor_props.tooltipAnchorPropTypes), selectButtonsStylePropTypes);
+
 /**
  * Props for the {@link SelectButtons} component. Also accepts:
  * * {@link SelectButtonsStyleProps}
@@ -115,9 +92,6 @@ var sharedSelectButtonsPropTypes = _objectSpread({
  * @docsPath UI/components/SelectButtons
  */
 
-
-exports.sharedSelectButtonsPropTypes = sharedSelectButtonsPropTypes;
-
 /**
  * A segmented control for selecting one value from a set of options.
  *
@@ -128,50 +102,44 @@ exports.sharedSelectButtonsPropTypes = sharedSelectButtonsPropTypes;
  */
 var SelectButtons = (props, ref) => {
   var className = props.className,
-      style = props.style,
-      options = props.options,
-      disabled = props.disabled,
-      value = props.value,
-      _props$size = props.size,
-      size = _props$size === void 0 ? _control_sizes.ControlSize.default : _props$size,
-      onChange = props.onChange,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      onClick = props.onClick,
-      hasOnClick = props.hasOnClick,
-      ariaDescribedBy = props['aria-describedby'],
-      ariaLabelledBy = props['aria-labelledby'],
-      styleProps = (0, _objectWithoutProperties2.default)(props, ["className", "style", "options", "disabled", "value", "size", "onChange", "onMouseEnter", "onMouseLeave", "onClick", "hasOnClick", "aria-describedby", "aria-labelledby"]); // There is only a single default variant.
-
+    style = props.style,
+    options = props.options,
+    disabled = props.disabled,
+    value = props.value,
+    _props$size = props.size,
+    size = _props$size === void 0 ? _control_sizes.ControlSize.default : _props$size,
+    onChange = props.onChange,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    onClick = props.onClick,
+    hasOnClick = props.hasOnClick,
+    ariaDescribedBy = props['aria-describedby'],
+    ariaLabelledBy = props['aria-labelledby'],
+    styleProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  // There is only a single default variant.
   var _useSelectButtonsVari = useSelectButtonsVariant(),
-      containerClassNameForVariant = _useSelectButtonsVari.containerClassNameForVariant,
-      optionClassNameForVariant = _useSelectButtonsVari.optionClassNameForVariant;
-
+    containerClassNameForVariant = _useSelectButtonsVari.containerClassNameForVariant,
+    optionClassNameForVariant = _useSelectButtonsVari.optionClassNameForVariant;
   var containerClassNameForSize = (0, _control_sizes.useSelectButtonsSize)(size);
   var classNameForStyleProps = (0, _use_styled_system.default)(_objectSpread({
     width: '100%'
   }, styleProps), styleParser);
-
   var _useState = (0, _react.useState)((0, _private_utils.getLocallyUniqueId)('sb-')),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 1),
-      generatedId = _useState2[0];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    generatedId = _useState2[0];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isFocused = _useState4[0],
-      setIsFocused = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isFocused = _useState4[0],
+    setIsFocused = _useState4[1];
   (0, _react.useEffect)(() => {
     // Check options here for a cleaner stack trace.
     // Also, even though options are required, still check if it's set because
     // the error is really ugly and covers up the prop type check.
     var validationResult = (0, _select_and_select_buttons_helpers.validateOptions)(options);
-
     if (!validationResult.isValid) {
       throw (0, _error_utils.spawnError)('<SelectButtons> %s', validationResult.reason);
     }
   }, [options]);
-
   function _onChange(newValue) {
     if (onChange) {
       if (newValue !== value) {
@@ -179,8 +147,7 @@ var SelectButtons = (props, ref) => {
       }
     }
   }
-
-  return _react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     // TODO (stephen): remove tooltip anchor props
     ref: ref,
     onMouseEnter: onMouseEnter,
@@ -199,30 +166,27 @@ var SelectButtons = (props, ref) => {
     var isOptionDisabled = disabled || option.disabled;
     var radioId = "".concat(generatedId, "-").concat(index);
     var valueJson = (0, _select_and_select_buttons_helpers.optionValueToString)(option.value);
-    return _react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: "".concat(valueJson, "-").concat(option.label, "-").concat(index),
       className: optionClassNameForVariant
-    }, _react.default.createElement("input", {
+    }, /*#__PURE__*/_react.default.createElement("input", {
       type: "radio",
       onChange: isOptionDisabled ? undefined : () => _onChange(option.value),
-      disabled: isOptionDisabled,
+      disabled: !!isOptionDisabled,
       checked: isSelected,
       className: _css_helpers.default.VISUALLY_HIDDEN,
       id: radioId,
       name: generatedId
-    }), _react.default.createElement("label", {
+    }), /*#__PURE__*/_react.default.createElement("label", {
       htmlFor: radioId
-    }, _react.default.createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
       className: _css_helpers.default.TRUNCATE
     }, option.label)));
   }));
 };
-
-var ForwardedRefSelectButtons = _react.default.forwardRef(SelectButtons);
-
+var ForwardedRefSelectButtons = /*#__PURE__*/_react.default.forwardRef(SelectButtons);
 ForwardedRefSelectButtons.propTypes = _objectSpread({
   value: _select_and_select_buttons_helpers.selectOptionValuePropType
 }, sharedSelectButtonsPropTypes);
 ForwardedRefSelectButtons.displayName = 'SelectButtons';
-var _default = ForwardedRefSelectButtons;
-exports.default = _default;
+var _default = exports.default = ForwardedRefSelectButtons;

package/dist/cjs/ui/select_buttons_synced.js

@@ -1,43 +1,41 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+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");
-
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.object.get-own-property-descriptors");
-
-require("core-js/modules/web.dom-collections.for-each");
-
 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("../error_utils");
-
 var _select_buttons = _interopRequireWildcard(require("./select_buttons"));
-
 var _global_config_synced_component_helpers = _interopRequireDefault(require("./global_config_synced_component_helpers"));
-
 var _use_synced = _interopRequireDefault(require("./use_synced"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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); }
+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; }
+/**
+ * Props for the {@link SelectButtonsSynced} component. Also accepts:
+ * * {@link SelectButtonsStyleProps}
+ *
+ * @docsPath UI/components/SelectButtonsSynced
+ * @groupPath UI/components/SelectButtons
+ */
 
 /**
  *  A wrapper around the {@link SelectButtons} component that syncs with {@link GlobalConfig}.
@@ -50,18 +48,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 var SelectButtonsSynced = (props, ref) => {
   var globalConfigKey = props.globalConfigKey,
-      _onChange = props.onChange,
-      disabled = props.disabled,
-      restOfProps = (0, _objectWithoutProperties2.default)(props, ["globalConfigKey", "onChange", "disabled"]);
-
+    _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];
-
+    _useSynced2 = (0, _slicedToArray2.default)(_useSynced, 3),
+    value = _useSynced2[0],
+    setValue = _useSynced2[1],
+    canSetValue = _useSynced2[2];
   var selectValue;
-
   if (value === null || value === undefined) {
     selectValue = null;
   } else if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
@@ -69,13 +64,11 @@ 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 React.createElement(_select_buttons.default, (0, _extends2.default)({}, restOfProps, {
+  return /*#__PURE__*/React.createElement(_select_buttons.default, (0, _extends2.default)({}, restOfProps, {
     ref: ref,
     value: selectValue,
     onChange: newValue => {
       setValue(newValue);
-
       if (_onChange) {
         _onChange(newValue);
       }
@@ -83,11 +76,9 @@ var SelectButtonsSynced = (props, ref) => {
     disabled: disabled || !canSetValue
   }));
 };
-
-var ForwardedRefSelectButtonsSynced = React.forwardRef(SelectButtonsSynced);
+var ForwardedRefSelectButtonsSynced = /*#__PURE__*/React.forwardRef(SelectButtonsSynced);
 ForwardedRefSelectButtonsSynced.propTypes = _objectSpread({
   globalConfigKey: _global_config_synced_component_helpers.default.globalConfigKeyPropType
 }, _select_buttons.sharedSelectButtonsPropTypes);
 ForwardedRefSelectButtonsSynced.displayName = 'SelectButtonsSynced';
-var _default = ForwardedRefSelectButtonsSynced;
-exports.default = _default;
+var _default = exports.default = ForwardedRefSelectButtonsSynced;

package/dist/cjs/ui/select_synced.js

@@ -1,43 +1,41 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+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");
-
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.object.get-own-property-descriptors");
-
-require("core-js/modules/web.dom-collections.for-each");
-
 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("../error_utils");
-
 var _global_config_synced_component_helpers = _interopRequireDefault(require("./global_config_synced_component_helpers"));
-
 var _select = _interopRequireWildcard(require("./select"));
-
 var _use_synced = _interopRequireDefault(require("./use_synced"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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); }
+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; }
+/**
+ * Props for the {@link SelectSynced} component. Also accepts:
+ * * {@link SelectStyleProps}
+ *
+ * @docsPath UI/components/SelectSynced
+ * @groupPath UI/components/Select
+ */
 
 /**
  * A wrapper around the {@link Select} component that syncs with {@link GlobalConfig}.
@@ -50,18 +48,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 var SelectSynced = (props, ref) => {
   var globalConfigKey = props.globalConfigKey,
-      disabled = props.disabled,
-      _onChange = props.onChange,
-      restOfProps = (0, _objectWithoutProperties2.default)(props, ["globalConfigKey", "disabled", "onChange"]);
-
+    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];
-
+    _useSynced2 = (0, _slicedToArray2.default)(_useSynced, 3),
+    value = _useSynced2[0],
+    setValue = _useSynced2[1],
+    canSetValue = _useSynced2[2];
   var selectValue;
-
   if (value === null || value === undefined) {
     selectValue = null;
   } else if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
@@ -69,17 +64,14 @@ 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 React.createElement(_select.default, (0, _extends2.default)({}, restOfProps, {
+  return /*#__PURE__*/React.createElement(_select.default, (0, _extends2.default)({}, restOfProps, {
     ref: ref,
     value: selectValue,
     onChange: newValue => {
       if (newValue === undefined) {
         newValue = null;
       }
-
       setValue(newValue);
-
       if (_onChange) {
         _onChange(newValue);
       }
@@ -87,11 +79,9 @@ var SelectSynced = (props, ref) => {
     disabled: disabled || !canSetValue
   }));
 };
-
-var ForwardedRefSelectSynced = React.forwardRef(SelectSynced);
+var ForwardedRefSelectSynced = /*#__PURE__*/React.forwardRef(SelectSynced);
 ForwardedRefSelectSynced.displayName = 'SelectSynced';
 ForwardedRefSelectSynced.propTypes = _objectSpread({
   globalConfigKey: _global_config_synced_component_helpers.default.globalConfigKeyPropType
 }, _select.sharedSelectPropTypes);
-var _default = ForwardedRefSelectSynced;
-exports.default = _default;
+var _default = exports.default = ForwardedRefSelectSynced;