@airtable/blocks 1.18.1 → 1.19.0

package/dist/cjs/ui/record_card_list.js

@@ -1,78 +1,57 @@
 "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.iterator.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.object.to-string.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");
+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.symbol.description");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.array.iterator");
-
-require("core-js/modules/es.number.constructor");
-
-require("core-js/modules/es.object.get-own-property-descriptors");
-
-require("core-js/modules/es.object.to-string");
-
-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 = exports.RecordCardList = exports.recordCardListStylePropTypes = void 0;
-
+exports.recordCardListStylePropTypes = exports.default = exports.RecordCardList = void 0;
+require("core-js/modules/es.number.constructor.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 _reactWindow = require("react-window");
-
 var _core = require("@styled-system/core");
-
 var _error_utils = require("../error_utils");
-
 var _record = _interopRequireDefault(require("../models/record"));
-
 var _field = _interopRequireDefault(require("../models/field"));
-
 var _view = _interopRequireDefault(require("../models/view"));
-
 var _record_card = _interopRequireDefault(require("./record_card"));
-
 var _box = _interopRequireDefault(require("./box"));
-
 var _create_detect_element_resize = _interopRequireDefault(require("./create_detect_element_resize"));
-
 var _with_styled_system = _interopRequireDefault(require("./with_styled_system"));
-
 var _system = require("./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 _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; }
+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; } /** @module @airtable/blocks/ui: RecordCardList */ /** */
 var RECORD_CARD_ROW_HEIGHT = 80;
 var RECORD_CARD_SPACING = 10;
+
+/** @internal */
+
 /** @internal */
 
 /**
@@ -84,57 +63,43 @@ var RECORD_CARD_SPACING = 10;
  */
 function RecordCardItemRenderer(props) {
   var _props$data = props.data,
-      records = _props$data.records,
-      fields = _props$data.fields,
-      view = _props$data.view,
-      width = _props$data.width,
-      attachmentCoverField = _props$data.attachmentCoverField,
-      onClick = _props$data.onClick,
-      onMouseEnter = _props$data.onMouseEnter,
-      onMouseLeave = _props$data.onMouseLeave;
+    records = _props$data.records,
+    fields = _props$data.fields,
+    view = _props$data.view,
+    width = _props$data.width,
+    attachmentCoverField = _props$data.attachmentCoverField,
+    onClick = _props$data.onClick,
+    onMouseEnter = _props$data.onMouseEnter,
+    onMouseLeave = _props$data.onMouseLeave;
   var itemIndex = props.index,
-      style = props.style,
-      className = props.className;
-  var record = records[itemIndex]; // Ensure that expandRecordOptions.records only contains Records, not RecordDefs. RecordCardList
+    style = props.style,
+    className = props.className;
+  var record = records[itemIndex];
+  // Ensure that expandRecordOptions.records only contains Records, not RecordDefs. RecordCardList
   // can be given either Records or RecordDefs, but the `opts` argument in `expandRecord` only
   // accepts an array of Records.
-
   var filteredRecords = [];
-  var _iteratorNormalCompletion = true;
-  var _didIteratorError = false;
-  var _iteratorError = undefined;
-
+  var _iterator = _createForOfIteratorHelper(records),
+    _step;
   try {
-    for (var _iterator = records[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var currentRecord = _step.value;
-
       if (currentRecord instanceof _record.default) {
         filteredRecords.push(currentRecord);
       }
     }
   } 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();
   }
-
   if (filteredRecords.length !== records.length && filteredRecords.length !== 0) {
     throw (0, _error_utils.spawnError)("RecordCardList's props.records should not contain a mix of Record and RecordDef");
-  } // RecordCard handles null and undefined differently for `onClick`. Treat other
-  // falsey values (e.g. "", false) like null.
-
+  }
 
+  // RecordCard handles null and undefined differently for `onClick`. Treat other
+  // falsey values (e.g. "", false) like null.
   var _onClick;
-
   if (onClick) {
     _onClick = () => onClick(record, itemIndex);
   } else if (onClick === undefined) {
@@ -142,8 +107,7 @@ function RecordCardItemRenderer(props) {
   } else {
     _onClick = null;
   }
-
-  return React.createElement(_record_card.default, {
+  return /*#__PURE__*/React.createElement(_record_card.default, {
     record: record,
     fields: fields,
     view: view,
@@ -156,16 +120,16 @@ function RecordCardItemRenderer(props) {
     onMouseLeave: onMouseLeave ? () => onMouseLeave(record, itemIndex) : undefined,
     width: width,
     height: RECORD_CARD_ROW_HEIGHT,
-    className: className // Adjustments to top and left made to properly position the cards in the list. FixedSizeList doesn't
+    className: className
+    // Adjustments to top and left made to properly position the cards in the list. FixedSizeList doesn't
     // differentiate between content & gutter for each "item" it renders. See https://github.com/bvaughn/react-window#can-i-add-gutter-or-padding-between-items
     ,
-    style: _objectSpread({}, style, {
+    style: _objectSpread(_objectSpread({}, style), {}, {
       left: Number(style.left) + RECORD_CARD_SPACING,
       top: Number(style.top) + RECORD_CARD_SPACING
     })
   });
 }
-
 RecordCardItemRenderer.propTypes = {
   data: _propTypes.default.shape({
     records: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(_record.default), _propTypes.default.object])).isRequired,
@@ -183,13 +147,13 @@ RecordCardItemRenderer.propTypes = {
   style: _propTypes.default.object,
   className: _propTypes.default.string
 };
+
 /**
  * Utility function to measure scrollbar size.
  * Used to correctly calculate the width for record cards in the container.
  *
  * @internal
  */
-
 function getScrollbarWidth() {
   var scrollDiv = document.createElement('div');
   scrollDiv.style.position = 'absolute';
@@ -204,11 +168,11 @@ function getScrollbarWidth() {
   body.removeChild(scrollDiv);
   return scrollbarWidth;
 }
+
 /**
  * @internal
  */
 
-
 /**
  * Wrapper component for RecordCardList's window (passed to FixedSizeList).
  *
@@ -219,30 +183,47 @@ function getScrollbarWidth() {
  *
  * @internal
  */
-var innerRecordCardListWindow = React.forwardRef((props, ref) => {
+var innerRecordCardListWindow = /*#__PURE__*/React.forwardRef((props, ref) => {
   var style = props.style,
-      children = props.children;
-  return React.createElement("div", {
-    ref: ref // Height adjustment required to account for the spacing between the last item and the bottom of the list container.
+    children = props.children;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref
+    // Height adjustment required to account for the spacing between the last item and the bottom of the list container.
     // See https://github.com/bvaughn/react-window#can-i-add-padding-to-the-top-and-bottom-of-a-list
     ,
-    style: _objectSpread({}, style, {
+    style: _objectSpread(_objectSpread({}, style), {}, {
       height: Number(style.height) + RECORD_CARD_SPACING
     })
   }, children);
 });
+
 /**
  * Scroll event for {@link RecordCardList}.
  */
 
-var styleParser = (0, _core.compose)(_system.dimensionsSet, _system.flexItemSet, _system.positionSet, _system.margin);
-
-var recordCardListStylePropTypes = _objectSpread({}, _system.dimensionsSetPropTypes, {}, _system.flexItemSetPropTypes, {}, _system.positionSetPropTypes, {}, _system.marginPropTypes);
-/** @hidden */
+/**
+ * Props for the {@link RecordCardList} component. Also accepts:
+ * * {@link RecordCardListStyleProps}
+ *
+ * @docsPath UI/components/RecordCardList
+ */
+// This doesn't actually extend RecordCardListStyleProps since withStyledSystem
+// expects non-style props and style props as separate generic type variables.
 
+/**
+ * Style props for the {@link RecordCardList} component. Accepts:
+ * * {@link DimensionsSetProps}
+ * * {@link FlexItemSetProps}
+ * * {@link MarginProps}
+ * * {@link PositionSetProps}
+ *
+ * @noInheritDoc
+ */
 
-exports.recordCardListStylePropTypes = recordCardListStylePropTypes;
+var styleParser = (0, _core.compose)(_system.dimensionsSet, _system.flexItemSet, _system.positionSet, _system.margin);
+var recordCardListStylePropTypes = exports.recordCardListStylePropTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _system.dimensionsSetPropTypes), _system.flexItemSetPropTypes), _system.positionSetPropTypes), _system.marginPropTypes);
 
+/** @hidden */
 /**
  * Scrollable list of record cards.
  *
@@ -251,44 +232,30 @@ exports.recordCardListStylePropTypes = recordCardListStylePropTypes;
  * @docsPath UI/components/RecordCardList
  * @component
  */
-var RecordCardList =
-/*#__PURE__*/
-function (_React$Component) {
-  (0, _inherits2.default)(RecordCardList, _React$Component);
-
-  /** @hidden */
-
-  /** @internal */
-
-  /** @internal */
-
-  /** @internal */
-
-  /** @internal */
-
-  /** @internal */
-
+var RecordCardList = exports.RecordCardList = /*#__PURE__*/function (_React$Component) {
   /** @hidden */
   function RecordCardList(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, RecordCardList);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(RecordCardList).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_container", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_cardList", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_cardListInnerWindow", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_detectElementResize", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_scrollbarWidth", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_updateCardListSizeIfNeeded", () => {
+    _this = _callSuper(this, RecordCardList, [props]);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_container", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_cardList", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_cardListInnerWindow", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_detectElementResize", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_scrollbarWidth", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_updateCardListSizeIfNeeded", () => {
       (0, _error_utils.invariant)(_this._container.current, 'No container to update card list size');
-
       var _this$_container$curr = _this._container.current.getBoundingClientRect(),
-          cardListWidth = _this$_container$curr.width,
-          cardListHeight = _this$_container$curr.height;
-
+        cardListWidth = _this$_container$curr.width,
+        cardListHeight = _this$_container$curr.height;
       (0, _error_utils.invariant)(_this._cardListInnerWindow.current, 'No card list inner window to measure scroll height');
       var isScrollbarVisible = _this._cardListInnerWindow.current.scrollHeight > cardListHeight;
-
       if (_this.state.cardListWidth !== cardListWidth || _this.state.cardListHeight !== cardListHeight || _this.state.isScrollbarVisible !== isScrollbarVisible) {
         _this.setState({
           cardListWidth,
@@ -297,9 +264,9 @@ function (_React$Component) {
         });
       }
     });
-    _this._container = React.createRef();
-    _this._cardList = React.createRef();
-    _this._cardListInnerWindow = React.createRef();
+    _this._container = /*#__PURE__*/React.createRef();
+    _this._cardList = /*#__PURE__*/React.createRef();
+    _this._cardListInnerWindow = /*#__PURE__*/React.createRef();
     _this._detectElementResize = (0, _create_detect_element_resize.default)();
     _this._scrollbarWidth = getScrollbarWidth();
     _this.state = {
@@ -310,19 +277,15 @@ function (_React$Component) {
     return _this;
   }
   /** @hidden */
-
-
-  (0, _createClass2.default)(RecordCardList, [{
+  (0, _inherits2.default)(RecordCardList, _React$Component);
+  return (0, _createClass2.default)(RecordCardList, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       (0, _error_utils.invariant)(this._container.current, 'No container to detect resize on');
-
       this._detectElementResize.addResizeListener(this._container.current, this._updateCardListSizeIfNeeded);
-
       this._updateCardListSizeIfNeeded();
     }
     /** @hidden */
-
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -331,7 +294,6 @@ function (_React$Component) {
       }
     }
     /** @hidden */
-
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
@@ -340,35 +302,29 @@ function (_React$Component) {
       if (this.props.records.length !== prevProps.records.length) {
         this._updateCardListSizeIfNeeded();
       }
-    } // Functionality for `getScrollTopForRecordAtIndex` and `scrollTop` getter/setter was
+    }
+    // Functionality for `getScrollTopForRecordAtIndex` and `scrollTop` getter/setter was
     // removed when migrating from DynamicDraw => react-window, which were not being used
     // by any consuming component at the time of migration.
-
     /** @hidden */
-
   }, {
     key: "scrollToRecordAtIndex",
     value: function scrollToRecordAtIndex(recordIndex) {
       (0, _error_utils.invariant)(this._cardList.current, 'No card list to scroll');
-
       this._cardList.current.scrollToItem(recordIndex);
     }
-    /** @internal */
-
   }, {
     key: "render",
-
-    /** @hidden */
-    value: function render() {
+    value: /** @hidden */
+    function render() {
       var _this$props$onRecordM, _this$props$onRecordM2;
-
       var _this$props = this.props,
-          records = _this$props.records,
-          fields = _this$props.fields,
-          view = _this$props.view,
-          attachmentCoverField = _this$props.attachmentCoverField,
-          className = _this$props.className,
-          style = _this$props.style;
+        records = _this$props.records,
+        fields = _this$props.fields,
+        view = _this$props.view,
+        attachmentCoverField = _this$props.attachmentCoverField,
+        className = _this$props.className,
+        style = _this$props.style;
       var itemData = {
         records,
         fields,
@@ -381,13 +337,13 @@ function (_React$Component) {
         style: {},
         className: ''
       };
-      return React.createElement(_box.default, {
+      return /*#__PURE__*/React.createElement(_box.default, {
         ref: this._container,
         className: className,
         overflow: "hidden",
         height: "100%",
         style: style
-      }, React.createElement(_reactWindow.FixedSizeList, {
+      }, /*#__PURE__*/React.createElement(_reactWindow.FixedSizeList, {
         outerRef: this._cardList,
         width: this.state.cardListWidth,
         height: this.state.cardListHeight,
@@ -398,14 +354,13 @@ function (_React$Component) {
         itemKey: (index, data) => data.records[index].id,
         itemSize: RECORD_CARD_ROW_HEIGHT + RECORD_CARD_SPACING,
         onScroll: this.props.onScroll
-      }, // TODO(alex): figure out why this needs a cast to any - something to do with prop-types?
+      },
+      // TODO(alex): figure out why this needs a cast to any - something to do with prop-types?
       RecordCardItemRenderer));
     }
   }]);
-  return RecordCardList;
 }(React.Component);
-
-exports.RecordCardList = RecordCardList;
+/** @hidden */
 (0, _defineProperty2.default)(RecordCardList, "propTypes", {
   records: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(_record.default), _propTypes.default.object])).isRequired,
   onScroll: _propTypes.default.func,
@@ -419,7 +374,4 @@ exports.RecordCardList = RecordCardList;
   className: _propTypes.default.string,
   style: _propTypes.default.object
 });
-
-var _default = (0, _with_styled_system.default)(RecordCardList, styleParser, recordCardListStylePropTypes);
-
-exports.default = _default;
+var _default = exports.default = (0, _with_styled_system.default)(RecordCardList, styleParser, recordCardListStylePropTypes);

package/dist/cjs/ui/remote_utils.js

@@ -1,21 +1,15 @@
 "use strict";
 
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.promise");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.loadCSSFromString = loadCSSFromString;
 exports.loadCSSFromURLAsync = loadCSSFromURLAsync;
 exports.loadScriptFromURLAsync = loadScriptFromURLAsync;
-
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
 var _error_utils = require("../error_utils");
-
-/** @module @airtable/blocks/ui: Loading external resources */
-
-/** */
+/** @module @airtable/blocks/ui: Loading external resources */ /** */
 
 /**
  * Injects CSS from a string into the page. Returns the HTML style element inserted into the page.
@@ -35,6 +29,7 @@ function loadCSSFromString(css) {
   document.head.appendChild(styleTag);
   return styleTag;
 }
+
 /**
  * Injects CSS from a remote URL.
  *
@@ -48,8 +43,6 @@ function loadCSSFromString(css) {
  * ```
  * @docsPath UI/utils/loadCSSFromURLAsync
  */
-
-
 function loadCSSFromURLAsync(url) {
   // Pre-create the error for a nicer stack trace.
   var loadError = new Error('Failed to load remote CSS: ' + url);
@@ -67,6 +60,7 @@ function loadCSSFromURLAsync(url) {
     document.head.appendChild(linkTag);
   });
 }
+
 /**
  * Injects Javascript from a remote URL.
  *
@@ -80,8 +74,6 @@ function loadCSSFromURLAsync(url) {
  * ```
  * @docsPath UI/utils/loadScriptFromURLAsync
  */
-
-
 function loadScriptFromURLAsync(url) {
   // Pre-create the error for a nicer stack trace.
   var loadError = new Error('Failed to load remote script: ' + url);

package/dist/cjs/ui/sdk_context.js

@@ -1,23 +1,21 @@
 "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");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSdk = exports.SdkContext = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _error_utils = require("../error_utils");
-
-var SdkContext = React.createContext(null);
-exports.SdkContext = SdkContext;
-
+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; }
+var SdkContext = exports.SdkContext = /*#__PURE__*/React.createContext(null);
 var useSdk = () => {
   var sdk = React.useContext(SdkContext);
   (0, _error_utils.invariant)(sdk, 'This component can only be used in a block. Make sure to use `initializeBlock` at the root of this component tree.');
   return sdk;
 };
-
 exports.useSdk = useSdk;