@atlaskit/editor-core 188.3.0 → 188.4.0

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

@@ -17,18 +17,17 @@ var _styles3 = require("../../plugins/selection/gap-cursor/styles");
 var _commonStyles = require("@atlaskit/editor-plugin-table/ui/common-styles");
 var _styles4 = require("@atlaskit/editor-plugin-block-type/styles");
 var _styles5 = require("../../plugins/code-block/styles");
-var _styles6 = require("../../plugins/media/styles");
-var _styles7 = require("../../plugins/layout/styles");
-var _styles8 = require("../../plugins/panel/styles");
-var _styles9 = require("../../plugins/fake-text-cursor/styles");
-var _styles10 = require("../../plugins/placeholder-text/styles");
-var _styles11 = require("../../plugins/extension/ui/styles");
-var _styles12 = require("../../plugins/expand/ui/styles");
-var _style = require("../../plugins/media/pm-plugins/alt-text/style");
-var _styles13 = require("../../plugins/find-replace/styles");
-var _styles14 = require("../../plugins/tasks-and-decisions/styles");
-var _styles15 = require("../../plugins/status/styles");
-var _styles16 = require("../../plugins/date/styles");
+var _media = require("./media");
+var _styles6 = require("../../plugins/layout/styles");
+var _styles7 = require("../../plugins/panel/styles");
+var _styles8 = require("../../plugins/fake-text-cursor/styles");
+var _styles9 = require("../../plugins/placeholder-text/styles");
+var _styles10 = require("../../plugins/extension/ui/styles");
+var _styles11 = require("../../plugins/expand/ui/styles");
+var _styles12 = require("../../plugins/find-replace/styles");
+var _styles13 = require("../../plugins/tasks-and-decisions/styles");
+var _styles14 = require("../../plugins/status/styles");
+var _styles15 = require("../../plugins/date/styles");
 var _getInlineNodeViewProducer = require("../../nodeviews/getInlineNodeViewProducer.styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _emoji = require("@atlaskit/editor-common/emoji");
@@ -48,7 +47,7 @@ var placeholderStyles = exports.placeholderStyles = (0, _react2.css)(_templateOb
 var contentStyles = function contentStyles(props) {
   return (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), (0, _editorSharedStyles.editorFontSize)({
     theme: props.theme
-  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles10.placeholderTextStyles, placeholderStyles, (0, _styles5.codeBlockStyles)(props), (0, _styles4.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, ruleStyles(props), _styles6.mediaStyles, (0, _styles7.layoutStyles)(props), _styles2.telepointerStyle, _styles3.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _styles8.panelStyles)(props), _styles9.fakeCursorStyles, mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles11.extensionStyles, (0, _styles12.expandStyles)(props), _styles13.findReplaceStyles, _styles14.taskDecisionStyles, _styles15.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _styles16.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, _style.ClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles9.placeholderTextStyles, placeholderStyles, (0, _styles5.codeBlockStyles)(props), (0, _styles4.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, ruleStyles(props), _media.mediaStyles, (0, _styles6.layoutStyles)(props), _styles2.telepointerStyle, _styles3.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _styles7.panelStyles)(props), _styles8.fakeCursorStyles, mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles10.extensionStyles, (0, _styles11.expandStyles)(props), _styles12.findReplaceStyles, _styles13.taskDecisionStyles, _styles14.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _styles15.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

package/dist/cjs/utils/action.js

@@ -12,7 +12,15 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _pluginKey = require("../plugins/extension/plugin-key");
 var _commands = require("../plugins/extension/commands");
-var _pluginKey2 = require("../plugins/media/pm-plugins/plugin-key");
+// TODO: ED-15663
+// Please, do not copy or use this kind of code below
+// @ts-ignore
+var mediaPluginKey = {
+  key: 'mediaPlugin$',
+  getState: function getState(state) {
+    return state['mediaPlugin$'];
+  }
+};
 function __temporaryFixForConfigPanel(_x) {
   return _temporaryFixForConfigPanel.apply(this, arguments);
 }
@@ -52,7 +60,7 @@ function _getEditorValueWithMedia() {
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          mediaPluginState = editorView.state && _pluginKey2.stateKey.getState(editorView.state);
+          mediaPluginState = editorView.state && mediaPluginKey.getState(editorView.state);
           if (!(mediaPluginState && mediaPluginState.waitForMediaUpload)) {
             _context2.next = 4;
             break;

package/dist/cjs/version-wrapper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "188.3.0";
+var version = exports.version = "188.4.0";
 var nextMajorVersion = exports.nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/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/es2019/labs/next/presets/universal.js

@@ -1,7 +1,9 @@
 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/es2019/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/es2019/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -14,7 +14,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';
@@ -157,7 +156,7 @@ export class ToolbarInsertBlock extends React.PureComponent {
       return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? 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(this, "insertMention", inputMethod => {
-      var _pluginInjectionApi$m;
+      var _pluginInjectionApi$m, _pluginInjectionApi$m2, _pluginInjectionApi$m3;
       const {
         editorView,
         pluginInjectionApi
@@ -169,8 +168,7 @@ export class ToolbarInsertBlock extends React.PureComponent {
       if (pluginState && pluginState.canInsertMention === false) {
         return false;
       }
-      createTypeAheadTools(editorView).openMention(inputMethod);
-      return true;
+      return Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$m2 = pluginInjectionApi.mention) === null || _pluginInjectionApi$m2 === void 0 ? void 0 : (_pluginInjectionApi$m3 = _pluginInjectionApi$m2.actions) === null || _pluginInjectionApi$m3 === void 0 ? void 0 : _pluginInjectionApi$m3.openTypeAhead(inputMethod));
     });
     _defineProperty(this, "insertTable", inputMethod => {
       var _pluginInjectionApi$t, _pluginInjectionApi$t2, _pluginInjectionApi$t3, _pluginInjectionApi$t4;

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

@@ -4,19 +4,13 @@ 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 };
-const getSharedState = editorState => {
-  if (!editorState) {
-    return undefined;
-  }
-  return mentionPluginKey.getState(editorState);
-};
 const mentionsPlugin = ({
   config: options,
   api
@@ -59,6 +53,13 @@ const mentionsPlugin = ({
       editorView,
       disabled
     }) {
+      const openMentionTypeAhead = () => {
+        var _api$typeAhead, _api$typeAhead$action;
+        api === null || api === void 0 ? void 0 : (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 ? void 0 : (_api$typeAhead$action = _api$typeAhead.actions) === null || _api$typeAhead$action === void 0 ? void 0 : _api$typeAhead$action.open({
+          triggerHandler: typeAhead,
+          inputMethod: INPUT_METHOD.INSERT_MENU
+        });
+      };
       return /*#__PURE__*/React.createElement(WithPluginState, {
         editorView: editorView,
         plugins: {
@@ -68,11 +69,30 @@ const mentionsPlugin = ({
           mentionState = {}
         }) => !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,
+    actions: {
+      openTypeAhead(inputMethod) {
+        var _api$typeAhead2, _api$typeAhead2$actio;
+        return Boolean(api === null || api === void 0 ? void 0 : (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 ? void 0 : (_api$typeAhead2$actio = _api$typeAhead2.actions) === null || _api$typeAhead2$actio === void 0 ? void 0 : _api$typeAhead2$actio.open({
+          triggerHandler: typeAhead,
+          inputMethod
+        }));
+      }
+    },
+    getSharedState(editorState) {
+      if (!editorState) {
+        return undefined;
+      }
+      const mentionPluginState = mentionPluginKey.getState(editorState);
+      return {
+        ...mentionPluginState,
+        typeAheadHandler: typeAhead
+      };
+    },
     pluginsOptions: {
       quickInsert: ({
         formatMessage
@@ -85,26 +105,14 @@ const mentionsPlugin = ({
         keyshortcut: '@',
         icon: () => /*#__PURE__*/React.createElement(IconMention, null),
         action(insert, state) {
-          var _api$analytics2;
           const tr = insert(undefined);
-          const pluginState = getSharedState(state);
+          const pluginState = mentionPluginKey.getState(state);
           if (pluginState && pluginState.canInsertMention === false) {
             return false;
           }
-          api === null || api === void 0 ? void 0 : api.typeAhead.commands.openTypeAheadAtCursor({
+          api === null || api === void 0 ? void 0 : api.typeAhead.actions.openAtTransaction({
             triggerHandler: typeAhead,
             inputMethod: INPUT_METHOD.QUICK_INSERT
-          })({
-            tr
-          });
-          api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? 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/es2019/plugins/mentions/ui/ToolbarMention/index.js

@@ -1,10 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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';
 class ToolbarMention extends PureComponent {
@@ -14,7 +11,7 @@ class ToolbarMention extends PureComponent {
       if (!this.props.editorView) {
         return false;
       }
-      createTypeAheadTools(this.props.editorView).openMention(INPUT_METHOD.INSERT_MENU);
+      this.props.onInsertMention();
       return true;
     });
   }

package/dist/es2019/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';
-const getOpenTypeAhead = (view, content) => {
-  const typeAheadAPI = createInternalTypeAheadTools(view);
-  const typeAheadHandler = typeAheadAPI.findTypeAheadHandler(content);
+const getOpenTypeAhead = (trigger, api) => {
+  var _api$typeAhead, _api$typeAhead$action, _api$typeAhead2, _api$typeAhead2$actio;
+  const typeAheadHandler = api === null || api === void 0 ? void 0 : (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 ? void 0 : (_api$typeAhead$action = _api$typeAhead.actions) === null || _api$typeAhead$action === void 0 ? void 0 : _api$typeAhead$action.findHandlerByTrigger(trigger);
   if (!typeAheadHandler || !typeAheadHandler.id) {
     return null;
   }
-  return typeAheadAPI.openTypeAheadHandler({
+  return api === null || api === void 0 ? void 0 : (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 ? void 0 : (_api$typeAhead2$actio = _api$typeAhead2.actions) === null || _api$typeAhead2$actio === void 0 ? void 0 : _api$typeAhead2$actio.openAtTransaction({
     triggerHandler: typeAheadHandler,
     inputMethod: INPUT_METHOD.KEYBOARD
   });
 };
-export function createPlugin(dispatch, options) {
+export function createPlugin(dispatch, options, api) {
   const allowInserting = !!options.allowInserting;
   return new SafePlugin({
     key: pluginKey,
@@ -106,7 +105,7 @@ export function createPlugin(dispatch, options) {
             const content = event.data || '';
             const tr = view.state.tr;
             tr.delete(startNodePosition, startNodePosition + 1);
-            const openTypeAhead = getOpenTypeAhead(view, content);
+            const openTypeAhead = getOpenTypeAhead(content, api);
             if (openTypeAhead) {
               openTypeAhead(tr);
             } else {
@@ -125,6 +124,7 @@ export function createPlugin(dispatch, options) {
   });
 }
 const basePlaceholderTextPlugin = ({
+  api,
   config: options
 }) => ({
   name: 'placeholderText',
@@ -139,7 +139,7 @@ const basePlaceholderTextPlugin = ({
       name: 'placeholderText',
       plugin: ({
         dispatch
-      }) => createPlugin(dispatch, options)
+      }) => createPlugin(dispatch, options, api)
     }];
   },
   contentComponent({

package/dist/es2019/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';
@@ -176,33 +176,14 @@ const currentQuery = ({
 }) => () => {
   return getTypeAheadQuery(editorView.state);
 };
-const find = ({
-  editorView
-}) => trigger => {
-  const {
-    state: editorState
-  } = editorView;
-  const handler = findHandlerByTrigger({
-    trigger,
-    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 const createInternalTypeAheadTools = editorView => {
-  const props = {
-    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 const createTypeAheadTools = editorView => {
   const props = {
     editorView

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

@@ -8,6 +8,7 @@
  */
 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';
@@ -15,12 +16,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';
 const TypeAheadMenu = /*#__PURE__*/React.memo(({
   editorView,
   popupMountRef,
@@ -102,6 +105,107 @@ const TypeAheadMenu = /*#__PURE__*/React.memo(({
     cancel: cancel
   });
 });
+const createOpenAtTransaction = editorAnalyticsAPI => props => tr => {
+  const {
+    triggerHandler,
+    inputMethod
+  } = props;
+  openTypeAheadAtCursor({
+    triggerHandler,
+    inputMethod
+  })({
+    tr
+  });
+  editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+    action: ACTION.INVOKED,
+    actionSubject: ACTION_SUBJECT.TYPEAHEAD,
+    actionSubjectId: triggerHandler.id,
+    attributes: {
+      inputMethod
+    },
+    eventType: EVENT_TYPE.UI
+  })(tr);
+  return true;
+};
+const createOpenTypeAhead = (editorViewRef, editorAnalyticsAPI) => props => {
+  if (!editorViewRef.current) {
+    return false;
+  }
+  const {
+    current: view
+  } = editorViewRef;
+  const {
+    tr
+  } = view.state;
+  createOpenAtTransaction(editorAnalyticsAPI)(props)(tr);
+  view.dispatch(tr);
+  return true;
+};
+const createInsertTypeAheadItem = editorViewRef => props => {
+  if (!editorViewRef.current) {
+    return false;
+  }
+  const {
+    current: view
+  } = editorViewRef;
+  const {
+    triggerHandler,
+    contentItem,
+    query,
+    sourceListItem,
+    mode
+  } = props;
+  insertTypeAheadItem(view)({
+    handler: triggerHandler,
+    item: contentItem,
+    mode: mode || SelectItemMode.SELECTED,
+    query,
+    sourceListItem
+  });
+  return true;
+};
+const createFindHandlerByTrigger = editorViewRef => trigger => {
+  if (!editorViewRef.current) {
+    return null;
+  }
+  const {
+    current: view
+  } = editorViewRef;
+  return findHandler(trigger, view.state);
+};
+const createCloseTypeAhead = editorViewRef => options => {
+  if (!editorViewRef.current) {
+    return false;
+  }
+  const {
+    current: view
+  } = editorViewRef;
+  const currentQuery = getTypeAheadQuery(view.state) || '';
+  const {
+    state
+  } = view;
+  let tr = state.tr;
+  if (options.attachCommand) {
+    const fakeDispatch = customTr => {
+      tr = customTr;
+    };
+    options.attachCommand(state, fakeDispatch);
+  }
+  closeTypeAhead(tr);
+  if (options.insertCurrentQueryAsRawText && currentQuery && currentQuery.length > 0) {
+    const handler = getTypeAheadHandler(state);
+    if (!handler) {
+      return false;
+    }
+    const text = handler.trigger.concat(currentQuery);
+    tr.replaceSelectionWith(state.schema.text(text));
+  }
+  view.dispatch(tr);
+  if (!view.hasFocus()) {
+    view.focus();
+  }
+  return true;
+};
 
 /**
  *
@@ -112,12 +216,17 @@ const TypeAheadMenu = /*#__PURE__*/React.memo(({
  *
  */
 const typeAheadPlugin = ({
-  config: options
+  config: options,
+  api
 }) => {
+  var _api$analytics, _api$analytics2;
   const fireAnalyticsCallback = fireAnalyticsEvent(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);
   const popupMountRef = {
     current: null
   };
+  const editorViewRef = {
+    current: null
+  };
   return {
     name: 'typeAhead',
     marks() {
@@ -141,6 +250,20 @@ const typeAheadPlugin = ({
           typeAheadHandlers: typeAhead,
           createAnalyticsEvent: options === null || options === void 0 ? void 0 : options.createAnalyticsEvent
         })
+      }, {
+        name: 'typeAheadEditorViewRef',
+        plugin: () => {
+          return new SafePlugin({
+            view(view) {
+              editorViewRef.current = view;
+              return {
+                destroy() {
+                  editorViewRef.current = null;
+                }
+              };
+            }
+          });
+        }
       }, {
         name: 'typeAheadInsertItem',
         plugin: createInsertItemPlugin
@@ -152,12 +275,24 @@ const typeAheadPlugin = ({
         }) => inputRulePlugin(schema, typeAhead, featureFlags)
       }];
     },
-    commands: {
-      openTypeAheadAtCursor
+    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 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions),
+      openAtTransaction: createOpenAtTransaction(api === null || api === void 0 ? 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({
       editorView,

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

@@ -4,7 +4,9 @@ import { createPlugin } from './pm-plugins/main';
 import { historyPluginKey } from '../history';
 import ToolbarUndoRedo from './ui/ToolbarUndoRedo';
 import WithPluginState from '../../ui/WithPluginState';
-const undoRedoPlugin = () => ({
+const undoRedoPlugin = ({
+  api
+}) => ({
   name: 'undoRedoPlugin',
   pmPlugins() {
     return [{
@@ -31,7 +33,8 @@ const undoRedoPlugin = () => ({
           isReducedSpacing: isToolbarReducedSpacing,
           disabled: disabled,
           historyState: historyState,
-          editorView: editorView
+          editorView: editorView,
+          api: api
         });
       }
     });

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

@@ -8,16 +8,16 @@ 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';
-const closeTypeAheadAndRunCommand = editorView => command => {
+const closeTypeAheadAndRunCommand = (editorView, api) => command => {
+  var _api$typeAhead, _api$typeAhead$action;
   if (!editorView) {
     return;
   }
-  const 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$action = _api$typeAhead.actions) !== null && _api$typeAhead$action !== void 0 && _api$typeAhead$action.isOpen(editorView.state)) {
+    var _api$typeAhead2, _api$typeAhead2$actio;
+    api === null || api === void 0 ? void 0 : (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 ? void 0 : (_api$typeAhead2$actio = _api$typeAhead2.actions) === null || _api$typeAhead2$actio === void 0 ? void 0 : _api$typeAhead2$actio.close({
       attachCommand: command,
       insertCurrentQueryAsRawText: false
     });
@@ -25,8 +25,8 @@ const closeTypeAheadAndRunCommand = editorView => command => {
     command(editorView.state, editorView.dispatch);
   }
 };
-const forceFocus = editorView => command => {
-  closeTypeAheadAndRunCommand(editorView)(command);
+const forceFocus = (editorView, api) => command => {
+  closeTypeAheadAndRunCommand(editorView, api)(command);
   if (!editorView.hasFocus()) {
     editorView.focus();
   }
@@ -38,15 +38,16 @@ export class ToolbarUndoRedo extends PureComponent {
       isReducedSpacing,
       historyState,
       editorView,
+      api,
       intl: {
         formatMessage
       }
     } = this.props;
     const handleUndo = () => {
-      forceFocus(editorView)(undoFromToolbar);
+      forceFocus(editorView, api)(undoFromToolbar);
     };
     const handleRedo = () => {
-      forceFocus(editorView)(redoFromToolbar);
+      forceFocus(editorView, api)(redoFromToolbar);
     };
     const labelUndo = formatMessage(undoRedoMessages.undo);
     const labelRedo = formatMessage(undoRedoMessages.redo);

package/dist/es2019/test-utils.js

@@ -4,7 +4,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 ? void 0 : (_analyticsPluginKey$g = analyticsPluginKey.getState(editorView.state)) === null || _analyticsPluginKey$g === void 0 ? void 0 : _analyticsPluginKey$g.fireAnalytics;