@atlaskit/editor-core 188.7.6 → 188.9.0

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

@@ -8,6 +8,7 @@ exports.default = createUniversalPreset;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _plugins = require("../../../plugins");
+var _editorPluginStatus = require("@atlaskit/editor-plugin-status");
 var _date = require("../../../plugins/date");
 var _editorPluginCaption = require("@atlaskit/editor-plugin-caption");
 var _editorPluginBorder = require("@atlaskit/editor-plugin-border");
@@ -24,6 +25,8 @@ var _editorPluginCard = require("@atlaskit/editor-plugin-card");
 var _editorPluginTable = require("@atlaskit/editor-plugin-table");
 var _editorPluginContentInsertion = require("@atlaskit/editor-plugin-content-insertion");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _editorPluginSaveOnEnter = require("@atlaskit/editor-plugin-save-on-enter");
+var _editorPluginScrollIntoView = require("@atlaskit/editor-plugin-scroll-into-view");
 var _isFullPage = require("../../../utils/is-full-page");
 var _mediaCommon = require("@atlaskit/media-common");
 var _default = require("./default");
@@ -188,7 +191,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       return builder.add([plugin, !!props.legacyImageUploadProvider]);
     }
     return builder;
-  }).maybeAdd(_plugins.saveOnEnterPlugin, function (plugin, builder) {
+  }).maybeAdd(_editorPluginSaveOnEnter.saveOnEnterPlugin, function (plugin, builder) {
     if (props.saveOnEnter && props.onSave) {
       return builder.add([plugin, props.onSave]);
     }
@@ -312,7 +315,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       return builder.add(plugin);
     }
     return builder;
-  }).maybeAdd(_plugins.statusPlugin, function (plugin, builder) {
+  }).maybeAdd(_editorPluginStatus.statusPlugin, function (plugin, builder) {
     if (props.allowStatus) {
       return builder.add([plugin, {
         menuDisabled: statusMenuDisabled,
@@ -325,9 +328,9 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       return builder.add(plugin);
     }
     return builder;
-  }).maybeAdd(_plugins.scrollIntoViewPlugin, function (plugin, builder) {
+  }).maybeAdd(_editorPluginScrollIntoView.scrollIntoViewPlugin, function (plugin, builder) {
     if (props.autoScrollIntoView !== false) {
-      return builder.add(_plugins.scrollIntoViewPlugin);
+      return builder.add(_editorPluginScrollIntoView.scrollIntoViewPlugin);
     }
     return builder;
   }).maybeAdd(_plugins.historyPlugin, function (plugin, builder) {

package/dist/cjs/plugins/index.js

@@ -209,24 +209,6 @@ Object.defineProperty(exports, "placeholderTextPlugin", {
     return _placeholderText.default;
   }
 });
-Object.defineProperty(exports, "saveOnEnterPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _saveOnEnter.default;
-  }
-});
-Object.defineProperty(exports, "scrollIntoViewPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _scrollIntoView.default;
-  }
-});
-Object.defineProperty(exports, "statusPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _status.default;
-  }
-});
 Object.defineProperty(exports, "submitEditorPlugin", {
   enumerable: true,
   get: function get() {
@@ -286,12 +268,10 @@ var _mentions = _interopRequireDefault(require("./mentions"));
 var _panel = _interopRequireDefault(require("./panel"));
 var _paste = _interopRequireDefault(require("./paste"));
 var _placeholderText = _interopRequireDefault(require("./placeholder-text"));
-var _saveOnEnter = _interopRequireDefault(require("./save-on-enter"));
 var _submitEditor = _interopRequireDefault(require("./submit-editor"));
 var _tasksAndDecisions = _interopRequireDefault(require("./tasks-and-decisions"));
 var _textColor = _interopRequireDefault(require("./text-color"));
 var _typeAhead = _interopRequireDefault(require("./type-ahead"));
-var _status = _interopRequireDefault(require("./status"));
 var _breakout = _interopRequireDefault(require("./breakout"));
 var _alignment = _interopRequireDefault(require("./alignment"));
 var _dataConsumer = _interopRequireDefault(require("./data-consumer"));
@@ -303,7 +283,6 @@ var _customAutoformat = _interopRequireDefault(require("./custom-autoformat"));
 var _feedbackDialog = _interopRequireDefault(require("./feedback-dialog"));
 var _history = _interopRequireDefault(require("./history"));
 var _expand = _interopRequireWildcard(require("./expand"));
-var _scrollIntoView = _interopRequireDefault(require("./scroll-into-view"));
 var _mobileDimensions = _interopRequireDefault(require("./mobile-dimensions"));
 var _findReplace = _interopRequireDefault(require("./find-replace"));
 var _mobileSelection = _interopRequireDefault(require("./mobile-selection"));

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

@@ -1,382 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-Object.defineProperty(exports, "typeAheadPluginKey", {
+Object.defineProperty(exports, "typeAheadPlugin", {
   enumerable: true,
   get: function get() {
-    return _key.pluginKey;
+    return _plugin.typeAheadPlugin;
   }
 });
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _typeAhead = require("@atlaskit/editor-common/type-ahead");
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _main = require("./pm-plugins/main");
-var _insertItemPlugin = require("./pm-plugins/insert-item-plugin");
-var _withPluginState = require("@atlaskit/editor-common/with-plugin-state");
-var _adfSchema = require("@atlaskit/adf-schema");
-var _key = require("./pm-plugins/key");
-var _inputRules = require("./pm-plugins/input-rules");
-var _TypeAheadPopup = require("./ui/TypeAheadPopup");
-var _utils = require("./utils");
-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");
-var _closeTypeAhead = require("./transforms/close-type-ahead");
-var _insertTypeAheadItem = require("./commands/insert-type-ahead-item");
-/**
- *
- * Revamped typeahead using decorations instead of the `typeAheadQuery` mark
- *
- * https://product-fabric.atlassian.net/wiki/spaces/E/pages/2992177582/Technical+TypeAhead+Data+Flow
- *
- *
- */
-
-var TypeAheadMenu = /*#__PURE__*/_react.default.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 = (0, _useItemInsert3.useItemInsert)(triggerHandler, editorView, items),
-    _useItemInsert2 = (0, _slicedToArray2.default)(_useItemInsert, 3),
-    onItemInsert = _useItemInsert2[0],
-    onTextInsert = _useItemInsert2[1],
-    onItemMatch = _useItemInsert2[2];
-  var setSelectedItem = _react.default.useCallback(function (_ref2) {
-    var nextIndex = _ref2.index;
-    queueMicrotask(function () {
-      (0, _updateSelectedIndex.updateSelectedIndex)(nextIndex)(editorView.state, editorView.dispatch);
-    });
-  }, [editorView]);
-  var insertItem = _react.default.useCallback(function () {
-    var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _typeAhead.SelectItemMode.SELECTED;
-    var index = arguments.length > 1 ? arguments[1] : undefined;
-    queueMicrotask(function () {
-      onItemInsert({
-        mode: mode,
-        index: index,
-        query: query
-      });
-    });
-  }, [onItemInsert, query]);
-  var cancel = _react.default.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.default.useEffect(function () {
-    if (!isOpen || !query) {
-      return;
-    }
-    var isLastCharSpace = query[query.length - 1] === ' ';
-    if (!isLastCharSpace) {
-      return;
-    }
-    var result = onItemMatch({
-      mode: _typeAhead.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.default.createElement(_TypeAheadPopup.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;
-      (0, _openTypeaheadAtCursor.openTypeAheadAtCursor)({
-        triggerHandler: triggerHandler,
-        inputMethod: inputMethod
-      })({
-        tr: tr
-      });
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
-        action: _analytics.ACTION.INVOKED,
-        actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD,
-        actionSubjectId: triggerHandler.id,
-        attributes: {
-          inputMethod: inputMethod
-        },
-        eventType: _analytics.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;
-    (0, _insertTypeAheadItem.insertTypeAheadItem)(view)({
-      handler: triggerHandler,
-      item: contentItem,
-      mode: mode || _typeAhead.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 (0, _utils.findHandler)(trigger, view.state);
-  };
-};
-var createCloseTypeAhead = function createCloseTypeAhead(editorViewRef) {
-  return function (options) {
-    if (!editorViewRef.current) {
-      return false;
-    }
-    var view = editorViewRef.current;
-    var currentQuery = (0, _utils.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);
-    }
-    (0, _closeTypeAhead.closeTypeAhead)(tr);
-    if (options.insertCurrentQueryAsRawText && currentQuery && currentQuery.length > 0) {
-      var handler = (0, _utils.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 = (0, _analytics.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: _adfSchema.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 (0, _main.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.SafePlugin({
-            view: function view(_view) {
-              editorViewRef.current = _view;
-              return {
-                destroy: function destroy() {
-                  editorViewRef.current = null;
-                }
-              };
-            }
-          });
-        }
-      }, {
-        name: 'typeAheadInsertItem',
-        plugin: _insertItemPlugin.createPlugin
-      }, {
-        name: 'typeAheadInputRule',
-        plugin: function plugin(_ref6) {
-          var schema = _ref6.schema,
-            featureFlags = _ref6.featureFlags;
-          return (0, _inputRules.inputRulePlugin)(schema, typeAhead, featureFlags);
-        }
-      }];
-    },
-    getSharedState: function getSharedState(editorState) {
-      if (!editorState) {
-        return {
-          query: ''
-        };
-      }
-      return {
-        query: (0, _utils.getTypeAheadQuery)(editorState) || ''
-      };
-    },
-    actions: {
-      isOpen: _utils.isTypeAheadOpen,
-      isAllowed: _utils.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.default.createElement(_withPluginState.WithPluginState, {
-        plugins: {
-          typeAheadState: _key.pluginKey
-        },
-        render: function render(_ref8) {
-          var typeAheadState = _ref8.typeAheadState;
-          if (!typeAheadState) {
-            return null;
-          }
-          return /*#__PURE__*/_react.default.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 = (0, _utils.getPluginState)(oldEditorState);
-      var newPluginState = (0, _utils.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(_key.pluginKey);
-        var wasItemInserted = typeAheadMessage && typeAheadMessage.action === 'INSERT_RAW_QUERY';
-        oldTriggerHandler.dismiss({
-          editorState: newEditorState,
-          query: oldPluginState.query,
-          stats: (oldPluginState.stats || new _statsModifier.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: _analytics.ACTION.INVOKED,
-            actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD,
-            actionSubjectId: newTriggerHandler.id || 'not_set',
-            attributes: {
-              inputMethod: newPluginState.inputMethod || _analytics.INPUT_METHOD.KEYBOARD
-            },
-            eventType: _analytics.EVENT_TYPE.UI
-          }
-        });
-      }
-    }
-  };
-};
-var _default = exports.default = typeAheadPlugin;
+var _plugin = require("./plugin");
+var _default = exports.default = _plugin.typeAheadPlugin;