@atlaskit/editor-core 203.12.0 → 203.13.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/editor-core
 
+## 203.13.0
+
+### Minor Changes
+
+- [#106964](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/106964)
+  [`996f72bae4986`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/996f72bae4986) -
+  [No Issue] Introducing virtualization for inline nodes
+
+### Patch Changes
+
+- [#108797](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108797)
+  [`9a3f165bc940b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9a3f165bc940b) -
+  tidy up feature flag confluence_frontend_editor_custom_presets
+- Updated dependencies
+
+## 203.12.1
+
+### Patch Changes
+
+- [#106923](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/106923)
+  [`5f44122535833`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5f44122535833) -
+  ED-26253 Update table css selectors so they don't get applied to table elements not owned by the
+  editor and nested inside an editor table
+- [#107631](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107631)
+  [`4dd152f2bd7cb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4dd152f2bd7cb) -
+  updated jsdoc to include example for new replaceDocument core action
+
 ## 203.12.0
 
 ### Minor Changes

package/dist/cjs/actions/index.js

@@ -329,6 +329,12 @@ var EditorActions = exports.default = /*#__PURE__*/function () {
     /**
      * @deprecated - please use `replaceDocument` found in the core plugin actions instead
      * using this will reset your Editor State which could cause some things to break (like emojis)
+     * @example - use the `replaceDocument` from the core plugin actions instead
+     * ```ts
+     * const { editorApi, preset } = usePreset(...);
+    	// where you need it
+    	editorApi?.core.actions.replaceDocument(value);
+    	return <ComposableEditor preset={preset} ... />
      */
   }, {
     key: "replaceDocument",

package/dist/cjs/create-editor/create-schema.js

@@ -12,7 +12,6 @@ var _schema = require("@atlaskit/adf-schema/schema");
 var _legacyRankPlugins = require("@atlaskit/editor-common/legacy-rank-plugins");
 var _prosemirrorDomMetadata = require("@atlaskit/editor-common/prosemirror-dom-metadata");
 var _model = require("@atlaskit/editor-prosemirror/model");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _createEditor = require("./create-editor");
 /**
  * 🧱 Internal Helper Function: Editor FE Platform
@@ -96,19 +95,11 @@ var wrapNodeSpecProxy = exports.wrapNodeSpecProxy = function wrapNodeSpecProxy(s
 };
 function createSchema(editorConfig) {
   var marks = (0, _createEditor.fixExcludes)(editorConfig.marks.sort((0, _legacyRankPlugins.sortByOrder)('marks')).reduce(function (acc, mark) {
-    if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css')) {
-      acc[mark.name] = wrapNodeSpecProxy(mark.mark);
-    } else {
-      acc[mark.name] = mark.mark;
-    }
+    acc[mark.name] = wrapNodeSpecProxy(mark.mark);
     return acc;
   }, {}));
   var nodes = (0, _schema.sanitizeNodes)(editorConfig.nodes.sort((0, _legacyRankPlugins.sortByOrder)('nodes')).reduce(function (acc, node) {
-    if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css')) {
-      acc[node.name] = wrapNodeSpecProxy(node.node);
-    } else {
-      acc[node.name] = node.node;
-    }
+    acc[node.name] = wrapNodeSpecProxy(node.node);
     return acc;
   }, {}), marks);
   return new _model.Schema({

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

@@ -185,6 +185,7 @@ var hiddenStyle = (0, _react2.css)({
   transition: '200ms opacity, 200ms visibility, 200ms transform',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '&[data-hidden="true"]': {
+    height: 0,
     visibility: 'hidden',
     opacity: 0
     // transition: '0ms opacity, 0ms visibility, 0ms transform',

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

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
 var _ContextPanel = require("../../ContextPanel");
 var _PluginSlot = _interopRequireDefault(require("../../PluginSlot"));
@@ -53,23 +53,29 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     _StyledComponents.contentArea,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _experiments.editorExperiment)('live_pages_graceful_edit', 'control') && props.isEditorToolbarHidden &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    props.isEditorToolbarHidden && _StyledComponents.contentAreaHeightNoToolbar],
+    _StyledComponents.contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,
     ref: containerRef
+    // eslint-disable-next-line  @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: !(0, _experiments.editorExperiment)('live_pages_graceful_edit', 'control') && props.isEditorToolbarHidden ? 'ak-editor-content-area-no-toolbar' : undefined
   }, (0, _react2.jsx)("div", {
     css:
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-    (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? _StyledComponents.contentAreaWrapper : _StyledComponents.contentAreaWrapperNoStyles,
+    _StyledComponents.contentAreaWrapper,
     "data-testid": EDITOR_CONTAINER,
-    "data-editor-container": (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? 'true' : 'false'
+    "data-editor-container": 'true'
   }, (0, _react2.jsx)(_StyledComponents.ScrollContainer
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: "fabric-editor-popup-scroll-parent",
     featureFlags: props.featureFlags,
     ref: scrollContainerRef,
-    viewMode: props === null || props === void 0 ? void 0 : props.viewMode
+    viewMode: props === null || props === void 0 ? void 0 : props.viewMode,
+    isScrollable: true
   }, (0, _react2.jsx)(_ClickAreaBlock.default, {
     editorView: props.editorView,
     editorDisabled: props.disabled

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sidebarArea = exports.fullPageEditorWrapper = exports.editorContentGutterStyle = exports.editorContentAreaStyle = exports.editorContentAreaHideContainer = exports.contentAreaWrapperNoStyles = exports.contentAreaWrapper = exports.contentAreaHeightNoToolbar = exports.contentArea = exports.ScrollContainer = void 0;
+exports.sidebarArea = exports.fullPageEditorWrapper = exports.editorContentGutterStyle = exports.editorContentAreaStyle = exports.editorContentAreaHideContainer = exports.contentAreaWrapper = exports.contentAreaHeightNoToolbar = exports.contentArea = exports.ScrollContainer = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _adfSchema = require("@atlaskit/adf-schema");
@@ -54,6 +54,12 @@ var contentArea = exports.contentArea = function contentArea() {
     flexDirection: 'row',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: "calc(100% - ".concat(editorToolbarHeight, ")"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
+    '&.ak-editor-content-area-no-toolbar': {
+      // The editor toolbar height is 1px off (from the border) -- so we need to add 1px to the height
+      // to match the toolbar height
+      height: "calc(100% + 1px)"
+    },
     boxSizing: 'border-box',
     margin: 0,
     padding: 0,
@@ -75,11 +81,6 @@ var contentAreaWrapper = exports.contentAreaWrapper = (0, _react.css)({
   contain: 'layout style inline-size'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-var contentAreaWrapperNoStyles = exports.contentAreaWrapperNoStyles = (0, _react.css)({
-  display: 'contents'
-});
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var contentAreaHeightNoToolbar = exports.contentAreaHeightNoToolbar = (0, _react.css)({
   height: '100%'
@@ -151,6 +152,13 @@ var editorContentArea = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px',
   paddingTop: "var(--ds-space-600, 48px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ak-editor-content-area-no-toolbar &': {
+    // When the toolbar is hidden, we don't want content to jump up
+    // the extra 1px is to account for the border on the toolbar
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,  @atlaskit/ui-styling-standard/no-unsafe-values
+    paddingTop: "calc(".concat("var(--ds-space-600, 48px)", " + ", (0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)(), " + 1px)")
+  },
   paddingBottom: "var(--ds-space-600, 48px)",
   height: 'calc( 100% - 105px )',
   width: '100%',

package/dist/cjs/ui/ContentStyles/index.js

@@ -114,14 +114,21 @@ var createEditorContentStyle = exports.createEditorContentStyle = function creat
         typographyTheme: typography
       });
     }, [theme, colorMode, featureFlags, props.viewMode, typography]);
-    return (
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      (0, _react2.jsx)("div", {
+    if (props.isScrollable) {
+      return (0, _react2.jsx)("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: className,
         ref: ref,
-        css: [memoizedStyle, styles]
-      }, children)
-    );
+        css: [memoizedStyle, styles],
+        "data-editor-scroll-container": "true"
+      }, children);
+    }
+    return (0, _react2.jsx)("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: className,
+      ref: ref,
+      css: [memoizedStyle, styles]
+    }, children);
   });
 };
 var _default = exports.default = createEditorContentStyle();

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 = "203.12.0";
+var version = exports.version = "203.13.0";

package/dist/es2019/actions/index.js

@@ -243,6 +243,12 @@ export default class EditorActions {
   /**
    * @deprecated - please use `replaceDocument` found in the core plugin actions instead
    * using this will reset your Editor State which could cause some things to break (like emojis)
+   * @example - use the `replaceDocument` from the core plugin actions instead
+   * ```ts
+   * const { editorApi, preset } = usePreset(...);
+  	// where you need it
+  	editorApi?.core.actions.replaceDocument(value);
+  	return <ComposableEditor preset={preset} ... />
    */
   replaceDocument(
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/dist/es2019/create-editor/create-schema.js

@@ -2,7 +2,6 @@ import { sanitizeNodes } from '@atlaskit/adf-schema/schema';
 import { sortByOrder } from '@atlaskit/editor-common/legacy-rank-plugins';
 import { createProseMirrorMetadata } from '@atlaskit/editor-common/prosemirror-dom-metadata';
 import { Schema } from '@atlaskit/editor-prosemirror/model';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { fixExcludes } from './create-editor';
 /**
  * 🧱 Internal Helper Function: Editor FE Platform
@@ -87,19 +86,11 @@ export const wrapNodeSpecProxy = spec => {
 };
 export function createSchema(editorConfig) {
   const marks = fixExcludes(editorConfig.marks.sort(sortByOrder('marks')).reduce((acc, mark) => {
-    if (fg('platform_editor_breakout_use_css')) {
-      acc[mark.name] = wrapNodeSpecProxy(mark.mark);
-    } else {
-      acc[mark.name] = mark.mark;
-    }
+    acc[mark.name] = wrapNodeSpecProxy(mark.mark);
     return acc;
   }, {}));
   const nodes = sanitizeNodes(editorConfig.nodes.sort(sortByOrder('nodes')).reduce((acc, node) => {
-    if (fg('platform_editor_breakout_use_css')) {
-      acc[node.name] = wrapNodeSpecProxy(node.node);
-    } else {
-      acc[node.name] = node.node;
-    }
+    acc[node.name] = wrapNodeSpecProxy(node.node);
     return acc;
   }, {}), marks);
   return new Schema({

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

@@ -167,6 +167,7 @@ const hiddenStyle = css({
   transition: '200ms opacity, 200ms visibility, 200ms transform',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '&[data-hidden="true"]': {
+    height: 0,
     visibility: 'hidden',
     opacity: 0
     // transition: '0ms opacity, 0ms visibility, 0ms transform',

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

@@ -9,13 +9,13 @@ import React, { useImperativeHandle, useRef } from 'react';
 import { jsx, useTheme } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 import ClickAreaBlock from '../../Addon/ClickAreaBlock';
 import { ContextPanel } from '../../ContextPanel';
 import PluginSlot from '../../PluginSlot';
-import { contentArea, contentAreaHeightNoToolbar, contentAreaWrapper, contentAreaWrapperNoStyles, editorContentAreaStyle, editorContentGutterStyle, ScrollContainer, sidebarArea } from './StyledComponents';
+import { contentArea, contentAreaHeightNoToolbar, contentAreaWrapper, editorContentAreaStyle, editorContentGutterStyle, ScrollContainer, sidebarArea } from './StyledComponents';
 export const CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 export const EDITOR_CONTAINER = 'ak-editor-container';
 const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
@@ -40,23 +40,29 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     contentArea,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorExperiment('live_pages_graceful_edit', 'control') && props.isEditorToolbarHidden &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
+    contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,
     ref: containerRef
+    // eslint-disable-next-line  @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: !editorExperiment('live_pages_graceful_edit', 'control') && props.isEditorToolbarHidden ? 'ak-editor-content-area-no-toolbar' : undefined
   }, jsx("div", {
     css:
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-    fg('platform_editor_breakout_use_css') ? contentAreaWrapper : contentAreaWrapperNoStyles,
+    contentAreaWrapper,
     "data-testid": EDITOR_CONTAINER,
-    "data-editor-container": fg('platform_editor_breakout_use_css') ? 'true' : 'false'
+    "data-editor-container": 'true'
   }, jsx(ScrollContainer
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: "fabric-editor-popup-scroll-parent",
     featureFlags: props.featureFlags,
     ref: scrollContainerRef,
-    viewMode: props === null || props === void 0 ? void 0 : props.viewMode
+    viewMode: props === null || props === void 0 ? void 0 : props.viewMode,
+    isScrollable: true
   }, jsx(ClickAreaBlock, {
     editorView: props.editorView,
     editorDisabled: props.disabled

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

@@ -44,6 +44,12 @@ export const contentArea = () => {
     flexDirection: 'row',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: `calc(100% - ${editorToolbarHeight})`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
+    '&.ak-editor-content-area-no-toolbar': {
+      // The editor toolbar height is 1px off (from the border) -- so we need to add 1px to the height
+      // to match the toolbar height
+      height: `calc(100% + 1px)`
+    },
     boxSizing: 'border-box',
     margin: 0,
     padding: 0,
@@ -65,11 +71,6 @@ export const contentAreaWrapper = css({
   contain: 'layout style inline-size'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-export const contentAreaWrapperNoStyles = css({
-  display: 'contents'
-});
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const contentAreaHeightNoToolbar = css({
   height: '100%'
@@ -136,6 +137,13 @@ const editorContentArea = css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px',
   paddingTop: "var(--ds-space-600, 48px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ak-editor-content-area-no-toolbar &': {
+    // When the toolbar is hidden, we don't want content to jump up
+    // the extra 1px is to account for the border on the toolbar
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,  @atlaskit/ui-styling-standard/no-unsafe-values
+    paddingTop: `calc(${"var(--ds-space-600, 48px)"} + ${FULL_PAGE_EDITOR_TOOLBAR_HEIGHT()} + 1px)`
+  },
   paddingBottom: "var(--ds-space-600, 48px)",
   height: 'calc( 100% - 105px )',
   width: '100%',

package/dist/es2019/ui/ContentStyles/index.js

@@ -427,14 +427,21 @@ export const createEditorContentStyle = styles => {
       viewMode: props.viewMode,
       typographyTheme: typography
     }), [theme, colorMode, featureFlags, props.viewMode, typography]);
-    return (
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      jsx("div", {
+    if (props.isScrollable) {
+      return jsx("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: className,
         ref: ref,
-        css: [memoizedStyle, styles]
-      }, children)
-    );
+        css: [memoizedStyle, styles],
+        "data-editor-scroll-container": "true"
+      }, children);
+    }
+    return jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: className,
+      ref: ref,
+      css: [memoizedStyle, styles]
+    }, children);
   });
 };
 export default createEditorContentStyle();

package/dist/es2019/version-wrapper.js

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

package/dist/esm/actions/index.js

@@ -323,6 +323,12 @@ var EditorActions = /*#__PURE__*/function () {
     /**
      * @deprecated - please use `replaceDocument` found in the core plugin actions instead
      * using this will reset your Editor State which could cause some things to break (like emojis)
+     * @example - use the `replaceDocument` from the core plugin actions instead
+     * ```ts
+     * const { editorApi, preset } = usePreset(...);
+    	// where you need it
+    	editorApi?.core.actions.replaceDocument(value);
+    	return <ComposableEditor preset={preset} ... />
      */
   }, {
     key: "replaceDocument",

package/dist/esm/create-editor/create-schema.js

@@ -3,7 +3,6 @@ import { sanitizeNodes } from '@atlaskit/adf-schema/schema';
 import { sortByOrder } from '@atlaskit/editor-common/legacy-rank-plugins';
 import { createProseMirrorMetadata } from '@atlaskit/editor-common/prosemirror-dom-metadata';
 import { Schema } from '@atlaskit/editor-prosemirror/model';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { fixExcludes } from './create-editor';
 /**
  * 🧱 Internal Helper Function: Editor FE Platform
@@ -87,19 +86,11 @@ export var wrapNodeSpecProxy = function wrapNodeSpecProxy(spec) {
 };
 export function createSchema(editorConfig) {
   var marks = fixExcludes(editorConfig.marks.sort(sortByOrder('marks')).reduce(function (acc, mark) {
-    if (fg('platform_editor_breakout_use_css')) {
-      acc[mark.name] = wrapNodeSpecProxy(mark.mark);
-    } else {
-      acc[mark.name] = mark.mark;
-    }
+    acc[mark.name] = wrapNodeSpecProxy(mark.mark);
     return acc;
   }, {}));
   var nodes = sanitizeNodes(editorConfig.nodes.sort(sortByOrder('nodes')).reduce(function (acc, node) {
-    if (fg('platform_editor_breakout_use_css')) {
-      acc[node.name] = wrapNodeSpecProxy(node.node);
-    } else {
-      acc[node.name] = node.node;
-    }
+    acc[node.name] = wrapNodeSpecProxy(node.node);
     return acc;
   }, {}), marks);
   return new Schema({

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

@@ -174,6 +174,7 @@ var hiddenStyle = css({
   transition: '200ms opacity, 200ms visibility, 200ms transform',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '&[data-hidden="true"]': {
+    height: 0,
     visibility: 'hidden',
     opacity: 0
     // transition: '0ms opacity, 0ms visibility, 0ms transform',

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

@@ -9,13 +9,13 @@ import React, { useImperativeHandle, useRef } from 'react';
 import { jsx, useTheme } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 import ClickAreaBlock from '../../Addon/ClickAreaBlock';
 import { ContextPanel } from '../../ContextPanel';
 import PluginSlot from '../../PluginSlot';
-import { contentArea, contentAreaHeightNoToolbar, contentAreaWrapper, contentAreaWrapperNoStyles, editorContentAreaStyle, editorContentGutterStyle, ScrollContainer, sidebarArea } from './StyledComponents';
+import { contentArea, contentAreaHeightNoToolbar, contentAreaWrapper, editorContentAreaStyle, editorContentGutterStyle, ScrollContainer, sidebarArea } from './StyledComponents';
 export var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 export var EDITOR_CONTAINER = 'ak-editor-container';
 var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -42,23 +42,29 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     contentArea,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorExperiment('live_pages_graceful_edit', 'control') && props.isEditorToolbarHidden &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
+    contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,
     ref: containerRef
+    // eslint-disable-next-line  @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: !editorExperiment('live_pages_graceful_edit', 'control') && props.isEditorToolbarHidden ? 'ak-editor-content-area-no-toolbar' : undefined
   }, jsx("div", {
     css:
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-    fg('platform_editor_breakout_use_css') ? contentAreaWrapper : contentAreaWrapperNoStyles,
+    contentAreaWrapper,
     "data-testid": EDITOR_CONTAINER,
-    "data-editor-container": fg('platform_editor_breakout_use_css') ? 'true' : 'false'
+    "data-editor-container": 'true'
   }, jsx(ScrollContainer
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: "fabric-editor-popup-scroll-parent",
     featureFlags: props.featureFlags,
     ref: scrollContainerRef,
-    viewMode: props === null || props === void 0 ? void 0 : props.viewMode
+    viewMode: props === null || props === void 0 ? void 0 : props.viewMode,
+    isScrollable: true
   }, jsx(ClickAreaBlock, {
     editorView: props.editorView,
     editorDisabled: props.disabled

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

@@ -47,6 +47,12 @@ export var contentArea = function contentArea() {
     flexDirection: 'row',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: "calc(100% - ".concat(editorToolbarHeight, ")"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
+    '&.ak-editor-content-area-no-toolbar': {
+      // The editor toolbar height is 1px off (from the border) -- so we need to add 1px to the height
+      // to match the toolbar height
+      height: "calc(100% + 1px)"
+    },
     boxSizing: 'border-box',
     margin: 0,
     padding: 0,
@@ -68,11 +74,6 @@ export var contentAreaWrapper = css({
   contain: 'layout style inline-size'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-export var contentAreaWrapperNoStyles = css({
-  display: 'contents'
-});
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var contentAreaHeightNoToolbar = css({
   height: '100%'
@@ -144,6 +145,13 @@ var editorContentArea = css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px',
   paddingTop: "var(--ds-space-600, 48px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ak-editor-content-area-no-toolbar &': {
+    // When the toolbar is hidden, we don't want content to jump up
+    // the extra 1px is to account for the border on the toolbar
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,  @atlaskit/ui-styling-standard/no-unsafe-values
+    paddingTop: "calc(".concat("var(--ds-space-600, 48px)", " + ", FULL_PAGE_EDITOR_TOOLBAR_HEIGHT(), " + 1px)")
+  },
   paddingBottom: "var(--ds-space-600, 48px)",
   height: 'calc( 100% - 105px )',
   width: '100%',

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

@@ -106,14 +106,21 @@ export var createEditorContentStyle = function createEditorContentStyle(styles)
         typographyTheme: typography
       });
     }, [theme, colorMode, featureFlags, props.viewMode, typography]);
-    return (
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      jsx("div", {
+    if (props.isScrollable) {
+      return jsx("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: className,
         ref: ref,
-        css: [memoizedStyle, styles]
-      }, children)
-    );
+        css: [memoizedStyle, styles],
+        "data-editor-scroll-container": "true"
+      }, children);
+    }
+    return jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: className,
+      ref: ref,
+      css: [memoizedStyle, styles]
+    }, children);
   });
 };
 export default createEditorContentStyle();

package/dist/esm/version-wrapper.js

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

package/dist/types/actions/index.d.ts

@@ -43,6 +43,12 @@ export default class EditorActions<T = any> implements EditorActionsOptions<T> {
     /**
      * @deprecated - please use `replaceDocument` found in the core plugin actions instead
      * using this will reset your Editor State which could cause some things to break (like emojis)
+     * @example - use the `replaceDocument` from the core plugin actions instead
+     * ```ts
+     * const { editorApi, preset } = usePreset(...);
+        // where you need it
+        editorApi?.core.actions.replaceDocument(value);
+        return <ComposableEditor preset={preset} ... />
      */
     replaceDocument(rawValue: any, shouldScrollToBottom?: boolean, 
     /** @deprecated [ED-14158] shouldAddToHistory is not being used in this function */

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

@@ -6,10 +6,10 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
     featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
     viewMode?: "edit" | "view" | undefined;
     typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed" | undefined;
+    isScrollable?: boolean | undefined;
 } & import("react").HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const contentArea: () => import("@emotion/react").SerializedStyles;
 export declare const contentAreaWrapper: import("@emotion/react").SerializedStyles;
-export declare const contentAreaWrapperNoStyles: import("@emotion/react").SerializedStyles;
 export declare const contentAreaHeightNoToolbar: import("@emotion/react").SerializedStyles;
 export declare const sidebarArea: import("@emotion/react").SerializedStyles;
 export declare const editorContentAreaHideContainer: import("@emotion/react").SerializedStyles;

package/dist/types/ui/ContentStyles/index.d.ts

@@ -13,6 +13,7 @@ type ContentStylesProps = {
     featureFlags?: FeatureFlags;
     viewMode?: 'view' | 'edit';
     typographyTheme?: 'typography' | 'typography-adg3' | 'typography-modernized' | 'typography-refreshed';
+    isScrollable?: boolean;
 };
 export declare const placeholderStyles: SerializedStyles;
 /**

package/dist/types-ts4.5/actions/index.d.ts

@@ -43,6 +43,12 @@ export default class EditorActions<T = any> implements EditorActionsOptions<T> {
     /**
      * @deprecated - please use `replaceDocument` found in the core plugin actions instead
      * using this will reset your Editor State which could cause some things to break (like emojis)
+     * @example - use the `replaceDocument` from the core plugin actions instead
+     * ```ts
+     * const { editorApi, preset } = usePreset(...);
+        // where you need it
+        editorApi?.core.actions.replaceDocument(value);
+        return <ComposableEditor preset={preset} ... />
      */
     replaceDocument(rawValue: any, shouldScrollToBottom?: boolean, 
     /** @deprecated [ED-14158] shouldAddToHistory is not being used in this function */

package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts

@@ -6,10 +6,10 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
     featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
     viewMode?: "edit" | "view" | undefined;
     typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed" | undefined;
+    isScrollable?: boolean | undefined;
 } & import("react").HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const contentArea: () => import("@emotion/react").SerializedStyles;
 export declare const contentAreaWrapper: import("@emotion/react").SerializedStyles;
-export declare const contentAreaWrapperNoStyles: import("@emotion/react").SerializedStyles;
 export declare const contentAreaHeightNoToolbar: import("@emotion/react").SerializedStyles;
 export declare const sidebarArea: import("@emotion/react").SerializedStyles;
 export declare const editorContentAreaHideContainer: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/ContentStyles/index.d.ts

@@ -13,6 +13,7 @@ type ContentStylesProps = {
     featureFlags?: FeatureFlags;
     viewMode?: 'view' | 'edit';
     typographyTheme?: 'typography' | 'typography-adg3' | 'typography-modernized' | 'typography-refreshed';
+    isScrollable?: boolean;
 };
 export declare const placeholderStyles: SerializedStyles;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "203.12.0",
+	"version": "203.13.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
 		"@atlaskit/analytics-next": "^10.3.0",
 		"@atlaskit/analytics-next-stable-react-context": "1.0.1",
 		"@atlaskit/button": "^20.4.0",
-		"@atlaskit/editor-common": "^99.6.0",
+		"@atlaskit/editor-common": "^99.7.0",
 		"@atlaskit/editor-json-transformer": "^8.22.0",
 		"@atlaskit/editor-plugin-quick-insert": "1.9.0",
 		"@atlaskit/editor-plugins": "^7.1.0",
@@ -196,9 +196,6 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
-		"platform_editor_breakout_use_css": {
-			"type": "boolean"
-		},
 		"editor_request_to_edit_task": {
 			"type": "boolean"
 		},
@@ -230,6 +227,10 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
+		"platform_editor_vs_code_block_paste": {
+			"type": "boolean",
+			"referenceOnly": true
+		},
 		"platform_editor_react18_extension_component_v2": {
 			"type": "boolean"
 		},
@@ -404,12 +405,20 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
+		"platform_editor_lego__inline_node_virtualization": {
+			"type": "boolean",
+			"referenceOnly": true
+		},
 		"platform_editor_nested_tables_paste_dupe_fix": {
 			"type": "boolean",
 			"referenceOnly": true
 		},
 		"platform_editor_react_18_autofocus_fix": {
 			"type": "boolean"
+		},
+		"platform_editor_renderer_table_header_styles": {
+			"type": "boolean",
+			"referenceOnly": true
 		}
 	},
 	"stricter": {