@atlaskit/editor-core 195.6.2 → 195.8.0

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

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -7,7 +6,6 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["actions"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -16,54 +14,18 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React, { useContext } from 'react';
+import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Transition from 'react-transition-group/Transition';
-import { ContextPanelConsumer, WidthContext } from '@atlaskit/editor-common/ui';
-import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
-import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
-import { akEditorBreakoutPadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorSwoopCubicBezier, akEditorWideLayoutWidth, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
+import { akEditorContextPanelWidth, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N30 } from '@atlaskit/theme/colors';
-import { getChildBreakoutModes } from '../../utils/document';
-import WithEditorActions from '../WithEditorActions';
+import ContextPanelDeprecated from './deprecated';
 var ANIM_SPEED_MS = 500;
-var EDITOR_WIDTH = akEditorDefaultLayoutWidth + akEditorBreakoutPadding;
-var WIDE_EDITOR_WIDTH = akEditorWideLayoutWidth + akEditorBreakoutPadding;
-var FULLWIDTH_MODE = 'full-width';
-var WIDE_MODE = 'wide';
-var absolutePanelStyles = css({
-  position: 'absolute',
-  right: 0,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  height: "calc(100% - ".concat(FULL_PAGE_EDITOR_TOOLBAR_HEIGHT(), ")")
-});
-var checkTableExistsInDoc = function checkTableExistsInDoc(editorView) {
-  var tableNodeSchema = editorView.state.schema.nodes.table;
-  var findResult = findChildrenByType(editorView.state.doc, tableNodeSchema);
-  return findResult.length > 0;
-};
-export var shouldPanelBePositionedOverEditor = function shouldPanelBePositionedOverEditor(editorWidth, panelWidth, editorView) {
-  var lineLength = editorWidth.lineLength,
-    _editorWidth$containe = editorWidth.containerWidth,
-    containerWidth = _editorWidth$containe === void 0 ? 0 : _editorWidth$containe,
-    contentBreakoutModes = editorWidth.contentBreakoutModes;
-  var editorNotFullWidth = !(lineLength && lineLength > akEditorDefaultLayoutWidth);
-  var hasSpaceForPanel = !contentBreakoutModes.length && containerWidth >= panelWidth * 2 + EDITOR_WIDTH;
-  var hasSpaceForWideBreakoutsAndPanel = !contentBreakoutModes.includes(FULLWIDTH_MODE) && contentBreakoutModes.includes(WIDE_MODE) && containerWidth >= panelWidth * 2 + WIDE_EDITOR_WIDTH;
-  if (!editorView) {
-    return editorNotFullWidth && (hasSpaceForPanel || hasSpaceForWideBreakoutsAndPanel);
-  } else {
-    // when custom table width feature flag is on,
-    // there are scenarios when a table has attr layout default, but width is in full-width or very wide
-    // but in this case we still want the shouldPanelBePositionedOverEditor return false
-    // previous logic is returning false when table layout default
-    // but when custom table width feature flag is one, we want to return false whenever there is a table in the doc
-    var isTableInDoc = checkTableExistsInDoc(editorView);
-    return editorNotFullWidth && (hasSpaceForPanel || hasSpaceForWideBreakoutsAndPanel) && !isTableInDoc;
-  }
-};
 var panelHidden = css({
   width: 0
 });
@@ -105,11 +67,11 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
       currentPluginContent: undefined
     });
     _defineProperty(_assertThisInitialized(_this), "focusEditor", function () {
-      var editorView = _this.props.editorView;
-      if (editorView && !editorView.hasFocus()) {
-        var _editorView$focus;
-        (_editorView$focus = editorView.focus) === null || _editorView$focus === void 0 || _editorView$focus.call(editorView);
-      }
+      var _editorAPI$core;
+      var editorAPI = _this.props.editorAPI;
+      editorAPI === null || editorAPI === void 0 || (_editorAPI$core = editorAPI.core) === null || _editorAPI$core === void 0 || _editorAPI$core.actions.focus({
+        scrollIntoView: false
+      });
     });
     _defineProperty(_assertThisInitialized(_this), "showPluginContent", function () {
       var pluginContent = _this.props.pluginContent;
@@ -161,27 +123,15 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this2 = this;
-      var _this$props = this.props,
-        editorWidth = _this$props.editorWidth,
-        editorView = _this$props.editorView;
       var width = akEditorContextPanelWidth;
       var userVisible = !!this.props.visible;
       var visible = userVisible || !!this.state.currentPluginContent;
       return jsx(ContextPanelConsumer, null, function (_ref) {
-        var broadcastWidth = _ref.broadcastWidth,
-          broadcastPosition = _ref.broadcastPosition,
-          positionedOverEditor = _ref.positionedOverEditor;
+        var broadcastWidth = _ref.broadcastWidth;
         var contextPanelWidth = visible ? width : 0;
-        var newPosition = editorWidth ? shouldPanelBePositionedOverEditor(editorWidth, width, editorView) : false;
         broadcastWidth(contextPanelWidth);
-        (newPosition && visible) !== positionedOverEditor && broadcastPosition(newPosition && visible);
         return jsx("div", {
-          css: [panel, !visible && panelHidden,
-          /**
-           * Only use absolute position for panel when screen size is wide enough
-           * to accommodate breakout content and editor is not in wide mode.
-           */
-          newPosition && absolutePanelStyles],
+          css: [panel, !visible && panelHidden],
           "data-testid": "context-panel-panel",
           "aria-labelledby": "context-panel-title",
           role: "dialog"
@@ -204,74 +154,16 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return SwappableContentArea;
 }(React.PureComponent);
-
-// TODO: ED-17837 We have this workaround because we do
-// not have access to the pluginInjectionApi at this location.
-// It might be that we need to inject the pluginInjectionApi
-// via context so that we can use it in this file (similar to
-// WithEditorActions). To be investigated further.
-
-// @ts-ignore
-var widthPluginKey = {
-  key: 'widthPlugin$',
-  getState: function getState(state) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return state['widthPlugin$'];
-  }
-};
-
-// @ts-ignore
-var contextPanelPluginKey = {
-  key: 'contextPanelPluginKey$',
-  getState: function getState(state) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return state['contextPanelPluginKey$'];
-  }
-};
-function ContextPanelWithActions(_ref2) {
-  var actions = _ref2.actions,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  var eventDispatcher = actions._privateGetEventDispatcher();
-  var editorView = actions._privateGetEditorView();
-  var _useContext = useContext(WidthContext),
-    width = _useContext.width;
-  if (!eventDispatcher) {
-    return jsx(SwappableContentArea, _extends({
-      editorView: editorView
-    }, props));
-  }
-  return (
-    // @ts-ignore - 'WithPluginState' cannot be used as a JSX component.
-    // This error was introduced after upgrading to TypeScript 5
-    jsx(WithPluginState, {
-      eventDispatcher: eventDispatcher,
-      plugins: {
-        contextPanel: contextPanelPluginKey,
-        widthState: widthPluginKey
-      },
-      render: function render(_ref3) {
-        var contextPanel = _ref3.contextPanel,
-          widthState = _ref3.widthState;
-        var firstContent = contextPanel && contextPanel.contents.find(Boolean);
-        var editorWidth = _objectSpread(_objectSpread({}, widthState), {}, {
-          containerWidth: width,
-          contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
-        });
-        return jsx(SwappableContentArea, _extends({}, props, {
-          editorView: editorView,
-          pluginContent: firstContent,
-          editorWidth: editorWidth
-        }));
-      }
-    })
-  );
+export function ContextPanel(props) {
+  var _contextPanelState$co;
+  var _useSharedPluginState = useSharedPluginState(props.editorAPI, ['contextPanel']),
+    contextPanelState = _useSharedPluginState.contextPanelState;
+  var firstContent = contextPanelState && (contextPanelState === null || contextPanelState === void 0 || (_contextPanelState$co = contextPanelState.contents) === null || _contextPanelState$co === void 0 ? void 0 : _contextPanelState$co.find(Boolean));
+  return jsx(SwappableContentArea, _extends({}, props, {
+    editorAPI: props.editorAPI,
+    pluginContent: firstContent
+  }));
 }
-export default function ContextPanel(props) {
-  return jsx(WithEditorActions, {
-    render: function render(actions) {
-      return jsx(ContextPanelWithActions, _extends({
-        actions: actions
-      }, props));
-    }
-  });
+export default function ContextPanelDefault(props) {
+  return fg('platform_editor_context-panel_simplify_behaviour') ? jsx(ContextPanel, props) : jsx(ContextPanelDeprecated, props);
 }

package/dist/esm/version-wrapper.js

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

package/dist/types/create-editor/create-universal-preset.d.ts

@@ -119,6 +119,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                     actions: {
                         applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                     };
+                    sharedState: {
+                        contents: import("react").ReactNode[] | undefined;
+                    } | undefined;
                 }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
                     pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
                     dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -148,6 +151,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                         actions: {
                             applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                         };
+                        sharedState: {
+                            contents: import("react").ReactNode[] | undefined;
+                        } | undefined;
                     }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
                         pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
                         sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
@@ -332,6 +338,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                     actions: {
                         applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                     };
+                    sharedState: {
+                        contents: import("react").ReactNode[] | undefined;
+                    } | undefined;
                 }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
                     pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
                     dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -361,6 +370,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                         actions: {
                             applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                         };
+                        sharedState: {
+                            contents: import("react").ReactNode[] | undefined;
+                        } | undefined;
                     }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
                         pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
                         sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
@@ -591,6 +603,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                 actions: {
                     applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                 };
+                sharedState: {
+                    contents: import("react").ReactNode[] | undefined;
+                } | undefined;
             }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
                 sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
@@ -766,6 +781,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             actions: {
                 openTypeAhead: (inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod) => boolean;
                 announceMentionsInsertion: (mentionIds: {
+                    type: "added" | "deleted";
                     localId: string;
                     id: string;
                 }[]) => void;
@@ -1176,6 +1192,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             actions: {
                 applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
             };
+            sharedState: {
+                contents: import("react").ReactNode[] | undefined;
+            } | undefined;
         }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
             pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
             dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -1205,6 +1224,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                 actions: {
                     applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                 };
+                sharedState: {
+                    contents: import("react").ReactNode[] | undefined;
+                } | undefined;
             }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
                 sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
@@ -1531,6 +1553,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
         actions: {
             applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
         };
+        sharedState: {
+            contents: import("react").ReactNode[] | undefined;
+        } | undefined;
     }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
         pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
         sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
@@ -1554,6 +1579,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
     actions: {
         applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
     };
+    sharedState: {
+        contents: import("react").ReactNode[] | undefined;
+    } | undefined;
 }, undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"panel", {
     pluginConfiguration: import("@atlaskit/editor-plugin-panel").PanelPluginOptions | undefined;
     dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"decorations", {
@@ -1698,6 +1726,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             actions: {
                 applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
             };
+            sharedState: {
+                contents: import("react").ReactNode[] | undefined;
+            } | undefined;
         }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
             pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
             dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -1727,6 +1758,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                 actions: {
                     applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                 };
+                sharedState: {
+                    contents: import("react").ReactNode[] | undefined;
+                } | undefined;
             }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
                 sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
@@ -2318,6 +2352,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
     actions: {
         openTypeAhead: (inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod) => boolean;
         announceMentionsInsertion: (mentionIds: {
+            type: "added" | "deleted";
             localId: string;
             id: string;
         }[]) => void;
@@ -2422,6 +2457,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                 actions: {
                     applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                 };
+                sharedState: {
+                    contents: import("react").ReactNode[] | undefined;
+                } | undefined;
             }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
                 dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -2451,6 +2489,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                     actions: {
                         applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                     };
+                    sharedState: {
+                        contents: import("react").ReactNode[] | undefined;
+                    } | undefined;
                 }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
                     pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
                     sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
@@ -2725,6 +2766,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             actions: {
                 applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
             };
+            sharedState: {
+                contents: import("react").ReactNode[] | undefined;
+            } | undefined;
         }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
             pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
             dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -2754,6 +2798,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                 actions: {
                     applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                 };
+                sharedState: {
+                    contents: import("react").ReactNode[] | undefined;
+                } | undefined;
             }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
                 sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
@@ -3326,6 +3373,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
         actions: {
             applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
         };
+        sharedState: {
+            contents: import("react").ReactNode[] | undefined;
+        } | undefined;
     }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
         pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
         dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -3355,6 +3405,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             actions: {
                 applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
             };
+            sharedState: {
+                contents: import("react").ReactNode[] | undefined;
+            } | undefined;
         }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
             pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
             sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
@@ -3541,6 +3594,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                 actions: {
                     applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                 };
+                sharedState: {
+                    contents: import("react").ReactNode[] | undefined;
+                } | undefined;
             }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
                 dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -3570,6 +3626,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                     actions: {
                         applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                     };
+                    sharedState: {
+                        contents: import("react").ReactNode[] | undefined;
+                    } | undefined;
                 }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
                     pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
                     sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
@@ -3994,6 +4053,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                 actions: {
                     applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                 };
+                sharedState: {
+                    contents: import("react").ReactNode[] | undefined;
+                } | undefined;
             }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
                 dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -4023,6 +4085,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                     actions: {
                         applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                     };
+                    sharedState: {
+                        contents: import("react").ReactNode[] | undefined;
+                    } | undefined;
                 }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
                     pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
                     sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
@@ -4436,6 +4501,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                 actions: {
                     applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                 };
+                sharedState: {
+                    contents: import("react").ReactNode[] | undefined;
+                } | undefined;
             }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
                 dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -4465,6 +4533,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                     actions: {
                         applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                     };
+                    sharedState: {
+                        contents: import("react").ReactNode[] | undefined;
+                    } | undefined;
                 }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
                     pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
                     sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
@@ -4649,6 +4720,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                 actions: {
                     applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                 };
+                sharedState: {
+                    contents: import("react").ReactNode[] | undefined;
+                } | undefined;
             }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
                 dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -4678,6 +4752,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                     actions: {
                         applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                     };
+                    sharedState: {
+                        contents: import("react").ReactNode[] | undefined;
+                    } | undefined;
                 }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
                     pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
                     sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
@@ -4908,6 +4985,9 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             actions: {
                 applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
             };
+            sharedState: {
+                contents: import("react").ReactNode[] | undefined;
+            } | undefined;
         }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextIdentifier", {
             pluginConfiguration: import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined;
             sharedState: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration | undefined;
@@ -5083,6 +5163,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
         actions: {
             openTypeAhead: (inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod) => boolean;
             announceMentionsInsertion: (mentionIds: {
+                type: "added" | "deleted";
                 localId: string;
                 id: string;
             }[]) => void;

package/dist/types/index.d.ts

@@ -6,7 +6,12 @@ export { default as WithHelpTrigger } from './ui/WithHelpTrigger';
 export { default as CollapsedEditor } from './ui/CollapsedEditor';
 export { default as ToolbarHelp } from './ui/ToolbarHelp';
 export { default as ToolbarFeedback } from './ui/ToolbarFeedback';
-export { default as ContextPanel } from './ui/ContextPanel';
+export { 
+/**
+ * @deprecated
+ * DO NOT USE THIS WILL BE REMOVED SOON. This was intended for internal usage only
+ */
+default as ContextPanel, } from './ui/ContextPanel/deprecated';
 export { EmojiResource } from '@atlaskit/emoji/resource';
 export { MentionResource } from '@atlaskit/mention/resource';
 export type { MentionProvider, PresenceProvider } from '@atlaskit/mention/resource';