@atlaskit/editor-plugin-type-ahead 27.0.4 → 27.0.6

package/dist/cjs/ui/TypeAheadListItem.js

@@ -11,12 +11,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _browser = require("@atlaskit/editor-common/browser");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
+var _fallback = _interopRequireDefault(require("@atlaskit/editor-common/fallback"));
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
-var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
+var _messages = require("@atlaskit/editor-common/type-ahead/messages");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
+var _main = require("@atlaskit/editor-shared-styles/shortcut/main");
 var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
@@ -71,7 +72,7 @@ var itemTitleOverride = (0, _react2.css)({
 });
 var itemDescription = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/use-tokens-typography
-  fontSize: "".concat((0, _editorSharedStyles.relativeFontSizeToBase16)(12), ";"),
+  fontSize: "".concat((0, _constants.relativeFontSizeToBase16)(12), ";"),
   color: "var(--ds-text-subtle, #505258)".concat(";"),
   marginTop: "var(--ds-space-050, 4px)".concat(";")
 });
@@ -120,7 +121,7 @@ var lozengeWrapperStyle = (0, _react2.css)({
   flexShrink: 0
 });
 var FallbackIcon = /*#__PURE__*/_react.default.memo(function () {
-  return (0, _react2.jsx)(_quickInsert.IconFallback, null);
+  return (0, _react2.jsx)(_fallback.default, null);
 });
 var noop = function noop() {};
 var CustomItemComponentWrapper = /*#__PURE__*/_react.default.memo(function (props) {
@@ -174,7 +175,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
     firstOnlineSupportedIndex = _ref.firstOnlineSupportedIndex,
     lastInputMethodRef = _ref.lastInputMethodRef;
   var isSafari = (0, _browser.getBrowserInfo)().safari;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['connectivity'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['connectivity'], function (states) {
       var _states$connectivityS;
       return {
         connectivityMode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
@@ -183,10 +184,10 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
     connectivityMode = _useSharedPluginState.connectivityMode;
   var isItemDisabled = function isItemDisabled(item) {
     var _item$isDisabledOffli;
-    return (0, _editorPluginConnectivity.isOfflineMode)(connectivityMode) && ((_item$isDisabledOffli = item === null || item === void 0 ? void 0 : item.isDisabledOffline) !== null && _item$isDisabledOffli !== void 0 ? _item$isDisabledOffli : false);
+    return (0, _isOfflineMode.isOfflineMode)(connectivityMode) && ((_item$isDisabledOffli = item === null || item === void 0 ? void 0 : item.isDisabledOffline) !== null && _item$isDisabledOffli !== void 0 ? _item$isDisabledOffli : false);
   };
   var itemIsDisabled = (item === null || item === void 0 ? void 0 : item.isNonInteractive) === true || isItemDisabled(item);
-  var isFirstEnabledIndex = (0, _editorPluginConnectivity.isOfflineMode)(connectivityMode) && itemIndex === firstOnlineSupportedIndex && selectedIndex === -1;
+  var isFirstEnabledIndex = (0, _isOfflineMode.isOfflineMode)(connectivityMode) && itemIndex === firstOnlineSupportedIndex && selectedIndex === -1;
 
   /**
    * To select and highlight the first Item when no item is selected
@@ -203,7 +204,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
   // Assistive text
   var intl = (0, _reactIntl.useIntl)();
   var descriptionText = item.description ? "".concat(item.description, ".") : '';
-  var shortcutText = item.keyshortcut ? " ".concat(intl.formatMessage(_typeAhead.typeAheadListMessages.shortcutLabel), " ").concat(item.keyshortcut, ".") : '';
+  var shortcutText = item.keyshortcut ? " ".concat(intl.formatMessage(_messages.typeAheadListMessages.shortcutLabel), " ").concat(item.keyshortcut, ".") : '';
   var descriptionId = "typeahead-item-description-".concat(itemIndex);
   var icon = item.icon,
     title = item.title,
@@ -296,7 +297,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
     }, item.lozenge)), (0, _react2.jsx)("div", {
       css: itemAfter
     }, item.keyshortcut && (0, _react2.jsx)("div", {
-      css: _shortcut.shortcutStyle
+      css: _main.shortcutStyle
     }, item.keyshortcut))), (0, _react2.jsx)("div", {
       css: [itemDescription, moreElementsInQuickInsertViewEnabled && itemDescriptionOverride, itemIsDisabled && disabledStyle]
     }, item.description)))))

package/dist/cjs/ui/TypeAheadPopup.js

@@ -10,16 +10,17 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
+var _utils = require("@atlaskit/editor-common/Popup/utils");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
-var _ui = require("@atlaskit/editor-common/ui");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _analytics2 = require("../pm-plugins/analytics");
-var _constants = require("../pm-plugins/constants");
-var _utils = require("../pm-plugins/utils");
+var _analytics = require("../pm-plugins/analytics");
+var _constants2 = require("../pm-plugins/constants");
+var _utils2 = require("../pm-plugins/utils");
 var _TypeAheadErrorFallback = require("./TypeAheadErrorFallback");
 var _TypeAheadList = require("./TypeAheadList");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -83,7 +84,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     api = props.api,
     showMoreOptionsButton = props.showMoreOptionsButton;
   var ref = (0, _react.useRef)(null);
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['featureFlags'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['featureFlags'], function (states) {
       var _states$featureFlagsS;
       return {
         moreElementsInQuickInsertView: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.moreElementsInQuickInsertView
@@ -98,7 +99,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
   var activityStateRef = (0, _react.useRef)({
     inputMethod: null,
     closeAction: null,
-    invocationMethod: (_getPluginState = (0, _utils.getPluginState)(editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.inputMethod
+    invocationMethod: (_getPluginState = (0, _utils2.getPluginState)(editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.inputMethod
   });
   var startTime = (0, _react.useMemo)(function () {
     return performance.now();
@@ -115,9 +116,9 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     var stopTime = performance.now();
     var time = stopTime - startTime;
     api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
-      action: _analytics.ACTION.RENDERED,
-      actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD,
-      eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+      action: _enums.ACTION.RENDERED,
+      actionSubject: _enums.ACTION_SUBJECT.TYPEAHEAD,
+      eventType: _enums.EVENT_TYPE.OPERATIONAL,
       attributes: {
         time: time,
         items: items.length,
@@ -136,9 +137,9 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
       return;
     }
     api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 || (_api$analytics4 = _api$analytics4.actions) === null || _api$analytics4 === void 0 || _api$analytics4.fireAnalyticsEvent({
-      action: _analytics.ACTION.VIEWED,
-      actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD_ITEM,
-      eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+      action: _enums.ACTION.VIEWED,
+      actionSubject: _enums.ACTION_SUBJECT.TYPEAHEAD_ITEM,
+      eventType: _enums.EVENT_TYPE.OPERATIONAL,
       attributes: {
         index: selectedIndex,
         items: items.length
@@ -199,7 +200,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
   (0, _react.useLayoutEffect)(function () {
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    var scrollableElement = popupsScrollableElement || (0, _ui.findOverflowScrollParent)(anchorElement);
+    var scrollableElement = popupsScrollableElement || (0, _utils.findOverflowScrollParent)(anchorElement);
     getFitHeight();
     // Ignored via go/ees005
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -221,7 +222,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     };
   }, [anchorElement, popupsScrollableElement, getFitHeightDebounced, getFitHeight]);
   (0, _react.useLayoutEffect)(function () {
-    var _ref2 = (0, _utils.getPluginState)(editorView.state) || {},
+    var _ref2 = (0, _utils2.getPluginState)(editorView.state) || {},
       removePrefixTriggerOnCancel = _ref2.removePrefixTriggerOnCancel;
     var focusOut = function focusOut(event) {
       var _window$getSelection;
@@ -229,7 +230,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
       // Given the user is changing the focus
       // When the target is inside the TypeAhead Popup
       // Then the popup should stay open
-      if (relatedTarget instanceof HTMLElement && relatedTarget.closest && (relatedTarget.closest(".".concat(_constants.TYPE_AHEAD_POPUP_CONTENT_CLASS)) || relatedTarget.closest("[data-type-ahead=\"".concat(_constants.TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, "\"]")))) {
+      if (relatedTarget instanceof HTMLElement && relatedTarget.closest && (relatedTarget.closest(".".concat(_constants2.TYPE_AHEAD_POPUP_CONTENT_CLASS)) || relatedTarget.closest("[data-type-ahead=\"".concat(_constants2.TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, "\"]")))) {
         return;
       }
 
@@ -254,7 +255,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
       }
       cancel({
         addPrefixTrigger: isEditorControlsEnabled ? !removePrefixTriggerOnCancel : true,
-        setSelectionAt: _constants.CloseSelectionOptions.AFTER_TEXT_INSERTED,
+        setSelectionAt: _constants2.CloseSelectionOptions.AFTER_TEXT_INSERTED,
         forceFocusOnEditor: false
       });
     };
@@ -272,14 +273,14 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
   // TODO: ED-17443 - When you press escape on typeahead panel, it should remove focus and close the panel
   // This is the expected keyboard behaviour advised by the Accessibility team
   (0, _react.useLayoutEffect)(function () {
-    var _ref3 = (0, _utils.getPluginState)(editorView.state) || {},
+    var _ref3 = (0, _utils2.getPluginState)(editorView.state) || {},
       removePrefixTriggerOnCancel = _ref3.removePrefixTriggerOnCancel;
     var escape = function escape(event) {
       if (event.key === 'Escape') {
-        activityStateRef.current.inputMethod = _analytics.INPUT_METHOD.KEYBOARD;
+        activityStateRef.current.inputMethod = _enums.INPUT_METHOD.KEYBOARD;
         cancel({
           addPrefixTrigger: isEditorControlsEnabled ? !removePrefixTriggerOnCancel : true,
-          setSelectionAt: _constants.CloseSelectionOptions.AFTER_TEXT_INSERTED,
+          setSelectionAt: _constants2.CloseSelectionOptions.AFTER_TEXT_INSERTED,
           forceFocusOnEditor: true
         });
       }
@@ -302,14 +303,14 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
     openElementBrowserModal && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && triggerHandler.id === _typeAhead.TypeAheadAvailableNodes.QUICK_INSERT) {
       activityStateRef.current = {
-        inputMethod: _analytics.INPUT_METHOD.MOUSE,
-        closeAction: _analytics.ACTION.VIEW_MORE,
+        inputMethod: _enums.INPUT_METHOD.MOUSE,
+        closeAction: _enums.ACTION.VIEW_MORE,
         invocationMethod: activityStateRef.current.invocationMethod
       };
     }
   }, [openElementBrowserModal, triggerHandler.id]);
-  return (0, _react2.jsx)(_ui.Popup, {
-    zIndex: _editorSharedStyles.akEditorFloatingDialogZIndex,
+  return (0, _react2.jsx)(_Popup.default, {
+    zIndex: _constants.akEditorFloatingDialogZIndex,
     target: anchorElement,
     mountTo: popupsMountPoint,
     boundariesElement: popupsBoundariesElement,
@@ -325,7 +326,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
       if (selectedIndex > -1 && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
         // if selectedIndex is -1, it means that the user has not selected any item
         // will be handled by WrapperTypeAhead
-        (0, _analytics2.fireTypeAheadClosedAnalyticsEvent)(api, activityStateRef.current.closeAction || _analytics.ACTION.CANCELLED, !isEmptyQuery, activityStateRef.current.inputMethod || _analytics.INPUT_METHOD.MOUSE, activityStateRef.current.invocationMethod);
+        (0, _analytics.fireTypeAheadClosedAnalyticsEvent)(api, activityStateRef.current.closeAction || _enums.ACTION.CANCELLED, !isEmptyQuery, activityStateRef.current.inputMethod || _enums.INPUT_METHOD.MOUSE, activityStateRef.current.invocationMethod);
 
         // reset activity state
         activityStateRef.current = {
@@ -339,7 +340,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     css: [typeAheadContent, moreElementsInQuickInsertViewEnabled && typeAheadContentOverride, showMoreOptionsButton && typeAheadWrapperWithViewMoreOverride, (0, _expValEquals.expValEquals)('cc-markdown-mode', 'isEnabled', true) && typeAheadContentOverrideBorder]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: _constants.TYPE_AHEAD_POPUP_CONTENT_CLASS,
+    className: _constants2.TYPE_AHEAD_POPUP_CONTENT_CLASS,
     ref: ref
   }, errorInfo ? (0, _react2.jsx)(_TypeAheadErrorFallback.TypeAheadErrorFallback, null) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(Highlight, {
     state: editorView.state,
@@ -355,7 +356,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
       if ((0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
         activityStateRef.current = {
           inputMethod: inputMethod || null,
-          closeAction: _analytics.ACTION.INSERTED,
+          closeAction: _enums.ACTION.INSERTED,
           invocationMethod: activityStateRef.current.invocationMethod
         };
       }

package/dist/cjs/ui/WrapperTypeAhead.js

@@ -9,12 +9,12 @@ exports.WrapperTypeAhead = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
-var _analytics2 = require("../pm-plugins/analytics");
+var _analytics = require("../pm-plugins/analytics");
 var _updateQuery = require("../pm-plugins/commands/update-query");
 var _itemIsDisabled2 = require("../pm-plugins/item-is-disabled");
 var _utils = require("../pm-plugins/utils");
@@ -94,7 +94,7 @@ var WrapperTypeAhead = exports.WrapperTypeAhead = /*#__PURE__*/_react.default.me
       forceFocusOnEditor = _ref2.forceFocusOnEditor;
     if ((0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
       var _getPluginState;
-      (0, _analytics2.fireTypeAheadClosedAnalyticsEvent)(api, _analytics.ACTION.CANCELLED, !!queryRef.current, _analytics.INPUT_METHOD.KEYBOARD, (_getPluginState = (0, _utils.getPluginState)(editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.inputMethod);
+      (0, _analytics.fireTypeAheadClosedAnalyticsEvent)(api, _enums.ACTION.CANCELLED, !!queryRef.current, _enums.INPUT_METHOD.KEYBOARD, (_getPluginState = (0, _utils.getPluginState)(editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.inputMethod);
     }
     setClosed(true);
     var fullquery = addPrefixTrigger ? "".concat(triggerHandler.trigger).concat(text) : text;
@@ -126,7 +126,7 @@ var WrapperTypeAhead = exports.WrapperTypeAhead = /*#__PURE__*/_react.default.me
     }
     if ((0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
       var _getPluginState2;
-      (0, _analytics2.fireTypeAheadClosedAnalyticsEvent)(api, _analytics.ACTION.INSERTED, !!queryRef.current, _analytics.INPUT_METHOD.KEYBOARD, (_getPluginState2 = (0, _utils.getPluginState)(editorView.state)) === null || _getPluginState2 === void 0 ? void 0 : _getPluginState2.inputMethod);
+      (0, _analytics.fireTypeAheadClosedAnalyticsEvent)(api, _enums.ACTION.INSERTED, !!queryRef.current, _enums.INPUT_METHOD.KEYBOARD, (_getPluginState2 = (0, _utils.getPluginState)(editorView.state)) === null || _getPluginState2 === void 0 ? void 0 : _getPluginState2.inputMethod);
     }
     setClosed(true);
     queueMicrotask(function () {

package/dist/cjs/ui/registered-menu/RegisteredTypeAheadMenu.js

@@ -12,11 +12,11 @@ var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
+var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
 var _registeredMenuModel = require("@atlaskit/editor-common/quick-insert/registered-menu-model");
 var _useMenuPopupSizing = require("@atlaskit/editor-common/quick-insert/use-menu-popup-sizing");
 var _typeAheadIsSectionOverflowItemKey = require("@atlaskit/editor-common/type-ahead-is-section-overflow-item-key");
 var _typeAheadSurfaceContext = require("@atlaskit/editor-common/type-ahead-surface-context");
-var _ui = require("@atlaskit/editor-common/ui");
 var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _createSurfaceContext = require("@atlaskit/editor-ui-control-model/create-surface-context");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
@@ -97,14 +97,15 @@ var RegisteredTypeAheadMenu = exports.RegisteredTypeAheadMenu = function Registe
     });
   }, [components]);
   var menuModel = (0, _react.useMemo)(function () {
-    return query === '' ? (0, _registeredMenuModel.buildQuickInsertMenuModel)(components, surface.root, hasSectionOverflowItems && isSlashCommandEnabled ? _registeredMenuModel.selectQuickInsertCategoryItems : undefined, surfaceContext) : (0, _registeredMenuModel.getMatchingQuickInsertComponents)({
+    return query === '' ? (0, _registeredMenuModel.buildQuickInsertMenuModel)(components, surface.root, hasSectionOverflowItems && isSlashCommandEnabled ? _registeredMenuModel.selectQuickInsertCategoryItems : undefined, surfaceContext, triggerHandler.getRegisteredItemRank) : (0, _registeredMenuModel.getMatchingQuickInsertComponents)({
       components: components,
       rootComponent: surface.root,
       query: query,
       formatMessage: formatMessage,
-      surfaceContext: surfaceContext
+      surfaceContext: surfaceContext,
+      getItemRank: triggerHandler.getRegisteredItemRank
     });
-  }, [components, formatMessage, hasSectionOverflowItems, isSlashCommandEnabled, query, surfaceContext, surface.root]);
+  }, [components, formatMessage, hasSectionOverflowItems, isSlashCommandEnabled, query, surfaceContext, surface.root, triggerHandler.getRegisteredItemRank]);
   var rows = (0, _react.useMemo)(function () {
     return (0, _registeredMenuModel.getQuickInsertMenuRows)(menuModel);
   }, [menuModel]);
@@ -220,7 +221,7 @@ var RegisteredTypeAheadMenu = exports.RegisteredTypeAheadMenu = function Registe
     selectPreviousItem: selectPreviousItem,
     shouldKeepOpenOnRegisteredMenu: true,
     triggerQueryPrefix: triggerHandler.trigger
-  }), /*#__PURE__*/_react.default.createElement(_ui.Popup, {
+  }), /*#__PURE__*/_react.default.createElement(_Popup.default, {
     ariaLabel: null,
     boundariesElement: popupsBoundariesElement,
     fitHeight: menuHeight,

package/dist/cjs/ui/registered-menu/TypeAheadMenuRenderer.js

@@ -13,7 +13,7 @@ var _CellMeasurer = require("react-virtualized/dist/commonjs/CellMeasurer");
 var _List = require("react-virtualized/dist/commonjs/List");
 var _registeredMenuModel = require("@atlaskit/editor-common/quick-insert/registered-menu-model");
 var _useMenuListHeight2 = require("@atlaskit/editor-common/quick-insert/use-menu-list-height");
-var _typeAhead = require("@atlaskit/editor-common/type-ahead");
+var _messages = require("@atlaskit/editor-common/type-ahead/messages");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _createTypeAheadRowRenderer = require("./createTypeAheadRowRenderer");
 var _getTypeAheadGlobalViewMoreId = require("./getTypeAheadGlobalViewMoreId");
@@ -145,7 +145,7 @@ var TypeAheadMenuRenderer = exports.TypeAheadMenuRenderer = function TypeAheadMe
   }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     align: "center",
     as: "p"
-  }, intl.formatMessage(_typeAhead.typeAheadListMessages.emptySearchResults))) : null, model.footer && /*#__PURE__*/_react.default.createElement(_TypeAheadMenuFooter.TypeAheadMenuFooter, {
+  }, intl.formatMessage(_messages.typeAheadListMessages.emptySearchResults))) : null, model.footer && /*#__PURE__*/_react.default.createElement(_TypeAheadMenuFooter.TypeAheadMenuFooter, {
     id: (0, _getTypeAheadGlobalViewMoreId.getTypeAheadGlobalViewMoreId)(listId),
     isSelected: selectedItemIndex === footerItemIndex,
     Item: Item,

package/dist/cjs/ui/registered-menu/quick-insert/TypeAheadQuickInsertProvider.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.TypeAheadQuickInsertProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
-var _hooks = require("@atlaskit/editor-common/hooks");
 var _provider = require("@atlaskit/editor-common/quick-insert/provider");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _insertTypeAheadItem = require("../../../pm-plugins/commands/insert-type-ahead-item");
 var _useTypeAheadContext2 = require("../useTypeAheadContext");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -25,7 +25,7 @@ var TypeAheadQuickInsertProvider = exports.TypeAheadQuickInsertProvider = functi
     query = _useTypeAheadContext.query,
     surfaceContext = _useTypeAheadContext.surfaceContext,
     triggerHandler = _useTypeAheadContext.triggerHandler;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['connectivity'], function (_ref2) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['connectivity'], function (_ref2) {
       var connectivityState = _ref2.connectivityState;
       return {
         isOffline: (0, _isOfflineMode.isOfflineMode)(connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode)

package/dist/cjs/ui/registered-menu/typeAheadSurfaces.js

@@ -4,17 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTypeAheadSurface = void 0;
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _keys = require("@atlaskit/editor-common/quick-insert/keys");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
+var _messages = require("@atlaskit/editor-common/type-ahead/messages");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _TypeAheadQuickInsertItem = require("./quick-insert/TypeAheadQuickInsertItem");
 var _TypeAheadQuickInsertProvider = require("./quick-insert/TypeAheadQuickInsertProvider");
 var quickInsertSurface = {
-  inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT,
+  inputMethod: _enums.INPUT_METHOD.QUICK_INSERT,
   Item: _TypeAheadQuickInsertItem.TypeAheadQuickInsertItem,
   listIdPrefix: 'quick-insert-menu',
-  listLabel: _typeAhead.typeAheadListMessages.quickInsertInputLabel,
+  listLabel: _messages.typeAheadListMessages.quickInsertInputLabel,
   Provider: _TypeAheadQuickInsertProvider.TypeAheadQuickInsertProvider,
   root: _keys.MENU
 };

package/dist/es2019/pm-plugins/analytics.js

@@ -1,4 +1,4 @@
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
 export const fireTypeAheadClosedAnalyticsEvent = (api, closeAction, hasQuery, inputMethod, invocationMethod = null) => {
   var _api$analytics;
   api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent({

package/dist/es2019/pm-plugins/api.js

@@ -1,4 +1,4 @@
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 import { SelectItemMode, TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { closeTypeAhead } from './commands/close-type-ahead';
 import { insertTypeAheadItem } from './commands/insert-type-ahead-item';

package/dist/es2019/pm-plugins/commands/insert-utils.js

@@ -1,5 +1,5 @@
 import { normaliseNestedLayout, safeInsert } from '@atlaskit/editor-common/insert';
-import { transformNodeIntoListItem } from '@atlaskit/editor-common/utils';
+import { transformNodeIntoListItem } from '@atlaskit/editor-common/utils/insert-node-into-ordered-list';
 import { isNodeOfSameBaseType } from '@atlaskit/editor-common/utils/node-type-utils';
 import { Fragment, Node as PMNode, Slice } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';

package/dist/es2019/pm-plugins/commands/open-typeahead-at-cursor.js

@@ -1,4 +1,4 @@
-import { GapCursorSelection } from '@atlaskit/editor-common/selection';
+import { GapCursorSelection } from '@atlaskit/editor-common/selection/gap-cursor/selection';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ACTIONS } from '../actions';

package/dist/es2019/pm-plugins/input-rules.js

@@ -1,7 +1,8 @@
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { createRule } from '@atlaskit/editor-common/utils';
-import { createPlugin, leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules';
+import { leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules/constants';
+import { createPlugin } from '@atlaskit/prosemirror-input-rules/utils';
 import { openTypeAheadAtCursor } from '../pm-plugins/commands/open-typeahead-at-cursor';
 export function inputRulePlugin(schema, typeAheads, featureFlags) {
   if (!typeAheads || typeAheads.length === 0) {

package/dist/es2019/pm-plugins/item-is-disabled.js

@@ -1,4 +1,4 @@
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
 export const itemIsDisabled = (item, api) => {
   var _api$connectivity, _api$connectivity$sha;
   const isOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 ? void 0 : (_api$connectivity$sha = _api$connectivity.sharedState.currentState()) === null || _api$connectivity$sha === void 0 ? void 0 : _api$connectivity$sha.mode);

package/dist/es2019/pm-plugins/main.js

@@ -1,7 +1,7 @@
 import { InsertTypeAheadStep } from '@atlaskit/adf-schema/steps/type-ahead';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { closest } from '@atlaskit/editor-common/utils';
+import { closest } from '@atlaskit/editor-common/utils/dom';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ACTIONS } from './actions';

package/dist/es2019/pm-plugins/reducer.js

@@ -1,7 +1,7 @@
 import { InsertTypeAheadStages, InsertTypeAheadStep } from '@atlaskit/adf-schema/steps/type-ahead';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { insm } from '@atlaskit/insm';
+import { insm } from '@atlaskit/insm/api';
 import { ACTIONS } from './actions';
 import { pluginKey } from './key';
 import { isTypeAheadHandler } from './utils';

package/dist/es2019/pm-plugins/utils.js

@@ -1,5 +1,6 @@
-import { mentionMessages } from '@atlaskit/editor-common/messages';
-import { TypeAheadAvailableNodes, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
+import { mentionMessages } from '@atlaskit/editor-common/messages/mentions';
+import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
+import { typeAheadListMessages } from '@atlaskit/editor-common/type-ahead/messages';
 import { AGENT_MENTION_LOAD_ERROR_ID } from '@atlaskit/mention/types';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';

package/dist/es2019/typeAheadPlugin.js

@@ -8,7 +8,7 @@
  */
 import React from 'react';
 import { typeAheadQuery } from '@atlaskit/adf-schema/type-ahead-query';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { SelectItemMode, TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';

package/dist/es2019/ui/ContentComponent.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { getTypeAheadSurface } from './registered-menu/typeAheadSurfaces';
 import { TypeAheadMenu } from './TypeAheadMenu';
 export function ContentComponent({

package/dist/es2019/ui/InputQuery.js

@@ -8,10 +8,11 @@ import React, { Fragment, useCallback, useLayoutEffect, useRef, useState } from
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl';
 import { keyName as keyNameNormalized } from 'w3c-keyname';
+import { AssistiveText } from '@atlaskit/editor-common/AssistiveText';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
-import { AssistiveText } from '@atlaskit/editor-common/ui';
-import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
+import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
+import { typeAheadListMessages } from '@atlaskit/editor-common/type-ahead/messages';
+import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles/constants';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_ELEMENT_ID, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../pm-plugins/constants';

package/dist/es2019/ui/TypeAheadErrorFallback/index.js

@@ -5,7 +5,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl';
-import { typeAheadListMessages as messages } from '@atlaskit/editor-common/type-ahead';
+import { typeAheadListMessages as messages } from '@atlaskit/editor-common/type-ahead/messages';
 import { EmptyState } from './EmptyState';
 import { GenericErrorSVG } from './GenericErrorSVG';
 const minHeightComponentStyles = css({

package/dist/es2019/ui/TypeAheadList.js

@@ -10,10 +10,11 @@ import { css, jsx } from '@emotion/react';
 import { injectIntl, useIntl } from 'react-intl';
 import { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
 import { List } from 'react-virtualized/dist/commonjs/List';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
-import { AssistiveText } from '@atlaskit/editor-common/ui';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import { AssistiveText } from '@atlaskit/editor-common/AssistiveText';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
+import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
+import { typeAheadListMessages } from '@atlaskit/editor-common/type-ahead/messages';
 import MenuGroup from '@atlaskit/menu/menu-group';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box, Inline, Text } from '@atlaskit/primitives/compiled';

package/dist/es2019/ui/TypeAheadListItem.js

@@ -8,12 +8,13 @@ import React, { useCallback, useLayoutEffect, useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { IconFallback } from '@atlaskit/editor-common/quick-insert';
-import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
-import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
+import IconFallback from '@atlaskit/editor-common/fallback';
+import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
+import { typeAheadListMessages } from '@atlaskit/editor-common/type-ahead/messages';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
+import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles/constants';
+import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut/main';
 import ButtonItem from '@atlaskit/menu/button-item';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';

package/dist/es2019/ui/TypeAheadPopup.js

@@ -7,11 +7,12 @@ import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useSta
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import Popup from '@atlaskit/editor-common/Popup';
+import { findOverflowScrollParent } from '@atlaskit/editor-common/Popup/utils';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
-import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
-import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
+import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { fireTypeAheadClosedAnalyticsEvent } from '../pm-plugins/analytics';

package/dist/es2019/ui/WrapperTypeAhead.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
-import { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';