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

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

@@ -1,20 +1,9 @@
 "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 = 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 React = _interopRequireWildcard(require("react"));
 var _error_utils = require("../../shared/error_utils");
 var _with_hooks = _interopRequireDefault(require("../../shared/ui/with_hooks"));
@@ -24,16 +13,17 @@ var _baymax_utils = require("./baymax_utils");
 var _modal = _interopRequireDefault(require("./modal"));
 var _loader = _interopRequireDefault(require("./loader"));
 var _ui = require("./ui");
-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 */ /** */
-var BlockWrapper = /*#__PURE__*/function (_React$Component) {
+/** @hidden */ /** */
+
+class BlockWrapper extends React.Component {
+  /** @internal */
+  _minSizeBeforeRender = null;
   /** @hidden */
-  function BlockWrapper(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, BlockWrapper);
-    _this = _callSuper(this, BlockWrapper, [props]);
+  constructor(props) {
+    super(props);
 
     // We watch globalAlert in constructor, instead of using createDataContainer,
     // because createDataContainer starts watching after the component is mounted.
@@ -42,102 +32,87 @@ var BlockWrapper = /*#__PURE__*/function (_React$Component) {
     // would not update.
     // TODO(kasra): maybe change createDataContainer to handle this case
     // without having to special case it.
-    /** @internal */
-    (0, _defineProperty2.default)(_this, "_minSizeBeforeRender", null);
-    _ui.globalAlert.watch('__alertInfo', () => _this.forceUpdate());
-    return _this;
+    _ui.globalAlert.watch('__alertInfo', () => this.forceUpdate());
   }
   /** @hidden */
-  (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
-    // 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();
-      }
+  UNSAFE_componentWillMount() {
+    this._snapshotMinSizeBeforeRender();
+  }
+  /** @hidden */
+  componentDidMount() {
+    this._checkMinSizeConstraintUnchangedAfterRender();
+  }
+  /** @hidden */
+  UNSAFE_componentWillUpdate() {
+    this._snapshotMinSizeBeforeRender();
+  }
+  /** @hidden */
+  componentDidUpdate() {
+    this._checkMinSizeConstraintUnchangedAfterRender();
+  }
+  // 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 */
+  _snapshotMinSizeBeforeRender() {
+    this._minSizeBeforeRender = this.props.sdk.viewport.minSize;
+  }
+  /** @internal */
+  _checkMinSizeConstraintUnchangedAfterRender() {
+    const prevMinSize = this._minSizeBeforeRender;
+    (0, _error_utils.invariant)(prevMinSize, 'prevMinSize must be set');
+    const 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 /*#__PURE__*/React.createElement(_sdk_context.SdkContext.Provider, {
-          value: this.props.sdk
-        }, /*#__PURE__*/React.createElement(_modal.default, {
-          className: (0, _baymax_utils.baymax)('absolute all-0 flex items-center justify-center p2'),
-          style: {
-            animation: 'none',
-            maxWidth: undefined,
-            maxHeight: undefined,
-            borderRadius: 0,
-            boxShadow: 'none'
-          }
-        }, globalAlertInfo.content));
-      }
+  }
+  /** @hidden */
+  render() {
+    const {
+      viewport
+    } = this.props.sdk;
+    const globalAlertInfo = _ui.globalAlert.__alertInfo;
+    if (globalAlertInfo) {
       return /*#__PURE__*/React.createElement(_sdk_context.SdkContext.Provider, {
         value: this.props.sdk
-      }, /*#__PURE__*/React.createElement(React.Suspense, {
-        fallback: /*#__PURE__*/React.createElement("div", {
-          className: (0, _baymax_utils.baymax)('absolute all-0 flex items-center justify-center')
-        }, /*#__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 && /*#__PURE__*/React.createElement("div", {
-        className: (0, _baymax_utils.baymax)('absolute all-0 flex items-center justify-center p2 white'),
+      }, /*#__PURE__*/React.createElement(_modal.default, {
+        className: (0, _baymax_utils.baymax)('absolute all-0 flex items-center justify-center p2'),
         style: {
-          zIndex: 2147483647 // largest 32-bit signed integer (maximum z-index)
+          animation: 'none',
+          maxWidth: undefined,
+          maxHeight: undefined,
+          borderRadius: 0,
+          boxShadow: 'none'
         }
-      }, /*#__PURE__*/React.createElement("span", {
-        className: (0, _baymax_utils.baymax)('center line-height-4 quiet strong')
-      }, /*#__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"))));
+      }, globalAlertInfo.content));
     }
-  }]);
-}(React.Component);
+    return /*#__PURE__*/React.createElement(_sdk_context.SdkContext.Provider, {
+      value: this.props.sdk
+    }, /*#__PURE__*/React.createElement(React.Suspense, {
+      fallback: /*#__PURE__*/React.createElement("div", {
+        className: (0, _baymax_utils.baymax)('absolute all-0 flex items-center justify-center')
+      }, /*#__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 && /*#__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)
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: (0, _baymax_utils.baymax)('center line-height-4 quiet strong')
+    }, /*#__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"))));
+  }
+}
 var _default = exports.default = (0, _with_hooks.default)(BlockWrapper, _ref => {
-  var sdk = _ref.sdk;
+  let {
+    sdk
+  } = _ref;
   (0, _use_watchable.default)(sdk.viewport, ['size', 'minSize']);
   return {};
 });

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

@@ -1,36 +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 _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");
-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 _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: Box */ /** */
 /**
  * Props for the Box component. Also accepts:
  * * {@link AllStylesProps}
@@ -48,32 +28,36 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @component
  * @docsPath UI/components/Box
  */
-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, _excluded);
-  var classNameForStyleProps = (0, _use_styled_system.default)(styleProps);
-  return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({
+const Box = (props, ref) => {
+  const {
+    as: Component = 'div',
+    id,
+    children,
+    className,
+    style,
+    tabIndex,
+    role,
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    // This hasOnClick prop is set by the Tooltip wrapper. Destructure it here just to get it out of `props`.
+    // See 7a80fefd0a0bc871c31e0c063662c6100b0ca77d
+    // TODO(stephen): clean this up.
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    hasOnClick,
+    dataAttributes = {},
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledBy,
+    'aria-describedby': ariaDescribedBy,
+    'aria-controls': ariaControls,
+    'aria-expanded': ariaExpanded,
+    'aria-haspopup': ariaHasPopup,
+    'aria-hidden': ariaHidden,
+    'aria-live': ariaLive,
+    ...styleProps
+  } = props;
+  const classNameForStyleProps = (0, _use_styled_system.default)(styleProps);
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
     id: id,
     className: (0, _emotion.cx)(classNameForStyleProps, className),
@@ -95,16 +79,6 @@ var Box = (props, ref) => {
     "aria-live": ariaLive
   }, dataAttributes), children);
 };
-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,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  tabIndex: _propTypes.default.number,
-  role: _propTypes.default.string,
-  dataAttributes: _data_attributes_prop.dataAttributesPropType
-}, _aria_props.ariaPropTypes), _tooltip_anchor_props.tooltipAnchorPropTypes), _index.allStylesPropTypes);
+const ForwardedRefBox = /*#__PURE__*/React.forwardRef(Box);
 ForwardedRefBox.displayName = 'Box';
 var _default = exports.default = ForwardedRefBox;

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

@@ -1,42 +1,25 @@
 "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 = 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"));
+exports.default = void 0;
 var _emotion = require("emotion");
 var React = _interopRequireWildcard(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 _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"));
-var _enum_prop_type_utils = require("./system/utils/enum_prop_type_utils");
-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 _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; } /** @module @airtable/blocks/ui: Button */ /** */
+/** @module @airtable/blocks/ui: Button */ /** */
+
 /**
  * Style props for the {@link Button} component. Also accepts:
  * * {@link FlexItemSetProps}
@@ -49,10 +32,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @noInheritDoc
  */
 
-var styleParser = (0, _core.compose)(_system.display, _system.maxWidth, _system.minWidth, _system.width, _system.flexItemSet, _system.positionSet, _system.margin);
-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);
+const styleParser = (0, _core.compose)(_system.display, _system.maxWidth, _system.minWidth, _system.width, _system.flexItemSet, _system.positionSet, _system.margin);
 
 /**
  * Variants for the {@link Button} component:
@@ -74,14 +54,14 @@ var buttonStylePropTypes = exports.buttonStylePropTypes = _objectSpread(_objectS
  * Red button that replaces primary buttons for dangerous or otherwise difficult-to-reverse actions like record deletion.
  */
 
-var ButtonVariant = (0, _private_utils.createEnum)('default', 'primary', 'secondary', 'danger');
-var buttonVariantPropType = (0, _enum_prop_type_utils.createPropTypeFromEnum)(ButtonVariant);
+const ButtonVariant = (0, _private_utils.createEnum)('default', 'primary', 'secondary', 'danger');
 
 /** @internal */
 function useButtonVariant() {
-  var variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ButtonVariant.default;
-  var _useTheme = (0, _use_theme.default)(),
-    buttonVariants = _useTheme.buttonVariants;
+  let variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ButtonVariant.default;
+  const {
+    buttonVariants
+  } = (0, _use_theme.default)();
   return buttonVariants[variant];
 }
 
@@ -102,34 +82,38 @@ function useButtonVariant() {
  * @component
  * @docsPath UI/components/Button
  */
-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, _excluded);
-  var classNameForButtonSize = (0, _control_sizes.useButtonSize)(size);
-  var classNameForButtonVariant = useButtonVariant(variant);
-  var classNameForStyleProps = (0, _use_styled_system.default)(_objectSpread({
-    display: 'inline-flex'
-  }, styleProps), styleParser);
-  var hasIcon = icon !== undefined;
-  var hasChildren = !!children;
+const Button = (props, ref) => {
+  const {
+    size = _control_sizes.ControlSize.default,
+    variant = ButtonVariant.default,
+    icon,
+    id,
+    className,
+    style,
+    onMouseEnter,
+    onMouseLeave,
+    onClick,
+    // This hasOnClick prop is set by the Tooltip wrapper. Destructure it here just to get it out of `props`.
+    // See 7a80fefd0a0bc871c31e0c063662c6100b0ca77d
+    // TODO(stephen): clean this up.
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    hasOnClick,
+    type = 'button',
+    disabled,
+    tabIndex,
+    children,
+    'aria-label': ariaLabel,
+    'aria-selected': ariaSelected,
+    ...styleProps
+  } = props;
+  const classNameForButtonSize = (0, _control_sizes.useButtonSize)(size);
+  const classNameForButtonVariant = useButtonVariant(variant);
+  const classNameForStyleProps = (0, _use_styled_system.default)({
+    display: 'inline-flex',
+    ...styleProps
+  }, styleParser);
+  const hasIcon = icon !== undefined;
+  const 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.');
@@ -163,20 +147,6 @@ var Button = (props, ref) => {
     className: _css_helpers.default.TRUNCATE
   }, children));
 };
-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,
-  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);
+const ForwardedRefButton = /*#__PURE__*/React.forwardRef(Button);
 ForwardedRefButton.displayName = 'Button';
 var _default = exports.default = ForwardedRefButton;