@airtable/blocks 1.18.1 → 1.19.0

package/dist/cjs/ui/create_detect_element_resize.js

@@ -1,19 +1,15 @@
 "use strict";
 
-require("core-js/modules/es.array.index-of");
-
-require("core-js/modules/es.array.splice");
-
-require("core-js/modules/es.string.split");
-
-require("core-js/modules/web.dom-collections.for-each");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createDetectElementResize;
-
+require("core-js/modules/es.array.index-of.js");
+require("core-js/modules/es.array.splice.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 // @ts-nocheck
+
 // Detect Element Resize.
 // https://github.com/sdecima/javascript-detect-element-resize
 // Sebastian Decima
@@ -28,14 +24,12 @@ exports.default = createDetectElementResize;
 // https://github.com/bvaughn/react-virtualized/blob/master/source/vendor/detectElementResize.js
 //
 // TODO: make this file conform to our styleguide.
-
 /**
  * @internal
  */
 function createDetectElementResize(nonce) {
   // Check `document` and `window` in case of server-side rendering
   var _window;
-
   if (typeof window !== 'undefined') {
     _window = window;
   } else if (typeof self !== 'undefined') {
@@ -43,7 +37,6 @@ function createDetectElementResize(nonce) {
   } else {
     _window = this; // eslint-disable-line consistent-this
   }
-
   var attachEvent = typeof document !== 'undefined' && document.attachEvent;
   var animationName;
   var animationKeyframes;
@@ -57,30 +50,26 @@ function createDetectElementResize(nonce) {
   var domPrefixes;
   var startEvents;
   var pfx;
-
   if (!attachEvent) {
     var requestFrame = function () {
       var raf = _window.requestAnimationFrame || _window.mozRequestAnimationFrame || _window.webkitRequestAnimationFrame || function (fn) {
         return _window.setTimeout(fn, 20);
       };
-
       return function (fn) {
         return raf(fn);
       };
     }();
-
     var cancelFrame = function () {
       var cancel = _window.cancelAnimationFrame || _window.mozCancelAnimationFrame || _window.webkitCancelAnimationFrame || _window.clearTimeout;
       return function (id) {
         return cancel(id);
       };
     }();
-
     resetTriggers = function resetTriggers(element) {
       var triggers = element.__resizeTriggers__,
-          expand = triggers.firstElementChild,
-          contract = triggers.lastElementChild,
-          expandChild = expand.firstElementChild;
+        expand = triggers.firstElementChild,
+        contract = triggers.lastElementChild,
+        expandChild = expand.firstElementChild;
       contract.scrollLeft = contract.scrollWidth;
       contract.scrollTop = contract.scrollHeight;
       expandChild.style.width = expand.offsetWidth + 1 + 'px';
@@ -88,53 +77,44 @@ function createDetectElementResize(nonce) {
       expand.scrollLeft = expand.scrollWidth;
       expand.scrollTop = expand.scrollHeight;
     };
-
     checkTriggers = function checkTriggers(element) {
       return element.offsetWidth !== element.__resizeLast__.width || element.offsetHeight !== element.__resizeLast__.height;
     };
-
     scrollListener = function scrollListener(e) {
       // Don't measure (which forces) reflow for scrolls that happen inside of children!
       if (e.target.className.indexOf('contract-trigger') < 0 && e.target.className.indexOf('expand-trigger') < 0) {
         return;
       }
-
       var element = this; // eslint-disable-line consistent-this
-
       resetTriggers(this);
-
       if (this.__resizeRAF__) {
         cancelFrame(this.__resizeRAF__);
       }
-
       this.__resizeRAF__ = requestFrame(function () {
         if (checkTriggers(element)) {
           element.__resizeLast__.width = element.offsetWidth;
           element.__resizeLast__.height = element.offsetHeight;
-
           element.__resizeListeners__.forEach(function (fn) {
             fn.call(element, e);
           });
         }
       });
     };
-    /* Detect CSS Animations support to detect element display/re-attach */
-
 
+    /* Detect CSS Animations support to detect element display/re-attach */
     animation = false;
     keyframeprefix = '';
     animationstartevent = 'animationstart';
     domPrefixes = 'Webkit Moz O ms'.split(' ');
     startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' ');
-    pfx = ''; // eslint-disable-next-line no-lone-blocks
+    pfx = '';
 
+    // eslint-disable-next-line no-lone-blocks
     {
       var elm = document.createElement('fakeelement');
-
       if (elm.style.animationName !== undefined) {
         animation = true;
       }
-
       if (animation === false) {
         for (var i = 0; i < domPrefixes.length; i++) {
           if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
@@ -151,41 +131,34 @@ function createDetectElementResize(nonce) {
     animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } ';
     animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; ';
   }
-
   var createStyles = function createStyles() {
     if (!document.getElementById('detectElementResize')) {
       // opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360
       var css = (animationKeyframes ? animationKeyframes : '') + '.resize-triggers { ' + (animationStyle ? animationStyle : '') + 'visibility: hidden; opacity: 0; } ' + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',
-          head = document.head || document.getElementsByTagName('head')[0],
-          style = document.createElement('style');
+        head = document.head || document.getElementsByTagName('head')[0],
+        style = document.createElement('style');
       style.id = 'detectElementResize';
       style.type = 'text/css';
-
       if (nonce !== null) {
         style.setAttribute('nonce', nonce);
       }
-
       if (style.styleSheet) {
         style.styleSheet.cssText = css;
       } else {
         style.appendChild(document.createTextNode(css));
       }
-
       head.appendChild(style);
     }
   };
-
   var addResizeListener = function addResizeListener(element, fn) {
     if (attachEvent) {
       element.attachEvent('onresize', fn);
     } else {
       if (!element.__resizeTriggers__) {
         var elementStyle = _window.getComputedStyle(element);
-
         if (elementStyle && elementStyle.position === 'static') {
           element.style.position = 'relative';
         }
-
         createStyles();
         element.__resizeLast__ = {};
         element.__resizeListeners__ = [];
@@ -194,46 +167,39 @@ function createDetectElementResize(nonce) {
         element.appendChild(element.__resizeTriggers__);
         resetTriggers(element);
         element.addEventListener('scroll', scrollListener, true);
-        /* Listen for a css animation to detect element display/re-attach */
 
+        /* Listen for a css animation to detect element display/re-attach */
         if (animationstartevent) {
           element.__resizeTriggers__.__animationListener__ = function animationListener(e) {
             if (e.animationName === animationName) {
               resetTriggers(element);
             }
           };
-
           element.__resizeTriggers__.addEventListener(animationstartevent, element.__resizeTriggers__.__animationListener__);
         }
       }
-
       element.__resizeListeners__.push(fn);
     }
   };
-
   var removeResizeListener = function removeResizeListener(element, fn) {
     if (attachEvent) {
       element.detachEvent('onresize', fn);
     } else {
       element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
-
       if (!element.__resizeListeners__.length) {
         element.removeEventListener('scroll', scrollListener, true);
-
         if (element.__resizeTriggers__.__animationListener__) {
           element.__resizeTriggers__.removeEventListener(animationstartevent, element.__resizeTriggers__.__animationListener__);
-
           element.__resizeTriggers__.__animationListener__ = null;
         }
-
         try {
           element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
-        } catch (e) {// Preact compat; see developit/preact-compat/issues/228
+        } catch (e) {
+          // Preact compat; see developit/preact-compat/issues/228
         }
       }
     }
   };
-
   return {
     addResizeListener,
     removeResizeListener

package/dist/cjs/ui/css_helpers.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _emotion = require("emotion");
-
 var cssHelpers = {
   TRUNCATE: (0, _emotion.css)({
     overflow: 'hidden',
@@ -18,13 +16,8 @@ var cssHelpers = {
     height: '1px',
     width: '1px',
     overflow: 'hidden',
-    clip: ['rect(1px, 1px, 1px, 1px)', 'rect(1px 1px 1px 1px)']
-    /* fallback for IE6, IE7 */
-    ,
-    whiteSpace: 'nowrap'
-    /* added line */
-
+    clip: ['rect(1px, 1px, 1px, 1px)', 'rect(1px 1px 1px 1px)'] /* fallback for IE6, IE7 */,
+    whiteSpace: 'nowrap' /* added line */
   })
 };
-var _default = cssHelpers;
-exports.default = _default;
+var _default = exports.default = cssHelpers;

package/dist/cjs/ui/dialog.js

@@ -1,59 +1,52 @@
 "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.dialogStylePropTypes = void 0;
-
+exports.dialogStylePropTypes = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 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 _baymax_utils = require("./baymax_utils");
-
 var _modal = _interopRequireDefault(require("./modal"));
-
 var _dialog_close_button = _interopRequireDefault(require("./dialog_close_button"));
-
 var _system = require("./system");
+var _excluded = ["onClose", "className", "style", "backgroundClassName", "backgroundStyle", "children"];
+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; } /** @module @airtable/blocks/ui: Dialog */ /** */
+/**
+ * Style props shared between the {@link Dialog} and {@link ConfirmationDialog} components. Also accepts:
+ * * {@link DimensionsSetProps}
+ * * {@link FlexContainerSetProps}
+ * * {@link SpacingSetProps}
+ *
+ * @noInheritDoc
+ */
+// This is equivalent to ModalStyleProps, but we include it separately since Modal is private.
 
-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 dialogStylePropTypes = exports.dialogStylePropTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _system.dimensionsSetPropTypes), _system.displayPropTypes), _system.flexContainerSetPropTypes), _system.spacingSetPropTypes);
 
-var dialogStylePropTypes = _objectSpread({}, _system.dimensionsSetPropTypes, {}, _system.displayPropTypes, {}, _system.flexContainerSetPropTypes, {}, _system.spacingSetPropTypes);
 /**
  * Props for the {@link Dialog} component. Also accepts:
  * * {@link DialogStyleProps}
@@ -61,10 +54,6 @@ var dialogStylePropTypes = _objectSpread({}, _system.dimensionsSetPropTypes, {},
  * @noInheritDoc
  * @docsPath UI/components/Dialog
  */
-
-
-exports.dialogStylePropTypes = dialogStylePropTypes;
-
 /**
  * A styled modal dialog component.
  *
@@ -74,31 +63,18 @@ exports.dialogStylePropTypes = dialogStylePropTypes;
  * @component
  */
 // TODO (stephen): focus trapping
-var Dialog =
-/*#__PURE__*/
-function (_React$Component) {
-  (0, _inherits2.default)(Dialog, _React$Component);
-
-  /** @hidden */
-
-  /** @hidden */
-  // automatically pass onClose to any descendants that are Dialog.CloseButton
-
-  /** @hidden */
-
+var Dialog = /*#__PURE__*/function (_React$Component) {
   /** @hidden */
   function Dialog(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, Dialog);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Dialog).call(this, props));
-    _this._onKeyDown = _this._onKeyDown.bind((0, _assertThisInitialized2.default)(_this));
+    _this = _callSuper(this, Dialog, [props]);
+    _this._onKeyDown = _this._onKeyDown.bind(_this);
     return _this;
   }
   /** @hidden */
-
-
-  (0, _createClass2.default)(Dialog, [{
+  (0, _inherits2.default)(Dialog, _React$Component);
+  return (0, _createClass2.default)(Dialog, [{
     key: "getChildContext",
     value: function getChildContext() {
       return {
@@ -106,21 +82,18 @@ function (_React$Component) {
       };
     }
     /** @hidden */
-
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
       window.addEventListener('keydown', this._onKeyDown, false);
     }
     /** @hidden */
-
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       window.removeEventListener('keydown', this._onKeyDown, false);
     }
     /** @internal */
-
   }, {
     key: "_onKeyDown",
     value: function _onKeyDown(e) {
@@ -129,19 +102,18 @@ function (_React$Component) {
       }
     }
     /** @hidden */
-
   }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          onClose = _this$props.onClose,
-          className = _this$props.className,
-          style = _this$props.style,
-          backgroundClassName = _this$props.backgroundClassName,
-          backgroundStyle = _this$props.backgroundStyle,
-          children = _this$props.children,
-          restOfProps = (0, _objectWithoutProperties2.default)(_this$props, ["onClose", "className", "style", "backgroundClassName", "backgroundStyle", "children"]);
-      return React.createElement(_modal.default, (0, _extends2.default)({
+        onClose = _this$props.onClose,
+        className = _this$props.className,
+        style = _this$props.style,
+        backgroundClassName = _this$props.backgroundClassName,
+        backgroundStyle = _this$props.backgroundStyle,
+        children = _this$props.children,
+        restOfProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(_modal.default, (0, _extends2.default)({
         onClose: onClose,
         className: (0, _emotion.cx)((0, _baymax_utils.baymax)('big line-height-4'), className),
         style: style,
@@ -150,10 +122,10 @@ function (_React$Component) {
       }, restOfProps), children);
     }
   }]);
-  return Dialog;
 }(React.Component);
-
+/** @hidden */
 (0, _defineProperty2.default)(Dialog, "CloseButton", _dialog_close_button.default);
+/** @hidden */
 (0, _defineProperty2.default)(Dialog, "propTypes", _objectSpread({
   onClose: _propTypes.default.func.isRequired,
   className: _propTypes.default.string,
@@ -162,8 +134,9 @@ function (_React$Component) {
   backgroundStyle: _propTypes.default.object,
   children: _propTypes.default.node.isRequired
 }, dialogStylePropTypes));
+// automatically pass onClose to any descendants that are Dialog.CloseButton
+/** @hidden */
 (0, _defineProperty2.default)(Dialog, "childContextTypes", {
   onDialogClose: _propTypes.default.func
 });
-var _default = Dialog;
-exports.default = _default;
+var _default = exports.default = Dialog;