@atlaskit/editor-core 189.3.24 → 189.3.26

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-core
 
+## 189.3.26
+
+### Patch Changes
+
+- [#43164](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43164) [`3aeedf55e29`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3aeedf55e29) - [ED-20068] Move editSelectedExtension to ExtensionPluginActions
+- Updated dependencies
+
+## 189.3.25
+
+### Patch Changes
+
+- [#43274](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43274) [`d162c359ccf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d162c359ccf) - Move indentation plugin code from editor-core to editor-plugin-indentation.
+- Updated dependencies
+
 ## 189.3.24
 
 ### Patch Changes

package/dist/cjs/plugins/extension/actions.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.performNodeUpdate = exports.editSelectedExtension = exports.editExtension = exports.buildExtensionNode = void 0;
+exports.performNodeUpdate = exports.editSelectedExtension = exports.editExtension = exports.createEditSelectedExtensionAction = exports.buildExtensionNode = void 0;
 Object.defineProperty(exports, "transformSliceToRemoveOpenBodiedExtension", {
   enumerable: true,
   get: function get() {
@@ -216,4 +216,18 @@ var editExtension = exports.editExtension = function editExtension(macroProvider
     }
     return true;
   };
+};
+var createEditSelectedExtensionAction = exports.createEditSelectedExtensionAction = function createEditSelectedExtensionAction(_ref2) {
+  var editorViewRef = _ref2.editorViewRef,
+    editorAnalyticsAPI = _ref2.editorAnalyticsAPI;
+  return function () {
+    var view = editorViewRef.current;
+    if (!view) {
+      return false;
+    }
+    var _getPluginState3 = (0, _main.getPluginState)(view.state),
+      updateExtension = _getPluginState3.updateExtension,
+      applyChangeToContextPanel = _getPluginState3.applyChangeToContextPanel;
+    return editExtension(null, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension)(view.state, view.dispatch, view);
+  };
 };

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

@@ -15,8 +15,9 @@ var _uniqueId = require("./pm-plugins/unique-id");
 var _toolbar = require("./toolbar");
 var _contextPanel = require("./context-panel");
 var _extensionApi = require("./extension-api");
+var _actions2 = require("./actions");
 var extensionPlugin = function extensionPlugin(_ref) {
-  var _api$featureFlags, _api$analytics2, _api$contextPanel3, _api$analytics3, _api$contextPanel4;
+  var _api$featureFlags, _api$analytics2, _api$analytics3, _api$contextPanel3, _api$analytics4, _api$contextPanel4;
   var _ref$config = _ref.config,
     options = _ref$config === void 0 ? {} : _ref$config,
     _api = _ref.api;
@@ -97,6 +98,10 @@ var extensionPlugin = function extensionPlugin(_ref) {
         });
       },
       insertMacroFromMacroBrowser: (0, _actions.insertMacroFromMacroBrowser)(_api === null || _api === void 0 || (_api$analytics2 = _api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions),
+      editSelectedExtension: (0, _actions2.createEditSelectedExtensionAction)({
+        editorViewRef: editorViewRef,
+        editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics3 = _api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions
+      }),
       runMacroAutoConvert: _actions.runMacroAutoConvert
     },
     pluginsOptions: {
@@ -104,7 +109,7 @@ var extensionPlugin = function extensionPlugin(_ref) {
         breakoutEnabled: options.breakoutEnabled,
         hoverDecoration: _api === null || _api === void 0 ? void 0 : _api.decorations.actions.hoverDecoration,
         applyChangeToContextPanel: _api === null || _api === void 0 || (_api$contextPanel3 = _api.contextPanel) === null || _api$contextPanel3 === void 0 ? void 0 : _api$contextPanel3.actions.applyChange,
-        editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics3 = _api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions
+        editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics4 = _api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions
       }),
       contextPanel: (0, _contextPanel.getContextPanel)(function () {
         var _editorViewRef$curren;

package/dist/cjs/plugins/index.js

@@ -82,12 +82,6 @@ Object.defineProperty(exports, "findReplacePlugin", {
     return _findReplace.default;
   }
 });
-Object.defineProperty(exports, "indentationPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _indentation.default;
-  }
-});
 Object.defineProperty(exports, "insertBlockPlugin", {
   enumerable: true,
   get: function get() {
@@ -153,7 +147,6 @@ var _tasksAndDecisions = _interopRequireDefault(require("./tasks-and-decisions")
 var _breakout = _interopRequireDefault(require("./breakout"));
 var _alignment = _interopRequireDefault(require("./alignment"));
 var _dataConsumer = _interopRequireDefault(require("./data-consumer"));
-var _indentation = _interopRequireDefault(require("./indentation"));
 var _annotation = _interopRequireDefault(require("./annotation"));
 var _customAutoformat = _interopRequireDefault(require("./custom-autoformat"));
 var _feedbackDialog = _interopRequireDefault(require("./feedback-dialog"));

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

@@ -1,19 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PrimaryToolbarComponent = PrimaryToolbarComponent;
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _ui = _interopRequireDefault(require("./ui"));
 var _types = require("../../ui/Toolbar/types");
 var _indentationButtons = require("./pm-plugins/indentation-buttons");
-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 toolbarListsIndentationPlugin = function toolbarListsIndentationPlugin(_ref) {
   var _api$featureFlags;
   var config = _ref.config,
@@ -26,12 +23,6 @@ var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugin(_ref)
   var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   return {
     name: 'toolbarListsIndentation',
-    getSharedState: function getSharedState(editorState) {
-      if (!editorState) {
-        return undefined;
-      }
-      return _indentationButtons.pluginKey.getState(editorState);
-    },
     primaryToolbarComponent: function primaryToolbarComponent(_ref3) {
       var editorView = _ref3.editorView,
         popupsMountPoint = _ref3.popupsMountPoint,
@@ -73,9 +64,7 @@ function PrimaryToolbarComponent(_ref4) {
     listState = _useSharedPluginState.listState,
     indentationState = _useSharedPluginState.indentationState,
     taskDecisionState = _useSharedPluginState.taskDecisionState;
-  var toolbarListsIndentationState = (0, _react.useMemo)(function () {
-    return (0, _indentationButtons.getIndentationButtonsState)(editorView.state, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.actions.isInsideListItem);
-  }, [editorView.state, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.actions.isInsideListItem]);
+  var toolbarListsIndentationState = (0, _indentationButtons.getIndentationButtonsState)(editorView.state, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.actions.isInsideListItem);
   if (!listState) {
     return null;
   }

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

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getIndentationButtonsState = getIndentationButtonsState;
-exports.pluginKey = void 0;
-var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _lists = require("@atlaskit/editor-common/lists");
 var _indentation = require("@atlaskit/editor-common/indentation");
-var pluginKey = exports.pluginKey = new _state.PluginKey('indentationButtonsPlugin');
 function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, isInsideListItem) {
   var _indentationState$isI;
   var state = {

package/dist/cjs/presets/universal.js

@@ -12,6 +12,7 @@ var _plugins = require("../plugins");
 var _editorPluginPanel = require("@atlaskit/editor-plugin-panel");
 var _editorPluginTextColor = require("@atlaskit/editor-plugin-text-color");
 var _editorPluginHistory = require("@atlaskit/editor-plugin-history");
+var _editorPluginIndentation = require("@atlaskit/editor-plugin-indentation");
 var _editorPluginStatus = require("@atlaskit/editor-plugin-status");
 var _editorPluginDate = require("@atlaskit/editor-plugin-date");
 var _editorPluginMaxContentSize = require("@atlaskit/editor-plugin-max-content-size");
@@ -329,7 +330,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       }]);
     }
     return builder;
-  }).maybeAdd(_plugins.indentationPlugin, function (plugin, builder) {
+  }).maybeAdd(_editorPluginIndentation.indentationPlugin, function (plugin, builder) {
     if (props.allowIndentation) {
       return builder.add(plugin);
     }

package/dist/cjs/ui/ConfigPanel/LoadingState.js

@@ -10,10 +10,11 @@ var _react = require("@emotion/react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _templateObject;
 /** @jsx jsx */
-var spinnerWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  margin-top: 64px;\n"])));
+var spinnerWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  margin-top: ", ";\n"])), "var(--ds-space-800, 64px)");
 var LoadingState = function LoadingState() {
   return (0, _react.jsx)("div", {
-    css: spinnerWrapper
+    css: spinnerWrapper,
+    "data-testid": "ConfigPanelLoading"
   }, (0, _react.jsx)(_spinner.default, {
     size: "small"
   }));

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "189.3.24";
+var version = exports.version = "189.3.26";

package/dist/es2019/plugins/extension/actions.js

@@ -181,4 +181,20 @@ export const editExtension = (macroProvider, applyChangeToContextPanel, editorAn
     editInLegacyMacroBrowser();
   }
   return true;
+};
+export const createEditSelectedExtensionAction = ({
+  editorViewRef,
+  editorAnalyticsAPI
+}) => () => {
+  const {
+    current: view
+  } = editorViewRef;
+  if (!view) {
+    return false;
+  }
+  const {
+    updateExtension,
+    applyChangeToContextPanel
+  } = getPluginState(view.state);
+  return editExtension(null, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension)(view.state, view.dispatch, view);
 };

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

@@ -8,11 +8,12 @@ import { createPlugin as createUniqueIdPlugin } from './pm-plugins/unique-id';
 import { getToolbarConfig } from './toolbar';
 import { getContextPanel } from './context-panel';
 import { createExtensionAPI } from './extension-api';
+import { createEditSelectedExtensionAction } from './actions';
 const extensionPlugin = ({
   config: options = {},
   api
 }) => {
-  var _api$featureFlags, _api$analytics2, _api$contextPanel3, _api$analytics3, _api$contextPanel4;
+  var _api$featureFlags, _api$analytics2, _api$analytics3, _api$contextPanel3, _api$analytics4, _api$contextPanel4;
   const featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   //Note: This is a hack to get the editor view reference in the plugin. Copied from table plugin.
   //This is needed to get the current selection in the editor
@@ -88,6 +89,10 @@ const extensionPlugin = ({
         });
       },
       insertMacroFromMacroBrowser: insertMacroFromMacroBrowser(api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions),
+      editSelectedExtension: createEditSelectedExtensionAction({
+        editorViewRef,
+        editorAnalyticsAPI: api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions
+      }),
       runMacroAutoConvert
     },
     pluginsOptions: {
@@ -95,7 +100,7 @@ const extensionPlugin = ({
         breakoutEnabled: options.breakoutEnabled,
         hoverDecoration: api === null || api === void 0 ? void 0 : api.decorations.actions.hoverDecoration,
         applyChangeToContextPanel: api === null || api === void 0 ? void 0 : (_api$contextPanel3 = api.contextPanel) === null || _api$contextPanel3 === void 0 ? void 0 : _api$contextPanel3.actions.applyChange,
-        editorAnalyticsAPI: api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions
+        editorAnalyticsAPI: api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions
       }),
       contextPanel: getContextPanel(() => {
         var _editorViewRef$curren;

package/dist/es2019/plugins/index.js

@@ -9,7 +9,6 @@ export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as breakoutPlugin } from './breakout';
 export { default as alignmentPlugin } from './alignment';
 export { default as dataConsumerMarkPlugin } from './data-consumer';
-export { default as indentationPlugin } from './indentation';
 export { default as annotationPlugin } from './annotation';
 export { default as customAutoformatPlugin } from './custom-autoformat';
 export { default as feedbackDialogPlugin } from './feedback-dialog';

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

@@ -1,9 +1,8 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import ToolbarListsIndentation from './ui';
 import { ToolbarSize } from '../../ui/Toolbar/types';
 import { getIndentationButtonsState } from './pm-plugins/indentation-buttons';
-import { pluginKey as indentationButtonPluginKey } from './pm-plugins/indentation-buttons';
 const toolbarListsIndentationPlugin = ({
   config,
   api
@@ -16,12 +15,6 @@ const toolbarListsIndentationPlugin = ({
   const featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   return {
     name: 'toolbarListsIndentation',
-    getSharedState(editorState) {
-      if (!editorState) {
-        return undefined;
-      }
-      return indentationButtonPluginKey.getState(editorState);
-    },
     primaryToolbarComponent({
       editorView,
       popupsMountPoint,
@@ -66,9 +59,7 @@ export function PrimaryToolbarComponent({
     indentationState,
     taskDecisionState
   } = useSharedPluginState(pluginInjectionApi, ['list', 'indentation', 'taskDecision']);
-  const toolbarListsIndentationState = useMemo(() => {
-    return getIndentationButtonsState(editorView.state, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.actions.isInsideListItem);
-  }, [editorView.state, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.actions.isInsideListItem]);
+  const toolbarListsIndentationState = getIndentationButtonsState(editorView.state, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.actions.isInsideListItem);
   if (!listState) {
     return null;
   }

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

@@ -1,8 +1,6 @@
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { getListItemAttributes } from '@atlaskit/editor-common/lists';
 import { MAX_INDENTATION_LEVEL } from '@atlaskit/editor-common/indentation';
-export const pluginKey = new PluginKey('indentationButtonsPlugin');
 export function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, isInsideListItem) {
   var _indentationState$isI;
   const state = {

package/dist/es2019/presets/universal.js

@@ -1,7 +1,8 @@
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, tasksAndDecisionsPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, tasksAndDecisionsPlugin, alignmentPlugin, customAutoformatPlugin, feedbackDialogPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
 import { panelPlugin } from '@atlaskit/editor-plugin-panel';
 import { textColorPlugin } from '@atlaskit/editor-plugin-text-color';
 import { historyPlugin } from '@atlaskit/editor-plugin-history';
+import { indentationPlugin } from '@atlaskit/editor-plugin-indentation';
 import { statusPlugin } from '@atlaskit/editor-plugin-status';
 import { datePlugin } from '@atlaskit/editor-plugin-date';
 import { maxContentSizePlugin } from '@atlaskit/editor-plugin-max-content-size';

package/dist/es2019/ui/ConfigPanel/LoadingState.js

@@ -4,10 +4,11 @@ import Spinner from '@atlaskit/spinner';
 const spinnerWrapper = css`
   display: flex;
   justify-content: center;
-  margin-top: 64px;
+  margin-top: ${"var(--ds-space-800, 64px)"};
 `;
 const LoadingState = () => jsx("div", {
-  css: spinnerWrapper
+  css: spinnerWrapper,
+  "data-testid": "ConfigPanelLoading"
 }, jsx(Spinner, {
   size: "small"
 }));

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "189.3.24";
+export const version = "189.3.26";

package/dist/esm/plugins/extension/actions.js

@@ -203,4 +203,18 @@ export var editExtension = function editExtension(macroProvider, applyChangeToCo
     }
     return true;
   };
+};
+export var createEditSelectedExtensionAction = function createEditSelectedExtensionAction(_ref2) {
+  var editorViewRef = _ref2.editorViewRef,
+    editorAnalyticsAPI = _ref2.editorAnalyticsAPI;
+  return function () {
+    var view = editorViewRef.current;
+    if (!view) {
+      return false;
+    }
+    var _getPluginState3 = getPluginState(view.state),
+      updateExtension = _getPluginState3.updateExtension,
+      applyChangeToContextPanel = _getPluginState3.applyChangeToContextPanel;
+    return editExtension(null, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension)(view.state, view.dispatch, view);
+  };
 };

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

@@ -8,8 +8,9 @@ import { createPlugin as createUniqueIdPlugin } from './pm-plugins/unique-id';
 import { getToolbarConfig } from './toolbar';
 import { getContextPanel } from './context-panel';
 import { createExtensionAPI } from './extension-api';
+import { createEditSelectedExtensionAction } from './actions';
 var extensionPlugin = function extensionPlugin(_ref) {
-  var _api$featureFlags, _api$analytics2, _api$contextPanel3, _api$analytics3, _api$contextPanel4;
+  var _api$featureFlags, _api$analytics2, _api$analytics3, _api$contextPanel3, _api$analytics4, _api$contextPanel4;
   var _ref$config = _ref.config,
     options = _ref$config === void 0 ? {} : _ref$config,
     _api = _ref.api;
@@ -90,6 +91,10 @@ var extensionPlugin = function extensionPlugin(_ref) {
         });
       },
       insertMacroFromMacroBrowser: insertMacroFromMacroBrowser(_api === null || _api === void 0 || (_api$analytics2 = _api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions),
+      editSelectedExtension: createEditSelectedExtensionAction({
+        editorViewRef: editorViewRef,
+        editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics3 = _api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions
+      }),
       runMacroAutoConvert: runMacroAutoConvert
     },
     pluginsOptions: {
@@ -97,7 +102,7 @@ var extensionPlugin = function extensionPlugin(_ref) {
         breakoutEnabled: options.breakoutEnabled,
         hoverDecoration: _api === null || _api === void 0 ? void 0 : _api.decorations.actions.hoverDecoration,
         applyChangeToContextPanel: _api === null || _api === void 0 || (_api$contextPanel3 = _api.contextPanel) === null || _api$contextPanel3 === void 0 ? void 0 : _api$contextPanel3.actions.applyChange,
-        editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics3 = _api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions
+        editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics4 = _api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions
       }),
       contextPanel: getContextPanel(function () {
         var _editorViewRef$curren;

package/dist/esm/plugins/index.js

@@ -9,7 +9,6 @@ export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as breakoutPlugin } from './breakout';
 export { default as alignmentPlugin } from './alignment';
 export { default as dataConsumerMarkPlugin } from './data-consumer';
-export { default as indentationPlugin } from './indentation';
 export { default as annotationPlugin } from './annotation';
 export { default as customAutoformatPlugin } from './custom-autoformat';
 export { default as feedbackDialogPlugin } from './feedback-dialog';

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

@@ -1,9 +1,8 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import ToolbarListsIndentation from './ui';
 import { ToolbarSize } from '../../ui/Toolbar/types';
 import { getIndentationButtonsState } from './pm-plugins/indentation-buttons';
-import { pluginKey as indentationButtonPluginKey } from './pm-plugins/indentation-buttons';
 var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugin(_ref) {
   var _api$featureFlags;
   var config = _ref.config,
@@ -16,12 +15,6 @@ var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugin(_ref)
   var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   return {
     name: 'toolbarListsIndentation',
-    getSharedState: function getSharedState(editorState) {
-      if (!editorState) {
-        return undefined;
-      }
-      return indentationButtonPluginKey.getState(editorState);
-    },
     primaryToolbarComponent: function primaryToolbarComponent(_ref3) {
       var editorView = _ref3.editorView,
         popupsMountPoint = _ref3.popupsMountPoint,
@@ -63,9 +56,7 @@ export function PrimaryToolbarComponent(_ref4) {
     listState = _useSharedPluginState.listState,
     indentationState = _useSharedPluginState.indentationState,
     taskDecisionState = _useSharedPluginState.taskDecisionState;
-  var toolbarListsIndentationState = useMemo(function () {
-    return getIndentationButtonsState(editorView.state, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.actions.isInsideListItem);
-  }, [editorView.state, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.actions.isInsideListItem]);
+  var toolbarListsIndentationState = getIndentationButtonsState(editorView.state, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.actions.isInsideListItem);
   if (!listState) {
     return null;
   }

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

@@ -1,8 +1,6 @@
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { getListItemAttributes } from '@atlaskit/editor-common/lists';
 import { MAX_INDENTATION_LEVEL } from '@atlaskit/editor-common/indentation';
-export var pluginKey = new PluginKey('indentationButtonsPlugin');
 export function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, isInsideListItem) {
   var _indentationState$isI;
   var state = {

package/dist/esm/presets/universal.js

@@ -2,10 +2,11 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, tasksAndDecisionsPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, tasksAndDecisionsPlugin, alignmentPlugin, customAutoformatPlugin, feedbackDialogPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
 import { panelPlugin } from '@atlaskit/editor-plugin-panel';
 import { textColorPlugin } from '@atlaskit/editor-plugin-text-color';
 import { historyPlugin } from '@atlaskit/editor-plugin-history';
+import { indentationPlugin } from '@atlaskit/editor-plugin-indentation';
 import { statusPlugin } from '@atlaskit/editor-plugin-status';
 import { datePlugin } from '@atlaskit/editor-plugin-date';
 import { maxContentSizePlugin } from '@atlaskit/editor-plugin-max-content-size';

package/dist/esm/ui/ConfigPanel/LoadingState.js

@@ -3,10 +3,11 @@ var _templateObject;
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';
-var spinnerWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  margin-top: 64px;\n"])));
+var spinnerWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  margin-top: ", ";\n"])), "var(--ds-space-800, 64px)");
 var LoadingState = function LoadingState() {
   return jsx("div", {
-    css: spinnerWrapper
+    css: spinnerWrapper,
+    "data-testid": "ConfigPanelLoading"
   }, jsx(Spinner, {
     size: "small"
   }));

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "189.3.24";
+export var version = "189.3.26";

package/dist/types/plugins/extension/actions.d.ts

@@ -1,3 +1,4 @@
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Schema, Node as PmNode, Fragment, Mark } from '@atlaskit/editor-prosemirror/model';
 import type { UpdateExtension } from '@atlaskit/editor-common/extensions';
 import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
@@ -10,3 +11,8 @@ export declare const buildExtensionNode: <S extends Schema<any, any>>(type: 'inl
 export declare const performNodeUpdate: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (type: 'inlineExtension' | 'extension' | 'bodiedExtension', newAttrs: object, content: Fragment, marks: readonly Mark[], shouldScrollIntoView: boolean) => Command;
 export declare const editSelectedExtension: (editorActions: EditorActions) => boolean;
 export declare const editExtension: (macroProvider: MacroProvider | null | undefined, applyChangeToContextPanel: ApplyChangeHandler | undefined, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, updateExtension?: Promise<UpdateExtension<object> | void>) => Command;
+type Props = {
+    editorViewRef: Record<'current', EditorView | null>;
+    editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
+};
+export declare const createEditSelectedExtensionAction: ({ editorViewRef, editorAnalyticsAPI }: Props) => () => boolean;

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

@@ -9,7 +9,6 @@ export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as breakoutPlugin } from './breakout';
 export { default as alignmentPlugin } from './alignment';
 export { default as dataConsumerMarkPlugin } from './data-consumer';
-export { default as indentationPlugin } from './indentation';
 export { default as annotationPlugin } from './annotation';
 export { default as customAutoformatPlugin } from './custom-autoformat';
 export { default as feedbackDialogPlugin } from './feedback-dialog';

package/dist/types/plugins/toolbar-lists-indentation/index.d.ts

@@ -3,10 +3,9 @@ import type { FeatureFlags, NextEditorPlugin, OptionalPlugin } from '@atlaskit/e
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ListPlugin } from '@atlaskit/editor-plugin-list';
-import type { IndentationButtons } from './pm-plugins/indentation-buttons';
 import type { ToolbarUiComponentFactoryParams } from '../../types';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { IndentationPlugin } from '../indentation';
+import type { IndentationPlugin } from '@atlaskit/editor-plugin-indentation';
 import type { TaskAndDecisionsPlugin } from '../tasks-and-decisions/types';
 type Config = {
     showIndentationButtons: boolean;
@@ -21,7 +20,6 @@ type ToolbarListsIndentationPlugin = NextEditorPlugin<'toolbarListsIndentation',
         OptionalPlugin<TaskAndDecisionsPlugin>,
         OptionalPlugin<AnalyticsPlugin>
     ];
-    sharedState: IndentationButtons | undefined;
 }>;
 declare const toolbarListsIndentationPlugin: ToolbarListsIndentationPlugin;
 type PrimaryToolbarComponentProps = Pick<ToolbarUiComponentFactoryParams, 'editorView' | 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement' | 'disabled' | 'isToolbarReducedSpacing'> & {

package/dist/types/plugins/toolbar-lists-indentation/pm-plugins/indentation-buttons.d.ts

@@ -1,12 +1,10 @@
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export type IndentationButtonNode = null | 'paragraph_heading' | 'list' | 'taskList';
 export interface IndentationButtons {
     indentDisabled: boolean;
     outdentDisabled: boolean;
     node: IndentationButtonNode;
 }
-export declare const pluginKey: PluginKey<IndentationButtons>;
 interface TaskDecisionState {
     isInsideTask: boolean;
     indentDisabled: boolean;

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

@@ -112,6 +112,7 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
             };
         }, undefined>>];
         actions: {
+            editSelectedExtension: () => boolean;
             api: () => import("@atlaskit/editor-common/extensions").ExtensionAPI<import("@atlaskit/editor-common/extensions").Parameters>;
             insertMacroFromMacroBrowser: (macroProvider: import("@atlaskit/editor-common/provider-factory").MacroProvider, macroNode?: import("prosemirror-model").Node | undefined, isEditing?: boolean | undefined) => (view: import("prosemirror-view").EditorView) => Promise<boolean>;
             runMacroAutoConvert: import("@atlaskit/editor-plugin-extension").RunMacroAutoConvert;
@@ -253,6 +254,7 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
                     };
                 }, undefined>>];
                 actions: {
+                    editSelectedExtension: () => boolean;
                     api: () => import("@atlaskit/editor-common/extensions").ExtensionAPI<import("@atlaskit/editor-common/extensions").Parameters>;
                     insertMacroFromMacroBrowser: (macroProvider: import("@atlaskit/editor-common/provider-factory").MacroProvider, macroNode?: import("prosemirror-model").Node | undefined, isEditing?: boolean | undefined) => (view: import("prosemirror-view").EditorView) => Promise<boolean>;
                     runMacroAutoConvert: import("@atlaskit/editor-plugin-extension").RunMacroAutoConvert;
@@ -601,6 +603,7 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
             };
         }, undefined>>];
         actions: {
+            editSelectedExtension: () => boolean;
             api: () => import("@atlaskit/editor-common/extensions").ExtensionAPI<import("@atlaskit/editor-common/extensions").Parameters>;
             insertMacroFromMacroBrowser: (macroProvider: import("@atlaskit/editor-common/provider-factory").MacroProvider, macroNode?: import("prosemirror-model").Node | undefined, isEditing?: boolean | undefined) => (view: import("prosemirror-view").EditorView) => Promise<boolean>;
             runMacroAutoConvert: import("@atlaskit/editor-plugin-extension").RunMacroAutoConvert;
@@ -742,6 +745,7 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
                     };
                 }, undefined>>];
                 actions: {
+                    editSelectedExtension: () => boolean;
                     api: () => import("@atlaskit/editor-common/extensions").ExtensionAPI<import("@atlaskit/editor-common/extensions").Parameters>;
                     insertMacroFromMacroBrowser: (macroProvider: import("@atlaskit/editor-common/provider-factory").MacroProvider, macroNode?: import("prosemirror-model").Node | undefined, isEditing?: boolean | undefined) => (view: import("prosemirror-view").EditorView) => Promise<boolean>;
                     runMacroAutoConvert: import("@atlaskit/editor-plugin-extension").RunMacroAutoConvert;

package/dist/types-ts4.5/plugins/extension/actions.d.ts

@@ -1,3 +1,4 @@
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Schema, Node as PmNode, Fragment, Mark } from '@atlaskit/editor-prosemirror/model';
 import type { UpdateExtension } from '@atlaskit/editor-common/extensions';
 import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
@@ -10,3 +11,8 @@ export declare const buildExtensionNode: <S extends Schema<any, any>>(type: 'inl
 export declare const performNodeUpdate: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (type: 'inlineExtension' | 'extension' | 'bodiedExtension', newAttrs: object, content: Fragment, marks: readonly Mark[], shouldScrollIntoView: boolean) => Command;
 export declare const editSelectedExtension: (editorActions: EditorActions) => boolean;
 export declare const editExtension: (macroProvider: MacroProvider | null | undefined, applyChangeToContextPanel: ApplyChangeHandler | undefined, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, updateExtension?: Promise<UpdateExtension<object> | void>) => Command;
+type Props = {
+    editorViewRef: Record<'current', EditorView | null>;
+    editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
+};
+export declare const createEditSelectedExtensionAction: ({ editorViewRef, editorAnalyticsAPI }: Props) => () => boolean;

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

@@ -9,7 +9,6 @@ export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as breakoutPlugin } from './breakout';
 export { default as alignmentPlugin } from './alignment';
 export { default as dataConsumerMarkPlugin } from './data-consumer';
-export { default as indentationPlugin } from './indentation';
 export { default as annotationPlugin } from './annotation';
 export { default as customAutoformatPlugin } from './custom-autoformat';
 export { default as feedbackDialogPlugin } from './feedback-dialog';