@atlaskit/editor-core 219.4.1 → 219.5.1

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js

@@ -14,7 +14,9 @@ var _react = _interopRequireDefault(require("react"));
 var _browser = require("@atlaskit/editor-common/browser");
 var _panel = require("@atlaskit/editor-common/panel");
 var _styles = require("@atlaskit/editor-common/styles");
+var _tableCellBackgroundForCompiled = require("@atlaskit/editor-common/table-cell-background-for-compiled");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _overflowShadowForCompiled = require("@atlaskit/editor-shared-styles/overflow-shadow-for-compiled");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
@@ -258,12 +260,14 @@ var editorContentStyles = {
   syncBlockOverflowStyles: "",
   syncBlockStyles: "",
   syncBlockStylesBase: "",
-  tableCommentEditorStyles: "",
-  tableContainerStyles: "",
-  tableContentModeStyles: "",
-  tableEmptyRowStyles: "",
-  tableLayoutFixes: "",
-  tableLayoutFixesWithFontSize: "",
+  tableCommentEditorStyles: "_s9qz1mok _1quk1aqn _1tb2idpf _8vyeidpf _1igzolhs _ux48glyw _giavsm61 _axu71ibz",
+  tableContainerStyles: "_18ml1osq _9e5g1wug _uwd31osq _12wgusvi _nnhzewfl _1gbz1osq _10va1osq _lkzl1n9t _1mca1wug",
+  tableContentModeStyles: "_1lxan7od _11a2n7od _19iin7od _1vpzn7od _l6b9n7od _9v33vi1l _poet1ris _9loxvi1l _1dsv1wug _r83tvi1l _cbmx261p",
+  tableEmptyRowStyles: "_1rgmmh6f _u0mgmh6f",
+  tableLayoutFixes: "_1f5xidpf _28dsidpf _f30jidpf _jr291hrf",
+  tableLayoutFixesWithFontSize: "_1f5xidpf _156tidpf _f30jidpf _jr291hrf",
+  tableSharedStyle: "_ad1u99ee _9d0e7qp0 _1mml7qp0 _1u4a1ule _1w721ule _1gr6t94y _ihzat94y _zi6e1vmz _1uln1vmz _wqm3stnw _1o0wstnw _1aho1ejb _uqg71ejb _g971h2mm _fzt6usvi _1nd8idpf _1j1lidpf _e364idpf _7vb2pzf8 _5cdi6z83 _kc8l11ss _9vqg11ss _up97ia51 _jz731rb6 _13ax1rb6 _b7zl1rb6 _10kw1rb6 _1u451rb6 _1gep1rb6 _14oi1rb6 _3yki1rb6 _185t1rb6 _13heu2gc _1uj1u2gc _1ssuu2gc _lqdju2gc _1waku2gc _1nzzu2gc _7xl8ckbl _1jykckbl _1m6qckbl _sellckbl _11t9ckbl _866vckbl _1dlzi7a9 _irzhi7a9 _15t1i7a9 _1ivxi7a9 _16k4i7a9 _1vo6i7a9 _q0zvjp4b _1junjp4b _ixm7jp4b _17dpjp4b _dzhmjp4b _15pyjp4b _dj9oidpf _8zz2idpf _1hwbidpf _1lxyidpf _yqeuidpf _mzo1idpf _9ex2idpf _1805idpf _1iphidpf _qkm8idpf _17v9idpf _4p8kidpf _6o4midpf _1edridpf _5908idpf _1d63idpf _1j36idpf _hlqnidpf _gw0eutpp _1n42utpp _762vutpp _g62yutpp _1y9hutpp _bjiqutpp _5dtjutpp _dclrutpp _1j94utpp _5o16utpp _946yutpp _1kffutpp _13bnglyw _1ekgglyw _nvt3glyw _v91rcfaq _byukcfaq _4oczcfaq _17xf1j28 _6ggl1j28 _wxs41j28 _1h3k1j28 _1e811j28 _w9wp1j28 _3aim1n9t _xsax1n9t _1hz91n9t _vqlp1x4e _1a0i1x4e _m5f81x4e _12j81osq _135a1osq _vkob1osq _dujf1wug _jr3h1wug _1ei91wug _kq5rusvi _31x2usvi _pavrusvi _14jm1ntv _1rfm1ntv _100i1ntv _1ciasm61 _5gm1sm61 _t176sm61 _1az4vuon _1mdwvuon _9l08vuon _vrwbysee _nwuhysee _1qxuysee _go9a1e5h _ktc91e5h _lr001e5h _komfhp5a _1lj5hp5a _96m3hp5a _s2681tsb _15bz1tsb _1skp1tsb _iley2lzm _ay9u2lzm _8zqr2lzm _qxl3i8nm _3gtki8nm _1nu9i8nm _lezgi8nm _1574i8nm _1yd8i8nm _ywut18tx _cee918tx _17h918tx _1esgtoke _1q0atoke _4waqtoke _1syri8nm _pvtri8nm _12jli8nm _dbl6pzf8 _4e711hrf _1hy1bokp _1bxo1ea5",
+  tableSharedStyleBackgroundClipFix: "_m6yo1u8q _19il1u8q _10gj1u8q _tbd61u8q _12ly1u8q _1l071u8q",
   taskItemCheckboxStyles: "",
   taskItemStyles: "",
   taskItemStylesWithBlockTaskItem: "",
@@ -301,6 +305,9 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
   var isChromeless = appearance === 'chromeless';
   var baseFontSize = (0, _getBaseFontSize.getBaseFontSize)(appearance, contentMode);
   var isDense = !!baseFontSize && baseFontSize !== _editorSharedStyles.akEditorFullPageDefaultFontSize;
+  var tableOverflowShadow = (0, _overflowShadowForCompiled.overflowShadowForCompiled)({
+    leftCoverWidth: "var(--ds-space-300, 24px)"
+  });
   var style = (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
     exposure: true
   }) ? {
@@ -308,14 +315,16 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
       theme: {
         baseFontSize: baseFontSize
       }
-    }), "px")
+    }), "px"),
+    '--ak-editor--table-overflow-shadow': tableOverflowShadow
   } : {
     '--ak-editor-base-font-size': "".concat((0, _editorSharedStyles.editorFontSize)({
       theme: {
         baseFontSize: baseFontSize
       }
     }), "px"),
-    '--ak-editor--large-gutter-padding': "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px")
+    '--ak-editor--large-gutter-padding': "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px"),
+    '--ak-editor--table-overflow-shadow': tableOverflowShadow
   };
   var browser = (0, _browser.getBrowserInfo)();
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -383,11 +392,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
     // 		: // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     // 			getDenseEmojiStyles(baseFontSize)
     // 	: undefined,
-    editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles,
-    // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
-    // TODO: it was from "import { tableSharedStyle } from '@atlaskit/editor-common/styles';"
-    // tableSharedStyle(),
-    editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, className]),
+    editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, className]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"
@@ -396,5 +401,5 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
     style: style,
     tabIndex: isScrollable ? 0 : undefined,
     role: isScrollable ? 'region' : undefined
-  }, children);
+  }, /*#__PURE__*/_react.default.createElement("style", null, _tableCellBackgroundForCompiled.tableCellBackgroundStyleOverrideForCompiled), children);
 });

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "219.4.0";
+var version = exports.version = "219.5.0";

package/dist/es2019/ui/Appearance/FullPage/FullPage.js

@@ -62,14 +62,20 @@ export const FullPageEditor = props => {
   const scrollContentContainerRef = useRef(null);
   const showKeyline = useShowKeyline(scrollContentContainerRef);
   const editorAPI = props.editorAPI;
-  const state = useSharedPluginStateWithSelector(editorAPI, ['primaryToolbar', 'interaction', 'editorViewMode'], states => {
-    var _states$primaryToolba, _states$interactionSt, _states$editorViewMod;
+  const state = useSharedPluginStateWithSelector(editorAPI, ['primaryToolbar', 'interaction', 'editorViewMode', 'toolbar'], states => {
+    var _states$primaryToolba, _states$interactionSt, _states$editorViewMod, _states$toolbarState;
     return {
       primaryToolbarComponents: (_states$primaryToolba = states.primaryToolbarState) === null || _states$primaryToolba === void 0 ? void 0 : _states$primaryToolba.components,
       interactionState: (_states$interactionSt = states.interactionState) === null || _states$interactionSt === void 0 ? void 0 : _states$interactionSt.interactionState,
-      editorViewMode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode
+      editorViewMode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode,
+      contextualFormattingModeOverride: (_states$toolbarState = states.toolbarState) === null || _states$toolbarState === void 0 ? void 0 : _states$toolbarState.contextualFormattingModeOverride
     };
   });
+  // Markdown Mode forces `'always-pinned'` while in source / preview view
+  // (no PM selection to anchor a floating toolbar to). The user's docking
+  // pref alone is not enough to decide whether to mount the primary toolbar
+  // in that case — the override has to short-circuit the hide gate below.
+  const forcePrimaryToolbarPinned = state.contextualFormattingModeOverride === 'always-pinned' && fg('platform_editor_toolbar_mode_override');
   const interactionState = state.interactionState;
   const primaryToolbarState = getPrimaryToolbarComponents(editorAPI, state.primaryToolbarComponents);
   const hasHadInteraction = interactionState !== 'hasNotHadInteraction';
@@ -115,14 +121,14 @@ export const FullPageEditor = props => {
   })) {
     if (fg('platform_editor_use_preferences_plugin')) {
       // need to check if the toolbarDockingPosition is set to 'none' or 'top'
-      if (toolbarDockingPosition === 'none') {
+      if (toolbarDockingPosition === 'none' && !forcePrimaryToolbarPinned) {
         primaryToolbarComponents = [];
         if (!hasCustomComponents(customPrimaryToolbarComponents)) {
           isEditorToolbarHidden = true;
         }
       }
     } else {
-      if (toolbarDocking === 'none') {
+      if (toolbarDocking === 'none' && !forcePrimaryToolbarPinned) {
         primaryToolbarComponents = [];
         if (!hasCustomComponents(customPrimaryToolbarComponents)) {
           isEditorToolbarHidden = true;

package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js

@@ -5,8 +5,10 @@ import React, { useCallback } from 'react';
 import { useIntl } from 'react-intl';
 import { ContextPanelConsumer } from '@atlaskit/editor-common/context-panel';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { shouldShowPrimaryToolbar, TOOLBARS } from '@atlaskit/editor-common/toolbar';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { isToolbar } from '../../../utils/toolbar';
 import ExcludeFromHydration from '../../ExcludeFromHydration';
@@ -53,17 +55,6 @@ const SecondChildWrapper = ({
     className: ax([styles.secondChildWrapperOneLine])
   }, children);
 };
-
-/**
- * Placeholder component that reserves the toolbar's space during hydration
- * to prevent layout shift when the actual toolbar renders.
- */
-const ToolbarPlaceholder = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "ak-editor-main-toolbar-placeholder",
-    className: ax([styles.toolbarPlaceholder])
-  });
-};
 const shouldShowToolbarContainer = (toolbar, customPrimaryToolbarComponents) => {
   return !!toolbar || !!customPrimaryToolbarComponents;
 };
@@ -79,7 +70,12 @@ export const FullPageToolbarNext = ({
 }) => {
   var _editorAPI$toolbar, _editorAPI$toolbar2, _useToolbarPortal;
   const components = editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$toolbar = editorAPI.toolbar) === null || _editorAPI$toolbar === void 0 ? void 0 : _editorAPI$toolbar.actions.getComponents();
-  const contextualFormattingEnabled = editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$toolbar2 = editorAPI.toolbar) === null || _editorAPI$toolbar2 === void 0 ? void 0 : _editorAPI$toolbar2.actions.contextualFormattingMode();
+  const runtimeOverride = useSharedPluginStateWithSelector(editorAPI, ['toolbar'], states => {
+    var _states$toolbarState;
+    return (_states$toolbarState = states.toolbarState) === null || _states$toolbarState === void 0 ? void 0 : _states$toolbarState.contextualFormattingModeOverride;
+  });
+  const effectiveRuntimeOverride = runtimeOverride !== undefined && fg('platform_editor_toolbar_mode_override') ? runtimeOverride : undefined;
+  const contextualFormattingEnabled = effectiveRuntimeOverride !== null && effectiveRuntimeOverride !== void 0 ? effectiveRuntimeOverride : editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$toolbar2 = editorAPI.toolbar) === null || _editorAPI$toolbar2 === void 0 ? void 0 : _editorAPI$toolbar2.actions.contextualFormattingMode();
   const intl = useIntl();
   const toolbar = components === null || components === void 0 ? void 0 : components.find(component => component.key === TOOLBARS.PRIMARY_TOOLBAR);
   const primaryToolbarDockingConfigEnabled = shouldShowPrimaryToolbar(contextualFormattingEnabled, toolbarDockingPosition);
@@ -112,40 +108,9 @@ export const FullPageToolbarNext = ({
   if (!shouldShowToolbarContainer(toolbar, customPrimaryToolbarComponents)) {
     return /*#__PURE__*/React.createElement(ToolbarPortal, null, null);
   }
-  if (expValEquals('platform_editor_toolbar_two_stage_hydration', 'isEnabled', true)) {
-    return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, ({
-      width: ContextPanelWidth
-    }) => /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
-      editorView: editorView,
-      childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
-      isShortcutToFocusToolbar: isShortcutToFocusToolbar,
-      handleEscape: handleEscape,
-      intl: intl
-    }, /*#__PURE__*/React.createElement(ToolbarPortal, null, /*#__PURE__*/React.createElement(MainToolbarWrapper, {
-      testId: "ak-editor-main-toolbar",
-      showKeyline: showKeyline || ContextPanelWidth > 0
-    }, beforeIcon && /*#__PURE__*/React.createElement("div", {
-      className: ax([styles.mainToolbarIconBefore, styles.mainToolbarIconBeforeNew])
-    }, beforeIcon), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, /*#__PURE__*/React.createElement(ExcludeFromHydration, null, primaryToolbarDockingConfigEnabled && components && isToolbar(toolbar) && editorView && !isSSR() && /*#__PURE__*/React.createElement(ToolbarNext, {
-      toolbar: toolbar,
-      components: components,
-      editorView: editorView,
-      editorAPI: editorAPI,
-      popupsMountPoint: mountPoint,
-      editorAppearance: "full-page",
-      isDisabled: disabled
-    }))), /*#__PURE__*/React.createElement(SecondChildWrapper, null, /*#__PURE__*/React.createElement("div", {
-      className: ax([styles.customToolbarWrapperStyle])
-    }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {
-      "data-testid": 'before-primary-toolbar-components-plugin',
-      className: ax([styles.beforePrimaryToolbarComponents])
-    }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null))))));
-  }
   return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, ({
     width: ContextPanelWidth
-  }) => /*#__PURE__*/React.createElement(ExcludeFromHydration, {
-    fallback: /*#__PURE__*/React.createElement(ToolbarPlaceholder, null)
-  }, /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
+  }) => /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
     editorView: editorView,
     childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
     isShortcutToFocusToolbar: isShortcutToFocusToolbar,
@@ -156,7 +121,7 @@ export const FullPageToolbarNext = ({
     showKeyline: showKeyline || ContextPanelWidth > 0
   }, beforeIcon && /*#__PURE__*/React.createElement("div", {
     className: ax([styles.mainToolbarIconBefore, styles.mainToolbarIconBeforeNew])
-  }, beforeIcon), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, primaryToolbarDockingConfigEnabled && components && isToolbar(toolbar) && editorView && !isSSR() && /*#__PURE__*/React.createElement(ToolbarNext, {
+  }, beforeIcon), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, /*#__PURE__*/React.createElement(ExcludeFromHydration, null, primaryToolbarDockingConfigEnabled && components && isToolbar(toolbar) && editorView && !isSSR() && /*#__PURE__*/React.createElement(ToolbarNext, {
     toolbar: toolbar,
     components: components,
     editorView: editorView,
@@ -164,10 +129,10 @@ export const FullPageToolbarNext = ({
     popupsMountPoint: mountPoint,
     editorAppearance: "full-page",
     isDisabled: disabled
-  })), /*#__PURE__*/React.createElement(SecondChildWrapper, null, /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement(SecondChildWrapper, null, /*#__PURE__*/React.createElement("div", {
     className: ax([styles.customToolbarWrapperStyle])
   }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {
     "data-testid": 'before-primary-toolbar-components-plugin',
     className: ax([styles.beforePrimaryToolbarComponents])
-  }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null)))))));
+  }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null))))));
 };