@atlaskit/editor-core 219.4.1 → 219.5.1

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

@@ -11,8 +11,10 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 // TODO: add back tableSharedStyle when migrate table styles
 // import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
-import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
+import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName, tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common/styles';
+import { tableCellBackgroundStyleOverrideForCompiled } from '@atlaskit/editor-common/table-cell-background-for-compiled';
+import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorTableNumberColumnWidth, editorFontSize } from '@atlaskit/editor-shared-styles';
+import { overflowShadowForCompiled } from '@atlaskit/editor-shared-styles/overflow-shadow-for-compiled';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
@@ -310,12 +312,14 @@ const 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: "",
@@ -356,6 +360,9 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
   const isChromeless = appearance === 'chromeless';
   const baseFontSize = getBaseFontSize(appearance, contentMode);
   const isDense = !!baseFontSize && baseFontSize !== akEditorFullPageDefaultFontSize;
+  const tableOverflowShadow = overflowShadowForCompiled({
+    leftCoverWidth: "var(--ds-space-300, 24px)"
+  });
   const style = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
     exposure: true
   }) ? {
@@ -363,14 +370,16 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
       theme: {
         baseFontSize
       }
-    })}px`
+    })}px`,
+    '--ak-editor--table-overflow-shadow': tableOverflowShadow
   } : {
     '--ak-editor-base-font-size': `${editorFontSize({
       theme: {
         baseFontSize
       }
     })}px`,
-    '--ak-editor--large-gutter-padding': `${akEditorGutterPaddingDynamic()}px`
+    '--ak-editor--large-gutter-padding': `${akEditorGutterPaddingDynamic()}px`,
+    '--ak-editor--table-overflow-shadow': tableOverflowShadow
   };
   const browser = getBrowserInfo();
   return /*#__PURE__*/React.createElement("div", {
@@ -438,11 +447,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
     // 		: // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     // 			getDenseEmojiStyles(baseFontSize)
     // 	: undefined,
-    editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, 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, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, className]),
+    editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, 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, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, className]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"
@@ -451,5 +456,5 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
     style: style,
     tabIndex: isScrollable ? 0 : undefined,
     role: isScrollable ? 'region' : undefined
-  }, children);
+  }, /*#__PURE__*/React.createElement("style", null, tableCellBackgroundStyleOverrideForCompiled), children);
 });

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "219.4.0";
+export const version = "219.5.0";

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

@@ -70,14 +70,20 @@ export var FullPageEditor = function FullPageEditor(props) {
   var scrollContentContainerRef = useRef(null);
   var showKeyline = useShowKeyline(scrollContentContainerRef);
   var editorAPI = props.editorAPI;
-  var state = useSharedPluginStateWithSelector(editorAPI, ['primaryToolbar', 'interaction', 'editorViewMode'], function (states) {
-    var _states$primaryToolba, _states$interactionSt, _states$editorViewMod;
+  var state = useSharedPluginStateWithSelector(editorAPI, ['primaryToolbar', 'interaction', 'editorViewMode', 'toolbar'], function (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.
+  var forcePrimaryToolbarPinned = state.contextualFormattingModeOverride === 'always-pinned' && fg('platform_editor_toolbar_mode_override');
   var interactionState = state.interactionState;
   var primaryToolbarState = getPrimaryToolbarComponents(editorAPI, state.primaryToolbarComponents);
   var hasHadInteraction = interactionState !== 'hasNotHadInteraction';
@@ -120,14 +126,14 @@ export var FullPageEditor = function 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/esm/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';
@@ -50,17 +52,6 @@ var SecondChildWrapper = function SecondChildWrapper(_ref3) {
     className: ax([styles.secondChildWrapperOneLine])
   }, children);
 };
-
-/**
- * Placeholder component that reserves the toolbar's space during hydration
- * to prevent layout shift when the actual toolbar renders.
- */
-var ToolbarPlaceholder = function ToolbarPlaceholder() {
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "ak-editor-main-toolbar-placeholder",
-    className: ax([styles.toolbarPlaceholder])
-  });
-};
 var shouldShowToolbarContainer = function shouldShowToolbarContainer(toolbar, customPrimaryToolbarComponents) {
   return !!toolbar || !!customPrimaryToolbarComponents;
 };
@@ -75,7 +66,12 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
     customPrimaryToolbarComponents = _ref4.customPrimaryToolbarComponents,
     disabled = _ref4.disabled;
   var components = editorAPI === null || editorAPI === void 0 || (_editorAPI$toolbar = editorAPI.toolbar) === null || _editorAPI$toolbar === void 0 ? void 0 : _editorAPI$toolbar.actions.getComponents();
-  var contextualFormattingEnabled = editorAPI === null || editorAPI === void 0 || (_editorAPI$toolbar2 = editorAPI.toolbar) === null || _editorAPI$toolbar2 === void 0 ? void 0 : _editorAPI$toolbar2.actions.contextualFormattingMode();
+  var runtimeOverride = useSharedPluginStateWithSelector(editorAPI, ['toolbar'], function (states) {
+    var _states$toolbarState;
+    return (_states$toolbarState = states.toolbarState) === null || _states$toolbarState === void 0 ? void 0 : _states$toolbarState.contextualFormattingModeOverride;
+  });
+  var effectiveRuntimeOverride = runtimeOverride !== undefined && fg('platform_editor_toolbar_mode_override') ? runtimeOverride : undefined;
+  var contextualFormattingEnabled = effectiveRuntimeOverride !== null && effectiveRuntimeOverride !== void 0 ? effectiveRuntimeOverride : editorAPI === null || editorAPI === void 0 || (_editorAPI$toolbar2 = editorAPI.toolbar) === null || _editorAPI$toolbar2 === void 0 ? void 0 : _editorAPI$toolbar2.actions.contextualFormattingMode();
   var intl = useIntl();
   var toolbar = components === null || components === void 0 ? void 0 : components.find(function (component) {
     return component.key === TOOLBARS.PRIMARY_TOOLBAR;
@@ -109,41 +105,9 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
   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, function (_ref6) {
-      var ContextPanelWidth = _ref6.width;
-      return /*#__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, function (_ref7) {
-    var ContextPanelWidth = _ref7.width;
-    return /*#__PURE__*/React.createElement(ExcludeFromHydration, {
-      fallback: /*#__PURE__*/React.createElement(ToolbarPlaceholder, null)
-    }, /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
+  return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, function (_ref6) {
+    var ContextPanelWidth = _ref6.width;
+    return /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
       editorView: editorView,
       childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
       isShortcutToFocusToolbar: isShortcutToFocusToolbar,
@@ -154,7 +118,7 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
       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,
@@ -162,11 +126,11 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
       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)))));
   });
 };