@atlaskit/editor-core 189.3.25 → 189.3.26

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @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

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/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.25";
+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/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.25";
+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/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.25";
+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/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/presets/default.d.ts

@@ -148,6 +148,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;
@@ -328,6 +329,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;
@@ -761,6 +763,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;
@@ -941,6 +944,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "189.3.25",
+  "version": "189.3.26",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -73,7 +73,7 @@
     "@atlaskit/editor-plugin-editor-disabled": "^0.2.0",
     "@atlaskit/editor-plugin-emoji": "^0.4.0",
     "@atlaskit/editor-plugin-expand": "^0.1.0",
-    "@atlaskit/editor-plugin-extension": "^0.3.0",
+    "@atlaskit/editor-plugin-extension": "^0.4.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
     "@atlaskit/editor-plugin-floating-toolbar": "^0.7.0",
     "@atlaskit/editor-plugin-focus": "^0.2.0",