@atlaskit/editor-core 197.10.0 → 197.10.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-core
 
+## 197.10.2
+
+### Patch Changes
+
+- [#144162](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/144162)
+  [`2b2233eed311a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2b2233eed311a) -
+  ED-24858: fixes layout shifts for tables under SSR
+
+## 197.10.1
+
+### Patch Changes
+
+- [#144540](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/144540)
+  [`3624684595b56`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3624684595b56) -
+  Disable instrumented plugin for editor core as it affects performance and is no longer used.
+- Updated dependencies
+
 ## 197.10.0
 
 ### Minor Changes

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

@@ -11,6 +11,7 @@ exports.processPluginsList = processPluginsList;
 exports.sortByRank = sortByRank;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _errorReporter = require("@atlaskit/editor-common/error-reporter");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _instrumentedPlugin = require("../utils/performance/instrumented-plugin");
 var _sortByOrder = require("./sort-by-order");
 function sortByRank(a, b) {
@@ -113,7 +114,7 @@ function createPMPlugins(config) {
     // eslint-disable-next-line no-console
     console.warn('createPMPlugins(): tracking is turned on but transactionTracker not defined! Transaction tracking has been disabled');
   }
-  var instrumentPlugin = useInstrumentedPlugin ? function (plugin) {
+  var instrumentPlugin = !(0, _platformFeatureFlags.fg)('platform_editor_disable_instrumented_plugin') && useInstrumentedPlugin ? function (plugin) {
     return _instrumentedPlugin.InstrumentedPlugin.fromPlugin(plugin, {
       uiTracking: uiTracking,
       transactionTracking: transactionTracking,

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

@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 
 var CONTENT_AREA_TEST_ID = exports.CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _contentAreaRef$curre, _contentAreaRef$curre2;
+  var _contentAreaRef$curre;
   var theme = (0, _react2.useTheme)();
   var fullWidthMode = props.appearance === 'full-width';
   var scrollContainerRef = (0, _react.useRef)(null);
@@ -46,14 +46,16 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     };
   }, []);
   return (0, _react2.jsx)("div", {
-    css: [
+    css: [(0, _platformFeatureFlags.fg)('platform_editor_breakout_use_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.contentAreaContainerTypeInlineSize :
     // 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, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     props.isEditorToolbarHidden && _StyledComponents.contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,
     ref: containerRef
-  }, (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? (0, _react2.jsx)(_StyledComponents.ScrollContainerNext
+  }, (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",
@@ -94,47 +96,6 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     containerElement: scrollContainerRef.current,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     wrapperElement: props.wrapperElement
-  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? props.customContentComponents.after : null)))) : (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
-  }, (0, _react2.jsx)(_Addon.ClickAreaBlock, {
-    editorView: props.editorView,
-    editorDisabled: props.disabled
-  }, (0, _react2.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: (0, _StyledComponents.editorContentAreaStyle)({
-      fullWidthMode: fullWidthMode,
-      layoutMaxWidth: theme.layoutMaxWidth
-    }),
-    role: "region",
-    "aria-label": props.intl.formatMessage(_messages.fullPageMessages.editableContentLabel),
-    ref: contentAreaRef
-  }, (0, _react2.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: (0, _StyledComponents.editorContentGutterStyle)()
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: ['ak-editor-content-area', 'appearance-full-page', fullWidthMode ? 'fabric-editor--full-width-mode' : ''].join(' '),
-    ref: contentAreaRef
-  }, !!props.customContentComponents && 'before' in props.customContentComponents ? props.customContentComponents.before : props.customContentComponents, (0, _react2.jsx)(_PluginSlot.default, {
-    editorView: props.editorView,
-    editorActions: props.editorActions,
-    eventDispatcher: props.eventDispatcher,
-    providerFactory: props.providerFactory,
-    appearance: props.appearance,
-    items: props.contentComponents,
-    pluginHooks: props.pluginHooks,
-    contentArea: (_contentAreaRef$curre2 = contentAreaRef.current) !== null && _contentAreaRef$curre2 !== void 0 ? _contentAreaRef$curre2 : undefined,
-    popupsMountPoint: props.popupsMountPoint,
-    popupsBoundariesElement: props.popupsBoundariesElement,
-    popupsScrollableElement: props.popupsScrollableElement,
-    disabled: !!props.disabled,
-    containerElement: scrollContainerRef.current,
-    dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
-    wrapperElement: props.wrapperElement
   }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? props.customContentComponents.after : null)))), (0, _react2.jsx)("div", {
     css: _StyledComponents.sidebarArea
   }, props.contextPanel || (0, _react2.jsx)(_ContextPanel.ContextPanel, {

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.contentAreaHeightNoToolbar = exports.contentArea = exports.ScrollContainerNext = exports.ScrollContainer = void 0;
+exports.sidebarArea = exports.fullPageEditorWrapper = exports.editorContentGutterStyle = exports.editorContentAreaStyle = exports.editorContentAreaHideContainer = exports.contentAreaHeightNoToolbar = exports.contentAreaContainerTypeInlineSize = 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");
@@ -41,29 +41,10 @@ var scrollStyles = (0, _react.css)({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 _scrollbar.scrollbarStyles);
 
-// Added containerType and containerName to enable breakout plugin to calculate the width of the container
-var scrollStylesWitContainerType = (0, _react.css)({
-  flexGrow: 1,
-  height: '100%',
-  overflowY: 'scroll',
-  position: 'relative',
-  display: 'flex',
-  flexDirection: 'column',
-  scrollBehavior: 'smooth',
-  containerType: 'inline-size',
-  containerName: 'editor-area'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-_scrollbar.scrollbarStyles);
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var ScrollContainer = exports.ScrollContainer = (0, _ContentStyles.createEditorContentStyle)(scrollStyles);
 ScrollContainer.displayName = 'ScrollContainer';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ScrollContainerNext = exports.ScrollContainerNext = (0, _ContentStyles.createEditorContentStyle)(scrollStylesWitContainerType);
-ScrollContainerNext.displayName = 'ScrollContainer';
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var contentArea = exports.contentArea = function contentArea() {
   var editorToolbarHeight = (0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)();
@@ -80,6 +61,24 @@ var contentArea = exports.contentArea = function contentArea() {
   });
 };
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var contentAreaContainerTypeInlineSize = exports.contentAreaContainerTypeInlineSize = function contentAreaContainerTypeInlineSize() {
+  var editorToolbarHeight = (0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)();
+  return (0, _react.css)({
+    display: 'flex',
+    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, ")"),
+    boxSizing: 'border-box',
+    margin: 0,
+    padding: 0,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    transition: "padding 0ms ".concat(_editorSharedStyles.akEditorSwoopCubicBezier),
+    containerType: 'inline-size',
+    containerName: 'editor-area'
+  });
+};
+
 // 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%'

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

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

@@ -1,4 +1,5 @@
 import { ErrorReporter } from '@atlaskit/editor-common/error-reporter';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { InstrumentedPlugin } from '../utils/performance/instrumented-plugin';
 import { sortByOrder } from './sort-by-order';
 export function sortByRank(a, b) {
@@ -95,7 +96,7 @@ export function createPMPlugins(config) {
     // eslint-disable-next-line no-console
     console.warn('createPMPlugins(): tracking is turned on but transactionTracker not defined! Transaction tracking has been disabled');
   }
-  const instrumentPlugin = useInstrumentedPlugin ? plugin => InstrumentedPlugin.fromPlugin(plugin, {
+  const instrumentPlugin = !fg('platform_editor_disable_instrumented_plugin') && useInstrumentedPlugin ? plugin => InstrumentedPlugin.fromPlugin(plugin, {
     uiTracking,
     transactionTracking,
     dispatchAnalyticsEvent

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

@@ -13,10 +13,10 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { ClickAreaBlock } from '../../Addon';
 import { ContextPanel } from '../../ContextPanel';
 import PluginSlot from '../../PluginSlot';
-import { contentArea, contentAreaHeightNoToolbar, editorContentAreaStyle, editorContentGutterStyle, ScrollContainer, ScrollContainerNext, sidebarArea } from './StyledComponents';
+import { contentArea, contentAreaContainerTypeInlineSize, contentAreaHeightNoToolbar, editorContentAreaStyle, editorContentGutterStyle, ScrollContainer, sidebarArea } from './StyledComponents';
 export const CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
-  var _contentAreaRef$curre, _contentAreaRef$curre2;
+  var _contentAreaRef$curre;
   const theme = useTheme();
   const fullWidthMode = props.appearance === 'full-width';
   const scrollContainerRef = useRef(null);
@@ -34,14 +34,16 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
   }), []);
   return jsx("div", {
-    css: [
+    css: [fg('platform_editor_breakout_use_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
+    contentAreaContainerTypeInlineSize :
     // 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, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,
     ref: containerRef
-  }, fg('platform_editor_breakout_use_css') ? jsx(ScrollContainerNext
+  }, jsx(ScrollContainer
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: "fabric-editor-popup-scroll-parent",
@@ -82,47 +84,6 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     containerElement: scrollContainerRef.current,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     wrapperElement: props.wrapperElement
-  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? props.customContentComponents.after : null)))) : 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
-  }, jsx(ClickAreaBlock, {
-    editorView: props.editorView,
-    editorDisabled: props.disabled
-  }, 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: editorContentAreaStyle({
-      fullWidthMode,
-      layoutMaxWidth: theme.layoutMaxWidth
-    }),
-    role: "region",
-    "aria-label": props.intl.formatMessage(messages.editableContentLabel),
-    ref: contentAreaRef
-  }, 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: editorContentGutterStyle()
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: ['ak-editor-content-area', 'appearance-full-page', fullWidthMode ? 'fabric-editor--full-width-mode' : ''].join(' '),
-    ref: contentAreaRef
-  }, !!props.customContentComponents && 'before' in props.customContentComponents ? props.customContentComponents.before : props.customContentComponents, jsx(PluginSlot, {
-    editorView: props.editorView,
-    editorActions: props.editorActions,
-    eventDispatcher: props.eventDispatcher,
-    providerFactory: props.providerFactory,
-    appearance: props.appearance,
-    items: props.contentComponents,
-    pluginHooks: props.pluginHooks,
-    contentArea: (_contentAreaRef$curre2 = contentAreaRef.current) !== null && _contentAreaRef$curre2 !== void 0 ? _contentAreaRef$curre2 : undefined,
-    popupsMountPoint: props.popupsMountPoint,
-    popupsBoundariesElement: props.popupsBoundariesElement,
-    popupsScrollableElement: props.popupsScrollableElement,
-    disabled: !!props.disabled,
-    containerElement: scrollContainerRef.current,
-    dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
-    wrapperElement: props.wrapperElement
   }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? props.customContentComponents.after : null)))), jsx("div", {
     css: sidebarArea
   }, props.contextPanel || jsx(ContextPanel, {

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

@@ -32,29 +32,10 @@ const scrollStyles = css({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 scrollbarStyles);
 
-// Added containerType and containerName to enable breakout plugin to calculate the width of the container
-const scrollStylesWitContainerType = css({
-  flexGrow: 1,
-  height: '100%',
-  overflowY: 'scroll',
-  position: 'relative',
-  display: 'flex',
-  flexDirection: 'column',
-  scrollBehavior: 'smooth',
-  containerType: 'inline-size',
-  containerName: 'editor-area'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-scrollbarStyles);
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ScrollContainer = createEditorContentStyle(scrollStyles);
 ScrollContainer.displayName = 'ScrollContainer';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const ScrollContainerNext = createEditorContentStyle(scrollStylesWitContainerType);
-ScrollContainerNext.displayName = 'ScrollContainer';
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const contentArea = () => {
   const editorToolbarHeight = FULL_PAGE_EDITOR_TOOLBAR_HEIGHT();
@@ -71,6 +52,24 @@ export const contentArea = () => {
   });
 };
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const contentAreaContainerTypeInlineSize = () => {
+  const editorToolbarHeight = FULL_PAGE_EDITOR_TOOLBAR_HEIGHT();
+  return css({
+    display: 'flex',
+    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})`,
+    boxSizing: 'border-box',
+    margin: 0,
+    padding: 0,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    transition: `padding 0ms ${akEditorSwoopCubicBezier}`,
+    containerType: 'inline-size',
+    containerName: 'editor-area'
+  });
+};
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const contentAreaHeightNoToolbar = css({
   height: '100%'

package/dist/es2019/version-wrapper.js

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

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

@@ -1,5 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { ErrorReporter } from '@atlaskit/editor-common/error-reporter';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { InstrumentedPlugin } from '../utils/performance/instrumented-plugin';
 import { sortByOrder } from './sort-by-order';
 export function sortByRank(a, b) {
@@ -102,7 +103,7 @@ export function createPMPlugins(config) {
     // eslint-disable-next-line no-console
     console.warn('createPMPlugins(): tracking is turned on but transactionTracker not defined! Transaction tracking has been disabled');
   }
-  var instrumentPlugin = useInstrumentedPlugin ? function (plugin) {
+  var instrumentPlugin = !fg('platform_editor_disable_instrumented_plugin') && useInstrumentedPlugin ? function (plugin) {
     return InstrumentedPlugin.fromPlugin(plugin, {
       uiTracking: uiTracking,
       transactionTracking: transactionTracking,

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

@@ -13,10 +13,10 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { ClickAreaBlock } from '../../Addon';
 import { ContextPanel } from '../../ContextPanel';
 import PluginSlot from '../../PluginSlot';
-import { contentArea, contentAreaHeightNoToolbar, editorContentAreaStyle, editorContentGutterStyle, ScrollContainer, ScrollContainerNext, sidebarArea } from './StyledComponents';
+import { contentArea, contentAreaContainerTypeInlineSize, contentAreaHeightNoToolbar, editorContentAreaStyle, editorContentGutterStyle, ScrollContainer, sidebarArea } from './StyledComponents';
 export var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _contentAreaRef$curre, _contentAreaRef$curre2;
+  var _contentAreaRef$curre;
   var theme = useTheme();
   var fullWidthMode = props.appearance === 'full-width';
   var scrollContainerRef = useRef(null);
@@ -36,14 +36,16 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
     };
   }, []);
   return jsx("div", {
-    css: [
+    css: [fg('platform_editor_breakout_use_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
+    contentAreaContainerTypeInlineSize :
     // 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, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,
     ref: containerRef
-  }, fg('platform_editor_breakout_use_css') ? jsx(ScrollContainerNext
+  }, jsx(ScrollContainer
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: "fabric-editor-popup-scroll-parent",
@@ -84,47 +86,6 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
     containerElement: scrollContainerRef.current,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     wrapperElement: props.wrapperElement
-  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? props.customContentComponents.after : null)))) : 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
-  }, jsx(ClickAreaBlock, {
-    editorView: props.editorView,
-    editorDisabled: props.disabled
-  }, 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: editorContentAreaStyle({
-      fullWidthMode: fullWidthMode,
-      layoutMaxWidth: theme.layoutMaxWidth
-    }),
-    role: "region",
-    "aria-label": props.intl.formatMessage(messages.editableContentLabel),
-    ref: contentAreaRef
-  }, 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: editorContentGutterStyle()
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: ['ak-editor-content-area', 'appearance-full-page', fullWidthMode ? 'fabric-editor--full-width-mode' : ''].join(' '),
-    ref: contentAreaRef
-  }, !!props.customContentComponents && 'before' in props.customContentComponents ? props.customContentComponents.before : props.customContentComponents, jsx(PluginSlot, {
-    editorView: props.editorView,
-    editorActions: props.editorActions,
-    eventDispatcher: props.eventDispatcher,
-    providerFactory: props.providerFactory,
-    appearance: props.appearance,
-    items: props.contentComponents,
-    pluginHooks: props.pluginHooks,
-    contentArea: (_contentAreaRef$curre2 = contentAreaRef.current) !== null && _contentAreaRef$curre2 !== void 0 ? _contentAreaRef$curre2 : undefined,
-    popupsMountPoint: props.popupsMountPoint,
-    popupsBoundariesElement: props.popupsBoundariesElement,
-    popupsScrollableElement: props.popupsScrollableElement,
-    disabled: !!props.disabled,
-    containerElement: scrollContainerRef.current,
-    dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
-    wrapperElement: props.wrapperElement
   }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? props.customContentComponents.after : null)))), jsx("div", {
     css: sidebarArea
   }, props.contextPanel || jsx(ContextPanel, {

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

@@ -36,29 +36,10 @@ var scrollStyles = css({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 scrollbarStyles);
 
-// Added containerType and containerName to enable breakout plugin to calculate the width of the container
-var scrollStylesWitContainerType = css({
-  flexGrow: 1,
-  height: '100%',
-  overflowY: 'scroll',
-  position: 'relative',
-  display: 'flex',
-  flexDirection: 'column',
-  scrollBehavior: 'smooth',
-  containerType: 'inline-size',
-  containerName: 'editor-area'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-scrollbarStyles);
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var ScrollContainer = createEditorContentStyle(scrollStyles);
 ScrollContainer.displayName = 'ScrollContainer';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var ScrollContainerNext = createEditorContentStyle(scrollStylesWitContainerType);
-ScrollContainerNext.displayName = 'ScrollContainer';
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var contentArea = function contentArea() {
   var editorToolbarHeight = FULL_PAGE_EDITOR_TOOLBAR_HEIGHT();
@@ -75,6 +56,24 @@ export var contentArea = function contentArea() {
   });
 };
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var contentAreaContainerTypeInlineSize = function contentAreaContainerTypeInlineSize() {
+  var editorToolbarHeight = FULL_PAGE_EDITOR_TOOLBAR_HEIGHT();
+  return css({
+    display: 'flex',
+    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, ")"),
+    boxSizing: 'border-box',
+    margin: 0,
+    padding: 0,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    transition: "padding 0ms ".concat(akEditorSwoopCubicBezier),
+    containerType: 'inline-size',
+    containerName: 'editor-area'
+  });
+};
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var contentAreaHeightNoToolbar = css({
   height: '100%'

package/dist/esm/version-wrapper.js

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

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

@@ -1307,7 +1307,18 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             commands: {
                 setProvider: (config: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-        }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>];
+        }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+            sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+            dependencies: [];
+            pluginConfiguration?: {
+                mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+            } | undefined;
+            commands: {
+                updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
+        }, {
+            mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+        } | undefined>>];
         actions: {
             insertTaskDecision: (listType: import("@atlaskit/editor-plugin-tasks-and-decisions").TaskDecisionListType, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.FORMATTING | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/types").TOOLBAR_MENU_TYPE | undefined, addItem?: import("@atlaskit/editor-plugin-tasks-and-decisions").AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => import("@atlaskit/editor-common/types").Command;
             indentTaskList: (inputMethod?: (import("@atlaskit/editor-common/analytics").INPUT_METHOD.KEYBOARD | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR) | undefined) => import("@atlaskit/editor-common/types").Command;
@@ -2710,7 +2721,18 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
         commands: {
             setProvider: (config: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration) => import("@atlaskit/editor-common/types").EditorCommand;
         };
-    }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>];
+    }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+        sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+        dependencies: [];
+        pluginConfiguration?: {
+            mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+        } | undefined;
+        commands: {
+            updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+        };
+    }, {
+        mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+    } | undefined>>];
     actions: {
         insertTaskDecision: (listType: import("@atlaskit/editor-plugin-tasks-and-decisions").TaskDecisionListType, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.FORMATTING | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/types").TOOLBAR_MENU_TYPE | undefined, addItem?: import("@atlaskit/editor-plugin-tasks-and-decisions").AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => import("@atlaskit/editor-common/types").Command;
         indentTaskList: (inputMethod?: (import("@atlaskit/editor-common/analytics").INPUT_METHOD.KEYBOARD | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR) | undefined) => import("@atlaskit/editor-common/types").Command;

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

@@ -6,7 +6,7 @@ import type { EditorProps } from '../types';
 import type { EditorPluginFeatureProps, EditorProviderProps, EditorSharedPropsWithPlugins } from '../types/editor-props';
 import type { FeatureFlags } from '../types/feature-flags';
 import type { DefaultPresetPluginOptions } from './default';
-type UniversalPresetProps = DefaultPresetPluginOptions & EditorSharedPropsWithPlugins & Omit<EditorPluginFeatureProps, 'placeholder'> & EditorProviderProps;
+export type UniversalPresetProps = DefaultPresetPluginOptions & EditorSharedPropsWithPlugins & Omit<EditorPluginFeatureProps, 'placeholder'> & EditorProviderProps;
 /**
  * Mechanism to configuring plugins as the universal preset blocks direct access
  * to configuring plugins.
@@ -1358,7 +1358,18 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             commands: {
                 setProvider: (config: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-        }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>];
+        }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+            sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+            dependencies: [];
+            pluginConfiguration?: {
+                mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+            } | undefined;
+            commands: {
+                updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
+        }, {
+            mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+        } | undefined>>];
         actions: {
             insertTaskDecision: (listType: import("@atlaskit/editor-plugins/tasks-and-decisions").TaskDecisionListType, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.FORMATTING | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/types").TOOLBAR_MENU_TYPE | undefined, addItem?: import("@atlaskit/editor-plugins/tasks-and-decisions").AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => import("@atlaskit/editor-common/types").Command;
             indentTaskList: (inputMethod?: (import("@atlaskit/editor-common/analytics").INPUT_METHOD.KEYBOARD | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR) | undefined) => import("@atlaskit/editor-common/types").Command;
@@ -2761,7 +2772,18 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         commands: {
             setProvider: (config: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration) => import("@atlaskit/editor-common/types").EditorCommand;
         };
-    }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>];
+    }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+        sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+        dependencies: [];
+        pluginConfiguration?: {
+            mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+        } | undefined;
+        commands: {
+            updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+        };
+    }, {
+        mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+    } | undefined>>];
     actions: {
         insertTaskDecision: (listType: import("@atlaskit/editor-plugins/tasks-and-decisions").TaskDecisionListType, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.FORMATTING | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/types").TOOLBAR_MENU_TYPE | undefined, addItem?: import("@atlaskit/editor-plugins/tasks-and-decisions").AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => import("@atlaskit/editor-common/types").Command;
         indentTaskList: (inputMethod?: (import("@atlaskit/editor-common/analytics").INPUT_METHOD.KEYBOARD | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR) | undefined) => import("@atlaskit/editor-common/types").Command;

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

@@ -1307,7 +1307,18 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
             commands: {
                 setProvider: (config: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-        }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>];
+        }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+            sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+            dependencies: [];
+            pluginConfiguration?: {
+                mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+            } | undefined;
+            commands: {
+                updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
+        }, {
+            mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+        } | undefined>>];
         actions: {
             insertTaskDecision: (listType: import("@atlaskit/editor-plugin-tasks-and-decisions").TaskDecisionListType, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.FORMATTING | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/types").TOOLBAR_MENU_TYPE | undefined, addItem?: import("@atlaskit/editor-plugin-tasks-and-decisions").AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => import("@atlaskit/editor-common/types").Command;
             indentTaskList: (inputMethod?: (import("@atlaskit/editor-common/analytics").INPUT_METHOD.KEYBOARD | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR) | undefined) => import("@atlaskit/editor-common/types").Command;
@@ -2710,7 +2721,18 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
         commands: {
             setProvider: (config: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration) => import("@atlaskit/editor-common/types").EditorCommand;
         };
-    }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>];
+    }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+        sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+        dependencies: [];
+        pluginConfiguration?: {
+            mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+        } | undefined;
+        commands: {
+            updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+        };
+    }, {
+        mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+    } | undefined>>];
     actions: {
         insertTaskDecision: (listType: import("@atlaskit/editor-plugin-tasks-and-decisions").TaskDecisionListType, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.FORMATTING | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/types").TOOLBAR_MENU_TYPE | undefined, addItem?: import("@atlaskit/editor-plugin-tasks-and-decisions").AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => import("@atlaskit/editor-common/types").Command;
         indentTaskList: (inputMethod?: (import("@atlaskit/editor-common/analytics").INPUT_METHOD.KEYBOARD | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR) | undefined) => import("@atlaskit/editor-common/types").Command;

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

@@ -11,18 +11,8 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
     featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
     viewMode?: "view" | "edit" | undefined;
 } | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "useMap" | "wmode" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ScrollContainerNext: import("react").ForwardRefExoticComponent<Pick<{
-    theme?: import("@emotion/react").Theme | undefined;
-    colorMode?: "light" | "dark" | undefined;
-    featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
-    viewMode?: "view" | "edit" | undefined;
-} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "id" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "value" | "name" | "key" | "property" | "type" | "content" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "list" | "width" | "open" | "accessKey" | "dir" | "className" | "role" | "start" | "action" | "step" | "wrap" | "color" | "height" | "translate" | "default" | "hidden" | keyof {
-    theme?: import("@emotion/react").Theme | undefined;
-    colorMode?: "light" | "dark" | undefined;
-    featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
-    viewMode?: "view" | "edit" | undefined;
-} | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "useMap" | "wmode" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const contentArea: () => import("@emotion/react").SerializedStyles;
+export declare const contentAreaContainerTypeInlineSize: () => 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/create-editor/create-universal-preset.d.ts

@@ -1651,7 +1651,20 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                         commands: {
                             setProvider: (config: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration) => import("@atlaskit/editor-common/types").EditorCommand;
                         };
-                    }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>
+                    }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>,
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                        sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                        dependencies: [
+                        ];
+                        pluginConfiguration?: {
+                            mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                        } | undefined;
+                        commands: {
+                            updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                        };
+                    }, {
+                        mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                    } | undefined>>
                 ];
                 actions: {
                     insertTaskDecision: (listType: import("@atlaskit/editor-plugin-tasks-and-decisions").TaskDecisionListType, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.FORMATTING | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/types").TOOLBAR_MENU_TYPE | undefined, addItem?: import("@atlaskit/editor-plugin-tasks-and-decisions").AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => import("@atlaskit/editor-common/types").Command;
@@ -3337,7 +3350,20 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                 commands: {
                     setProvider: (config: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration) => import("@atlaskit/editor-common/types").EditorCommand;
                 };
-            }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>
+            }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                dependencies: [
+                ];
+                pluginConfiguration?: {
+                    mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                } | undefined;
+                commands: {
+                    updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                };
+            }, {
+                mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+            } | undefined>>
         ];
         actions: {
             insertTaskDecision: (listType: import("@atlaskit/editor-plugin-tasks-and-decisions").TaskDecisionListType, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.FORMATTING | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/types").TOOLBAR_MENU_TYPE | undefined, addItem?: import("@atlaskit/editor-plugin-tasks-and-decisions").AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => import("@atlaskit/editor-common/types").Command;

package/dist/types-ts4.5/presets/universal.d.ts

@@ -6,7 +6,7 @@ import type { EditorProps } from '../types';
 import type { EditorPluginFeatureProps, EditorProviderProps, EditorSharedPropsWithPlugins } from '../types/editor-props';
 import type { FeatureFlags } from '../types/feature-flags';
 import type { DefaultPresetPluginOptions } from './default';
-type UniversalPresetProps = DefaultPresetPluginOptions & EditorSharedPropsWithPlugins & Omit<EditorPluginFeatureProps, 'placeholder'> & EditorProviderProps;
+export type UniversalPresetProps = DefaultPresetPluginOptions & EditorSharedPropsWithPlugins & Omit<EditorPluginFeatureProps, 'placeholder'> & EditorProviderProps;
 /**
  * Mechanism to configuring plugins as the universal preset blocks direct access
  * to configuring plugins.
@@ -1702,7 +1702,20 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                         commands: {
                             setProvider: (config: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration) => import("@atlaskit/editor-common/types").EditorCommand;
                         };
-                    }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>
+                    }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>,
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                        sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                        dependencies: [
+                        ];
+                        pluginConfiguration?: {
+                            mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                        } | undefined;
+                        commands: {
+                            updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                        };
+                    }, {
+                        mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                    } | undefined>>
                 ];
                 actions: {
                     insertTaskDecision: (listType: import("@atlaskit/editor-plugins/tasks-and-decisions").TaskDecisionListType, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.FORMATTING | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/types").TOOLBAR_MENU_TYPE | undefined, addItem?: import("@atlaskit/editor-plugins/tasks-and-decisions").AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => import("@atlaskit/editor-common/types").Command;
@@ -3388,7 +3401,20 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                 commands: {
                     setProvider: (config: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration) => import("@atlaskit/editor-common/types").EditorCommand;
                 };
-            }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>
+            }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                dependencies: [
+                ];
+                pluginConfiguration?: {
+                    mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                } | undefined;
+                commands: {
+                    updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                };
+            }, {
+                mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+            } | undefined>>
         ];
         actions: {
             insertTaskDecision: (listType: import("@atlaskit/editor-plugins/tasks-and-decisions").TaskDecisionListType, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.FORMATTING | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/types").TOOLBAR_MENU_TYPE | undefined, addItem?: import("@atlaskit/editor-plugins/tasks-and-decisions").AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => import("@atlaskit/editor-common/types").Command;

package/dist/types-ts4.5/presets/useUniversalPreset.d.ts

@@ -1651,7 +1651,20 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
                         commands: {
                             setProvider: (config: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration) => import("@atlaskit/editor-common/types").EditorCommand;
                         };
-                    }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>
+                    }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>,
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                        sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                        dependencies: [
+                        ];
+                        pluginConfiguration?: {
+                            mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                        } | undefined;
+                        commands: {
+                            updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                        };
+                    }, {
+                        mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                    } | undefined>>
                 ];
                 actions: {
                     insertTaskDecision: (listType: import("@atlaskit/editor-plugin-tasks-and-decisions").TaskDecisionListType, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.FORMATTING | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/types").TOOLBAR_MENU_TYPE | undefined, addItem?: import("@atlaskit/editor-plugin-tasks-and-decisions").AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => import("@atlaskit/editor-common/types").Command;
@@ -3337,7 +3350,20 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
                 commands: {
                     setProvider: (config: import("@atlaskit/editor-plugin-context-identifier").ContextIdentifierConfiguration) => import("@atlaskit/editor-common/types").EditorCommand;
                 };
-            }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>
+            }, import("@atlaskit/editor-plugin-context-identifier").PluginConfiguration | undefined>>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
+                sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
+                dependencies: [
+                ];
+                pluginConfiguration?: {
+                    mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+                } | undefined;
+                commands: {
+                    updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
+                };
+            }, {
+                mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
+            } | undefined>>
         ];
         actions: {
             insertTaskDecision: (listType: import("@atlaskit/editor-plugin-tasks-and-decisions").TaskDecisionListType, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.FORMATTING | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/types").TOOLBAR_MENU_TYPE | undefined, addItem?: import("@atlaskit/editor-plugin-tasks-and-decisions").AddItemTransactionCreator | undefined, listLocalId?: string | undefined, itemLocalId?: string | undefined) => import("@atlaskit/editor-common/types").Command;

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

@@ -11,18 +11,8 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
     featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
     viewMode?: "view" | "edit" | undefined;
 } | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "useMap" | "wmode" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ScrollContainerNext: import("react").ForwardRefExoticComponent<Pick<{
-    theme?: import("@emotion/react").Theme | undefined;
-    colorMode?: "light" | "dark" | undefined;
-    featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
-    viewMode?: "view" | "edit" | undefined;
-} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "id" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "value" | "name" | "key" | "property" | "type" | "content" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "list" | "width" | "open" | "accessKey" | "dir" | "className" | "role" | "start" | "action" | "step" | "wrap" | "color" | "height" | "translate" | "default" | "hidden" | keyof {
-    theme?: import("@emotion/react").Theme | undefined;
-    colorMode?: "light" | "dark" | undefined;
-    featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
-    viewMode?: "view" | "edit" | undefined;
-} | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "useMap" | "wmode" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const contentArea: () => import("@emotion/react").SerializedStyles;
+export declare const contentAreaContainerTypeInlineSize: () => 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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "197.10.0",
+	"version": "197.10.2",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -49,12 +49,12 @@
 		"@atlaskit/editor-plugins": "^5.3.0",
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/editor-shared-styles": "^2.13.0",
-		"@atlaskit/emoji": "^67.7.0",
+		"@atlaskit/emoji": "^67.8.0",
 		"@atlaskit/icon": "^22.18.0",
 		"@atlaskit/media-card": "^78.5.0",
-		"@atlaskit/mention": "^23.2.0",
+		"@atlaskit/mention": "^23.3.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/task-decision": "^17.10.0",
+		"@atlaskit/task-decision": "^17.11.0",
 		"@atlaskit/tmp-editor-statsig": "*",
 		"@atlaskit/tokens": "^1.61.0",
 		"@atlaskit/tooltip": "^18.7.0",
@@ -234,6 +234,9 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
+		"platform_editor_disable_instrumented_plugin": {
+			"type": "boolean"
+		},
 		"platform_editor_drag_and_drop_expand_style_fix": {
 			"type": "boolean"
 		},