@atlaskit/editor-plugin-type-ahead 1.10.4 → 1.10.5

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

@@ -2,12 +2,12 @@ import { InsertTypeAheadStep } from '@atlaskit/adf-schema/steps';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { closest } from '@atlaskit/editor-common/utils';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE } from '../constants';
 import { ACTIONS } from './actions';
+import { TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE } from './constants';
 import { factoryDecorations } from './decorations';
+import { isInsertionTransaction } from './isInsertionTransaction';
 import { pluginKey } from './key';
 import { createReducer } from './reducer';
-import { isInsertionTransaction } from './utils';
 const hasValidTypeAheadStep = tr => {
   const steps = tr.steps.filter(step => step instanceof InsertTypeAheadStep);
 

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

@@ -1,9 +1,9 @@
 import { InsertTypeAheadStages, InsertTypeAheadStep } from '@atlaskit/adf-schema/steps';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { isTypeAheadHandler } from '../utils';
 import { ACTIONS } from './actions';
 import { pluginKey } from './key';
+import { isTypeAheadHandler } from './utils';
 const shouldForceOpen = step => {
   if (!(step instanceof InsertTypeAheadStep)) {
     return false;

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

@@ -1,12 +1,125 @@
-import { pluginKey } from './key';
-export const isInsertionTransaction = (transactions, action) => {
-  var _tr$getMeta2;
-  const tr = transactions.find(tr => {
-    var _tr$getMeta;
-    return ((_tr$getMeta = tr.getMeta(pluginKey)) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.action) === action;
-  });
-  if (!tr) {
+import { TypeAheadAvailableNodes, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
+import { updateSelectedIndex } from './commands/update-selected-index';
+import { pluginKey as typeAheadPluginKey } from './key';
+import { StatsModifier } from './stats-modifier';
+export const isTypeAheadHandler = handler => {
+  return handler && Object.values(TypeAheadAvailableNodes).includes(handler.id) && typeof handler.trigger === 'string' && typeof handler.selectItem === 'function' && typeof handler.getItems === 'function';
+};
+
+/** Is a typeahead plugin open? */
+export const isTypeAheadOpen = editorState => {
+  var _typeAheadPluginKey$g, _typeAheadPluginKey$g2;
+  return !!(typeAheadPluginKey !== null && typeAheadPluginKey !== void 0 && (_typeAheadPluginKey$g = typeAheadPluginKey.getState(editorState)) !== null && _typeAheadPluginKey$g !== void 0 && (_typeAheadPluginKey$g2 = _typeAheadPluginKey$g.decorationSet) !== null && _typeAheadPluginKey$g2 !== void 0 && _typeAheadPluginKey$g2.find().length);
+};
+export const getPluginState = editorState => {
+  return typeAheadPluginKey.getState(editorState);
+};
+export const getTypeAheadHandler = editorState => {
+  var _typeAheadPluginKey$g3;
+  return (_typeAheadPluginKey$g3 = typeAheadPluginKey.getState(editorState)) === null || _typeAheadPluginKey$g3 === void 0 ? void 0 : _typeAheadPluginKey$g3.triggerHandler;
+};
+export const getTypeAheadQuery = editorState => {
+  var _typeAheadPluginKey$g4;
+  return (_typeAheadPluginKey$g4 = typeAheadPluginKey.getState(editorState)) === null || _typeAheadPluginKey$g4 === void 0 ? void 0 : _typeAheadPluginKey$g4.query;
+};
+export const isTypeAheadAllowed = state => {
+  const isOpen = isTypeAheadOpen(state);
+  // if the TypeAhead is open
+  // we should not allow it
+  return !isOpen;
+};
+export const findHandler = (id, state) => {
+  const pluginState = typeAheadPluginKey.getState(state);
+  if (!pluginState || !pluginState.typeAheadHandlers || pluginState.typeAheadHandlers.length === 0) {
     return null;
   }
-  return (_tr$getMeta2 = tr.getMeta(pluginKey)) === null || _tr$getMeta2 === void 0 ? void 0 : _tr$getMeta2.params;
+  const {
+    typeAheadHandlers
+  } = pluginState;
+  return typeAheadHandlers.find(h => h.id === id) || null;
+};
+export const findHandlerByTrigger = ({
+  trigger,
+  editorState
+}) => {
+  const pluginState = typeAheadPluginKey.getState(editorState);
+  if (!pluginState || !pluginState.typeAheadHandlers || pluginState.typeAheadHandlers.length === 0) {
+    return null;
+  }
+  const {
+    typeAheadHandlers
+  } = pluginState;
+  return typeAheadHandlers.find(h => h.trigger === trigger) || null;
+};
+export const moveSelectedIndex = ({
+  editorView,
+  direction
+}) => () => {
+  const typeAheadState = getPluginState(editorView.state);
+  if (!typeAheadState) {
+    return;
+  }
+  const {
+    selectedIndex,
+    items
+  } = typeAheadState;
+  const stats = typeAheadState.stats instanceof StatsModifier ? typeAheadState.stats : new StatsModifier();
+  let nextIndex;
+  if (direction === 'next') {
+    stats.increaseArrowDown();
+
+    /**
+     * See: https://product-fabric.atlassian.net/browse/ED-17200
+     * `selectedIndex` is forced to -1 now to not immediately focus the typeahead
+     * and only do so when there is explicit logic to focus into the typeahead
+     * options.
+     *
+     * This check for "set index to 1 when -1"
+     * - is a temporary workaround to get back the previous behaviour without
+     *    entirely reverting the a11y improvements
+     *
+     */
+    if (selectedIndex === -1 && items.length > 1) {
+      nextIndex = 1;
+    } else {
+      nextIndex = selectedIndex >= items.length - 1 ? 0 : selectedIndex + 1;
+    }
+  } else {
+    stats.increaseArrowUp();
+    nextIndex = selectedIndex <= 0 ? items.length - 1 : selectedIndex - 1;
+  }
+  updateSelectedIndex(nextIndex)(editorView.state, editorView.dispatch);
+};
+export const getTypeAheadListAriaLabels = (trigger, intl, item) => {
+  var _item$mention, _item$mention2, _item$emoji, _item$emoji2, _item$emoji3;
+  switch (trigger) {
+    case '@':
+      return {
+        popupAriaLabel: intl.formatMessage(typeAheadListMessages.mentionPopupLabel),
+        listItemAriaLabel: intl.formatMessage(typeAheadListMessages.metionListItemLabel, {
+          name: (item === null || item === void 0 ? void 0 : (_item$mention = item.mention) === null || _item$mention === void 0 ? void 0 : _item$mention.name) || '',
+          shortName: (item === null || item === void 0 ? void 0 : (_item$mention2 = item.mention) === null || _item$mention2 === void 0 ? void 0 : _item$mention2.mentionName) || ''
+        })
+      };
+    case '/':
+      return {
+        popupAriaLabel: intl.formatMessage(typeAheadListMessages.quickInsertPopupLabel),
+        listItemAriaLabel: intl.formatMessage(typeAheadListMessages.emojiListItemLabel, {
+          name: (item === null || item === void 0 ? void 0 : item.title) || '',
+          shortcut: (item === null || item === void 0 ? void 0 : (_item$emoji = item.emoji) === null || _item$emoji === void 0 ? void 0 : _item$emoji.shortName) || ''
+        })
+      };
+    case ':':
+      return {
+        popupAriaLabel: intl.formatMessage(typeAheadListMessages.emojiPopupLabel),
+        listItemAriaLabel: intl.formatMessage(typeAheadListMessages.emojiListItemLabel, {
+          name: (item === null || item === void 0 ? void 0 : (_item$emoji2 = item.emoji) === null || _item$emoji2 === void 0 ? void 0 : _item$emoji2.name) || '',
+          shortcut: (item === null || item === void 0 ? void 0 : (_item$emoji3 = item.emoji) === null || _item$emoji3 === void 0 ? void 0 : _item$emoji3.shortName) || ''
+        })
+      };
+    default:
+      return {
+        popupAriaLabel: intl.formatMessage(typeAheadListMessages.typeAheadPopupLabel)
+      };
+  }
 };

package/dist/es2019/{plugin.js → typeAheadPlugin.js}

@@ -12,16 +12,16 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/edit
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { SelectItemMode, TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { insertTypeAheadItem } from './commands/insert-type-ahead-item';
+import { closeTypeAhead } from './pm-plugins/commands/close-type-ahead';
+import { insertTypeAheadItem } from './pm-plugins/commands/insert-type-ahead-item';
+import { openTypeAheadAtCursor } from './pm-plugins/commands/open-typeahead-at-cursor';
 import { inputRulePlugin } from './pm-plugins/input-rules';
 import { createPlugin as createInsertItemPlugin } from './pm-plugins/insert-item-plugin';
 import { pluginKey as typeAheadPluginKey } from './pm-plugins/key';
 import { createPlugin } from './pm-plugins/main';
-import { StatsModifier } from './stats-modifier';
-import { closeTypeAhead } from './transforms/close-type-ahead';
-import { openTypeAheadAtCursor } from './transforms/open-typeahead-at-cursor';
+import { StatsModifier } from './pm-plugins/stats-modifier';
+import { findHandler, getPluginState, getTypeAheadHandler, getTypeAheadQuery, isTypeAheadAllowed, isTypeAheadOpen } from './pm-plugins/utils';
 import { ContentComponent } from './ui/ContentComponent';
-import { findHandler, getPluginState, getTypeAheadHandler, getTypeAheadQuery, isTypeAheadAllowed, isTypeAheadOpen } from './utils';
 const createOpenAtTransaction = editorAnalyticsAPI => props => tr => {
   const {
     triggerHandler,

package/dist/es2019/ui/InputQuery.js

@@ -11,8 +11,8 @@ import { keyName as keyNameNormalized } from 'w3c-keyname';
 import { browser } from '@atlaskit/editor-common/browser';
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
 import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
-import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_ELEMENT_ID, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../constants';
-import { getPluginState } from '../utils';
+import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_ELEMENT_ID, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../pm-plugins/constants';
+import { getPluginState } from '../pm-plugins/utils';
 import { AssistiveText } from './AssistiveText';
 const querySpanStyles = css({
   outline: 'none',

package/dist/es2019/ui/TypeAheadList.js

@@ -12,9 +12,9 @@ import { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs
 import { List } from 'react-virtualized/dist/commonjs/List';
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
 import { MenuGroup } from '@atlaskit/menu';
-import { updateSelectedIndex } from '../commands/update-selected-index';
-import { TYPE_AHEAD_DECORATION_ELEMENT_ID } from '../constants';
-import { getTypeAheadListAriaLabels, moveSelectedIndex } from '../utils';
+import { updateSelectedIndex } from '../pm-plugins/commands/update-selected-index';
+import { TYPE_AHEAD_DECORATION_ELEMENT_ID } from '../pm-plugins/constants';
+import { getTypeAheadListAriaLabels, moveSelectedIndex } from '../pm-plugins/utils';
 import { AssistiveText } from './AssistiveText';
 import { TypeAheadListItem } from './TypeAheadListItem';
 const LIST_ITEM_ESTIMATED_HEIGHT = 64;

package/dist/es2019/ui/TypeAheadMenu.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { updateSelectedIndex } from '../commands/update-selected-index';
+import { updateSelectedIndex } from '../pm-plugins/commands/update-selected-index';
 import { useItemInsert } from './hooks/use-item-insert';
 import { TypeAheadPopup } from './TypeAheadPopup';
 export const TypeAheadMenu = /*#__PURE__*/React.memo(({

package/dist/es2019/ui/TypeAheadPopup.js

@@ -13,7 +13,7 @@ import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
-import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../constants';
+import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../pm-plugins/constants';
 import { TypeAheadList } from './TypeAheadList';
 const DEFAULT_TYPEAHEAD_MENU_HEIGHT = 380;
 const DEFAULT_TYPEAHEAD_MENU_HEIGHT_NEW = 480;

package/dist/es2019/ui/WrapperTypeAhead.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { updateQuery } from '../commands/update-query';
-import { getPluginState, moveSelectedIndex } from '../utils';
+import { updateQuery } from '../pm-plugins/commands/update-query';
+import { getPluginState, moveSelectedIndex } from '../pm-plugins/utils';
 import { useItemInsert } from './hooks/use-item-insert';
 import { useLoadItems } from './hooks/use-load-items';
 import { useOnForceSelect } from './hooks/use-on-force-select';

package/dist/es2019/ui/hooks/use-item-insert.js

@@ -1,9 +1,9 @@
 import { useCallback, useLayoutEffect, useRef } from 'react';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { insertTypeAheadItem } from '../../commands/insert-type-ahead-item';
-import { CloseSelectionOptions } from '../../constants';
-import { closeTypeAhead } from '../../transforms/close-type-ahead';
-import { setSelectionBeforeQuery } from '../../transforms/set-selection-before-query';
+import { closeTypeAhead } from '../../pm-plugins/commands/close-type-ahead';
+import { insertTypeAheadItem } from '../../pm-plugins/commands/insert-type-ahead-item';
+import { setSelectionBeforeQuery } from '../../pm-plugins/commands/set-selection-before-query';
+import { CloseSelectionOptions } from '../../pm-plugins/constants';
 const insertRawQuery = ({
   view,
   setSelectionAt,

package/dist/es2019/ui/hooks/use-load-items.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { updateListItem } from '../../commands/update-list-items';
+import { updateListItem } from '../../pm-plugins/commands/update-list-items';
 const EMPTY_LIST_ITEM = [];
 export const useLoadItems = (triggerHandler, editorView, query) => {
   const [items, setItems] = useState(EMPTY_LIST_ITEM);

package/dist/es2019/ui/hooks/use-on-force-select.js

@@ -1,6 +1,6 @@
 import { useLayoutEffect, useRef } from 'react';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { insertTypeAheadItem } from '../../commands/insert-type-ahead-item';
+import { insertTypeAheadItem } from '../../pm-plugins/commands/insert-type-ahead-item';
 export const useOnForceSelect = ({
   triggerHandler,
   items,

package/dist/esm/index.js

@@ -1 +1 @@
-export { typeAheadPlugin } from './plugin';
+export { typeAheadPlugin } from './typeAheadPlugin';

package/dist/esm/{api.js → pm-plugins/api.js}

@@ -1,9 +1,9 @@
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { SelectItemMode, TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
+import { closeTypeAhead } from './commands/close-type-ahead';
 import { insertTypeAheadItem } from './commands/insert-type-ahead-item';
+import { openTypeAheadAtCursor } from './commands/open-typeahead-at-cursor';
 import { updateQuery } from './commands/update-query';
-import { closeTypeAhead } from './transforms/close-type-ahead';
-import { openTypeAheadAtCursor } from './transforms/open-typeahead-at-cursor';
 import { findHandler, getTypeAheadHandler, getTypeAheadQuery, isTypeAheadOpen } from './utils';
 var open = function open(_ref) {
   var editorView = _ref.editorView;

package/dist/esm/{transforms → pm-plugins/commands}/close-type-ahead.js

@@ -1,5 +1,5 @@
-import { ACTIONS } from '../pm-plugins/actions';
-import { pluginKey } from '../pm-plugins/key';
+import { ACTIONS } from '../actions';
+import { pluginKey } from '../key';
 export var closeTypeAhead = function closeTypeAhead(tr) {
   return tr.setMeta(pluginKey, {
     action: ACTIONS.CLOSE_TYPE_AHEAD

package/dist/esm/{commands → pm-plugins/commands}/insert-type-ahead-item.js

@@ -4,12 +4,12 @@ import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import { closeHistory } from '@atlaskit/editor-prosemirror/history';
 import { Fragment, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { insertBlockNode, insertInlineNodeOrFragment } from '../insert-utils';
-import { ACTIONS } from '../pm-plugins/actions';
-import { pluginKey } from '../pm-plugins/key';
+import { ACTIONS } from '../actions';
+import { pluginKey } from '../key';
 import { StatsModifier } from '../stats-modifier';
-import { closeTypeAhead } from '../transforms/close-type-ahead';
 import { getPluginState } from '../utils';
+import { closeTypeAhead } from './close-type-ahead';
+import { insertBlockNode, insertInlineNodeOrFragment } from './insert-utils';
 var validateNode = function validateNode(_ref) {
   var schema = _ref.schema,
     maybeNode = _ref.maybeNode;

package/dist/esm/{transforms → pm-plugins/commands}/open-typeahead-at-cursor.js

@@ -1,7 +1,7 @@
 import { GapCursorSelection } from '@atlaskit/editor-common/selection';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { ACTIONS } from '../pm-plugins/actions';
-import { pluginKey } from '../pm-plugins/key';
+import { ACTIONS } from '../actions';
+import { pluginKey } from '../key';
 export var openTypeAhead = function openTypeAhead(props) {
   return function (tr) {
     var triggerHandler = props.triggerHandler,

package/dist/esm/{commands → pm-plugins/commands}/update-list-items.js

@@ -1,5 +1,5 @@
-import { ACTIONS } from '../pm-plugins/actions';
-import { pluginKey as typeAheadPluginKey } from '../pm-plugins/key';
+import { ACTIONS } from '../actions';
+import { pluginKey as typeAheadPluginKey } from '../key';
 export var updateListItem = function updateListItem(items) {
   return function (state, dispatch) {
     var tr = state.tr;

package/dist/esm/{commands → pm-plugins/commands}/update-query.js

@@ -1,5 +1,5 @@
-import { ACTIONS } from '../pm-plugins/actions';
-import { pluginKey as typeAheadPluginKey } from '../pm-plugins/key';
+import { ACTIONS } from '../actions';
+import { pluginKey as typeAheadPluginKey } from '../key';
 export var updateQuery = function updateQuery(query) {
   return function (state, dispatch) {
     var pluginState = typeAheadPluginKey.getState(state);

package/dist/esm/{commands → pm-plugins/commands}/update-selected-index.js

@@ -1,5 +1,5 @@
-import { ACTIONS } from '../pm-plugins/actions';
-import { pluginKey as typeAheadPluginKey } from '../pm-plugins/key';
+import { ACTIONS } from '../actions';
+import { pluginKey as typeAheadPluginKey } from '../key';
 export var updateSelectedIndex = function updateSelectedIndex(selectedIndex) {
   return function (state, dispatch) {
     var pluginState = typeAheadPluginKey.getState(state);

package/dist/esm/pm-plugins/decorations.js

@@ -7,11 +7,11 @@ import { redo, undo } from '@atlaskit/editor-prosemirror/history';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { B400 } from '@atlaskit/theme/colors';
-import { TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_DECORATION_KEY } from '../constants';
-import { StatsModifier } from '../stats-modifier';
-import { closeTypeAhead } from '../transforms/close-type-ahead';
 import { WrapperTypeAhead } from '../ui/WrapperTypeAhead';
-import { getTypeAheadQuery } from '../utils';
+import { closeTypeAhead } from './commands/close-type-ahead';
+import { TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_DECORATION_KEY } from './constants';
+import { StatsModifier } from './stats-modifier';
+import { getTypeAheadQuery } from './utils';
 export var factoryDecorations = function factoryDecorations(_ref) {
   var intl = _ref.intl,
     popupMountRef = _ref.popupMountRef;

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

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

package/dist/esm/pm-plugins/insert-item-plugin.js

@@ -1,6 +1,6 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ACTIONS } from './actions';
-import { isInsertionTransaction } from './utils';
+import { isInsertionTransaction } from './isInsertionTransaction';
 export function createPlugin() {
   return new SafePlugin({
     appendTransaction: function appendTransaction(transactions, _oldState, newState) {

package/dist/esm/pm-plugins/isInsertionTransaction.js

@@ -0,0 +1,12 @@
+import { pluginKey } from './key';
+export var isInsertionTransaction = function isInsertionTransaction(transactions, action) {
+  var _tr$getMeta2;
+  var tr = transactions.find(function (tr) {
+    var _tr$getMeta;
+    return ((_tr$getMeta = tr.getMeta(pluginKey)) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.action) === action;
+  });
+  if (!tr) {
+    return null;
+  }
+  return (_tr$getMeta2 = tr.getMeta(pluginKey)) === null || _tr$getMeta2 === void 0 ? void 0 : _tr$getMeta2.params;
+};

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

@@ -2,12 +2,12 @@ import { InsertTypeAheadStep } from '@atlaskit/adf-schema/steps';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { closest } from '@atlaskit/editor-common/utils';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE } from '../constants';
 import { ACTIONS } from './actions';
+import { TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE } from './constants';
 import { factoryDecorations } from './decorations';
+import { isInsertionTransaction } from './isInsertionTransaction';
 import { pluginKey } from './key';
 import { createReducer } from './reducer';
-import { isInsertionTransaction } from './utils';
 var hasValidTypeAheadStep = function hasValidTypeAheadStep(tr) {
   var steps = tr.steps.filter(function (step) {
     return step instanceof InsertTypeAheadStep;

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

@@ -4,9 +4,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { InsertTypeAheadStages, InsertTypeAheadStep } from '@atlaskit/adf-schema/steps';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { isTypeAheadHandler } from '../utils';
 import { ACTIONS } from './actions';
 import { pluginKey } from './key';
+import { isTypeAheadHandler } from './utils';
 var shouldForceOpen = function shouldForceOpen(step) {
   if (!(step instanceof InsertTypeAheadStep)) {
     return false;

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

@@ -1,12 +1,123 @@
-import { pluginKey } from './key';
-export var isInsertionTransaction = function isInsertionTransaction(transactions, action) {
-  var _tr$getMeta2;
-  var tr = transactions.find(function (tr) {
-    var _tr$getMeta;
-    return ((_tr$getMeta = tr.getMeta(pluginKey)) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.action) === action;
-  });
-  if (!tr) {
+import { TypeAheadAvailableNodes, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
+import { updateSelectedIndex } from './commands/update-selected-index';
+import { pluginKey as typeAheadPluginKey } from './key';
+import { StatsModifier } from './stats-modifier';
+export var isTypeAheadHandler = function isTypeAheadHandler(handler) {
+  return handler && Object.values(TypeAheadAvailableNodes).includes(handler.id) && typeof handler.trigger === 'string' && typeof handler.selectItem === 'function' && typeof handler.getItems === 'function';
+};
+
+/** Is a typeahead plugin open? */
+export var isTypeAheadOpen = function isTypeAheadOpen(editorState) {
+  var _typeAheadPluginKey$g;
+  return !!(typeAheadPluginKey !== null && typeAheadPluginKey !== void 0 && (_typeAheadPluginKey$g = typeAheadPluginKey.getState(editorState)) !== null && _typeAheadPluginKey$g !== void 0 && (_typeAheadPluginKey$g = _typeAheadPluginKey$g.decorationSet) !== null && _typeAheadPluginKey$g !== void 0 && _typeAheadPluginKey$g.find().length);
+};
+export var getPluginState = function getPluginState(editorState) {
+  return typeAheadPluginKey.getState(editorState);
+};
+export var getTypeAheadHandler = function getTypeAheadHandler(editorState) {
+  var _typeAheadPluginKey$g2;
+  return (_typeAheadPluginKey$g2 = typeAheadPluginKey.getState(editorState)) === null || _typeAheadPluginKey$g2 === void 0 ? void 0 : _typeAheadPluginKey$g2.triggerHandler;
+};
+export var getTypeAheadQuery = function getTypeAheadQuery(editorState) {
+  var _typeAheadPluginKey$g3;
+  return (_typeAheadPluginKey$g3 = typeAheadPluginKey.getState(editorState)) === null || _typeAheadPluginKey$g3 === void 0 ? void 0 : _typeAheadPluginKey$g3.query;
+};
+export var isTypeAheadAllowed = function isTypeAheadAllowed(state) {
+  var isOpen = isTypeAheadOpen(state);
+  // if the TypeAhead is open
+  // we should not allow it
+  return !isOpen;
+};
+export var findHandler = function findHandler(id, state) {
+  var pluginState = typeAheadPluginKey.getState(state);
+  if (!pluginState || !pluginState.typeAheadHandlers || pluginState.typeAheadHandlers.length === 0) {
     return null;
   }
-  return (_tr$getMeta2 = tr.getMeta(pluginKey)) === null || _tr$getMeta2 === void 0 ? void 0 : _tr$getMeta2.params;
+  var typeAheadHandlers = pluginState.typeAheadHandlers;
+  return typeAheadHandlers.find(function (h) {
+    return h.id === id;
+  }) || null;
+};
+export var findHandlerByTrigger = function findHandlerByTrigger(_ref) {
+  var trigger = _ref.trigger,
+    editorState = _ref.editorState;
+  var pluginState = typeAheadPluginKey.getState(editorState);
+  if (!pluginState || !pluginState.typeAheadHandlers || pluginState.typeAheadHandlers.length === 0) {
+    return null;
+  }
+  var typeAheadHandlers = pluginState.typeAheadHandlers;
+  return typeAheadHandlers.find(function (h) {
+    return h.trigger === trigger;
+  }) || null;
+};
+export var moveSelectedIndex = function moveSelectedIndex(_ref2) {
+  var editorView = _ref2.editorView,
+    direction = _ref2.direction;
+  return function () {
+    var typeAheadState = getPluginState(editorView.state);
+    if (!typeAheadState) {
+      return;
+    }
+    var selectedIndex = typeAheadState.selectedIndex,
+      items = typeAheadState.items;
+    var stats = typeAheadState.stats instanceof StatsModifier ? typeAheadState.stats : new StatsModifier();
+    var nextIndex;
+    if (direction === 'next') {
+      stats.increaseArrowDown();
+
+      /**
+       * See: https://product-fabric.atlassian.net/browse/ED-17200
+       * `selectedIndex` is forced to -1 now to not immediately focus the typeahead
+       * and only do so when there is explicit logic to focus into the typeahead
+       * options.
+       *
+       * This check for "set index to 1 when -1"
+       * - is a temporary workaround to get back the previous behaviour without
+       *    entirely reverting the a11y improvements
+       *
+       */
+      if (selectedIndex === -1 && items.length > 1) {
+        nextIndex = 1;
+      } else {
+        nextIndex = selectedIndex >= items.length - 1 ? 0 : selectedIndex + 1;
+      }
+    } else {
+      stats.increaseArrowUp();
+      nextIndex = selectedIndex <= 0 ? items.length - 1 : selectedIndex - 1;
+    }
+    updateSelectedIndex(nextIndex)(editorView.state, editorView.dispatch);
+  };
+};
+export var getTypeAheadListAriaLabels = function getTypeAheadListAriaLabels(trigger, intl, item) {
+  var _item$mention, _item$mention2, _item$emoji, _item$emoji2, _item$emoji3;
+  switch (trigger) {
+    case '@':
+      return {
+        popupAriaLabel: intl.formatMessage(typeAheadListMessages.mentionPopupLabel),
+        listItemAriaLabel: intl.formatMessage(typeAheadListMessages.metionListItemLabel, {
+          name: (item === null || item === void 0 || (_item$mention = item.mention) === null || _item$mention === void 0 ? void 0 : _item$mention.name) || '',
+          shortName: (item === null || item === void 0 || (_item$mention2 = item.mention) === null || _item$mention2 === void 0 ? void 0 : _item$mention2.mentionName) || ''
+        })
+      };
+    case '/':
+      return {
+        popupAriaLabel: intl.formatMessage(typeAheadListMessages.quickInsertPopupLabel),
+        listItemAriaLabel: intl.formatMessage(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(typeAheadListMessages.emojiPopupLabel),
+        listItemAriaLabel: intl.formatMessage(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(typeAheadListMessages.typeAheadPopupLabel)
+      };
+  }
 };

package/dist/esm/{plugin.js → typeAheadPlugin.js}

@@ -12,16 +12,16 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/edit
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { SelectItemMode, TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { insertTypeAheadItem } from './commands/insert-type-ahead-item';
+import { closeTypeAhead } from './pm-plugins/commands/close-type-ahead';
+import { insertTypeAheadItem } from './pm-plugins/commands/insert-type-ahead-item';
+import { openTypeAheadAtCursor } from './pm-plugins/commands/open-typeahead-at-cursor';
 import { inputRulePlugin } from './pm-plugins/input-rules';
 import { createPlugin as createInsertItemPlugin } from './pm-plugins/insert-item-plugin';
 import { pluginKey as typeAheadPluginKey } from './pm-plugins/key';
 import { createPlugin } from './pm-plugins/main';
-import { StatsModifier } from './stats-modifier';
-import { closeTypeAhead } from './transforms/close-type-ahead';
-import { openTypeAheadAtCursor } from './transforms/open-typeahead-at-cursor';
+import { StatsModifier } from './pm-plugins/stats-modifier';
+import { findHandler, getPluginState, getTypeAheadHandler, getTypeAheadQuery, isTypeAheadAllowed, isTypeAheadOpen } from './pm-plugins/utils';
 import { ContentComponent } from './ui/ContentComponent';
-import { findHandler, getPluginState, getTypeAheadHandler, getTypeAheadQuery, isTypeAheadAllowed, isTypeAheadOpen } from './utils';
 var createOpenAtTransaction = function createOpenAtTransaction(editorAnalyticsAPI) {
   return function (props) {
     return function (tr) {

package/dist/esm/typeAheadPluginType.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/ui/InputQuery.js

@@ -12,8 +12,8 @@ import { keyName as keyNameNormalized } from 'w3c-keyname';
 import { browser } from '@atlaskit/editor-common/browser';
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
 import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
-import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_ELEMENT_ID, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../constants';
-import { getPluginState } from '../utils';
+import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_ELEMENT_ID, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../pm-plugins/constants';
+import { getPluginState } from '../pm-plugins/utils';
 import { AssistiveText } from './AssistiveText';
 var querySpanStyles = css({
   outline: 'none',