@atlaskit/editor-core 219.9.13 → 219.9.15

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

@@ -1,74 +1,13 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-import { css, jsx } from '@emotion/react';
-// Pre-computed static styles for first- and second-child wrappers.
-// These contain no runtime logic and are safe for static-emotion mode.
-
-var firstChildStaticBase = css({
-  display: 'flex',
-  flexGrow: 1
-});
-
-// we can't avoid some kind of function call here, so we need to disable the rule
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-var firstChildStaticTwoLine = css({
-  '@media (max-width: 868px)': {
-    flex: '1 1 100%',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: 'var(--ak-editor-fullpage-toolbar-height)',
-    justifyContent: 'flex-end',
-    minWidth: 'fit-content'
-  }
-});
-var secondChildStaticBase = css({
-  minWidth: 'fit-content'
-});
-
-// we can't avoid some kind of function call here, so we need to disable the rule
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-var secondChildStaticTwoLine = css({
-  '@media (max-width: 868px)': {
-    display: 'flex',
-    flexGrow: 1,
-    flex: '1 1 100%',
-    margin: 'auto',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: 'var(--ak-editor-fullpage-toolbar-height)',
-    minWidth: 0
-  }
-});
-
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { MainToolbarForFirstChildWrapperCompiled, MainToolbarForSecondChildWrapperCompiled } from './CustomToolbarWrapper-compiled';
+import { MainToolbarForFirstChildWrapperEmotion, MainToolbarForSecondChildWrapperEmotion } from './CustomToolbarWrapper-emotion';
 // ---------------- First child wrapper ----------------
-export var MainToolbarForFirstChildWrapper = function MainToolbarForFirstChildWrapper(_ref) {
-  var twoLineEditorToolbar = _ref.twoLineEditorToolbar,
-    children = _ref.children,
-    role = _ref.role,
-    ariaLabel = _ref['aria-label'],
-    testId = _ref['data-testid'];
-  return jsx("div", {
-    css: [firstChildStaticBase, twoLineEditorToolbar && firstChildStaticTwoLine],
-    role: role,
-    "aria-label": ariaLabel,
-    "data-testid": testId
-  }, children);
-};
+export var MainToolbarForFirstChildWrapper = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, MainToolbarForFirstChildWrapperCompiled, MainToolbarForFirstChildWrapperEmotion);
 
 // ---------------- Second child wrapper ----------------
-export var MainToolbarForSecondChildWrapper = function MainToolbarForSecondChildWrapper(_ref2) {
-  var twoLineEditorToolbar = _ref2.twoLineEditorToolbar,
-    children = _ref2.children,
-    role = _ref2.role,
-    ariaLabel = _ref2['aria-label'],
-    testId = _ref2['data-testid'];
-  return jsx("div", {
-    css: [secondChildStaticBase, twoLineEditorToolbar && secondChildStaticTwoLine],
-    role: role,
-    "aria-label": ariaLabel,
-    "data-testid": testId
-  }, children);
-};
+export var MainToolbarForSecondChildWrapper = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, MainToolbarForSecondChildWrapperCompiled, MainToolbarForSecondChildWrapperEmotion);

package/dist/esm/ui/Appearance/FullPage/FullPage-compiled.compiled.css

@@ -0,0 +1,5 @@
+._1e0c1txw{display:flex}
+._1ul95x59{min-width:340px}
+._2lx21bp4{flex-direction:column}
+._4t3i1osq{height:100%}
+._vchhusvi{box-sizing:border-box}

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

@@ -0,0 +1,24 @@
+/* FullPage-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `FullPage.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import "./FullPage-compiled.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { forwardRef } from 'react';
+var styles = {
+  root: "_1ul95x59 _4t3i1osq _1e0c1txw _2lx21bp4 _vchhusvi"
+};
+export var FullPageEditorWrapperCompiled = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    style = _ref.style;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: ax([styles.root, className]),
+    style: style
+  }, children);
+});

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

@@ -0,0 +1,31 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `FullPage.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback; jsx required at runtime for @jsxRuntime classic
+import { jsx } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- intentional: emotion fallback branch imports from StyledComponents
+import { fullPageEditorWrapper as fullPageEditorWrapperStyles } from './StyledComponents';
+export var FullPageEditorWrapperEmotion = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    style = _ref.style;
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-classname-prop -- intentional: emotion fallback branch reuses StyledComponents style
+    jsx("div", {
+      css: fullPageEditorWrapperStyles,
+      ref: ref,
+      className: className,
+      style: style
+    }, children)
+  );
+});

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

@@ -1,12 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-import { jsx } from '@emotion/react';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { SSRRenderMeasure } from '@atlaskit/editor-common/performance/ssr-measures';
@@ -14,14 +7,19 @@ import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getPrimaryToolbarComponents } from '../../Toolbar/getPrimaryToolbarComponents';
+import { FullPageEditorWrapperCompiled } from './FullPage-compiled';
+import { FullPageEditorWrapperEmotion } from './FullPage-emotion';
 import { FullPageContentArea } from './FullPageContentArea';
 import { FullPageToolbar } from './FullPageToolbar';
 import { FullPageToolbarNext } from './FullPageToolbarNext';
-import { fullPageEditorWrapper } from './StyledComponents';
 var SSR_TRACE_SEGMENT_NAME = 'reactEditorView/fullPageAppearance';
+var FullPageEditorWrapperMigration = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, FullPageEditorWrapperCompiled, FullPageEditorWrapperEmotion);
 var useShowKeyline = function useShowKeyline(contentAreaRef) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -144,24 +142,27 @@ export var FullPageEditor = function FullPageEditor(props) {
   }
   var isToolbarAIFCEnabled = Boolean(editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.toolbar);
   var popupsBoundariesElement = props.popupsBoundariesElement || (scrollContentContainerRef === null || scrollContentContainerRef === void 0 || (_scrollContentContain = scrollContentContainerRef.current) === null || _scrollContentContain === void 0 ? void 0 : _scrollContentContain.containerArea) || undefined;
-  return jsx(SSRRenderMeasure, {
+  return /*#__PURE__*/React.createElement(SSRRenderMeasure, {
     segmentName: SSR_TRACE_SEGMENT_NAME,
     startTimestampRef: firstRenderStartTimestampRef,
     onSSRMeasure: props.onSSRMeasure
-  }, jsx(ContextPanelWidthProvider, 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: fullPageEditorWrapper
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
+  }, /*#__PURE__*/React.createElement(ContextPanelWidthProvider, null, /*#__PURE__*/React.createElement(FullPageEditorWrapperMigration
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: "akEditor",
-    ref: wrapperElementRef,
-    style: {
+    ref: wrapperElementRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style:
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
+    {
       '--ak-editor-fullpage-toolbar-height':
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
       FULL_PAGE_EDITOR_TOOLBAR_HEIGHT(isToolbarAIFCEnabled)
     }
-  }, !isEditorToolbarHidden && (isToolbarAIFCEnabled ? jsx(FullPageToolbarNext, {
+  }, !isEditorToolbarHidden && (isToolbarAIFCEnabled ? /*#__PURE__*/React.createElement(FullPageToolbarNext, {
     disabled: !!props.disabled || !hasHadInteraction && expValEquals('platform_editor_default_toolbar_state', 'isEnabled', true),
+    disabledWithoutInteractionLogic: !!props.disabled,
     toolbarDockingPosition: toolbarDockingPosition !== null && toolbarDockingPosition !== void 0 ? toolbarDockingPosition : toolbarDocking,
     beforeIcon: props.primaryToolbarIconBefore,
     editorAPI: editorAPI,
@@ -171,7 +172,7 @@ export var FullPageEditor = function FullPageEditor(props) {
     popupsScrollableElement: props.popupsScrollableElement,
     showKeyline: showKeyline,
     customPrimaryToolbarComponents: props.customPrimaryToolbarComponents
-  }) : jsx(FullPageToolbar, {
+  }) : /*#__PURE__*/React.createElement(FullPageToolbar, {
     appearance: props.appearance,
     editorAPI: editorAPI,
     beforeIcon: props.primaryToolbarIconBefore,
@@ -198,7 +199,7 @@ export var FullPageEditor = function FullPageEditor(props) {
     providerFactory: props.providerFactory,
     showKeyline: showKeyline,
     featureFlags: props.featureFlags
-  })), jsx(FullPageContentArea, {
+  })), /*#__PURE__*/React.createElement(FullPageContentArea, {
     editorAPI: editorAPI,
     ref: scrollContentContainerRef,
     appearance: props.appearance,

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

@@ -51,15 +51,20 @@ var editorContentAreaProsemirrorStyle = css({
     marginBottom: "var(--ds-space-300, 24px)"
   })
 });
+
+/*
+ EDITOR-7249: Scope to the main editor's ProseMirror (direct child) so nested
+ editors like the footer page-comment composer aren't hidden in Syntax view.
+*/
 var hideEditorContentAreaProsemirrorStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& .ProseMirror': {
+  '& > .ak-editor-content-area > .ProseMirror': {
     display: 'none'
   }
 });
 var hideEditorContentAreaProsemirrorWithAttributeStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '&[data-markdown-mode-hide-prosemirror="true"] .ProseMirror': {
+  '&[data-markdown-mode-hide-prosemirror="true"] > .ak-editor-content-area > .ProseMirror': {
     display: 'none'
   }
 });

package/dist/esm/ui/Appearance/FullPage/FullPageToolbar-compiled.compiled.css

@@ -0,0 +1,10 @@
+._16jlkb7n{flex-grow:1}
+._18u0pxbi{margin-left:var(--ds-space-200,1pc)}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._1bsbxy5q{width:var(--ds-space-400,2pc)}
+._1e0c1txw{display:flex}
+._2hwxpxbi{margin-right:var(--ds-space-200,1pc)}
+._4cvr1h6o{align-items:center}
+._4t3ixy5q{height:var(--ds-space-400,2pc)}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+@media (max-width:0px){._mlgzkb7n{grid-column:1}._tuuhkb7n{grid-row:1}}

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

@@ -0,0 +1,37 @@
+/* FullPageToolbar-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `FullPageToolbar.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import "./FullPageToolbar-compiled.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+var nonCustomToolbarCompiledStyles = {
+  root: "_4cvr1h6o _1e0c1txw _16jlkb7n"
+};
+var mainToolbarIconBeforeCompiledStyles = {
+  root: "_19pkpxbi _2hwxpxbi _otyrpxbi _18u0pxbi _4t3ixy5q _1bsbxy5q _mlgzkb7n _tuuhkb7n"
+};
+var customToolbarCompiledStyles = {
+  root: "_4cvr1h6o _1e0c1txw"
+};
+export var NonCustomToolbarWrapperCompiled = function NonCustomToolbarWrapperCompiled(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax([nonCustomToolbarCompiledStyles.root])
+  }, children);
+};
+export var MainToolbarIconBeforeCompiled = function MainToolbarIconBeforeCompiled(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax([mainToolbarIconBeforeCompiledStyles.root])
+  }, children);
+};
+export var CustomToolbarWrapperCompiled = function CustomToolbarWrapperCompiled(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax([customToolbarCompiledStyles.root])
+  }, children);
+};

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

@@ -0,0 +1,50 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `FullPageToolbar.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback; jsx required at runtime for @jsxRuntime classic
+import { css, jsx } from '@emotion/react';
+import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
+var nonCustomToolbarWrapperStyle = css({
+  alignItems: 'center',
+  display: 'flex',
+  flexGrow: 1
+});
+var mainToolbarIconBeforeStyle = css(_defineProperty({
+  margin: "var(--ds-space-200, 16px)",
+  height: "var(--ds-space-400, 32px)",
+  width: "var(--ds-space-400, 32px)"
+}, "@media (max-width: ".concat(akEditorMobileMaxWidth, "px)"), {
+  gridColumn: 1,
+  gridRow: 1
+}));
+var customToolbarWrapperStyle = css({
+  alignItems: 'center',
+  display: 'flex'
+});
+export var NonCustomToolbarWrapperEmotion = function NonCustomToolbarWrapperEmotion(_ref) {
+  var children = _ref.children;
+  return jsx("div", {
+    css: nonCustomToolbarWrapperStyle
+  }, children);
+};
+export var MainToolbarIconBeforeEmotion = function MainToolbarIconBeforeEmotion(_ref2) {
+  var children = _ref2.children;
+  return jsx("div", {
+    css: mainToolbarIconBeforeStyle
+  }, children);
+};
+export var CustomToolbarWrapperEmotion = function CustomToolbarWrapperEmotion(_ref3) {
+  var children = _ref3.children;
+  return jsx("div", {
+    css: customToolbarWrapperStyle
+  }, children);
+};

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

@@ -1,24 +1,29 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
 import React, { useEffect, useCallback, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
 import { ContextPanelConsumer } from '@atlaskit/editor-common/context-panel';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ToolbarPortalMountPoint, useToolbarPortal } from '../../Toolbar/ToolbarPortal';
 import { ToolbarWithSizeDetector as Toolbar } from '../../Toolbar/ToolbarWithSizeDetector';
 import { BeforePrimaryToolbarWrapper } from './BeforeWrapper';
 import { MainToolbarForFirstChildWrapper, MainToolbarForSecondChildWrapper } from './CustomToolbarWrapper';
-import { customToolbarWrapperStyle, mainToolbarIconBeforeStyle, MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, nonCustomToolbarWrapperStyle } from './MainToolbar';
+import { CustomToolbarWrapperCompiled, MainToolbarIconBeforeCompiled, NonCustomToolbarWrapperCompiled } from './FullPageToolbar-compiled';
+import { CustomToolbarWrapperEmotion, MainToolbarIconBeforeEmotion, NonCustomToolbarWrapperEmotion } from './FullPageToolbar-emotion';
+import { MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT } from './MainToolbar';
 import { MainToolbarWrapper } from './MainToolbarWrapper';
+var NonCustomToolbarWrapperMigration = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, NonCustomToolbarWrapperCompiled, NonCustomToolbarWrapperEmotion);
+var MainToolbarIconBeforeMigration = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, MainToolbarIconBeforeCompiled, MainToolbarIconBeforeEmotion);
+var CustomToolbarWrapperMigration = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, CustomToolbarWrapperCompiled, CustomToolbarWrapperEmotion);
 export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
   var _props$primaryToolbar, _useToolbarPortal, _props$customPrimaryT;
   var _useState = useState(false),
@@ -38,13 +43,7 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
     ToolbarPortal = _ref.Portal;
   var hasToolbarPortal = ToolbarPortal !== React.Fragment;
   var popupsMountPoint = hasToolbarPortal ? 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", {
-    css: nonCustomToolbarWrapperStyle
-  }, props.beforeIcon && jsx("div", {
-    css: mainToolbarIconBeforeStyle
-  }, props.beforeIcon), jsx(Toolbar, {
+  var nonCustomToolbar = /*#__PURE__*/React.createElement(NonCustomToolbarWrapperMigration, null, props.beforeIcon && /*#__PURE__*/React.createElement(MainToolbarIconBeforeMigration, null, props.beforeIcon), /*#__PURE__*/React.createElement(Toolbar, {
     editorView: props.editorView,
     editorActions: props.editorActions,
     eventDispatcher: props.eventDispatcher,
@@ -60,11 +59,7 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
     hasMinWidth: props.hasMinWidth,
     twoLineEditorToolbar: twoLineEditorToolbar
   }));
-  var customToolbar =
-  // 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", {
-    css: customToolbarWrapperStyle
-  }, !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? jsx(BeforePrimaryToolbarWrapper, {
+  var customToolbar = /*#__PURE__*/React.createElement(CustomToolbarWrapperMigration, null, !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? /*#__PURE__*/React.createElement(BeforePrimaryToolbarWrapper, {
     beforePrimaryToolbarComponents: (_props$customPrimaryT = props.customPrimaryToolbarComponents) === null || _props$customPrimaryT === void 0 ? void 0 : _props$customPrimaryT.before
   }) : null, !editorExperiment('platform_editor_controls', 'variant1') && editorAPI !== null && editorAPI !== void 0 && editorAPI.findReplace && twoLineEditorToolbar ? editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.findReplace.actions.registerToolbarButton({
     popupsBoundariesElement: props.popupsBoundariesElement,
@@ -103,28 +98,28 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
     event.preventDefault();
     event.stopPropagation();
   }, [props.editorView]);
-  return jsx(ContextPanelConsumer, null, function (_ref2) {
+  return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, function (_ref2) {
     var contextPanelWidth = _ref2.width;
-    return jsx(ToolbarArrowKeyNavigationProvider, {
+    return /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
       editorView: props.editorView,
       childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
       isShortcutToFocusToolbar: isShortcutToFocusToolbar,
       handleEscape: handleEscape,
       intl: props.intl
-    }, jsx(ToolbarPortal, null, jsx(MainToolbarWrapper, {
+    }, /*#__PURE__*/React.createElement(ToolbarPortal, null, /*#__PURE__*/React.createElement(MainToolbarWrapper, {
       showKeyline: props.showKeyline || contextPanelWidth > 0,
       twoLineEditorToolbar: twoLineEditorToolbar,
       "data-testid": "ak-editor-main-toolbar"
-    }, jsx(MainToolbarForFirstChildWrapper, {
+    }, /*#__PURE__*/React.createElement(MainToolbarForFirstChildWrapper, {
       twoLineEditorToolbar: twoLineEditorToolbar,
       role: "toolbar",
       "aria-label": props.intl.formatMessage(messages.toolbarLabel)
-    }, shouldSplitToolbar ? customToolbar : nonCustomToolbar), jsx(MainToolbarForSecondChildWrapper, {
+    }, shouldSplitToolbar ? customToolbar : nonCustomToolbar), /*#__PURE__*/React.createElement(MainToolbarForSecondChildWrapper, {
       twoLineEditorToolbar: twoLineEditorToolbar,
       "data-testid": "avatar-group-outside-plugin",
       role: "region",
       "aria-label": props.intl.formatMessage(messages.pageActionsLabel)
-    }, shouldSplitToolbar ? nonCustomToolbar : customToolbar), jsx(ToolbarPortalMountPoint, null))));
+    }, shouldSplitToolbar ? nonCustomToolbar : customToolbar), /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null))));
   });
 });
 

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

@@ -71,7 +71,8 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
     popupsMountPoint = _ref4.popupsMountPoint,
     showKeyline = _ref4.showKeyline,
     customPrimaryToolbarComponents = _ref4.customPrimaryToolbarComponents,
-    disabled = _ref4.disabled;
+    disabled = _ref4.disabled,
+    disabledWithoutInteractionLogic = _ref4.disabledWithoutInteractionLogic;
   var components = editorAPI === null || editorAPI === void 0 || (_editorAPI$toolbar = editorAPI.toolbar) === null || _editorAPI$toolbar === void 0 ? void 0 : _editorAPI$toolbar.actions.getComponents();
   var runtimeOverride = useSharedPluginStateWithSelector(editorAPI, ['toolbar'], function (states) {
     var _states$toolbarState;
@@ -139,7 +140,8 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
       editorAPI: editorAPI,
       popupsMountPoint: mountPoint,
       editorAppearance: "full-page",
-      isDisabled: disabled
+      isDisabled: disabled,
+      disabledWithoutInteractionLogic: disabledWithoutInteractionLogic
     }) : /*#__PURE__*/React.createElement(ExcludeFromHydration, null, primaryToolbarDockingConfigEnabled && components && visibleToolbarComponents && isToolbar(toolbar) && editorView && !isSSR() && /*#__PURE__*/React.createElement(ToolbarNext, {
       toolbar: toolbar,
       components: visibleToolbarComponents,
@@ -147,7 +149,8 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
       editorAPI: editorAPI,
       popupsMountPoint: mountPoint,
       editorAppearance: "full-page",
-      isDisabled: disabled
+      isDisabled: disabled,
+      disabledWithoutInteractionLogic: disabledWithoutInteractionLogic
     }))), /*#__PURE__*/React.createElement(SecondChildWrapper, null, /*#__PURE__*/React.createElement("div", {
       className: ax([styles.customToolbarWrapperStyle])
     }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {

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

@@ -62,7 +62,8 @@ export var ToolbarNext = function ToolbarNext(_ref) {
     editorAppearance = _ref.editorAppearance,
     popupsBoundariesElement = _ref.popupsBoundariesElement,
     popupsScrollableElement = _ref.popupsScrollableElement,
-    isDisabled = _ref.isDisabled;
+    isDisabled = _ref.isDisabled,
+    disabledWithoutInteractionLogic = _ref.disabledWithoutInteractionLogic;
   var _usePluginState = usePluginState(editorAPI),
     connectivityStateMode = _usePluginState.connectivityStateMode,
     editorViewMode = _usePluginState.editorViewMode,
@@ -90,6 +91,7 @@ export var ToolbarNext = function ToolbarNext(_ref) {
   }, /*#__PURE__*/React.createElement(EditorToolbarUIProvider, {
     api: editorAPI,
     isDisabled: isDisabled,
+    disabledWithoutInteractionLogic: disabledWithoutInteractionLogic,
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,
     popupsScrollableElement: popupsScrollableElement,

package/dist/esm/version-wrapper.js

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

package/dist/types/ui/Appearance/FullPage/BeforeWrapper-compiled.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `BeforeWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactElement } from 'react';
+type ReactComponents = ReactElement | ReactElement[];
+export declare const BeforePrimaryToolbarWrapperCompiled: (props: {
+    beforePrimaryToolbarComponents: ReactComponents | undefined;
+}) => React.JSX.Element;
+export {};

package/dist/types/ui/Appearance/FullPage/BeforeWrapper-emotion.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `BeforeWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactElement } from 'react';
+type ReactComponents = ReactElement | ReactElement[];
+export declare const BeforePrimaryToolbarWrapperEmotion: (props: {
+    beforePrimaryToolbarComponents: ReactComponents | undefined;
+}) => React.JSX.Element;
+export {};

package/dist/types/ui/Appearance/FullPage/BeforeWrapper.d.ts

@@ -1,11 +1,6 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import type { ReactElement } from 'react';
-import { jsx } from '@emotion/react';
+import type { FC, ReactElement } from 'react';
 type ReactComponents = ReactElement | ReactElement[];
-export declare const BeforePrimaryToolbarWrapper: (props: {
+export declare const BeforePrimaryToolbarWrapper: FC<{
     beforePrimaryToolbarComponents: ReactComponents | undefined;
-}) => jsx.JSX.Element;
+}>;
 export {};

package/dist/types/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.d.ts

@@ -0,0 +1,3 @@
+import type { ChildWrapperProps } from './CustomToolbarWrapper';
+export declare const MainToolbarForFirstChildWrapperCompiled: ({ twoLineEditorToolbar, children, role, "aria-label": ariaLabel, "data-testid": testId, }: ChildWrapperProps) => React.JSX.Element;
+export declare const MainToolbarForSecondChildWrapperCompiled: ({ twoLineEditorToolbar, children, role, "aria-label": ariaLabel, "data-testid": testId, }: ChildWrapperProps) => React.JSX.Element;

package/dist/types/ui/Appearance/FullPage/CustomToolbarWrapper-emotion.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `CustomToolbarWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+import type { ChildWrapperProps } from './CustomToolbarWrapper';
+export declare const MainToolbarForFirstChildWrapperEmotion: ({ twoLineEditorToolbar, children, role, "aria-label": ariaLabel, "data-testid": testId, }: ChildWrapperProps) => React.JSX.Element;
+export declare const MainToolbarForSecondChildWrapperEmotion: ({ twoLineEditorToolbar, children, role, "aria-label": ariaLabel, "data-testid": testId, }: ChildWrapperProps) => React.JSX.Element;

package/dist/types/ui/Appearance/FullPage/CustomToolbarWrapper.d.ts

@@ -1,16 +1,10 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { jsx } from '@emotion/react';
-interface ChildWrapperProps {
+import type { FC } from 'react';
+export interface ChildWrapperProps {
     'aria-label'?: string;
     children: React.ReactNode;
     'data-testid'?: string;
     role?: string;
     twoLineEditorToolbar: boolean;
 }
-export declare const MainToolbarForFirstChildWrapper: ({ twoLineEditorToolbar, children, role, "aria-label": ariaLabel, "data-testid": testId, }: ChildWrapperProps) => jsx.JSX.Element;
-export declare const MainToolbarForSecondChildWrapper: ({ twoLineEditorToolbar, children, role, "aria-label": ariaLabel, "data-testid": testId, }: ChildWrapperProps) => jsx.JSX.Element;
-export {};
+export declare const MainToolbarForFirstChildWrapper: FC<ChildWrapperProps>;
+export declare const MainToolbarForSecondChildWrapper: FC<ChildWrapperProps>;

package/dist/types/ui/Appearance/FullPage/FullPage-compiled.d.ts

@@ -0,0 +1,7 @@
+interface FullPageEditorWrapperProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const FullPageEditorWrapperCompiled: React.ForwardRefExoticComponent<FullPageEditorWrapperProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/ui/Appearance/FullPage/FullPage-emotion.d.ts

@@ -0,0 +1,7 @@
+interface FullPageEditorWrapperProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const FullPageEditorWrapperEmotion: React.ForwardRefExoticComponent<FullPageEditorWrapperProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/ui/Appearance/FullPage/FullPage.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+import React from 'react';
 import type { OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugins/editor-viewmode';
 import type { InteractionPlugin } from '@atlaskit/editor-plugins/interaction';
@@ -15,4 +15,4 @@ export type ComponentProps = EditorAppearanceComponentProps<[
     OptionalPlugin<ToolbarPlugin>,
     ...ToolbarEditorPlugins
 ]>;
-export declare const FullPageEditor: (props: ComponentProps) => jsx.JSX.Element;
+export declare const FullPageEditor: (props: ComponentProps) => React.JSX.Element;