@atlaskit/editor-common 96.4.0 → 96.5.0

package/dist/esm/extensibility/ExtensionComponent.js

@@ -4,14 +4,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["extensionProvider", "showLivePagesBodiedMacrosRendererView", "node"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
 /* eslint-disable @repo/internal/react/no-class-components */
 import React, { Component, useEffect, useLayoutEffect, useRef, useState } from 'react';
@@ -49,32 +48,30 @@ var getBodiedExtensionContent = function getBodiedExtensionContent(node) {
   return !!bodiedExtensionContent.length ? bodiedExtensionContent : node.attrs.text;
 };
 export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
-  _inherits(ExtensionComponentOld, _Component);
-  var _super = _createSuper(ExtensionComponentOld);
   function ExtensionComponentOld() {
     var _this;
     _classCallCheck(this, ExtensionComponentOld);
     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));
-    _defineProperty(_assertThisInitialized(_this), "privatePropsParsed", false);
-    _defineProperty(_assertThisInitialized(_this), "state", {});
-    _defineProperty(_assertThisInitialized(_this), "mounted", false);
+    _this = _callSuper(this, ExtensionComponentOld, [].concat(args));
+    _defineProperty(_this, "privatePropsParsed", false);
+    _defineProperty(_this, "state", {});
+    _defineProperty(_this, "mounted", false);
     // memoized to avoid rerender on extension state changes
-    _defineProperty(_assertThisInitialized(_this), "getNodeRenderer", memoizeOne(getNodeRenderer));
-    _defineProperty(_assertThisInitialized(_this), "getExtensionModuleNodePrivateProps", memoizeOne(getExtensionModuleNodePrivateProps));
-    _defineProperty(_assertThisInitialized(_this), "setIsNodeHovered", function (isHovered) {
+    _defineProperty(_this, "getNodeRenderer", memoizeOne(getNodeRenderer));
+    _defineProperty(_this, "getExtensionModuleNodePrivateProps", memoizeOne(getExtensionModuleNodePrivateProps));
+    _defineProperty(_this, "setIsNodeHovered", function (isHovered) {
       _this.setState({
         isNodeHovered: isHovered
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "setShowBodiedExtensionRendererView", function (showRendererView) {
+    _defineProperty(_this, "setShowBodiedExtensionRendererView", function (showRendererView) {
       _this.setState({
         showBodiedExtensionRendererView: showRendererView
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "setStateFromPromise", function (stateKey, promise) {
+    _defineProperty(_this, "setStateFromPromise", function (stateKey, promise) {
       promise && promise.then(function (p) {
         if (!_this.mounted) {
           return;
@@ -89,7 +86,7 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
      * private props come from extension provider, rather than an extension
      * handler which only handles `render`/component concerns.
      */
-    _defineProperty(_assertThisInitialized(_this), "parsePrivateNodePropsIfNeeded", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    _defineProperty(_this, "parsePrivateNodePropsIfNeeded", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _this$props$node$attr, extensionType, extensionKey, privateProps;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -129,7 +126,7 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
         }
       }, _callee, null, [[4, 11]]);
     })));
-    _defineProperty(_assertThisInitialized(_this), "handleExtension", function (pmNode, actions) {
+    _defineProperty(_this, "handleExtension", function (pmNode, actions) {
       var _pmNode$marks;
       var _this$props = _this.props,
         extensionHandlers = _this$props.extensionHandlers,
@@ -192,7 +189,8 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(ExtensionComponentOld, [{
+  _inherits(ExtensionComponentOld, _Component);
+  return _createClass(ExtensionComponentOld, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       this.mounted = true;
@@ -323,7 +321,6 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
       return null;
     }
   }]);
-  return ExtensionComponentOld;
 }(Component);
 export var ExtensionComponentNew = function ExtensionComponentNew(props) {
   var extensionProviderResolver = props.extensionProvider,
@@ -361,21 +358,19 @@ export var ExtensionComponentNew = function ExtensionComponentNew(props) {
   }));
 };
 var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
-  _inherits(ExtensionComponentInner, _Component2);
-  var _super2 = _createSuper(ExtensionComponentInner);
   function ExtensionComponentInner() {
     var _this2;
     _classCallCheck(this, ExtensionComponentInner);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this2 = _super2.call.apply(_super2, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this2), "privatePropsParsed", false);
-    _defineProperty(_assertThisInitialized(_this2), "state", {});
+    _this2 = _callSuper(this, ExtensionComponentInner, [].concat(args));
+    _defineProperty(_this2, "privatePropsParsed", false);
+    _defineProperty(_this2, "state", {});
     // memoized to avoid rerender on extension state changes
-    _defineProperty(_assertThisInitialized(_this2), "getNodeRenderer", memoizeOne(getNodeRenderer));
-    _defineProperty(_assertThisInitialized(_this2), "getExtensionModuleNodePrivateProps", memoizeOne(getExtensionModuleNodePrivateProps));
-    _defineProperty(_assertThisInitialized(_this2), "setIsNodeHovered", function (isHovered) {
+    _defineProperty(_this2, "getNodeRenderer", memoizeOne(getNodeRenderer));
+    _defineProperty(_this2, "getExtensionModuleNodePrivateProps", memoizeOne(getExtensionModuleNodePrivateProps));
+    _defineProperty(_this2, "setIsNodeHovered", function (isHovered) {
       _this2.setState({
         isNodeHovered: isHovered
       });
@@ -387,7 +382,7 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
      * private props come from extension provider, rather than an extension
      * handler which only handles `render`/component concerns.
      */
-    _defineProperty(_assertThisInitialized(_this2), "parsePrivateNodePropsIfNeeded", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    _defineProperty(_this2, "parsePrivateNodePropsIfNeeded", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _this2$props$node$att, extensionType, extensionKey, privateProps;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -427,7 +422,7 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
         }
       }, _callee2, null, [[4, 11]]);
     })));
-    _defineProperty(_assertThisInitialized(_this2), "handleExtension", function (pmNode, actions) {
+    _defineProperty(_this2, "handleExtension", function (pmNode, actions) {
       var _pmNode$marks2;
       var _this2$props = _this2.props,
         extensionHandlers = _this2$props.extensionHandlers,
@@ -490,7 +485,8 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
     });
     return _this2;
   }
-  _createClass(ExtensionComponentInner, [{
+  _inherits(ExtensionComponentInner, _Component2);
+  return _createClass(ExtensionComponentInner, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       this.parsePrivateNodePropsIfNeeded();
@@ -589,7 +585,6 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
       return null;
     }
   }]);
-  return ExtensionComponentInner;
 }(Component);
 export var ExtensionComponent = function ExtensionComponent(props) {
   if (fg('platform_editor_react18_extension_component_v2')) {

package/dist/esm/extensibility/extensionNodeView.js

@@ -1,9 +1,9 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
 import React from 'react';
 import ReactNodeView from '../react-node-view';
@@ -15,13 +15,12 @@ import { ExtensionNodeWrapper } from './ExtensionNodeWrapper';
 // The ReactNodeView api will be visited in the second phase of the selections
 // project whilst investigating block nodes. We will revisit the Extension node view there too.
 export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
-  _inherits(ExtensionNode, _ReactNodeView);
-  var _super = _createSuper(ExtensionNode);
   function ExtensionNode() {
     _classCallCheck(this, ExtensionNode);
-    return _super.apply(this, arguments);
+    return _callSuper(this, ExtensionNode, arguments);
   }
-  _createClass(ExtensionNode, [{
+  _inherits(ExtensionNode, _ReactNodeView);
+  return _createClass(ExtensionNode, [{
     key: "ignoreMutation",
     value: function ignoreMutation(mutation) {
       // Extensions can perform async operations that will change the DOM.
@@ -72,7 +71,6 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
       }));
     }
   }]);
-  return ExtensionNode;
 }(ReactNodeView);
 export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView, rendererExtensionHandlers) {
   return function (node, view, getPos) {

package/dist/esm/extensions/default-extension-provider.js

@@ -16,7 +16,7 @@ var DefaultExtensionProvider = /*#__PURE__*/function () {
     this.manifestsPromise = Promise.resolve(manifests);
     this.autoConvertHandlers = autoConvertHandlers;
   }
-  _createClass(DefaultExtensionProvider, [{
+  return _createClass(DefaultExtensionProvider, [{
     key: "getExtensions",
     value: function getExtensions() {
       return this.manifestsPromise;
@@ -112,6 +112,5 @@ var DefaultExtensionProvider = /*#__PURE__*/function () {
       return getAutoConverter;
     }()
   }]);
-  return DefaultExtensionProvider;
 }();
 export { DefaultExtensionProvider as default };

package/dist/esm/hooks/useSharedPluginState.js

@@ -33,6 +33,9 @@ function useStaticPlugins(plugins) {
 }
 
 /**
+ *
+ * NOTE: Generally you may want to use `usePluginStateSelector` over this which behaves similarly
+ * but selects a slice of the state which is more performant.
  *
  * ⚠️⚠️⚠️ This is a debounced hook ⚠️⚠️⚠️
  * If the plugins you are listening to generate multiple shared states while the user is typing,

package/dist/esm/hooks/useSharedPluginStateSelector/index.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { useSharedPluginStateSelector } from './useSharedPluginStateSelector';

package/dist/esm/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.js

@@ -0,0 +1,108 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _toArray from "@babel/runtime/helpers/toArray";
+import { useState, useCallback, useMemo } from 'react';
+import get from 'lodash/get';
+import isEqual from 'lodash/isEqual';
+import { usePluginStateEffect } from '../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 
+ */
+export function useSharedPluginStateSelector(api, plugin) {
+  var transformer = useCallback(function (pluginState) {
+    var _plugin$split = plugin.split('.'),
+      _plugin$split2 = _toArray(_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 get(pluginState === null || pluginState === void 0 ? void 0 : pluginState["".concat(pluginName, "State")], properties);
+  }, [plugin]);
+  var pluginNameArray = useMemo(function () {
+    var _plugin$split3 = plugin.split('.'),
+      _plugin$split4 = _slicedToArray(_plugin$split3, 1),
+      pluginName = _plugin$split4[0];
+    return [pluginName];
+  }, [plugin]);
+  return useSharedPluginStateSelectorInternal(api, pluginNameArray, transformer);
+}
+function useSharedPluginStateSelectorInternal(api, plugins, transformer) {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedPluginState = _useState2[0],
+    setSelectedPluginState = _useState2[1];
+  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 (!isEqual(transformedValue, selectedPluginState)) {
+      setSelectedPluginState(transformedValue);
+    }
+  });
+  return selectedPluginState;
+}

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@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) { _defineProperty(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);
 export var scheduleCallback = function scheduleCallback(cb, options) {
   return hasIdleCallback ? requestIdleCallback(cb, _objectSpread({
     timeout: 5000

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

@@ -88,7 +88,7 @@ export var LazyNodeView = /*#__PURE__*/function () {
       }
     }
   }
-  _createClass(LazyNodeView, [{
+  return _createClass(LazyNodeView, [{
     key: "ignoreMutation",
     value: function ignoreMutation() {
       if (this.node.type.isTextblock) {
@@ -97,5 +97,4 @@ export var LazyNodeView = /*#__PURE__*/function () {
       return true;
     }
   }]);
-  return LazyNodeView;
 }();

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

@@ -3,13 +3,12 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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
@@ -153,20 +152,18 @@ var mapSearchProviderResultToLinkSearchItemData = function mapSearchProviderResu
   };
 };
 export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
-  _inherits(HyperlinkLinkAddToolbar, _PureComponent);
-  var _super = _createSuper(HyperlinkLinkAddToolbar);
   function HyperlinkLinkAddToolbar(props) {
     var _this;
     _classCallCheck(this, HyperlinkLinkAddToolbar);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, HyperlinkLinkAddToolbar, [props]);
     /* To prevent double submit */
-    _defineProperty(_assertThisInitialized(_this), "submitted", false);
-    _defineProperty(_assertThisInitialized(_this), "urlInputContainer", null);
-    _defineProperty(_assertThisInitialized(_this), "displayTextInputContainer", null);
-    _defineProperty(_assertThisInitialized(_this), "wrapperRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "quickSearchQueryVersion", 0);
-    _defineProperty(_assertThisInitialized(_this), "analyticSource", 'createLinkInlineDialog');
-    _defineProperty(_assertThisInitialized(_this), "quickSearch", /*#__PURE__*/function () {
+    _defineProperty(_this, "submitted", false);
+    _defineProperty(_this, "urlInputContainer", null);
+    _defineProperty(_this, "displayTextInputContainer", null);
+    _defineProperty(_this, "wrapperRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "quickSearchQueryVersion", 0);
+    _defineProperty(_this, "analyticSource", 'createLinkInlineDialog');
+    _defineProperty(_this, "quickSearch", /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(input, items, quickSearchLimit) {
         var _this$state, searchProvider, displayUrl, searchSessionId, queryVersion, perfStart, searchProviderResultItems, searchItems, perfStop, duration, _perfStop, _duration;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -271,7 +268,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         return _ref3.apply(this, arguments);
       };
     }());
-    _defineProperty(_assertThisInitialized(_this), "updateInput", /*#__PURE__*/function () {
+    _defineProperty(_this, "updateInput", /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(input) {
         var _this$state2, activityProvider, searchProvider, items, shouldQuerySearchProvider;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -337,58 +334,55 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         return _ref4.apply(this, arguments);
       };
     }());
-    _defineProperty(_assertThisInitialized(_this), "createClearHandler", function (field) {
+    _defineProperty(_this, "createClearHandler", function (field) {
       return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        var activityProvider, _this$setState;
+        var activityProvider;
         return _regeneratorRuntime.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 = {};
-              _defineProperty(_this$setState, field, '');
               _context3.t2 = _defineProperty;
-              _context3.t3 = _this$setState;
+              _context3.t3 = _defineProperty({}, 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(_defineProperty({}, field, ''));
               if (_this.displayTextInputContainer) {
                 _this.displayTextInputContainer.focus();
               }
-            case 26:
+            case 23:
             case "end":
               return _context3.stop();
           }
         }, _callee3);
       }));
     });
-    _defineProperty(_assertThisInitialized(_this), "handleClickOutside", function (event) {
+    _defineProperty(_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,
@@ -398,7 +392,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         onClickAwayCallback === null || onClickAwayCallback === void 0 || onClickAwayCallback(state, dispatch);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "getScreenReaderText", function () {
+    _defineProperty(_this, "getScreenReaderText", function () {
       var intl = _this.props.intl;
       var _this$state3 = _this.state,
         items = _this$state3.items,
@@ -413,7 +407,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         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) || '');
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "isUrlPopulatedWithSelectedItem", function () {
+    _defineProperty(_this, "isUrlPopulatedWithSelectedItem", function () {
       /**
        * When we use ArrowKey to navigate through result items,
        * the URL field will be populated with the content of
@@ -433,10 +427,10 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
       }
       return false;
     });
-    _defineProperty(_assertThisInitialized(_this), "handleSelected", function (href, text) {
+    _defineProperty(_this, "handleSelected", function (href, text) {
       _this.handleInsert(href, text, INPUT_METHOD.TYPEAHEAD, 'click');
     });
-    _defineProperty(_assertThisInitialized(_this), "handleInsert", function (href, title, inputType, interaction) {
+    _defineProperty(_this, "handleInsert", function (href, title, inputType, interaction) {
       var _this$props2 = _this.props,
         searchSessionId = _this$props2.searchSessionId,
         onSubmit = _this$props2.onSubmit;
@@ -472,7 +466,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseEnterResultItem", function (objectId) {
+    _defineProperty(_this, "handleMouseEnterResultItem", function (objectId) {
       var items = _this.state.items;
       var index = findIndex(items, function (item) {
         return item.objectId === objectId;
@@ -481,7 +475,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         selectedIndex: index
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseLeaveResultItem", function (objectId) {
+    _defineProperty(_this, "handleMouseLeaveResultItem", function (objectId) {
       var _this$state6 = _this.state,
         items = _this$state6.items,
         selectedIndex = _this$state6.selectedIndex;
@@ -495,7 +489,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleSubmit", function () {
+    _defineProperty(_this, "handleSubmit", function () {
       var _this$state7 = _this.state,
         displayUrl = _this$state7.displayUrl,
         selectedIndex = _this$state7.selectedIndex,
@@ -510,7 +504,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleClearTextKeyDown", function (event) {
+    _defineProperty(_this, "handleClearTextKeyDown", function (event) {
       var KEY_CODE_TAB = 9;
       var keyCode = event.keyCode;
       if (keyCode === KEY_CODE_TAB) {
@@ -525,7 +519,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         return;
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
+    _defineProperty(_this, "handleKeyDown", function (event) {
       var _this$state9 = _this.state,
         items = _this$state9.items,
         selectedIndex = _this$state9.selectedIndex;
@@ -576,12 +570,12 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "updateTextInput", function (displayText) {
+    _defineProperty(_this, "updateTextInput", function (displayText) {
       _this.setState({
         displayText: displayText
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleCancel", function (e) {
+    _defineProperty(_this, "handleCancel", function (e) {
       var _this$props4 = _this.props,
         _this$props4$view = _this$props4.view,
         state = _this$props4$view.state,
@@ -605,7 +599,8 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
     _this.fireCustomAnalytics = fireAnalyticsEvent(props.createAnalyticsEvent);
     return _this;
   }
-  _createClass(HyperlinkLinkAddToolbar, [{
+  _inherits(HyperlinkLinkAddToolbar, _PureComponent);
+  return _createClass(HyperlinkLinkAddToolbar, [{
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
@@ -936,7 +931,6 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
       })));
     }
   }]);
-  return HyperlinkLinkAddToolbar;
 }(PureComponent);
 function findIndex(array, predicate) {
   var index = -1;

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

@@ -1,9 +1,9 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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
@@ -32,13 +32,12 @@ export var linkSearchList = css({
   listStyle: 'none'
 });
 var LinkSearchList = /*#__PURE__*/function (_PureComponent) {
-  _inherits(LinkSearchList, _PureComponent);
-  var _super = _createSuper(LinkSearchList);
   function LinkSearchList() {
     _classCallCheck(this, LinkSearchList);
-    return _super.apply(this, arguments);
+    return _callSuper(this, LinkSearchList, arguments);
   }
-  _createClass(LinkSearchList, [{
+  _inherits(LinkSearchList, _PureComponent);
+  return _createClass(LinkSearchList, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -87,6 +86,5 @@ var LinkSearchList = /*#__PURE__*/function (_PureComponent) {
       }, itemsContent, loadingContent);
     }
   }]);
-  return LinkSearchList;
 }(PureComponent);
 export { LinkSearchList as default };