@atlaskit/editor-core 187.28.0 → 187.28.1

package/dist/cjs/plugins/toolbar-lists-indentation/index.js

@@ -6,19 +6,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _ui = _interopRequireDefault(require("./ui"));
-var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"));
 var _types = require("../../ui/Toolbar/types");
-var _main = require("../list/pm-plugins/main");
 var _indentationButtons = require("./pm-plugins/indentation-buttons");
 var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugin(_ref, api) {
-  var _api$dependencies$ana;
+  var _api$dependencies$fea;
   var showIndentationButtons = _ref.showIndentationButtons,
     allowHeadingAndParagraphIndentation = _ref.allowHeadingAndParagraphIndentation;
-  var featureFlags = (api === null || api === void 0 ? void 0 : api.dependencies.featureFlags.sharedState.currentState()) || {};
-  var editorAnalyticsAPI = api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies$fea = api.dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'toolbarListsIndentation',
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return undefined;
+      }
+      return _indentationButtons.pluginKey.getState(editorState);
+    },
     pmPlugins: function pmPlugins() {
       return [{
         name: 'indentationButtons',
@@ -27,7 +31,8 @@ var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugin(_ref,
           return (0, _indentationButtons.createPlugin)({
             dispatch: dispatch,
             showIndentationButtons: showIndentationButtons,
-            allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
+            allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation,
+            api: api
           });
         }
       }];
@@ -41,39 +46,56 @@ var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugin(_ref,
         disabled = _ref3.disabled,
         isToolbarReducedSpacing = _ref3.isToolbarReducedSpacing;
       var isSmall = toolbarSize < _types.ToolbarSize.L;
-      return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
-        plugins: {
-          listState: _main.pluginKey,
-          indentationState: _indentationButtons.pluginKey
-        },
-        render: function render(_ref4) {
-          var listState = _ref4.listState,
-            indentationState = _ref4.indentationState;
-          if (!listState) {
-            return null;
-          }
-          return /*#__PURE__*/_react.default.createElement(_ui.default, {
-            featureFlags: featureFlags,
-            isSmall: isSmall,
-            isReducedSpacing: isToolbarReducedSpacing,
-            disabled: disabled,
-            editorView: editorView,
-            popupsMountPoint: popupsMountPoint,
-            popupsBoundariesElement: popupsBoundariesElement,
-            popupsScrollableElement: popupsScrollableElement,
-            bulletListActive: listState.bulletListActive,
-            bulletListDisabled: listState.bulletListDisabled,
-            orderedListActive: listState.orderedListActive,
-            orderedListDisabled: listState.orderedListDisabled,
-            showIndentationButtons: !!showIndentationButtons,
-            indentDisabled: indentationState.indentDisabled,
-            outdentDisabled: indentationState.outdentDisabled,
-            editorAnalyticsAPI: editorAnalyticsAPI
-          });
-        }
+      return /*#__PURE__*/_react.default.createElement(PrimaryToolbarComponent, {
+        featureFlags: featureFlags,
+        popupsMountPoint: popupsMountPoint,
+        popupsBoundariesElement: popupsBoundariesElement,
+        popupsScrollableElement: popupsScrollableElement,
+        isSmall: isSmall,
+        isToolbarReducedSpacing: isToolbarReducedSpacing,
+        disabled: disabled,
+        editorView: editorView,
+        showIndentationButtons: showIndentationButtons,
+        pluginInjectionApi: api
       });
     }
   };
 };
+function PrimaryToolbarComponent(_ref4) {
+  var featureFlags = _ref4.featureFlags,
+    popupsMountPoint = _ref4.popupsMountPoint,
+    popupsBoundariesElement = _ref4.popupsBoundariesElement,
+    popupsScrollableElement = _ref4.popupsScrollableElement,
+    isSmall = _ref4.isSmall,
+    isToolbarReducedSpacing = _ref4.isToolbarReducedSpacing,
+    disabled = _ref4.disabled,
+    editorView = _ref4.editorView,
+    showIndentationButtons = _ref4.showIndentationButtons,
+    pluginInjectionApi = _ref4.pluginInjectionApi;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['list', 'toolbarListsIndentation']),
+    listState = _useSharedPluginState.listState,
+    toolbarListsIndentationState = _useSharedPluginState.toolbarListsIndentationState;
+  if (!listState) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_ui.default, {
+    featureFlags: featureFlags,
+    isSmall: isSmall,
+    isReducedSpacing: isToolbarReducedSpacing,
+    disabled: disabled,
+    editorView: editorView,
+    popupsMountPoint: popupsMountPoint,
+    popupsBoundariesElement: popupsBoundariesElement,
+    popupsScrollableElement: popupsScrollableElement,
+    bulletListActive: listState.bulletListActive,
+    bulletListDisabled: listState.bulletListDisabled,
+    orderedListActive: listState.orderedListActive,
+    orderedListDisabled: listState.orderedListDisabled,
+    showIndentationButtons: !!showIndentationButtons,
+    indentDisabled: toolbarListsIndentationState.indentDisabled,
+    outdentDisabled: toolbarListsIndentationState.outdentDisabled,
+    pluginInjectionApi: pluginInjectionApi
+  });
+}
 var _default = toolbarListsIndentationPlugin;
 exports.default = _default;

package/dist/cjs/plugins/toolbar-lists-indentation/pm-plugins/indentation-buttons.js

@@ -8,13 +8,12 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _utils2 = require("@atlaskit/editor-common/utils");
-var _selection = require("../../list/utils/selection");
 var _helpers = require("../../tasks-and-decisions/pm-plugins/helpers");
 var _commands = require("../../indentation/commands");
 var _lists = require("@atlaskit/editor-common/lists");
 var pluginKey = new _state.PluginKey('indentationButtonsPlugin');
 exports.pluginKey = pluginKey;
-function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndentation) {
+function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndentation, api) {
   var state = {
     indentDisabled: true,
     outdentDisabled: true,
@@ -27,7 +26,7 @@ function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndenta
   // not use the indentation mark.
   // Check for lists before paragraphs and headings in case
   // the selection is in a list nested in a layout column.
-  if ((0, _selection.isInsideListItem)(editorState)) {
+  if (api !== null && api !== void 0 && api.dependencies.list.actions.isInsideListItem(editorState)) {
     var _getListItemAttribute = (0, _lists.getListItemAttributes)(selection.$head),
       indentLevel = _getListItemAttribute.indentLevel,
       itemIndex = _getListItemAttribute.itemIndex;
@@ -76,7 +75,8 @@ function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndenta
 var createPlugin = function createPlugin(_ref) {
   var dispatch = _ref.dispatch,
     showIndentationButtons = _ref.showIndentationButtons,
-    allowHeadingAndParagraphIndentation = _ref.allowHeadingAndParagraphIndentation;
+    allowHeadingAndParagraphIndentation = _ref.allowHeadingAndParagraphIndentation,
+    api = _ref.api;
   return new _safePlugin.SafePlugin({
     state: {
       init: function init(_config, state) {
@@ -85,11 +85,11 @@ var createPlugin = function createPlugin(_ref) {
           outdentDisabled: true,
           node: null
         };
-        return showIndentationButtons ? getIndentationButtonsState(state, allowHeadingAndParagraphIndentation) : initialState;
+        return showIndentationButtons ? getIndentationButtonsState(state, allowHeadingAndParagraphIndentation, api) : initialState;
       },
       apply: function apply(_tr, pluginState, _oldState, newState) {
         if (showIndentationButtons) {
-          var state = getIndentationButtonsState(newState, allowHeadingAndParagraphIndentation);
+          var state = getIndentationButtonsState(newState, allowHeadingAndParagraphIndentation, api);
           if (!(0, _utils2.shallowEqual)(pluginState, state)) {
             dispatch(pluginKey, state);
             return state;

package/dist/cjs/plugins/toolbar-lists-indentation/ui/index.js

@@ -25,7 +25,7 @@ function ToolbarListsIndentation(props) {
     indentDisabled = props.indentDisabled,
     outdentDisabled = props.outdentDisabled,
     featureFlags = props.featureFlags,
-    editorAnalyticsAPI = props.editorAnalyticsAPI;
+    pluginInjectionApi = props.pluginInjectionApi;
   if (isSmall) {
     return (0, _react.jsx)(_ToolbarDropdown.ToolbarDropdown, {
       editorView: props.editorView,
@@ -41,7 +41,7 @@ function ToolbarListsIndentation(props) {
       indentDisabled: indentDisabled,
       outdentDisabled: outdentDisabled,
       disabled: disabled,
-      onItemActivated: (0, _onItemActivated.onItemActivated)(editorAnalyticsAPI),
+      onItemActivated: (0, _onItemActivated.onItemActivated)(pluginInjectionApi),
       featureFlags: featureFlags
     });
   }
@@ -56,7 +56,7 @@ function ToolbarListsIndentation(props) {
     indentDisabled: indentDisabled,
     outdentDisabled: outdentDisabled,
     disabled: disabled,
-    onItemActivated: (0, _onItemActivated.onItemActivated)(editorAnalyticsAPI),
+    onItemActivated: (0, _onItemActivated.onItemActivated)(pluginInjectionApi),
     featureFlags: featureFlags
   });
 }

package/dist/cjs/plugins/toolbar-lists-indentation/ui/onItemActivated.js

@@ -4,32 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.onItemActivated = void 0;
-var _commands = require("../../list/commands");
-var _commands2 = require("../../indentation/commands");
+var _commands = require("../../indentation/commands");
 var _keymaps = require("../../tasks-and-decisions/pm-plugins/keymaps");
 var _analytics = require("../../analytics");
 var _indentationButtons = require("../pm-plugins/indentation-buttons");
-var onItemActivated = function onItemActivated(editorAnalyticsAPI) {
+var onItemActivated = function onItemActivated(pluginInjectionApi) {
   return function (_ref) {
     var buttonName = _ref.buttonName,
       editorView = _ref.editorView,
       featureFlags = _ref.featureFlags;
     switch (buttonName) {
       case 'bullet_list':
-        (0, _commands.toggleBulletList)(editorAnalyticsAPI)(editorView, _analytics.INPUT_METHOD.TOOLBAR);
+        pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.list.actions.toggleBulletList(editorView, _analytics.INPUT_METHOD.TOOLBAR);
         break;
       case 'ordered_list':
-        (0, _commands.toggleOrderedList)(editorAnalyticsAPI)(editorView, _analytics.INPUT_METHOD.TOOLBAR);
+        pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.list.actions.toggleOrderedList(editorView, _analytics.INPUT_METHOD.TOOLBAR);
         break;
       case 'indent':
         {
           var _indentationButtonsPl;
           var node = (_indentationButtonsPl = _indentationButtons.pluginKey.getState(editorView.state)) === null || _indentationButtonsPl === void 0 ? void 0 : _indentationButtonsPl.node;
           if (node === 'paragraph_heading') {
-            (0, _commands2.getIndentCommand)(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
+            (0, _commands.getIndentCommand)(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
           }
           if (node === 'list') {
-            (0, _commands.indentList)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
+            pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.list.actions.indentList(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
           }
           if (node === 'taskList') {
             (0, _keymaps.getIndentCommand)(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
@@ -41,10 +40,10 @@ var onItemActivated = function onItemActivated(editorAnalyticsAPI) {
           var _indentationButtonsPl2;
           var _node = (_indentationButtonsPl2 = _indentationButtons.pluginKey.getState(editorView.state)) === null || _indentationButtonsPl2 === void 0 ? void 0 : _indentationButtonsPl2.node;
           if (_node === 'paragraph_heading') {
-            (0, _commands2.getOutdentCommand)(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
+            (0, _commands.getOutdentCommand)(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
           }
           if (_node === 'list') {
-            (0, _commands.outdentList)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.TOOLBAR, featureFlags)(editorView.state, editorView.dispatch);
+            pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.list.actions.outdentList(_analytics.INPUT_METHOD.TOOLBAR, featureFlags)(editorView.state, editorView.dispatch);
           }
           if (_node === 'taskList') {
             (0, _keymaps.getUnindentCommand)(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);

package/dist/cjs/test-utils.js

@@ -39,7 +39,7 @@ var _preset = require("@atlaskit/editor-common/preset");
 var _createSchema = require("./create-editor/create-schema");
 var _sortByOrder = require("./create-editor/sort-by-order");
 var _pluginKey = require("./plugins/analytics/plugin-key");
-var _base = _interopRequireDefault(require("./plugins/base"));
+var _base = require("./plugins/base");
 var _api = require("./plugins/type-ahead/api");
 var _eventDispatcher = require("./event-dispatcher");
 var _selection = require("./plugins/selection/gap-cursor/selection");
@@ -104,7 +104,7 @@ var createPMSchemaAndPlugins = function createPMSchemaAndPlugins() {
   var inputPreset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new _preset.EditorPresetBuilder();
   return function (pluginFactoryParams) {
     var editorPlugins = [];
-    var preset = inputPreset.has(_base.default) ? inputPreset : inputPreset.add(_base.default);
+    var preset = inputPreset.has(_base.basePlugin) ? inputPreset : inputPreset.add(_base.basePlugin);
     editorPlugins = preset.build({
       pluginInjectionAPI: pluginFactoryParams.pluginInjectionAPI
     });

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

@@ -18,33 +18,34 @@ var _commonStyles = require("@atlaskit/editor-plugin-table/ui/common-styles");
 var _styles5 = require("../../plugins/placeholder/styles");
 var _styles6 = require("../../plugins/block-type/styles");
 var _styles7 = require("../../plugins/code-block/styles");
-var _styles8 = require("../../plugins/list/styles");
-var _styles9 = require("../../plugins/rule/styles");
-var _styles10 = require("../../plugins/media/styles");
-var _styles11 = require("../../plugins/layout/styles");
-var _styles12 = require("../../plugins/panel/styles");
-var _styles13 = require("../../plugins/fake-text-cursor/styles");
-var _styles14 = require("../../plugins/mentions/styles");
-var _styles15 = require("../../plugins/emoji/styles");
-var _styles16 = require("../../plugins/placeholder-text/styles");
-var _styles17 = require("../../plugins/extension/ui/styles");
-var _styles18 = require("../../plugins/expand/ui/styles");
+var _styles8 = require("../../plugins/rule/styles");
+var _styles9 = require("../../plugins/media/styles");
+var _styles10 = require("../../plugins/layout/styles");
+var _styles11 = require("../../plugins/panel/styles");
+var _styles12 = require("../../plugins/fake-text-cursor/styles");
+var _styles13 = require("../../plugins/mentions/styles");
+var _styles14 = require("../../plugins/emoji/styles");
+var _styles15 = require("../../plugins/placeholder-text/styles");
+var _styles16 = require("../../plugins/extension/ui/styles");
+var _styles17 = require("../../plugins/expand/ui/styles");
 var _style = require("../../plugins/media/pm-plugins/alt-text/style");
-var _styles19 = require("../../plugins/find-replace/styles");
-var _styles20 = require("../../plugins/tasks-and-decisions/styles");
-var _styles21 = require("../../plugins/status/styles");
-var _styles22 = require("../../plugins/date/styles");
+var _styles18 = require("../../plugins/find-replace/styles");
+var _styles19 = require("../../plugins/tasks-and-decisions/styles");
+var _styles20 = require("../../plugins/status/styles");
+var _styles21 = require("../../plugins/date/styles");
 var _getInlineNodeViewProducer = require("../../nodeviews/getInlineNodeViewProducer.styles");
-var _templateObject, _templateObject2;
+var _utils = require("@atlaskit/editor-common/utils");
+var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var linkStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", "\n  }\n"])), _styles.linkSharedStyle);
 exports.linkStyles = linkStyles;
+var listsStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    li {\n      position: relative;\n\n      > p:not(:first-child) {\n        margin: 4px 0 0 0;\n      }\n\n      // In SSR the above rule will apply to all p tags because first-child would be a style tag.\n      // The following rule resets the first p tag back to its original margin\n      // defined in packages/editor/editor-common/src/styles/shared/paragraph.ts\n      > style:first-child + p {\n        margin-top: ", ";\n      }\n    }\n\n    & :not([data-node-type='decisionList']) > li {\n      ", "\n    }\n  }\n"])), _editorSharedStyles.blockNodesVerticalMargin, _utils.browser.safari ? _styles.codeBlockInListSafariFix : '');
 var contentStyles = function contentStyles(props) {
-  return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), (0, _editorSharedStyles.editorFontSize)({
+  return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), (0, _editorSharedStyles.editorFontSize)({
     theme: props.theme
-  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles16.placeholderTextStyles, _styles5.placeholderStyles, (0, _styles7.codeBlockStyles)(props), (0, _styles6.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, _styles8.listsStyles, (0, _styles9.ruleStyles)(props), _styles10.mediaStyles, (0, _styles11.layoutStyles)(props), _styles3.telepointerStyle, _styles4.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _styles12.panelStyles)(props), _styles13.fakeCursorStyles, _styles14.mentionsStyles, _styles15.emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles17.extensionStyles, (0, _styles18.expandStyles)(props), _styles19.findReplaceStyles, _styles20.taskDecisionStyles, _styles21.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _styles22.dateStyles, _styles.embedCardStyles, _styles2.unsupportedStyles, _styles.resizerStyles, _style.ClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles15.placeholderTextStyles, _styles5.placeholderStyles, (0, _styles7.codeBlockStyles)(props), (0, _styles6.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, (0, _styles8.ruleStyles)(props), _styles9.mediaStyles, (0, _styles10.layoutStyles)(props), _styles3.telepointerStyle, _styles4.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _styles11.panelStyles)(props), _styles12.fakeCursorStyles, _styles13.mentionsStyles, _styles14.emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles16.extensionStyles, (0, _styles17.expandStyles)(props), _styles18.findReplaceStyles, _styles19.taskDecisionStyles, _styles20.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _styles21.dateStyles, _styles.embedCardStyles, _styles2.unsupportedStyles, _styles.resizerStyles, _style.ClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 var createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

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

@@ -4,8 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = ToolbarFeedback;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -31,7 +32,7 @@ var _feedbackDialog = require("../../plugins/feedback-dialog");
 var _deprecationWarnings = _interopRequireDefault(require("../../utils/deprecation-warnings"));
 var _pickBy = _interopRequireDefault(require("../../utils/pick-by"));
 var _consts = require("../../plugins/analytics/consts");
-var _contextIdentifier = require("../../plugins/base/pm-plugins/context-identifier");
+var _context2 = require("../../presets/context");
 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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -56,12 +57,12 @@ var deprecations = [{
 var isNullOrUndefined = function isNullOrUndefined(attr) {
   return attr === null || attr === undefined;
 };
-var ToolbarFeedback = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(ToolbarFeedback, _PureComponent);
-  var _super = _createSuper(ToolbarFeedback);
-  function ToolbarFeedback(props) {
+var ToolbarFeedbackInternal = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(ToolbarFeedbackInternal, _PureComponent);
+  var _super = _createSuper(ToolbarFeedbackInternal);
+  function ToolbarFeedbackInternal(props) {
     var _this;
-    (0, _classCallCheck2.default)(this, ToolbarFeedback);
+    (0, _classCallCheck2.default)(this, ToolbarFeedbackInternal);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       jiraIssueCollectorScriptLoading: false,
@@ -98,8 +99,8 @@ var ToolbarFeedback = /*#__PURE__*/function (_PureComponent) {
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openJiraIssueCollector", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var _window$localStorage$, _getContextIdentifier;
-      var editorView, sessionId, contentId, tabId;
+      var _this$props$api, _window$localStorage$, _basePluginState$cont;
+      var basePluginState, sessionId, contentId, tabId;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -107,9 +108,9 @@ var ToolbarFeedback = /*#__PURE__*/function (_PureComponent) {
               jiraIssueCollectorScriptLoading: true,
               showOptOutOption: false
             });
-            editorView = _this.context.editorActions.editorView;
+            basePluginState = (_this$props$api = _this.props.api) === null || _this$props$api === void 0 ? void 0 : _this$props$api.dependencies.base.sharedState.currentState();
             sessionId = (_window$localStorage$ = window.localStorage.getItem('awc.session.id')) === null || _window$localStorage$ === void 0 ? void 0 : _window$localStorage$.toString();
-            contentId = (_getContextIdentifier = (0, _contextIdentifier.getContextIdentifier)(editorView === null || editorView === void 0 ? void 0 : editorView.state)) === null || _getContextIdentifier === void 0 ? void 0 : _getContextIdentifier.objectId;
+            contentId = basePluginState === null || basePluginState === void 0 ? void 0 : (_basePluginState$cont = basePluginState.contextIdentifier) === null || _basePluginState$cont === void 0 ? void 0 : _basePluginState$cont.objectId;
             tabId = window.sessionStorage['awc.tab.id'];
             _context.next = 7;
             return (0, _feedbackDialog.openFeedbackDialog)(_objectSpread(_objectSpread({}, _this.getFeedbackInfo()), {}, {
@@ -150,7 +151,7 @@ var ToolbarFeedback = /*#__PURE__*/function (_PureComponent) {
     (0, _deprecationWarnings.default)(ToolbarFeedback.name, props, deprecations);
     return _this;
   }
-  (0, _createClass2.default)(ToolbarFeedback, [{
+  (0, _createClass2.default)(ToolbarFeedbackInternal, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -197,9 +198,14 @@ var ToolbarFeedback = /*#__PURE__*/function (_PureComponent) {
       }, "Learn more")))))) : null;
     }
   }]);
-  return ToolbarFeedback;
+  return ToolbarFeedbackInternal;
 }(_react2.PureComponent);
-exports.default = ToolbarFeedback;
-(0, _defineProperty2.default)(ToolbarFeedback, "contextTypes", {
+(0, _defineProperty2.default)(ToolbarFeedbackInternal, "contextTypes", {
   editorActions: _propTypes.default.object.isRequired
-});
+});
+function ToolbarFeedback(props) {
+  var api = (0, _context2.usePresetContext)();
+  return (0, _react.jsx)(ToolbarFeedbackInternal, (0, _extends2.default)({
+    api: api
+  }, props));
+}

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.28.0";
+var version = "187.28.1";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/es2019/create-editor/ReactEditorViewInternal.js

@@ -24,7 +24,6 @@ import { getParticipantsCount } from '../plugins/collab-edit/get-participants-co
 import { EVENT_NAME_DISPATCH_TRANSACTION, EVENT_NAME_STATE_APPLY, EVENT_NAME_UPDATE_STATE, EVENT_NAME_VIEW_STATE_UPDATED, EVENT_NAME_ON_CHANGE, TransactionTracker } from '../utils/performance/track-transactions';
 import { countNodes } from '../utils/count-nodes';
 import { PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD, DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS } from './consts';
-import { getContextIdentifier } from '../plugins/base/pm-plugins/context-identifier';
 import ReactEditorViewContext from './ReactEditorViewContext';
 import { EditorPluginInjectionAPI } from '@atlaskit/editor-common/preset';
 import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui';
@@ -398,9 +397,10 @@ export class ReactEditorView extends React.Component {
         const forceSeverityTracking = typeof proseMirrorRenderedTracking === 'undefined' && shouldForceTracking();
         this.proseMirrorRenderedSeverity = !!forceSeverityTracking || proseMirrorRenderedTracking !== null && proseMirrorRenderedTracking !== void 0 && proseMirrorRenderedTracking.trackSeverity ? getAnalyticsEventSeverity(duration, (_proseMirrorRenderedT = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityNormalThreshold) !== null && _proseMirrorRenderedT !== void 0 ? _proseMirrorRenderedT : PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, (_proseMirrorRenderedT2 = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityDegradedThreshold) !== null && _proseMirrorRenderedT2 !== void 0 ? _proseMirrorRenderedT2 : PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD) : undefined;
         if (this.view) {
-          var _getContextIdentifier, _this$experienceStore10;
+          var _this$pluginInjection, _this$experienceStore10;
           const nodes = getNodesCount(this.view.state.doc);
           const ttfb = getResponseEndTime();
+          const contextIdentifier = (_this$pluginInjection = this.pluginInjectionAPI.api().dependencies.base) === null || _this$pluginInjection === void 0 ? void 0 : _this$pluginInjection.sharedState.currentState();
           this.dispatchAnalyticsEvent({
             action: ACTION.PROSEMIRROR_RENDERED,
             actionSubject: ACTION_SUBJECT.EDITOR,
@@ -410,7 +410,7 @@ export class ReactEditorView extends React.Component {
               nodes,
               ttfb,
               severity: this.proseMirrorRenderedSeverity,
-              objectId: (_getContextIdentifier = getContextIdentifier(this.editorState)) === null || _getContextIdentifier === void 0 ? void 0 : _getContextIdentifier.objectId,
+              objectId: contextIdentifier === null || contextIdentifier === void 0 ? void 0 : contextIdentifier.objectId,
               distortedDuration
             },
             eventType: EVENT_TYPE.OPERATIONAL

package/dist/es2019/create-editor/create-plugins-list.js

@@ -1,5 +1,5 @@
 import createUniversalPreset from '../labs/next/presets/universal';
-import { GUTTER_SIZE_MOBILE_IN_PX } from '../plugins/base/pm-plugins/scroll-gutter';
+import { GUTTER_SIZE_MOBILE_IN_PX } from '@atlaskit/editor-common/utils';
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
 import { createFeatureFlagsFromProps } from './feature-flags-from-props';
 const isCodeBlockAllowed = options => {

package/dist/es2019/index.js

@@ -41,7 +41,6 @@ export { setKeyboardHeight, setMobilePaddingTop, setIsExpanded } from './plugins
 
 // Used in editor-test-helpers and mobile bridge
 export { setTextSelection, dedupe, getNodesCount, measurements } from './utils';
-export { getListCommands } from './utils/list-commands';
 export { ReactEditorView, BaseReactEditorView } from './create-editor';
 export { getDefaultPresetOptionsFromEditorProps } from './create-editor';
 export { default as EditorActions } from './actions';

package/dist/es2019/labs/next/presets/default.js

@@ -7,7 +7,7 @@ import { hyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
 import { textFormattingPlugin } from '@atlaskit/editor-plugin-text-formatting';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
 import unsupportedContentPlugin from '../../../plugins/unsupported-content';
-import basePlugin from '../../../plugins/base';
+import { basePlugin } from '../../../plugins/base';
 import { focusPlugin } from '@atlaskit/editor-plugin-focus';
 import { editorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
 import typeAheadPlugin from '../../../plugins/type-ahead';

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

@@ -1,104 +1,2 @@
-import { baseKeymap } from '@atlaskit/editor-prosemirror/commands';
-import { history } from '@atlaskit/editor-prosemirror/history';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { browser } from '@atlaskit/editor-common/utils';
-import { doc, paragraph, text } from '@atlaskit/adf-schema';
-import filterStepsPlugin from './pm-plugins/filter-steps';
-import fixChrome88SelectionPlugin from './pm-plugins/fix-chrome-88-selection';
-import disableSpellcheckingPlugin from './pm-plugins/disable-spell-checking';
-import contextIdentifierPlugin from './pm-plugins/context-identifier';
-import newlinePreserveMarksPlugin from './pm-plugins/newline-preserve-marks';
-import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
-import scrollGutter from './pm-plugins/scroll-gutter';
-import { keymap } from '@atlaskit/editor-common/keymaps';
-import frozenEditor from './pm-plugins/frozen-editor';
-// Chrome >= 88
-export const isChromeWithSelectionBug = browser.chrome && browser.chrome_version >= 88;
-const basePlugin = (options, api) => {
-  var _api$dependencies, _api$dependencies$fea;
-  const featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
-  return {
-    name: 'base',
-    pmPlugins() {
-      const plugins = [{
-        name: 'filterStepsPlugin',
-        plugin: ({
-          dispatchAnalyticsEvent
-        }) => filterStepsPlugin(dispatchAnalyticsEvent)
-      }];
-
-      // In Chrome, when the selection is placed between adjacent nodes which are not contenteditatble
-      // the cursor appears at the right most point of the parent container.
-      // In Firefox, when the selection is placed between adjacent nodes which are not contenteditatble
-      // no cursor is presented to users.
-      // In Safari, when the selection is placed between adjacent nodes which are not contenteditatble
-      // it is not possible to navigate with arrow keys.
-      // This plugin works around the issues by inserting decorations between
-      // inline nodes which are set as contenteditable, and have a zero width space.
-      plugins.push({
-        name: 'inlineCursorTargetPlugin',
-        plugin: () => options && options.allowInlineCursorTarget ? inlineCursorTargetPlugin() : undefined
-      });
-      plugins.push({
-        name: 'newlinePreserveMarksPlugin',
-        plugin: newlinePreserveMarksPlugin
-      }, {
-        name: 'frozenEditor',
-        plugin: ({
-          dispatchAnalyticsEvent
-        }) => {
-          var _options$inputTrackin;
-          return options !== null && options !== void 0 && (_options$inputTrackin = options.inputTracking) !== null && _options$inputTrackin !== void 0 && _options$inputTrackin.enabled || options !== null && options !== void 0 && options.ufo ? frozenEditor(dispatchAnalyticsEvent, options.inputTracking, options.browserFreezeTracking, options.ufo) : undefined;
-        }
-      }, {
-        name: 'history',
-        plugin: () => history()
-      },
-      // should be last :(
-      {
-        name: 'codeBlockIndent',
-        plugin: () => keymap({
-          ...baseKeymap,
-          'Mod-[': () => true,
-          'Mod-]': () => true
-        })
-      }, {
-        name: 'contextIdentifier',
-        plugin: ({
-          dispatch,
-          providerFactory
-        }) => contextIdentifierPlugin(dispatch, providerFactory)
-      });
-      if (options && options.allowScrollGutter) {
-        plugins.push({
-          name: 'scrollGutterPlugin',
-          plugin: () => scrollGutter(options.allowScrollGutter)
-        });
-      }
-      if (isChromeWithSelectionBug && !getBooleanFF('platform.editor.disable-chrome-88-selection-fix_uk53m')) {
-        plugins.push({
-          name: 'fixChrome88SelectionPlugin',
-          plugin: () => fixChrome88SelectionPlugin()
-        });
-      }
-      plugins.push({
-        name: 'disableSpellcheckingPlugin',
-        plugin: () => disableSpellcheckingPlugin(featureFlags)
-      });
-      return plugins;
-    },
-    nodes() {
-      return [{
-        name: 'doc',
-        node: doc
-      }, {
-        name: 'paragraph',
-        node: paragraph
-      }, {
-        name: 'text',
-        node: text
-      }];
-    }
-  };
-};
-export default basePlugin;
+import basePlugin from './plugin';
+export { basePlugin };