@atlaskit/editor-core 188.7.6 → 188.8.0

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

@@ -0,0 +1,374 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/**
+ *
+ * Revamped typeahead using decorations instead of the `typeAheadQuery` mark
+ *
+ * https://product-fabric.atlassian.net/wiki/spaces/E/pages/2992177582/Technical+TypeAhead+Data+Flow
+ *
+ *
+ */
+import React from 'react';
+import { typeAheadQuery } from '@atlaskit/adf-schema';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
+import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
+import { insertTypeAheadItem } from './commands/insert-type-ahead-item';
+import { updateSelectedIndex } from './commands/update-selected-index';
+import { inputRulePlugin } from './pm-plugins/input-rules';
+import { createPlugin as createInsertItemPlugin } from './pm-plugins/insert-item-plugin';
+import { pluginKey as typeAheadPluginKey } from './pm-plugins/key';
+import { createPlugin } from './pm-plugins/main';
+import { StatsModifier } from './stats-modifier';
+import { closeTypeAhead } from './transforms/close-type-ahead';
+import { openTypeAheadAtCursor } from './transforms/open-typeahead-at-cursor';
+import { useItemInsert } from './ui/hooks/use-item-insert';
+import { TypeAheadPopup } from './ui/TypeAheadPopup';
+import { findHandler, getPluginState, getTypeAheadHandler, getTypeAheadQuery, isTypeAheadAllowed, isTypeAheadOpen } from './utils';
+var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
+  var _popupMountRef$curren, _popupMountRef$curren2, _popupMountRef$curren3;
+  var editorView = _ref.editorView,
+    popupMountRef = _ref.popupMountRef,
+    typeAheadState = _ref.typeAheadState,
+    fireAnalyticsCallback = _ref.fireAnalyticsCallback;
+  var isOpen = typeAheadState.decorationSet.find().length > 0;
+  var triggerHandler = typeAheadState.triggerHandler,
+    items = typeAheadState.items,
+    selectedIndex = typeAheadState.selectedIndex,
+    decorationElement = typeAheadState.decorationElement,
+    decorationSet = typeAheadState.decorationSet,
+    query = typeAheadState.query;
+  var _useItemInsert = useItemInsert(triggerHandler, editorView, items),
+    _useItemInsert2 = _slicedToArray(_useItemInsert, 3),
+    onItemInsert = _useItemInsert2[0],
+    onTextInsert = _useItemInsert2[1],
+    onItemMatch = _useItemInsert2[2];
+  var setSelectedItem = React.useCallback(function (_ref2) {
+    var nextIndex = _ref2.index;
+    queueMicrotask(function () {
+      updateSelectedIndex(nextIndex)(editorView.state, editorView.dispatch);
+    });
+  }, [editorView]);
+  var insertItem = React.useCallback(function () {
+    var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : SelectItemMode.SELECTED;
+    var index = arguments.length > 1 ? arguments[1] : undefined;
+    queueMicrotask(function () {
+      onItemInsert({
+        mode: mode,
+        index: index,
+        query: query
+      });
+    });
+  }, [onItemInsert, query]);
+  var cancel = React.useCallback(function (_ref3) {
+    var setSelectionAt = _ref3.setSelectionAt,
+      addPrefixTrigger = _ref3.addPrefixTrigger,
+      forceFocusOnEditor = _ref3.forceFocusOnEditor;
+    var fullQuery = addPrefixTrigger ? "".concat(triggerHandler === null || triggerHandler === void 0 ? void 0 : triggerHandler.trigger).concat(query) : query;
+    onTextInsert({
+      forceFocusOnEditor: forceFocusOnEditor,
+      setSelectionAt: setSelectionAt,
+      text: fullQuery
+    });
+  }, [triggerHandler, onTextInsert, query]);
+  React.useEffect(function () {
+    if (!isOpen || !query) {
+      return;
+    }
+    var isLastCharSpace = query[query.length - 1] === ' ';
+    if (!isLastCharSpace) {
+      return;
+    }
+    var result = onItemMatch({
+      mode: SelectItemMode.SPACE,
+      query: query.trim()
+    });
+    if (!result) {
+      return;
+    }
+  }, [isOpen, query, onItemMatch]);
+  if (!isOpen || !triggerHandler || !(decorationElement instanceof HTMLElement) || items.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(TypeAheadPopup, {
+    editorView: editorView,
+    popupsMountPoint: (_popupMountRef$curren = popupMountRef.current) === null || _popupMountRef$curren === void 0 ? void 0 : _popupMountRef$curren.popupsMountPoint,
+    popupsBoundariesElement: (_popupMountRef$curren2 = popupMountRef.current) === null || _popupMountRef$curren2 === void 0 ? void 0 : _popupMountRef$curren2.popupsBoundariesElement,
+    popupsScrollableElement: (_popupMountRef$curren3 = popupMountRef.current) === null || _popupMountRef$curren3 === void 0 ? void 0 : _popupMountRef$curren3.popupsScrollableElement,
+    anchorElement: decorationElement,
+    triggerHandler: triggerHandler,
+    fireAnalyticsCallback: fireAnalyticsCallback,
+    items: items,
+    selectedIndex: selectedIndex,
+    setSelectedItem: setSelectedItem,
+    onItemInsert: insertItem,
+    decorationSet: decorationSet,
+    isEmptyQuery: !query,
+    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;
+  };
+};
+
+/**
+ *
+ * Revamped typeahead using decorations instead of the `typeAheadQuery` mark
+ *
+ * https://product-fabric.atlassian.net/wiki/spaces/E/pages/2992177582/Technical+TypeAhead+Data+Flow
+ *
+ *
+ */
+export var typeAheadPlugin = function typeAheadPlugin(_ref4) {
+  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() {
+      // We need to keep this to make sure
+      // All documents with typeahead marks will be loaded normally
+      return [{
+        name: 'typeAheadQuery',
+        mark: typeAheadQuery
+      }];
+    },
+    pmPlugins: function pmPlugins() {
+      var typeAhead = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      return [{
+        name: 'typeAhead',
+        plugin: function plugin(_ref5) {
+          var dispatch = _ref5.dispatch,
+            getIntl = _ref5.getIntl;
+          return createPlugin({
+            getIntl: getIntl,
+            popupMountRef: popupMountRef,
+            reactDispatch: dispatch,
+            typeAheadHandlers: typeAhead,
+            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
+      }, {
+        name: 'typeAheadInputRule',
+        plugin: function plugin(_ref6) {
+          var schema = _ref6.schema,
+            featureFlags = _ref6.featureFlags;
+          return inputRulePlugin(schema, typeAhead, featureFlags);
+        }
+      }];
+    },
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return {
+          query: '',
+          isOpen: false,
+          isAllowed: false,
+          currentHandler: undefined
+        };
+      }
+      var isOpen = isTypeAheadOpen(editorState);
+      return {
+        query: getTypeAheadQuery(editorState) || '',
+        currentHandler: getTypeAheadHandler(editorState),
+        isOpen: isOpen,
+        isAllowed: !isOpen
+      };
+    },
+    actions: {
+      isOpen: isTypeAheadOpen,
+      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,
+        containerElement = _ref7.containerElement,
+        popupsMountPoint = _ref7.popupsMountPoint,
+        popupsBoundariesElement = _ref7.popupsBoundariesElement,
+        popupsScrollableElement = _ref7.popupsScrollableElement,
+        wrapperElement = _ref7.wrapperElement;
+      popupMountRef.current = {
+        popupsMountPoint: popupsMountPoint || wrapperElement || undefined,
+        popupsBoundariesElement: popupsBoundariesElement,
+        popupsScrollableElement: popupsScrollableElement || containerElement || undefined
+      };
+      return /*#__PURE__*/React.createElement(WithPluginState, {
+        plugins: {
+          typeAheadState: typeAheadPluginKey
+        },
+        render: function render(_ref8) {
+          var typeAheadState = _ref8.typeAheadState;
+          if (!typeAheadState) {
+            return null;
+          }
+          return /*#__PURE__*/React.createElement(TypeAheadMenu, {
+            editorView: editorView,
+            popupMountRef: popupMountRef,
+            typeAheadState: typeAheadState,
+            fireAnalyticsCallback: fireAnalyticsCallback
+          });
+        }
+      });
+    },
+    onEditorViewStateUpdated: function onEditorViewStateUpdated(_ref9) {
+      var originalTransaction = _ref9.originalTransaction,
+        oldEditorState = _ref9.oldEditorState,
+        newEditorState = _ref9.newEditorState;
+      var oldPluginState = getPluginState(oldEditorState);
+      var newPluginState = getPluginState(newEditorState);
+      if (!oldPluginState || !newPluginState) {
+        return;
+      }
+      var oldTriggerHandler = oldPluginState.triggerHandler;
+      var newTriggerHandler = newPluginState.triggerHandler;
+      var isANewHandler = oldTriggerHandler !== newTriggerHandler;
+      if (oldTriggerHandler !== null && oldTriggerHandler !== void 0 && oldTriggerHandler.dismiss && isANewHandler) {
+        var typeAheadMessage = originalTransaction.getMeta(typeAheadPluginKey);
+        var wasItemInserted = typeAheadMessage && typeAheadMessage.action === 'INSERT_RAW_QUERY';
+        oldTriggerHandler.dismiss({
+          editorState: newEditorState,
+          query: oldPluginState.query,
+          stats: (oldPluginState.stats || new StatsModifier()).serialize(),
+          wasItemInserted: wasItemInserted
+        });
+      }
+      if (newTriggerHandler !== null && newTriggerHandler !== void 0 && newTriggerHandler.onOpen && isANewHandler) {
+        newTriggerHandler.onOpen(newEditorState);
+      }
+      if (newTriggerHandler && isANewHandler && options !== null && options !== void 0 && options.createAnalyticsEvent) {
+        fireAnalyticsCallback({
+          payload: {
+            action: ACTION.INVOKED,
+            actionSubject: ACTION_SUBJECT.TYPEAHEAD,
+            actionSubjectId: newTriggerHandler.id || 'not_set',
+            attributes: {
+              inputMethod: newPluginState.inputMethod || INPUT_METHOD.KEYBOARD
+            },
+            eventType: EVENT_TYPE.UI
+          }
+        });
+      }
+    }
+  };
+};

package/dist/esm/plugins/view-update-subscription/subscribe/toolbarAndPickerUpdates.js

@@ -1,5 +1,4 @@
 import { areSameItems } from '@atlaskit/editor-common/floating-toolbar';
-import { isTypeAheadOpen } from '../../type-ahead/utils';
 import { trackerStore } from '..';
 var areToolbarsSame = function areToolbarsSame(left, right) {
   if (!left && !right) {
@@ -24,14 +23,13 @@ export var subscribeToToolbarAndPickerUpdates = function subscribeToToolbarAndPi
   var lastUpdatedState = null;
   var subscription = function subscription(_ref) {
     var newEditorState = _ref.newEditorState;
-    // TypeAhead has priority in the mobile-bridge
-    // In case it is open we don't need to send
-    // any toolbar updates don't need to be send
-    if (isTypeAheadOpen(newEditorState)) {
-      return;
-    }
-
     // Creating fake plugin keys for these plugins for the mean time until all these plugins are extracted.
+    var typeAheadPluginKey = {
+      key: 'typeAheadPlugin$',
+      getState: function getState(state) {
+        return state['typeAheadPlugin$'];
+      }
+    };
     var datePluginKey = {
       key: 'datePlugin$',
       getState: function getState(state) {
@@ -50,6 +48,17 @@ export var subscribeToToolbarAndPickerUpdates = function subscribeToToolbarAndPi
         return state['floatingToolbarPluginKey$'];
       }
     };
+    var isTypeAheadOpen = function isTypeAheadOpen(editorState) {
+      var _typeAheadState$decor;
+      var typeAheadState = typeAheadPluginKey.getState(newEditorState);
+      return !!((_typeAheadState$decor = typeAheadState.decorationSet) !== null && _typeAheadState$decor !== void 0 && _typeAheadState$decor.find().length);
+    };
+    // TypeAhead has priority in the mobile-bridge
+    // In case it is open we don't need to send
+    // any toolbar updates don't need to be send
+    if (isTypeAheadOpen(newEditorState)) {
+      return;
+    }
     var dateState = datePluginKey.getState(newEditorState);
     var statusState = statusPluginKey.getState(newEditorState);
     var _ref2 = floatingToolbarPluginKey.getState(newEditorState),

package/dist/esm/version-wrapper.js

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

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

@@ -281,7 +281,7 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
     }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"composition", {
         sharedState: import("@atlaskit/editor-plugin-composition").CompositionState;
     }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"typeAhead", {
-        pluginConfiguration: TypeAheadPluginOptions | undefined;
+        pluginConfiguration: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined;
         dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
@@ -296,6 +296,9 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
         }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
         sharedState: {
             query: string;
+            isOpen: boolean;
+            isAllowed: boolean;
+            currentHandler?: import("@atlaskit/editor-common/types").TypeAheadHandler | undefined;
         };
         actions: {
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -323,7 +326,7 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
                 query?: string | undefined;
             }) => (tr: import("prosemirror-state").Transaction) => boolean;
         };
-    }, TypeAheadPluginOptions | undefined>];
+    }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>];
 }, PlaceholderPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"typeAhead", {
     pluginConfiguration: TypeAheadPluginOptions | undefined;
     dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -340,6 +343,9 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
     }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
     sharedState: {
         query: string;
+        isOpen: boolean;
+        isAllowed: boolean;
+        currentHandler?: import("@atlaskit/editor-common/types").TypeAheadHandler | undefined;
     };
     actions: {
         isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -354,7 +360,7 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
         findHandlerByTrigger: (trigger: string) => import("@atlaskit/editor-common/types").TypeAheadHandler | null;
         open: (props: {
             triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
-            inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod;
+            inputMethod: import("../../../plugins/type-ahead").TypeAheadInputMethod;
             query?: string | undefined;
         }) => boolean;
         close: (props: {
@@ -363,14 +369,14 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
         }) => boolean;
         openAtTransaction: (props: {
             triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
-            inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod;
+            inputMethod: import("../../../plugins/type-ahead").TypeAheadInputMethod;
             query?: string | undefined;
         }) => (tr: import("prosemirror-state").Transaction) => boolean;
     };
 }, TypeAheadPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"quickInsert", {
     pluginConfiguration: QuickInsertPluginOptions | undefined;
     dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"typeAhead", {
-        pluginConfiguration: TypeAheadPluginOptions | undefined;
+        pluginConfiguration: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined;
         dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
@@ -385,6 +391,9 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
         }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
         sharedState: {
             query: string;
+            isOpen: boolean;
+            isAllowed: boolean;
+            currentHandler?: import("@atlaskit/editor-common/types").TypeAheadHandler | undefined;
         };
         actions: {
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -412,7 +421,7 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
                 query?: string | undefined;
             }) => (tr: import("prosemirror-state").Transaction) => boolean;
         };
-    }, TypeAheadPluginOptions | undefined>];
+    }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>];
     sharedState: import("@atlaskit/editor-plugin-quick-insert").QuickInsertSharedState | null;
     actions: {
         openTypeAhead: (inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod) => boolean;
@@ -723,7 +732,7 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
     }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"composition", {
         sharedState: import("@atlaskit/editor-plugin-composition").CompositionState;
     }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"typeAhead", {
-        pluginConfiguration: TypeAheadPluginOptions | undefined;
+        pluginConfiguration: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined;
         dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
@@ -738,6 +747,9 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
         }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
         sharedState: {
             query: string;
+            isOpen: boolean;
+            isAllowed: boolean;
+            currentHandler?: import("@atlaskit/editor-common/types").TypeAheadHandler | undefined;
         };
         actions: {
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -765,7 +777,7 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
                 query?: string | undefined;
             }) => (tr: import("prosemirror-state").Transaction) => boolean;
         };
-    }, TypeAheadPluginOptions | undefined>];
+    }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>];
 }, PlaceholderPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"typeAhead", {
     pluginConfiguration: TypeAheadPluginOptions | undefined;
     dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -782,6 +794,9 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
     }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
     sharedState: {
         query: string;
+        isOpen: boolean;
+        isAllowed: boolean;
+        currentHandler?: import("@atlaskit/editor-common/types").TypeAheadHandler | undefined;
     };
     actions: {
         isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -796,7 +811,7 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
         findHandlerByTrigger: (trigger: string) => import("@atlaskit/editor-common/types").TypeAheadHandler | null;
         open: (props: {
             triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
-            inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod;
+            inputMethod: import("../../../plugins/type-ahead").TypeAheadInputMethod;
             query?: string | undefined;
         }) => boolean;
         close: (props: {
@@ -805,14 +820,14 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
         }) => boolean;
         openAtTransaction: (props: {
             triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
-            inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod;
+            inputMethod: import("../../../plugins/type-ahead").TypeAheadInputMethod;
             query?: string | undefined;
         }) => (tr: import("prosemirror-state").Transaction) => boolean;
     };
 }, TypeAheadPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"quickInsert", {
     pluginConfiguration: QuickInsertPluginOptions | undefined;
     dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"typeAhead", {
-        pluginConfiguration: TypeAheadPluginOptions | undefined;
+        pluginConfiguration: import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined;
         dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
@@ -827,6 +842,9 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
         }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
         sharedState: {
             query: string;
+            isOpen: boolean;
+            isAllowed: boolean;
+            currentHandler?: import("@atlaskit/editor-common/types").TypeAheadHandler | undefined;
         };
         actions: {
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -854,7 +872,7 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
                 query?: string | undefined;
             }) => (tr: import("prosemirror-state").Transaction) => boolean;
         };
-    }, TypeAheadPluginOptions | undefined>];
+    }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>];
     sharedState: import("@atlaskit/editor-plugin-quick-insert").QuickInsertSharedState | null;
     actions: {
         openTypeAhead: (inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod) => boolean;

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

@@ -1,15 +1,4 @@
-import { pluginKey as typeAheadPluginKey } from './pm-plugins/key';
-import type { TypeAheadPluginOptions, TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
-export type { TypeAheadPluginOptions, TypeAheadPlugin };
-/**
- *
- * Revamped typeahead using decorations instead of the `typeAheadQuery` mark
- *
- * https://product-fabric.atlassian.net/wiki/spaces/E/pages/2992177582/Technical+TypeAhead+Data+Flow
- *
- *
- */
-declare const typeAheadPlugin: TypeAheadPlugin;
+import { typeAheadPlugin } from './plugin';
 export default typeAheadPlugin;
-export { typeAheadPluginKey };
-export type { TypeAheadHandler, TypeAheadPluginState } from './types';
+export { typeAheadPlugin };
+export type { TypeAheadHandler, TypeAheadInputMethod, TypeAheadPlugin, TypeAheadPluginOptions, TypeAheadPluginState, } from './types';

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

@@ -0,0 +1,10 @@
+import type { TypeAheadPlugin } from './types';
+/**
+ *
+ * Revamped typeahead using decorations instead of the `typeAheadQuery` mark
+ *
+ * https://product-fabric.atlassian.net/wiki/spaces/E/pages/2992177582/Technical+TypeAhead+Data+Flow
+ *
+ *
+ */
+export declare const typeAheadPlugin: TypeAheadPlugin;