@atlaskit/editor-core 202.5.1 → 203.0.1

package/CHANGELOG.md

@@ -1,5 +1,66 @@
 # @atlaskit/editor-core
 
+## 203.0.1
+
+### Patch Changes
+
+- [#170442](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/170442)
+  [`14b1ff1b28958`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/14b1ff1b28958) -
+  ED-25803 Update to not pass mountPoint into dropdown menu popup so that dropdown menu will be
+  nested inside DragMenu pop up
+- [#171014](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/171014)
+  [`6163248356c63`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6163248356c63) -
+  [ED-25833] Replace the following FGs with experiment `platform_editor_advanced_layouts`
+
+  - platform_editor_advanced_layouts_breakout_resizing
+  - platform_editor_advanced_layouts_pre_release_1
+  - platform_editor_advanced_layouts_pre_release_2
+
+## 203.0.0
+
+### Major Changes
+
+- [#170384](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/170384)
+  [`843d9078072b5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/843d9078072b5) -
+  Fix re-exports in @atlaskit/editor-core and @atlaskit/editor-confluence-transformer
+
+  ## Moved Entry Points:
+
+  - @atlaskit/editor-core/element-browser -> atlaskit/editor-common/element-browser
+  - @atlaskit/editor-core/messages -> @atlaskit/editor-common/messages
+  - @atlaskit/editor-core/preset-builder -> @atlaskit/editor-common/preset
+
+  ## Moved Exports:
+
+  ### @atlaskit/editor-core:
+
+  - AnalyticsEventPayload -> @atlaskit/editor-common/analytics
+  - EditorPlugin -> @atlaskit/editor-common/types
+  - setTextSelection -> @atlaskit/editor-common/utils
+
+  ### @atlaskit/editor-core/editor
+
+  { EditorAppearance, EditorPlugin, MarkConfig, NodeConfig, NodeViewConfig, PluginsOptions,
+  PMPlugin, PMPluginFactory, PMPluginFactoryParams, ToolbarUIComponentFactory,
+  ToolbarUiComponentFactoryParams, UIComponentFactory, UiComponentFactoryParams, } ->
+  `@atlaskit/editor-common/types`
+
+  ### @atlaskit/editor-core/test-utils
+
+  - DispatchAnalyticsEvent -> '@atlaskit/editor-common/analytics';
+  - FeatureFlags -> '@atlaskit/editor-common/types';
+  - EventDispatcher -> '@atlaskit/editor-common/event-dispatcher';
+  - Dispatch -> '@atlaskit/editor-common/event-dispatcher';
+  - GapCursorSelection-> '@atlaskit/editor-common/selection';
+  - Side -> GapCursorSide -> '@atlaskit/editor-common/selection';
+
+### Patch Changes
+
+- [#170774](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/170774)
+  [`641b4dbf79095`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/641b4dbf79095) -
+  ED-25806: migrates editor plugins to folder standards
+- Updated dependencies
+
 ## 202.5.1
 
 ### Patch Changes

package/dist/cjs/actions/index.js

@@ -11,12 +11,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _eventDispatcher = require("@atlaskit/editor-common/event-dispatcher");
 var _processRawValue = require("@atlaskit/editor-common/process-raw-value");
 var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _eventDispatcher = require("../event-dispatcher");
 var _action = require("../utils/action");
 var _deprecationWarnings = _interopRequireDefault(require("../utils/deprecation-warnings"));
 var _nodesByLocalIds = require("../utils/nodes-by-localIds");
@@ -318,6 +318,11 @@ var EditorActions = exports.default = /*#__PURE__*/function () {
       }
       return (0, _tempIsEmptyDocument.isEmptyDocument)(this.editorView.state.doc);
     }
+
+    /**
+     * @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)
+     */
   }, {
     key: "replaceDocument",
     value: function replaceDocument(

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

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.ComposableEditor = ComposableEditor;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _createEditor = require("../create-editor");
+var _getUiComponent = _interopRequireDefault(require("../create-editor/get-ui-component"));
 var _coreEditor = require("./core-editor");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ComposableEditor(props) {
   var AppearanceComponent = (0, _react.useMemo)(function () {
-    return (0, _createEditor.getUiComponent)(props.appearance);
+    return (0, _getUiComponent.default)(props.appearance);
   }, [props.appearance]);
   return /*#__PURE__*/_react.default.createElement(_coreEditor.CoreEditor, (0, _extends2.default)({}, props, {
     AppearanceComponent: AppearanceComponent

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

@@ -19,17 +19,18 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _browser = require("@atlaskit/editor-common/browser");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _countNodes2 = require("@atlaskit/editor-common/count-nodes");
+var _eventDispatcher = require("@atlaskit/editor-common/event-dispatcher");
 var _normalizeFeatureFlags = require("@atlaskit/editor-common/normalize-feature-flags");
 var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
 var _measureRender = require("@atlaskit/editor-common/performance/measure-render");
 var _navigation = require("@atlaskit/editor-common/performance/navigation");
 var _preset = require("@atlaskit/editor-common/preset");
 var _processRawValue = require("@atlaskit/editor-common/process-raw-value");
+var _uiReact = require("@atlaskit/editor-common/ui-react");
 var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
 var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _eventDispatcher = require("../event-dispatcher");
 var _findChangedNodesFromTransaction = require("../utils/findChangedNodesFromTransaction");
 var _getNodesCount = require("../utils/getNodesCount");
 var _isFullPage = require("../utils/is-full-page");
@@ -45,7 +46,6 @@ var _createPluginsList = _interopRequireDefault(require("./create-plugins-list")
 var _createSchema = require("./create-schema");
 var _featureFlagsFromProps = require("./feature-flags-from-props");
 var _messages = require("./messages");
-var _ReactEditorViewContext = _interopRequireDefault(require("./ReactEditorViewContext"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
@@ -667,7 +667,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
       // Render tracking is firing too many events in Jira so we are disabling them for now. See - https://product-fabric.atlassian.net/browse/ED-25616
       var renderTrackingEnabled = !(0, _platformFeatureFlags.fg)('platform_editor_disable_rerender_tracking_jira');
       var useShallow = true;
-      return /*#__PURE__*/_react.default.createElement(_ReactEditorViewContext.default.Provider, {
+      return /*#__PURE__*/_react.default.createElement(_uiReact.ReactEditorViewContext.Provider, {
         value: {
           editorRef: this.editorRef,
           editorView: this.view,

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

@@ -12,18 +12,19 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _v = _interopRequireDefault(require("uuid/v4"));
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _eventDispatcher = require("@atlaskit/editor-common/event-dispatcher");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _normalizeFeatureFlags = require("@atlaskit/editor-common/normalize-feature-flags");
 var _measureRender = require("@atlaskit/editor-common/performance/measure-render");
 var _navigation = require("@atlaskit/editor-common/performance/navigation");
 var _preset = require("@atlaskit/editor-common/preset");
 var _processRawValue = require("@atlaskit/editor-common/process-raw-value");
+var _uiReact = require("@atlaskit/editor-common/ui-react");
 var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
 var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useProviders = require("../composable-editor/hooks/useProviders");
-var _eventDispatcher = require("../event-dispatcher");
 var _getNodesCount = require("../utils/getNodesCount");
 var _isFullPage = require("../utils/is-full-page");
 var _RenderTracking = require("../utils/performance/components/RenderTracking");
@@ -39,7 +40,6 @@ var _handleEditorFocus = require("./ReactEditorView/handleEditorFocus");
 var _useDispatchTransaction = require("./ReactEditorView/useDispatchTransaction");
 var _useFireFullWidthEvent = require("./ReactEditorView/useFireFullWidthEvent");
 var _usePluginPerformanceObserver = require("./ReactEditorView/usePluginPerformanceObserver");
-var _ReactEditorViewContext = _interopRequireDefault(require("./ReactEditorViewContext"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -532,7 +532,7 @@ function ReactEditorView(props) {
   // We should follow-up
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [props.editorProps.assistiveLabel, props.editorProps.assistiveDescribedBy]);
-  return /*#__PURE__*/_react.default.createElement(_ReactEditorViewContext.default.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_uiReact.ReactEditorViewContext.Provider, {
     value: {
       editorRef: editorRef,
       editorView: viewRef.current,

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

@@ -11,8 +11,8 @@ exports.processPluginsList = processPluginsList;
 exports.sortByRank = sortByRank;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _errorReporter = require("@atlaskit/editor-common/error-reporter");
+var _legacyRankPlugins = require("@atlaskit/editor-common/legacy-rank-plugins");
 var _editorStateNotificationPlugin = require("./editorStateNotificationPlugin");
-var _sortByOrder = require("./sort-by-order");
 function sortByRank(a, b) {
   return a.rank - b.rank;
 }
@@ -95,7 +95,7 @@ function processPluginsList(plugins) {
 }
 function createPMPlugins(config) {
   var editorConfig = config.editorConfig;
-  var pmPlugins = editorConfig.pmPlugins.sort((0, _sortByOrder.sortByOrder)('plugins')).map(function (_ref) {
+  var pmPlugins = editorConfig.pmPlugins.sort((0, _legacyRankPlugins.sortByOrder)('plugins')).map(function (_ref) {
     var plugin = _ref.plugin;
     return plugin({
       schema: config.schema,

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

@@ -29,7 +29,7 @@ function getScrollGutterOptions(props) {
   return undefined;
 }
 function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent
-// Omit placeholder since it's an existing prop in `DefaultPresetPluginOptions` and will get overidden there
+// Omit placeholder since it's an existing prop in `DefaultPresetPluginOptions` and will get overridden there
 ) {
   var _props$linking, _props$textFormatting, _props$linking2;
   var appearance = props.appearance;

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

@@ -9,11 +9,11 @@ exports.createSchema = createSchema;
 exports.wrapToDOMProxy = exports.wrapNodeSpecProxy = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 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");
-var _sortByOrder = require("./sort-by-order");
 /**
  * 🧱 Internal Helper Function: Editor FE Platform
  *
@@ -95,7 +95,7 @@ var wrapNodeSpecProxy = exports.wrapNodeSpecProxy = function wrapNodeSpecProxy(s
   });
 };
 function createSchema(editorConfig) {
-  var marks = (0, _createEditor.fixExcludes)(editorConfig.marks.sort((0, _sortByOrder.sortByOrder)('marks')).reduce(function (acc, mark) {
+  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 {
@@ -103,7 +103,7 @@ function createSchema(editorConfig) {
     }
     return acc;
   }, {}));
-  var nodes = (0, _schema.sanitizeNodes)(editorConfig.nodes.sort((0, _sortByOrder.sortByOrder)('nodes')).reduce(function (acc, node) {
+  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 {

package/dist/cjs/create-editor/get-ui-component.js

@@ -6,18 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = getUiComponent;
 var _Chromeless = _interopRequireDefault(require("../ui/Appearance/Chromeless"));
-var _Comment = _interopRequireDefault(require("../ui/Appearance/Comment"));
-var _FullPage = _interopRequireDefault(require("../ui/Appearance/FullPage"));
+var _Comment = require("../ui/Appearance/Comment/Comment");
+var _FullPage = require("../ui/Appearance/FullPage/FullPage");
 function getUiComponent(appearance) {
   appearance = appearance || 'comment';
   switch (appearance) {
     case 'full-page':
     case 'full-width':
-      return _FullPage.default;
+      return _FullPage.FullPageEditor;
     case 'chromeless':
       return _Chromeless.default;
     case 'comment':
-      return _Comment.default;
+      return _Comment.CommentEditorWithIntl;
     default:
       throw new Error("Appearance '".concat(appearance, "' is not supported by the editor."));
   }

package/dist/cjs/editor-appearances/CommentEditor.js

@@ -8,7 +8,7 @@ exports.CommentEditor = CommentEditor;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _coreEditor = require("../composable-editor/core-editor");
-var _Comment = _interopRequireDefault(require("../ui/Appearance/Comment"));
+var _Comment = require("../ui/Appearance/Comment/Comment");
 /**
  * Editor component based on `ComposableEditor` which sets the `appearance` to "comment".
  *
@@ -22,6 +22,6 @@ var _Comment = _interopRequireDefault(require("../ui/Appearance/Comment"));
 function CommentEditor(props) {
   return /*#__PURE__*/_react.default.createElement(_coreEditor.CoreEditor, (0, _extends2.default)({}, props, {
     appearance: "comment",
-    AppearanceComponent: _Comment.default
+    AppearanceComponent: _Comment.CommentEditorWithIntl
   }));
 }

package/dist/cjs/editor-appearances/FullPageEditor.js

@@ -8,7 +8,7 @@ exports.FullPageEditor = FullPageEditor;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _coreEditor = require("../composable-editor/core-editor");
-var _FullPage = _interopRequireDefault(require("../ui/Appearance/FullPage"));
+var _FullPage = require("../ui/Appearance/FullPage/FullPage");
 /**
  * Editor component based on `ComposableEditor` which sets the `appearance` to "full-page".
  *
@@ -23,6 +23,6 @@ function FullPageEditor(props) {
   var _props$appearance;
   return /*#__PURE__*/_react.default.createElement(_coreEditor.CoreEditor, (0, _extends2.default)({}, props, {
     appearance: (_props$appearance = props.appearance) !== null && _props$appearance !== void 0 ? _props$appearance : 'full-page',
-    AppearanceComponent: _FullPage.default
+    AppearanceComponent: _FullPage.FullPageEditor
   }));
 }

package/dist/cjs/editor-appearances/FullWidthEditor.js

@@ -8,7 +8,7 @@ exports.FullWidthEditor = FullWidthEditor;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _coreEditor = require("../composable-editor/core-editor");
-var _FullPage = _interopRequireDefault(require("../ui/Appearance/FullPage"));
+var _FullPage = require("../ui/Appearance/FullPage/FullPage");
 /**
  * Editor component based on `ComposableEditor` which sets the `appearance` to "full-width".
  *
@@ -23,6 +23,6 @@ var _FullPage = _interopRequireDefault(require("../ui/Appearance/FullPage"));
 function FullWidthEditor(props) {
   return /*#__PURE__*/_react.default.createElement(_coreEditor.CoreEditor, (0, _extends2.default)({}, props, {
     appearance: "full-width",
-    AppearanceComponent: _FullPage.default
+    AppearanceComponent: _FullPage.FullPageEditor
   }));
 }

package/dist/cjs/editor.js

@@ -18,7 +18,8 @@ var _composableEditor = require("./composable-editor");
 var _useUniversalPreset = _interopRequireDefault(require("./presets/useUniversalPreset"));
 var _editorDeprecationWarnings = _interopRequireDefault(require("./utils/editorDeprecationWarnings"));
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */ /**
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/cjs/index.js

@@ -61,13 +61,13 @@ Object.defineProperty(exports, "createEditorContentStyle", {
 Object.defineProperty(exports, "getNodesCount", {
   enumerable: true,
   get: function get() {
-    return _utils.getNodesCount;
+    return _getNodesCount.getNodesCount;
   }
 });
 Object.defineProperty(exports, "measurements", {
   enumerable: true,
   get: function get() {
-    return _utils.measurements;
+    return _measureEnum.default;
   }
 });
 Object.defineProperty(exports, "name", {
@@ -76,12 +76,6 @@ Object.defineProperty(exports, "name", {
     return _versionWrapper.name;
   }
 });
-Object.defineProperty(exports, "setTextSelection", {
-  enumerable: true,
-  get: function get() {
-    return _utils2.setTextSelection;
-  }
-});
 Object.defineProperty(exports, "version", {
   enumerable: true,
   get: function get() {
@@ -96,7 +90,7 @@ var _WithHelpTrigger = _interopRequireDefault(require("./ui/WithHelpTrigger"));
 var _CollapsedEditor = _interopRequireDefault(require("./ui/CollapsedEditor"));
 var _ToolbarHelp = _interopRequireDefault(require("./ui/ToolbarHelp"));
 var _ContextPanel = require("./ui/ContextPanel");
-var _utils = require("./utils");
-var _utils2 = require("@atlaskit/editor-common/utils");
+var _getNodesCount = require("./utils/getNodesCount");
+var _measureEnum = _interopRequireDefault(require("./utils/performance/measure-enum"));
 var _actions = _interopRequireDefault(require("./actions"));
 var _ContentStyles = require("./ui/ContentStyles");

package/dist/cjs/test-utils.js

@@ -4,37 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "EventDispatcher", {
-  enumerable: true,
-  get: function get() {
-    return _eventDispatcher.EventDispatcher;
-  }
-});
-Object.defineProperty(exports, "GapCursorSelection", {
-  enumerable: true,
-  get: function get() {
-    return _selection.GapCursorSelection;
-  }
-});
-Object.defineProperty(exports, "GapCursorSide", {
-  enumerable: true,
-  get: function get() {
-    return _selection.Side;
-  }
-});
 exports.isElementBySelectorInDocument = exports.createPMSchemaAndPlugins = void 0;
 exports.setTextSelection = setTextSelection;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _legacyRankPlugins = require("@atlaskit/editor-common/legacy-rank-plugins");
 var _preset = require("@atlaskit/editor-common/preset");
 var _base = require("@atlaskit/editor-plugins/base");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _createSchema = require("./create-editor/create-schema");
-var _sortByOrder = require("./create-editor/sort-by-order");
-var _eventDispatcher = require("./event-dispatcher");
-var _selection = require("@atlaskit/editor-common/selection");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
 function lightProcessPluginsList(editorPlugins) {
   /**
    * First pass to collect pluginsOptions
@@ -102,7 +83,7 @@ var createPMSchemaAndPlugins = exports.createPMSchemaAndPlugins = function creat
     });
     var editorConfig = lightProcessPluginsList(editorPlugins);
     var schema = (0, _createSchema.createSchema)(editorConfig);
-    var plugins = editorConfig.plugins.sort((0, _sortByOrder.sortByOrder)('plugins')).map(function (_ref) {
+    var plugins = editorConfig.plugins.sort((0, _legacyRankPlugins.sortByOrder)('plugins')).map(function (_ref) {
       var plugin = _ref.plugin;
       return plugin(_objectSpread(_objectSpread({}, pluginFactoryParams), {}, {
         schema: schema

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

@@ -14,18 +14,18 @@ var _reactIntlNext = require("react-intl-next");
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _hooks = require("@atlaskit/editor-common/hooks");
+var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _commonStyles = require("@atlaskit/editor-plugins/table/ui/common-styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _messages = _interopRequireDefault(require("../../../messages"));
-var _Addon = require("../../Addon");
+var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
 var _ContentStyles = require("../../ContentStyles");
 var _PluginSlot = _interopRequireDefault(require("../../PluginSlot"));
-var _Toolbar = _interopRequireDefault(require("../../Toolbar"));
+var _ToolbarWithSizeDetector = require("../../Toolbar/ToolbarWithSizeDetector");
 var _WithFlash = _interopRequireDefault(require("../../WithFlash"));
-var _Toolbar2 = require("./Toolbar");
+var _Toolbar = require("./Toolbar");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -174,7 +174,7 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
     ,
     className: "akEditor",
     ref: wrapperElementRef
-  }, (0, _react2.jsx)(_Toolbar2.MainToolbar, {
+  }, (0, _react2.jsx)(_Toolbar.MainToolbar, {
     useStickyToolbar: useStickyToolbar,
     twoLineEditorToolbar: isTwoLineToolbarEnabled
   }, (0, _react2.jsx)(_uiMenu.ToolbarArrowKeyNavigationProvider, {
@@ -185,7 +185,7 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
     editorAppearance: appearance,
     useStickyToolbar: useStickyToolbar,
     intl: intl
-  }, (0, _react2.jsx)(_Toolbar.default, {
+  }, (0, _react2.jsx)(_ToolbarWithSizeDetector.ToolbarWithSizeDetector, {
     editorView: editorView,
     editorActions: editorActions,
     eventDispatcher: eventDispatcher,
@@ -200,8 +200,8 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
     containerElement: containerElement.current,
     twoLineEditorToolbar: isTwoLineToolbarEnabled
   }), (0, _react2.jsx)("div", {
-    css: (0, _Toolbar2.mainToolbarCustomComponentsSlotStyle)(isTwoLineToolbarEnabled)
-  }, customPrimaryToolbarComponents))), (0, _react2.jsx)(_Addon.ClickAreaBlock, {
+    css: (0, _Toolbar.mainToolbarCustomComponentsSlotStyle)(isTwoLineToolbarEnabled)
+  }, customPrimaryToolbarComponents))), (0, _react2.jsx)(_ClickAreaBlock.default, {
     editorView: editorView,
     editorDisabled: disabled
   }, (0, _react2.jsx)(_ui.WidthConsumer, null, function (_ref) {

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

@@ -11,7 +11,7 @@ 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 _Addon = require("../../Addon");
+var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
 var _ContextPanel = require("../../ContextPanel");
 var _PluginSlot = _interopRequireDefault(require("../../PluginSlot"));
 var _StyledComponents = require("./StyledComponents");
@@ -67,7 +67,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     featureFlags: props.featureFlags,
     ref: scrollContainerRef,
     viewMode: props === null || props === void 0 ? void 0 : props.viewMode
-  }, (0, _react2.jsx)(_Addon.ClickAreaBlock, {
+  }, (0, _react2.jsx)(_ClickAreaBlock.default, {
     editorView: props.editorView,
     editorDisabled: props.disabled
   }, (0, _react2.jsx)("div", {

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

@@ -13,7 +13,7 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-var _Toolbar = _interopRequireDefault(require("../../Toolbar"));
+var _ToolbarWithSizeDetector = require("../../Toolbar/ToolbarWithSizeDetector");
 var _BeforeWrapper = require("./BeforeWrapper");
 var _MainToolbar = require("./MainToolbar");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -41,7 +41,7 @@ var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(fun
     css: _MainToolbar.nonCustomToolbarWrapperStyle
   }, props.beforeIcon && (0, _react2.jsx)("div", {
     css: _MainToolbar.mainToolbarIconBeforeStyle
-  }, props.beforeIcon), (0, _react2.jsx)(_Toolbar.default, {
+  }, props.beforeIcon), (0, _react2.jsx)(_ToolbarWithSizeDetector.ToolbarWithSizeDetector, {
     editorView: props.editorView,
     editorActions: props.editorActions,
     eventDispatcher: props.eventDispatcher,

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

@@ -4,18 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "LAYOUT_COLUMN_PADDING", {
-  enumerable: true,
-  get: function get() {
-    return _styles.LAYOUT_COLUMN_PADDING;
-  }
-});
-Object.defineProperty(exports, "LAYOUT_SECTION_MARGIN", {
-  enumerable: true,
-  get: function get() {
-    return _styles.LAYOUT_SECTION_MARGIN;
-  }
-});
 exports.layoutStyles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
@@ -26,9 +14,6 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var isPreRelease2 = function isPreRelease2() {
-  return (0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_pre_release_2');
-};
 var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
   return (0, _experiments.editorExperiment)('nested-dnd', true) ? // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
   (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span)) {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t"]))) : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
@@ -37,12 +22,12 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
 
 // TODO handle responsive
 var layoutColumnStyles = function layoutColumnStyles() {
-  return isPreRelease2() ? // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
+  return (0, _experiments.editorExperiment)('advanced_layouts', true) ? // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
   (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t> [data-layout-column] {\n\t\t\t\t\tmargin: 0 ", "px;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:first-of-type {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:last-of-type {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column].", ":not(.danger) {\n\t\t\t\t\t", ";\n\t\t\t\t\t/* layout column selection shorter after layout border has been removed */\n\t\t\t\t\t::before {\n\t\t\t\t\t\twidth: calc(100% - 8px);\n\t\t\t\t\t\tleft: 4px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), _styles.LAYOUT_SECTION_MARGIN / 2, _editorSharedStyles.gridMediumMaxWidth, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket])) : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
   (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\tmargin-left: ", "px;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), _styles.LAYOUT_SECTION_MARGIN, _editorSharedStyles.gridMediumMaxWidth);
 };
 var layoutSectionStyles = function layoutSectionStyles() {
-  return (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_breakout_resizing') ? // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
+  return (0, _experiments.editorExperiment)('advanced_layouts', true) ? // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
   (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t", ";\n\t\t\t\t.layout-section-container [data-layout-section] {\n\t\t\t\t\t> .ProseMirror-widget {\n\t\t\t\t\t\tflex: none;\n\t\t\t\t\t\tdisplay: contents !important;\n\n\t\t\t\t\t\t&[data-blocks-drag-handle-container] div {\n\t\t\t\t\t\t\tdisplay: contents !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&[data-blocks-drop-target-container] {\n\t\t\t\t\t\t\tdisplay: block !important;\n\t\t\t\t\t\t\tmargin: ", ";\n\n\t\t\t\t\t\t\t[data-drop-target-for-element] {\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t& + [data-layout-column] {\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t> [data-layout-column] {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), _styles.columnLayoutResponsiveSharedStyle, "var(--ds-space-negative-050, -4px)") : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
   (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t", "\n\t\t\t"])), _styles.columnLayoutSharedStyle);
 };
@@ -63,12 +48,12 @@ var rowSeparatorStyles = function rowSeparatorStyles(viewMode) {
 var layoutWithSeparatorBorderResponsiveStyles = function layoutWithSeparatorBorderResponsiveStyles(breakpoint, viewMode
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
 ) {
-  return (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\t&.selected,\n\t&:hover,\n\t&.selected.danger,\n\t&.", ":not(.danger) {\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t", " {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n"])), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_breakout_resizing') ? "@container editor-area (max-width:".concat(breakpoint, "px)") : "@media screen and (max-width: ".concat(_editorSharedStyles.gridMediumMaxWidth - 1, "px)"), rowSeparatorStyles(viewMode));
+  return (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\t&.selected,\n\t&:hover,\n\t&.selected.danger,\n\t&.", ":not(.danger) {\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t@container editor-area (max-width:", "px) {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n"])), _editorSharedStyles.akEditorSelectedNodeClassName, breakpoint, rowSeparatorStyles(viewMode));
 };
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
 var layoutWithSeparatorBorderStyles = function layoutWithSeparatorBorderStyles(viewMode) {
-  return (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n\t&.selected [data-layout-column]:not(:first-of-type),\n\t&:hover [data-layout-column]:not(:first-of-type) {\n\t\t", "\n\t}\n\n\t&.selected.danger\n\t\t", " {\n\t\tbackground-color: ", ";\n\n\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t", ";\n\t\tborder-radius: 4px;\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&.", ":not(.danger)\n\t\t", " {\n\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t", ";\n\t\tborder-radius: 4px;\n\t\tbackground-color: ", ";\n\t\t[data-layout-column] {\n\t\t\t", "\n\t\t\tborder: 0px;\n\t\t\t::before {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t", "\n\t\t}\n\t}\n"])), columnSeparatorStyles(viewMode), (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_breakout_resizing') ? "[data-layout-section]" : "", "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), viewMode === 'view' ? 0 : _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, columnSeparatorStyles(viewMode), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_breakout_resizing') ? "[data-layout-section]" : "", viewMode === 'view' ? 0 : _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-selected, #0C66E4)", "var(--ds-background-selected, #E9F2FF)", (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket]), columnSeparatorStyles(viewMode));
+  return (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n\t&.selected [data-layout-column]:not(:first-of-type),\n\t&:hover [data-layout-column]:not(:first-of-type) {\n\t\t", "\n\t}\n\n\t&.selected.danger [data-layout-section] {\n\t\tbackground-color: ", ";\n\n\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t", ";\n\t\tborder-radius: 4px;\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&.", ":not(.danger) [data-layout-section] {\n\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t", ";\n\t\tborder-radius: 4px;\n\t\tbackground-color: ", ";\n\t\t[data-layout-column] {\n\t\t\t", "\n\t\t\tborder: 0px;\n\t\t\t::before {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t", "\n\t\t}\n\t}\n"])), columnSeparatorStyles(viewMode), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), viewMode === 'view' ? 0 : _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, columnSeparatorStyles(viewMode), _editorSharedStyles.akEditorSelectedNodeClassName, viewMode === 'view' ? 0 : _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-selected, #0C66E4)", "var(--ds-background-selected, #E9F2FF)", (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket]), columnSeparatorStyles(viewMode));
 };
 var layoutResponsiveStyles = function layoutResponsiveStyles(viewMode) {
   return (// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
@@ -78,5 +63,5 @@ var layoutResponsiveStyles = function layoutResponsiveStyles(viewMode) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 var layoutStyles = exports.layoutStyles = function layoutStyles(viewMode) {
-  return (0, _react.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t", "\n\t\t[data-layout-section] {\n\t\t\t// TODO: Migrate away from gridSize\n\t\t\t// Recommendation: Replace directly with 7px\n\t\t\tmargin: ", " -", "px 0;\n\t\t\ttransition: border-color 0.3s ", ";\n\t\t\tcursor: ", ";\n\n\t\t\t/* Inner cursor located 26px from left */\n\t\t\t[data-layout-column] {\n\t\t\t\tflex: 1;\n\t\t\t\t", "\n\n\t\t\t\tmin-width: 0;\n\t\t\t\t/* disable 4 borders when in view mode and advanced layouts is on */\n\t\t\t\tborder: ", "px\n\t\t\t\t\tsolid ", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tpadding: ", "px\n\t\t\t\t\t", "px;\n\t\t\t\tbox-sizing: border-box;\n\n\t\t\t\t> div {\n\t\t\t\t\t", "\n\n\t\t\t\t\t> .embedCardView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-child\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor.-right\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-of-type\n\t\t\t\t\t\t+ .embedCardView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t/* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n             and shrinking layout's node selectable area (leniency margin) */\n\t\t\t\t\t> [data-node-type='decisionList'] {\n\t\t\t\t\t\tli:first-of-type [data-decision-wrapper] {\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Make the 'content' fill the entire height of the layout column to allow click\n           handler of layout section nodeview to target only data-layout-column */\n\t\t\t\t[data-layout-content] {\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tcursor: text;\n\t\t\t\t\t.mediaGroupView-content-wrap {\n\t\t\t\t\t\tclear: both;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\n\t\t// styles to support borders for layout\n\t\t[data-layout-section],\n\t\t.layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n\n\t// hide separator when element is dragging on top of a layout column\n\t[data-blocks-drop-target-container] ~ [data-layout-column] > [data-layout-content]::before {\n\t\tdisplay: none;\n\t}\n\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t[data-layout-section] {\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t", "\n"])), layoutSectionStyles(), "var(--ds-space-100, 8px)", _editorSharedStyles.akLayoutGutterOffset, _editorSharedStyles.akEditorSwoopCubicBezier, viewMode === 'view' ? 'default' : 'pointer', (0, _platformFeatureFlags.fg)('platform_editor_drag_and_drop_target_v2') ? 'position: relative;' : '', viewMode === 'view' || (0, _experiments.editorExperiment)('advanced_layouts', true) ? 0 : _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border, #091E4224)", _styles.LAYOUT_COLUMN_PADDING, _styles.LAYOUT_COLUMN_PADDING + ((0, _experiments.editorExperiment)('nested-dnd', true) ? 8 : 0), firstNodeWithNotMarginTop(), layoutColumnStyles(), (0, _experiments.editorExperiment)('advanced_layouts', true) ? layoutWithSeparatorBorderStyles(viewMode) : layoutBorderStyles(viewMode), (0, _experiments.editorExperiment)('advanced_layouts', true) && layoutResponsiveStyles(viewMode), _types.TableCssClassName.TABLE_CONTAINER, _consts.tableMarginFullWidthMode, (0, _experiments.editorExperiment)('nested-dnd', true) && !(0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_breakout_resizing') && ".ak-editor-content-area.appearance-full-page .ProseMirror [data-layout-section] {\n\t\t\t\tmargin: ".concat("var(--ds-space-100, 8px)", " -", _editorSharedStyles.akLayoutGutterOffset + 8, "px 0;\n\t\t\t\t}"));
+  return (0, _react.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t", "\n\t\t[data-layout-section] {\n\t\t\t// TODO: Migrate away from gridSize\n\t\t\t// Recommendation: Replace directly with 7px\n\t\t\tmargin: ", " -", "px 0;\n\t\t\ttransition: border-color 0.3s ", ";\n\t\t\tcursor: ", ";\n\n\t\t\t/* Inner cursor located 26px from left */\n\t\t\t[data-layout-column] {\n\t\t\t\tflex: 1;\n\t\t\t\t", "\n\n\t\t\t\tmin-width: 0;\n\t\t\t\t/* disable 4 borders when in view mode and advanced layouts is on */\n\t\t\t\tborder: ", "px\n\t\t\t\t\tsolid ", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tpadding: ", "px\n\t\t\t\t\t", "px;\n\t\t\t\tbox-sizing: border-box;\n\n\t\t\t\t> div {\n\t\t\t\t\t", "\n\n\t\t\t\t\t> .embedCardView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-child\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor.-right\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-of-type\n\t\t\t\t\t\t+ .embedCardView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t/* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n             and shrinking layout's node selectable area (leniency margin) */\n\t\t\t\t\t> [data-node-type='decisionList'] {\n\t\t\t\t\t\tli:first-of-type [data-decision-wrapper] {\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Make the 'content' fill the entire height of the layout column to allow click\n           handler of layout section nodeview to target only data-layout-column */\n\t\t\t\t[data-layout-content] {\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tcursor: text;\n\t\t\t\t\t.mediaGroupView-content-wrap {\n\t\t\t\t\t\tclear: both;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\n\t\t// styles to support borders for layout\n\t\t[data-layout-section],\n\t\t.layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n\n\t// hide separator when element is dragging on top of a layout column\n\t[data-blocks-drop-target-container] ~ [data-layout-column] > [data-layout-content]::before {\n\t\tdisplay: none;\n\t}\n\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t[data-layout-section] {\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t", "\n"])), layoutSectionStyles(), "var(--ds-space-100, 8px)", _editorSharedStyles.akLayoutGutterOffset, _editorSharedStyles.akEditorSwoopCubicBezier, viewMode === 'view' ? 'default' : 'pointer', (0, _platformFeatureFlags.fg)('platform_editor_drag_and_drop_target_v2') ? 'position: relative;' : '', viewMode === 'view' || (0, _experiments.editorExperiment)('advanced_layouts', true) ? 0 : _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border, #091E4224)", _styles.LAYOUT_COLUMN_PADDING, _styles.LAYOUT_COLUMN_PADDING + ((0, _experiments.editorExperiment)('nested-dnd', true) ? 8 : 0), firstNodeWithNotMarginTop(), layoutColumnStyles(), (0, _experiments.editorExperiment)('advanced_layouts', true) ? layoutWithSeparatorBorderStyles(viewMode) : layoutBorderStyles(viewMode), (0, _experiments.editorExperiment)('advanced_layouts', true) && layoutResponsiveStyles(viewMode), _types.TableCssClassName.TABLE_CONTAINER, _consts.tableMarginFullWidthMode, (0, _experiments.editorExperiment)('nested-dnd', true) && (0, _experiments.editorExperiment)('advanced_layouts', false) && ".ak-editor-content-area.appearance-full-page .ProseMirror [data-layout-section] {\n\t\t\t\tmargin: ".concat("var(--ds-space-100, 8px)", " -", _editorSharedStyles.akLayoutGutterOffset + 8, "px 0;\n\t\t\t\t}"));
 };