@atlaskit/editor-core 207.20.0 → 207.21.1

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @atlaskit/editor-core
 
+## 207.21.1
+
+### Patch Changes
+
+- [#171615](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/171615)
+  [`d4542dcef1f93`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4542dcef1f93) -
+  [ux] [ED-28254] this change is adding case matching to Find with status nodes behind the
+  platform_editor_find_and_replace_part_2 flag
+- Updated dependencies
+
+## 207.21.0
+
+### Minor Changes
+
+- [#172346](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172346)
+  [`615322847dc3b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/615322847dc3b) -
+  Adds dirty change metadata to onchange handler.
+
+### Patch Changes
+
+- [#172526](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172526)
+  [`4db369dced9ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4db369dced9ec) -
+  trigger editor core bump to use newer editor common
+- Updated dependencies
+
+## 207.20.1
+
+### Patch Changes
+
+- [#171539](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/171539)
+  [`823e66121b671`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/823e66121b671) -
+  [ux] Fixes height of the resize handle when advanced layouts feature is enabled.
+- [#171777](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/171777)
+  [`befd8b6d56e78`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/befd8b6d56e78) -
+  [ux] Update selection marker fake-cursor to use an inline element when placed inside words, to
+  prevent erroneous text wrapping.
+- Updated dependencies
+
 ## 207.20.0
 
 ### Minor Changes

package/afm-jira/tsconfig.json

@@ -45,6 +45,9 @@
 		{
 			"path": "../../editor-plugin-quick-insert/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../editor-plugin-user-preferences/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugins/afm-jira/tsconfig.json"
 		},

package/afm-post-office/tsconfig.json

@@ -45,6 +45,9 @@
 		{
 			"path": "../../editor-plugin-quick-insert/afm-post-office/tsconfig.json"
 		},
+		{
+			"path": "../../editor-plugin-user-preferences/afm-post-office/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugins/afm-post-office/tsconfig.json"
 		},

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDispatchTransaction = void 0;
 var _react = require("react");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _collab = require("@atlaskit/editor-common/collab");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
 var _findChangedNodesFromTransaction = require("../../utils/findChangedNodesFromTransaction");
@@ -57,9 +58,11 @@ var useDispatchTransaction = exports.useDispatchTransaction = function useDispat
       });
       if (onChangeRef.current && transaction.docChanged) {
         var source = transaction.getMeta('isRemote') ? 'remote' : 'local';
+        var isDirtyChange = (0, _collab.isDirtyTransaction)(transaction);
         (0, _performanceMeasures.startMeasure)(_trackTransactions.EVENT_NAME_ON_CHANGE);
         onChangeRef.current(view, {
-          source: source
+          source: source,
+          isDirtyChange: isDirtyChange
         });
         (0, _performanceMeasures.stopMeasure)(_trackTransactions.EVENT_NAME_ON_CHANGE);
       }

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

@@ -258,7 +258,8 @@ function ReactEditorView(props) {
     });
     viewRef.current.updateState(newEditorState);
     (_props$editorProps$on = (_props$editorProps2 = props.editorProps).onChange) === null || _props$editorProps$on === void 0 || _props$editorProps$on.call(_props$editorProps2, viewRef.current, {
-      source: 'local'
+      source: 'local',
+      isDirtyChange: false
     });
   }, [blur, createEditorState, props]);
 

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

@@ -152,7 +152,7 @@ var akEditorBreakpointForSmallDevice = "1266px";
 // Under editor experiment platform_editor_core_static_emotion
 // If you are making changes to this file, please make sure to update in EditorContentContainer.tsx as well
 var legacyContentStyles = function legacyContentStyles(props) {
-  return (0, _react2.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: ", "px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t *\n\t * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection\n\t * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks\n\t *    https://product-fabric.atlassian.net/browse/ED-26331\n\t */\n\t", "\n\n\t/* This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24 */\n\t", "\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  /* Switch between the two icons based on the visual refresh feature gate */\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t/* For FullPage only when inside a table\n\tRelated code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\tIn the \"editorContentAreaContainerStyle\" function */\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n     is bigger than the others, new ADS icon does not have this issue\n  */\n\t", "\n"])), _editorSharedStyles.akEditorGutterPadding, (0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), _editorSharedStyles.akEditorDefaultLayoutWidth, _editorSharedStyles.akEditorFullWidthLayoutWidth, _editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, _editorSharedStyles.akEditorCalculatedWideLayoutWidth, (0, _editorSharedStyles.editorFontSize)({
+  return (0, _react2.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: ", "px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t *\n\t * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection\n\t * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks\n\t *    https://product-fabric.atlassian.net/browse/ED-26331\n\t */\n\t", "\n\n\t/* This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24 */\n\t", "\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  /* Switch between the two icons based on the visual refresh feature gate */\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t/* For FullPage only when inside a table\n\tRelated code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\tIn the \"editorContentAreaContainerStyle\" function */\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n     is bigger than the others, new ADS icon does not have this issue\n  */\n\t", "\n"])), _editorSharedStyles.akEditorGutterPadding, (0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), _editorSharedStyles.akEditorDefaultLayoutWidth, _editorSharedStyles.akEditorFullWidthLayoutWidth, _editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, _editorSharedStyles.akEditorCalculatedWideLayoutWidth, (0, _editorSharedStyles.editorFontSize)({
     theme: props.theme
   }), _styles.whitespaceSharedStyles, (0, _styles.paragraphSharedStyles)(props.typographyTheme), _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_hide_cursor_when_pm_hideselection') ? (0, _react2.css)(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, (0, _experiments.editorExperiment)('platform_editor_advanced_code_blocks', true) ? (0, _react2.css)(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, "var(--ds-border-focused, #8cf)", (0, _platformFeatureFlags.fg)('platform_editor_fix_floating_toolbar_focus') ? firstFloatingToolbarButtonStyles : null, _styles5.placeholderTextStyles, placeholderStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_quick_insert_placeholder') ? placeholderWrapStyles : null, (0, _codeBlock.codeBlockStyles)(), (0, _styles2.blocktypeStyles)(props.typographyTheme), (0, _styles.codeMarkSharedStyles)(), _styles.textColorStyles, (0, _styles.backgroundColorStyles)(), listsStyles, ruleStyles(), (0, _media.mediaStyles)(), (0, _layout.layoutStyles)(props.viewMode), (0, _platformFeatureFlags.fg)('confluence_team_presence_scroll_to_pointer') ? _collab.telepointerStyle : _collab.telepointerStyleWithInitialOnly, _selection.gapCursorStyles, (0, _panel2.panelStyles)(), mentionsStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
     exposure: false
@@ -168,7 +168,7 @@ var legacyContentStyles = function legacyContentStyles(props) {
     exposure: false
   }) && (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.vanillaTaskDecisionIconWithVisualRefresh, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
     exposure: false
-  }) && !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.vanillaTaskDecisionIconWithoutVisualRefresh, _status.statusStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true) ? (0, _status.vanillaStatusStyles)() : null, (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? (0, _styles.getSmartCardSharedStyles)() : _styles.smartCardSharedStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true) ? _date.dateVanillaStyles : null, _date.dateStyles, (0, _styles.embedCardStyles)(), _styles.unsupportedStyles, _styles.resizerStyles, (0, _styles.pragmaticResizerStyles)(), (0, _styles.pragmaticResizerStylesForTooltip)(), (0, _aiPanels.aiPanelStyles)(props.colorMode), firstBlockNodeStylesNew, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _react2.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
+  }) && !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.vanillaTaskDecisionIconWithoutVisualRefresh, _status.statusStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true) ? (0, _status.vanillaStatusStyles)() : null, (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? (0, _styles.getSmartCardSharedStyles)() : _styles.smartCardSharedStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true) ? _date.dateVanillaStyles : null, _date.dateStyles, (0, _styles.embedCardStyles)(), _styles.unsupportedStyles, _styles.resizerStyles, (0, _styles.pragmaticResizerStyles)(), (0, _styles.pragmaticStylesLayoutFirstNodeResizeHandleFix)(), (0, _styles.pragmaticResizerStylesForTooltip)(), (0, _aiPanels.aiPanelStyles)(props.colorMode), firstBlockNodeStylesNew, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _react2.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
 };
 var listLayoutShiftFix = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js

@@ -278,7 +278,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _browser.browser.safari && _list.listsStylesSafariFix, (0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _resizerStyles.pragmaticResizerStyles, (0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release') &&
+    _resizerStyles.pragmaticResizerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _resizerStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _resizerStyles.pragmaticResizerStylesForTooltip,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/cjs/ui/EditorContentContainer/styles/resizerStyles.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resizerStyles = exports.resizerItemClassName = exports.resizerHoverZoneClassName = exports.resizerHandleTrackClassName = exports.resizerHandleThumbWidth = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerExtendedZone = exports.resizerDangerClassName = exports.pragmaticResizerStylesForTooltip = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
+exports.resizerStyles = exports.resizerItemClassName = exports.resizerHoverZoneClassName = exports.resizerHandleTrackClassName = exports.resizerHandleThumbWidth = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerExtendedZone = exports.resizerDangerClassName = exports.pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticResizerStylesForTooltip = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 // eslint-disable-line
@@ -187,6 +187,20 @@ var pragmaticResizerStylesForTooltip = exports.pragmaticResizerStylesForTooltip
   }
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticStylesLayoutFirstNodeResizeHandleFix = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor-breakout-mark': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:has([data-prosemirror-node-name="layoutSection"].first-node-in-document)': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '> .pm-breakout-resize-handle-container': {
+        height: 'calc(100% - 8px)'
+      }
+    }
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var pragmaticResizerStyles = exports.pragmaticResizerStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/cjs/ui/EditorContentContainer/styles/telepointerStyles.js

@@ -33,6 +33,26 @@ var pulseOut = (0, _react.keyframes)({
     opacity: 0
   }
 });
+var pulseInDuringTr = (0, _react.keyframes)({
+  '0%, 95%': {
+    transform: 'scaleX(1)',
+    opacity: 1
+  },
+  '100%': {
+    transform: 'scaleX(0)',
+    opacity: 0
+  }
+});
+var pulseOutDuringTr = (0, _react.keyframes)({
+  '100%': {
+    transform: 'scaleX(1)',
+    opacity: 1
+  },
+  '0%, 90%': {
+    transform: 'scaleX(0)',
+    opacity: 0
+  }
+});
 var telepointerColorAndCommonStyle = exports.telepointerColorAndCommonStyle = (0, _react.css)({
   '.ProseMirror .telepointer': {
     position: 'relative',
@@ -174,6 +194,14 @@ var telepointerStyle = exports.telepointerStyle = (0, _react.css)({
         animation: "".concat(pulseIn, " 2s ease-in-out")
       }
     },
+    '&.telepointer-pulse-during-tr': {
+      '.telepointer-initial': {
+        animation: "".concat(pulseOutDuringTr, " 7500ms ease-in-out")
+      },
+      '.telepointer-fullname': {
+        animation: "".concat(pulseInDuringTr, " 7500ms ease-in-out")
+      }
+    },
     '&:hover': {
       '.telepointer-initial': {
         opacity: 0,

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

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

@@ -1,5 +1,6 @@
 import { useCallback, useEffect, useRef } from 'react';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, getAnalyticsEventsFromTransaction } from '@atlaskit/editor-common/analytics';
+import { isDirtyTransaction } from '@atlaskit/editor-common/collab';
 import { getDocStructure } from '@atlaskit/editor-common/core-utils';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
 import { findChangedNodesFromTransaction } from '../../utils/findChangedNodesFromTransaction';
@@ -53,9 +54,11 @@ export const useDispatchTransaction = ({
       });
       if (onChangeRef.current && transaction.docChanged) {
         const source = transaction.getMeta('isRemote') ? 'remote' : 'local';
+        const isDirtyChange = isDirtyTransaction(transaction);
         startMeasure(EVENT_NAME_ON_CHANGE);
         onChangeRef.current(view, {
-          source
+          source,
+          isDirtyChange
         });
         stopMeasure(EVENT_NAME_ON_CHANGE);
       }

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

@@ -233,7 +233,8 @@ export function ReactEditorView(props) {
     });
     viewRef.current.updateState(newEditorState);
     (_props$editorProps$on = (_props$editorProps = props.editorProps).onChange) === null || _props$editorProps$on === void 0 ? void 0 : _props$editorProps$on.call(_props$editorProps, viewRef.current, {
-      source: 'local'
+      source: 'local',
+      isDirtyChange: false
     });
   }, [blur, createEditorState, props]);
 

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

@@ -17,7 +17,7 @@ import { EmojiSharedCssClassName, defaultEmojiHeight } from '@atlaskit/editor-co
 import { MentionSharedCssClassName } from '@atlaskit/editor-common/mention';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { gapCursorStyles } from '@atlaskit/editor-common/selection';
-import { CodeBlockSharedCssClassName, MediaSharedClassNames, SmartCardSharedCssClassName, annotationSharedStyles, backgroundColorStyles, blockMarksSharedStyles, codeBlockInListSafariFix, codeMarkSharedStyles, dateSharedStyle, embedCardStyles, expandClassNames, getSmartCardSharedStyles, gridStyles, indentationSharedStyles, linkSharedStyle, listsSharedStyles, paragraphSharedStyles, resizerStyles, pragmaticResizerStyles, pragmaticResizerStylesForTooltip, ruleSharedStyles, shadowSharedStyle, smartCardSharedStyles, smartCardStyles, tasksAndDecisionsStyles, textColorStyles, unsupportedStyles, whitespaceSharedStyles } from '@atlaskit/editor-common/styles';
+import { CodeBlockSharedCssClassName, MediaSharedClassNames, SmartCardSharedCssClassName, annotationSharedStyles, backgroundColorStyles, blockMarksSharedStyles, codeBlockInListSafariFix, codeMarkSharedStyles, dateSharedStyle, embedCardStyles, expandClassNames, getSmartCardSharedStyles, gridStyles, indentationSharedStyles, linkSharedStyle, listsSharedStyles, paragraphSharedStyles, resizerStyles, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, ruleSharedStyles, shadowSharedStyle, smartCardSharedStyles, smartCardStyles, tasksAndDecisionsStyles, textColorStyles, unsupportedStyles, whitespaceSharedStyles } from '@atlaskit/editor-common/styles';
 import { blocktypeStyles } from '@atlaskit/editor-plugins/block-type/styles';
 import { findReplaceStyles } from '@atlaskit/editor-plugins/find-replace/styles';
 import { textHighlightStyle } from '@atlaskit/editor-plugins/paste-options-toolbar/styles';
@@ -443,6 +443,7 @@ const legacyContentStyles = props => css`
   ${unsupportedStyles}
   ${resizerStyles}
   ${pragmaticResizerStyles()}
+  ${pragmaticStylesLayoutFirstNodeResizeHandleFix()}
   ${pragmaticResizerStylesForTooltip()}
   ${aiPanelStyles(props.colorMode)}
   ${firstBlockNodeStylesNew}

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

@@ -45,7 +45,7 @@ import { mentionsStyles, vanillaMentionsStyles, vanillaMentionsSelectionStyles }
 import { panelStyles, panelStylesMixin_fg_platform_editor_add_border_for_nested_panel, panelStylesMixin_fg_platform_editor_lcm_nested_panel_icon_fix, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelStylesMixin_without_fg_platform_editor_lcm_nested_panel_icon_fix, panelViewStyles } from './styles/panelStyles';
 import { paragraphStylesOld, paragraphStylesUGCModernized, paragraphStylesUGCRefreshed } from './styles/paragraphStyles';
 import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
-import { resizerStyles, pragmaticResizerStyles, pragmaticResizerStylesForTooltip } from './styles/resizerStyles';
+import { resizerStyles, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip } from './styles/resizerStyles';
 import { ruleStyles } from './styles/rule';
 import { scrollbarStyles } from './styles/scrollbarStyles';
 import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
@@ -273,7 +273,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     browser.safari && listsStylesSafariFix, editorExperiment('platform_editor_breakout_resizing', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    pragmaticResizerStyles, editorExperiment('platform_editor_breakout_resizing', true) && fg('platform_editor_breakout_resizing_hello_release') &&
+    pragmaticResizerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_breakout_resizing', true) && fg('platform_editor_breakout_resizing_hello_release') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    pragmaticStylesLayoutFirstNodeResizeHandleFix, editorExperiment('platform_editor_breakout_resizing', true) && fg('platform_editor_breakout_resizing_hello_release') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     pragmaticResizerStylesForTooltip,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js

@@ -232,6 +232,20 @@ export const pragmaticResizerStylesForTooltip = css({
   }
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const pragmaticStylesLayoutFirstNodeResizeHandleFix = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor-breakout-mark': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:has([data-prosemirror-node-name="layoutSection"].first-node-in-document)': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '> .pm-breakout-resize-handle-container': {
+        height: 'calc(100% - 8px)'
+      }
+    }
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const pragmaticResizerStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/es2019/ui/EditorContentContainer/styles/telepointerStyles.js

@@ -26,6 +26,26 @@ const pulseOut = keyframes({
     opacity: 0
   }
 });
+const pulseInDuringTr = keyframes({
+  '0%, 95%': {
+    transform: 'scaleX(1)',
+    opacity: 1
+  },
+  '100%': {
+    transform: 'scaleX(0)',
+    opacity: 0
+  }
+});
+const pulseOutDuringTr = keyframes({
+  '100%': {
+    transform: 'scaleX(1)',
+    opacity: 1
+  },
+  '0%, 90%': {
+    transform: 'scaleX(0)',
+    opacity: 0
+  }
+});
 export const telepointerColorAndCommonStyle = css({
   '.ProseMirror .telepointer': {
     position: 'relative',
@@ -167,6 +187,14 @@ export const telepointerStyle = css({
         animation: `${pulseIn} 2s ease-in-out`
       }
     },
+    '&.telepointer-pulse-during-tr': {
+      '.telepointer-initial': {
+        animation: `${pulseOutDuringTr} 7500ms ease-in-out`
+      },
+      '.telepointer-fullname': {
+        animation: `${pulseInDuringTr} 7500ms ease-in-out`
+      }
+    },
     '&:hover': {
       '.telepointer-initial': {
         opacity: 0,

package/dist/es2019/version-wrapper.js

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

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

@@ -1,5 +1,6 @@
 import { useCallback, useEffect, useRef } from 'react';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, getAnalyticsEventsFromTransaction } from '@atlaskit/editor-common/analytics';
+import { isDirtyTransaction } from '@atlaskit/editor-common/collab';
 import { getDocStructure } from '@atlaskit/editor-common/core-utils';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
 import { findChangedNodesFromTransaction } from '../../utils/findChangedNodesFromTransaction';
@@ -51,9 +52,11 @@ export var useDispatchTransaction = function useDispatchTransaction(_ref) {
       });
       if (onChangeRef.current && transaction.docChanged) {
         var source = transaction.getMeta('isRemote') ? 'remote' : 'local';
+        var isDirtyChange = isDirtyTransaction(transaction);
         startMeasure(EVENT_NAME_ON_CHANGE);
         onChangeRef.current(view, {
-          source: source
+          source: source,
+          isDirtyChange: isDirtyChange
         });
         stopMeasure(EVENT_NAME_ON_CHANGE);
       }

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

@@ -248,7 +248,8 @@ export function ReactEditorView(props) {
     });
     viewRef.current.updateState(newEditorState);
     (_props$editorProps$on = (_props$editorProps2 = props.editorProps).onChange) === null || _props$editorProps$on === void 0 || _props$editorProps$on.call(_props$editorProps2, viewRef.current, {
-      source: 'local'
+      source: 'local',
+      isDirtyChange: false
     });
   }, [blur, createEditorState, props]);
 

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

@@ -19,7 +19,7 @@ import { EmojiSharedCssClassName, defaultEmojiHeight } from '@atlaskit/editor-co
 import { MentionSharedCssClassName } from '@atlaskit/editor-common/mention';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { gapCursorStyles } from '@atlaskit/editor-common/selection';
-import { CodeBlockSharedCssClassName, MediaSharedClassNames, SmartCardSharedCssClassName, annotationSharedStyles, backgroundColorStyles, blockMarksSharedStyles, codeBlockInListSafariFix, codeMarkSharedStyles, dateSharedStyle, embedCardStyles, expandClassNames, getSmartCardSharedStyles, gridStyles, indentationSharedStyles, linkSharedStyle, listsSharedStyles, paragraphSharedStyles, resizerStyles, pragmaticResizerStyles, pragmaticResizerStylesForTooltip, ruleSharedStyles, shadowSharedStyle, smartCardSharedStyles, smartCardStyles, tasksAndDecisionsStyles, textColorStyles, unsupportedStyles, whitespaceSharedStyles } from '@atlaskit/editor-common/styles';
+import { CodeBlockSharedCssClassName, MediaSharedClassNames, SmartCardSharedCssClassName, annotationSharedStyles, backgroundColorStyles, blockMarksSharedStyles, codeBlockInListSafariFix, codeMarkSharedStyles, dateSharedStyle, embedCardStyles, expandClassNames, getSmartCardSharedStyles, gridStyles, indentationSharedStyles, linkSharedStyle, listsSharedStyles, paragraphSharedStyles, resizerStyles, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, ruleSharedStyles, shadowSharedStyle, smartCardSharedStyles, smartCardStyles, tasksAndDecisionsStyles, textColorStyles, unsupportedStyles, whitespaceSharedStyles } from '@atlaskit/editor-common/styles';
 import { blocktypeStyles } from '@atlaskit/editor-plugins/block-type/styles';
 import { findReplaceStyles } from '@atlaskit/editor-plugins/find-replace/styles';
 import { textHighlightStyle } from '@atlaskit/editor-plugins/paste-options-toolbar/styles';
@@ -145,7 +145,7 @@ var akEditorBreakpointForSmallDevice = "1266px";
 // Under editor experiment platform_editor_core_static_emotion
 // If you are making changes to this file, please make sure to update in EditorContentContainer.tsx as well
 var legacyContentStyles = function legacyContentStyles(props) {
-  return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: ", "px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t *\n\t * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection\n\t * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks\n\t *    https://product-fabric.atlassian.net/browse/ED-26331\n\t */\n\t", "\n\n\t/* This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24 */\n\t", "\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  /* Switch between the two icons based on the visual refresh feature gate */\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t/* For FullPage only when inside a table\n\tRelated code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\tIn the \"editorContentAreaContainerStyle\" function */\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n     is bigger than the others, new ADS icon does not have this issue\n  */\n\t", "\n"])), akEditorGutterPadding, akEditorGutterPaddingDynamic(), akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, akEditorCalculatedWideLayoutWidth, editorFontSize({
+  return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: ", "px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t *\n\t * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection\n\t * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks\n\t *    https://product-fabric.atlassian.net/browse/ED-26331\n\t */\n\t", "\n\n\t/* This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24 */\n\t", "\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  /* Switch between the two icons based on the visual refresh feature gate */\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t/* For FullPage only when inside a table\n\tRelated code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\tIn the \"editorContentAreaContainerStyle\" function */\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n     is bigger than the others, new ADS icon does not have this issue\n  */\n\t", "\n"])), akEditorGutterPadding, akEditorGutterPaddingDynamic(), akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, akEditorCalculatedWideLayoutWidth, editorFontSize({
     theme: props.theme
   }), whitespaceSharedStyles, paragraphSharedStyles(props.typographyTheme), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, fg('platform_editor_hide_cursor_when_pm_hideselection') ? css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, editorExperiment('platform_editor_advanced_code_blocks', true) ? css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, "var(--ds-border-focused, #8cf)", fg('platform_editor_fix_floating_toolbar_focus') ? firstFloatingToolbarButtonStyles : null, placeholderTextStyles, placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') ? placeholderWrapStyles : null, codeBlockStyles(), blocktypeStyles(props.typographyTheme), codeMarkSharedStyles(), textColorStyles, backgroundColorStyles(), listsStyles, ruleStyles(), mediaStyles(), layoutStyles(props.viewMode), fg('confluence_team_presence_scroll_to_pointer') ? telepointerStyle : telepointerStyleWithInitialOnly, gapCursorStyles, panelStyles(), mentionsStyles, editorExperiment('platform_editor_vanilla_dom', true, {
     exposure: false
@@ -161,7 +161,7 @@ var legacyContentStyles = function legacyContentStyles(props) {
     exposure: false
   }) && fg('platform-visual-refresh-icons') && vanillaDecisionIconWithVisualRefresh, editorExperiment('platform_editor_vanilla_dom', true, {
     exposure: false
-  }) && !fg('platform-visual-refresh-icons') && vanillaDecisionIconWithoutVisualRefresh, statusStyles, editorExperiment('platform_editor_vanilla_dom', true) ? vanillaStatusStyles() : null, annotationSharedStyles(), smartCardStyles(), fg('platform-linking-visual-refresh-v1') ? getSmartCardSharedStyles() : smartCardSharedStyles, editorExperiment('platform_editor_vanilla_dom', true) ? dateVanillaStyles : null, dateStyles, embedCardStyles(), unsupportedStyles, resizerStyles, pragmaticResizerStyles(), pragmaticResizerStylesForTooltip(), aiPanelStyles(props.colorMode), firstBlockNodeStylesNew, MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !fg('platform-visual-refresh-icons') ? css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
+  }) && !fg('platform-visual-refresh-icons') && vanillaDecisionIconWithoutVisualRefresh, statusStyles, editorExperiment('platform_editor_vanilla_dom', true) ? vanillaStatusStyles() : null, annotationSharedStyles(), smartCardStyles(), fg('platform-linking-visual-refresh-v1') ? getSmartCardSharedStyles() : smartCardSharedStyles, editorExperiment('platform_editor_vanilla_dom', true) ? dateVanillaStyles : null, dateStyles, embedCardStyles(), unsupportedStyles, resizerStyles, pragmaticResizerStyles(), pragmaticStylesLayoutFirstNodeResizeHandleFix(), pragmaticResizerStylesForTooltip(), aiPanelStyles(props.colorMode), firstBlockNodeStylesNew, MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !fg('platform-visual-refresh-icons') ? css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
 };
 var listLayoutShiftFix = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js

@@ -45,7 +45,7 @@ import { mentionsStyles, vanillaMentionsStyles, vanillaMentionsSelectionStyles }
 import { panelStyles, panelStylesMixin_fg_platform_editor_add_border_for_nested_panel, panelStylesMixin_fg_platform_editor_lcm_nested_panel_icon_fix, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelStylesMixin_without_fg_platform_editor_lcm_nested_panel_icon_fix, panelViewStyles } from './styles/panelStyles';
 import { paragraphStylesOld, paragraphStylesUGCModernized, paragraphStylesUGCRefreshed } from './styles/paragraphStyles';
 import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
-import { resizerStyles, pragmaticResizerStyles, pragmaticResizerStylesForTooltip } from './styles/resizerStyles';
+import { resizerStyles, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip } from './styles/resizerStyles';
 import { ruleStyles } from './styles/rule';
 import { scrollbarStyles } from './styles/scrollbarStyles';
 import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
@@ -270,7 +270,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     browser.safari && listsStylesSafariFix, editorExperiment('platform_editor_breakout_resizing', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    pragmaticResizerStyles, editorExperiment('platform_editor_breakout_resizing', true) && fg('platform_editor_breakout_resizing_hello_release') &&
+    pragmaticResizerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_breakout_resizing', true) && fg('platform_editor_breakout_resizing_hello_release') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    pragmaticStylesLayoutFirstNodeResizeHandleFix, editorExperiment('platform_editor_breakout_resizing', true) && fg('platform_editor_breakout_resizing_hello_release') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     pragmaticResizerStylesForTooltip,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js

@@ -179,6 +179,20 @@ export var pragmaticResizerStylesForTooltip = css({
   }
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var pragmaticStylesLayoutFirstNodeResizeHandleFix = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor-breakout-mark': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:has([data-prosemirror-node-name="layoutSection"].first-node-in-document)': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '> .pm-breakout-resize-handle-container': {
+        height: 'calc(100% - 8px)'
+      }
+    }
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var pragmaticResizerStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/esm/ui/EditorContentContainer/styles/telepointerStyles.js

@@ -26,6 +26,26 @@ var pulseOut = keyframes({
     opacity: 0
   }
 });
+var pulseInDuringTr = keyframes({
+  '0%, 95%': {
+    transform: 'scaleX(1)',
+    opacity: 1
+  },
+  '100%': {
+    transform: 'scaleX(0)',
+    opacity: 0
+  }
+});
+var pulseOutDuringTr = keyframes({
+  '100%': {
+    transform: 'scaleX(1)',
+    opacity: 1
+  },
+  '0%, 90%': {
+    transform: 'scaleX(0)',
+    opacity: 0
+  }
+});
 export var telepointerColorAndCommonStyle = css({
   '.ProseMirror .telepointer': {
     position: 'relative',
@@ -167,6 +187,14 @@ export var telepointerStyle = css({
         animation: "".concat(pulseIn, " 2s ease-in-out")
       }
     },
+    '&.telepointer-pulse-during-tr': {
+      '.telepointer-initial': {
+        animation: "".concat(pulseOutDuringTr, " 7500ms ease-in-out")
+      },
+      '.telepointer-fullname': {
+        animation: "".concat(pulseInDuringTr, " 7500ms ease-in-out")
+      }
+    },
     '&:hover': {
       '.telepointer-initial': {
         opacity: 0,

package/dist/esm/version-wrapper.js

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

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

@@ -347,8 +347,8 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
         actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
     }, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
         sharedState: import("@atlaskit/editor-plugins/editor-disabled").EditorDisabledPluginState;
-        pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined;
-    }, import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+        pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined;
+    }, import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
         pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
         sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
     }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
@@ -422,8 +422,8 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
     dependencies: import("packages/editor/editor-plugin-submit-editor/dist/types/submitEditorPluginType").SubmitEditorPluginDependencies;
 }, import("@atlaskit/editor-plugins/submit-editor").SubmitEditorPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
     sharedState: import("@atlaskit/editor-plugins/editor-disabled").EditorDisabledPluginState;
-    pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined;
-}, import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"unsupportedContent", {}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"placeholder", {
+    pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined;
+}, import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"unsupportedContent", {}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"placeholder", {
     pluginConfiguration: import("@atlaskit/editor-plugins/placeholder").PlaceholderPluginOptions | undefined;
     commands: {
         setPlaceholder: (placeholder: string) => import("@atlaskit/editor-common/types").EditorCommand;

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

@@ -404,8 +404,8 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
     }, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
         sharedState: import("@atlaskit/editor-plugins/editor-disabled").EditorDisabledPluginState;
-        pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined;
-    }, import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+        pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined;
+    }, import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
         pluginConfiguration: FeatureFlags;
         sharedState: FeatureFlags;
     }, FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
@@ -479,8 +479,8 @@ export default function createUniversalPresetInternal({ appearance, props, featu
     dependencies: import("packages/editor/editor-plugin-submit-editor/dist/types/submitEditorPluginType").SubmitEditorPluginDependencies;
 }, import("@atlaskit/editor-plugins/submit-editor").SubmitEditorPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
     sharedState: import("@atlaskit/editor-plugins/editor-disabled").EditorDisabledPluginState;
-    pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined;
-}, import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"unsupportedContent", {}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"placeholder", {
+    pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined;
+}, import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"unsupportedContent", {}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"placeholder", {
     pluginConfiguration: import("@atlaskit/editor-plugins/placeholder").PlaceholderPluginOptions | undefined;
     commands: {
         setPlaceholder: (placeholder: string) => import("@atlaskit/editor-common/types").EditorCommand;

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

@@ -347,8 +347,8 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
         actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
     }, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
         sharedState: import("@atlaskit/editor-plugins/editor-disabled").EditorDisabledPluginState;
-        pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined;
-    }, import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+        pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined;
+    }, import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
         pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
         sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
     }, import("@atlaskit/editor-common/types").FeatureFlags>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"interaction", {
@@ -422,8 +422,8 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
     dependencies: import("packages/editor/editor-plugin-submit-editor/dist/types/submitEditorPluginType").SubmitEditorPluginDependencies;
 }, import("@atlaskit/editor-plugins/submit-editor").SubmitEditorPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
     sharedState: import("@atlaskit/editor-plugins/editor-disabled").EditorDisabledPluginState;
-    pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined;
-}, import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"unsupportedContent", {}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"placeholder", {
+    pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined;
+}, import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"unsupportedContent", {}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"placeholder", {
     pluginConfiguration: import("@atlaskit/editor-plugins/placeholder").PlaceholderPluginOptions | undefined;
     commands: {
         setPlaceholder: (placeholder: string) => import("@atlaskit/editor-common/types").EditorCommand;

package/dist/types/ts-hack.d.ts

@@ -2,7 +2,7 @@
  * This file is a temporary hack to allow the editor to have references to the QuickInsertPlugin type.
  *
  * There is bug in tsconfig references generation, where it only adds references to the immediate dependencies of the project.
- * and not transitive dependencies. Typescript doesnt look into transitive dependencies tp update cached declarations of a package.
+ * and not transitive dependencies. Typescript doesn't look into transitive dependencies tp update cached declarations of a package.
  *
  * Typecheck team is working on a fix for this issue.
  **/

package/dist/types/types/editor-onchange.d.ts

@@ -1,4 +1,14 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export type EditorOnChangeHandler = (editorView: EditorView, meta: {
     source: 'local' | 'remote';
+    /**
+     * Indicates whether or not the change may be unnecessary to listen to (dirty
+     * changes can generally be ignored).
+     *
+     * This might be changes to media attributes for example when it gets updated
+     * due to initial setup.
+     *
+     * We still fire these events however to avoid a breaking change.
+     */
+    isDirtyChange: boolean;
 }) => void;

package/dist/types/ui/EditorContentContainer/styles/resizerStyles.d.ts

@@ -9,4 +9,5 @@ export declare const resizerHandleThumbWidth = 3;
 export declare const handleWrapperClass = "resizer-handle-wrapper";
 export declare const resizerStyles: import("@emotion/react").SerializedStyles;
 export declare const pragmaticResizerStylesForTooltip: import("@emotion/react").SerializedStyles;
+export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: import("@emotion/react").SerializedStyles;
 export declare const pragmaticResizerStyles: import("@emotion/react").SerializedStyles;

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

@@ -491,8 +491,8 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             }, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>,
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
                 sharedState: import("@atlaskit/editor-plugins/editor-disabled").EditorDisabledPluginState;
-                pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined;
-            }, import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined>>,
+                pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined;
+            }, import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined>>,
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
                 pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
                 sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
@@ -584,8 +584,8 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
     }, import("@atlaskit/editor-plugins/submit-editor").SubmitEditorPluginOptions | undefined>,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
         sharedState: import("@atlaskit/editor-plugins/editor-disabled").EditorDisabledPluginState;
-        pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined;
-    }, import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined>,
+        pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined;
+    }, import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined>,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"unsupportedContent", {}, undefined>,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"placeholder", {
         pluginConfiguration: import("@atlaskit/editor-plugins/placeholder").PlaceholderPluginOptions | undefined;

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

@@ -548,8 +548,8 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             }, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>,
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
                 sharedState: import("@atlaskit/editor-plugins/editor-disabled").EditorDisabledPluginState;
-                pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined;
-            }, import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined>>,
+                pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined;
+            }, import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined>>,
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
                 pluginConfiguration: FeatureFlags;
                 sharedState: FeatureFlags;
@@ -641,8 +641,8 @@ export default function createUniversalPresetInternal({ appearance, props, featu
     }, import("@atlaskit/editor-plugins/submit-editor").SubmitEditorPluginOptions | undefined>,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
         sharedState: import("@atlaskit/editor-plugins/editor-disabled").EditorDisabledPluginState;
-        pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined;
-    }, import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined>,
+        pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined;
+    }, import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined>,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"unsupportedContent", {}, undefined>,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"placeholder", {
         pluginConfiguration: import("@atlaskit/editor-plugins/placeholder").PlaceholderPluginOptions | undefined;

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

@@ -491,8 +491,8 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
             }, import("@atlaskit/editor-plugins/analytics").AnalyticsPluginOptions>>,
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
                 sharedState: import("@atlaskit/editor-plugins/editor-disabled").EditorDisabledPluginState;
-                pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined;
-            }, import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined>>,
+                pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined;
+            }, import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined>>,
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
                 pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
                 sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
@@ -584,8 +584,8 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
     }, import("@atlaskit/editor-plugins/submit-editor").SubmitEditorPluginOptions | undefined>,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
         sharedState: import("@atlaskit/editor-plugins/editor-disabled").EditorDisabledPluginState;
-        pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined;
-    }, import("packages/editor/editor-plugin-editor-disabled/dist/types/editorDisabledPluginType").EditorDisabledPluginOptions | undefined>,
+        pluginConfiguration: import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined;
+    }, import("packages/editor/editor-plugin-editor-disabled/dist/types").EditorDisabledPluginOptions | undefined>,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"unsupportedContent", {}, undefined>,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"placeholder", {
         pluginConfiguration: import("@atlaskit/editor-plugins/placeholder").PlaceholderPluginOptions | undefined;

package/dist/types-ts4.5/ts-hack.d.ts

@@ -2,7 +2,7 @@
  * This file is a temporary hack to allow the editor to have references to the QuickInsertPlugin type.
  *
  * There is bug in tsconfig references generation, where it only adds references to the immediate dependencies of the project.
- * and not transitive dependencies. Typescript doesnt look into transitive dependencies tp update cached declarations of a package.
+ * and not transitive dependencies. Typescript doesn't look into transitive dependencies tp update cached declarations of a package.
  *
  * Typecheck team is working on a fix for this issue.
  **/

package/dist/types-ts4.5/types/editor-onchange.d.ts

@@ -1,4 +1,14 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export type EditorOnChangeHandler = (editorView: EditorView, meta: {
     source: 'local' | 'remote';
+    /**
+     * Indicates whether or not the change may be unnecessary to listen to (dirty
+     * changes can generally be ignored).
+     *
+     * This might be changes to media attributes for example when it gets updated
+     * due to initial setup.
+     *
+     * We still fire these events however to avoid a breaking change.
+     */
+    isDirtyChange: boolean;
 }) => void;

package/dist/types-ts4.5/ui/EditorContentContainer/styles/resizerStyles.d.ts

@@ -9,4 +9,5 @@ export declare const resizerHandleThumbWidth = 3;
 export declare const handleWrapperClass = "resizer-handle-wrapper";
 export declare const resizerStyles: import("@emotion/react").SerializedStyles;
 export declare const pragmaticResizerStylesForTooltip: import("@emotion/react").SerializedStyles;
+export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: import("@emotion/react").SerializedStyles;
 export declare const pragmaticResizerStyles: import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "207.20.0",
+	"version": "207.21.1",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,16 +46,16 @@
 		"@atlaskit/analytics-next-stable-react-context": "1.0.1",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/css": "^0.10.0",
-		"@atlaskit/editor-common": "^106.7.0",
+		"@atlaskit/editor-common": "^106.9.0",
 		"@atlaskit/editor-json-transformer": "^8.24.0",
 		"@atlaskit/editor-performance-metrics": "^2.1.0",
-		"@atlaskit/editor-plugin-quick-insert": "^2.5.0",
+		"@atlaskit/editor-plugin-quick-insert": "^2.6.0",
 		"@atlaskit/editor-plugin-user-preferences": "^0.2.0",
 		"@atlaskit/editor-plugins": "^9.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/emoji": "^69.3.0",
-		"@atlaskit/icon": "^26.4.0",
+		"@atlaskit/icon": "^27.0.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/media-card": "^79.3.0",
 		"@atlaskit/mention": "^24.2.0",
@@ -63,7 +63,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/react-ufo": "^3.13.0",
 		"@atlaskit/task-decision": "^19.2.0",
-		"@atlaskit/tmp-editor-statsig": "^7.0.0",
+		"@atlaskit/tmp-editor-statsig": "^7.1.0",
 		"@atlaskit/tokens": "^5.2.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -97,13 +97,13 @@
 		"@atlaskit/editor-plugin-list": "^4.2.0",
 		"@atlaskit/editor-plugin-paste": "^3.3.0",
 		"@atlaskit/link-provider": "^3.3.0",
-		"@atlaskit/logo": "^19.0.0",
+		"@atlaskit/logo": "^19.1.0",
 		"@atlaskit/media-core": "^36.1.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^36.1.0",
 		"@atlaskit/modal-dialog": "^14.2.0",
 		"@atlaskit/primitives": "^14.8.0",
-		"@atlaskit/renderer": "^118.6.0",
+		"@atlaskit/renderer": "^118.7.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/smart-card": "^38.9.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
@@ -436,9 +436,6 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
-		"platform_editor_lcm_editor_controls_toolbar_fix": {
-			"type": "boolean"
-		},
 		"platform_editor_scroll_table_flickering_fix": {
 			"type": "boolean",
 			"referenceOnly": true
@@ -552,6 +549,9 @@
 		"platform_editor_find_and_replace_1": {
 			"type": "boolean"
 		},
+		"platform_editor_find_and_replace_part_2": {
+			"type": "boolean"
+		},
 		"editor_a11y_aria_label_removal_popup": {
 			"type": "boolean",
 			"referenceOnly": true
@@ -672,6 +672,10 @@
 		"platform_editor_lcm_nested_panel_icon_fix": {
 			"type": "boolean",
 			"referenceOnly": true
+		},
+		"platform_editor_inline_selection_marker_cursor": {
+			"type": "boolean",
+			"referenceOnly": true
 		}
 	},
 	"stricter": {