@atlaskit/editor-core 185.2.24 → 185.2.25

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.24";
+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.24",
+	"version": "185.2.25",
 	"sideEffects": false
 }

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;

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

@@ -1,9 +1,10 @@
 import { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
-import { NextEditorPlugin, EditorAppearance } from '../../types';
+import { NextEditorPlugin, EditorAppearance, OptionalPlugin } from '@atlaskit/editor-common/types';
 import { LongPressSelectionPluginOptions } from '../selection/types';
 import type { widthPlugin } from '@atlaskit/editor-plugin-width';
 import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { contextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 interface ExtensionPluginOptions extends LongPressSelectionPluginOptions {
     allowAutoSave?: boolean;
     breakoutEnabled?: boolean;
@@ -15,7 +16,8 @@ declare const extensionPlugin: NextEditorPlugin<'extension', {
     dependencies: [
         typeof featureFlagsPlugin,
         typeof widthPlugin,
-        typeof decorationsPlugin
+        typeof decorationsPlugin,
+        OptionalPlugin<typeof contextPanelPlugin>
     ];
 }>;
 export default extensionPlugin;

package/dist/types/plugins/extension/pm-plugins/keymap.d.ts

@@ -1,2 +1,3 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-export default function keymapPlugin(): SafePlugin;
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
+export default function keymapPlugin(applyChange: ApplyChangeHandler | undefined): SafePlugin;

package/dist/types/plugins/extension/pm-plugins/main.d.ts

@@ -11,13 +11,15 @@ import { PortalProviderAPI } from '../../../ui/PortalProvider';
 import { getPluginState, createCommand } from '../plugin-factory';
 import { pluginKey } from '../plugin-key';
 import type extensionPlugin from '../index';
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 export declare const createExtensionProviderHandler: (view: EditorView) => (name: string, provider?: Promise<ExtensionProvider>) => Promise<void>;
 export declare const createContextIdentifierProviderHandler: (view: EditorView) => (name: string, provider?: Promise<ContextIdentifierProvider>) => Promise<void>;
-export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandlers, }: {
+export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandlers, applyChange, }: {
     view: EditorView;
     prevState: EditorState;
     domAtPos: EditorView['domAtPos'];
     extensionHandlers: ExtensionHandlers;
+    applyChange: ApplyChangeHandler | undefined;
 }) => true | undefined;
 declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<typeof extensionPlugin> | undefined, useLongPressSelection?: boolean, options?: {
     appearance?: EditorAppearance;

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

@@ -1,5 +1,6 @@
 import { FloatingToolbarHandler } from '../floating-toolbar/types';
 import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 export declare const messages: {
     edit: {
         id: string;
@@ -32,4 +33,10 @@ export declare const messages: {
         description: string;
     };
 };
-export declare const getToolbarConfig: (breakoutEnabled: boolean | undefined, hoverDecoration: HoverDecorationHandler | undefined) => FloatingToolbarHandler;
+interface GetToolbarConfigProps {
+    breakoutEnabled: boolean | undefined;
+    hoverDecoration: HoverDecorationHandler | undefined;
+    applyChangeToContextPanel: ApplyChangeHandler | undefined;
+}
+export declare const getToolbarConfig: ({ breakoutEnabled, hoverDecoration, applyChangeToContextPanel, }: GetToolbarConfigProps) => FloatingToolbarHandler;
+export {};

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

@@ -1,5 +1,6 @@
 import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 import { UpdateExtension, ExtensionProvider, Parameters, TransformBefore, TransformAfter } from '@atlaskit/editor-common/extensions';
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 export type ExtensionState<T extends Parameters = Parameters> = {
     localId?: string;
     autoSaveResolve?: () => void;
@@ -13,6 +14,7 @@ export type ExtensionState<T extends Parameters = Parameters> = {
     processParametersBefore?: TransformBefore<T>;
     processParametersAfter?: TransformAfter<T>;
     positions?: Record<number, number>;
+    applyChangeToContextPanel: ApplyChangeHandler | undefined;
 };
 export type ExtensionAction<T extends Parameters = Parameters> = {
     type: 'UPDATE_STATE';

package/dist/types/plugins/floating-toolbar/ui/ExtensionsPlaceholder.d.ts

@@ -2,11 +2,13 @@
 import { Node as PMNode } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
 import type { ExtensionProvider } from '@atlaskit/editor-common/extensions';
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 interface Props {
     node: PMNode;
     extensionProvider: ExtensionProvider;
     editorView: EditorView;
     separator?: 'start' | 'end' | 'both';
+    applyChangeToContextPanel: ApplyChangeHandler | undefined;
 }
 export declare const ExtensionsPlaceholder: (props: Props) => JSX.Element | null;
 export {};

package/dist/types/plugins/floating-toolbar/ui/Toolbar.d.ts

@@ -7,8 +7,9 @@ import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { FloatingToolbarItem } from '../types';
 import { WrappedComponentProps } from 'react-intl-next';
-import { FeatureFlags, PluginInjectionAPIWithDependency } from '@atlaskit/editor-common/types';
-import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import { FeatureFlags, PluginInjectionAPIWithDependencies, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { contextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 export type Item = FloatingToolbarItem<Function>;
 export interface Props {
     items: Array<Item>;
@@ -26,7 +27,10 @@ export interface Props {
     extensionsProvider?: ExtensionProvider;
     scrollable?: boolean;
     featureFlags: FeatureFlags;
-    api: PluginInjectionAPIWithDependency<typeof decorationsPlugin> | undefined;
+    api: PluginInjectionAPIWithDependencies<[
+        typeof decorationsPlugin,
+        OptionalPlugin<typeof contextPanelPlugin>
+    ]> | undefined;
 }
 export declare const isSameItem: (leftItem: Item, rightItem: Item) => boolean;
 export declare const areSameItems: (leftArr?: Array<Item>, rightArr?: Array<Item>) => boolean;

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

@@ -53,7 +53,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/types-ts4.5/labs/next/presets/cxhtml.d.ts

@@ -150,7 +150,16 @@ 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;
@@ -176,7 +185,16 @@ 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-ts4.5/labs/next/presets/default.d.ts

@@ -179,7 +179,16 @@ 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;
@@ -205,7 +214,16 @@ 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;
@@ -476,7 +494,16 @@ 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;
@@ -502,7 +529,16 @@ 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-ts4.5/labs/next/presets/mobile.d.ts

@@ -153,7 +153,16 @@ 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;
@@ -179,7 +188,16 @@ 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;