@atlaskit/editor-core 203.16.5 → 203.17.3

package/dist/esm/ui/Appearance/FullPage/FullPageToolbar.js

@@ -12,11 +12,13 @@ import { injectIntl } from 'react-intl-next';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
 import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { ToolbarPortalMountPoint, useToolbarPortal } from '../../Toolbar/ToolbarPortal';
 import { ToolbarWithSizeDetector as Toolbar } from '../../Toolbar/ToolbarWithSizeDetector';
 import { BeforePrimaryToolbarWrapper } from './BeforeWrapper';
 import { customToolbarWrapperStyle, mainToolbarFirstChildStyle, mainToolbarIconBeforeStyle, mainToolbarSecondChildStyle, mainToolbarStyle, MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, nonCustomToolbarWrapperStyle } from './MainToolbar';
 export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
-  var _props$customPrimaryT;
+  var _useToolbarPortal, _props$customPrimaryT;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     shouldSplitToolbar = _useState2[0],
@@ -25,6 +27,15 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
 
   // When primary toolbar components is undefined, do not show two line editor toolbar
   var twoLineEditorToolbar = !!props.customPrimaryToolbarComponents;
+
+  // When a toolbar portal context is provided, render the  toolbar inside a portal.
+  // Otherwise fall back to a fragment just to avoid forking rendering logic.
+  var _ref = (_useToolbarPortal = useToolbarPortal()) !== null && _useToolbarPortal !== void 0 ? _useToolbarPortal : {
+      Portal: React.Fragment
+    },
+    ToolbarPortal = _ref.Portal;
+  var hasToolbarPortal = ToolbarPortal !== React.Fragment;
+  var popupsMountPoint = hasToolbarPortal && fg('platform_editor_lcm_toolbar_portals') ? undefined : props.popupsMountPoint;
   var nonCustomToolbar =
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
   jsx("div", {
@@ -38,7 +49,7 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
     providerFactory: props.providerFactory,
     appearance: props.appearance,
     items: props.primaryToolbarComponents,
-    popupsMountPoint: props.popupsMountPoint,
+    popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: props.popupsBoundariesElement,
     popupsScrollableElement: props.popupsScrollableElement,
     disabled: props.disabled,
@@ -55,7 +66,7 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
     beforePrimaryToolbarComponents: (_props$customPrimaryT = props.customPrimaryToolbarComponents) === null || _props$customPrimaryT === void 0 ? void 0 : _props$customPrimaryT.before
   }) : null, editorAPI !== null && editorAPI !== void 0 && editorAPI.findReplace && twoLineEditorToolbar ? editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.findReplace.actions.getToolbarButton({
     popupsBoundariesElement: props.popupsBoundariesElement,
-    popupsMountPoint: props.popupsMountPoint,
+    popupsMountPoint: popupsMountPoint,
     popupsScrollableElement: props.popupsScrollableElement,
     editorView: props.editorView,
     containerElement: props.containerElement,
@@ -90,15 +101,30 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
     event.preventDefault();
     event.stopPropagation();
   };
-  return jsx(ContextPanelConsumer, null, function (_ref) {
-    var contextPanelWidth = _ref.width;
+  return jsx(ContextPanelConsumer, null, function (_ref2) {
+    var contextPanelWidth = _ref2.width;
     return jsx(ToolbarArrowKeyNavigationProvider, {
       editorView: props.editorView,
       childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
       isShortcutToFocusToolbar: isShortcutToFocusToolbar,
       handleEscape: handleEscape,
       intl: props.intl
+    }, fg('platform_editor_lcm_toolbar_portals') ? jsx(ToolbarPortal, null, jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+      css: mainToolbarStyle(props.showKeyline || contextPanelWidth > 0, twoLineEditorToolbar),
+      "data-testid": "ak-editor-main-toolbar"
     }, jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+      css: mainToolbarFirstChildStyle(twoLineEditorToolbar),
+      role: "toolbar",
+      "aria-label": props.intl.formatMessage(messages.toolbarLabel)
+    }, shouldSplitToolbar ? customToolbar : nonCustomToolbar), jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+      css: mainToolbarSecondChildStyle(twoLineEditorToolbar),
+      "data-testid": "avatar-group-outside-plugin",
+      role: "region",
+      "aria-label": props.intl.formatMessage(messages.pageActionsLabel)
+    }, shouldSplitToolbar ? nonCustomToolbar : customToolbar), jsx(ToolbarPortalMountPoint, null))) : jsx("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       css: mainToolbarStyle(props.showKeyline || contextPanelWidth > 0, twoLineEditorToolbar),
       "data-testid": "ak-editor-main-toolbar"
@@ -110,7 +136,7 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
     }, shouldSplitToolbar ? customToolbar : nonCustomToolbar), jsx("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       css: mainToolbarSecondChildStyle(twoLineEditorToolbar),
-      "data-testid": 'avatar-group-outside-plugin',
+      "data-testid": "avatar-group-outside-plugin",
       role: "region",
       "aria-label": props.intl.formatMessage(messages.pageActionsLabel)
     }, shouldSplitToolbar ? nonCustomToolbar : customToolbar)));

package/dist/esm/ui/Appearance/FullPage/StyledComponents.js

@@ -83,7 +83,17 @@ export var contentAreaHeightNoToolbar = css({
 export var sidebarArea = css({
   height: '100%',
   boxSizing: 'border-box',
-  alignSelf: 'flex-end'
+  alignSelf: 'flex-end',
+  // Make the sidebar sticky within the legacy content macro
+  // to prevent it from aligning to the bottom with large content.
+  // This style is only applied when opening inside the legacy content macro.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '.extension-editable-area &': {
+    height: 'auto',
+    position: 'sticky',
+    top: 0,
+    alignSelf: 'flex-start'
+  }
 });
 
 // initially hide until we have a containerWidth and can properly size them,

package/dist/esm/ui/ContentStyles/extension.js

@@ -12,4 +12,4 @@ var dangerOverlayStyles = css({
 });
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var extensionStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t.multiBodiedExtensionView-content-wrap {\n\t\t&.danger > span > .multiBodiedExtension--container {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\n\t\t", "\n\n\t\t&.danger > span > .with-danger-overlay {\n\t\t\tbackground-color: transparent;\n\t\t\t.multiBodiedExtension--overlay {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&:not(.danger).", " {\n\t\t\t& > span > .multiBodiedExtension--container {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t\t.multiBodiedExtension--container {\n\t\t\twidth: 100%;\n\t\t\tmax-width: 100%; // ensure width can't go over 100%;\n\t\t}\n\t}\n\n\t.inlineExtensionView-content-wrap {\n\t\t&.danger > span > .extension-container {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\n\t\t&.danger > span > .with-danger-overlay {\n\t\t\t// If the macro turned used to turn red before, not setting the background to be transparent will cause the\n\t\t\t// danger state to have two layers of red which we don't want.\n\t\t\tbackground-color: transparent;\n\t\t\t.extension-overlay {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&:not(.danger).", " {\n\t\t\t& > span > .extension-container {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t", "\n\t}\n\n\t// This is referenced in the toDOM of a bodied extension and is used to put\n\t// label content into the bodied extension.\n\t// We do this so that we don't serialise the label (which causes the label to be\n\t// be copied to the clipboard causing copy-paste issues).\n\t.bodied-extension-to-dom-label::after {\n\t\tcontent: attr(data-bodied-extension-label);\n\t}\n\n\t.extensionView-content-wrap,\n\t.multiBodiedExtensionView-content-wrap,\n\t.bodiedExtensionView-content-wrap {\n\t\tmargin: ", " 0;\n\n\t\t&:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-of-type {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t&:not(.danger).", " {\n\t\t\t& > span > .extension-container {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.danger > span > .extension-container {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\n\t\t", "\n\n\t\t&.danger > span > .with-danger-overlay {\n\t\t\tbackground-color: transparent;\n\t\t\t.extension-overlay {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.inline {\n\t\t\tword-wrap: break-all;\n\t\t}\n\t}\n\n\t.extensionView-content-wrap .extension-container {\n\t\toverflow: hidden;\n\t}\n\n\t.bodiedExtensionView-content-wrap .extensionView-content-wrap .extension-container {\n\t\twidth: 100%;\n\t\tmax-width: 100%; // ensure width can't go over 100%;\n\t}\n\n\t[data-mark-type='fragment'] {\n\t\t& > .extensionView-content-wrap,\n\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\tmargin: ", " 0;\n\t\t}\n\n\t\t& > [data-mark-type='dataConsumer'] {\n\t\t\t& > .extensionView-content-wrap,\n\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\tmargin: ", " 0;\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\t& > .extensionView-content-wrap,\n\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\n\t\t\t& > [data-mark-type='dataConsumer'] {\n\t\t\t\t& > .extensionView-content-wrap,\n\t\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:nth-last-of-type(-n + 2):not(:first-of-type) {\n\t\t\t& > .extensionView-content-wrap,\n\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t& > [data-mark-type='dataConsumer'] {\n\t\t\t\t& > .extensionView-content-wrap,\n\t\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"])), akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), extensionLabelStyles, dangerOverlayStyles, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket]), akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), dangerOverlayStyles, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow]), extensionLabelStyles, blockNodesVerticalMargin, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), extensionLabelStyles, dangerOverlayStyles, blockNodesVerticalMargin, blockNodesVerticalMargin);
+export var extensionStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t.multiBodiedExtensionView-content-wrap {\n\t\t&.danger > span > .multiBodiedExtension--container {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\n\t\t", "\n\n\t\t&.danger > span > .with-danger-overlay {\n\t\t\tbackground-color: transparent;\n\t\t\t.multiBodiedExtension--overlay {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&:not(.danger).", " {\n\t\t\t& > span > .multiBodiedExtension--container {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t\t.multiBodiedExtension--container {\n\t\t\twidth: 100%;\n\t\t\tmax-width: 100%; // ensure width can't go over 100%;\n\t\t}\n\t}\n\n\t.inlineExtensionView-content-wrap {\n\t\t&.danger > span > .extension-container {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\n\t\t&.danger > span > .with-danger-overlay {\n\t\t\t// If the macro turned used to turn red before, not setting the background to be transparent will cause the\n\t\t\t// danger state to have two layers of red which we don't want.\n\t\t\tbackground-color: transparent;\n\t\t\t.extension-overlay {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&:not(.danger).", " {\n\t\t\t& > span > .extension-container {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t", "\n\t}\n\n\t// This is referenced in the toDOM of a bodied extension and is used to put\n\t// label content into the bodied extension.\n\t// We do this so that we don't serialise the label (which causes the label to be\n\t// be copied to the clipboard causing copy-paste issues).\n\t.bodied-extension-to-dom-label::after {\n\t\tcontent: attr(data-bodied-extension-label);\n\t}\n\n\t.extensionView-content-wrap,\n\t.multiBodiedExtensionView-content-wrap,\n\t.bodiedExtensionView-content-wrap {\n\t\tmargin: ", " 0;\n\n\t\t&:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-of-type {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t&:not(.danger).", " {\n\t\t\t& > span > .extension-container {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.danger > span > .extension-container {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\n\t\t", "\n\n\t\t&.danger > span > .with-danger-overlay {\n\t\t\tbackground-color: transparent;\n\t\t\t.extension-overlay {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.inline {\n\t\t\tword-wrap: break-all;\n\t\t}\n\t}\n\n\t.extensionView-content-wrap .extension-container {\n\t\toverflow: hidden;\n\n\t\t/* Don't hide overflow for editors inside extensions */\n\t\t&:has(.extension-editable-area) {\n\t\t\toverflow: visible;\n\t\t}\n\t}\n\n\t.bodiedExtensionView-content-wrap .extensionView-content-wrap .extension-container {\n\t\twidth: 100%;\n\t\tmax-width: 100%; // ensure width can't go over 100%;\n\t}\n\n\t[data-mark-type='fragment'] {\n\t\t& > .extensionView-content-wrap,\n\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\tmargin: ", " 0;\n\t\t}\n\n\t\t& > [data-mark-type='dataConsumer'] {\n\t\t\t& > .extensionView-content-wrap,\n\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\tmargin: ", " 0;\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\t& > .extensionView-content-wrap,\n\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\n\t\t\t& > [data-mark-type='dataConsumer'] {\n\t\t\t\t& > .extensionView-content-wrap,\n\t\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:nth-last-of-type(-n + 2):not(:first-of-type) {\n\t\t\t& > .extensionView-content-wrap,\n\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t& > [data-mark-type='dataConsumer'] {\n\t\t\t\t& > .extensionView-content-wrap,\n\t\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"])), akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), extensionLabelStyles, dangerOverlayStyles, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket]), akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), dangerOverlayStyles, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow]), extensionLabelStyles, blockNodesVerticalMargin, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), extensionLabelStyles, dangerOverlayStyles, blockNodesVerticalMargin, blockNodesVerticalMargin);

package/dist/esm/ui/Toolbar/ToolbarPortal.compiled.css

@@ -0,0 +1,3 @@
+._1r04ze3t{inset:var(--ds-space-0,0)}
+._fiawglyw:empty{display:none}
+._kqswstnw{position:absolute}

package/dist/esm/ui/Toolbar/ToolbarPortal.js

@@ -0,0 +1,41 @@
+/* ToolbarPortal.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./ToolbarPortal.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+var ToolbarPortalContext = /*#__PURE__*/React.createContext(undefined);
+export var ToolbarPortalContextProvider = function ToolbarPortalContextProvider(_ref) {
+  var children = _ref.children,
+    portal = _ref.portal,
+    isActive = _ref.isActive;
+  var value = React.useMemo(function () {
+    return {
+      Portal: portal,
+      isActive: isActive
+    };
+  }, [portal, isActive]);
+  return /*#__PURE__*/React.createElement(ToolbarPortalContext.Provider, {
+    value: value
+  }, children);
+};
+
+// NOTE: This doesn't throw on undefined context on purpose, as it is likely that
+// the outer toolbar _won't_ have a context provider as it is unlikely to portal
+// anywhere
+export var useToolbarPortal = function useToolbarPortal() {
+  return React.useContext(ToolbarPortalContext);
+};
+var toolbarPortalStyles = {
+  portal: "_1r04ze3t _kqswstnw _fiawglyw"
+};
+export var ToolbarPortalMountPoint = function ToolbarPortalMountPoint() {
+  var portal = useToolbarPortal();
+
+  // Don't render a mountpoint when we're already inside a portal
+  if (portal) {
+    return null;
+  }
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax([toolbarPortalStyles.portal, "ak-editor-toolbar-portal"])
+  });
+};

package/dist/esm/version-wrapper.js

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

package/dist/types/composable-editor/core-performance-metrics.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+export declare const EditorUFOBridge: import("react").MemoExoticComponent<() => jsx.JSX.Element>;
+export declare const EditorPerformanceMetrics: import("react").MemoExoticComponent<() => jsx.JSX.Element>;

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

@@ -442,7 +442,17 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             commands: {
                 setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-        }, undefined>>];
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+            pluginConfiguration: import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined;
+            actions: {
+                applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+                showPanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").ShowObjectSidebar;
+                closePanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").HideObjectSidebar;
+            };
+            sharedState: {
+                contents: import("react").ReactNode[] | undefined;
+            } | undefined;
+        }, import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined>>];
         sharedState: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginSharedState;
         actions: {
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -495,7 +505,17 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             commands: {
                 setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-        }, undefined>>];
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+            pluginConfiguration: import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined;
+            actions: {
+                applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+                showPanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").ShowObjectSidebar;
+                closePanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").HideObjectSidebar;
+            };
+            sharedState: {
+                contents: import("react").ReactNode[] | undefined;
+            } | undefined;
+        }, import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined>>];
         sharedState: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginSharedState;
         actions: {
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -676,7 +696,17 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             commands: {
                 setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-        }, undefined>>];
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+            pluginConfiguration: import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined;
+            actions: {
+                applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+                showPanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").ShowObjectSidebar;
+                closePanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").HideObjectSidebar;
+            };
+            sharedState: {
+                contents: import("react").ReactNode[] | undefined;
+            } | undefined;
+        }, import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined>>];
         sharedState: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginSharedState;
         actions: {
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -705,7 +735,10 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             }) => (tr: import("prosemirror-state").Transaction) => boolean;
         };
     }, import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"history", {
-        sharedState: import("@atlaskit/editor-plugins/history").HistoryPluginState | undefined;
+        sharedState: import("packages/editor/editor-plugin-history/dist/types/historyPluginType").HistoryPluginSharedState | undefined;
+        commands: {
+            updatePluginState: import("@atlaskit/editor-common/types").EditorCommand;
+        };
     }, undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
         sharedState: import("@atlaskit/editor-plugins/primary-toolbar").PrimaryToolbarPluginState | undefined;
         actions: {
@@ -724,7 +757,10 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
         }) => void;
     };
 }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"history", {
-    sharedState: import("@atlaskit/editor-plugins/history").HistoryPluginState | undefined;
+    sharedState: import("packages/editor/editor-plugin-history/dist/types/historyPluginType").HistoryPluginSharedState | undefined;
+    commands: {
+        updatePluginState: import("@atlaskit/editor-common/types").EditorCommand;
+    };
 }, undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"typeAhead", {
     pluginConfiguration: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginOptions | undefined;
     dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -747,7 +783,17 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
         commands: {
             setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
         };
-    }, undefined>>];
+    }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+        pluginConfiguration: import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined;
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+            showPanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").ShowObjectSidebar;
+            closePanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").HideObjectSidebar;
+        };
+        sharedState: {
+            contents: import("react").ReactNode[] | undefined;
+        } | undefined;
+    }, import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined>>];
     sharedState: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginSharedState;
     actions: {
         isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;

package/dist/types/index.d.ts

@@ -15,6 +15,7 @@ export { default as WithEditorActions } from './ui/WithEditorActions';
  */
 export { default as WithHelpTrigger } from './ui/WithHelpTrigger';
 export { default as CollapsedEditor } from './ui/CollapsedEditor';
+export { ToolbarPortalContextProvider, useToolbarPortal } from './ui/Toolbar/ToolbarPortal';
 export { default as ToolbarHelp } from './ui/ToolbarHelp';
 export { 
 /**

package/dist/types/presets/universal.d.ts

@@ -494,7 +494,17 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             commands: {
                 setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-        }, undefined>>];
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+            pluginConfiguration: import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined;
+            actions: {
+                applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+                showPanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").ShowObjectSidebar;
+                closePanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").HideObjectSidebar;
+            };
+            sharedState: {
+                contents: import("react").ReactNode[] | undefined;
+            } | undefined;
+        }, import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined>>];
         sharedState: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginSharedState;
         actions: {
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -547,7 +557,17 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             commands: {
                 setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-        }, undefined>>];
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+            pluginConfiguration: import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined;
+            actions: {
+                applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+                showPanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").ShowObjectSidebar;
+                closePanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").HideObjectSidebar;
+            };
+            sharedState: {
+                contents: import("react").ReactNode[] | undefined;
+            } | undefined;
+        }, import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined>>];
         sharedState: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginSharedState;
         actions: {
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -728,7 +748,17 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             commands: {
                 setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-        }, undefined>>];
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+            pluginConfiguration: import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined;
+            actions: {
+                applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+                showPanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").ShowObjectSidebar;
+                closePanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").HideObjectSidebar;
+            };
+            sharedState: {
+                contents: import("react").ReactNode[] | undefined;
+            } | undefined;
+        }, import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined>>];
         sharedState: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginSharedState;
         actions: {
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -757,7 +787,10 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             }) => (tr: import("prosemirror-state").Transaction) => boolean;
         };
     }, import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"history", {
-        sharedState: import("@atlaskit/editor-plugins/history").HistoryPluginState | undefined;
+        sharedState: import("packages/editor/editor-plugin-history/dist/types/historyPluginType").HistoryPluginSharedState | undefined;
+        commands: {
+            updatePluginState: import("@atlaskit/editor-common/types").EditorCommand;
+        };
     }, undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
         sharedState: import("@atlaskit/editor-plugins/primary-toolbar").PrimaryToolbarPluginState | undefined;
         actions: {
@@ -776,7 +809,10 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         }) => void;
     };
 }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"history", {
-    sharedState: import("@atlaskit/editor-plugins/history").HistoryPluginState | undefined;
+    sharedState: import("packages/editor/editor-plugin-history/dist/types/historyPluginType").HistoryPluginSharedState | undefined;
+    commands: {
+        updatePluginState: import("@atlaskit/editor-common/types").EditorCommand;
+    };
 }, undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"typeAhead", {
     pluginConfiguration: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginOptions | undefined;
     dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -799,7 +835,17 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         commands: {
             setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
         };
-    }, undefined>>];
+    }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+        pluginConfiguration: import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined;
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+            showPanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").ShowObjectSidebar;
+            closePanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").HideObjectSidebar;
+        };
+        sharedState: {
+            contents: import("react").ReactNode[] | undefined;
+        } | undefined;
+    }, import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined>>];
     sharedState: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginSharedState;
     actions: {
         isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;

package/dist/types/presets/useUniversalPreset.d.ts

@@ -442,7 +442,17 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
             commands: {
                 setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-        }, undefined>>];
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+            pluginConfiguration: import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined;
+            actions: {
+                applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+                showPanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").ShowObjectSidebar;
+                closePanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").HideObjectSidebar;
+            };
+            sharedState: {
+                contents: import("react").ReactNode[] | undefined;
+            } | undefined;
+        }, import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined>>];
         sharedState: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginSharedState;
         actions: {
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -495,7 +505,17 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
             commands: {
                 setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-        }, undefined>>];
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+            pluginConfiguration: import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined;
+            actions: {
+                applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+                showPanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").ShowObjectSidebar;
+                closePanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").HideObjectSidebar;
+            };
+            sharedState: {
+                contents: import("react").ReactNode[] | undefined;
+            } | undefined;
+        }, import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined>>];
         sharedState: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginSharedState;
         actions: {
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -676,7 +696,17 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
             commands: {
                 setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-        }, undefined>>];
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+            pluginConfiguration: import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined;
+            actions: {
+                applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+                showPanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").ShowObjectSidebar;
+                closePanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").HideObjectSidebar;
+            };
+            sharedState: {
+                contents: import("react").ReactNode[] | undefined;
+            } | undefined;
+        }, import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined>>];
         sharedState: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginSharedState;
         actions: {
             isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;
@@ -705,7 +735,10 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
             }) => (tr: import("prosemirror-state").Transaction) => boolean;
         };
     }, import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"history", {
-        sharedState: import("@atlaskit/editor-plugins/history").HistoryPluginState | undefined;
+        sharedState: import("packages/editor/editor-plugin-history/dist/types/historyPluginType").HistoryPluginSharedState | undefined;
+        commands: {
+            updatePluginState: import("@atlaskit/editor-common/types").EditorCommand;
+        };
     }, undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
         sharedState: import("@atlaskit/editor-plugins/primary-toolbar").PrimaryToolbarPluginState | undefined;
         actions: {
@@ -724,7 +757,10 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
         }) => void;
     };
 }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"history", {
-    sharedState: import("@atlaskit/editor-plugins/history").HistoryPluginState | undefined;
+    sharedState: import("packages/editor/editor-plugin-history/dist/types/historyPluginType").HistoryPluginSharedState | undefined;
+    commands: {
+        updatePluginState: import("@atlaskit/editor-common/types").EditorCommand;
+    };
 }, undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"typeAhead", {
     pluginConfiguration: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginOptions | undefined;
     dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -747,7 +783,17 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
         commands: {
             setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
         };
-    }, undefined>>];
+    }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+        pluginConfiguration: import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined;
+        actions: {
+            applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+            showPanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").ShowObjectSidebar;
+            closePanel: import("packages/editor/editor-plugin-context-panel/dist/types/types/object-siderbar-types").HideObjectSidebar;
+        };
+        sharedState: {
+            contents: import("react").ReactNode[] | undefined;
+        } | undefined;
+    }, import("@atlaskit/editor-plugins/context-panel").ContextPanelPluginOptions | undefined>>];
     sharedState: import("@atlaskit/editor-plugins/type-ahead").TypeAheadPluginSharedState;
     actions: {
         isOpen: (editorState: import("prosemirror-state").EditorState) => boolean;

package/dist/types/ui/Addon/ClickAreaBlock/contentComponentWrapper.d.ts

@@ -0,0 +1,6 @@
+import type { ReactComponents } from '../../../types';
+export declare const ignoreAttribute = "data-editor-content-component";
+/**
+ * Wraps content components in a data attribute to ignore
+ */
+export declare const contentComponentClickWrapper: (reactComponents: ReactComponents | undefined) => ReactComponents | undefined;

package/dist/types/ui/Addon/click-area-helper.d.ts

@@ -10,4 +10,5 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
  */
 export declare const checkForModal: (target: HTMLElement | null) => boolean;
 declare const clickAreaClickHandler: (view: EditorView, event: React.MouseEvent<HTMLElement>) => false | undefined;
+export declare const outsideProsemirrorEditorClickHandler: (view: EditorView, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 export { clickAreaClickHandler };

package/dist/types/ui/Toolbar/ToolbarPortal.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+type ToolbarPortalContextValue = {
+    Portal: React.ComponentType<{
+        children: React.ReactNode;
+    }>;
+    isActive: boolean;
+};
+export declare const ToolbarPortalContextProvider: ({ children, portal, isActive, }: {
+    children: React.ReactNode;
+    portal: React.ComponentType<{
+        children: React.ReactNode;
+    }>;
+    isActive: boolean;
+}) => JSX.Element;
+export declare const useToolbarPortal: () => ToolbarPortalContextValue | undefined;
+export declare const ToolbarPortalMountPoint: () => JSX.Element | null;
+export {};

package/dist/types-ts4.5/composable-editor/core-performance-metrics.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+export declare const EditorUFOBridge: import("react").MemoExoticComponent<() => jsx.JSX.Element>;
+export declare const EditorPerformanceMetrics: import("react").MemoExoticComponent<() => jsx.JSX.Element>;