@atlaskit/editor-core 187.24.2 → 187.25.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-core
 
+## 187.25.0
+
+### Minor Changes
+
+- [`af2e8676033`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af2e8676033) - Create new command for typeahead plugin which exposes openTypeAheadAtCursor. Typeahead plugin is now a dependency for both emoji and mention plugins.
+
+## 187.24.3
+
+### Patch Changes
+
+- [`72e552fe076`](https://bitbucket.org/atlassian/atlassian-frontend/commits/72e552fe076) - [ux] ED-17954: Fix inline node selections for mentions and emojis in iOS. Previously, the visually hidden assistive text would also be shown as a selection in iOS which would often make the selection look larger than the actual node itself.
+- [`048717e2a19`](https://bitbucket.org/atlassian/atlassian-frontend/commits/048717e2a19) - fix janky media toolbar when resize
+
 ## 187.24.2
 
 ### Patch Changes

package/dist/cjs/nodeviews/getInlineNodeViewProducer.styles.js

@@ -13,5 +13,5 @@ var _templateObject;
 // For reasoning behind styles, see comments in:
 // ./getInlineNodeViewProducer -> portalChildren()
 
-var InlineNodeViewSharedStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    display: inline;\n    user-select: all;\n    /* Collapses zero width spaces inside the inline node view\n    to prevent the node from line breaking too early.\n    */\n    white-space: nowrap;\n    /* Then reset to the Editor default so we don't interfere\n    with any component styling. */\n    & > *:not(span[aria-hidden='true'].zeroWidthSpaceContainer) {\n      white-space: pre-wrap;\n    }\n  }\n  /** Remove browser deafult selections style. This prevents\n    unexpected visual artefacts in Safari when navigating\n    with the keyboard or making range selections. */\n  &.ua-safari {\n    .", " {\n      ::selection,\n      *::selection {\n        background: transparent;\n      }\n    }\n  }\n\n  &.ua-chrome .", " > span {\n    user-select: none;\n  }\n\n  .", "AddZeroWidthSpace {\n    ::after {\n      content: '", "';\n    }\n  }\n"])), _reactNodeView.inlineNodeViewClassname, _reactNodeView.inlineNodeViewClassname, _reactNodeView.inlineNodeViewClassname, _reactNodeView.inlineNodeViewClassname, _utils.ZERO_WIDTH_SPACE);
+var InlineNodeViewSharedStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    display: inline;\n    user-select: all;\n    /* Collapses zero width spaces inside the inline node view\n    to prevent the node from line breaking too early.\n    */\n    white-space: nowrap;\n    /* Then reset to the Editor default so we don't interfere\n    with any component styling. */\n    & > *:not(span[aria-hidden='true'].zeroWidthSpaceContainer) {\n      white-space: pre-wrap;\n    }\n    // Prevent visually hidden assistive text from being selected.\n    & > .assistive {\n      user-select: none;\n    }\n  }\n  /** Remove browser deafult selections style. This prevents\n    unexpected visual artefacts in Safari when navigating\n    with the keyboard or making range selections. */\n  &.ua-safari {\n    .", " {\n      ::selection,\n      *::selection {\n        background: transparent;\n      }\n    }\n  }\n\n  &.ua-chrome .", " > span {\n    user-select: none;\n  }\n\n  .", "AddZeroWidthSpace {\n    ::after {\n      content: '", "';\n    }\n  }\n"])), _reactNodeView.inlineNodeViewClassname, _reactNodeView.inlineNodeViewClassname, _reactNodeView.inlineNodeViewClassname, _reactNodeView.inlineNodeViewClassname, _utils.ZERO_WIDTH_SPACE);
 exports.InlineNodeViewSharedStyles = InlineNodeViewSharedStyles;

package/dist/cjs/plugins/emoji/index.js

@@ -24,7 +24,6 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _emoji3 = require("./nodeviews/emoji");
 var _messages = require("../insert-block/ui/ToolbarInsertBlock/messages");
-var _openTypeaheadAtCursor = require("../type-ahead/transforms/open-typeahead-at-cursor");
 var _insertEmoji = require("./commands/insert-emoji");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -222,10 +221,12 @@ var emojiPlugin = function emojiPlugin(options, api) {
           action: function action(insert, state) {
             var _api$dependencies$ana10;
             var tr = insert(undefined);
-            (0, _openTypeaheadAtCursor.openTypeAheadAtCursor)({
+            api === null || api === void 0 ? void 0 : api.dependencies.typeAhead.commands.openTypeAheadAtCursor({
               triggerHandler: typeAhead,
               inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT
-            })(tr);
+            })({
+              tr: tr
+            });
             api === null || api === void 0 ? void 0 : (_api$dependencies$ana10 = api.dependencies.analytics) === null || _api$dependencies$ana10 === void 0 ? void 0 : _api$dependencies$ana10.actions.attachAnalyticsEvent({
               action: _analytics.ACTION.INVOKED,
               actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD,

package/dist/cjs/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resizerNextTestId = exports.default = exports.ResizableMediaSingleNext = void 0;
+exports.resizerNextTestId = exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -140,14 +140,14 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       tr.setMeta(_main.MEDIA_PLUGIN_IS_RESIZING_KEY, isResizing);
       return dispatch(tr);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateSizeInPluginState", function (width) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateSizeInPluginState", (0, _throttle.default)(function (width) {
       var _this$props$view2 = _this.props.view,
         state = _this$props$view2.state,
         dispatch = _this$props$view2.dispatch;
       var tr = state.tr;
       tr.setMeta(_main.MEDIA_PLUGIN_RESIZING_WIDTH_KEY, width);
       return dispatch(tr);
-    });
+    }, _mediaSingle.MEDIA_SINGLE_RESIZE_THROTTLE_TIME));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "calcMaxWidth", (0, _memoizeOne.default)(function (contentWidth, containerWidth, fullWidthMode) {
       if (_this.isNestedNode() || fullWidthMode) {
         return contentWidth;
@@ -235,9 +235,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       _this.updateSizeInPluginState(_this.state.size.width);
       // re-calucate guidelines
       _this.updateGuidelines();
-      return 0;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResize", (0, _throttle.default)(function (size, delta) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResize", function (size, delta) {
       var _this$props4 = _this.props,
         originalWidth = _this$props4.width,
         originalHeight = _this$props4.height,
@@ -264,7 +263,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       if (calculatedWidthWithLayout.layout !== layout) {
         updateSize(width, calculatedWidthWithLayout.layout);
       }
-    }, _mediaSingle.MEDIA_SINGLE_RESIZE_THROTTLE_TIME));
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResizeStop", function (size, delta) {
       var _this$props5 = _this.props,
         originalWidth = _this$props5.width,
@@ -603,6 +602,5 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   }]);
   return ResizableMediaSingleNext;
 }(_react.default.Component);
-exports.ResizableMediaSingleNext = ResizableMediaSingleNext;
 var _default = ResizableMediaSingleNext;
 exports.default = _default;

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

@@ -21,7 +21,6 @@ var _ToolbarMention = _interopRequireDefault(require("./ui/ToolbarMention"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _messages = require("../insert-block/ui/ToolbarInsertBlock/messages");
-var _openTypeaheadAtCursor = require("../type-ahead/transforms/open-typeahead-at-cursor");
 var _typeAhead = require("./type-ahead");
 var _key = require("./pm-plugins/key");
 var _main = require("./pm-plugins/main");
@@ -106,10 +105,12 @@ var mentionsPlugin = function mentionsPlugin(options, api) {
             if (pluginState && pluginState.canInsertMention === false) {
               return false;
             }
-            (0, _openTypeaheadAtCursor.openTypeAheadAtCursor)({
+            api === null || api === void 0 ? void 0 : api.dependencies.typeAhead.commands.openTypeAheadAtCursor({
               triggerHandler: typeAhead,
               inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT
-            })(tr);
+            })({
+              tr: tr
+            });
             api === null || api === void 0 ? void 0 : (_api$dependencies$ana3 = api.dependencies.analytics) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.actions.attachAnalyticsEvent({
               action: _analytics.ACTION.INVOKED,
               actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD,

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

@@ -24,7 +24,9 @@ var open = function open(_ref) {
       (0, _openTypeaheadAtCursor.openTypeAheadAtCursor)({
         triggerHandler: handler,
         inputMethod: inputMethod
-      })(tr);
+      })({
+        tr: tr
+      });
       editorView.dispatch(tr);
       return true;
     };

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

@@ -26,6 +26,7 @@ var _useItemInsert3 = require("./ui/hooks/use-item-insert");
 var _updateSelectedIndex = require("./commands/update-selected-index");
 var _statsModifier = require("./stats-modifier");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _openTypeaheadAtCursor = require("./transforms/open-typeahead-at-cursor");
 /**
  *
  * Revamped typeahead using decorations instead of the `typeAheadQuery` mark
@@ -117,7 +118,6 @@ var TypeAheadMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     cancel: cancel
   });
 });
-
 /**
  *
  * Revamped typeahead using decorations instead of the `typeAheadQuery` mark
@@ -168,6 +168,9 @@ var typeAheadPlugin = function typeAheadPlugin(options) {
         }
       }];
     },
+    commands: {
+      openTypeAheadAtCursor: _openTypeaheadAtCursor.openTypeAheadAtCursor
+    },
     contentComponent: function contentComponent(_ref6) {
       var editorView = _ref6.editorView,
         containerElement = _ref6.containerElement,

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

@@ -22,7 +22,9 @@ function inputRulePlugin(schema, typeAheads, featureFlags) {
       return (0, _openTypeaheadAtCursor.openTypeAheadAtCursor)({
         triggerHandler: typeAhead,
         inputMethod: _analytics.INPUT_METHOD.KEYBOARD
-      })(state.tr);
+      })({
+        tr: state.tr
+      });
     }));
     return acc;
   }, []);

package/dist/cjs/plugins/type-ahead/transforms/open-typeahead-at-cursor.js

@@ -28,7 +28,8 @@ var openTypeAheadAtCursor = function openTypeAheadAtCursor(_ref) {
   var triggerHandler = _ref.triggerHandler,
     inputMethod = _ref.inputMethod,
     query = _ref.query;
-  return function (tr) {
+  return function (_ref2) {
+    var tr = _ref2.tr;
     openTypeAhead({
       triggerHandler: triggerHandler,
       inputMethod: inputMethod,

package/dist/cjs/version-wrapper.js

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

package/dist/es2019/nodeviews/getInlineNodeViewProducer.styles.js

@@ -18,6 +18,10 @@ export const InlineNodeViewSharedStyles = css`
     & > *:not(span[aria-hidden='true'].zeroWidthSpaceContainer) {
       white-space: pre-wrap;
     }
+    // Prevent visually hidden assistive text from being selected.
+    & > .assistive {
+      user-select: none;
+    }
   }
   /** Remove browser deafult selections style. This prevents
     unexpected visual artefacts in Safari when navigating

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

@@ -11,7 +11,6 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } f
 import { IconEmoji } from '@atlaskit/editor-common/quick-insert';
 import { EmojiNodeView } from './nodeviews/emoji';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
-import { openTypeAheadAtCursor } from '../type-ahead/transforms/open-typeahead-at-cursor';
 import { insertEmoji } from './commands/insert-emoji';
 export const emojiToTypeaheadItem = (emoji, emojiProvider) => ({
   title: emoji.shortName || '',
@@ -199,10 +198,12 @@ export const emojiPlugin = (options, api) => {
         action(insert, state) {
           var _api$dependencies$ana10;
           const tr = insert(undefined);
-          openTypeAheadAtCursor({
+          api === null || api === void 0 ? void 0 : api.dependencies.typeAhead.commands.openTypeAheadAtCursor({
             triggerHandler: typeAhead,
             inputMethod: INPUT_METHOD.QUICK_INSERT
-          })(tr);
+          })({
+            tr
+          });
           api === null || api === void 0 ? void 0 : (_api$dependencies$ana10 = api.dependencies.analytics) === null || _api$dependencies$ana10 === void 0 ? void 0 : _api$dependencies$ana10.actions.attachAnalyticsEvent({
             action: ACTION.INVOKED,
             actionSubject: ACTION_SUBJECT.TYPEAHEAD,

package/dist/es2019/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -18,7 +18,7 @@ import { getMediaResizeAnalyticsEvent } from '../../utils/analytics';
 import throttle from 'lodash/throttle';
 import { MEDIA_PLUGIN_IS_RESIZING_KEY, MEDIA_PLUGIN_RESIZING_WIDTH_KEY } from '../../pm-plugins/main';
 export const resizerNextTestId = 'mediaSingle.resizerNext.testid';
-export class ResizableMediaSingleNext extends React.Component {
+class ResizableMediaSingleNext extends React.Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "lastSnappedGuidelineKeys", []);
@@ -126,7 +126,7 @@ export class ResizableMediaSingleNext extends React.Component {
       tr.setMeta(MEDIA_PLUGIN_IS_RESIZING_KEY, isResizing);
       return dispatch(tr);
     });
-    _defineProperty(this, "updateSizeInPluginState", width => {
+    _defineProperty(this, "updateSizeInPluginState", throttle(width => {
       const {
         state,
         dispatch
@@ -134,7 +134,7 @@ export class ResizableMediaSingleNext extends React.Component {
       const tr = state.tr;
       tr.setMeta(MEDIA_PLUGIN_RESIZING_WIDTH_KEY, width);
       return dispatch(tr);
-    });
+    }, MEDIA_SINGLE_RESIZE_THROTTLE_TIME));
     _defineProperty(this, "calcMaxWidth", memoizeOne((contentWidth, containerWidth, fullWidthMode) => {
       if (this.isNestedNode() || fullWidthMode) {
         return contentWidth;
@@ -214,9 +214,8 @@ export class ResizableMediaSingleNext extends React.Component {
       this.updateSizeInPluginState(this.state.size.width);
       // re-calucate guidelines
       this.updateGuidelines();
-      return 0;
     });
-    _defineProperty(this, "handleResize", throttle((size, delta) => {
+    _defineProperty(this, "handleResize", (size, delta) => {
       const {
         width: originalWidth,
         height: originalHeight,
@@ -245,7 +244,7 @@ export class ResizableMediaSingleNext extends React.Component {
       if (calculatedWidthWithLayout.layout !== layout) {
         updateSize(width, calculatedWidthWithLayout.layout);
       }
-    }, MEDIA_SINGLE_RESIZE_THROTTLE_TIME));
+    });
     _defineProperty(this, "handleResizeStop", (size, delta) => {
       const {
         width: originalWidth,

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

@@ -8,7 +8,6 @@ import ToolbarMention from './ui/ToolbarMention';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { IconMention } from '@atlaskit/editor-common/quick-insert';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
-import { openTypeAheadAtCursor } from '../type-ahead/transforms/open-typeahead-at-cursor';
 import { createTypeAheadConfig } from './type-ahead';
 import { mentionPluginKey } from './pm-plugins/key';
 import { createMentionPlugin } from './pm-plugins/main';
@@ -90,10 +89,12 @@ const mentionsPlugin = (options, api) => {
           if (pluginState && pluginState.canInsertMention === false) {
             return false;
           }
-          openTypeAheadAtCursor({
+          api === null || api === void 0 ? void 0 : api.dependencies.typeAhead.commands.openTypeAheadAtCursor({
             triggerHandler: typeAhead,
             inputMethod: INPUT_METHOD.QUICK_INSERT
-          })(tr);
+          })({
+            tr
+          });
           api === null || api === void 0 ? void 0 : (_api$dependencies$ana3 = api.dependencies.analytics) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.actions.attachAnalyticsEvent({
             action: ACTION.INVOKED,
             actionSubject: ACTION_SUBJECT.TYPEAHEAD,

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

@@ -21,7 +21,9 @@ const open = ({
   openTypeAheadAtCursor({
     triggerHandler: handler,
     inputMethod
-  })(tr);
+  })({
+    tr
+  });
   editorView.dispatch(tr);
   return true;
 };

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

@@ -20,6 +20,7 @@ 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';
 const TypeAheadMenu = /*#__PURE__*/React.memo(({
   editorView,
   popupMountRef,
@@ -101,7 +102,6 @@ const TypeAheadMenu = /*#__PURE__*/React.memo(({
     cancel: cancel
   });
 });
-
 /**
  *
  * Revamped typeahead using decorations instead of the `typeAheadQuery` mark
@@ -149,6 +149,9 @@ const typeAheadPlugin = options => {
         }) => inputRulePlugin(schema, typeAhead, featureFlags)
       }];
     },
+    commands: {
+      openTypeAheadAtCursor
+    },
     contentComponent({
       editorView,
       containerElement,

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

@@ -15,7 +15,9 @@ export function inputRulePlugin(schema, typeAheads, featureFlags) {
       return openTypeAheadAtCursor({
         triggerHandler: typeAhead,
         inputMethod: INPUT_METHOD.KEYBOARD
-      })(state.tr);
+      })({
+        tr: state.tr
+      });
     }));
     return acc;
   }, []);

package/dist/es2019/plugins/type-ahead/transforms/open-typeahead-at-cursor.js

@@ -21,7 +21,9 @@ export const openTypeAheadAtCursor = ({
   triggerHandler,
   inputMethod,
   query
-}) => tr => {
+}) => ({
+  tr
+}) => {
   openTypeAhead({
     triggerHandler,
     inputMethod,

package/dist/es2019/version-wrapper.js

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

package/dist/esm/nodeviews/getInlineNodeViewProducer.styles.js

@@ -7,4 +7,4 @@ import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 // For reasoning behind styles, see comments in:
 // ./getInlineNodeViewProducer -> portalChildren()
 
-export var InlineNodeViewSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    display: inline;\n    user-select: all;\n    /* Collapses zero width spaces inside the inline node view\n    to prevent the node from line breaking too early.\n    */\n    white-space: nowrap;\n    /* Then reset to the Editor default so we don't interfere\n    with any component styling. */\n    & > *:not(span[aria-hidden='true'].zeroWidthSpaceContainer) {\n      white-space: pre-wrap;\n    }\n  }\n  /** Remove browser deafult selections style. This prevents\n    unexpected visual artefacts in Safari when navigating\n    with the keyboard or making range selections. */\n  &.ua-safari {\n    .", " {\n      ::selection,\n      *::selection {\n        background: transparent;\n      }\n    }\n  }\n\n  &.ua-chrome .", " > span {\n    user-select: none;\n  }\n\n  .", "AddZeroWidthSpace {\n    ::after {\n      content: '", "';\n    }\n  }\n"])), inlineNodeViewClassname, inlineNodeViewClassname, inlineNodeViewClassname, inlineNodeViewClassname, ZERO_WIDTH_SPACE);
+export var InlineNodeViewSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    display: inline;\n    user-select: all;\n    /* Collapses zero width spaces inside the inline node view\n    to prevent the node from line breaking too early.\n    */\n    white-space: nowrap;\n    /* Then reset to the Editor default so we don't interfere\n    with any component styling. */\n    & > *:not(span[aria-hidden='true'].zeroWidthSpaceContainer) {\n      white-space: pre-wrap;\n    }\n    // Prevent visually hidden assistive text from being selected.\n    & > .assistive {\n      user-select: none;\n    }\n  }\n  /** Remove browser deafult selections style. This prevents\n    unexpected visual artefacts in Safari when navigating\n    with the keyboard or making range selections. */\n  &.ua-safari {\n    .", " {\n      ::selection,\n      *::selection {\n        background: transparent;\n      }\n    }\n  }\n\n  &.ua-chrome .", " > span {\n    user-select: none;\n  }\n\n  .", "AddZeroWidthSpace {\n    ::after {\n      content: '", "';\n    }\n  }\n"])), inlineNodeViewClassname, inlineNodeViewClassname, inlineNodeViewClassname, inlineNodeViewClassname, ZERO_WIDTH_SPACE);

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

@@ -14,7 +14,6 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } f
 import { IconEmoji } from '@atlaskit/editor-common/quick-insert';
 import { EmojiNodeView } from './nodeviews/emoji';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
-import { openTypeAheadAtCursor } from '../type-ahead/transforms/open-typeahead-at-cursor';
 import { insertEmoji } from './commands/insert-emoji';
 export var emojiToTypeaheadItem = function emojiToTypeaheadItem(emoji, emojiProvider) {
   return {
@@ -208,10 +207,12 @@ export var emojiPlugin = function emojiPlugin(options, api) {
           action: function action(insert, state) {
             var _api$dependencies$ana10;
             var tr = insert(undefined);
-            openTypeAheadAtCursor({
+            api === null || api === void 0 ? void 0 : api.dependencies.typeAhead.commands.openTypeAheadAtCursor({
               triggerHandler: typeAhead,
               inputMethod: INPUT_METHOD.QUICK_INSERT
-            })(tr);
+            })({
+              tr: tr
+            });
             api === null || api === void 0 ? void 0 : (_api$dependencies$ana10 = api.dependencies.analytics) === null || _api$dependencies$ana10 === void 0 ? void 0 : _api$dependencies$ana10.actions.attachAnalyticsEvent({
               action: ACTION.INVOKED,
               actionSubject: ACTION_SUBJECT.TYPEAHEAD,

package/dist/esm/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -29,7 +29,7 @@ import { getMediaResizeAnalyticsEvent } from '../../utils/analytics';
 import throttle from 'lodash/throttle';
 import { MEDIA_PLUGIN_IS_RESIZING_KEY, MEDIA_PLUGIN_RESIZING_WIDTH_KEY } from '../../pm-plugins/main';
 export var resizerNextTestId = 'mediaSingle.resizerNext.testid';
-export var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
+var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   _inherits(ResizableMediaSingleNext, _React$Component);
   var _super = _createSuper(ResizableMediaSingleNext);
   function ResizableMediaSingleNext(props) {
@@ -133,14 +133,14 @@ export var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       tr.setMeta(MEDIA_PLUGIN_IS_RESIZING_KEY, isResizing);
       return dispatch(tr);
     });
-    _defineProperty(_assertThisInitialized(_this), "updateSizeInPluginState", function (width) {
+    _defineProperty(_assertThisInitialized(_this), "updateSizeInPluginState", throttle(function (width) {
       var _this$props$view2 = _this.props.view,
         state = _this$props$view2.state,
         dispatch = _this$props$view2.dispatch;
       var tr = state.tr;
       tr.setMeta(MEDIA_PLUGIN_RESIZING_WIDTH_KEY, width);
       return dispatch(tr);
-    });
+    }, MEDIA_SINGLE_RESIZE_THROTTLE_TIME));
     _defineProperty(_assertThisInitialized(_this), "calcMaxWidth", memoizeOne(function (contentWidth, containerWidth, fullWidthMode) {
       if (_this.isNestedNode() || fullWidthMode) {
         return contentWidth;
@@ -228,9 +228,8 @@ export var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       _this.updateSizeInPluginState(_this.state.size.width);
       // re-calucate guidelines
       _this.updateGuidelines();
-      return 0;
     });
-    _defineProperty(_assertThisInitialized(_this), "handleResize", throttle(function (size, delta) {
+    _defineProperty(_assertThisInitialized(_this), "handleResize", function (size, delta) {
       var _this$props4 = _this.props,
         originalWidth = _this$props4.width,
         originalHeight = _this$props4.height,
@@ -257,7 +256,7 @@ export var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       if (calculatedWidthWithLayout.layout !== layout) {
         updateSize(width, calculatedWidthWithLayout.layout);
       }
-    }, MEDIA_SINGLE_RESIZE_THROTTLE_TIME));
+    });
     _defineProperty(_assertThisInitialized(_this), "handleResizeStop", function (size, delta) {
       var _this$props5 = _this.props,
         originalWidth = _this$props5.width,

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

@@ -8,7 +8,6 @@ import ToolbarMention from './ui/ToolbarMention';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { IconMention } from '@atlaskit/editor-common/quick-insert';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
-import { openTypeAheadAtCursor } from '../type-ahead/transforms/open-typeahead-at-cursor';
 import { createTypeAheadConfig } from './type-ahead';
 import { mentionPluginKey } from './pm-plugins/key';
 import { createMentionPlugin } from './pm-plugins/main';
@@ -94,10 +93,12 @@ var mentionsPlugin = function mentionsPlugin(options, api) {
             if (pluginState && pluginState.canInsertMention === false) {
               return false;
             }
-            openTypeAheadAtCursor({
+            api === null || api === void 0 ? void 0 : api.dependencies.typeAhead.commands.openTypeAheadAtCursor({
               triggerHandler: typeAhead,
               inputMethod: INPUT_METHOD.QUICK_INSERT
-            })(tr);
+            })({
+              tr: tr
+            });
             api === null || api === void 0 ? void 0 : (_api$dependencies$ana3 = api.dependencies.analytics) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.actions.attachAnalyticsEvent({
               action: ACTION.INVOKED,
               actionSubject: ACTION_SUBJECT.TYPEAHEAD,

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

@@ -18,7 +18,9 @@ var open = function open(_ref) {
       openTypeAheadAtCursor({
         triggerHandler: handler,
         inputMethod: inputMethod
-      })(tr);
+      })({
+        tr: tr
+      });
       editorView.dispatch(tr);
       return true;
     };

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

@@ -21,6 +21,7 @@ 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';
 var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
   var _popupMountRef$curren, _popupMountRef$curren2, _popupMountRef$curren3;
   var editorView = _ref.editorView,
@@ -103,7 +104,6 @@ var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
     cancel: cancel
   });
 });
-
 /**
  *
  * Revamped typeahead using decorations instead of the `typeAheadQuery` mark
@@ -154,6 +154,9 @@ var typeAheadPlugin = function typeAheadPlugin(options) {
         }
       }];
     },
+    commands: {
+      openTypeAheadAtCursor: openTypeAheadAtCursor
+    },
     contentComponent: function contentComponent(_ref6) {
       var editorView = _ref6.editorView,
         containerElement = _ref6.containerElement,

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

@@ -15,7 +15,9 @@ export function inputRulePlugin(schema, typeAheads, featureFlags) {
       return openTypeAheadAtCursor({
         triggerHandler: typeAhead,
         inputMethod: INPUT_METHOD.KEYBOARD
-      })(state.tr);
+      })({
+        tr: state.tr
+      });
     }));
     return acc;
   }, []);

package/dist/esm/plugins/type-ahead/transforms/open-typeahead-at-cursor.js

@@ -21,7 +21,8 @@ export var openTypeAheadAtCursor = function openTypeAheadAtCursor(_ref) {
   var triggerHandler = _ref.triggerHandler,
     inputMethod = _ref.inputMethod,
     query = _ref.query;
-  return function (tr) {
+  return function (_ref2) {
+    var tr = _ref2.tr;
     openTypeAhead({
       triggerHandler: triggerHandler,
       inputMethod: inputMethod,

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.24.2";
+export var version = "187.25.0";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/types/labs/next/presets/default.d.ts

@@ -221,8 +221,22 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
     sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
 }>, (config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"unsupportedContent", {}> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"unsupportedContent", {}>, (config?: TypeAheadPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"typeAhead", {
     pluginConfiguration: TypeAheadPluginOptions | undefined;
+    commands: {
+        openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+            triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
+            inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+            query?: string | undefined;
+        }) => import("@atlaskit/editor-common/types").EditorCommand;
+    };
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"typeAhead", {
     pluginConfiguration: TypeAheadPluginOptions | undefined;
+    commands: {
+        openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+            triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
+            inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+            query?: string | undefined;
+        }) => import("@atlaskit/editor-common/types").EditorCommand;
+    };
 }>, (config?: QuickInsertPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"quickInsert", {
     pluginConfiguration: QuickInsertPluginOptions | undefined;
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"quickInsert", {
@@ -592,8 +606,22 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
     sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
 }>, (config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"unsupportedContent", {}> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"unsupportedContent", {}>, (config?: TypeAheadPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"typeAhead", {
     pluginConfiguration: TypeAheadPluginOptions | undefined;
+    commands: {
+        openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+            triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
+            inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+            query?: string | undefined;
+        }) => import("@atlaskit/editor-common/types").EditorCommand;
+    };
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"typeAhead", {
     pluginConfiguration: TypeAheadPluginOptions | undefined;
+    commands: {
+        openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+            triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
+            inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+            query?: string | undefined;
+        }) => import("@atlaskit/editor-common/types").EditorCommand;
+    };
 }>, (config?: QuickInsertPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"quickInsert", {
     pluginConfiguration: QuickInsertPluginOptions | undefined;
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"quickInsert", {

package/dist/types/plugins/emoji/index.d.ts

@@ -7,6 +7,7 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { TypeAheadItem } from '../type-ahead/types';
 import type { EmojiPluginOptions, EmojiPluginState } from './types';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { TypeAheadPlugin } from '../type-ahead';
 export declare const emojiToTypeaheadItem: (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem;
 export declare function memoize<ResultFn extends (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem>(fn: ResultFn): {
     call: ResultFn;
@@ -15,7 +16,7 @@ export declare function memoize<ResultFn extends (emoji: EmojiDescription, emoji
 export declare const defaultListLimit = 50;
 export type EmojiPlugin = NextEditorPlugin<'emoji', {
     pluginConfiguration: EmojiPluginOptions | undefined;
-    dependencies: [OptionalPlugin<typeof analyticsPlugin>];
+    dependencies: [OptionalPlugin<typeof analyticsPlugin>, TypeAheadPlugin];
     sharedState: EmojiPluginState | undefined;
     commands: {
         insertEmoji: (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => EditorCommand;

package/dist/types/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts

@@ -18,7 +18,7 @@ type State = {
 };
 export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
 type ResizableMediaSingleNextProps = Props;
-export declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
+declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
     private lastSnappedGuidelineKeys;
     constructor(props: ResizableMediaSingleNextProps);
     /**

package/dist/types/plugins/mentions/index.d.ts

@@ -2,10 +2,11 @@ import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/t
 import type { MentionPluginOptions, MentionPluginState } from './types';
 import { mentionPluginKey } from './pm-plugins/key';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { TypeAheadPlugin } from '../type-ahead';
 export { mentionPluginKey };
 declare const mentionsPlugin: NextEditorPlugin<'mention', {
     pluginConfiguration: MentionPluginOptions | undefined;
-    dependencies: [OptionalPlugin<typeof analyticsPlugin>];
+    dependencies: [OptionalPlugin<typeof analyticsPlugin>, TypeAheadPlugin];
     sharedState: MentionPluginState | undefined;
 }>;
 export default mentionsPlugin;

package/dist/types/plugins/type-ahead/index.d.ts

@@ -1,10 +1,17 @@
 import type { NextEditorPlugin } from '../../types/editor-plugin';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
 import { pluginKey as typeAheadPluginKey } from './pm-plugins/key';
+import { openTypeAheadAtCursor } from './transforms/open-typeahead-at-cursor';
 export type TypeAheadPluginOptions = {
     isMobile?: boolean;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
 };
+export type TypeAheadPlugin = NextEditorPlugin<'typeAhead', {
+    pluginConfiguration: TypeAheadPluginOptions | undefined;
+    commands: {
+        openTypeAheadAtCursor: typeof openTypeAheadAtCursor;
+    };
+}>;
 /**
  *
  * Revamped typeahead using decorations instead of the `typeAheadQuery` mark
@@ -13,9 +20,7 @@ export type TypeAheadPluginOptions = {
  *
  *
  */
-declare const typeAheadPlugin: NextEditorPlugin<'typeAhead', {
-    pluginConfiguration: TypeAheadPluginOptions | undefined;
-}>;
+declare const typeAheadPlugin: TypeAheadPlugin;
 export default typeAheadPlugin;
 export { typeAheadPluginKey };
 export type { TypeAheadHandler, TypeAheadPluginState } from './types';

package/dist/types/plugins/type-ahead/transforms/open-typeahead-at-cursor.d.ts

@@ -1,4 +1,5 @@
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorCommand } from '@atlaskit/editor-common/types';
 import type { TypeAheadHandler, TypeAheadInputMethod } from '../types';
 type Props = {
     triggerHandler: TypeAheadHandler;
@@ -6,5 +7,5 @@ type Props = {
     query?: string;
 };
 export declare const openTypeAhead: (props: Props) => (tr: Transaction) => void;
-export declare const openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: Props) => (tr: Transaction) => Transaction | null;
+export declare const openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: Props) => EditorCommand;
 export {};

package/dist/types-ts4.5/labs/next/presets/default.d.ts

@@ -269,8 +269,22 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
     (config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"unsupportedContent", {}> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"unsupportedContent", {}>,
     (config?: TypeAheadPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"typeAhead", {
         pluginConfiguration: TypeAheadPluginOptions | undefined;
+        commands: {
+            openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+                triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
+                inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+                query?: string | undefined;
+            }) => import("@atlaskit/editor-common/types").EditorCommand;
+        };
     }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"typeAhead", {
         pluginConfiguration: TypeAheadPluginOptions | undefined;
+        commands: {
+            openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+                triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
+                inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+                query?: string | undefined;
+            }) => import("@atlaskit/editor-common/types").EditorCommand;
+        };
     }>,
     (config?: QuickInsertPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"quickInsert", {
         pluginConfiguration: QuickInsertPluginOptions | undefined;
@@ -720,8 +734,22 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
     (config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"unsupportedContent", {}> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"unsupportedContent", {}>,
     (config?: TypeAheadPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"typeAhead", {
         pluginConfiguration: TypeAheadPluginOptions | undefined;
+        commands: {
+            openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+                triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
+                inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+                query?: string | undefined;
+            }) => import("@atlaskit/editor-common/types").EditorCommand;
+        };
     }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"typeAhead", {
         pluginConfiguration: TypeAheadPluginOptions | undefined;
+        commands: {
+            openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+                triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
+                inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+                query?: string | undefined;
+            }) => import("@atlaskit/editor-common/types").EditorCommand;
+        };
     }>,
     (config?: QuickInsertPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"quickInsert", {
         pluginConfiguration: QuickInsertPluginOptions | undefined;

package/dist/types-ts4.5/plugins/emoji/index.d.ts

@@ -7,6 +7,7 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { TypeAheadItem } from '../type-ahead/types';
 import type { EmojiPluginOptions, EmojiPluginState } from './types';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { TypeAheadPlugin } from '../type-ahead';
 export declare const emojiToTypeaheadItem: (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem;
 export declare function memoize<ResultFn extends (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem>(fn: ResultFn): {
     call: ResultFn;
@@ -16,7 +17,8 @@ export declare const defaultListLimit = 50;
 export type EmojiPlugin = NextEditorPlugin<'emoji', {
     pluginConfiguration: EmojiPluginOptions | undefined;
     dependencies: [
-        OptionalPlugin<typeof analyticsPlugin>
+        OptionalPlugin<typeof analyticsPlugin>,
+        TypeAheadPlugin
     ];
     sharedState: EmojiPluginState | undefined;
     commands: {

package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts

@@ -18,7 +18,7 @@ type State = {
 };
 export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
 type ResizableMediaSingleNextProps = Props;
-export declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
+declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
     private lastSnappedGuidelineKeys;
     constructor(props: ResizableMediaSingleNextProps);
     /**

package/dist/types-ts4.5/plugins/mentions/index.d.ts

@@ -2,11 +2,13 @@ import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/t
 import type { MentionPluginOptions, MentionPluginState } from './types';
 import { mentionPluginKey } from './pm-plugins/key';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { TypeAheadPlugin } from '../type-ahead';
 export { mentionPluginKey };
 declare const mentionsPlugin: NextEditorPlugin<'mention', {
     pluginConfiguration: MentionPluginOptions | undefined;
     dependencies: [
-        OptionalPlugin<typeof analyticsPlugin>
+        OptionalPlugin<typeof analyticsPlugin>,
+        TypeAheadPlugin
     ];
     sharedState: MentionPluginState | undefined;
 }>;

package/dist/types-ts4.5/plugins/type-ahead/index.d.ts

@@ -1,10 +1,17 @@
 import type { NextEditorPlugin } from '../../types/editor-plugin';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
 import { pluginKey as typeAheadPluginKey } from './pm-plugins/key';
+import { openTypeAheadAtCursor } from './transforms/open-typeahead-at-cursor';
 export type TypeAheadPluginOptions = {
     isMobile?: boolean;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
 };
+export type TypeAheadPlugin = NextEditorPlugin<'typeAhead', {
+    pluginConfiguration: TypeAheadPluginOptions | undefined;
+    commands: {
+        openTypeAheadAtCursor: typeof openTypeAheadAtCursor;
+    };
+}>;
 /**
  *
  * Revamped typeahead using decorations instead of the `typeAheadQuery` mark
@@ -13,9 +20,7 @@ export type TypeAheadPluginOptions = {
  *
  *
  */
-declare const typeAheadPlugin: NextEditorPlugin<'typeAhead', {
-    pluginConfiguration: TypeAheadPluginOptions | undefined;
-}>;
+declare const typeAheadPlugin: TypeAheadPlugin;
 export default typeAheadPlugin;
 export { typeAheadPluginKey };
 export type { TypeAheadHandler, TypeAheadPluginState } from './types';

package/dist/types-ts4.5/plugins/type-ahead/transforms/open-typeahead-at-cursor.d.ts

@@ -1,4 +1,5 @@
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorCommand } from '@atlaskit/editor-common/types';
 import type { TypeAheadHandler, TypeAheadInputMethod } from '../types';
 type Props = {
     triggerHandler: TypeAheadHandler;
@@ -6,5 +7,5 @@ type Props = {
     query?: string;
 };
 export declare const openTypeAhead: (props: Props) => (tr: Transaction) => void;
-export declare const openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: Props) => (tr: Transaction) => Transaction | null;
+export declare const openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: Props) => EditorCommand;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.24.2",
+  "version": "187.25.0",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"