@airtable/blocks 1.18.1 → 1.19.0

package/dist/cjs/ui/view_picker_synced.js

@@ -1,45 +1,42 @@
 "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 _view_picker = _interopRequireWildcard(require("./view_picker"));
-
 var _global_config_synced_component_helpers = _interopRequireDefault(require("./global_config_synced_component_helpers"));
-
 var _use_synced = _interopRequireDefault(require("./use_synced"));
-
 var _use_watchable = _interopRequireDefault(require("./use_watchable"));
-
 var _sdk_context = require("./sdk_context");
-
-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", "table", "onChange", "disabled"];
+/** @module @airtable/blocks/ui: ViewPicker */
+/** */
+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 ViewPickerSynced} component. Also accepts:
+ * * {@link SelectStyleProps}
+ *
+ * @docsPath UI/components/ViewPickerSynced
+ * @groupPath UI/components/ViewPicker
+ */
 
 /**
  * A wrapper around the {@link ViewPicker} component that syncs with {@link GlobalConfig}.
@@ -52,36 +49,30 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 var ViewPickerSynced = (props, ref) => {
   var globalConfigKey = props.globalConfigKey,
-      table = props.table,
-      _onChange = props.onChange,
-      disabled = props.disabled,
-      restOfProps = (0, _objectWithoutProperties2.default)(props, ["globalConfigKey", "table", "onChange", "disabled"]);
-
+    table = props.table,
+    _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),
-      viewId = _useSynced2[0],
-      setViewId = _useSynced2[1],
-      canSetViewId = _useSynced2[2];
-
+    _useSynced2 = (0, _slicedToArray2.default)(_useSynced, 3),
+    viewId = _useSynced2[0],
+    setViewId = _useSynced2[1],
+    canSetViewId = _useSynced2[2];
   var sdk = (0, _sdk_context.useSdk)();
   (0, _use_watchable.default)(sdk.base, ['tables']);
   (0, _use_watchable.default)(table, ['views']);
-
   function _getViewFromGlobalConfigValue() {
     if (!table || table.isDeleted) {
       return null;
     }
-
     return typeof viewId === 'string' && table ? table.getViewByIdIfExists(viewId) : null;
   }
-
-  return React.createElement(_view_picker.default, (0, _extends2.default)({}, restOfProps, {
+  return /*#__PURE__*/React.createElement(_view_picker.default, (0, _extends2.default)({}, restOfProps, {
     ref: ref,
     table: table,
     view: _getViewFromGlobalConfigValue(),
     onChange: view => {
       setViewId(view ? view.id : null);
-
       if (_onChange) {
         _onChange(view);
       }
@@ -89,11 +80,9 @@ var ViewPickerSynced = (props, ref) => {
     disabled: disabled || !canSetViewId
   }));
 };
-
-var ForwardedRefViewPickerSynced = React.forwardRef(ViewPickerSynced);
+var ForwardedRefViewPickerSynced = /*#__PURE__*/React.forwardRef(ViewPickerSynced);
 ForwardedRefViewPickerSynced.displayName = 'ViewPickerSynced';
 ForwardedRefViewPickerSynced.propTypes = _objectSpread({
   globalConfigKey: _global_config_synced_component_helpers.default.globalConfigKeyPropType
 }, _view_picker.sharedViewPickerPropTypes);
-var _default = ForwardedRefViewPickerSynced;
-exports.default = _default;
+var _default = exports.default = ForwardedRefViewPickerSynced;

package/dist/cjs/ui/viewport_constraint.js

@@ -1,47 +1,41 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.weak-map.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-require("core-js/modules/es.array.iterator");
-
-require("core-js/modules/web.dom-collections.iterator");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _sdk_context = require("./sdk_context");
-
 var _with_hooks = _interopRequireDefault(require("./with_hooks"));
+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; })(); } /**
+ * @module @airtable/blocks/ui: ViewportConstraint
+ * @docsPath UI/components/ViewportConstraint
+ */ /** */
+/** An object specifying a width and/or height for the block's viewport. */
 
 /**
- * @module @airtable/blocks/ui: ViewportConstraint
+ * Props for the {@link ViewportConstraint} component.
+ *
  * @docsPath UI/components/ViewportConstraint
  */
 
-/** */
 var didSizeChange = (prev, next) => (prev && prev.width) !== (next && next.width) || (prev && prev.height) !== (next && next.height);
+
 /**
  * When mounted, this wrapper component applies size constraints to the {@link Viewport}.
  * Like {@link addMinSize}, this will fullscreen the extension if necessary and possible when
@@ -63,125 +57,107 @@ var didSizeChange = (prev, next) => (prev && prev.width) !== (next && next.width
  * @docsPath UI/components/ViewportConstraint
  * @component
  */
-
-
-var ViewportConstraint =
-/*#__PURE__*/
-function (_React$Component) {
-  (0, _inherits2.default)(ViewportConstraint, _React$Component);
-
+var ViewportConstraint = /*#__PURE__*/function (_React$Component) {
   function ViewportConstraint() {
     var _this;
-
     (0, _classCallCheck2.default)(this, ViewportConstraint);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(ViewportConstraint).call(this, ...args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_removeMinSizeConstraintFn", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_removeMaxFullscreenSizeConstrainFn", null);
+    _this = _callSuper(this, ViewportConstraint, [...args]);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_removeMinSizeConstraintFn", null);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_removeMaxFullscreenSizeConstrainFn", null);
     return _this;
   }
-
-  (0, _createClass2.default)(ViewportConstraint, [{
+  (0, _inherits2.default)(ViewportConstraint, _React$Component);
+  return (0, _createClass2.default)(ViewportConstraint, [{
     key: "componentDidMount",
-
-    /** @hidden */
-    value: function componentDidMount() {
+    value: /** @hidden */
+    function componentDidMount() {
       this._setMinSizeConstraint();
-
       this._setMaxFullscreenSizeConstraint();
     }
-    /** @hidden */
 
+    /** @hidden */
   }, {
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(nextProps) {
       return this.props.children !== nextProps.children || didSizeChange(this.props.minSize, nextProps.minSize) || didSizeChange(this.props.maxFullscreenSize, nextProps.maxFullscreenSize);
     }
-    /** @hidden */
 
+    /** @hidden */
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (didSizeChange(prevProps.minSize, this.props.minSize)) {
         this._setMinSizeConstraint();
       }
-
       if (didSizeChange(prevProps.maxFullscreenSize, this.props.maxFullscreenSize)) {
         this._setMaxFullscreenSizeConstraint();
       }
     }
-    /** @hidden */
 
+    /** @hidden */
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this._removeMinSizeConstraint();
-
       this._removeMaxFullscreenSizeConstraint();
     }
-    /** @internal */
 
+    /** @internal */
   }, {
     key: "_removeMinSizeConstraint",
     value: function _removeMinSizeConstraint() {
       if (this._removeMinSizeConstraintFn) {
         this._removeMinSizeConstraintFn();
-
         this._removeMinSizeConstraintFn = null;
       }
     }
-    /** @internal */
 
+    /** @internal */
   }, {
     key: "_removeMaxFullscreenSizeConstraint",
     value: function _removeMaxFullscreenSizeConstraint() {
       if (this._removeMaxFullscreenSizeConstrainFn) {
         this._removeMaxFullscreenSizeConstrainFn();
-
         this._removeMaxFullscreenSizeConstrainFn = null;
       }
     }
-    /** @internal */
 
+    /** @internal */
   }, {
     key: "_setMinSizeConstraint",
     value: function _setMinSizeConstraint() {
       this._removeMinSizeConstraint();
-
       var minSize = this.props.minSize;
-
       if (minSize) {
         this._removeMinSizeConstraintFn = this.props.sdk.viewport.addMinSize(minSize);
       }
     }
-    /** @internal */
 
+    /** @internal */
   }, {
     key: "_setMaxFullscreenSizeConstraint",
     value: function _setMaxFullscreenSizeConstraint() {
       this._removeMaxFullscreenSizeConstraint();
-
       var maxFullscreenSize = this.props.maxFullscreenSize;
-
       if (maxFullscreenSize) {
         this._removeMaxFullscreenSizeConstrainFn = this.props.sdk.viewport.addMaxFullscreenSize(maxFullscreenSize);
       }
     }
-    /** @hidden */
 
+    /** @hidden */
   }, {
     key: "render",
     value: function render() {
-      return React.createElement(React.Fragment, null, this.props.children);
+      return /*#__PURE__*/React.createElement(React.Fragment, null, this.props.children);
     }
   }]);
-  return ViewportConstraint;
 }(React.Component);
-
+/** @hidden */
 (0, _defineProperty2.default)(ViewportConstraint, "propTypes", {
   minSize: _propTypes.default.shape({
     width: _propTypes.default.number,
@@ -193,11 +169,8 @@ function (_React$Component) {
   }),
   children: _propTypes.default.node
 });
-
-var _default = (0, _with_hooks.default)(ViewportConstraint, props => {
+var _default = exports.default = (0, _with_hooks.default)(ViewportConstraint, props => {
   return {
     sdk: (0, _sdk_context.useSdk)()
   };
-});
-
-exports.default = _default;
+});

package/dist/cjs/ui/with_hooks.js

@@ -1,23 +1,20 @@
 "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 = withHooks;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _error_utils = require("../error_utils");
-
-/** @module @airtable/blocks/ui: withHooks */
-
-/** */
+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; }
+/** @module @airtable/blocks/ui: withHooks */ /** */
 
 /**
  * @hidden
@@ -112,44 +109,42 @@ function withHooks(Component, getAdditionalPropsToInject) {
   if (!getAdditionalPropsToInject) {
     throw (0, _error_utils.spawnError)('withHooks: getAdditionalPropsToInject is required');
   }
-
-  return React.forwardRef((props, forwardedRef) => {
+  return /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
     var propsToInject = getAdditionalPropsToInject(props);
-
     if (propsToInject === null || typeof propsToInject !== 'object') {
       throw (0, _error_utils.spawnError)('withHooks: getAdditionalPropsToInject must return an object');
-    } // getAdditionalPropsToInject may return a ref. We want to make sure this ref gets populated
-    // with the component instance, so we need to pass it down to the component we're wrapping.
+    }
 
+    // getAdditionalPropsToInject may return a ref. We want to make sure this ref gets populated
+    // with the component instance, so we need to pass it down to the component we're wrapping.
+    var injectedRef = propsToInject.ref;
 
-    var injectedRef = propsToInject.ref; // we might have a second ref passed in from the parent though - a consumer trying to use
+    // we might have a second ref passed in from the parent though - a consumer trying to use
     // the wrapped component who also wants a reference to the component instance. in order to
     // support both these use-cases, we need to set both refs. to do this, we create a function
     // ref that sets both the injectedRef and forwardedRef. Each ref can be either a function
     // ref or object ref, so we handle both these cases.
-
     var mergedRef = React.useMemo(() => {
       if (!injectedRef && !forwardedRef) {
         return undefined;
       }
-
       return instance => {
         if (injectedRef && typeof injectedRef === 'object') {
           injectedRef.current = instance;
         } else if (typeof injectedRef === 'function') {
           injectedRef(instance);
         }
-
         if (forwardedRef && typeof forwardedRef === 'object') {
           forwardedRef.current = instance;
         } else if (typeof forwardedRef === 'function') {
           forwardedRef(instance);
         }
       };
-    }, [injectedRef, forwardedRef]); // It's important that the ref prop comes at the end, so it overrides
-    // any 'ref's in props or propsToInject.
+    }, [injectedRef, forwardedRef]);
 
-    return React.createElement(Component, (0, _extends2.default)({}, props, propsToInject, {
+    // It's important that the ref prop comes at the end, so it overrides
+    // any 'ref's in props or propsToInject.
+    return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, props, propsToInject, {
       ref: mergedRef
     }));
   });

package/dist/cjs/ui/with_styled_system.js

@@ -1,51 +1,39 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.symbol.description");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.array.iterator");
-
-require("core-js/modules/es.object.get-own-property-descriptors");
-
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.set");
-
-require("core-js/modules/web.dom-collections.for-each");
-
-require("core-js/modules/web.dom-collections.iterator");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = withStyledSystem;
 exports.splitStyleProps = splitStyleProps;
-
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _emotion = require("emotion");
-
 var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
-
 var _private_utils = require("../private_utils");
-
 var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
-
-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; }
-
+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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return 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; }
 /**
  * @internal
  * A higher-order component for working with the `useStyledSystem` hook in class-based components.
@@ -118,24 +106,24 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * ```
  */
 function withStyledSystem(Component, styleParser, stylePropTypes, defaultStyleProps) {
-  var WithStyledSystem = React.forwardRef((props, ref) => {
+  var WithStyledSystem = /*#__PURE__*/React.forwardRef((props, ref) => {
     var _splitStyleProps = splitStyleProps(props, styleParser.propNames, defaultStyleProps),
-        styleProps = _splitStyleProps.styleProps,
-        nonStyleProps = _splitStyleProps.nonStyleProps;
-
+      styleProps = _splitStyleProps.styleProps,
+      nonStyleProps = _splitStyleProps.nonStyleProps;
     var classNameForStyleProps = (0, _use_styled_system.default)((0, _private_utils.cast)(styleProps), styleParser);
-    return React.createElement(Component, (0, _extends2.default)({
+    return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({
       ref: ref
     }, nonStyleProps, {
       className: (0, _emotion.cx)(classNameForStyleProps, nonStyleProps.className)
     }));
   });
-  WithStyledSystem.propTypes = _objectSpread({}, Component.propTypes, {}, stylePropTypes);
+  WithStyledSystem.propTypes = _objectSpread(_objectSpread({}, Component.propTypes), stylePropTypes);
   var componentName = Component.displayName || Component.name || 'Component';
   WithStyledSystem.displayName = "WithStyledSystem(".concat(componentName, ")");
   (0, _hoistNonReactStatics.default)(WithStyledSystem, Component);
   return WithStyledSystem;
 }
+
 /**
  * @internal
  * A helper method to split props into style props (for use with styled system) and
@@ -148,22 +136,17 @@ function withStyledSystem(Component, styleParser, stylePropTypes, defaultStylePr
  * @param stylePropNames The list of allowed style prop names.
  * @param defaultStyleProps Default values for style props.
  */
-
-
 function splitStyleProps(props) {
   var stylePropNames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var defaultStyleProps = arguments.length > 2 ? arguments[2] : undefined;
   var stylePropNamesSet = new Set(stylePropNames);
-  var styleProps = _objectSpread({}, defaultStyleProps) || {};
+  var styleProps = _objectSpread({}, defaultStyleProps);
   var nonStyleProps = {};
-  var _iteratorNormalCompletion = true;
-  var _didIteratorError = false;
-  var _iteratorError = undefined;
-
+  var _iterator = _createForOfIteratorHelper((0, _private_utils.keys)(props)),
+    _step;
   try {
-    for (var _iterator = (0, _private_utils.keys)(props)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var propName = _step.value;
-
       if (stylePropNamesSet.has(propName)) {
         styleProps[propName] = props[propName];
       } else {
@@ -171,20 +154,10 @@ function splitStyleProps(props) {
       }
     }
   } catch (err) {
-    _didIteratorError = true;
-    _iteratorError = err;
+    _iterator.e(err);
   } finally {
-    try {
-      if (!_iteratorNormalCompletion && _iterator.return != null) {
-        _iterator.return();
-      }
-    } finally {
-      if (_didIteratorError) {
-        throw _iteratorError;
-      }
-    }
+    _iterator.f();
   }
-
   return {
     styleProps,
     nonStyleProps