@airtable/blocks 1.18.1 → 1.19.0

package/dist/cjs/ui/block_wrapper.js

@@ -1,141 +1,109 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+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 = 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _error_utils = require("../error_utils");
-
 var _ui = require("./ui");
-
 var _baymax_utils = require("./baymax_utils");
-
 var _modal = _interopRequireDefault(require("./modal"));
-
 var _loader = _interopRequireDefault(require("./loader"));
-
 var _with_hooks = _interopRequireDefault(require("./with_hooks"));
-
 var _use_watchable = _interopRequireDefault(require("./use_watchable"));
-
 var _sdk_context = require("./sdk_context");
-
-/** @hidden */
-
-/** */
-var BlockWrapper =
-/*#__PURE__*/
-function (_React$Component) {
-  (0, _inherits2.default)(BlockWrapper, _React$Component);
-
-  /** @internal */
-
+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 _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 */ /** */
+var BlockWrapper = /*#__PURE__*/function (_React$Component) {
   /** @hidden */
   function BlockWrapper(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, BlockWrapper);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(BlockWrapper).call(this, props)); // We watch globalAlert in constructor, instead of using createDataContainer,
+    _this = _callSuper(this, BlockWrapper, [props]);
+
+    // We watch globalAlert in constructor, instead of using createDataContainer,
     // because createDataContainer starts watching after the component is mounted.
     // If we used createDataContainer and some child component in its constructor or
     // componentDidMount called globalAlert.showReloadPrompt, this component
     // would not update.
     // TODO(kasra): maybe change createDataContainer to handle this case
     // without having to special case it.
-
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_minSizeBeforeRender", null);
-
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_minSizeBeforeRender", null);
     _ui.globalAlert.watch('__alertInfo', () => _this.forceUpdate());
-
     return _this;
   }
   /** @hidden */
-
-
-  (0, _createClass2.default)(BlockWrapper, [{
+  (0, _inherits2.default)(BlockWrapper, _React$Component);
+  return (0, _createClass2.default)(BlockWrapper, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       this._snapshotMinSizeBeforeRender();
     }
     /** @hidden */
-
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
       this._checkMinSizeConstraintUnchangedAfterRender();
     }
     /** @hidden */
-
   }, {
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate() {
       this._snapshotMinSizeBeforeRender();
     }
     /** @hidden */
-
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       this._checkMinSizeConstraintUnchangedAfterRender();
-    } // usually createDataContainer handles re-rendering when watchable values
+    }
+    // usually createDataContainer handles re-rendering when watchable values
     // change. As minSize can be changed by child components though, it can
     // change before createDataContainer has a chance to set up watches. To get
     // around this, we take a snapshot of the minSize before render and call
     // .forceUpdate() if its changed after render
-
     /** @internal */
-
   }, {
     key: "_snapshotMinSizeBeforeRender",
     value: function _snapshotMinSizeBeforeRender() {
       this._minSizeBeforeRender = this.props.sdk.viewport.minSize;
     }
     /** @internal */
-
   }, {
     key: "_checkMinSizeConstraintUnchangedAfterRender",
     value: function _checkMinSizeConstraintUnchangedAfterRender() {
       var prevMinSize = this._minSizeBeforeRender;
       (0, _error_utils.invariant)(prevMinSize, 'prevMinSize must be set');
       var currentMinSize = this.props.sdk.viewport.minSize;
-
       if (currentMinSize.width !== prevMinSize.width || currentMinSize.height !== prevMinSize.height) {
         this.forceUpdate();
       }
     }
     /** @hidden */
-
   }, {
     key: "render",
     value: function render() {
       var viewport = this.props.sdk.viewport;
       var globalAlertInfo = _ui.globalAlert.__alertInfo;
-
       if (globalAlertInfo) {
-        return React.createElement(_sdk_context.SdkContext.Provider, {
+        return /*#__PURE__*/React.createElement(_sdk_context.SdkContext.Provider, {
           value: this.props.sdk
-        }, React.createElement(_modal.default, {
+        }, /*#__PURE__*/React.createElement(_modal.default, {
           className: (0, _baymax_utils.baymax)('absolute all-0 flex items-center justify-center p2'),
           style: {
             animation: 'none',
@@ -146,36 +114,30 @@ function (_React$Component) {
           }
         }, globalAlertInfo.content));
       }
-
-      return React.createElement(_sdk_context.SdkContext.Provider, {
+      return /*#__PURE__*/React.createElement(_sdk_context.SdkContext.Provider, {
         value: this.props.sdk
-      }, React.createElement(React.Suspense, {
-        fallback: React.createElement("div", {
+      }, /*#__PURE__*/React.createElement(React.Suspense, {
+        fallback: /*#__PURE__*/React.createElement("div", {
           className: (0, _baymax_utils.baymax)('absolute all-0 flex items-center justify-center')
-        }, React.createElement(_loader.default, null))
-      }, React.createElement("div", {
+        }, /*#__PURE__*/React.createElement(_loader.default, null))
+      }, /*#__PURE__*/React.createElement("div", {
         className: viewport.isSmallerThanMinSize ? (0, _baymax_utils.baymax)('absolute all-0 overflow-hidden') : ''
-      }, this.props.children)), viewport.isSmallerThanMinSize && React.createElement("div", {
+      }, this.props.children)), viewport.isSmallerThanMinSize && /*#__PURE__*/React.createElement("div", {
         className: (0, _baymax_utils.baymax)('absolute all-0 flex items-center justify-center p2 white'),
         style: {
           zIndex: 2147483647 // largest 32-bit signed integer (maximum z-index)
-
         }
-      }, React.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: (0, _baymax_utils.baymax)('center line-height-4 quiet strong')
-      }, React.createElement("span", null, "Please make this extension bigger or "), React.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", null, "Please make this extension bigger or "), /*#__PURE__*/React.createElement("span", {
         className: (0, _baymax_utils.baymax)('pointer understroke link-unquiet'),
         onClick: () => viewport.enterFullscreenIfPossible()
       }, "fullscreen"))));
     }
   }]);
-  return BlockWrapper;
 }(React.Component);
-
-var _default = (0, _with_hooks.default)(BlockWrapper, (_ref) => {
+var _default = exports.default = (0, _with_hooks.default)(BlockWrapper, _ref => {
   var sdk = _ref.sdk;
   (0, _use_watchable.default)(sdk.viewport, ['size', 'minSize']);
   return {};
-});
-
-exports.default = _default;
+});

package/dist/cjs/ui/box.js

@@ -1,47 +1,44 @@
 "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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _emotion = require("emotion");
-
 var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
-
 var _index = require("./system/index");
-
 var _aria_props = require("./types/aria_props");
-
 var _tooltip_anchor_props = require("./types/tooltip_anchor_props");
-
 var _data_attributes_prop = require("./types/data_attributes_prop");
-
-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 = ["as", "id", "children", "className", "style", "tabIndex", "role", "onClick", "onMouseEnter", "onMouseLeave", "hasOnClick", "dataAttributes", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-live"];
+/** @module @airtable/blocks/ui: Box */
+/** */
+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 Box component. Also accepts:
+ * * {@link AllStylesProps}
+ * * {@link AriaProps}
+ *
+ * @docsPath UI/components/Box
+ * @noInheritDoc
+ */
 
 /**
  * A box component for creating layouts.
@@ -53,36 +50,37 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 var Box = (props, ref) => {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      id = props.id,
-      children = props.children,
-      className = props.className,
-      style = props.style,
-      tabIndex = props.tabIndex,
-      role = props.role,
-      onClick = props.onClick,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      hasOnClick = props.hasOnClick,
-      _props$dataAttributes = props.dataAttributes,
-      dataAttributes = _props$dataAttributes === void 0 ? {} : _props$dataAttributes,
-      ariaLabel = props['aria-label'],
-      ariaLabelledBy = props['aria-labelledby'],
-      ariaDescribedBy = props['aria-describedby'],
-      ariaControls = props['aria-controls'],
-      ariaExpanded = props['aria-expanded'],
-      ariaHasPopup = props['aria-haspopup'],
-      ariaHidden = props['aria-hidden'],
-      ariaLive = props['aria-live'],
-      styleProps = (0, _objectWithoutProperties2.default)(props, ["as", "id", "children", "className", "style", "tabIndex", "role", "onClick", "onMouseEnter", "onMouseLeave", "hasOnClick", "dataAttributes", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-live"]);
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    id = props.id,
+    children = props.children,
+    className = props.className,
+    style = props.style,
+    tabIndex = props.tabIndex,
+    role = props.role,
+    onClick = props.onClick,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    hasOnClick = props.hasOnClick,
+    _props$dataAttributes = props.dataAttributes,
+    dataAttributes = _props$dataAttributes === void 0 ? {} : _props$dataAttributes,
+    ariaLabel = props['aria-label'],
+    ariaLabelledBy = props['aria-labelledby'],
+    ariaDescribedBy = props['aria-describedby'],
+    ariaControls = props['aria-controls'],
+    ariaExpanded = props['aria-expanded'],
+    ariaHasPopup = props['aria-haspopup'],
+    ariaHidden = props['aria-hidden'],
+    ariaLive = props['aria-live'],
+    styleProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var classNameForStyleProps = (0, _use_styled_system.default)(styleProps);
-  return React.createElement(Component, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({
     ref: ref,
     id: id,
     className: (0, _emotion.cx)(classNameForStyleProps, className),
     style: style,
     tabIndex: tabIndex,
-    role: role // TODO (stephen): remove tooltip anchor props
+    role: role
+    // TODO (stephen): remove tooltip anchor props
     ,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
@@ -97,9 +95,8 @@ var Box = (props, ref) => {
     "aria-live": ariaLive
   }, dataAttributes), children);
 };
-
-var ForwardedRefBox = React.forwardRef(Box);
-ForwardedRefBox.propTypes = _objectSpread({
+var ForwardedRefBox = /*#__PURE__*/React.forwardRef(Box);
+ForwardedRefBox.propTypes = _objectSpread(_objectSpread(_objectSpread({
   as: _propTypes.default.oneOf(['div', 'span', 'section', 'main', 'nav', 'header', 'footer', 'aside', 'article', 'address', 'hgroup', 'blockquote', 'figure', 'figcaption', 'ol', 'ul', 'li', 'pre']),
   id: _propTypes.default.string,
   children: _propTypes.default.node,
@@ -108,7 +105,6 @@ ForwardedRefBox.propTypes = _objectSpread({
   tabIndex: _propTypes.default.number,
   role: _propTypes.default.string,
   dataAttributes: _data_attributes_prop.dataAttributesPropType
-}, _aria_props.ariaPropTypes, {}, _tooltip_anchor_props.tooltipAnchorPropTypes, {}, _index.allStylesPropTypes);
+}, _aria_props.ariaPropTypes), _tooltip_anchor_props.tooltipAnchorPropTypes), _index.allStylesPropTypes);
 ForwardedRefBox.displayName = 'Box';
-var _default = ForwardedRefBox;
-exports.default = _default;
+var _default = exports.default = ForwardedRefBox;

package/dist/cjs/ui/button.js

@@ -1,67 +1,58 @@
 "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 = exports.buttonStylePropTypes = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _emotion = require("emotion");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _core = require("@styled-system/core");
-
 var _private_utils = require("../private_utils");
-
 var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
-
 var _create_responsive_prop_type = _interopRequireDefault(require("./system/utils/create_responsive_prop_type"));
-
 var _system = require("./system");
-
 var _use_theme = _interopRequireDefault(require("./theme/use_theme"));
-
 var _control_sizes = require("./control_sizes");
-
 var _aria_props = require("./types/aria_props");
-
 var _tooltip_anchor_props = require("./types/tooltip_anchor_props");
-
 var _icon_config = require("./icon_config");
-
 var _icon = _interopRequireDefault(require("./icon"));
-
 var _css_helpers = _interopRequireDefault(require("./css_helpers"));
-
 var _box = _interopRequireDefault(require("./box"));
-
-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 = ["size", "variant", "icon", "id", "className", "style", "onMouseEnter", "onMouseLeave", "onClick", "hasOnClick", "type", "disabled", "tabIndex", "children", "aria-label", "aria-selected"];
+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: Button */ /** */
+/**
+ * Style props for the {@link Button} component. Also accepts:
+ * * {@link FlexItemSetProps}
+ * * {@link MarginProps}
+ * * {@link MaxWidthProps}
+ * * {@link MinWidthProps}
+ * * {@link PositionSetProps}
+ * * {@link WidthProps}
+ *
+ * @noInheritDoc
+ */
 
 var styleParser = (0, _core.compose)(_system.display, _system.maxWidth, _system.minWidth, _system.width, _system.flexItemSet, _system.positionSet, _system.margin);
-
-var buttonStylePropTypes = _objectSpread({
+var buttonStylePropTypes = exports.buttonStylePropTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
   display: (0, _create_responsive_prop_type.default)(_propTypes.default.oneOf(['inline-flex', 'flex', 'none']))
-}, _system.maxWidthPropTypes, {}, _system.minWidthPropTypes, {}, _system.widthPropTypes, {}, _system.flexItemSetPropTypes, {}, _system.positionSetPropTypes, {}, _system.marginPropTypes);
+}, _system.maxWidthPropTypes), _system.minWidthPropTypes), _system.widthPropTypes), _system.flexItemSetPropTypes), _system.positionSetPropTypes), _system.marginPropTypes);
+
 /**
  * Variants for the {@link Button} component:
  *
@@ -82,20 +73,17 @@ var buttonStylePropTypes = _objectSpread({
  * Red button that replaces primary buttons for dangerous or otherwise difficult-to-reverse actions like record deletion.
  */
 
-
-exports.buttonStylePropTypes = buttonStylePropTypes;
 var ButtonVariant = (0, _private_utils.createEnum)('default', 'primary', 'secondary', 'danger');
 var buttonVariantPropType = (0, _private_utils.createPropTypeFromEnum)(ButtonVariant);
-/** @internal */
 
+/** @internal */
 function useButtonVariant() {
   var variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ButtonVariant.default;
-
   var _useTheme = (0, _use_theme.default)(),
-      buttonVariants = _useTheme.buttonVariants;
-
+    buttonVariants = _useTheme.buttonVariants;
   return buttonVariants[variant];
 }
+
 /**
  * Props for the {@link Button} component. Also accepts:
  * * {@link AriaProps}
@@ -105,7 +93,6 @@ function useButtonVariant() {
  * @docsPath UI/components/Button
  */
 
-
 /**
  * Clickable button component.
  *
@@ -116,25 +103,25 @@ function useButtonVariant() {
  */
 var Button = (props, ref) => {
   var _props$size = props.size,
-      size = _props$size === void 0 ? _control_sizes.ControlSize.default : _props$size,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? ButtonVariant.default : _props$variant,
-      icon = props.icon,
-      id = props.id,
-      className = props.className,
-      style = props.style,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      onClick = props.onClick,
-      hasOnClick = props.hasOnClick,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'button' : _props$type,
-      disabled = props.disabled,
-      tabIndex = props.tabIndex,
-      children = props.children,
-      ariaLabel = props['aria-label'],
-      ariaSelected = props['aria-selected'],
-      styleProps = (0, _objectWithoutProperties2.default)(props, ["size", "variant", "icon", "id", "className", "style", "onMouseEnter", "onMouseLeave", "onClick", "hasOnClick", "type", "disabled", "tabIndex", "children", "aria-label", "aria-selected"]);
+    size = _props$size === void 0 ? _control_sizes.ControlSize.default : _props$size,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? ButtonVariant.default : _props$variant,
+    icon = props.icon,
+    id = props.id,
+    className = props.className,
+    style = props.style,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    onClick = props.onClick,
+    hasOnClick = props.hasOnClick,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'button' : _props$type,
+    disabled = props.disabled,
+    tabIndex = props.tabIndex,
+    children = props.children,
+    ariaLabel = props['aria-label'],
+    ariaSelected = props['aria-selected'],
+    styleProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var classNameForButtonSize = (0, _control_sizes.useButtonSize)(size);
   var classNameForButtonVariant = useButtonVariant(variant);
   var classNameForStyleProps = (0, _use_styled_system.default)(_objectSpread({
@@ -142,17 +129,16 @@ var Button = (props, ref) => {
   }, styleProps), styleParser);
   var hasIcon = icon !== undefined;
   var hasChildren = !!children;
-
   if (!hasChildren && !ariaLabel) {
     // eslint-disable-next-line no-console
     console.error('<Button> without a text label should include an explicit aria-label prop.');
   }
-
-  return React.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", {
     ref: ref,
     id: id,
     className: (0, _emotion.cx)(classNameForButtonVariant, classNameForButtonSize, classNameForStyleProps, className),
-    style: style // TODO (stephen): remove tooltip anchor props
+    style: style
+    // TODO (stephen): remove tooltip anchor props
     ,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
@@ -162,37 +148,34 @@ var Button = (props, ref) => {
     tabIndex: tabIndex,
     "aria-label": ariaLabel,
     "aria-selected": ariaSelected
-  }, typeof icon === 'string' ? React.createElement(_icon.default, {
+  }, typeof icon === 'string' ? /*#__PURE__*/React.createElement(_icon.default, {
     name: icon,
     size: "1em",
     fillColor: "currentColor",
     flex: "none"
-  }) : icon, hasChildren && React.createElement(_box.default, {
-    as: "span" // The margin is on the span, and not on the icon because it would mean that when using a custom icon
+  }) : icon, hasChildren && /*#__PURE__*/React.createElement(_box.default, {
+    as: "span"
+    // The margin is on the span, and not on the icon because it would mean that when using a custom icon
     // the consumer would manually need to figure out what the margin is supposed to be.
     ,
     marginLeft: hasIcon ? '0.5em' : undefined,
     className: _css_helpers.default.TRUNCATE
   }, children));
 };
-
-var ForwardedRefButton = React.forwardRef(Button);
-ForwardedRefButton.propTypes = _objectSpread({
+var ForwardedRefButton = /*#__PURE__*/React.forwardRef(Button);
+ForwardedRefButton.propTypes = _objectSpread(_objectSpread(_objectSpread({
   size: _control_sizes.controlSizePropType,
   variant: buttonVariantPropType,
   icon: _propTypes.default.oneOfType([_icon_config.iconNamePropType, _propTypes.default.element]),
   id: _propTypes.default.string,
   className: _propTypes.default.string,
   style: _propTypes.default.object,
-  // `onClick` is already defined in `tooltipAnchorPropTypes`, for clarity we list it again.
-  onClick: _propTypes.default.func,
   type: _propTypes.default.oneOf(['button', 'submit', 'reset']),
   disabled: _propTypes.default.bool,
   tabIndex: _propTypes.default.number,
   // TODO: This is optional in order to support buttons with only icons.
   // In the future, if we add IconButton or similar, it can be made non-optional.
   children: _propTypes.default.node
-}, buttonStylePropTypes, {}, _tooltip_anchor_props.tooltipAnchorPropTypes, {}, _aria_props.ariaPropTypes);
+}, buttonStylePropTypes), _tooltip_anchor_props.tooltipAnchorPropTypes), _aria_props.ariaPropTypes);
 ForwardedRefButton.displayName = 'Button';
-var _default = ForwardedRefButton;
-exports.default = _default;
+var _default = exports.default = ForwardedRefButton;