@atlaskit/editor-common 96.4.0 → 96.5.0

package/dist/cjs/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSharedPluginStateSelector = useSharedPluginStateSelector;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
+var _react = require("react");
+var _get = _interopRequireDefault(require("lodash/get"));
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _usePluginStateEffect = require("../usePluginStateEffect");
+/**
+ * This is designed to iterate through an object to get the path of its result
+ * based on separation via "."
+ *
+ * Example:
+ * ```typescript
+ * type Test = { deepObject: { value: number } };
+ * // Type should be `"deepObject" | "deepObject.value"`
+ * type Result = NestedKeys<Test>;
+ * ```
+ */
+
+/**
+ * This is designed to iterate through a path of an object to get the type of its result
+ * based on separation via "."
+ *
+ * Example:
+ * ```typescript
+ * type Test = { deepObject: { value: number } }
+ * // Type should be `number`
+ * type Result = Path<Test, 'deepObject.value'>
+ * ```
+ */
+
+/**
+ *
+ * ⚠️⚠️⚠️ This is a debounced hook ⚠️⚠️⚠️
+ * If the plugins you are listening to generate multiple shared states while the user is typing,
+ * your React Component will get only the last one.
+ * 
+ * Used to return the current plugin state of input dependencies.
+ * It will recursively retrieve a slice of the state using a "." to separate
+ * parts of the state.
+ * 
+ * Example:
+ * 
+ * ```typescript
+ * 	const pluginA: NextEditorPlugin<
+		'pluginA',
+		{
+			sharedState: { deepObj: { value: number | undefined } };
+		}
+	>
+ * ```
+ * You can use `const value = useSharedPluginStateSelector(api, 'pluginA.deepObj.value')` to retrieve the value
+ * 
+ * Example in plugin:
+ *
+ * ```typescript
+ * function ExampleContent({ api }: Props) {
+ *   const title = useSharedPluginStateSelector(api, 'dog.title')
+ *   return <p>{ title } { exampleState.description }</p>
+ * }
+ *
+ * const examplePlugin: NextEditorPlugin<'example', { dependencies: [typeof pluginDog] }> = ({ api }) => {
+ *   return {
+ *     name: 'example',
+ *     contentComponent: () => <ExampleContent api={api} />
+ *   }
+ * }
+ * ```
+ * 
+ * NOTE: If you pass an invalid path, `undefined` will be returned
+ * 
+ * @param api 
+ * @param plugin 
+ * @returns 
+ */
+function useSharedPluginStateSelector(api, plugin) {
+  var transformer = (0, _react.useCallback)(function (pluginState) {
+    var _plugin$split = plugin.split('.'),
+      _plugin$split2 = (0, _toArray2.default)(_plugin$split),
+      pluginName = _plugin$split2[0],
+      properties = _plugin$split2.slice(1);
+    if (!pluginState || (properties === null || properties === void 0 ? void 0 : properties.length) === 0) {
+      return undefined;
+    }
+    return (0, _get.default)(pluginState === null || pluginState === void 0 ? void 0 : pluginState["".concat(pluginName, "State")], properties);
+  }, [plugin]);
+  var pluginNameArray = (0, _react.useMemo)(function () {
+    var _plugin$split3 = plugin.split('.'),
+      _plugin$split4 = (0, _slicedToArray2.default)(_plugin$split3, 1),
+      pluginName = _plugin$split4[0];
+    return [pluginName];
+  }, [plugin]);
+  return useSharedPluginStateSelectorInternal(api, pluginNameArray, transformer);
+}
+function useSharedPluginStateSelectorInternal(api, plugins, transformer) {
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    selectedPluginState = _useState2[0],
+    setSelectedPluginState = _useState2[1];
+  (0, _usePluginStateEffect.usePluginStateEffect)(api, plugins, function (pluginStates) {
+    // `pluginStates`: This is the same type through inference - but typescript doesn't recognise them as they are computed slightly differently
+    var transformedValue = transformer(pluginStates);
+    if (!(0, _isEqual.default)(transformedValue, selectedPluginState)) {
+      setSelectedPluginState(transformedValue);
+    }
+  });
+  return selectedPluginState;
+}

package/dist/cjs/lazy-node-view/lazy-scheduler.js

@@ -8,7 +8,7 @@ exports.scheduleCallback = exports.cancelCallback = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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; }
-var hasIdleCallback = 'requestIdleCallback' in window;
+var hasIdleCallback = ('requestIdleCallback' in window);
 var scheduleCallback = exports.scheduleCallback = function scheduleCallback(cb, options) {
   return hasIdleCallback ? requestIdleCallback(cb, _objectSpread({
     timeout: 5000

package/dist/cjs/lazy-node-view/node-view.js

@@ -96,7 +96,7 @@ var LazyNodeView = exports.LazyNodeView = /*#__PURE__*/function () {
       }
     }
   }
-  (0, _createClass2.default)(LazyNodeView, [{
+  return (0, _createClass2.default)(LazyNodeView, [{
     key: "ignoreMutation",
     value: function ignoreMutation() {
       if (this.node.type.isTextblock) {
@@ -105,5 +105,4 @@ var LazyNodeView = exports.LazyNodeView = /*#__PURE__*/function () {
       return true;
     }
   }]);
-  return LazyNodeView;
 }();

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -12,10 +12,9 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 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 _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
@@ -37,7 +36,7 @@ var _transformTimeStamp = require("../../LinkSearch/transformTimeStamp");
 var _utils2 = require("./utils");
 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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -158,20 +157,18 @@ var mapSearchProviderResultToLinkSearchItemData = function mapSearchProviderResu
   };
 };
 var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(HyperlinkLinkAddToolbar, _PureComponent);
-  var _super = _createSuper(HyperlinkLinkAddToolbar);
   function HyperlinkLinkAddToolbar(props) {
     var _this;
     (0, _classCallCheck2.default)(this, HyperlinkLinkAddToolbar);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, HyperlinkLinkAddToolbar, [props]);
     /* To prevent double submit */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "submitted", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "urlInputContainer", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "displayTextInputContainer", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "wrapperRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "quickSearchQueryVersion", 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "analyticSource", 'createLinkInlineDialog');
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "quickSearch", /*#__PURE__*/function () {
+    (0, _defineProperty2.default)(_this, "submitted", false);
+    (0, _defineProperty2.default)(_this, "urlInputContainer", null);
+    (0, _defineProperty2.default)(_this, "displayTextInputContainer", null);
+    (0, _defineProperty2.default)(_this, "wrapperRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(_this, "quickSearchQueryVersion", 0);
+    (0, _defineProperty2.default)(_this, "analyticSource", 'createLinkInlineDialog');
+    (0, _defineProperty2.default)(_this, "quickSearch", /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(input, items, quickSearchLimit) {
         var _this$state, searchProvider, displayUrl, searchSessionId, queryVersion, perfStart, searchProviderResultItems, searchItems, perfStop, duration, _perfStop, _duration;
         return _regenerator.default.wrap(function _callee$(_context) {
@@ -276,7 +273,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         return _ref3.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateInput", /*#__PURE__*/function () {
+    (0, _defineProperty2.default)(_this, "updateInput", /*#__PURE__*/function () {
       var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(input) {
         var _this$state2, activityProvider, searchProvider, items, shouldQuerySearchProvider;
         return _regenerator.default.wrap(function _callee2$(_context2) {
@@ -342,58 +339,55 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         return _ref4.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createClearHandler", function (field) {
+    (0, _defineProperty2.default)(_this, "createClearHandler", function (field) {
       return /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-        var activityProvider, _this$setState;
+        var activityProvider;
         return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               activityProvider = _this.state.activityProvider;
               _context3.t0 = field;
-              _context3.next = _context3.t0 === 'displayUrl' ? 4 : _context3.t0 === 'displayText' ? 24 : 26;
+              _context3.next = _context3.t0 === 'displayUrl' ? 4 : _context3.t0 === 'displayText' ? 21 : 23;
               break;
             case 4:
               _context3.t1 = _this;
-              _this$setState = {};
-              (0, _defineProperty2.default)(_this$setState, field, '');
               _context3.t2 = _defineProperty2.default;
-              _context3.t3 = _this$setState;
+              _context3.t3 = (0, _defineProperty2.default)({}, field, '');
               if (!activityProvider) {
-                _context3.next = 17;
+                _context3.next = 15;
                 break;
               }
               _context3.t5 = limit;
-              _context3.next = 13;
+              _context3.next = 11;
               return activityProvider.getRecentItems();
-            case 13:
+            case 11:
               _context3.t6 = _context3.sent;
               _context3.t4 = (0, _context3.t5)(_context3.t6);
-              _context3.next = 18;
+              _context3.next = 16;
               break;
-            case 17:
+            case 15:
               _context3.t4 = [];
-            case 18:
+            case 16:
               _context3.t7 = _context3.t4;
-              (0, _context3.t2)(_context3.t3, "items", _context3.t7);
-              _context3.t8 = _this$setState;
+              _context3.t8 = (0, _context3.t2)(_context3.t3, "items", _context3.t7);
               _context3.t1.setState.call(_context3.t1, _context3.t8);
               if (_this.urlInputContainer) {
                 _this.urlInputContainer.focus();
               }
-              return _context3.abrupt("break", 26);
-            case 24:
+              return _context3.abrupt("break", 23);
+            case 21:
               _this.setState((0, _defineProperty2.default)({}, field, ''));
               if (_this.displayTextInputContainer) {
                 _this.displayTextInputContainer.focus();
               }
-            case 26:
+            case 23:
             case "end":
               return _context3.stop();
           }
         }, _callee3);
       }));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClickOutside", function (event) {
+    (0, _defineProperty2.default)(_this, "handleClickOutside", function (event) {
       if (event.target instanceof Element && _this.wrapperRef.current && !_this.wrapperRef.current.contains(event.target)) {
         var _this$props = _this.props,
           _this$props$view = _this$props.view,
@@ -403,7 +397,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         onClickAwayCallback === null || onClickAwayCallback === void 0 || onClickAwayCallback(state, dispatch);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getScreenReaderText", function () {
+    (0, _defineProperty2.default)(_this, "getScreenReaderText", function () {
       var intl = _this.props.intl;
       var _this$state3 = _this.state,
         items = _this$state3.items,
@@ -418,7 +412,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         return "".concat(name, ", ").concat(_container, ", ").concat(date === null || date === void 0 ? void 0 : date.pageAction, " ").concat(date === null || date === void 0 ? void 0 : date.dateString, " ").concat((date === null || date === void 0 ? void 0 : date.timeSince) || '');
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isUrlPopulatedWithSelectedItem", function () {
+    (0, _defineProperty2.default)(_this, "isUrlPopulatedWithSelectedItem", function () {
       /**
        * When we use ArrowKey to navigate through result items,
        * the URL field will be populated with the content of
@@ -438,10 +432,10 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
       }
       return false;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelected", function (href, text) {
+    (0, _defineProperty2.default)(_this, "handleSelected", function (href, text) {
       _this.handleInsert(href, text, _analytics.INPUT_METHOD.TYPEAHEAD, 'click');
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleInsert", function (href, title, inputType, interaction) {
+    (0, _defineProperty2.default)(_this, "handleInsert", function (href, title, inputType, interaction) {
       var _this$props2 = _this.props,
         searchSessionId = _this$props2.searchSessionId,
         onSubmit = _this$props2.onSubmit;
@@ -477,7 +471,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseEnterResultItem", function (objectId) {
+    (0, _defineProperty2.default)(_this, "handleMouseEnterResultItem", function (objectId) {
       var items = _this.state.items;
       var index = findIndex(items, function (item) {
         return item.objectId === objectId;
@@ -486,7 +480,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         selectedIndex: index
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseLeaveResultItem", function (objectId) {
+    (0, _defineProperty2.default)(_this, "handleMouseLeaveResultItem", function (objectId) {
       var _this$state6 = _this.state,
         items = _this$state6.items,
         selectedIndex = _this$state6.selectedIndex;
@@ -500,7 +494,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSubmit", function () {
+    (0, _defineProperty2.default)(_this, "handleSubmit", function () {
       var _this$state7 = _this.state,
         displayUrl = _this$state7.displayUrl,
         selectedIndex = _this$state7.selectedIndex,
@@ -515,7 +509,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         }
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClearTextKeyDown", function (event) {
+    (0, _defineProperty2.default)(_this, "handleClearTextKeyDown", function (event) {
       var KEY_CODE_TAB = 9;
       var keyCode = event.keyCode;
       if (keyCode === KEY_CODE_TAB) {
@@ -530,7 +524,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         return;
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
+    (0, _defineProperty2.default)(_this, "handleKeyDown", function (event) {
       var _this$state9 = _this.state,
         items = _this$state9.items,
         selectedIndex = _this$state9.selectedIndex;
@@ -581,12 +575,12 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateTextInput", function (displayText) {
+    (0, _defineProperty2.default)(_this, "updateTextInput", function (displayText) {
       _this.setState({
         displayText: displayText
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCancel", function (e) {
+    (0, _defineProperty2.default)(_this, "handleCancel", function (e) {
       var _this$props4 = _this.props,
         _this$props4$view = _this$props4.view,
         state = _this$props4$view.state,
@@ -610,7 +604,8 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
     _this.fireCustomAnalytics = (0, _analytics.fireAnalyticsEvent)(props.createAnalyticsEvent);
     return _this;
   }
-  (0, _createClass2.default)(HyperlinkLinkAddToolbar, [{
+  (0, _inherits2.default)(HyperlinkLinkAddToolbar, _PureComponent);
+  return (0, _createClass2.default)(HyperlinkLinkAddToolbar, [{
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
@@ -941,7 +936,6 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
       })));
     }
   }]);
-  return HyperlinkLinkAddToolbar;
 }(_react.PureComponent);
 function findIndex(array, predicate) {
   var index = -1;

package/dist/cjs/link/LinkSearch/LinkSearchList.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.linkSearchList = exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _LinkSearchListItem = _interopRequireDefault(require("./LinkSearchListItem"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -36,13 +36,12 @@ var linkSearchList = exports.linkSearchList = (0, _react2.css)({
   listStyle: 'none'
 });
 var LinkSearchList = exports.default = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(LinkSearchList, _PureComponent);
-  var _super = _createSuper(LinkSearchList);
   function LinkSearchList() {
     (0, _classCallCheck2.default)(this, LinkSearchList);
-    return _super.apply(this, arguments);
+    return _callSuper(this, LinkSearchList, arguments);
   }
-  (0, _createClass2.default)(LinkSearchList, [{
+  (0, _inherits2.default)(LinkSearchList, _PureComponent);
+  return (0, _createClass2.default)(LinkSearchList, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -91,5 +90,4 @@ var LinkSearchList = exports.default = /*#__PURE__*/function (_PureComponent) {
       }, itemsContent, loadingContent);
     }
   }]);
-  return LinkSearchList;
 }(_react.PureComponent);

package/dist/cjs/link/LinkSearch/LinkSearchListItem.js

@@ -8,10 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.nameStyle = exports.default = exports.containerSelected = exports.containerName = exports.container = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 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 _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
@@ -21,7 +20,7 @@ var _listItemAlts = require("./listItemAlts");
 var _transformTimeStamp = require("./transformTimeStamp");
 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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -71,35 +70,33 @@ var iconStyle = (0, _react2.css)({
   }
 });
 var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(LinkSearchListItem, _React$PureComponent);
-  var _super = _createSuper(LinkSearchListItem);
   function LinkSearchListItem() {
     var _this;
     (0, _classCallCheck2.default)(this, LinkSearchListItem);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelect", function (e) {
+    _this = _callSuper(this, LinkSearchListItem, [].concat(args));
+    (0, _defineProperty2.default)(_this, "handleSelect", function (e) {
       e.preventDefault(); // don't let editor lose focus
       var _this$props = _this.props,
         item = _this$props.item,
         onSelect = _this$props.onSelect;
       onSelect(item.url, item.name);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseMove", function () {
+    (0, _defineProperty2.default)(_this, "handleMouseMove", function () {
       var _this$props2 = _this.props,
         onMouseMove = _this$props2.onMouseMove,
         item = _this$props2.item;
       onMouseMove && onMouseMove(item.objectId);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseEnter", function () {
+    (0, _defineProperty2.default)(_this, "handleMouseEnter", function () {
       var _this$props3 = _this.props,
         onMouseEnter = _this$props3.onMouseEnter,
         item = _this$props3.item;
       onMouseEnter && onMouseEnter(item.objectId);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseLeave", function () {
+    (0, _defineProperty2.default)(_this, "handleMouseLeave", function () {
       var _this$props4 = _this.props,
         onMouseLeave = _this$props4.onMouseLeave,
         item = _this$props4.item;
@@ -107,7 +104,8 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
     });
     return _this;
   }
-  (0, _createClass2.default)(LinkSearchListItem, [{
+  (0, _inherits2.default)(LinkSearchListItem, _React$PureComponent);
+  return (0, _createClass2.default)(LinkSearchListItem, [{
     key: "renderIcon",
     value: function renderIcon() {
       var _this$props5 = this.props,
@@ -174,6 +172,5 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
       );
     }
   }]);
-  return LinkSearchListItem;
 }(_react.default.PureComponent);
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(LinkSearchListItem);

package/dist/cjs/link/LinkSearch/index.js

@@ -9,10 +9,9 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 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 _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
@@ -20,21 +19,19 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../../analytics");
 var _LinkSearchList = _interopRequireDefault(require("./LinkSearchList"));
 var _withActivityProvider = _interopRequireDefault(require("./withActivityProvider"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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; })(); }
 var DEFAULT_ITEMS_LIMIT = 5;
 var limit = function limit(items, max) {
   return items.slice(0, max);
 };
 var RecentLink = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(RecentLink, _React$Component);
-  var _super = _createSuper(RecentLink);
   function RecentLink(props) {
     var _this;
     (0, _classCallCheck2.default)(this, RecentLink);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "activityProvider", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSubmit", function () {
+    _this = _callSuper(this, RecentLink, [props]);
+    (0, _defineProperty2.default)(_this, "activityProvider", null);
+    (0, _defineProperty2.default)(_this, "handleSubmit", function () {
       var _this$state = _this.state,
         items = _this$state.items,
         url = _this$state.url,
@@ -72,7 +69,7 @@ var RecentLink = /*#__PURE__*/function (_React$Component) {
           }
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelected", function (href, text) {
+    (0, _defineProperty2.default)(_this, "handleSelected", function (href, text) {
       if (_this.props.onSubmit) {
         _this.setState(function () {
           return {
@@ -86,7 +83,7 @@ var RecentLink = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChange", /*#__PURE__*/function () {
+    (0, _defineProperty2.default)(_this, "handleChange", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(input) {
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -142,7 +139,7 @@ var RecentLink = /*#__PURE__*/function (_React$Component) {
         return _ref.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (e) {
+    (0, _defineProperty2.default)(_this, "handleKeyDown", function (e) {
       var _this$state2 = _this.state,
         items = _this$state2.items,
         selectedIndex = _this$state2.selectedIndex;
@@ -163,7 +160,7 @@ var RecentLink = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseMove", function (objectId) {
+    (0, _defineProperty2.default)(_this, "handleMouseMove", function (objectId) {
       var items = _this.state.items;
       if (items) {
         var index = items.findIndex(function (item) {
@@ -174,7 +171,7 @@ var RecentLink = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderRecentList", function () {
+    (0, _defineProperty2.default)(_this, "renderRecentList", function () {
       var _this$state3 = _this.state,
         items = _this$state3.items,
         isLoading = _this$state3.isLoading,
@@ -187,7 +184,7 @@ var RecentLink = /*#__PURE__*/function (_React$Component) {
         onMouseMove: _this.handleMouseMove
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clearValue", function () {
+    (0, _defineProperty2.default)(_this, "clearValue", function () {
       _this.setState({
         url: ''
       });
@@ -200,7 +197,8 @@ var RecentLink = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  (0, _createClass2.default)(RecentLink, [{
+  (0, _inherits2.default)(RecentLink, _React$Component);
+  return (0, _createClass2.default)(RecentLink, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       if (!(0, _platformFeatureFlags.fg)('platform_editor_react18_phase2_v2')) {
@@ -340,7 +338,6 @@ var RecentLink = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-  return RecentLink;
 }(_react.default.Component);
 (0, _defineProperty2.default)(RecentLink, "defaultProps", {
   limit: DEFAULT_ITEMS_LIMIT