@atlaskit/editor-plugin-type-ahead 27.0.3 → 27.0.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 27.0.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 27.0.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 27.0.3
 
 ### Patch Changes

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

@@ -4,20 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fireTypeAheadClosedAnalyticsEvent = void 0;
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var fireTypeAheadClosedAnalyticsEvent = exports.fireTypeAheadClosedAnalyticsEvent = function fireTypeAheadClosedAnalyticsEvent(api, closeAction, hasQuery, inputMethod) {
   var _api$analytics;
   var invocationMethod = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
   api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.fireAnalyticsEvent({
-    action: _analytics.ACTION.CLOSED,
-    actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.TYPEAHEAD_QUICK_INSERT,
+    action: _enums.ACTION.CLOSED,
+    actionSubject: _enums.ACTION_SUBJECT.TYPEAHEAD,
+    actionSubjectId: _enums.ACTION_SUBJECT_ID.TYPEAHEAD_QUICK_INSERT,
     attributes: {
       inputMethod: inputMethod,
       closeAction: closeAction,
       hasQuery: hasQuery,
       invocationMethod: invocationMethod
     },
-    eventType: _analytics.EVENT_TYPE.TRACK
+    eventType: _enums.EVENT_TYPE.TRACK
   });
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createTypeAheadTools = void 0;
-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 _closeTypeAhead = require("./commands/close-type-ahead");
 var _insertTypeAheadItem = require("./commands/insert-type-ahead-item");
@@ -77,7 +77,7 @@ var search = function search(_ref3) {
       }
       open({
         editorView: editorView
-      })(itemType)(_analytics.INPUT_METHOD.KEYBOARD);
+      })(itemType)(_enums.INPUT_METHOD.KEYBOARD);
       (0, _updateQuery.updateQuery)(query)(editorView.state, editorView.dispatch);
       var lastQuery = {
         current: query

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.insertInlineNodeOrFragment = exports.insertBlockNode = void 0;
 var _insert = require("@atlaskit/editor-common/insert");
-var _utils = require("@atlaskit/editor-common/utils");
+var _insertNodeIntoOrderedList = require("@atlaskit/editor-common/utils/insert-node-into-ordered-list");
 var _nodeTypeUtils = require("@atlaskit/editor-common/utils/node-type-utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
@@ -88,7 +88,7 @@ var insertBlockNode = exports.insertBlockNode = function insertBlockNode(_ref) {
     var ggreatGrandParentNodeType = (_tr$selection$$from$n2 = tr.selection.$from.node(-3)) === null || _tr$selection$$from$n2 === void 0 ? void 0 : _tr$selection$$from$n2.type;
     var isGGreatGrandParentOfSameType = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? ggreatGrandParentNodeType && (0, _nodeTypeUtils.isNodeOfSameBaseType)(ggreatGrandParentNodeType, node.type) : ggreatGrandParentNodeType === node.type;
     if (grandParentNodeType === listItem && !isGGreatGrandParentOfSameType) {
-      return (0, _utils.transformNodeIntoListItem)(tr, nodeNormalized);
+      return (0, _insertNodeIntoOrderedList.transformNodeIntoListItem)(tr, nodeNormalized);
     }
 
     // Handle edge cases for hr and mediaSingle

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.openTypeAheadAtCursor = exports.openTypeAhead = void 0;
-var _selection = require("@atlaskit/editor-common/selection");
+var _selection = require("@atlaskit/editor-common/selection/gap-cursor/selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _actions = require("../actions");

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

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.inputRulePlugin = inputRulePlugin;
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _utils = require("@atlaskit/editor-common/utils");
-var _prosemirrorInputRules = require("@atlaskit/prosemirror-input-rules");
+var _constants = require("@atlaskit/prosemirror-input-rules/constants");
+var _utils2 = require("@atlaskit/prosemirror-input-rules/utils");
 var _openTypeaheadAtCursor = require("../pm-plugins/commands/open-typeahead-at-cursor");
 function inputRulePlugin(schema, typeAheads, featureFlags) {
   if (!typeAheads || typeAheads.length === 0) {
@@ -22,18 +23,18 @@ function inputRulePlugin(schema, typeAheads, featureFlags) {
 
     // Ignored via go/ees005
     // eslint-disable-next-line require-unicode-regexp
-    var regex = new RegExp("(^|[.!?\\s".concat(_prosemirrorInputRules.leafNodeReplacementCharacter, "])(").concat(trigger, ")$"));
+    var regex = new RegExp("(^|[.!?\\s".concat(_constants.leafNodeReplacementCharacter, "])(").concat(trigger, ")$"));
     acc.push((0, _utils.createRule)(regex, function (state, match) {
       return (0, _openTypeaheadAtCursor.openTypeAheadAtCursor)({
         triggerHandler: typeAhead,
-        inputMethod: _analytics.INPUT_METHOD.KEYBOARD
+        inputMethod: _enums.INPUT_METHOD.KEYBOARD
       })({
         tr: state.tr
       });
     }));
     return acc;
   }, []);
-  var plugin = new _safePlugin.SafePlugin((0, _prosemirrorInputRules.createPlugin)('type-ahead', rules, {
+  var plugin = new _safePlugin.SafePlugin((0, _utils2.createPlugin)('type-ahead', rules, {
     allowInsertTextOnDocument: false
   }));
   return plugin;

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.itemIsDisabled = void 0;
-var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
+var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
 var itemIsDisabled = exports.itemIsDisabled = function itemIsDisabled(item, api) {
   var _api$connectivity;
-  var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.sharedState.currentState()) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.mode);
+  var isOffline = (0, _isOfflineMode.isOfflineMode)(api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.sharedState.currentState()) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.mode);
   return (item === null || item === void 0 ? void 0 : item.isNonInteractive) === true || isOffline && (item === null || item === void 0 ? void 0 : item.isDisabledOffline) === true;
 };

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlugin = createPlugin;
 var _typeAhead = require("@atlaskit/adf-schema/steps/type-ahead");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _utils = require("@atlaskit/editor-common/utils");
+var _dom = require("@atlaskit/editor-common/utils/dom");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _actions = require("./actions");
@@ -123,7 +123,7 @@ function createPlugin(_ref) {
           setTimeout(function () {
             var command = (0, _openTypeaheadAtCursor.openTypeAheadAtCursor)({
               triggerHandler: handler,
-              inputMethod: _analytics.INPUT_METHOD.KEYBOARD
+              inputMethod: _enums.INPUT_METHOD.KEYBOARD
             });
             var tr = command({
               tr: view.state.tr
@@ -175,7 +175,7 @@ function createPlugin(_ref) {
           // When this event is coming from the typeahead
           // we should tell to ProseMirror to sit down and relax
           // cuz we know what we are doing (I hope)
-          if (target instanceof HTMLElement && (0, _utils.closest)(target, "[data-type-ahead=".concat(_constants.TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, "]"))) {
+          if (target instanceof HTMLElement && (0, _dom.closest)(target, "[data-type-ahead=".concat(_constants.TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, "]"))) {
             return true;
           }
           return false;

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

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.createReducer = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _typeAhead = require("@atlaskit/adf-schema/steps/type-ahead");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _view = require("@atlaskit/editor-prosemirror/view");
-var _insm = require("@atlaskit/insm");
+var _api = require("@atlaskit/insm/api");
 var _actions = require("./actions");
 var _key = require("./key");
 var _utils = require("./utils");
@@ -76,7 +76,7 @@ var createReducer = exports.createReducer = function createReducer(_ref2) {
       decorationSet = _createDecorations.decorationSet,
       decorationElement = _createDecorations.decorationElement,
       stats = _createDecorations.stats;
-    (_insm$session = _insm.insm.session) === null || _insm$session === void 0 || _insm$session.startFeature('typeaheadOpen');
+    (_insm$session = _api.insm.session) === null || _insm$session === void 0 || _insm$session.startFeature('typeaheadOpen');
     return _objectSpread(_objectSpread({}, currentPluginState), {}, {
       stats: stats,
       decorationSet: decorationSet,
@@ -94,7 +94,7 @@ var createReducer = exports.createReducer = function createReducer(_ref2) {
   var closeMenu = function closeMenu(currentPluginState) {
     var _insm$session2;
     removeDecorations(currentPluginState.decorationSet);
-    (_insm$session2 = _insm.insm.session) === null || _insm$session2 === void 0 || _insm$session2.endFeature('typeaheadOpen');
+    (_insm$session2 = _api.insm.session) === null || _insm$session2 === void 0 || _insm$session2.endFeature('typeaheadOpen');
     return _objectSpread(_objectSpread({}, currentPluginState), {}, {
       inputMethod: null,
       query: '',
@@ -118,7 +118,7 @@ var createReducer = exports.createReducer = function createReducer(_ref2) {
       return openMenu(currentPluginState, {
         tr: tr,
         triggerHandler: overrideHandler,
-        inputMethod: _analytics.INPUT_METHOD.KEYBOARD,
+        inputMethod: _enums.INPUT_METHOD.KEYBOARD,
         reopenQuery: typeAheadStepOverride.query,
         selectedIndex: typeAheadStepOverride.selectedIndex
       });

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.skipForwardToSafeItem = exports.skipBackwardToSafeItem = exports.moveSelectedIndex = exports.isTypeAheadOpen = exports.isTypeAheadHandler = exports.isTypeAheadAllowed = exports.getTypeAheadQuery = exports.getTypeAheadListAriaLabels = exports.getTypeAheadHandler = exports.getPluginState = exports.findHandlerByTrigger = exports.findHandler = void 0;
-var _messages = require("@atlaskit/editor-common/messages");
+var _mentions = require("@atlaskit/editor-common/messages/mentions");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
+var _messages = require("@atlaskit/editor-common/type-ahead/messages");
 var _types = require("@atlaskit/mention/types");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
@@ -174,12 +175,12 @@ var getTypeAheadListAriaLabels = exports.getTypeAheadListAriaLabels = function g
         var name = (item === null || item === void 0 || (_item$mention2 = item.mention) === null || _item$mention2 === void 0 ? void 0 : _item$mention2.name) || '';
         var shortName = (item === null || item === void 0 || (_item$mention3 = item.mention) === null || _item$mention3 === void 0 ? void 0 : _item$mention3.mentionName) || '';
         return {
-          popupAriaLabel: intl.formatMessage(_typeAhead.typeAheadListMessages.mentionPopupLabel),
-          listItemAriaLabel: isAgentMentionLoadError(item === null || item === void 0 ? void 0 : item.mention) ? "".concat(intl.formatMessage(_messages.mentionMessages.typeAheadSectionAgentsLoadError), ". ").concat(intl.formatMessage(_messages.mentionMessages.typeAheadSectionAgentsRetry)) : description ? intl.formatMessage(_typeAhead.typeAheadListMessages.mentionListItemLabelWithDescription, {
+          popupAriaLabel: intl.formatMessage(_messages.typeAheadListMessages.mentionPopupLabel),
+          listItemAriaLabel: isAgentMentionLoadError(item === null || item === void 0 ? void 0 : item.mention) ? "".concat(intl.formatMessage(_mentions.mentionMessages.typeAheadSectionAgentsLoadError), ". ").concat(intl.formatMessage(_mentions.mentionMessages.typeAheadSectionAgentsRetry)) : description ? intl.formatMessage(_messages.typeAheadListMessages.mentionListItemLabelWithDescription, {
             name: name,
             shortName: shortName,
             description: description
-          }) : intl.formatMessage(_typeAhead.typeAheadListMessages.metionListItemLabel, {
+          }) : intl.formatMessage(_messages.typeAheadListMessages.metionListItemLabel, {
             name: name,
             shortName: shortName
           })
@@ -187,23 +188,23 @@ var getTypeAheadListAriaLabels = exports.getTypeAheadListAriaLabels = function g
       }
     case '/':
       return {
-        popupAriaLabel: intl.formatMessage(_typeAhead.typeAheadListMessages.quickInsertPopupLabel),
-        listItemAriaLabel: intl.formatMessage(_typeAhead.typeAheadListMessages.emojiListItemLabel, {
+        popupAriaLabel: intl.formatMessage(_messages.typeAheadListMessages.quickInsertPopupLabel),
+        listItemAriaLabel: intl.formatMessage(_messages.typeAheadListMessages.emojiListItemLabel, {
           name: (item === null || item === void 0 ? void 0 : item.title) || '',
           shortcut: (item === null || item === void 0 || (_item$emoji = item.emoji) === null || _item$emoji === void 0 ? void 0 : _item$emoji.shortName) || ''
         })
       };
     case ':':
       return {
-        popupAriaLabel: intl.formatMessage(_typeAhead.typeAheadListMessages.emojiPopupLabel),
-        listItemAriaLabel: intl.formatMessage(_typeAhead.typeAheadListMessages.emojiListItemLabel, {
+        popupAriaLabel: intl.formatMessage(_messages.typeAheadListMessages.emojiPopupLabel),
+        listItemAriaLabel: intl.formatMessage(_messages.typeAheadListMessages.emojiListItemLabel, {
           name: (item === null || item === void 0 || (_item$emoji2 = item.emoji) === null || _item$emoji2 === void 0 ? void 0 : _item$emoji2.name) || '',
           shortcut: (item === null || item === void 0 || (_item$emoji3 = item.emoji) === null || _item$emoji3 === void 0 ? void 0 : _item$emoji3.shortName) || ''
         })
       };
     default:
       return {
-        popupAriaLabel: intl.formatMessage(_typeAhead.typeAheadListMessages.typeAheadPopupLabel)
+        popupAriaLabel: intl.formatMessage(_messages.typeAheadListMessages.typeAheadPopupLabel)
       };
   }
 };

package/dist/cjs/typeAheadPlugin.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.typeAheadPlugin = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _typeAheadQuery = require("@atlaskit/adf-schema/type-ahead-query");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _view2 = require("@atlaskit/editor-prosemirror/view");
@@ -293,17 +293,17 @@ var typeAheadPlugin = exports.typeAheadPlugin = function typeAheadPlugin(_ref) {
       var newIsOpen = (0, _utils.isTypeAheadOpen)(newEditorState);
       if (newTriggerHandler && isANewHandler) {
         // if the typeahead opens another typeahead via the quickInsert we do NOT want to fire this analytic event (mentions and emojis) as it is already being fired from editor-plugin-analytics
-        var isDuplicateInvokedEvent = newPluginState.inputMethod === _analytics.INPUT_METHOD.QUICK_INSERT && Object.values(_typeAhead.TypeAheadAvailableNodes).includes(newTriggerHandler.id);
+        var isDuplicateInvokedEvent = newPluginState.inputMethod === _enums.INPUT_METHOD.QUICK_INSERT && Object.values(_typeAhead.TypeAheadAvailableNodes).includes(newTriggerHandler.id);
         if (!isDuplicateInvokedEvent) {
           var _api$analytics;
           api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.fireAnalyticsEvent({
-            action: _analytics.ACTION.INVOKED,
-            actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD,
+            action: _enums.ACTION.INVOKED,
+            actionSubject: _enums.ACTION_SUBJECT.TYPEAHEAD,
             actionSubjectId: newTriggerHandler.id || 'not_set',
             attributes: {
-              inputMethod: newPluginState.inputMethod || _analytics.INPUT_METHOD.KEYBOARD
+              inputMethod: newPluginState.inputMethod || _enums.INPUT_METHOD.KEYBOARD
             },
-            eventType: _analytics.EVENT_TYPE.UI
+            eventType: _enums.EVENT_TYPE.UI
           }, undefined, {
             context: {
               selection: newEditorState.selection

package/dist/cjs/ui/ContentComponent.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ContentComponent = ContentComponent;
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _typeAheadSurfaces = require("./registered-menu/typeAheadSurfaces");
 var _TypeAheadMenu = require("./TypeAheadMenu");
 function ContentComponent(_ref) {
   var api = _ref.api,
     editorView = _ref.editorView,
     popupMountRef = _ref.popupMountRef;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['typeAhead'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['typeAhead'], function (states) {
       var _states$typeAheadStat, _states$typeAheadStat2, _states$typeAheadStat3, _states$typeAheadStat4, _states$typeAheadStat5, _states$typeAheadStat6, _states$typeAheadStat7, _states$typeAheadStat8;
       return {
         triggerHandler: (_states$typeAheadStat = states.typeAheadState) === null || _states$typeAheadStat === void 0 ? void 0 : _states$typeAheadStat.triggerHandler,

package/dist/cjs/ui/InputQuery.js

@@ -11,13 +11,14 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _w3cKeyname = require("w3c-keyname");
+var _AssistiveText = require("@atlaskit/editor-common/AssistiveText");
 var _browser = require("@atlaskit/editor-common/browser");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
-var _ui = require("@atlaskit/editor-common/ui");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _messages = require("@atlaskit/editor-common/type-ahead/messages");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
-var _constants = require("../pm-plugins/constants");
+var _constants2 = require("../pm-plugins/constants");
 var _utils = require("../pm-plugins/utils");
 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); }
 /**
@@ -41,7 +42,7 @@ var querySpanStyles = (0, _react2.css)({
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     fontSize: '1em',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: _editorSharedStyles.blockNodesVerticalMargin,
+    height: _constants.blockNodesVerticalMargin,
     caretColor: "var(--ds-text-accent-blue, #1558BC)"
   }
 });
@@ -64,13 +65,13 @@ var isUndoRedoShortcut = function isUndoRedoShortcut(event) {
 var getAriaLabel = function getAriaLabel(triggerPrefix, _intl) {
   switch (triggerPrefix) {
     case '@':
-      return _typeAhead.typeAheadListMessages.mentionInputLabel;
+      return _messages.typeAheadListMessages.mentionInputLabel;
     case '/':
-      return _typeAhead.typeAheadListMessages.quickInsertInputLabel;
+      return _messages.typeAheadListMessages.quickInsertInputLabel;
     case ':':
-      return _typeAhead.typeAheadListMessages.emojiInputLabel;
+      return _messages.typeAheadListMessages.emojiInputLabel;
     default:
-      return _typeAhead.typeAheadListMessages.quickInsertInputLabel;
+      return _messages.typeAheadListMessages.quickInsertInputLabel;
   }
 };
 var scheduleFocusAfterAttachment = exports.scheduleFocusAfterAttachment = function scheduleFocusAfterAttachment(queryRef, focusQuery) {
@@ -160,7 +161,7 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
             forceFocusOnEditor: true,
             text: ' ',
             addPrefixTrigger: isEditorControlsEnabled ? !removePrefixTriggerOnCancel : true,
-            setSelectionAt: _constants.CloseSelectionOptions.AFTER_TEXT_INSERTED
+            setSelectionAt: _constants2.CloseSelectionOptions.AFTER_TEXT_INSERTED
           });
           stopDefault = true;
         }
@@ -173,7 +174,7 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
           text: text,
           forceFocusOnEditor: true,
           addPrefixTrigger: isEditorControlsEnabled ? !removePrefixTriggerOnCancel : true,
-          setSelectionAt: _constants.CloseSelectionOptions.AFTER_TEXT_INSERTED
+          setSelectionAt: _constants2.CloseSelectionOptions.AFTER_TEXT_INSERTED
         });
         stopDefault = true;
         break;
@@ -185,7 +186,7 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
             forceFocusOnEditor: true,
             text: text,
             addPrefixTrigger: false,
-            setSelectionAt: _constants.CloseSelectionOptions.BEFORE_TEXT_INSERTED
+            setSelectionAt: _constants2.CloseSelectionOptions.BEFORE_TEXT_INSERTED
           });
         }
         break;
@@ -257,7 +258,7 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
           forceFocusOnEditor: true,
           addPrefixTrigger: isEditorControlsEnabled ? !removePrefixTriggerOnCancel : true,
           text: cleanedInputContent(),
-          setSelectionAt: isMovingRight ? _constants.CloseSelectionOptions.AFTER_TEXT_INSERTED : _constants.CloseSelectionOptions.BEFORE_TEXT_INSERTED
+          setSelectionAt: isMovingRight ? _constants2.CloseSelectionOptions.AFTER_TEXT_INSERTED : _constants2.CloseSelectionOptions.BEFORE_TEXT_INSERTED
         });
         event.preventDefault();
         event.stopPropagation();
@@ -291,7 +292,7 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
       // 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)) || shouldKeepOpenOnRegisteredMenu && relatedTarget.closest('[data-registered-type-ahead-menu]'))) {
+      if (relatedTarget instanceof HTMLElement && relatedTarget.closest && (relatedTarget.closest(".".concat(_constants2.TYPE_AHEAD_POPUP_CONTENT_CLASS)) || shouldKeepOpenOnRegisteredMenu && relatedTarget.closest('[data-registered-type-ahead-menu]'))) {
         return;
       }
 
@@ -306,7 +307,7 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
       cancel({
         addPrefixTrigger: isEditorControlsEnabled ? !removePrefixTriggerOnCancel : true,
         text: cleanedInputContent(),
-        setSelectionAt: _constants.CloseSelectionOptions.BEFORE_TEXT_INSERTED,
+        setSelectionAt: _constants2.CloseSelectionOptions.BEFORE_TEXT_INSERTED,
         forceFocusOnEditor: false
       });
     };
@@ -315,7 +316,7 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
         addPrefixTrigger: false,
         text: '',
         forceFocusOnEditor: true,
-        setSelectionAt: _constants.CloseSelectionOptions.BEFORE_TEXT_INSERTED
+        setSelectionAt: _constants2.CloseSelectionOptions.BEFORE_TEXT_INSERTED
       });
     };
     var beforeinput = function beforeinput(e) {
@@ -439,7 +440,7 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
       requestAnimationFrame(focusQuery);
     }
   }, [forceFocus, reopenQuery]);
-  var assistiveHintID = _constants.TYPE_AHEAD_DECORATION_ELEMENT_ID + '__assistiveHint';
+  var assistiveHintID = _constants2.TYPE_AHEAD_DECORATION_ELEMENT_ID + '__assistiveHint';
   var intl = (0, _reactIntl.useIntl)();
   return (0, _react2.jsx)(_react.Fragment, null, triggerQueryPrefix, (0, _react2.jsx)("span", {
     css: [querySpanStyles],
@@ -449,13 +450,13 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
     tabIndex: -1,
     role: "combobox",
     "aria-activedescendant": activeDescendantId,
-    "aria-controls": listId !== null && listId !== void 0 ? listId : _constants.TYPE_AHEAD_DECORATION_ELEMENT_ID,
+    "aria-controls": listId !== null && listId !== void 0 ? listId : _constants2.TYPE_AHEAD_DECORATION_ELEMENT_ID,
     "aria-autocomplete": "list",
     "aria-expanded": resolvedOptionCount !== 0,
     "aria-labelledby": assistiveHintID,
     suppressContentEditableWarning: true,
     "data-query-prefix": triggerQueryPrefix,
-    "data-place-holder": intl.formatMessage(_typeAhead.typeAheadListMessages.quickInsertInputPlaceholderLabel)
+    "data-place-holder": intl.formatMessage(_messages.typeAheadListMessages.quickInsertInputPlaceholderLabel)
   }, query === null ? (0, _react2.jsx)("input", {
     ref: inputRef,
     type: "text",
@@ -465,12 +466,12 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
     style: {
       display: 'none'
     }
-  }, intl.formatMessage(_typeAhead.typeAheadListMessages.inputQueryAssistiveLabel)), (0, _react2.jsx)(_ui.AssistiveText, {
-    assistiveText: resolvedOptionCount === 0 ? intl.formatMessage(_typeAhead.typeAheadListMessages.noSearchResultsLabel, {
+  }, intl.formatMessage(_messages.typeAheadListMessages.inputQueryAssistiveLabel)), (0, _react2.jsx)(_AssistiveText.AssistiveText, {
+    assistiveText: resolvedOptionCount === 0 ? intl.formatMessage(_messages.typeAheadListMessages.noSearchResultsLabel, {
       itemsLength: resolvedOptionCount
     }) : '',
     isInFocus: resolvedOptionCount === 0 || isInFocus,
-    id: _constants.TYPE_AHEAD_DECORATION_ELEMENT_ID
+    id: _constants2.TYPE_AHEAD_DECORATION_ELEMENT_ID
   }));
 });
 InputQuery.displayName = 'InputQuery';

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TypeAheadErrorFallback = void 0;
 var _react = require("@emotion/react");
 var _reactIntl = require("react-intl");
-var _typeAhead = require("@atlaskit/editor-common/type-ahead");
+var _messages = require("@atlaskit/editor-common/type-ahead/messages");
 var _EmptyState = require("./EmptyState");
 var _GenericErrorSVG = require("./GenericErrorSVG");
 /**
@@ -23,8 +23,8 @@ var minHeightComponentStyles = (0, _react.css)({
 });
 var TypeAheadErrorFallback = exports.TypeAheadErrorFallback = function TypeAheadErrorFallback() {
   var intl = (0, _reactIntl.useIntl)();
-  var header = intl.formatMessage(_typeAhead.typeAheadListMessages.typeAheadErrorFallbackHeading);
-  var description = intl.formatMessage(_typeAhead.typeAheadListMessages.typeAheadErrorFallbackDesc);
+  var header = intl.formatMessage(_messages.typeAheadListMessages.typeAheadErrorFallbackHeading);
+  var description = intl.formatMessage(_messages.typeAheadListMessages.typeAheadErrorFallbackDesc);
   return (0, _react.jsx)("div", {
     "data-testid": "typeahead-error-boundary-ui",
     css: minHeightComponentStyles

package/dist/cjs/ui/TypeAheadList.js

@@ -13,10 +13,11 @@ var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _CellMeasurer = require("react-virtualized/dist/commonjs/CellMeasurer");
 var _List = require("react-virtualized/dist/commonjs/List");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _AssistiveText = require("@atlaskit/editor-common/AssistiveText");
+var _insertBlock = require("@atlaskit/editor-common/messages/insert-block");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
-var _ui = require("@atlaskit/editor-common/ui");
+var _messages = require("@atlaskit/editor-common/type-ahead/messages");
 var _menuGroup = _interopRequireDefault(require("@atlaskit/menu/menu-group"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -112,8 +113,8 @@ var buildTypeAheadRows = exports.buildTypeAheadRows = function buildTypeAheadRow
 var TypeaheadAssistiveTextPureComponent = /*#__PURE__*/_react.default.memo(function (_ref3) {
   var numberOfResults = _ref3.numberOfResults;
   var intl = (0, _reactIntl.useIntl)();
-  return (0, _react2.jsx)(_ui.AssistiveText, {
-    assistiveText: intl.formatMessage(_typeAhead.typeAheadListMessages.searchResultsLabel, {
+  return (0, _react2.jsx)(_AssistiveText.AssistiveText, {
+    assistiveText: intl.formatMessage(_messages.typeAheadListMessages.searchResultsLabel, {
       itemsLength: numberOfResults
     })
     // when the popup is open its always in focus
@@ -346,7 +347,7 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref4) {
           case 'Enter':
             //Enter key quick inserts the selected item.
             if (!event.isComposing || event.which !== 229 && event.keyCode !== 229) {
-              onItemClick(event.shiftKey ? _typeAhead.SelectItemMode.SHIFT_ENTER : _typeAhead.SelectItemMode.ENTER, selectedIndex, _analytics.INPUT_METHOD.KEYBOARD);
+              onItemClick(event.shiftKey ? _typeAhead.SelectItemMode.SHIFT_ENTER : _typeAhead.SelectItemMode.ENTER, selectedIndex, _enums.INPUT_METHOD.KEYBOARD);
               event.preventDefault();
             }
             break;
@@ -468,7 +469,7 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref4) {
         // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         ,
         onItemClick: function onItemClick(mode, itemIndex) {
-          actions.onItemClick(mode, itemIndex, _analytics.INPUT_METHOD.MOUSE);
+          actions.onItemClick(mode, itemIndex, _enums.INPUT_METHOD.MOUSE);
         },
         ariaLabel: (0, _utils.getTypeAheadListAriaLabels)(triggerHandler === null || triggerHandler === void 0 ? void 0 : triggerHandler.trigger, intl, items[currentRow.itemIndex]).listItemAriaLabel,
         moreElementsInQuickInsertViewEnabled: moreElementsInQuickInsertViewEnabled,
@@ -488,13 +489,13 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref4) {
   }, (0, _react2.jsx)(_compiled.Text, {
     align: "center",
     as: "p"
-  }, intl.formatMessage(_typeAhead.typeAheadListMessages.emptySearchResults)), (0, _react2.jsx)(_compiled.Text, {
+  }, intl.formatMessage(_messages.typeAheadListMessages.emptySearchResults)), (0, _react2.jsx)(_compiled.Text, {
     align: "center",
     as: "p"
-  }, intl.formatMessage(_typeAhead.typeAheadListMessages.emptySearchResultsSuggestion, {
+  }, intl.formatMessage(_messages.typeAheadListMessages.emptySearchResultsSuggestion, {
     buttonName: (0, _react2.jsx)(_compiled.Text, {
       weight: "medium"
-    }, intl.formatMessage(_messages.toolbarInsertBlockMessages.viewMore))
+    }, intl.formatMessage(_insertBlock.toolbarInsertBlockMessages.viewMore))
   })));
   var ListContent = (0, _react2.jsx)(_List.List, {
     rowRenderer: renderRow,

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)))))