@atlaskit/editor-core 188.7.5 → 188.8.0

package/dist/esm/plugins/date/commands.js

@@ -0,0 +1,112 @@
+import { Fragment } from '@atlaskit/editor-prosemirror/model';
+import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { canInsert } from '@atlaskit/editor-prosemirror/utils';
+import { todayTimestampInUTC } from '@atlaskit/editor-common/utils';
+import { pluginKey } from './pm-plugins/plugin-key';
+import { isToday } from './utils/internal';
+/** Delete the date and close the datepicker */
+export var deleteDateCommand = function deleteDateCommand(pluginInjectionApi) {
+  return function (_ref) {
+    var _pluginInjectionApi$d, _pluginInjectionApi$d2;
+    var tr = _ref.tr;
+    var _ref2 = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d2 = pluginInjectionApi.date) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.sharedState.currentState()) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
+      showDatePickerAt = _ref2.showDatePickerAt;
+    if (!showDatePickerAt) {
+      return tr;
+    }
+    tr.delete(showDatePickerAt, showDatePickerAt + 1).setMeta(pluginKey, {
+      showDatePickerAt: null,
+      isNew: false
+    });
+    return tr;
+  };
+};
+export var insertDateCommand = function insertDateCommand(pluginInjectionApi) {
+  return function (_ref3) {
+    var date = _ref3.date,
+      inputMethod = _ref3.inputMethod,
+      commitMethod = _ref3.commitMethod,
+      _ref3$enterPressed = _ref3.enterPressed,
+      enterPressed = _ref3$enterPressed === void 0 ? true : _ref3$enterPressed;
+    return function (_ref4) {
+      var _pluginInjectionApi$d3, _pluginInjectionApi$d4;
+      var tr = _ref4.tr;
+      var schema = tr.doc.type.schema;
+      var timestamp;
+      if (date) {
+        timestamp = Date.UTC(date.year, date.month - 1, date.day).toString();
+      } else {
+        timestamp = todayTimestampInUTC();
+      }
+      if (inputMethod) {
+        var _pluginInjectionApi$a;
+        pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 || (_pluginInjectionApi$a = _pluginInjectionApi$a.actions) === null || _pluginInjectionApi$a === void 0 || _pluginInjectionApi$a.attachAnalyticsEvent({
+          action: ACTION.INSERTED,
+          actionSubject: ACTION_SUBJECT.DOCUMENT,
+          actionSubjectId: ACTION_SUBJECT_ID.DATE,
+          eventType: EVENT_TYPE.TRACK,
+          attributes: {
+            inputMethod: inputMethod
+          }
+        })(tr);
+      }
+      if (commitMethod) {
+        var _pluginInjectionApi$a2;
+        pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 || (_pluginInjectionApi$a2 = _pluginInjectionApi$a2.actions) === null || _pluginInjectionApi$a2 === void 0 || _pluginInjectionApi$a2.attachAnalyticsEvent({
+          eventType: EVENT_TYPE.TRACK,
+          action: ACTION.COMMITTED,
+          actionSubject: ACTION_SUBJECT.DATE,
+          attributes: {
+            commitMethod: commitMethod,
+            isValid: date !== undefined,
+            isToday: isToday(date)
+          }
+        })(tr);
+      }
+      var _ref5 = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d4 = pluginInjectionApi.date) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.sharedState.currentState()) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : {},
+        showDatePickerAt = _ref5.showDatePickerAt;
+      if (!showDatePickerAt) {
+        var dateNode = schema.nodes.date.createChecked({
+          timestamp: timestamp
+        });
+        var textNode = schema.text(' ');
+        var fragment = Fragment.fromArray([dateNode, textNode]);
+        var _tr$selection = tr.selection,
+          from = _tr$selection.from,
+          to = _tr$selection.to;
+        var insertable = canInsert(tr.selection.$from, fragment);
+        if (!insertable) {
+          var parentSelection = NodeSelection.create(tr.doc, tr.selection.from - tr.selection.$anchor.parentOffset - 1);
+          tr.insert(parentSelection.to, fragment).setSelection(NodeSelection.create(tr.doc, parentSelection.to + 1));
+        } else {
+          tr.replaceWith(from, to, fragment).setSelection(NodeSelection.create(tr.doc, from));
+        }
+        if (tr.docChanged) {
+          tr.scrollIntoView().setMeta(pluginKey, {
+            isNew: true
+          });
+        }
+        return tr;
+      }
+      if (tr.doc.nodeAt(showDatePickerAt)) {
+        if (enterPressed) {
+          // Setting selection to outside the date node causes showDatePickerAt
+          // to be set to null by the PM plugin (onSelectionChanged), which will
+          // immediately close the datepicker once a valid date is typed in.
+          // Adding this check forces it to stay open until the user presses Enter.
+          tr = tr.setSelection(Selection.near(tr.doc.resolve(showDatePickerAt + 2)));
+        }
+        tr = tr.setNodeMarkup(showDatePickerAt, schema.nodes.date, {
+          timestamp: timestamp
+        }).setMeta(pluginKey, {
+          isNew: false
+        }).scrollIntoView();
+        if (!enterPressed) {
+          tr = tr.setSelection(NodeSelection.create(tr.doc, showDatePickerAt));
+        }
+      }
+      return tr;
+    };
+  };
+};

package/dist/esm/plugins/date/plugin.js

@@ -2,7 +2,8 @@ import React from 'react';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import Loadable from 'react-loadable';
 import { date } from '@atlaskit/adf-schema';
-import { insertDate, closeDatePicker as _closeDatePicker, closeDatePickerWithAnalytics as _closeDatePickerWithAnalytics, createDate, deleteDate } from './actions';
+import { closeDatePicker as _closeDatePicker, closeDatePickerWithAnalytics as _closeDatePickerWithAnalytics, createDate } from './actions';
+import { insertDateCommand, deleteDateCommand } from './commands';
 import createDatePlugin from './pm-plugins/main';
 import keymap from './pm-plugins/keymap';
 import { IconDate } from '@atlaskit/editor-common/quick-insert';
@@ -49,20 +50,25 @@ function ContentComponent(_ref) {
     isNew: isNew,
     autoFocus: focusDateInput,
     onDelete: function onDelete() {
-      deleteDate()(editorView.state, dispatch);
+      dependencyApi === null || dependencyApi === void 0 || dependencyApi.core.actions.execute(deleteDateCommand(dependencyApi));
       editorView.focus();
-      return;
     },
     onSelect: function onSelect(date, commitMethod) {
       // Undefined means couldn't parse date, null means invalid (out of bounds) date
       if (date === undefined || date === null) {
         return;
       }
-      insertDate(date, undefined, commitMethod)(editorView.state, dispatch);
+      dependencyApi === null || dependencyApi === void 0 || dependencyApi.core.actions.execute(insertDateCommand(dependencyApi)({
+        date: date,
+        commitMethod: commitMethod
+      }));
       editorView.focus();
     },
     onTextChanged: function onTextChanged(date) {
-      insertDate(date, undefined, undefined, false)(editorView.state, dispatch);
+      dependencyApi === null || dependencyApi === void 0 || dependencyApi.core.actions.execute(insertDateCommand(dependencyApi)({
+        date: date,
+        enterPressed: false
+      }));
     },
     closeDatePicker: function closeDatePicker() {
       _closeDatePicker()(editorView.state, dispatch);
@@ -103,9 +109,9 @@ var datePlugin = function datePlugin(_ref3) {
         focusDateInput: !!focusDateInput
       };
     },
-    actions: {
-      insertDate: insertDate,
-      deleteDate: deleteDate
+    commands: {
+      insertDate: insertDateCommand(api),
+      deleteDate: deleteDateCommand(api)
     },
     nodes: function nodes() {
       return [{

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

@@ -197,11 +197,12 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       })(state, dispatch)) !== null && _pluginInjectionApi$t !== void 0 ? _pluginInjectionApi$t : false;
     });
     _defineProperty(_assertThisInitialized(_this), "createDate", function (inputMethod) {
-      var _pluginInjectionApi$d, _pluginInjectionApi$d2;
-      var _this$props3 = _this.props,
-        pluginInjectionApi = _this$props3.pluginInjectionApi,
-        editorView = _this$props3.editorView;
-      return (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d2 = pluginInjectionApi.date) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions.insertDate(undefined, inputMethod)(editorView.state, editorView.dispatch)) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : false;
+      var _pluginInjectionApi$d;
+      var pluginInjectionApi = _this.props.pluginInjectionApi;
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d = pluginInjectionApi.date) === null || _pluginInjectionApi$d === void 0 || (_pluginInjectionApi$d = _pluginInjectionApi$d.commands) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.insertDate({
+        inputMethod: inputMethod
+      }));
+      return true;
     });
     _defineProperty(_assertThisInitialized(_this), "createPlaceholderText", function () {
       var editorView = _this.props.editorView;
@@ -215,15 +216,15 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "createStatus", function (inputMethod) {
       var _pluginInjectionApi$s, _pluginInjectionApi$s2;
-      var _this$props4 = _this.props,
-        pluginInjectionApi = _this$props4.pluginInjectionApi,
-        editorView = _this$props4.editorView;
+      var _this$props3 = _this.props,
+        pluginInjectionApi = _this$props3.pluginInjectionApi,
+        editorView = _this$props3.editorView;
       return (_pluginInjectionApi$s = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s2 = pluginInjectionApi.status) === null || _pluginInjectionApi$s2 === void 0 || (_pluginInjectionApi$s2 = _pluginInjectionApi$s2.actions) === null || _pluginInjectionApi$s2 === void 0 ? void 0 : _pluginInjectionApi$s2.updateStatus(inputMethod)(editorView.state, editorView.dispatch)) !== null && _pluginInjectionApi$s !== void 0 ? _pluginInjectionApi$s : false;
     });
     _defineProperty(_assertThisInitialized(_this), "openMediaPicker", function (inputMethod) {
-      var _this$props5 = _this.props,
-        onShowMediaPicker = _this$props5.onShowMediaPicker,
-        dispatchAnalyticsEvent = _this$props5.dispatchAnalyticsEvent;
+      var _this$props4 = _this.props,
+        onShowMediaPicker = _this$props4.onShowMediaPicker,
+        dispatchAnalyticsEvent = _this$props4.dispatchAnalyticsEvent;
       if (onShowMediaPicker) {
         onShowMediaPicker();
         if (dispatchAnalyticsEvent) {
@@ -251,11 +252,11 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "insertHorizontalRule", function (inputMethod) {
       var _pluginInjectionApi$r, _pluginInjectionApi$r2;
-      var _this$props6 = _this.props,
-        _this$props6$editorVi = _this$props6.editorView,
-        state = _this$props6$editorVi.state,
-        dispatch = _this$props6$editorVi.dispatch,
-        pluginInjectionApi = _this$props6.pluginInjectionApi;
+      var _this$props5 = _this.props,
+        _this$props5$editorVi = _this$props5.editorView,
+        state = _this$props5$editorVi.state,
+        dispatch = _this$props5$editorVi.dispatch,
+        pluginInjectionApi = _this$props5.pluginInjectionApi;
       return (_pluginInjectionApi$r = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$r2 = pluginInjectionApi.rule) === null || _pluginInjectionApi$r2 === void 0 ? void 0 : _pluginInjectionApi$r2.actions.insertHorizontalRule(inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$r !== void 0 ? _pluginInjectionApi$r : false;
     });
     _defineProperty(_assertThisInitialized(_this), "insertExpand", function () {
@@ -266,9 +267,9 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "insertBlockType", function (itemName) {
       return function () {
-        var _this$props7 = _this.props,
-          editorView = _this$props7.editorView,
-          onInsertBlockType = _this$props7.onInsertBlockType;
+        var _this$props6 = _this.props,
+          editorView = _this$props6.editorView,
+          onInsertBlockType = _this$props6.onInsertBlockType;
         var state = editorView.state,
           dispatch = editorView.dispatch;
         onInsertBlockType(itemName)(state, dispatch);
@@ -291,11 +292,11 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "onItemActivated", function (_ref2) {
       var item = _ref2.item,
         inputMethod = _ref2.inputMethod;
-      var _this$props8 = _this.props,
-        editorView = _this$props8.editorView,
-        editorActions = _this$props8.editorActions,
-        handleImageUpload = _this$props8.handleImageUpload,
-        expandEnabled = _this$props8.expandEnabled;
+      var _this$props7 = _this.props,
+        editorView = _this$props7.editorView,
+        editorActions = _this$props7.editorActions,
+        handleImageUpload = _this$props7.handleImageUpload,
+        expandEnabled = _this$props7.expandEnabled;
 
       // need to do this before inserting nodes so scrollIntoView works properly
       if (!editorView.hasFocus()) {
@@ -411,12 +412,12 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     key: "renderPopup",
     value: function renderPopup() {
       var emojiPickerOpen = this.state.emojiPickerOpen;
-      var _this$props9 = this.props,
-        popupsMountPoint = _this$props9.popupsMountPoint,
-        popupsBoundariesElement = _this$props9.popupsBoundariesElement,
-        popupsScrollableElement = _this$props9.popupsScrollableElement,
-        emojiProvider = _this$props9.emojiProvider,
-        replacePlusMenuWithElementBrowser = _this$props9.replacePlusMenuWithElementBrowser;
+      var _this$props8 = this.props,
+        popupsMountPoint = _this$props8.popupsMountPoint,
+        popupsBoundariesElement = _this$props8.popupsBoundariesElement,
+        popupsScrollableElement = _this$props8.popupsScrollableElement,
+        emojiProvider = _this$props8.emojiProvider,
+        replacePlusMenuWithElementBrowser = _this$props8.replacePlusMenuWithElementBrowser;
       var dropdownEmoji = this.state.dropdownItems.some(function (_ref4) {
         var name = _ref4.value.name;
         return name === 'emoji';
@@ -453,9 +454,9 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         buttons = _this$state.buttons,
         dropdownItems = _this$state.dropdownItems,
         emojiPickerOpen = _this$state.emojiPickerOpen;
-      var _this$props10 = this.props,
-        isDisabled = _this$props10.isDisabled,
-        isReducedSpacing = _this$props10.isReducedSpacing;
+      var _this$props9 = this.props,
+        isDisabled = _this$props9.isDisabled,
+        isReducedSpacing = _this$props9.isReducedSpacing;
       if (buttons.length === 0 && dropdownItems.length === 0) {
         return null;
       }

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

@@ -1,369 +1,3 @@
-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 { 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';
-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 { findHandler, getPluginState, isTypeAheadOpen, isTypeAheadAllowed, getTypeAheadQuery, getTypeAheadHandler } from './utils';
-import { useItemInsert } from './ui/hooks/use-item-insert';
-import { updateSelectedIndex } from './commands/update-selected-index';
-import { StatsModifier } from './stats-modifier';
-import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import { openTypeAheadAtCursor } from './transforms/open-typeahead-at-cursor';
-import { closeTypeAhead } from './transforms/close-type-ahead';
-import { insertTypeAheadItem } from './commands/insert-type-ahead-item';
-var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
-  var _popupMountRef$curren, _popupMountRef$curren2, _popupMountRef$curren3;
-  var editorView = _ref.editorView,
-    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
- *
- *
- */
-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: ''
-        };
-      }
-      return {
-        query: getTypeAheadQuery(editorState) || ''
-      };
-    },
-    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
-          }
-        });
-      }
-    }
-  };
-};
+import { typeAheadPlugin } from './plugin';
 export default typeAheadPlugin;
-export { typeAheadPluginKey };
+export { typeAheadPlugin };