@airtable/blocks 1.18.1 → 1.19.0

package/dist/cjs/viewport.js

@@ -1,57 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-require("core-js/modules/es.array.from");
-
-require("core-js/modules/es.array.includes");
-
-require("core-js/modules/es.array.iterator");
-
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.set");
-
-require("core-js/modules/es.string.includes");
-
-require("core-js/modules/web.dom-collections.iterator");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.reduce.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/es.string.includes.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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+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 _watchable = _interopRequireDefault(require("./watchable"));
-
 var _private_utils = require("./private_utils");
-
 var _error_utils = require("./error_utils");
-
-/** @module @airtable/blocks: viewport */
-
-/** */
+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: viewport */ /** */
 var WatchableViewportKeys = Object.freeze({
   isFullscreen: 'isFullscreen',
   size: 'size',
   minSize: 'minSize',
   maxFullscreenSize: 'maxFullscreenSize'
 });
+
 /**
  * Watchable keys in {@link Viewport}.
  * - `isFullscreen`
@@ -60,19 +40,18 @@ var WatchableViewportKeys = Object.freeze({
  * - `maxFullscreenSize`
  */
 
+/** */
+
 var compareWithNulls = (a, b, compare) => {
   if (a !== null && b !== null) {
     return compare(a, b);
   }
-
   if (a === null) {
     return b;
   }
-
   if (b === null) {
     return a;
   }
-
   return null;
 };
 /**
@@ -87,53 +66,43 @@ var compareWithNulls = (a, b, compare) => {
  * ```
  * @docsPath models/Viewport
  */
-
-
-var Viewport =
-/*#__PURE__*/
-function (_Watchable) {
-  (0, _inherits2.default)(Viewport, _Watchable);
-  (0, _createClass2.default)(Viewport, null, [{
-    key: "_isWatchableKey",
-
-    /** @internal */
-
-    /** @internal */
-    value: function _isWatchableKey(key) {
-      return (0, _private_utils.isEnumValue)(WatchableViewportKeys, key);
-    }
-    /** @internal */
-
-  }]);
-
+var Viewport = /*#__PURE__*/function (_Watchable) {
   /** @internal */
   function Viewport(isFullscreen, airtableInterface) {
     var _this;
-
     (0, _classCallCheck2.default)(this, Viewport);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Viewport).call(this));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_isFullscreen", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_airtableInterface", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_sizeWatchCount", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onSizeChangeDebounced", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_minSizes", new Set());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_maxFullscreenSizes", new Set());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_cachedMaxFullscreenSize", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_cachedMinSize", null);
+    _this = _callSuper(this, Viewport);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_isFullscreen", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_airtableInterface", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_sizeWatchCount", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_onSizeChangeDebounced", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_minSizes", new Set());
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_maxFullscreenSizes", new Set());
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_cachedMaxFullscreenSize", null);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_cachedMinSize", null);
     _this._isFullscreen = isFullscreen;
-    _this._airtableInterface = airtableInterface; // When size is watched, we'll increment this counter, and we'll decrement
+    _this._airtableInterface = airtableInterface;
+
+    // When size is watched, we'll increment this counter, and we'll decrement
     // it when it is unwatched and the counter is at 0. This way we can lazily
     // add an event listener for window resize and remove it when nobody is
     // listening anymore.
-
     _this._sizeWatchCount = 0;
-    _this._onSizeChangeDebounced = (0, _private_utils.debounce)(_this._onSizeChange.bind((0, _assertThisInitialized2.default)(_this)), 200); // whenever maxFullscreenSize changes, we want to sync it back to the
-    // containing frame
+    _this._onSizeChangeDebounced = (0, _private_utils.debounce)(_this._onSizeChange.bind(_this), 200);
 
+    // whenever maxFullscreenSize changes, we want to sync it back to the
+    // containing frame
     _this.watch(WatchableViewportKeys.maxFullscreenSize, () => {
       _this._airtableInterface.setFullscreenMaxSize(_this.maxFullscreenSize);
     });
-
     return _this;
   }
   /**
@@ -143,20 +112,19 @@ function (_Watchable) {
    * permission to fullscreen itself. Watch `isFullscreen` to know if the
    * request succeeded.
    */
-
-
-  (0, _createClass2.default)(Viewport, [{
+  (0, _inherits2.default)(Viewport, _Watchable);
+  return (0, _createClass2.default)(Viewport, [{
     key: "enterFullscreenIfPossible",
     value: function enterFullscreenIfPossible() {
       this._airtableInterface.enterFullscreen();
     }
     /** Request to exit fullscreen mode */
-
   }, {
     key: "exitFullscreen",
     value: function exitFullscreen() {
       this._airtableInterface.exitFullscreen();
     }
+
     /**
      * The maximum dimensions of the extension when it is in
      * fullscreen mode. Returns the smallest set of dimensions added with
@@ -166,9 +134,25 @@ function (_Watchable) {
      * no max size constraint on that dimension. If `maxFullscreenSize` would be
      * smaller than {@link minSize}, it is constrained to be at least `minSize`.
      */
-
   }, {
-    key: "addMaxFullscreenSize",
+    key: "maxFullscreenSize",
+    get: function get() {
+      if (!this._cachedMaxFullscreenSize) {
+        var maxFullscreenSize = Array.from(this._maxFullscreenSizes).reduce((memo, size) => ({
+          width: compareWithNulls(memo.width, size.width, Math.min),
+          height: compareWithNulls(memo.height, size.height, Math.min)
+        }), {
+          width: null,
+          height: null
+        });
+        var minSize = this.minSize;
+        this._cachedMaxFullscreenSize = {
+          width: maxFullscreenSize.width !== null && minSize.width !== null ? Math.max(maxFullscreenSize.width, minSize.width) : maxFullscreenSize.width,
+          height: maxFullscreenSize.height !== null && minSize.height !== null ? Math.max(maxFullscreenSize.height, minSize.height) : maxFullscreenSize.height
+        };
+      }
+      return this._cachedMaxFullscreenSize;
+    }
 
     /**
      * Add a maximum fullscreen size constraint. Use `.maxFullscreenSize` to get
@@ -180,28 +164,26 @@ function (_Watchable) {
      * `width` and `height` are optional - if either is set to null, that means
      * there is no max size in that dimension.
      */
+  }, {
+    key: "addMaxFullscreenSize",
     value: function addMaxFullscreenSize(sizeConstraint) {
       var width = sizeConstraint.width,
-          height = sizeConstraint.height;
+        height = sizeConstraint.height;
       var size = Object.freeze({
         width: typeof width === 'number' ? width : null,
         height: typeof height === 'number' ? height : null
       });
       this._cachedMaxFullscreenSize = null;
-
       this._maxFullscreenSizes.add(size);
-
       this._onChange(WatchableViewportKeys.maxFullscreenSize);
-
       return () => {
         (0, _error_utils.invariant)(this._maxFullscreenSizes.has(size), 'UnsetFn can only be called once');
         this._cachedMaxFullscreenSize = null;
-
         this._maxFullscreenSizes.delete(size);
-
         this._onChange(WatchableViewportKeys.maxFullscreenSize);
       };
     }
+
     /**
      * The minimum dimensions of the extension - if the viewport gets smaller than this
      * size, an overlay will be shown asking the user to resize the extension to be bigger.
@@ -209,9 +191,20 @@ function (_Watchable) {
      * The largest set of dimensions added with addMinSize. If `width` or `height` is null, it means
      * there is no minSize constraint on that dimension.
      */
-
   }, {
-    key: "addMinSize",
+    key: "minSize",
+    get: function get() {
+      if (!this._cachedMinSize) {
+        this._cachedMinSize = Array.from(this._minSizes).reduce((memo, size) => ({
+          width: compareWithNulls(memo.width, size.width, Math.max),
+          height: compareWithNulls(memo.height, size.height, Math.max)
+        }), {
+          width: null,
+          height: null
+        });
+      }
+      return this._cachedMinSize;
+    }
 
     /**
      * Add a minimum frame size constraint. Use `.minSize`` to get the aggregate
@@ -226,47 +219,69 @@ function (_Watchable) {
      * and `height` are optional - if either is set to null, that means there is
      * no min size in that dimension.
      */
+  }, {
+    key: "addMinSize",
     value: function addMinSize(sizeConstraint) {
       var width = sizeConstraint.width,
-          height = sizeConstraint.height;
+        height = sizeConstraint.height;
       var size = Object.freeze({
         width: typeof width === 'number' ? width : null,
         height: typeof height === 'number' ? height : null
       });
-      this._cachedMinSize = null; // min size is also a constraint on maxFullscreenSize:
-
+      this._cachedMinSize = null;
+      // min size is also a constraint on maxFullscreenSize:
       this._cachedMaxFullscreenSize = null;
-
       this._minSizes.add(size);
-
       this._onChange(WatchableViewportKeys.minSize);
-
       this._onChange(WatchableViewportKeys.maxFullscreenSize);
-
       if (this.isSmallerThanMinSize) {
         this.enterFullscreenIfPossible();
       }
-
       return () => {
         (0, _error_utils.invariant)(this._minSizes.has(size), 'UnsetFn can only be called once');
         this._cachedMinSize = null;
         this._cachedMaxFullscreenSize = null;
-
         this._minSizes.delete(size);
-
-        this._onChange(WatchableViewportKeys.minSize); // min size is also a constraint on maxFullscreenSize:
-
-
+        this._onChange(WatchableViewportKeys.minSize);
+        // min size is also a constraint on maxFullscreenSize:
         this._onChange(WatchableViewportKeys.maxFullscreenSize);
       };
     }
+
     /**
      * `true` if the extension frame is smaller than `minSize`, `false` otherwise.
      */
-
   }, {
-    key: "watch",
-
+    key: "isSmallerThanMinSize",
+    get: function get() {
+      var _this$size = this.size,
+        width = _this$size.width,
+        height = _this$size.height;
+      var isWidthTooSmall = this.minSize.width !== null && this.minSize.width > width;
+      var isHeightTooSmall = this.minSize.height !== null && this.minSize.height > height;
+      return isWidthTooSmall || isHeightTooSmall;
+    }
+    /**
+     * `true` if the extension is fullscreen, `false` otherwise.
+     */
+  }, {
+    key: "isFullscreen",
+    get: function get() {
+      return this._isFullscreen;
+    }
+    /**
+     * The current size of the extension frame.
+     *
+     * Can be watched.
+     */
+  }, {
+    key: "size",
+    get: function get() {
+      return {
+        width: window.innerWidth,
+        height: window.innerHeight
+      };
+    }
     /**
      * Get notified of changes to the viewport.
      *
@@ -284,17 +299,16 @@ function (_Watchable) {
      * @param callback a function to call when those keys change
      * @param context an optional context for `this` in `callback`.
      */
+  }, {
+    key: "watch",
     value: function watch(keys, callback, context) {
       var validKeys = (0, _get2.default)((0, _getPrototypeOf2.default)(Viewport.prototype), "watch", this).call(this, keys, callback, context);
-
       if (validKeys.includes(WatchableViewportKeys.size)) {
         if (this._sizeWatchCount === 0) {
           window.addEventListener('resize', this._onSizeChangeDebounced, false);
         }
-
         this._sizeWatchCount++;
       }
-
       return validKeys;
     }
     /**
@@ -308,59 +322,48 @@ function (_Watchable) {
      * @param callback the function passed to `.watch` for these keys
      * @param context the context that was passed to `.watch` for this `callback`
      */
-
   }, {
     key: "unwatch",
     value: function unwatch(keys, callback, context) {
       var validKeys = (0, _get2.default)((0, _getPrototypeOf2.default)(Viewport.prototype), "unwatch", this).call(this, keys, callback, context);
-
       if (validKeys.includes(WatchableViewportKeys.size)) {
         this._sizeWatchCount--;
-
         if (this._sizeWatchCount === 0) {
           window.removeEventListener('resize', this._onSizeChangeDebounced, false);
         }
       }
-
       return validKeys;
     }
     /**
      * @internal
      */
-
   }, {
     key: "__onEnterFullscreen",
     value: function __onEnterFullscreen() {
       this._isFullscreen = true;
-
       this._onChange(WatchableViewportKeys.isFullscreen);
-
       this._onChange(WatchableViewportKeys.size);
     }
     /**
      * @internal
      */
-
   }, {
     key: "__onExitFullscreen",
     value: function __onExitFullscreen() {
       this._isFullscreen = false;
-
       this._onChange(WatchableViewportKeys.isFullscreen);
-
       this._onChange(WatchableViewportKeys.size);
     }
     /**
      * @internal
      */
-
   }, {
     key: "__focus",
     value: function __focus() {
       var _document = document,
-          body = _document.body,
-          activeElement = _document.activeElement; // See comment in BlockFrame.focusIframe for why we do this.
-
+        body = _document.body,
+        activeElement = _document.activeElement;
+      // See comment in BlockFrame.focusIframe for why we do this.
       if (activeElement && activeElement !== body) {
         // If there's already an activeElement, re-focus it.
         activeElement.focus();
@@ -376,84 +379,19 @@ function (_Watchable) {
     /**
      * @internal
      */
-
   }, {
     key: "_onSizeChange",
     value: function _onSizeChange() {
       this._onChange(WatchableViewportKeys.size);
     }
-  }, {
-    key: "maxFullscreenSize",
-    get: function get() {
-      if (!this._cachedMaxFullscreenSize) {
-        var maxFullscreenSize = Array.from(this._maxFullscreenSizes).reduce((memo, size) => ({
-          width: compareWithNulls(memo.width, size.width, Math.min),
-          height: compareWithNulls(memo.height, size.height, Math.min)
-        }), {
-          width: null,
-          height: null
-        });
-        var minSize = this.minSize;
-        this._cachedMaxFullscreenSize = {
-          width: maxFullscreenSize.width !== null && minSize.width !== null ? Math.max(maxFullscreenSize.width, minSize.width) : maxFullscreenSize.width,
-          height: maxFullscreenSize.height !== null && minSize.height !== null ? Math.max(maxFullscreenSize.height, minSize.height) : maxFullscreenSize.height
-        };
-      }
-
-      return this._cachedMaxFullscreenSize;
-    }
-  }, {
-    key: "minSize",
-    get: function get() {
-      if (!this._cachedMinSize) {
-        this._cachedMinSize = Array.from(this._minSizes).reduce((memo, size) => ({
-          width: compareWithNulls(memo.width, size.width, Math.max),
-          height: compareWithNulls(memo.height, size.height, Math.max)
-        }), {
-          width: null,
-          height: null
-        });
-      }
-
-      return this._cachedMinSize;
-    }
-  }, {
-    key: "isSmallerThanMinSize",
-    get: function get() {
-      var _this$size = this.size,
-          width = _this$size.width,
-          height = _this$size.height;
-      var isWidthTooSmall = this.minSize.width !== null && this.minSize.width > width;
-      var isHeightTooSmall = this.minSize.height !== null && this.minSize.height > height;
-      return isWidthTooSmall || isHeightTooSmall;
-    }
-    /**
-     * `true` if the extension is fullscreen, `false` otherwise.
-     */
-
-  }, {
-    key: "isFullscreen",
-    get: function get() {
-      return this._isFullscreen;
-    }
-    /**
-     * The current size of the extension frame.
-     *
-     * Can be watched.
-     */
-
-  }, {
-    key: "size",
-    get: function get() {
-      return {
-        width: window.innerWidth,
-        height: window.innerHeight
-      };
+  }], [{
+    key: "_isWatchableKey",
+    value: /** @internal */
+    function _isWatchableKey(key) {
+      return (0, _private_utils.isEnumValue)(WatchableViewportKeys, key);
     }
   }]);
-  return Viewport;
 }(_watchable.default);
-
+/** @internal */
 (0, _defineProperty2.default)(Viewport, "_className", 'Viewport');
-var _default = Viewport;
-exports.default = _default;
+var _default = exports.default = Viewport;

package/dist/cjs/warning.js

@@ -6,22 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.__injectSdkIntoWarning = __injectSdkIntoWarning;
 exports.default = void 0;
 var usedWarnings = {};
-
 var _default = msgLines => {
   var msg = typeof msgLines === 'string' ? msgLines : msgLines.join('\n');
   var mayUseConsole = !sdk || sdk.runInfo.isDevelopmentMode;
-
   if (mayUseConsole && usedWarnings[msg] !== true) {
-    usedWarnings[msg] = true; // eslint-disable-next-line no-console
+    usedWarnings[msg] = true;
 
+    // eslint-disable-next-line no-console
     console.warn("[@airtable/blocks] ".concat(msg));
   }
 };
-
 exports.default = _default;
-var sdk; // The application-level Sdk instance must be injected dynamically to avoid
-// circular dependencies at the time of module resolution.
+var sdk;
 
+// The application-level Sdk instance must be injected dynamically to avoid
+// circular dependencies at the time of module resolution.
 function __injectSdkIntoWarning(_sdk) {
   sdk = _sdk;
 }