@atlaskit/editor-core 185.2.24 → 185.2.26

package/dist/es2019/index.js

@@ -51,7 +51,7 @@ export { getDefaultPresetOptionsFromEditorProps } from './create-editor';
 export { default as EditorActions } from './actions';
 // Re-export from provider factory to not cause a breaking change
 
-export { PortalProvider, PortalProviderAPI, PortalRenderer } from './ui/PortalProvider';
+export { PortalProvider, PortalProviderAPI, PortalRenderer } from '@atlaskit/editor-common/portal-provider';
 export { GapCursorSelection, Side as GapCursorSide } from './plugins/selection/gap-cursor-selection';
 export { selectionPluginKey } from './plugins/mobile-selection';
 export { insertExpand } from './plugins/expand/commands';

package/dist/es2019/labs/next/Editor.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { IntlProvider } from 'react-intl-next';
-import { PortalRenderer, PortalProvider } from '../../ui/PortalProvider';
+import { PortalRenderer, PortalProvider } from '@atlaskit/editor-common/portal-provider';
 import { EditorInternal } from './internal/components/EditorInternal';
 import { usePresetContext, PresetProvider } from './internal/context/preset-context';
 import { EditorSharedConfigConsumer, useEditorSharedConfig } from './internal/context/shared-config';

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

@@ -1,4 +1,5 @@
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin, borderPlugin } from '../../../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin, borderPlugin } from '../../../plugins';
+import { contextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 import { gridPlugin } from '@atlaskit/editor-plugin-grid';
 import cardPlugin from '../../../plugins/card';
 import { tablesPlugin } from '@atlaskit/editor-plugin-table';
@@ -227,6 +228,11 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
       }]);
     }
     return builder;
+  }).maybeAdd(contextPanelPlugin, (plugin, builder) => {
+    if (isFullPage) {
+      return builder.add(contextPanelPlugin);
+    }
+    return builder;
   }).maybeAdd(extensionPlugin, (plugin, builder) => {
     if (props.allowExtension) {
       const extensionConfig = typeof props.allowExtension === 'object' ? props.allowExtension : {};
@@ -306,11 +312,6 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
       return builder.add(plugin);
     }
     return builder;
-  }).maybeAdd(contextPanelPlugin, (plugin, builder) => {
-    if (isFullPage) {
-      return builder.add(contextPanelPlugin);
-    }
-    return builder;
   }).maybeAdd(scrollIntoViewPlugin, (plugin, builder) => {
     if (props.autoScrollIntoView !== false) {
       return builder.add(scrollIntoViewPlugin);

package/dist/es2019/nodeviews/index.js

@@ -1,2 +1 @@
-export { default as ReactNodeView } from './ReactNodeView';
-export { SelectionBasedNodeView } from './SelectionBasedNodeView';
+export {};

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

@@ -1,14 +1,13 @@
 import React from 'react';
 import { annotation } from '@atlaskit/adf-schema';
-import WithPluginState from '../../ui/WithPluginState';
-import { stateKey as reactPluginKey } from '../../plugins/base/pm-plugins/react-nodeview';
 import { keymapPlugin } from './pm-plugins/keymap';
 import { inlineCommentPlugin } from './pm-plugins/inline-comment';
 import { AnnotationUpdateEmitter } from './update-provider';
-import { getPluginState, inlineCommentPluginKey } from './utils';
+import { getPluginState } from './utils';
 import { buildToolbar } from './toolbar';
 import { InlineCommentView } from './ui/InlineCommentView';
-const annotationPlugin = annotationProviders => {
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+const annotationPlugin = (annotationProviders, api) => {
   return {
     name: 'annotation',
     marks() {
@@ -17,6 +16,12 @@ const annotationPlugin = annotationProviders => {
         mark: annotation
       }];
     },
+    getSharedState(editorState) {
+      if (!editorState) {
+        return undefined;
+      }
+      return getPluginState(editorState);
+    },
     pmPlugins: () => [{
       name: 'annotation',
       plugin: ({
@@ -64,28 +69,34 @@ const annotationPlugin = annotationProviders => {
       if (!annotationProviders) {
         return null;
       }
-      return /*#__PURE__*/React.createElement(WithPluginState, {
-        plugins: {
-          selectionState: reactPluginKey,
-          inlineCommentState: inlineCommentPluginKey
-        },
-        render: ({
-          inlineCommentState
-        }) => {
-          if (inlineCommentState && !inlineCommentState.isVisible) {
-            return null;
-          }
-          return /*#__PURE__*/React.createElement("div", {
-            "data-editor-popup": "true"
-          }, /*#__PURE__*/React.createElement(InlineCommentView, {
-            providers: annotationProviders,
-            editorView: editorView,
-            dispatchAnalyticsEvent: dispatchAnalyticsEvent
-          }));
-        }
+      return /*#__PURE__*/React.createElement(AnnotationContentComponent, {
+        api: api,
+        editorView: editorView,
+        annotationProviders: annotationProviders,
+        dispatchAnalyticsEvent: dispatchAnalyticsEvent
       });
     }
   };
 };
+function AnnotationContentComponent({
+  api,
+  editorView,
+  annotationProviders,
+  dispatchAnalyticsEvent
+}) {
+  const {
+    annotationState: inlineCommentState
+  } = useSharedPluginState(api, ['annotation']);
+  if (inlineCommentState && !inlineCommentState.isVisible) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    "data-editor-popup": "true"
+  }, /*#__PURE__*/React.createElement(InlineCommentView, {
+    providers: annotationProviders,
+    editorView: editorView,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent
+  }));
+}
 export default annotationPlugin;
 export { AnnotationUpdateEmitter };

package/dist/es2019/plugins/annotation/nodeviews/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AnnotationSharedClassNames } from '@atlaskit/editor-common/styles';
-import { ReactNodeView } from '../../../nodeviews';
+import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 export class AnnotationNodeView extends ReactNodeView {
   createDomRef() {
     return document.createElement('span');

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

@@ -10,7 +10,6 @@ import contextIdentifierPlugin from './pm-plugins/context-identifier';
 import newlinePreserveMarksPlugin from './pm-plugins/newline-preserve-marks';
 import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
 import betterTypeHistoryPlugin from './pm-plugins/better-type-history';
-import { plugin as reactNodeView } from './pm-plugins/react-nodeview';
 import scrollGutter from './pm-plugins/scroll-gutter';
 import { keymap } from '../../utils/keymap';
 import frozenEditor from './pm-plugins/frozen-editor';
@@ -50,9 +49,6 @@ const basePlugin = (options, api) => {
       }, {
         name: 'newlinePreserveMarksPlugin',
         plugin: newlinePreserveMarksPlugin
-      }, {
-        name: 'reactNodeView',
-        plugin: () => reactNodeView
       }, {
         name: 'frozenEditor',
         plugin: ({

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

@@ -18,10 +18,7 @@ const captionPlugin = (_, api) => {
           providerFactory,
           eventDispatcher,
           dispatch
-        }) => {
-          var _api$dependencies$ana;
-          return createCaptionPlugin(portalProviderAPI, eventDispatcher, providerFactory, dispatch, api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions);
-        }
+        }) => createCaptionPlugin(portalProviderAPI, eventDispatcher, providerFactory, dispatch, api)
       }, {
         name: 'captionKeymap',
         plugin: captionKeymap

package/dist/es2019/plugins/caption/nodeviews/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { Caption } from '@atlaskit/editor-common/ui';
-import { SelectionBasedNodeView } from '../../../nodeviews/';
+import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
 export class CaptionNodeView extends SelectionBasedNodeView {
   constructor(...args) {
     super(...args);
@@ -39,7 +39,7 @@ export class CaptionNodeView extends SelectionBasedNodeView {
     return selectedStateChange;
   }
 }
-export default function captionNodeView(portalProviderAPI, eventDispatcher) {
+export default function captionNodeView(portalProviderAPI, eventDispatcher, pluginInjectionApi) {
   return (node, view, getPos) => {
     const hasIntlContext = true;
     return new CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {}, undefined, undefined, undefined, hasIntlContext).init();

package/dist/es2019/plugins/caption/pm-plugins/main.js

@@ -11,7 +11,9 @@ const fireAnalytics = (tr, action, analyticsApi) => {
     actionSubjectId: ACTION_SUBJECT_ID.CAPTION
   })(tr);
 };
-export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch, analyticsApi) => {
+export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch, pluginInjectionApi) => {
+  var _pluginInjectionApi$d;
+  const analyticsApi = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions;
   return new SafePlugin({
     appendTransaction(transactions, oldState, newState) {
       // only run for transactions that change selection
@@ -41,7 +43,7 @@ export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch,
     key: pluginKey,
     props: {
       nodeViews: {
-        caption: captionNodeView(portalProviderAPI, eventDispatcher)
+        caption: captionNodeView(portalProviderAPI, eventDispatcher, pluginInjectionApi)
       }
     }
   });

package/dist/es2019/plugins/card/nodeviews/embedCard.js

@@ -7,7 +7,7 @@ import rafSchedule from 'raf-schd';
 import { Card } from './genericCard';
 import { UnsupportedBlock, MediaSingle as RichMediaWrapper, findOverflowScrollParent } from '@atlaskit/editor-common/ui';
 import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
-import { SelectionBasedNodeView } from '../../../nodeviews/';
+import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { registerCard } from '../pm-plugins/actions';
 import ResizableEmbedCard from '../ui/ResizableEmbedCard';
 import { floatingLayouts, isRichMediaInsideOfBlockNode } from '@atlaskit/editor-common/utils';
@@ -327,7 +327,7 @@ _defineProperty(EmbedCardComponent, "contextTypes", {
   contextAdapter: PropTypes.object
 });
 const WrappedBlockCard = Card(EmbedCardComponent, UnsupportedBlock);
-export class EmbedCard extends SelectionBasedNodeView {
+export class EmbedCard extends ReactNodeView {
   viewShouldUpdate(nextNode) {
     if (this.node.attrs !== nextNode.attrs) {
       return true;

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

@@ -132,11 +132,12 @@ export const updateExtensionParams = (updateExtension, node, actions) => async (
 export const editSelectedExtension = editorActions => {
   const editorView = editorActions._privateGetEditorView();
   const {
-    updateExtension
+    updateExtension,
+    applyChangeToContextPanel
   } = getPluginState(editorView.state);
-  return editExtension(null, updateExtension)(editorView.state, editorView.dispatch, editorView);
+  return editExtension(null, applyChangeToContextPanel, updateExtension)(editorView.state, editorView.dispatch, editorView);
 };
-export const editExtension = (macroProvider, updateExtension) => (state, dispatch, view) => {
+export const editExtension = (macroProvider, applyChangeToContextPanel, updateExtension) => (state, dispatch, view) => {
   if (!view) {
     return false;
   }
@@ -156,7 +157,8 @@ export const editExtension = (macroProvider, updateExtension) => (state, dispatc
       if (updateMethod && view) {
         const actions = createExtensionAPI({
           editorView: view,
-          editInLegacyMacroBrowser
+          editInLegacyMacroBrowser,
+          applyChange: applyChangeToContextPanel
         });
         updateExtensionParams(updateMethod, nodeWithPos, actions)(state, dispatch, view);
         return;

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

@@ -1,5 +1,4 @@
 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';
@@ -11,7 +10,7 @@ export function updateState(state) {
     data: state
   });
 }
-export function setEditingContextToContextPanel(processParametersBefore, processParametersAfter) {
+export function setEditingContextToContextPanel(processParametersBefore, processParametersAfter, applyChangeToContextPanel) {
   return createCommand({
     type: 'UPDATE_STATE',
     data: {
@@ -19,23 +18,23 @@ export function setEditingContextToContextPanel(processParametersBefore, process
       processParametersBefore,
       processParametersAfter
     }
-  }, applyChange);
+  }, applyChangeToContextPanel);
 }
-export const clearEditingContext = createCommand({
+export const clearEditingContext = applyChangeToContextPanel => createCommand({
   type: 'UPDATE_STATE',
   data: {
     showContextPanel: false,
     processParametersBefore: undefined,
     processParametersAfter: undefined
   }
-}, applyChange);
-export const forceAutoSave = (resolve, reject) => createCommand({
+}, applyChangeToContextPanel);
+export const forceAutoSave = applyChangeToContextPanel => (resolve, reject) => createCommand({
   type: 'UPDATE_STATE',
   data: {
     autoSaveResolve: resolve,
     autoSaveReject: reject
   }
-}, applyChange);
+}, applyChangeToContextPanel);
 export const updateExtensionLayout = layout => createCommand({
   type: 'UPDATE_STATE',
   data: {

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

@@ -16,7 +16,7 @@ const areParametersEqual = (firstParameters, secondParameters) => {
   }
   return firstParameters === secondParameters;
 };
-export const getContextPanel = (allowAutoSave, featureFlags) => state => {
+export const getContextPanel = (allowAutoSave, featureFlags, applyChange) => state => {
   const nodeWithPos = getSelectedExtension(state, true);
 
   // Adding checks to bail out early
@@ -72,14 +72,14 @@ export const getContextPanel = (allowAutoSave, featureFlags) => state => {
                 autoSaveResolve();
               }
               if (!allowAutoSave) {
-                clearEditingContext(editorView.state, editorView.dispatch);
+                clearEditingContext(applyChange)(editorView.state, editorView.dispatch);
               }
             },
             onCancel: async () => {
               if (allowAutoSave) {
                 try {
                   await new Promise((resolve, reject) => {
-                    forceAutoSave(resolve, reject)(editorView.state, editorView.dispatch);
+                    forceAutoSave(applyChange)(resolve, reject)(editorView.state, editorView.dispatch);
                   });
                 } catch (e) {
                   // Even if the save failed, we should proceed with closing the panel
@@ -87,7 +87,7 @@ export const getContextPanel = (allowAutoSave, featureFlags) => state => {
                   console.error(`Autosave failed with error`, e);
                 }
               }
-              clearEditingContext(editorView.state, editorView.dispatch);
+              clearEditingContext(applyChange)(editorView.state, editorView.dispatch);
             },
             featureFlags: featureFlags
           });

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

@@ -260,7 +260,7 @@ export const createExtensionAPI = options => {
       const {
         editorView
       } = options;
-      setEditingContextToContextPanel(transformBefore, transformAfter)(editorView.state, editorView.dispatch, editorView);
+      setEditingContextToContextPanel(transformBefore, transformAfter, options.applyChange)(editorView.state, editorView.dispatch, editorView);
     },
     _editInLegacyMacroBrowser: () => {
       const {

package/dist/es2019/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';
 const extensionPlugin = (options = {}, api) => {
-  var _api$dependencies, _api$dependencies$fea;
+  var _api$dependencies, _api$dependencies$fea, _api$dependencies$con2, _api$dependencies$con3;
   const featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'extension',
@@ -37,15 +37,22 @@ const extensionPlugin = (options = {}, api) => {
         }
       }, {
         name: 'extensionKeymap',
-        plugin: keymapPlugin
+        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: () => createUniqueIdPlugin()
       }];
     },
     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/es2019/plugins/extension/nodeviews/extension.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ReactNodeView } from '../../../nodeviews';
+import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import Extension from '../ui/Extension';
 import ExtensionNodeWrapper from '../ui/Extension/ExtensionNodeWrapper';
 // getInlineNodeViewProducer is a new api to use instead of ReactNodeView

package/dist/es2019/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) {
   const list = {};
   keymaps.bindKeymapWithCommand(keymaps.escape.common, (state, dispatch) => {
     const extensionState = getPluginState(state);
     if (!extensionState.showContextPanel) {
       return false;
     }
-    return clearEditingContext(state, dispatch);
+    return clearEditingContext(applyChange)(state, dispatch);
   }, list);
   return keymap(list);
 }

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

@@ -60,7 +60,8 @@ export const handleUpdate = ({
   view,
   prevState,
   domAtPos,
-  extensionHandlers
+  extensionHandlers,
+  applyChange
 }) => {
   const {
     state,
@@ -78,7 +79,7 @@ export const handleUpdate = ({
   const selectedExtension = getSelectedExtension(state, true);
   if (!selectedExtension) {
     if (showContextPanel) {
-      clearEditingContext(state, dispatch);
+      clearEditingContext(applyChange)(state, dispatch);
     }
     return;
   }
@@ -96,7 +97,7 @@ export const handleUpdate = ({
   element !== newElement;
   if (isNewNodeSelected || shouldUpdateEditButton) {
     if (showContextPanel) {
-      clearEditingContext(state, dispatch);
+      clearEditingContext(applyChange)(state, dispatch);
       return;
     }
     const {
@@ -126,9 +127,11 @@ export const handleUpdate = ({
   return true;
 };
 const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, pluginInjectionApi, useLongPressSelection = false, options = {}) => {
+  var _pluginInjectionApi$d;
   const 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
   });
   const extensionNodeViewOptions = {
     appearance: options.appearance
@@ -143,11 +146,13 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
       providerFactory.subscribe('contextIdentificationProvider', contextIdentificationProviderHandler);
       return {
         update: (view, prevState) => {
+          var _pluginInjectionApi$d2;
           handleUpdate({
             view,
             prevState,
             domAtPos,
-            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: () => {

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

@@ -95,7 +95,7 @@ const breakoutOptions = (state, formatMessage, extensionState, breakoutEnabled)
   }
   return [];
 };
-const editButton = (formatMessage, extensionState) => {
+const editButton = (formatMessage, extensionState, applyChangeToContextPanel) => {
   if (!extensionState.showEditButton) {
     return [];
   }
@@ -110,7 +110,7 @@ const editButton = (formatMessage, extensionState) => {
       const {
         updateExtension
       } = getPluginState(state);
-      editExtension(macroState && macroState.macroProvider, updateExtension)(state, dispatch, view);
+      editExtension(macroState && macroState.macroProvider, applyChangeToContextPanel, updateExtension)(state, dispatch, view);
       return true;
     },
     title: formatMessage(messages.edit),
@@ -118,14 +118,18 @@ const editButton = (formatMessage, extensionState) => {
     focusEditoronEnter: true
   }];
 };
-export const getToolbarConfig = (breakoutEnabled = true, hoverDecoration) => (state, intl) => {
+export const getToolbarConfig = ({
+  breakoutEnabled = true,
+  hoverDecoration,
+  applyChangeToContextPanel
+}) => (state, intl) => {
   const {
     formatMessage
   } = intl;
   const extensionState = getPluginState(state);
   if (extensionState && !extensionState.showContextPanel && extensionState.element) {
     const nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension];
-    const editButtonArray = editButton(formatMessage, extensionState);
+    const editButtonArray = editButton(formatMessage, extensionState, applyChangeToContextPanel);
     const breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled);
     const extensionObj = getSelectedExtension(state, true);
 

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

@@ -21,7 +21,8 @@ const ExtensionButton = props => {
   const {
     item,
     node,
-    editorView
+    editorView,
+    applyChangeToContextPanel
   } = props;
   const ButtonIcon = React.useMemo(() => item.icon ? Loadable({
     loader: async () => resolveExtensionIcon(item.icon),
@@ -33,7 +34,8 @@ const ExtensionButton = props => {
     }
     const targetNodeAdf = nodeToJSON(node);
     const api = createExtensionAPI({
-      editorView
+      editorView,
+      applyChange: applyChangeToContextPanel
     });
     item.action(targetNodeAdf, api);
   };
@@ -53,7 +55,8 @@ export const ExtensionsPlaceholder = props => {
     node,
     editorView,
     extensionProvider,
-    separator
+    separator,
+    applyChangeToContextPanel
   } = props;
   const [extensions, setExtensions] = useState([]);
   useEffect(() => {
@@ -69,9 +72,10 @@ export const ExtensionsPlaceholder = props => {
   const nodeAdf = React.useMemo(() => nodeToJSON(node), [node]);
   const extensionItems = React.useMemo(() => {
     return getContextualToolbarItemsFromModule(extensions, nodeAdf, createExtensionAPI({
-      editorView
+      editorView,
+      applyChange: applyChangeToContextPanel
     }));
-  }, [extensions, nodeAdf, editorView]);
+  }, [extensions, nodeAdf, editorView, applyChangeToContextPanel]);
   if (!extensionItems.length) {
     return null;
   }
@@ -86,7 +90,8 @@ export const 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/es2019/plugins/floating-toolbar/ui/Toolbar.js

@@ -41,7 +41,8 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
   node,
   setDisableScroll,
   mountRef,
-  featureFlags
+  featureFlags,
+  api
 }) => {
   const 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;
   const {
@@ -50,6 +51,7 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
     useSomewhatSemanticTextColorNames: false
   };
   return jsx(ButtonGroup, null, items.filter(item => !item.hidden).map((item, idx) => {
+    var _api$dependencies$con;
     switch (item.type) {
       case 'button':
         const ButtonIcon = item.icon;
@@ -205,7 +207,8 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
           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/es2019/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/es2019/plugins/jira-issue/index.js

@@ -1,7 +1,7 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import { confluenceJiraIssue } from '@atlaskit/adf-schema';
-import { ReactNodeView } from '../../nodeviews';
+import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import ReactJIRAIssueNode from './nodeviews/jira-issue';
 export const pluginKey = new PluginKey('jiraIssuePlugin');
 const createPlugin = ({

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

@@ -85,10 +85,10 @@ const mediaPlugin = (options = {}, api) => {
           return createPlugin(schema, {
             providerFactory,
             nodeViews: {
-              mediaGroup: ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options),
+              mediaGroup: ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options, api),
               mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent, options, api),
               media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              mediaInline: ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory)
+              mediaInline: ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api)
             },
             errorReporter,
             uploadErrorHandler: options && options.uploadErrorHandler,