@airtable/blocks 1.18.0 → 1.18.2

package/dist/cjs/ui/modal.js

@@ -1,142 +1,124 @@
 "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.Modal = exports.modalStylePropTypes = void 0;
-
+exports.modalStylePropTypes = exports.default = exports.Modal = 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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _emotion = require("emotion");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _core = require("@styled-system/core");
-
 var _error_utils = require("../error_utils");
-
 var _baymax_utils = require("./baymax_utils");
-
 var _with_styled_system = _interopRequireDefault(require("./with_styled_system"));
-
 var _system = require("./system");
+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; })(); }
+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; } /** @hidden */ /** */
+/**
+ * Props for the {@link Modal} component. Also accepts:
+ * * {@link ModalStyleProps}
+ *
+ * @hidden
+ */
+// This doesn't actually extend ModalStyleProps since withStyledSystem
+// expects non-style props and style props as separate generic type variables.
 
-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; }
+/**
+ * Style props shared between the {@link Modal}, {@link Dialog}, and {@link ConfirmationDialog} components. Also accepts:
+ * * {@link DimensionsSetProps}
+ * * {@link FlexContainerSetProps}
+ * * {@link SpacingSetProps}
+ *
+ * @hidden
+ * @noInheritDoc
+ */
 
 var styleParser = (0, _core.compose)(_system.dimensionsSet, _system.display, _system.flexContainerSet, _system.spacingSet);
+var modalStylePropTypes = exports.modalStylePropTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _system.dimensionsSetPropTypes), _system.displayPropTypes), _system.flexContainerSetPropTypes), _system.spacingSetPropTypes);
 
-var modalStylePropTypes = _objectSpread({}, _system.dimensionsSetPropTypes, {}, _system.displayPropTypes, {}, _system.flexContainerSetPropTypes, {}, _system.spacingSetPropTypes);
 /**
  * Generic modal component with minimal styling.
  *
  * @hidden
  */
 // TODO (stephen): refactor so Modal only includes the background element and renders the dialog via children
-
-
-exports.modalStylePropTypes = modalStylePropTypes;
-
-var Modal =
-/*#__PURE__*/
-function (_React$Component) {
-  (0, _inherits2.default)(Modal, _React$Component);
-
-  /** @hidden */
-
-  /** @internal */
-
-  /** @internal */
-
-  /** @internal */
-
-  /** @internal */
-
+var Modal = exports.Modal = /*#__PURE__*/function (_React$Component) {
   /** @hidden */
   function Modal(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, Modal);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Modal).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_background", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_container", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_originalActiveElement", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_mouseDownOutsideModal", void 0);
+    _this = _callSuper(this, Modal, [props]);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_background", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_container", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_originalActiveElement", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_mouseDownOutsideModal", void 0);
     _this._background = null;
     _this._container = document.createElement('div');
     _this._originalActiveElement = null;
     _this._mouseDownOutsideModal = false;
-    _this._onMouseDown = _this._onMouseDown.bind((0, _assertThisInitialized2.default)(_this));
-    _this._onMouseUp = _this._onMouseUp.bind((0, _assertThisInitialized2.default)(_this));
+    _this._onMouseDown = _this._onMouseDown.bind(_this);
+    _this._onMouseUp = _this._onMouseUp.bind(_this);
     return _this;
   }
   /** @hidden */
-
-
-  (0, _createClass2.default)(Modal, [{
+  (0, _inherits2.default)(Modal, _React$Component);
+  return (0, _createClass2.default)(Modal, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var container = this._container;
       container.setAttribute('tabIndex', '0');
-      container.style.zIndex = '99999'; // If we don't set `position: fixed`, the outline and box-shadow
+      container.style.zIndex = '99999';
+      // If we don't set `position: fixed`, the outline and box-shadow
       // of elements that are in theory underneath this element will cover
       // up the modal.
-
       container.style.position = 'fixed';
       (0, _error_utils.invariant)(document.body, 'no document body');
-      document.body.appendChild(container); // If the frame is focused, move focus to the modal's container.
+      document.body.appendChild(container);
+
+      // If the frame is focused, move focus to the modal's container.
       // Next time the user presses tab, it will focus the first focusable element in the modal.
       // We only do this if the document is focused to avoid the frame becoming
       // programmatically focused if a modal is displayed without user interaction.
-
       if (document.hasFocus()) {
         this._originalActiveElement = document.activeElement;
         container.focus();
       }
     }
     /** @hidden */
-
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       (0, _error_utils.invariant)(document.body, 'no document body');
       document.body.removeChild(this._container);
-
       if (this._originalActiveElement !== null) {
         this._originalActiveElement.focus();
       }
     }
     /** @internal */
-
   }, {
     key: "_onMouseDown",
     value: function _onMouseDown(e) {
@@ -145,50 +127,44 @@ function (_React$Component) {
       }
     }
     /** @internal */
-
   }, {
     key: "_onMouseUp",
     value: function _onMouseUp(e) {
       if (this._mouseDownOutsideModal && this.props.onClose && this._shouldClickingOnElementCloseModal(e.target)) {
         this.props.onClose();
       }
-
       this._mouseDownOutsideModal = false;
     }
     /** @internal */
-
   }, {
     key: "_shouldClickingOnElementCloseModal",
     value: function _shouldClickingOnElementCloseModal(el) {
       return el === this._background;
     }
     /** @hidden */
-
   }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          className = _this$props.className,
-          style = _this$props.style,
-          backgroundClassName = _this$props.backgroundClassName,
-          backgroundStyle = _this$props.backgroundStyle,
-          children = _this$props.children;
-      return _reactDom.default.createPortal(React.createElement("div", {
+        className = _this$props.className,
+        style = _this$props.style,
+        backgroundClassName = _this$props.backgroundClassName,
+        backgroundStyle = _this$props.backgroundStyle,
+        children = _this$props.children;
+      return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/React.createElement("div", {
         ref: el => this._background = el,
         className: (0, _emotion.cx)((0, _baymax_utils.baymax)('fixed all-0 darken3 flex items-center justify-center'), backgroundClassName),
         style: backgroundStyle,
         onMouseDown: this._onMouseDown,
         onMouseUp: this._onMouseUp
-      }, React.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: (0, _emotion.cx)((0, _baymax_utils.baymax)('relative overflow-auto light-scrollbar white stroked1 rounded-big animate-bounce-in'), className),
         style: style
       }, children)), this._container);
     }
   }]);
-  return Modal;
 }(React.Component);
-
-exports.Modal = Modal;
+/** @hidden */
 (0, _defineProperty2.default)(Modal, "propTypes", {
   onClose: _propTypes.default.func,
   className: _propTypes.default.string,
@@ -196,8 +172,8 @@ exports.Modal = Modal;
   backgroundClassName: _propTypes.default.string,
   backgroundStyle: _propTypes.default.object
 });
-
-var _default = (0, _with_styled_system.default)(Modal, styleParser, modalStylePropTypes, // TODO (stephen): move these to Dialog
+var _default = exports.default = (0, _with_styled_system.default)(Modal, styleParser, modalStylePropTypes,
+// TODO (stephen): move these to Dialog
 {
   display: 'block',
   width: '100%',
@@ -205,6 +181,4 @@ var _default = (0, _with_styled_system.default)(Modal, styleParser, modalStylePr
   maxHeight: '100vh',
   margin: 3,
   padding: 3
-});
-
-exports.default = _default;
+});

package/dist/cjs/ui/model_picker_select.js

@@ -1,72 +1,56 @@
 "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.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");
 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.array.iterator");
-
-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");
-
-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/es.array.map.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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _error_utils = require("../error_utils");
-
 var _table = _interopRequireDefault(require("../models/table"));
-
 var _view = _interopRequireDefault(require("../models/view"));
-
 var _field = _interopRequireDefault(require("../models/field"));
-
 var _select = _interopRequireWildcard(require("./select"));
-
 var _use_watchable = _interopRequireDefault(require("./use_watchable"));
-
-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 = ["models", "modelKeysToWatch", "selectedModelId", "shouldAllowPickingNone", "shouldAllowPickingModelFn", "placeholder", "onChange"];
+/** @hidden */
+/** */
+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; }
+// Private component used by TablePicker, ViewPicker, FieldPicker.
 
 function ModelPickerSelect(props, ref) {
   var models = props.models,
-      modelKeysToWatch = props.modelKeysToWatch,
-      selectedModelId = props.selectedModelId,
-      shouldAllowPickingNone = props.shouldAllowPickingNone,
-      shouldAllowPickingModelFn = props.shouldAllowPickingModelFn,
-      placeholder = props.placeholder,
-      onChange = props.onChange,
-      restOfProps = (0, _objectWithoutProperties2.default)(props, ["models", "modelKeysToWatch", "selectedModelId", "shouldAllowPickingNone", "shouldAllowPickingModelFn", "placeholder", "onChange"]); // useWatchable has stricter typing than createDataContainer which it replaced, so we can't
+    modelKeysToWatch = props.modelKeysToWatch,
+    selectedModelId = props.selectedModelId,
+    shouldAllowPickingNone = props.shouldAllowPickingNone,
+    shouldAllowPickingModelFn = props.shouldAllowPickingModelFn,
+    placeholder = props.placeholder,
+    onChange = props.onChange,
+    restOfProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  // useWatchable has stricter typing than createDataContainer which it replaced, so we can't
   // know that model and modelKeysToWatch are exactly compatible here:
-
   (0, _use_watchable.default)(models, modelKeysToWatch);
-
   function _onChange(value) {
     (0, _error_utils.invariant)(value === null || typeof value === 'string', 'value must be null or model id');
     onChange(value);
   }
-
   var options = [{
     value: null,
     label: placeholder,
@@ -78,15 +62,14 @@ function ModelPickerSelect(props, ref) {
       disabled: shouldAllowPickingModelFn && !shouldAllowPickingModelFn(model)
     };
   })];
-  return React.createElement(_select.default, (0, _extends2.default)({}, restOfProps, {
+  return /*#__PURE__*/React.createElement(_select.default, (0, _extends2.default)({}, restOfProps, {
     ref: ref,
     value: selectedModelId,
     onChange: _onChange,
     options: options
   }));
 }
-
-var ForwardedRefModelPickerSelect = React.forwardRef(ModelPickerSelect);
+var ForwardedRefModelPickerSelect = /*#__PURE__*/React.forwardRef(ModelPickerSelect);
 ForwardedRefModelPickerSelect.displayName = 'ModelPickerSelect';
 ForwardedRefModelPickerSelect.propTypes = _objectSpread({
   models: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(_table.default).isRequired, _propTypes.default.instanceOf(_view.default).isRequired, _propTypes.default.instanceOf(_field.default).isRequired]).isRequired).isRequired,
@@ -97,5 +80,4 @@ ForwardedRefModelPickerSelect.propTypes = _objectSpread({
   onChange: _propTypes.default.func.isRequired,
   placeholder: _propTypes.default.string.isRequired
 }, _select.sharedSelectBasePropTypes);
-var _default = ForwardedRefModelPickerSelect;
-exports.default = _default;
+var _default = exports.default = ForwardedRefModelPickerSelect;