@atlaskit/editor-core 185.2.23 → 185.2.25

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

@@ -150,10 +150,11 @@ export var updateExtensionParams = function updateExtensionParams(updateExtensio
 export var editSelectedExtension = function editSelectedExtension(editorActions) {
   var editorView = editorActions._privateGetEditorView();
   var _getPluginState = getPluginState(editorView.state),
-    updateExtension = _getPluginState.updateExtension;
-  return editExtension(null, updateExtension)(editorView.state, editorView.dispatch, editorView);
+    updateExtension = _getPluginState.updateExtension,
+    applyChangeToContextPanel = _getPluginState.applyChangeToContextPanel;
+  return editExtension(null, applyChangeToContextPanel, updateExtension)(editorView.state, editorView.dispatch, editorView);
 };
-export var editExtension = function editExtension(macroProvider, updateExtension) {
+export var editExtension = function editExtension(macroProvider, applyChangeToContextPanel, updateExtension) {
   return function (state, dispatch, view) {
     if (!view) {
       return false;
@@ -173,7 +174,8 @@ export var editExtension = function editExtension(macroProvider, updateExtension
         if (updateMethod && view) {
           var actions = createExtensionAPI({
             editorView: view,
-            editInLegacyMacroBrowser: editInLegacyMacroBrowser
+            editInLegacyMacroBrowser: editInLegacyMacroBrowser,
+            applyChange: applyChangeToContextPanel
           });
           updateExtensionParams(updateMethod, nodeWithPos, actions)(state, dispatch, view);
           return;

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

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
 import { removeSelectedNode, removeParentNodeOfType } from 'prosemirror-utils';
-import { applyChange } from '../context-panel/transforms';
 import { createCommand } from './plugin-factory';
 import { getSelectedExtension } from './utils';
 import { removeConnectedNodes } from '@atlaskit/editor-common/utils';
@@ -14,7 +13,7 @@ export function updateState(state) {
     data: state
   });
 }
-export function setEditingContextToContextPanel(processParametersBefore, processParametersAfter) {
+export function setEditingContextToContextPanel(processParametersBefore, processParametersAfter, applyChangeToContextPanel) {
   return createCommand({
     type: 'UPDATE_STATE',
     data: {
@@ -22,24 +21,28 @@ export function setEditingContextToContextPanel(processParametersBefore, process
       processParametersBefore: processParametersBefore,
       processParametersAfter: processParametersAfter
     }
-  }, applyChange);
+  }, applyChangeToContextPanel);
 }
-export var clearEditingContext = createCommand({
-  type: 'UPDATE_STATE',
-  data: {
-    showContextPanel: false,
-    processParametersBefore: undefined,
-    processParametersAfter: undefined
-  }
-}, applyChange);
-export var forceAutoSave = function forceAutoSave(resolve, reject) {
+export var clearEditingContext = function clearEditingContext(applyChangeToContextPanel) {
   return createCommand({
     type: 'UPDATE_STATE',
     data: {
-      autoSaveResolve: resolve,
-      autoSaveReject: reject
+      showContextPanel: false,
+      processParametersBefore: undefined,
+      processParametersAfter: undefined
     }
-  }, applyChange);
+  }, applyChangeToContextPanel);
+};
+export var forceAutoSave = function forceAutoSave(applyChangeToContextPanel) {
+  return function (resolve, reject) {
+    return createCommand({
+      type: 'UPDATE_STATE',
+      data: {
+        autoSaveResolve: resolve,
+        autoSaveReject: reject
+      }
+    }, applyChangeToContextPanel);
+  };
 };
 export var updateExtensionLayout = function updateExtensionLayout(layout) {
   return createCommand({

package/dist/esm/plugins/extension/context-panel.js

@@ -25,7 +25,7 @@ var areParametersEqual = function areParametersEqual(firstParameters, secondPara
   }
   return firstParameters === secondParameters;
 };
-export var getContextPanel = function getContextPanel(allowAutoSave, featureFlags) {
+export var getContextPanel = function getContextPanel(allowAutoSave, featureFlags, applyChange) {
   return function (state) {
     var nodeWithPos = getSelectedExtension(state, true);
 
@@ -87,7 +87,7 @@ export var getContextPanel = function getContextPanel(allowAutoSave, featureFlag
                           autoSaveResolve();
                         }
                         if (!allowAutoSave) {
-                          clearEditingContext(editorView.state, editorView.dispatch);
+                          clearEditingContext(applyChange)(editorView.state, editorView.dispatch);
                         }
                       case 5:
                       case "end":
@@ -110,7 +110,7 @@ export var getContextPanel = function getContextPanel(allowAutoSave, featureFlag
                       _context2.prev = 1;
                       _context2.next = 4;
                       return new Promise(function (resolve, reject) {
-                        forceAutoSave(resolve, reject)(editorView.state, editorView.dispatch);
+                        forceAutoSave(applyChange)(resolve, reject)(editorView.state, editorView.dispatch);
                       });
                     case 4:
                       _context2.next = 9;
@@ -122,7 +122,7 @@ export var getContextPanel = function getContextPanel(allowAutoSave, featureFlag
                       // eslint-disable-next-line no-console
                       console.error("Autosave failed with error", _context2.t0);
                     case 9:
-                      clearEditingContext(editorView.state, editorView.dispatch);
+                      clearEditingContext(applyChange)(editorView.state, editorView.dispatch);
                     case 10:
                     case "end":
                       return _context2.stop();

package/dist/esm/plugins/extension/extension-api.js

@@ -237,7 +237,7 @@ export var createExtensionAPI = function createExtensionAPI(options) {
   return {
     editInContextPanel: function editInContextPanel(transformBefore, transformAfter) {
       var editorView = options.editorView;
-      setEditingContextToContextPanel(transformBefore, transformAfter)(editorView.state, editorView.dispatch, editorView);
+      setEditingContextToContextPanel(transformBefore, transformAfter, options.applyChange)(editorView.state, editorView.dispatch, editorView);
     },
     _editInLegacyMacroBrowser: function _editInLegacyMacroBrowser() {
       var editorView = options.editorView;

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

@@ -5,7 +5,7 @@ import { createPlugin as createUniqueIdPlugin } from './pm-plugins/unique-id';
 import { getToolbarConfig } from './toolbar';
 import { getContextPanel } from './context-panel';
 var extensionPlugin = function extensionPlugin() {
-  var _api$dependencies, _api$dependencies$fea;
+  var _api$dependencies, _api$dependencies$fea, _api$dependencies$con2, _api$dependencies$con3;
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var api = arguments.length > 1 ? arguments[1] : undefined;
   var 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()) || {};
@@ -38,7 +38,10 @@ var extensionPlugin = function extensionPlugin() {
         }
       }, {
         name: 'extensionKeymap',
-        plugin: keymapPlugin
+        plugin: function plugin() {
+          var _api$dependencies$con;
+          return keymapPlugin(api === null || api === void 0 ? void 0 : (_api$dependencies$con = api.dependencies.contextPanel) === null || _api$dependencies$con === void 0 ? void 0 : _api$dependencies$con.actions.applyChange);
+        }
       }, {
         name: 'extensionUniqueId',
         plugin: function plugin() {
@@ -47,8 +50,12 @@ var extensionPlugin = function extensionPlugin() {
       }];
     },
     pluginsOptions: {
-      floatingToolbar: getToolbarConfig(options.breakoutEnabled, api === null || api === void 0 ? void 0 : api.dependencies.decorations.actions.hoverDecoration),
-      contextPanel: getContextPanel(options.allowAutoSave, featureFlags)
+      floatingToolbar: getToolbarConfig({
+        breakoutEnabled: options.breakoutEnabled,
+        hoverDecoration: api === null || api === void 0 ? void 0 : api.dependencies.decorations.actions.hoverDecoration,
+        applyChangeToContextPanel: api === null || api === void 0 ? void 0 : (_api$dependencies$con2 = api.dependencies.contextPanel) === null || _api$dependencies$con2 === void 0 ? void 0 : _api$dependencies$con2.actions.applyChange
+      }),
+      contextPanel: getContextPanel(options.allowAutoSave, featureFlags, api === null || api === void 0 ? void 0 : (_api$dependencies$con3 = api.dependencies.contextPanel) === null || _api$dependencies$con3 === void 0 ? void 0 : _api$dependencies$con3.actions.applyChange)
     }
   };
 };

package/dist/esm/plugins/extension/pm-plugins/keymap.js

@@ -2,14 +2,14 @@ import { keymap } from 'prosemirror-keymap';
 import { getPluginState } from './main';
 import * as keymaps from '../../../keymaps';
 import { clearEditingContext } from '../commands';
-export default function keymapPlugin() {
+export default function keymapPlugin(applyChange) {
   var list = {};
   keymaps.bindKeymapWithCommand(keymaps.escape.common, function (state, dispatch) {
     var extensionState = getPluginState(state);
     if (!extensionState.showContextPanel) {
       return false;
     }
-    return clearEditingContext(state, dispatch);
+    return clearEditingContext(applyChange)(state, dispatch);
   }, list);
   return keymap(list);
 }

package/dist/esm/plugins/extension/pm-plugins/main.js

@@ -137,7 +137,8 @@ export var handleUpdate = function handleUpdate(_ref4) {
   var view = _ref4.view,
     prevState = _ref4.prevState,
     domAtPos = _ref4.domAtPos,
-    extensionHandlers = _ref4.extensionHandlers;
+    extensionHandlers = _ref4.extensionHandlers,
+    applyChange = _ref4.applyChange;
   var state = view.state,
     dispatch = view.dispatch;
   var _getPluginState = getPluginState(state),
@@ -151,7 +152,7 @@ export var handleUpdate = function handleUpdate(_ref4) {
   var selectedExtension = getSelectedExtension(state, true);
   if (!selectedExtension) {
     if (showContextPanel) {
-      clearEditingContext(state, dispatch);
+      clearEditingContext(applyChange)(state, dispatch);
     }
     return;
   }
@@ -167,7 +168,7 @@ export var handleUpdate = function handleUpdate(_ref4) {
   element !== newElement;
   if (isNewNodeSelected || shouldUpdateEditButton) {
     if (showContextPanel) {
-      clearEditingContext(state, dispatch);
+      clearEditingContext(applyChange)(state, dispatch);
       return;
     }
     var extensionType = node.attrs.extensionType;
@@ -195,11 +196,13 @@ export var handleUpdate = function handleUpdate(_ref4) {
   return true;
 };
 var createPlugin = function createPlugin(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, pluginInjectionApi) {
+  var _pluginInjectionApi$d;
   var useLongPressSelection = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var options = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : {};
   var state = createPluginState(dispatch, {
     showEditButton: false,
-    showContextPanel: false
+    showContextPanel: false,
+    applyChangeToContextPanel: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.contextPanel) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.applyChange
   });
   var extensionNodeViewOptions = {
     appearance: options.appearance
@@ -214,11 +217,13 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
       providerFactory.subscribe('contextIdentificationProvider', contextIdentificationProviderHandler);
       return {
         update: function update(view, prevState) {
+          var _pluginInjectionApi$d2;
           handleUpdate({
             view: view,
             prevState: prevState,
             domAtPos: domAtPos,
-            extensionHandlers: extensionHandlers
+            extensionHandlers: extensionHandlers,
+            applyChange: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.contextPanel) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions.applyChange
           });
         },
         destroy: function destroy() {

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

@@ -89,7 +89,7 @@ var breakoutOptions = function breakoutOptions(state, formatMessage, extensionSt
   }
   return [];
 };
-var editButton = function editButton(formatMessage, extensionState) {
+var editButton = function editButton(formatMessage, extensionState, applyChangeToContextPanel) {
   if (!extensionState.showEditButton) {
     return [];
   }
@@ -103,7 +103,7 @@ var editButton = function editButton(formatMessage, extensionState) {
       var macroState = macroPluginKey.getState(state);
       var _getPluginState = getPluginState(state),
         updateExtension = _getPluginState.updateExtension;
-      editExtension(macroState && macroState.macroProvider, updateExtension)(state, dispatch, view);
+      editExtension(macroState && macroState.macroProvider, applyChangeToContextPanel, updateExtension)(state, dispatch, view);
       return true;
     },
     title: formatMessage(messages.edit),
@@ -111,15 +111,17 @@ var editButton = function editButton(formatMessage, extensionState) {
     focusEditoronEnter: true
   }];
 };
-export var getToolbarConfig = function getToolbarConfig() {
-  var breakoutEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  var hoverDecoration = arguments.length > 1 ? arguments[1] : undefined;
+export var getToolbarConfig = function getToolbarConfig(_ref) {
+  var _ref$breakoutEnabled = _ref.breakoutEnabled,
+    breakoutEnabled = _ref$breakoutEnabled === void 0 ? true : _ref$breakoutEnabled,
+    hoverDecoration = _ref.hoverDecoration,
+    applyChangeToContextPanel = _ref.applyChangeToContextPanel;
   return function (state, intl) {
     var formatMessage = intl.formatMessage;
     var extensionState = getPluginState(state);
     if (extensionState && !extensionState.showContextPanel && extensionState.element) {
       var nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension];
-      var editButtonArray = editButton(formatMessage, extensionState);
+      var editButtonArray = editButton(formatMessage, extensionState, applyChangeToContextPanel);
       var breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled);
       var extensionObj = getSelectedExtension(state, true);
 

package/dist/esm/plugins/floating-toolbar/ui/ExtensionsPlaceholder.js

@@ -45,7 +45,8 @@ var resolveExtensionIcon = /*#__PURE__*/function () {
 var ExtensionButton = function ExtensionButton(props) {
   var item = props.item,
     node = props.node,
-    editorView = props.editorView;
+    editorView = props.editorView,
+    applyChangeToContextPanel = props.applyChangeToContextPanel;
   var ButtonIcon = React.useMemo(function () {
     return item.icon ? Loadable({
       loader: function () {
@@ -74,7 +75,8 @@ var ExtensionButton = function ExtensionButton(props) {
     }
     var targetNodeAdf = nodeToJSON(node);
     var api = createExtensionAPI({
-      editorView: editorView
+      editorView: editorView,
+      applyChange: applyChangeToContextPanel
     });
     item.action(targetNodeAdf, api);
   };
@@ -93,7 +95,8 @@ export var ExtensionsPlaceholder = function ExtensionsPlaceholder(props) {
   var node = props.node,
     editorView = props.editorView,
     extensionProvider = props.extensionProvider,
-    separator = props.separator;
+    separator = props.separator,
+    applyChangeToContextPanel = props.applyChangeToContextPanel;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     extensions = _useState2[0],
@@ -131,9 +134,10 @@ export var ExtensionsPlaceholder = function ExtensionsPlaceholder(props) {
   }, [node]);
   var extensionItems = React.useMemo(function () {
     return getContextualToolbarItemsFromModule(extensions, nodeAdf, createExtensionAPI({
-      editorView: editorView
+      editorView: editorView,
+      applyChange: applyChangeToContextPanel
     }));
-  }, [extensions, nodeAdf, editorView]);
+  }, [extensions, nodeAdf, editorView, applyChangeToContextPanel]);
   if (!extensionItems.length) {
     return null;
   }
@@ -148,7 +152,8 @@ export var ExtensionsPlaceholder = function ExtensionsPlaceholder(props) {
     children.push( /*#__PURE__*/React.createElement(ExtensionButton, {
       node: node,
       item: item,
-      editorView: editorView
+      editorView: editorView,
+      applyChangeToContextPanel: applyChangeToContextPanel
     }));
     if (index < extensionItems.length - 1) {
       children.push( /*#__PURE__*/React.createElement(Separator, null));

package/dist/esm/plugins/floating-toolbar/ui/Toolbar.js

@@ -51,7 +51,8 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
     node = _ref.node,
     setDisableScroll = _ref.setDisableScroll,
     mountRef = _ref.mountRef,
-    featureFlags = _ref.featureFlags;
+    featureFlags = _ref.featureFlags,
+    api = _ref.api;
   var emojiAndColourPickerMountPoint = scrollable ? popupsMountPoint || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.fabric-editor-popup-scroll-parent')) || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.ak-editor-content-area')) || undefined : popupsMountPoint;
   var _ref2 = featureFlags || {
       useSomewhatSemanticTextColorNames: false
@@ -60,6 +61,7 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
   return jsx(ButtonGroup, null, items.filter(function (item) {
     return !item.hidden;
   }).map(function (item, idx) {
+    var _api$dependencies$con;
     switch (item.type) {
       case 'button':
         var ButtonIcon = item.icon;
@@ -230,7 +232,8 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
           node: node,
           editorView: editorView,
           extensionProvider: extensionsProvider,
-          separator: item.separator
+          separator: item.separator,
+          applyChangeToContextPanel: api === null || api === void 0 ? void 0 : (_api$dependencies$con = api.dependencies.contextPanel) === null || _api$dependencies$con === void 0 ? void 0 : _api$dependencies$con.actions.applyChange
         });
       case 'separator':
         return jsx(Separator, {

package/dist/esm/plugins/index.js

@@ -52,7 +52,6 @@ export { default as expandPlugin, isExpandInsertionEnabled } from './expand';
 export { default as scrollIntoViewPlugin } from './scroll-into-view';
 export { default as mobileDimensionsPlugin } from './mobile-dimensions';
 export { default as findReplacePlugin } from './find-replace';
-export { default as contextPanelPlugin } from './context-panel';
 export { default as selectionPlugin } from './selection';
 export { default as mobileSelectionPlugin } from './mobile-selection';
 export { default as clipboardPlugin } from './clipboard';

package/dist/esm/ui/ContextPanel/index.js

@@ -22,7 +22,6 @@ import { N30 } from '@atlaskit/theme/colors';
 import { akEditorSwoopCubicBezier, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth, akEditorBreakoutPadding, akEditorContextPanelWidth, ATLASSIAN_NAVIGATION_HEIGHT } from '@atlaskit/editor-shared-styles';
 import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
 import WithPluginState from '../WithPluginState';
-import { pluginKey as contextPanelPluginKey } from '../../plugins/context-panel';
 import WithEditorActions from '../WithEditorActions';
 import { getChildBreakoutModes } from '../../utils/document';
 import { WidthContext } from '@atlaskit/editor-common/ui';
@@ -170,6 +169,14 @@ var widthPluginKey = {
     return state['widthPlugin$'];
   }
 };
+
+// @ts-ignore
+var contextPanelPluginKey = {
+  key: 'contextPanelPluginKey$',
+  getState: function getState(state) {
+    return state['contextPanelPluginKey$'];
+  }
+};
 function ContextPanelWithActions(_ref2) {
   var actions = _ref2.actions,
     props = _objectWithoutProperties(_ref2, _excluded);

package/dist/esm/utils/action.js

@@ -20,7 +20,7 @@ function _temporaryFixForConfigPanel() {
           }
           _context.next = 4;
           return new Promise(function (resolve) {
-            forceAutoSave(resolve)(editorView.state, editorView.dispatch);
+            forceAutoSave(extensionPluginState.applyChangeToContextPanel)(resolve)(editorView.state, editorView.dispatch);
           });
         case 4:
         case "end":

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "185.2.23";
+export var version = "185.2.25";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "185.2.23",
+	"version": "185.2.25",
 	"sideEffects": false
 }

package/dist/types/editor-next/hooks/useProviderFactory.d.ts

@@ -11,7 +11,6 @@ export type ProviderFactoryState = {
 /**
  *
  * This hook is used to create the provider factory object.
- * WARNING: Consider any changes to also make to `src/editor.tsx`
  *
  * @param props
  * @param editorActions

package/dist/types/labs/next/presets/cxhtml.d.ts

@@ -117,7 +117,15 @@ export declare function useCXHTMLPreset({ mentionProvider, mediaProvider, placeh
             hoverDecoration: (nodeType: import("prosemirror-model").NodeType<any> | import("prosemirror-model").NodeType<any>[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
             removeDecoration: import("@atlaskit/editor-common/types").Command;
         };
-    }>];
+    }>, import("@atlaskit/editor-common/types").OptionalPlugin<(config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }>>];
     actions: {
         forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
     };
@@ -140,7 +148,15 @@ export declare function useCXHTMLPreset({ mentionProvider, mediaProvider, placeh
             hoverDecoration: (nodeType: import("prosemirror-model").NodeType<any> | import("prosemirror-model").NodeType<any>[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
             removeDecoration: import("@atlaskit/editor-common/types").Command;
         };
-    }>];
+    }>, import("@atlaskit/editor-common/types").OptionalPlugin<(config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }>>];
     actions: {
         forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
     };

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

@@ -146,7 +146,15 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
             hoverDecoration: (nodeType: import("prosemirror-model").NodeType<any> | import("prosemirror-model").NodeType<any>[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
             removeDecoration: import("@atlaskit/editor-common/types").Command;
         };
-    }>];
+    }>, import("@atlaskit/editor-common/types").OptionalPlugin<(config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }>>];
     actions: {
         forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
     };
@@ -169,7 +177,15 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
             hoverDecoration: (nodeType: import("prosemirror-model").NodeType<any> | import("prosemirror-model").NodeType<any>[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
             removeDecoration: import("@atlaskit/editor-common/types").Command;
         };
-    }>];
+    }>, import("@atlaskit/editor-common/types").OptionalPlugin<(config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }>>];
     actions: {
         forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
     };
@@ -381,7 +397,15 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
             hoverDecoration: (nodeType: import("prosemirror-model").NodeType<any> | import("prosemirror-model").NodeType<any>[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
             removeDecoration: import("@atlaskit/editor-common/types").Command;
         };
-    }>];
+    }>, import("@atlaskit/editor-common/types").OptionalPlugin<(config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }>>];
     actions: {
         forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
     };
@@ -404,7 +428,15 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
             hoverDecoration: (nodeType: import("prosemirror-model").NodeType<any> | import("prosemirror-model").NodeType<any>[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
             removeDecoration: import("@atlaskit/editor-common/types").Command;
         };
-    }>];
+    }>, import("@atlaskit/editor-common/types").OptionalPlugin<(config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }>>];
     actions: {
         forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
     };

package/dist/types/labs/next/presets/mobile.d.ts

@@ -120,7 +120,15 @@ export declare function useMobilePreset({ media, placeholder, maxContentSize, cr
             hoverDecoration: (nodeType: import("prosemirror-model").NodeType<any> | import("prosemirror-model").NodeType<any>[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
             removeDecoration: import("@atlaskit/editor-common/types").Command;
         };
-    }>];
+    }>, import("@atlaskit/editor-common/types").OptionalPlugin<(config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }>>];
     actions: {
         forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
     };
@@ -143,7 +151,15 @@ export declare function useMobilePreset({ media, placeholder, maxContentSize, cr
             hoverDecoration: (nodeType: import("prosemirror-model").NodeType<any> | import("prosemirror-model").NodeType<any>[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
             removeDecoration: import("@atlaskit/editor-common/types").Command;
         };
-    }>];
+    }>, import("@atlaskit/editor-common/types").OptionalPlugin<(config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"contextPanel", {
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction<any>) => import("prosemirror-state").Transaction<any>;
+        };
+    }>>];
     actions: {
         forceFocusSelector: import("@atlaskit/editor-plugin-floating-toolbar").ForceFocusSelector;
     };

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

@@ -6,6 +6,7 @@ import { MacroProvider } from '@atlaskit/editor-common/provider-factory';
 export { transformSliceToRemoveOpenBodiedExtension } from '@atlaskit/editor-common/transforms';
 import { Command, CommandDispatch } from '../../types';
 import EditorActions from '../../actions';
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 export declare const buildExtensionNode: <S extends Schema<any, any>>(type: 'inlineExtension' | 'extension' | 'bodiedExtension', schema: S, attrs: object, content?: Fragment, marks?: Mark<S>[] | undefined) => PmNode<Schema<any, any>>;
 export declare const performNodeUpdate: (type: 'inlineExtension' | 'extension' | 'bodiedExtension', newAttrs: object, content: Fragment<any>, marks: Mark[], shouldScrollIntoView: boolean) => Command;
 export declare const updateExtensionParams: (updateExtension: UpdateExtension<object>, node: {
@@ -13,4 +14,4 @@ export declare const updateExtensionParams: (updateExtension: UpdateExtension<ob
     pos: number;
 }, actions: ExtensionAPI) => (state: EditorState, dispatch?: CommandDispatch, view?: EditorView) => Promise<boolean>;
 export declare const editSelectedExtension: (editorActions: EditorActions) => boolean;
-export declare const editExtension: (macroProvider: MacroProvider | null, updateExtension?: Promise<UpdateExtension<object> | void>) => Command;
+export declare const editExtension: (macroProvider: MacroProvider | null, applyChangeToContextPanel: ApplyChangeHandler | undefined, updateExtension?: Promise<UpdateExtension<object> | void>) => Command;

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

@@ -2,10 +2,11 @@ import { ExtensionLayout } from '@atlaskit/adf-schema';
 import { Node as PMNode } from 'prosemirror-model';
 import { ExtensionState } from './types';
 import { Parameters, TransformBefore, TransformAfter } from '@atlaskit/editor-common/src/extensions';
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 export declare function updateState(state: Partial<ExtensionState>): import("@atlaskit/editor-common/types").Command;
-export declare function setEditingContextToContextPanel<T extends Parameters = Parameters>(processParametersBefore: TransformBefore<T>, processParametersAfter: TransformAfter<T>): import("@atlaskit/editor-common/types").Command;
-export declare const clearEditingContext: import("@atlaskit/editor-common/types").Command;
-export declare const forceAutoSave: (resolve: () => void, reject?: ((reason?: any) => void) | undefined) => import("@atlaskit/editor-common/types").Command;
+export declare function setEditingContextToContextPanel<T extends Parameters = Parameters>(processParametersBefore: TransformBefore<T>, processParametersAfter: TransformAfter<T>, applyChangeToContextPanel: ApplyChangeHandler | undefined): import("@atlaskit/editor-common/types").Command;
+export declare const clearEditingContext: (applyChangeToContextPanel: ApplyChangeHandler | undefined) => import("@atlaskit/editor-common/types").Command;
+export declare const forceAutoSave: (applyChangeToContextPanel: ApplyChangeHandler | undefined) => (resolve: () => void, reject?: ((reason?: any) => void) | undefined) => import("@atlaskit/editor-common/types").Command;
 export declare const updateExtensionLayout: (layout: ExtensionLayout) => import("@atlaskit/editor-common/types").Command;
 export declare const removeExtension: () => import("@atlaskit/editor-common/types").Command;
 export declare const removeDescendantNodes: (sourceNode?: PMNode) => import("@atlaskit/editor-common/types").Command;

package/dist/types/plugins/extension/context-panel.d.ts

@@ -3,5 +3,6 @@ import { EditorState } from 'prosemirror-state';
 import { FeatureFlags } from '@atlaskit/editor-common/types';
 import type { EditorView } from 'prosemirror-view';
 import type { ContentNodeWithPos } from 'prosemirror-utils';
-export declare const getContextPanel: (allowAutoSave?: boolean, featureFlags?: FeatureFlags) => (state: EditorState) => JSX.Element | undefined;
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
+export declare const getContextPanel: (allowAutoSave?: boolean, featureFlags?: FeatureFlags, applyChange?: ApplyChangeHandler) => (state: EditorState) => JSX.Element | undefined;
 export declare function onChangeAction(editorView: EditorView, updatedParameters: object | undefined, oldParameters: object | undefined, nodeWithPos: ContentNodeWithPos, onSaving?: () => void): Promise<void>;

package/dist/types/plugins/extension/extension-api.d.ts

@@ -1,6 +1,7 @@
 import { ExtensionAPI } from '@atlaskit/editor-common/extensions';
 import type { EditorView } from 'prosemirror-view';
 import { MacroProvider } from '../macro';
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 interface EditInLegacyMacroBrowserArgs {
     view: EditorView;
     macroProvider?: MacroProvider;
@@ -8,6 +9,7 @@ interface EditInLegacyMacroBrowserArgs {
 export declare const getEditInLegacyMacroBrowser: ({ view, macroProvider, }: EditInLegacyMacroBrowserArgs) => () => void;
 interface CreateExtensionAPIOptions {
     editorView: EditorView;
+    applyChange: ApplyChangeHandler | undefined;
     editInLegacyMacroBrowser?: () => void;
 }
 export declare const createExtensionAPI: (options: CreateExtensionAPIOptions) => ExtensionAPI;