@atlaskit/editor-core 188.3.0 → 188.4.0

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

@@ -9,14 +9,14 @@ import { gapCursorStyles } from '../../plugins/selection/gap-cursor/styles';
 import { tableStyles } from '@atlaskit/editor-plugin-table/ui/common-styles';
 import { blocktypeStyles } from '@atlaskit/editor-plugin-block-type/styles';
 import { codeBlockStyles } from '../../plugins/code-block/styles';
-import { mediaStyles } from '../../plugins/media/styles';
+import { mediaStyles } from './media';
 import { layoutStyles } from '../../plugins/layout/styles';
 import { panelStyles } from '../../plugins/panel/styles';
 import { fakeCursorStyles } from '../../plugins/fake-text-cursor/styles';
 import { placeholderTextStyles } from '../../plugins/placeholder-text/styles';
 import { extensionStyles } from '../../plugins/extension/ui/styles';
 import { expandStyles } from '../../plugins/expand/ui/styles';
-import { ClassNames } from '../../plugins/media/pm-plugins/alt-text/style';
+import { MediaSharedClassNames } from '@atlaskit/editor-common/styles';
 import { findReplaceStyles } from '../../plugins/find-replace/styles';
 import { taskDecisionStyles } from '../../plugins/tasks-and-decisions/styles';
 import { statusStyles } from '../../plugins/status/styles';
@@ -242,7 +242,7 @@ const contentStyles = props => css`
   }
 
   .hyperlink-floating-toolbar,
-  .${ClassNames.FLOATING_TOOLBAR_COMPONENT} {
+  .${MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT} {
     padding: 0;
   }
 

package/dist/es2019/utils/action.js

@@ -1,7 +1,15 @@
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { pluginKey as extensionPluginKey } from '../plugins/extension/plugin-key';
 import { forceAutoSave } from '../plugins/extension/commands';
-import { stateKey as mediaPluginKey } from '../plugins/media/pm-plugins/plugin-key';
+// TODO: ED-15663
+// Please, do not copy or use this kind of code below
+// @ts-ignore
+const mediaPluginKey = {
+  key: 'mediaPlugin$',
+  getState: state => {
+    return state['mediaPlugin$'];
+  }
+};
 export async function __temporaryFixForConfigPanel(editorView) {
   const extensionPluginState = editorView.state && extensionPluginKey.getState(editorView.state);
   if (extensionPluginState && extensionPluginState.showContextPanel) {

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "188.3.0";
+export const version = "188.4.0";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/index.js

@@ -34,5 +34,5 @@ export { PortalProvider, PortalProviderAPI, PortalRenderer } from '@atlaskit/edi
  * @deprecated
  * DO NOT USE THIS WILL BE REMOVED SOON AND IS UNSAFE.
  * This is here while we work to extract the media plugin.
- * Please use the export from `@atlaskit/editor-common/provider-factory`.
+ * Please use the export from `@atlaskit/editor-plugin-media/types`.
  */

package/dist/esm/labs/next/presets/universal.js

@@ -3,9 +3,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { createEditorSelectionAPI } from '../../../selection-api/api';
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, extensionPlugin, fragmentMarkPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, borderPlugin } from '../../../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, extensionPlugin, fragmentMarkPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../../../plugins';
 import { captionPlugin } from '@atlaskit/editor-plugin-caption';
+import { borderPlugin } from '@atlaskit/editor-plugin-border';
 import { helpDialogPlugin } from '@atlaskit/editor-plugin-help-dialog';
+import { mediaPlugin } from '@atlaskit/editor-plugin-media';
 import { rulePlugin } from '@atlaskit/editor-plugin-rule';
 import { emojiPlugin } from '@atlaskit/editor-plugin-emoji';
 import { listPlugin } from '@atlaskit/editor-plugin-list';

package/dist/esm/plugins/index.js

@@ -11,7 +11,6 @@ export { default as layoutPlugin } from './layout';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as macroPlugin } from './macro';
 export { default as maxContentSizePlugin } from './max-content-size';
-export { default as mediaPlugin } from './media';
 export { default as mentionsPlugin } from './mentions';
 export { default as panelPlugin } from './panel';
 export { default as pastePlugin } from './paste';
@@ -42,5 +41,4 @@ export { default as undoRedoPlugin } from './undo-redo';
 export { default as avatarGroupPlugin } from './avatar-group';
 export { default as viewUpdateSubscriptionPlugin } from './view-update-subscription';
 export { default as beforePrimaryToolbarPlugin } from './before-primaryToolbar';
-export { default as codeBidiWarningPlugin } from './code-bidi-warning';
-export { default as borderPlugin } from './border';
+export { default as codeBidiWarningPlugin } from './code-bidi-warning';

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -25,7 +25,6 @@ import { showPlaceholderFloatingToolbar } from '../../../placeholder-text/action
 import { insertLayoutColumnsWithAnalytics } from '../../../layout/actions';
 import { insertTaskDecisionCommand } from '../../../tasks-and-decisions/commands';
 import { insertExpand } from '../../../expand/commands';
-import { createTypeAheadTools } from '../../../type-ahead/api';
 import { updateStatusWithAnalytics } from '../../../status/actions';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { messages } from './messages';
@@ -169,7 +168,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$h = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h === void 0 ? void 0 : _pluginInjectionApi$h.commands.showLinkToolbar(inputMethod))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
     });
     _defineProperty(_assertThisInitialized(_this), "insertMention", function (inputMethod) {
-      var _pluginInjectionApi$m;
+      var _pluginInjectionApi$m, _pluginInjectionApi$m2;
       var _this$props = _this.props,
         editorView = _this$props.editorView,
         pluginInjectionApi = _this$props.pluginInjectionApi;
@@ -180,8 +179,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       if (pluginState && pluginState.canInsertMention === false) {
         return false;
       }
-      createTypeAheadTools(editorView).openMention(inputMethod);
-      return true;
+      return Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m2 = pluginInjectionApi.mention) === null || _pluginInjectionApi$m2 === void 0 || (_pluginInjectionApi$m2 = _pluginInjectionApi$m2.actions) === null || _pluginInjectionApi$m2 === void 0 ? void 0 : _pluginInjectionApi$m2.openTypeAhead(inputMethod));
     });
     _defineProperty(_assertThisInitialized(_this), "insertTable", function (inputMethod) {
       var _pluginInjectionApi$t, _pluginInjectionApi$t2, _pluginInjectionApi$t3, _pluginInjectionApi$t4;

package/dist/esm/plugins/mentions/index.js

@@ -1,22 +1,19 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import uuid from 'uuid';
 import { ELEMENTS_CHANNEL } from '@atlaskit/mention/resource';
 import { mention } from '@atlaskit/adf-schema';
 import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
 import ToolbarMention from './ui/ToolbarMention';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { IconMention } from '@atlaskit/editor-common/quick-insert';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { createTypeAheadConfig } from './type-ahead';
 import { mentionPluginKey } from './pm-plugins/key';
 import { createMentionPlugin } from './pm-plugins/main';
 export { mentionPluginKey };
-var getSharedState = function getSharedState(editorState) {
-  if (!editorState) {
-    return undefined;
-  }
-  return mentionPluginKey.getState(editorState);
-};
 var mentionsPlugin = function mentionsPlugin(_ref) {
   var options = _ref.config,
     api = _ref.api;
@@ -58,6 +55,13 @@ var mentionsPlugin = function mentionsPlugin(_ref) {
     secondaryToolbarComponent: function secondaryToolbarComponent(_ref3) {
       var editorView = _ref3.editorView,
         disabled = _ref3.disabled;
+      var openMentionTypeAhead = function openMentionTypeAhead() {
+        var _api$typeAhead;
+        api === null || api === void 0 || (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 || (_api$typeAhead = _api$typeAhead.actions) === null || _api$typeAhead === void 0 || _api$typeAhead.open({
+          triggerHandler: typeAhead,
+          inputMethod: INPUT_METHOD.INSERT_MENU
+        });
+      };
       return /*#__PURE__*/React.createElement(WithPluginState, {
         editorView: editorView,
         plugins: {
@@ -68,12 +72,30 @@ var mentionsPlugin = function mentionsPlugin(_ref) {
             mentionState = _ref4$mentionState === void 0 ? {} : _ref4$mentionState;
           return !mentionState.mentionProvider ? null : /*#__PURE__*/React.createElement(ToolbarMention, {
             editorView: editorView,
+            onInsertMention: openMentionTypeAhead,
             isDisabled: disabled || (api === null || api === void 0 ? void 0 : api.typeAhead.actions.isAllowed(editorView.state))
           });
         }
       });
     },
-    getSharedState: getSharedState,
+    actions: {
+      openTypeAhead: function openTypeAhead(inputMethod) {
+        var _api$typeAhead2;
+        return Boolean(api === null || api === void 0 || (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 || (_api$typeAhead2 = _api$typeAhead2.actions) === null || _api$typeAhead2 === void 0 ? void 0 : _api$typeAhead2.open({
+          triggerHandler: typeAhead,
+          inputMethod: inputMethod
+        }));
+      }
+    },
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return undefined;
+      }
+      var mentionPluginState = mentionPluginKey.getState(editorState);
+      return _objectSpread(_objectSpread({}, mentionPluginState), {}, {
+        typeAheadHandler: typeAhead
+      });
+    },
     pluginsOptions: {
       quickInsert: function quickInsert(_ref5) {
         var formatMessage = _ref5.formatMessage;
@@ -88,26 +110,14 @@ var mentionsPlugin = function mentionsPlugin(_ref) {
             return /*#__PURE__*/React.createElement(IconMention, null);
           },
           action: function action(insert, state) {
-            var _api$analytics2;
             var tr = insert(undefined);
-            var pluginState = getSharedState(state);
+            var pluginState = mentionPluginKey.getState(state);
             if (pluginState && pluginState.canInsertMention === false) {
               return false;
             }
-            api === null || api === void 0 || api.typeAhead.commands.openTypeAheadAtCursor({
+            api === null || api === void 0 || api.typeAhead.actions.openAtTransaction({
               triggerHandler: typeAhead,
               inputMethod: INPUT_METHOD.QUICK_INSERT
-            })({
-              tr: tr
-            });
-            api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
-              action: ACTION.INVOKED,
-              actionSubject: ACTION_SUBJECT.TYPEAHEAD,
-              actionSubjectId: ACTION_SUBJECT_ID.TYPEAHEAD_MENTION,
-              attributes: {
-                inputMethod: INPUT_METHOD.QUICK_INSERT
-              },
-              eventType: EVENT_TYPE.UI
             })(tr);
             return tr;
           }

package/dist/esm/plugins/mentions/ui/ToolbarMention/index.js

@@ -7,12 +7,9 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-import React from 'react';
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import MentionIcon from '@atlaskit/icon/glyph/editor/mention';
 import { ToolbarButton, TOOLBAR_BUTTON } from '@atlaskit/editor-common/ui-menu';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { createTypeAheadTools } from '../../../type-ahead/api';
 import { injectIntl } from 'react-intl-next';
 import { messages } from '../../messages';
 var ToolbarMention = /*#__PURE__*/function (_PureComponent) {
@@ -29,7 +26,7 @@ var ToolbarMention = /*#__PURE__*/function (_PureComponent) {
       if (!_this.props.editorView) {
         return false;
       }
-      createTypeAheadTools(_this.props.editorView).openMention(INPUT_METHOD.INSERT_MENU);
+      _this.props.onInsertMention();
       return true;
     });
     return _this;

package/dist/esm/plugins/placeholder-text/index.js

@@ -13,19 +13,18 @@ import { pluginKey } from './plugin-key';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { isSelectionAtPlaceholder } from './selection-utils';
-import { createInternalTypeAheadTools } from '../type-ahead/api';
-var getOpenTypeAhead = function getOpenTypeAhead(view, content) {
-  var typeAheadAPI = createInternalTypeAheadTools(view);
-  var typeAheadHandler = typeAheadAPI.findTypeAheadHandler(content);
+var getOpenTypeAhead = function getOpenTypeAhead(trigger, api) {
+  var _api$typeAhead, _api$typeAhead2;
+  var typeAheadHandler = api === null || api === void 0 || (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 || (_api$typeAhead = _api$typeAhead.actions) === null || _api$typeAhead === void 0 ? void 0 : _api$typeAhead.findHandlerByTrigger(trigger);
   if (!typeAheadHandler || !typeAheadHandler.id) {
     return null;
   }
-  return typeAheadAPI.openTypeAheadHandler({
+  return api === null || api === void 0 || (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 || (_api$typeAhead2 = _api$typeAhead2.actions) === null || _api$typeAhead2 === void 0 ? void 0 : _api$typeAhead2.openAtTransaction({
     triggerHandler: typeAheadHandler,
     inputMethod: INPUT_METHOD.KEYBOARD
   });
 };
-export function createPlugin(dispatch, options) {
+export function createPlugin(dispatch, options, api) {
   var allowInserting = !!options.allowInserting;
   return new SafePlugin({
     key: pluginKey,
@@ -103,7 +102,7 @@ export function createPlugin(dispatch, options) {
             var content = event.data || '';
             var tr = view.state.tr;
             tr.delete(startNodePosition, startNodePosition + 1);
-            var openTypeAhead = getOpenTypeAhead(view, content);
+            var openTypeAhead = getOpenTypeAhead(content, api);
             if (openTypeAhead) {
               openTypeAhead(tr);
             } else {
@@ -124,7 +123,8 @@ export function createPlugin(dispatch, options) {
   });
 }
 var basePlaceholderTextPlugin = function basePlaceholderTextPlugin(_ref) {
-  var options = _ref.config;
+  var api = _ref.api,
+    options = _ref.config;
   return {
     name: 'placeholderText',
     nodes: function nodes() {
@@ -138,7 +138,7 @@ var basePlaceholderTextPlugin = function basePlaceholderTextPlugin(_ref) {
         name: 'placeholderText',
         plugin: function plugin(_ref2) {
           var dispatch = _ref2.dispatch;
-          return createPlugin(dispatch, options);
+          return createPlugin(dispatch, options, api);
         }
       }];
     },

package/dist/esm/plugins/type-ahead/api.js

@@ -1,7 +1,7 @@
 import { TypeAheadAvailableNodes, SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { findHandler, findHandlerByTrigger, isTypeAheadOpen, getTypeAheadHandler, getTypeAheadQuery } from './utils';
+import { findHandler, isTypeAheadOpen, getTypeAheadHandler, getTypeAheadQuery } from './utils';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { openTypeAheadAtCursor, openTypeAhead } from './transforms/open-typeahead-at-cursor';
+import { openTypeAheadAtCursor } from './transforms/open-typeahead-at-cursor';
 import { closeTypeAhead } from './transforms/close-type-ahead';
 import { updateQuery } from './commands/update-query';
 import { insertTypeAheadItem } from './commands/insert-type-ahead-item';
@@ -180,32 +180,14 @@ var currentQuery = function currentQuery(_ref8) {
     return getTypeAheadQuery(editorView.state);
   };
 };
-var find = function find(_ref9) {
-  var editorView = _ref9.editorView;
-  return function (trigger) {
-    var editorState = editorView.state;
-    var handler = findHandlerByTrigger({
-      trigger: trigger,
-      editorState: editorState
-    });
-    if (!handler) {
-      return null;
-    }
-    return handler;
-  };
-};
 
-// This is an internal tool to be used inside of others Editor Plugins
-// We shouldn't public export this method.
-export var createInternalTypeAheadTools = function createInternalTypeAheadTools(editorView) {
-  var props = {
-    editorView: editorView
-  };
-  return {
-    findTypeAheadHandler: find(props),
-    openTypeAheadHandler: openTypeAhead
-  };
-};
+/**
+ * Please do not use it. Ping #help-editor and talk to the Lego team before use it.
+ *
+ * @private
+ * @deprecated
+ *
+ */
 export var createTypeAheadTools = function createTypeAheadTools(editorView) {
   var props = {
     editorView: editorView

package/dist/esm/plugins/type-ahead/index.js

@@ -9,6 +9,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  */
 import React from 'react';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { createPlugin } from './pm-plugins/main';
 import { createPlugin as createInsertItemPlugin } from './pm-plugins/insert-item-plugin';
 import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
@@ -16,12 +17,14 @@ import { typeAheadQuery } from '@atlaskit/adf-schema';
 import { pluginKey as typeAheadPluginKey } from './pm-plugins/key';
 import { inputRulePlugin } from './pm-plugins/input-rules';
 import { TypeAheadPopup } from './ui/TypeAheadPopup';
-import { getPluginState, isTypeAheadOpen, isTypeAheadAllowed } from './utils';
+import { findHandler, getPluginState, isTypeAheadOpen, isTypeAheadAllowed, getTypeAheadQuery, getTypeAheadHandler } from './utils';
 import { useItemInsert } from './ui/hooks/use-item-insert';
 import { updateSelectedIndex } from './commands/update-selected-index';
 import { StatsModifier } from './stats-modifier';
 import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { openTypeAheadAtCursor } from './transforms/open-typeahead-at-cursor';
+import { closeTypeAhead } from './transforms/close-type-ahead';
+import { insertTypeAheadItem } from './commands/insert-type-ahead-item';
 var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
   var _popupMountRef$curren, _popupMountRef$curren2, _popupMountRef$curren3;
   var editorView = _ref.editorView,
@@ -104,6 +107,103 @@ var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
     cancel: cancel
   });
 });
+var createOpenAtTransaction = function createOpenAtTransaction(editorAnalyticsAPI) {
+  return function (props) {
+    return function (tr) {
+      var triggerHandler = props.triggerHandler,
+        inputMethod = props.inputMethod;
+      openTypeAheadAtCursor({
+        triggerHandler: triggerHandler,
+        inputMethod: inputMethod
+      })({
+        tr: tr
+      });
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
+        action: ACTION.INVOKED,
+        actionSubject: ACTION_SUBJECT.TYPEAHEAD,
+        actionSubjectId: triggerHandler.id,
+        attributes: {
+          inputMethod: inputMethod
+        },
+        eventType: EVENT_TYPE.UI
+      })(tr);
+      return true;
+    };
+  };
+};
+var createOpenTypeAhead = function createOpenTypeAhead(editorViewRef, editorAnalyticsAPI) {
+  return function (props) {
+    if (!editorViewRef.current) {
+      return false;
+    }
+    var view = editorViewRef.current;
+    var tr = view.state.tr;
+    createOpenAtTransaction(editorAnalyticsAPI)(props)(tr);
+    view.dispatch(tr);
+    return true;
+  };
+};
+var createInsertTypeAheadItem = function createInsertTypeAheadItem(editorViewRef) {
+  return function (props) {
+    if (!editorViewRef.current) {
+      return false;
+    }
+    var view = editorViewRef.current;
+    var triggerHandler = props.triggerHandler,
+      contentItem = props.contentItem,
+      query = props.query,
+      sourceListItem = props.sourceListItem,
+      mode = props.mode;
+    insertTypeAheadItem(view)({
+      handler: triggerHandler,
+      item: contentItem,
+      mode: mode || SelectItemMode.SELECTED,
+      query: query,
+      sourceListItem: sourceListItem
+    });
+    return true;
+  };
+};
+var createFindHandlerByTrigger = function createFindHandlerByTrigger(editorViewRef) {
+  return function (trigger) {
+    if (!editorViewRef.current) {
+      return null;
+    }
+    var view = editorViewRef.current;
+    return findHandler(trigger, view.state);
+  };
+};
+var createCloseTypeAhead = function createCloseTypeAhead(editorViewRef) {
+  return function (options) {
+    if (!editorViewRef.current) {
+      return false;
+    }
+    var view = editorViewRef.current;
+    var currentQuery = getTypeAheadQuery(view.state) || '';
+    var state = view.state;
+    var tr = state.tr;
+    if (options.attachCommand) {
+      var fakeDispatch = function fakeDispatch(customTr) {
+        tr = customTr;
+      };
+      options.attachCommand(state, fakeDispatch);
+    }
+    closeTypeAhead(tr);
+    if (options.insertCurrentQueryAsRawText && currentQuery && currentQuery.length > 0) {
+      var handler = getTypeAheadHandler(state);
+      if (!handler) {
+        return false;
+      }
+      var text = handler.trigger.concat(currentQuery);
+      tr.replaceSelectionWith(state.schema.text(text));
+    }
+    view.dispatch(tr);
+    if (!view.hasFocus()) {
+      view.focus();
+    }
+    return true;
+  };
+};
 
 /**
  *
@@ -114,11 +214,16 @@ var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
  *
  */
 var typeAheadPlugin = function typeAheadPlugin(_ref4) {
-  var options = _ref4.config;
+  var _api$analytics, _api$analytics2;
+  var options = _ref4.config,
+    api = _ref4.api;
   var fireAnalyticsCallback = fireAnalyticsEvent(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);
   var popupMountRef = {
     current: null
   };
+  var editorViewRef = {
+    current: null
+  };
   return {
     name: 'typeAhead',
     marks: function marks() {
@@ -144,6 +249,20 @@ var typeAheadPlugin = function typeAheadPlugin(_ref4) {
             createAnalyticsEvent: options === null || options === void 0 ? void 0 : options.createAnalyticsEvent
           });
         }
+      }, {
+        name: 'typeAheadEditorViewRef',
+        plugin: function plugin() {
+          return new SafePlugin({
+            view: function view(_view) {
+              editorViewRef.current = _view;
+              return {
+                destroy: function destroy() {
+                  editorViewRef.current = null;
+                }
+              };
+            }
+          });
+        }
       }, {
         name: 'typeAheadInsertItem',
         plugin: createInsertItemPlugin
@@ -156,12 +275,24 @@ var typeAheadPlugin = function typeAheadPlugin(_ref4) {
         }
       }];
     },
-    commands: {
-      openTypeAheadAtCursor: openTypeAheadAtCursor
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return {
+          query: ''
+        };
+      }
+      return {
+        query: getTypeAheadQuery(editorState) || ''
+      };
     },
     actions: {
       isOpen: isTypeAheadOpen,
-      isAllowed: isTypeAheadAllowed
+      isAllowed: isTypeAheadAllowed,
+      open: createOpenTypeAhead(editorViewRef, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions),
+      openAtTransaction: createOpenAtTransaction(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions),
+      findHandlerByTrigger: createFindHandlerByTrigger(editorViewRef),
+      insert: createInsertTypeAheadItem(editorViewRef),
+      close: createCloseTypeAhead(editorViewRef)
     },
     contentComponent: function contentComponent(_ref7) {
       var editorView = _ref7.editorView,

package/dist/esm/plugins/undo-redo/index.js

@@ -4,7 +4,8 @@ import { createPlugin } from './pm-plugins/main';
 import { historyPluginKey } from '../history';
 import ToolbarUndoRedo from './ui/ToolbarUndoRedo';
 import WithPluginState from '../../ui/WithPluginState';
-var undoRedoPlugin = function undoRedoPlugin() {
+var undoRedoPlugin = function undoRedoPlugin(_ref) {
+  var api = _ref.api;
   return {
     name: 'undoRedoPlugin',
     pmPlugins: function pmPlugins() {
@@ -20,21 +21,22 @@ var undoRedoPlugin = function undoRedoPlugin() {
         }
       }];
     },
-    primaryToolbarComponent: function primaryToolbarComponent(_ref) {
-      var editorView = _ref.editorView,
-        disabled = _ref.disabled,
-        isToolbarReducedSpacing = _ref.isToolbarReducedSpacing;
+    primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
+      var editorView = _ref2.editorView,
+        disabled = _ref2.disabled,
+        isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing;
       return /*#__PURE__*/React.createElement(WithPluginState, {
         plugins: {
           historyState: historyPluginKey
         },
-        render: function render(_ref2) {
-          var historyState = _ref2.historyState;
+        render: function render(_ref3) {
+          var historyState = _ref3.historyState;
           return /*#__PURE__*/React.createElement(ToolbarUndoRedo, {
             isReducedSpacing: isToolbarReducedSpacing,
             disabled: disabled,
             historyState: historyState,
-            editorView: editorView
+            editorView: editorView,
+            api: api
           });
         }
       });

package/dist/esm/plugins/undo-redo/ui/ToolbarUndoRedo/index.js

@@ -15,17 +15,17 @@ import { undo as undoKeymap, redo as redoKeymap, ToolTipContent, tooltip } from
 import { separatorStyles, buttonGroupStyle } from '@atlaskit/editor-common/styles';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
 import { undoRedoMessages } from '@atlaskit/editor-common/messages';
-import { createTypeAheadTools } from '../../../type-ahead/api';
 import { undoFromToolbar, redoFromToolbar } from '../../commands';
 import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
-var closeTypeAheadAndRunCommand = function closeTypeAheadAndRunCommand(editorView) {
+var closeTypeAheadAndRunCommand = function closeTypeAheadAndRunCommand(editorView, api) {
   return function (command) {
+    var _api$typeAhead;
     if (!editorView) {
       return;
     }
-    var tool = createTypeAheadTools(editorView);
-    if (tool.isOpen()) {
-      tool.close({
+    if (api !== null && api !== void 0 && (_api$typeAhead = api.typeAhead) !== null && _api$typeAhead !== void 0 && (_api$typeAhead = _api$typeAhead.actions) !== null && _api$typeAhead !== void 0 && _api$typeAhead.isOpen(editorView.state)) {
+      var _api$typeAhead2;
+      api === null || api === void 0 || (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 || (_api$typeAhead2 = _api$typeAhead2.actions) === null || _api$typeAhead2 === void 0 || _api$typeAhead2.close({
         attachCommand: command,
         insertCurrentQueryAsRawText: false
       });
@@ -34,9 +34,9 @@ var closeTypeAheadAndRunCommand = function closeTypeAheadAndRunCommand(editorVie
     }
   };
 };
-var forceFocus = function forceFocus(editorView) {
+var forceFocus = function forceFocus(editorView, api) {
   return function (command) {
-    closeTypeAheadAndRunCommand(editorView)(command);
+    closeTypeAheadAndRunCommand(editorView, api)(command);
     if (!editorView.hasFocus()) {
       editorView.focus();
     }
@@ -57,12 +57,13 @@ export var ToolbarUndoRedo = /*#__PURE__*/function (_PureComponent) {
         isReducedSpacing = _this$props.isReducedSpacing,
         historyState = _this$props.historyState,
         editorView = _this$props.editorView,
+        api = _this$props.api,
         formatMessage = _this$props.intl.formatMessage;
       var handleUndo = function handleUndo() {
-        forceFocus(editorView)(undoFromToolbar);
+        forceFocus(editorView, api)(undoFromToolbar);
       };
       var handleRedo = function handleRedo() {
-        forceFocus(editorView)(redoFromToolbar);
+        forceFocus(editorView, api)(redoFromToolbar);
       };
       var labelUndo = formatMessage(undoRedoMessages.undo);
       var labelRedo = formatMessage(undoRedoMessages.redo);

package/dist/esm/test-utils.js

@@ -8,7 +8,6 @@ import { createSchema } from './create-editor/create-schema';
 import { sortByOrder } from './create-editor/sort-by-order';
 import { analyticsPluginKey } from './plugins/analytics/plugin-key';
 import { basePlugin } from '@atlaskit/editor-plugin-base';
-export { createTypeAheadTools } from './plugins/type-ahead/api';
 export function getFireAnalytics(editorView) {
   var _analyticsPluginKey$g;
   return analyticsPluginKey === null || analyticsPluginKey === void 0 || (_analyticsPluginKey$g = analyticsPluginKey.getState(editorView.state)) === null || _analyticsPluginKey$g === void 0 ? void 0 : _analyticsPluginKey$g.fireAnalytics;