@atlaskit/editor-core 224.4.4 → 226.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.compiled.css +1 -0
  3. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.js +22 -12
  4. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-emotion.js +25 -14
  5. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +0 -1
  6. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +3 -6
  7. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +3 -7
  8. package/dist/cjs/ui/EditorContentContainer/styles/placeholderStyles.js +1 -16
  9. package/dist/cjs/version-wrapper.js +1 -1
  10. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.compiled.css +1 -0
  11. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.js +22 -12
  12. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-emotion.js +25 -14
  13. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +0 -1
  14. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -6
  15. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +3 -8
  16. package/dist/es2019/ui/EditorContentContainer/styles/placeholderStyles.js +0 -15
  17. package/dist/es2019/version-wrapper.js +1 -1
  18. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.compiled.css +1 -0
  19. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.js +22 -12
  20. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-emotion.js +25 -14
  21. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +0 -1
  22. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +3 -6
  23. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -8
  24. package/dist/esm/ui/EditorContentContainer/styles/placeholderStyles.js +0 -15
  25. package/dist/esm/version-wrapper.js +1 -1
  26. package/dist/types/types/editor-props.d.ts +0 -1
  27. package/dist/types/ui/EditorContentContainer/EditorContentContainer-compiled.d.ts +0 -1
  28. package/dist/types/ui/EditorContentContainer/EditorContentContainer-emotion.d.ts +0 -1
  29. package/dist/types/ui/EditorContentContainer/styles/placeholderStyles.d.ts +0 -7
  30. package/package.json +39 -42
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 226.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [`a39e0d152db0c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a39e0d152db0c) -
8
+ Remove the `UNSAFE_containLayout` prop from `EditorProps` and the `UNSAFE_outside` slot from
9
+ `BeforeAndAfterContentComponents`.
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 225.0.0
16
+
17
+ ### Patch Changes
18
+
19
+ - [`b15691abab5dc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b15691abab5dc) -
20
+ Clean up feature gate `platform_editor_quick_insert_placeholder`
21
+ - Updated dependencies
22
+
3
23
  ## 224.4.4
4
24
 
5
25
  ### Patch Changes
package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.compiled.css CHANGED
@@ -65,6 +65,7 @@
65
65
  ._n3tdidpf{padding-bottom:0}
66
66
  ._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
67
67
  ._njlp131u{contain:layout style inline-size}
68
+ ._njlp3xnj{contain:layout size}
68
69
  ._ongaglyw .ProseMirror>h4{clear:none}
69
70
  ._otyr1wug{margin-bottom:auto}
70
71
  ._otyridpf{margin-bottom:0}
package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.js CHANGED
@@ -36,6 +36,13 @@ var AK_NESTED_DND_GUTTER_OFFSET = 8;
36
36
  var getTotalPadding = function getTotalPadding() {
37
37
  return (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2;
38
38
  };
39
+
40
+ // Isolates the scroll container's layout and size from the rest of the page under
41
+ // platform_editor_contain_layout. Because of contain: size wrapper
42
+ // must take its height from the parent rather than from the contained content.
43
+ var containLayoutStyles = {
44
+ wrapper: "_njlp3xnj _4t3i1osq"
45
+ };
39
46
  var compiledStyles = {
40
47
  contentAreaWrapper: "_1bsb1osq _7cca15wb _1f38dez1 _njlp131u",
41
48
  sidebarArea: "_4t3i1osq _vchhusvi _1wpzesu3 _1hgw1wug _1t1q1if8 _uj9widpf _13hh1y6m",
@@ -97,15 +104,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
97
104
  var isMarkdownModeExperimentEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true);
98
105
  var shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
99
106
  var shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
100
- return /*#__PURE__*/_react.default.createElement("div", {
101
- "data-testid": CONTENT_AREA_TEST_ID,
102
- ref: containerRef,
103
- className: (0, _runtime.ax)([compiledStyles.contentAreaNew, props.isEditorToolbarHidden && compiledStyles.contentAreaHeightNoToolbar])
104
- }, /*#__PURE__*/_react.default.createElement("div", {
105
- "data-testid": EDITOR_CONTAINER,
106
- "data-editor-container": 'true',
107
- className: (0, _runtime.ax)([compiledStyles.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContainerBackgroundStyle])
108
- }, !!props.customContentComponents && 'UNSAFE_outside' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.UNSAFE_outside) : null, /*#__PURE__*/_react.default.createElement(_EditorContentContainer.default
107
+ var content = /*#__PURE__*/_react.default.createElement(_EditorContentContainer.default
109
108
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
110
109
  , {
111
110
  className: "fabric-editor-popup-scroll-parent",
@@ -115,8 +114,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
115
114
  isScrollable: true,
116
115
  appearance: props.appearance,
117
116
  contentMode: props.contentMode,
118
- useStandardNodeWidth: useStandardNodeWidth,
119
- UNSAFE_containLayout: props.UNSAFE_containLayout
117
+ useStandardNodeWidth: useStandardNodeWidth
120
118
  }, /*#__PURE__*/_react.default.createElement(_ClickAreaBlock.ClickAreaBlock, {
121
119
  editorView: props.editorView,
122
120
  editorDisabled: props.disabled
@@ -175,7 +173,19 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
175
173
  },
176
174
  "data-vc": "scroll-gutter",
177
175
  className: (0, _runtime.ax)([shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorScrollGutterStyle])
178
- }))))))), /*#__PURE__*/_react.default.createElement("div", {
176
+ }))))));
177
+ return /*#__PURE__*/_react.default.createElement("div", {
178
+ "data-testid": CONTENT_AREA_TEST_ID,
179
+ ref: containerRef,
180
+ className: (0, _runtime.ax)([compiledStyles.contentAreaNew, props.isEditorToolbarHidden && compiledStyles.contentAreaHeightNoToolbar])
181
+ }, /*#__PURE__*/_react.default.createElement("div", {
182
+ "data-testid": EDITOR_CONTAINER,
183
+ "data-editor-container": 'true',
184
+ className: (0, _runtime.ax)([compiledStyles.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContainerBackgroundStyle])
185
+ }, props.UNSAFE_containLayout ? /*#__PURE__*/_react.default.createElement("div", {
186
+ "data-testid": "editor-contain-size-and-layout-wrapper",
187
+ className: (0, _runtime.ax)([containLayoutStyles.wrapper])
188
+ }, content) : content), /*#__PURE__*/_react.default.createElement("div", {
179
189
  className: (0, _runtime.ax)([compiledStyles.sidebarArea])
180
190
  }, props.contextPanel || /*#__PURE__*/_react.default.createElement(_ContextPanel.ContextPanel, {
181
191
  editorAPI: props.editorAPI,
package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-emotion.js CHANGED
@@ -46,6 +46,14 @@ var AK_NESTED_DND_GUTTER_OFFSET = 8;
46
46
  var getTotalPadding = function getTotalPadding() {
47
47
  return (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2;
48
48
  };
49
+
50
+ // Isolates the scroll container's layout and size from the rest of the page under
51
+ // platform_editor_contain_layout. Because of contain: size wrapper
52
+ // must take its height from the parent rather than from the contained content.
53
+ var containStrictWrapperStyles = (0, _react2.css)({
54
+ contain: 'layout size',
55
+ height: '100%'
56
+ });
49
57
  var editorContentAreaProsemirrorStyle = (0, _react2.css)({
50
58
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
51
59
  '& .ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)({
@@ -312,17 +320,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
312
320
  var isMarkdownModeExperimentEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true);
313
321
  var shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
314
322
  var shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
315
- return (0, _react2.jsx)("div", {
316
- css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
317
- "data-testid": CONTENT_AREA_TEST_ID,
318
- ref: containerRef
319
- }, (0, _react2.jsx)("div", {
320
- css: [
321
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
322
- _StyledComponents.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && markdownModeContainerBackgroundStyle],
323
- "data-testid": EDITOR_CONTAINER,
324
- "data-editor-container": 'true'
325
- }, !!props.customContentComponents && 'UNSAFE_outside' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.UNSAFE_outside) : null, (0, _react2.jsx)(_EditorContentContainer.default
323
+ var content = (0, _react2.jsx)(_EditorContentContainer.default
326
324
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
327
325
  , {
328
326
  className: "fabric-editor-popup-scroll-parent",
@@ -332,8 +330,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
332
330
  isScrollable: true,
333
331
  appearance: props.appearance,
334
332
  contentMode: props.contentMode,
335
- useStandardNodeWidth: useStandardNodeWidth,
336
- UNSAFE_containLayout: props.UNSAFE_containLayout
333
+ useStandardNodeWidth: useStandardNodeWidth
337
334
  }, (0, _react2.jsx)(_ClickAreaBlock.default, {
338
335
  editorView: props.editorView,
339
336
  editorDisabled: props.disabled
@@ -401,7 +398,21 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
401
398
  paddingBottom: "".concat((_allowScrollGutter$gu2 = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu2 !== void 0 ? _allowScrollGutter$gu2 : '120', "px")
402
399
  },
403
400
  "data-vc": "scroll-gutter"
404
- }))))))), (0, _react2.jsx)("div", {
401
+ }))))));
402
+ return (0, _react2.jsx)("div", {
403
+ css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
404
+ "data-testid": CONTENT_AREA_TEST_ID,
405
+ ref: containerRef
406
+ }, (0, _react2.jsx)("div", {
407
+ css: [
408
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
409
+ _StyledComponents.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && markdownModeContainerBackgroundStyle],
410
+ "data-testid": EDITOR_CONTAINER,
411
+ "data-editor-container": 'true'
412
+ }, props.UNSAFE_containLayout ? (0, _react2.jsx)("div", {
413
+ "data-testid": "editor-contain-size-and-layout-wrapper",
414
+ css: containStrictWrapperStyles
415
+ }, content) : content), (0, _react2.jsx)("div", {
405
416
  css: _StyledComponents.sidebarArea
406
417
  }, props.contextPanel || (0, _react2.jsx)(_ContextPanel.ContextPanel, {
407
418
  editorAPI: props.editorAPI,
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css CHANGED
@@ -123,7 +123,6 @@
123
123
  .cc-9s11ni .ProseMirror p{font:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif;margin-top:.75em;margin-bottom:0}
124
124
  .cc-j698ed .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis}.cc-1g9vzfc .ProseMirror .placeholder-decoration{color:var(--ds-text-subtlest,#6b6e76);width:100%;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1g9vzfc .ProseMirror .placeholder-decoration .placeholder-android{pointer-events:none;outline-color:currentColor;outline-style:none;outline-width:medium;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:absolute}.cc-1g9vzfc .ProseMirror .placeholder-decoration-fade-in{animation-name:kgnpaw5;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards}
125
125
  .cc-1om7jhv .ProseMirror span[data-placeholder]{color:var(--ds-text-subtlest,#6b6e76);display:inline}.cc-1om7jhv .ProseMirror span.pm-placeholder{display:inline;color:var(--ds-text-subtlest,#6b6e76)}.cc-1om7jhv .ProseMirror span.pm-placeholder__text{display:inline;color:var(--ds-text-subtlest,#6b6e76)}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node{background-color:var(--ds-background-selected,#e9f2fe)}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node ::selection, .cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node::selection{background-color:transparent}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node ::-moz-selection, .cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node::-moz-selection{background-color:transparent}.cc-1om7jhv .ProseMirror span.pm-placeholder__text[data-placeholder]:after{color:var(--ds-text-subtlest,#6b6e76);cursor:text;content:attr(data-placeholder);display:inline}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-cursor{display:inline;pointer-events:none;position:relative}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-cursor:after{content:"";display:inline;top:0;position:absolute;border-right:1px solid var(--ds-border,#0b120e24)}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-selection{display:inline;pointer-events:none;position:relative;background-color:Highlight;color:HighlightText}
126
- .cc-15lghdh .ProseMirror mark[data-type-ahead-query=true]:has(.placeholder-decoration-wrap){white-space:nowrap}
127
126
  .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--left, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--left{left:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--right, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--right{right:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container{height:calc(100% - 4px)}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container{height:calc(100% - 8px)}.cc-lum87v .fabric-editor-breakout-mark:has(.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}.cc-lum87v .pm-breakout-resize-handle-container{position:relative;align-self:end;grid-row:1;grid-column:1;height:100%;width:7px}.cc-lum87v .pm-breakout-resize-handle-container--left{justify-self:start}.cc-lum87v .pm-breakout-resize-handle-container--right{justify-self:end}.cc-lum87v .pm-breakout-resize-handle-rail{position:relative;display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);transition:background-color .2s,visibility .2s,opacity .2s;z-index:2;opacity:0}.cc-lum87v .pm-breakout-resize-handle-rail:hover{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-rail:hover .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-container--active{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-container--active .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-hit-box{position:absolute;top:0;bottom:0;left:-20px;right:-20px;z-index:0}.cc-lum87v .pm-breakout-resize-handle-thumb{min-width:3px;height:clamp(27px,calc(100% - 2pc),6pc);background:var(--ds-border,#0b120e24);border-radius:var(--ds-radius-medium,6px);position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}
128
127
  .cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--left{left:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--right{right:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-1tfwb0v .fabric-editor-breakout-mark:has(.first-node-in-document.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}
129
128
  .cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper{display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);z-index:2}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper [role=presentation]:not(:where([popover],dialog,[popover] *,dialog *)){height:100%;width:100%}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper .pm-breakout-resize-handle-rail-inside-tooltip{height:100%}
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js CHANGED
@@ -290,7 +290,6 @@ var editorContentStyles = {
290
290
  placeholderOverflowStyles: "cc-j698ed",
291
291
  placeholderStyles: "cc-1g9vzfc",
292
292
  placeholderTextStyles: "cc-1om7jhv",
293
- placeholderWrapStyles: "cc-15lghdh",
294
293
  pragmaticResizerStyles: "cc-lum87v",
295
294
  pragmaticResizerStylesCodeBlockSyncedBlockPatch: "cc-1tfwb0v",
296
295
  pragmaticResizerStylesForTooltip: "cc-mn5fyk",
@@ -397,16 +396,14 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
397
396
  // root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
398
397
  // For the legacy path, compute it from the Emotion theme as before.
399
398
  var style = _react.default.useMemo(function () {
400
- return _objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_containLayout ? {
401
- contain: 'strict'
402
- } : {}), {}, {
399
+ return _objectSpread(_objectSpread({
403
400
  '--ak-editor--table-overflow-shadow': tableOverflowShadow
404
401
  }, _tableCellBackgroundForCompiled.tableCellBackgroundColorVariablesForCompiled), !(0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
405
402
  exposure: true
406
403
  }) && {
407
404
  '--ak-editor--large-gutter-padding': "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px")
408
405
  });
409
- }, [tableOverflowShadow, props.UNSAFE_containLayout]);
406
+ }, [tableOverflowShadow]);
410
407
  var browser = (0, _browser.getBrowserInfo)();
411
408
 
412
409
  // Evaluate the block-spacing experiment once per render.
@@ -416,7 +413,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
416
413
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
417
414
  className: (0, _runtime.ax)([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, (0, _fg.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? editorContentStyles.editorLargeGutterPuddingBaseStylesEditorControls : editorContentStyles.editorLargeGutterPuddingBaseStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
418
415
  exposure: true
419
- }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _fg.fg)('platform_editor_quick_insert_placeholder') && editorContentStyles.placeholderWrapStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
416
+ }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
420
417
  exposure: true
421
418
  }) && editorContentStyles.blockquoteSelectedNodeStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
422
419
  exposure: true
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js CHANGED
@@ -141,9 +141,7 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
141
141
  // root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
142
142
  // For the legacy path, compute it from the Emotion theme as before.
143
143
  var style = _react.default.useMemo(function () {
144
- return _objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_containLayout ? {
145
- contain: 'strict'
146
- } : {}), !(0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
144
+ return _objectSpread(_objectSpread({}, !(0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
147
145
  '--ak-editor-base-font-size': "".concat((0, _editorSharedStyles.editorFontSize)({
148
146
  theme: theme
149
147
  }), "px")
@@ -152,7 +150,7 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
152
150
  }) && {
153
151
  '--ak-editor--large-gutter-padding': "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px")
154
152
  });
155
- }, [theme, props.UNSAFE_containLayout]);
153
+ }, [theme]);
156
154
  var browser = (0, _browser.getBrowserInfo)();
157
155
 
158
156
  // Evaluate the block-spacing experiment once per render.
@@ -204,9 +202,7 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
204
202
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
205
203
  _placeholderStyles.placeholderStyles,
206
204
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
207
- (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && _placeholderStyles.placeholderOverflowStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _fg.fg)('platform_editor_quick_insert_placeholder') &&
208
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
209
- _placeholderStyles.placeholderWrapStyles,
205
+ (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && _placeholderStyles.placeholderOverflowStyles,
210
206
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
211
207
  _codeBlockStyles.codeBlockStyles,
212
208
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/cjs/ui/EditorContentContainer/styles/placeholderStyles.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.placeholderWrapStyles = exports.placeholderTextStyles = exports.placeholderStyles = exports.placeholderOverflowStyles = void 0;
6
+ exports.placeholderTextStyles = exports.placeholderStyles = exports.placeholderOverflowStyles = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
9
9
  @repo/internal/deprecations/deprecation-ticket-required,
@@ -131,19 +131,4 @@ var placeholderOverflowStyles = exports.placeholderOverflowStyles = (0, _react.c
131
131
  whiteSpace: 'nowrap',
132
132
  textOverflow: 'ellipsis'
133
133
  }
134
- });
135
- /**
136
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
137
- * If you need to make changes here, also update the corresponding style in
138
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
139
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
140
- */
141
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
142
- var placeholderWrapStyles = exports.placeholderWrapStyles = (0, _react.css)({
143
- // As part of controls work, we add placeholder `Search` to quick insert command
144
- // This style is to prevent `/Search` being wrapped if it's triggered at the end of the line
145
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
146
- '.ProseMirror mark[data-type-ahead-query="true"]:has(.placeholder-decoration-wrap)': {
147
- whiteSpace: 'nowrap'
148
- }
149
134
  });
package/dist/cjs/version-wrapper.js CHANGED
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
8
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
9
- var version = exports.version = "224.4.3";
9
+ var version = exports.version = "225.0.0";
package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.compiled.css CHANGED
@@ -65,6 +65,7 @@
65
65
  ._n3tdidpf{padding-bottom:0}
66
66
  ._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
67
67
  ._njlp131u{contain:layout style inline-size}
68
+ ._njlp3xnj{contain:layout size}
68
69
  ._ongaglyw .ProseMirror>h4{clear:none}
69
70
  ._otyr1wug{margin-bottom:auto}
70
71
  ._otyridpf{margin-bottom:0}
package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.js CHANGED
@@ -27,6 +27,13 @@ const akLayoutGutterOffset = 12;
27
27
  const SWOOP_ANIMATION = `0.5s ${akEditorSwoopCubicBezier}`;
28
28
  const AK_NESTED_DND_GUTTER_OFFSET = 8;
29
29
  const getTotalPadding = () => akEditorGutterPaddingDynamic() * 2;
30
+
31
+ // Isolates the scroll container's layout and size from the rest of the page under
32
+ // platform_editor_contain_layout. Because of contain: size wrapper
33
+ // must take its height from the parent rather than from the contained content.
34
+ const containLayoutStyles = {
35
+ wrapper: "_njlp3xnj _4t3i1osq"
36
+ };
30
37
  const compiledStyles = {
31
38
  contentAreaWrapper: "_1bsb1osq _7cca15wb _1f38dez1 _njlp131u",
32
39
  sidebarArea: "_4t3i1osq _vchhusvi _1wpzesu3 _1hgw1wug _1t1q1if8 _uj9widpf _13hh1y6m",
@@ -86,15 +93,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
86
93
  const isMarkdownModeExperimentEnabled = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true);
87
94
  const shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
88
95
  const shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
89
- return /*#__PURE__*/React.createElement("div", {
90
- "data-testid": CONTENT_AREA_TEST_ID,
91
- ref: containerRef,
92
- className: ax([compiledStyles.contentAreaNew, props.isEditorToolbarHidden && compiledStyles.contentAreaHeightNoToolbar])
93
- }, /*#__PURE__*/React.createElement("div", {
94
- "data-testid": EDITOR_CONTAINER,
95
- "data-editor-container": 'true',
96
- className: ax([compiledStyles.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContainerBackgroundStyle])
97
- }, !!props.customContentComponents && 'UNSAFE_outside' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.UNSAFE_outside) : null, /*#__PURE__*/React.createElement(EditorContentContainer
96
+ const content = /*#__PURE__*/React.createElement(EditorContentContainer
98
97
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
99
98
  , {
100
99
  className: "fabric-editor-popup-scroll-parent",
@@ -104,8 +103,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
104
103
  isScrollable: true,
105
104
  appearance: props.appearance,
106
105
  contentMode: props.contentMode,
107
- useStandardNodeWidth: useStandardNodeWidth,
108
- UNSAFE_containLayout: props.UNSAFE_containLayout
106
+ useStandardNodeWidth: useStandardNodeWidth
109
107
  }, /*#__PURE__*/React.createElement(ClickAreaBlock, {
110
108
  editorView: props.editorView,
111
109
  editorDisabled: props.disabled
@@ -164,7 +162,19 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
164
162
  },
165
163
  "data-vc": "scroll-gutter",
166
164
  className: ax([shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorScrollGutterStyle])
167
- }))))))), /*#__PURE__*/React.createElement("div", {
165
+ }))))));
166
+ return /*#__PURE__*/React.createElement("div", {
167
+ "data-testid": CONTENT_AREA_TEST_ID,
168
+ ref: containerRef,
169
+ className: ax([compiledStyles.contentAreaNew, props.isEditorToolbarHidden && compiledStyles.contentAreaHeightNoToolbar])
170
+ }, /*#__PURE__*/React.createElement("div", {
171
+ "data-testid": EDITOR_CONTAINER,
172
+ "data-editor-container": 'true',
173
+ className: ax([compiledStyles.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContainerBackgroundStyle])
174
+ }, props.UNSAFE_containLayout ? /*#__PURE__*/React.createElement("div", {
175
+ "data-testid": "editor-contain-size-and-layout-wrapper",
176
+ className: ax([containLayoutStyles.wrapper])
177
+ }, content) : content), /*#__PURE__*/React.createElement("div", {
168
178
  className: ax([compiledStyles.sidebarArea])
169
179
  }, props.contextPanel || /*#__PURE__*/React.createElement(ContextPanel, {
170
180
  editorAPI: props.editorAPI,
package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-emotion.js CHANGED
@@ -33,6 +33,14 @@ const akLayoutGutterOffset = 12;
33
33
  const SWOOP_ANIMATION = `0.5s ${akEditorSwoopCubicBezier}`;
34
34
  const AK_NESTED_DND_GUTTER_OFFSET = 8;
35
35
  const getTotalPadding = () => akEditorGutterPaddingDynamic() * 2;
36
+
37
+ // Isolates the scroll container's layout and size from the rest of the page under
38
+ // platform_editor_contain_layout. Because of contain: size wrapper
39
+ // must take its height from the parent rather than from the contained content.
40
+ const containStrictWrapperStyles = css({
41
+ contain: 'layout size',
42
+ height: '100%'
43
+ });
36
44
  const editorContentAreaProsemirrorStyle = css({
37
45
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
38
46
  '& .ProseMirror': {
@@ -304,17 +312,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
304
312
  const isMarkdownModeExperimentEnabled = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true);
305
313
  const shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
306
314
  const shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
307
- return jsx("div", {
308
- css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
309
- "data-testid": CONTENT_AREA_TEST_ID,
310
- ref: containerRef
311
- }, jsx("div", {
312
- css: [
313
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
314
- contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && markdownModeContainerBackgroundStyle],
315
- "data-testid": EDITOR_CONTAINER,
316
- "data-editor-container": 'true'
317
- }, !!props.customContentComponents && 'UNSAFE_outside' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.UNSAFE_outside) : null, jsx(EditorContentContainer
315
+ const content = jsx(EditorContentContainer
318
316
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
319
317
  , {
320
318
  className: "fabric-editor-popup-scroll-parent",
@@ -324,8 +322,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
324
322
  isScrollable: true,
325
323
  appearance: props.appearance,
326
324
  contentMode: props.contentMode,
327
- useStandardNodeWidth: useStandardNodeWidth,
328
- UNSAFE_containLayout: props.UNSAFE_containLayout
325
+ useStandardNodeWidth: useStandardNodeWidth
329
326
  }, jsx(ClickAreaBlock, {
330
327
  editorView: props.editorView,
331
328
  editorDisabled: props.disabled
@@ -393,7 +390,21 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
393
390
  paddingBottom: `${(_allowScrollGutter$gu2 = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu2 !== void 0 ? _allowScrollGutter$gu2 : '120'}px`
394
391
  },
395
392
  "data-vc": "scroll-gutter"
396
- }))))))), jsx("div", {
393
+ }))))));
394
+ return jsx("div", {
395
+ css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
396
+ "data-testid": CONTENT_AREA_TEST_ID,
397
+ ref: containerRef
398
+ }, jsx("div", {
399
+ css: [
400
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
401
+ contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && markdownModeContainerBackgroundStyle],
402
+ "data-testid": EDITOR_CONTAINER,
403
+ "data-editor-container": 'true'
404
+ }, props.UNSAFE_containLayout ? jsx("div", {
405
+ "data-testid": "editor-contain-size-and-layout-wrapper",
406
+ css: containStrictWrapperStyles
407
+ }, content) : content), jsx("div", {
397
408
  css: sidebarArea
398
409
  }, props.contextPanel || jsx(ContextPanel, {
399
410
  editorAPI: props.editorAPI,
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css CHANGED
@@ -123,7 +123,6 @@
123
123
  .cc-9s11ni .ProseMirror p{font:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif;margin-top:.75em;margin-bottom:0}
124
124
  .cc-j698ed .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis}.cc-1g9vzfc .ProseMirror .placeholder-decoration{color:var(--ds-text-subtlest,#6b6e76);width:100%;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1g9vzfc .ProseMirror .placeholder-decoration .placeholder-android{pointer-events:none;outline-color:currentColor;outline-style:none;outline-width:medium;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:absolute}.cc-1g9vzfc .ProseMirror .placeholder-decoration-fade-in{animation-name:kgnpaw5;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards}
125
125
  .cc-1om7jhv .ProseMirror span[data-placeholder]{color:var(--ds-text-subtlest,#6b6e76);display:inline}.cc-1om7jhv .ProseMirror span.pm-placeholder{display:inline;color:var(--ds-text-subtlest,#6b6e76)}.cc-1om7jhv .ProseMirror span.pm-placeholder__text{display:inline;color:var(--ds-text-subtlest,#6b6e76)}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node{background-color:var(--ds-background-selected,#e9f2fe)}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node ::selection, .cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node::selection{background-color:transparent}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node ::-moz-selection, .cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node::-moz-selection{background-color:transparent}.cc-1om7jhv .ProseMirror span.pm-placeholder__text[data-placeholder]:after{color:var(--ds-text-subtlest,#6b6e76);cursor:text;content:attr(data-placeholder);display:inline}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-cursor{display:inline;pointer-events:none;position:relative}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-cursor:after{content:"";display:inline;top:0;position:absolute;border-right:1px solid var(--ds-border,#0b120e24)}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-selection{display:inline;pointer-events:none;position:relative;background-color:Highlight;color:HighlightText}
126
- .cc-15lghdh .ProseMirror mark[data-type-ahead-query=true]:has(.placeholder-decoration-wrap){white-space:nowrap}
127
126
  .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--left, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--left{left:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--right, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--right{right:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container{height:calc(100% - 4px)}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container{height:calc(100% - 8px)}.cc-lum87v .fabric-editor-breakout-mark:has(.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}.cc-lum87v .pm-breakout-resize-handle-container{position:relative;align-self:end;grid-row:1;grid-column:1;height:100%;width:7px}.cc-lum87v .pm-breakout-resize-handle-container--left{justify-self:start}.cc-lum87v .pm-breakout-resize-handle-container--right{justify-self:end}.cc-lum87v .pm-breakout-resize-handle-rail{position:relative;display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);transition:background-color .2s,visibility .2s,opacity .2s;z-index:2;opacity:0}.cc-lum87v .pm-breakout-resize-handle-rail:hover{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-rail:hover .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-container--active{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-container--active .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-hit-box{position:absolute;top:0;bottom:0;left:-20px;right:-20px;z-index:0}.cc-lum87v .pm-breakout-resize-handle-thumb{min-width:3px;height:clamp(27px,calc(100% - 2pc),6pc);background:var(--ds-border,#0b120e24);border-radius:var(--ds-radius-medium,6px);position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}
128
127
  .cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--left{left:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--right{right:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-1tfwb0v .fabric-editor-breakout-mark:has(.first-node-in-document.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}
129
128
  .cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper{display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);z-index:2}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper [role=presentation]:not(:where([popover],dialog,[popover] *,dialog *)){height:100%;width:100%}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper .pm-breakout-resize-handle-rail-inside-tooltip{height:100%}
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js CHANGED
@@ -341,7 +341,6 @@ const editorContentStyles = {
341
341
  placeholderOverflowStyles: "cc-j698ed",
342
342
  placeholderStyles: "cc-1g9vzfc",
343
343
  placeholderTextStyles: "cc-1om7jhv",
344
- placeholderWrapStyles: "cc-15lghdh",
345
344
  pragmaticResizerStyles: "cc-lum87v",
346
345
  pragmaticResizerStylesCodeBlockSyncedBlockPatch: "cc-1tfwb0v",
347
346
  pragmaticResizerStylesForTooltip: "cc-mn5fyk",
@@ -451,9 +450,6 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
451
450
  // root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
452
451
  // For the legacy path, compute it from the Emotion theme as before.
453
452
  const style = React.useMemo(() => ({
454
- ...(props.UNSAFE_containLayout ? {
455
- contain: 'strict'
456
- } : {}),
457
453
  '--ak-editor--table-overflow-shadow': tableOverflowShadow,
458
454
  ...tableCellBackgroundColorVariablesForCompiled,
459
455
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -462,7 +458,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
462
458
  }) && {
463
459
  '--ak-editor--large-gutter-padding': `${akEditorGutterPaddingDynamic()}px`
464
460
  })
465
- }), [tableOverflowShadow, props.UNSAFE_containLayout]);
461
+ }), [tableOverflowShadow]);
466
462
  const browser = getBrowserInfo();
467
463
 
468
464
  // Evaluate the block-spacing experiment once per render.
@@ -472,7 +468,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
472
468
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
473
469
  className: ax([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') ? editorContentStyles.editorLargeGutterPuddingBaseStylesEditorControls : editorContentStyles.editorLargeGutterPuddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
474
470
  exposure: true
475
- }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') && editorContentStyles.placeholderWrapStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, editorExperiment('platform_editor_block_menu', true, {
471
+ }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, editorExperiment('platform_editor_block_menu', true, {
476
472
  exposure: true
477
473
  }) && editorContentStyles.blockquoteSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
478
474
  exposure: true
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js CHANGED
@@ -52,7 +52,7 @@ import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroup
52
52
  import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentionsStyles } from './styles/mentions';
53
53
  import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixinNestedDnd, panelViewStyles } from './styles/panelStyles';
54
54
  import { paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
55
- import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
55
+ import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles } from './styles/placeholderStyles';
56
56
  import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesExtensions, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
57
57
  import { dangerRuleStyles, ruleStyles } from './styles/rule';
58
58
  import { scrollbarStyles } from './styles/scrollbarStyles';
@@ -140,9 +140,6 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
140
140
  // root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
141
141
  // For the legacy path, compute it from the Emotion theme as before.
142
142
  const style = React.useMemo(() => ({
143
- ...(props.UNSAFE_containLayout ? {
144
- contain: 'strict'
145
- } : {}),
146
143
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
147
144
  ...(!expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
148
145
  '--ak-editor-base-font-size': `${editorFontSize({
@@ -155,7 +152,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
155
152
  }) && {
156
153
  '--ak-editor--large-gutter-padding': `${akEditorGutterPaddingDynamic()}px`
157
154
  })
158
- }), [theme, props.UNSAFE_containLayout]);
155
+ }), [theme]);
159
156
  const browser = getBrowserInfo();
160
157
 
161
158
  // Evaluate the block-spacing experiment once per render.
@@ -207,9 +204,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
207
204
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
208
205
  placeholderStyles,
209
206
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
210
- editorExperiment('platform_editor_controls', 'variant1') && placeholderOverflowStyles, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') &&
211
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
212
- placeholderWrapStyles,
207
+ editorExperiment('platform_editor_controls', 'variant1') && placeholderOverflowStyles,
213
208
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
214
209
  codeBlockStyles,
215
210
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/es2019/ui/EditorContentContainer/styles/placeholderStyles.js CHANGED
@@ -124,19 +124,4 @@ export const placeholderOverflowStyles = css({
124
124
  whiteSpace: 'nowrap',
125
125
  textOverflow: 'ellipsis'
126
126
  }
127
- });
128
- /**
129
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
130
- * If you need to make changes here, also update the corresponding style in
131
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
132
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
133
- */
134
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
135
- export const placeholderWrapStyles = css({
136
- // As part of controls work, we add placeholder `Search` to quick insert command
137
- // This style is to prevent `/Search` being wrapped if it's triggered at the end of the line
138
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
139
- '.ProseMirror mark[data-type-ahead-query="true"]:has(.placeholder-decoration-wrap)': {
140
- whiteSpace: 'nowrap'
141
- }
142
127
  });
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,3 +1,3 @@
1
1
  export const name = "@atlaskit/editor-core";
2
2
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
3
- export const version = "224.4.3";
3
+ export const version = "225.0.0";
package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.compiled.css CHANGED
@@ -65,6 +65,7 @@
65
65
  ._n3tdidpf{padding-bottom:0}
66
66
  ._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
67
67
  ._njlp131u{contain:layout style inline-size}
68
+ ._njlp3xnj{contain:layout size}
68
69
  ._ongaglyw .ProseMirror>h4{clear:none}
69
70
  ._otyr1wug{margin-bottom:auto}
70
71
  ._otyridpf{margin-bottom:0}
package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.js CHANGED
@@ -29,6 +29,13 @@ var AK_NESTED_DND_GUTTER_OFFSET = 8;
29
29
  var getTotalPadding = function getTotalPadding() {
30
30
  return akEditorGutterPaddingDynamic() * 2;
31
31
  };
32
+
33
+ // Isolates the scroll container's layout and size from the rest of the page under
34
+ // platform_editor_contain_layout. Because of contain: size wrapper
35
+ // must take its height from the parent rather than from the contained content.
36
+ var containLayoutStyles = {
37
+ wrapper: "_njlp3xnj _4t3i1osq"
38
+ };
32
39
  var compiledStyles = {
33
40
  contentAreaWrapper: "_1bsb1osq _7cca15wb _1f38dez1 _njlp131u",
34
41
  sidebarArea: "_4t3i1osq _vchhusvi _1wpzesu3 _1hgw1wug _1t1q1if8 _uj9widpf _13hh1y6m",
@@ -90,15 +97,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
90
97
  var isMarkdownModeExperimentEnabled = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true);
91
98
  var shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
92
99
  var shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
93
- return /*#__PURE__*/React.createElement("div", {
94
- "data-testid": CONTENT_AREA_TEST_ID,
95
- ref: containerRef,
96
- className: ax([compiledStyles.contentAreaNew, props.isEditorToolbarHidden && compiledStyles.contentAreaHeightNoToolbar])
97
- }, /*#__PURE__*/React.createElement("div", {
98
- "data-testid": EDITOR_CONTAINER,
99
- "data-editor-container": 'true',
100
- className: ax([compiledStyles.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContainerBackgroundStyle])
101
- }, !!props.customContentComponents && 'UNSAFE_outside' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.UNSAFE_outside) : null, /*#__PURE__*/React.createElement(EditorContentContainer
100
+ var content = /*#__PURE__*/React.createElement(EditorContentContainer
102
101
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
103
102
  , {
104
103
  className: "fabric-editor-popup-scroll-parent",
@@ -108,8 +107,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
108
107
  isScrollable: true,
109
108
  appearance: props.appearance,
110
109
  contentMode: props.contentMode,
111
- useStandardNodeWidth: useStandardNodeWidth,
112
- UNSAFE_containLayout: props.UNSAFE_containLayout
110
+ useStandardNodeWidth: useStandardNodeWidth
113
111
  }, /*#__PURE__*/React.createElement(ClickAreaBlock, {
114
112
  editorView: props.editorView,
115
113
  editorDisabled: props.disabled
@@ -168,7 +166,19 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
168
166
  },
169
167
  "data-vc": "scroll-gutter",
170
168
  className: ax([shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorScrollGutterStyle])
171
- }))))))), /*#__PURE__*/React.createElement("div", {
169
+ }))))));
170
+ return /*#__PURE__*/React.createElement("div", {
171
+ "data-testid": CONTENT_AREA_TEST_ID,
172
+ ref: containerRef,
173
+ className: ax([compiledStyles.contentAreaNew, props.isEditorToolbarHidden && compiledStyles.contentAreaHeightNoToolbar])
174
+ }, /*#__PURE__*/React.createElement("div", {
175
+ "data-testid": EDITOR_CONTAINER,
176
+ "data-editor-container": 'true',
177
+ className: ax([compiledStyles.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContainerBackgroundStyle])
178
+ }, props.UNSAFE_containLayout ? /*#__PURE__*/React.createElement("div", {
179
+ "data-testid": "editor-contain-size-and-layout-wrapper",
180
+ className: ax([containLayoutStyles.wrapper])
181
+ }, content) : content), /*#__PURE__*/React.createElement("div", {
172
182
  className: ax([compiledStyles.sidebarArea])
173
183
  }, props.contextPanel || /*#__PURE__*/React.createElement(ContextPanel, {
174
184
  editorAPI: props.editorAPI,
package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-emotion.js CHANGED
@@ -36,6 +36,14 @@ var AK_NESTED_DND_GUTTER_OFFSET = 8;
36
36
  var getTotalPadding = function getTotalPadding() {
37
37
  return akEditorGutterPaddingDynamic() * 2;
38
38
  };
39
+
40
+ // Isolates the scroll container's layout and size from the rest of the page under
41
+ // platform_editor_contain_layout. Because of contain: size wrapper
42
+ // must take its height from the parent rather than from the contained content.
43
+ var containStrictWrapperStyles = css({
44
+ contain: 'layout size',
45
+ height: '100%'
46
+ });
39
47
  var editorContentAreaProsemirrorStyle = css({
40
48
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
41
49
  '& .ProseMirror': _defineProperty(_defineProperty({
@@ -302,17 +310,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
302
310
  var isMarkdownModeExperimentEnabled = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true);
303
311
  var shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
304
312
  var shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
305
- return jsx("div", {
306
- css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
307
- "data-testid": CONTENT_AREA_TEST_ID,
308
- ref: containerRef
309
- }, jsx("div", {
310
- css: [
311
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
312
- contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && markdownModeContainerBackgroundStyle],
313
- "data-testid": EDITOR_CONTAINER,
314
- "data-editor-container": 'true'
315
- }, !!props.customContentComponents && 'UNSAFE_outside' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.UNSAFE_outside) : null, jsx(EditorContentContainer
313
+ var content = jsx(EditorContentContainer
316
314
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
317
315
  , {
318
316
  className: "fabric-editor-popup-scroll-parent",
@@ -322,8 +320,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
322
320
  isScrollable: true,
323
321
  appearance: props.appearance,
324
322
  contentMode: props.contentMode,
325
- useStandardNodeWidth: useStandardNodeWidth,
326
- UNSAFE_containLayout: props.UNSAFE_containLayout
323
+ useStandardNodeWidth: useStandardNodeWidth
327
324
  }, jsx(ClickAreaBlock, {
328
325
  editorView: props.editorView,
329
326
  editorDisabled: props.disabled
@@ -391,7 +388,21 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
391
388
  paddingBottom: "".concat((_allowScrollGutter$gu2 = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu2 !== void 0 ? _allowScrollGutter$gu2 : '120', "px")
392
389
  },
393
390
  "data-vc": "scroll-gutter"
394
- }))))))), jsx("div", {
391
+ }))))));
392
+ return jsx("div", {
393
+ css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
394
+ "data-testid": CONTENT_AREA_TEST_ID,
395
+ ref: containerRef
396
+ }, jsx("div", {
397
+ css: [
398
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
399
+ contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && markdownModeContainerBackgroundStyle],
400
+ "data-testid": EDITOR_CONTAINER,
401
+ "data-editor-container": 'true'
402
+ }, props.UNSAFE_containLayout ? jsx("div", {
403
+ "data-testid": "editor-contain-size-and-layout-wrapper",
404
+ css: containStrictWrapperStyles
405
+ }, content) : content), jsx("div", {
395
406
  css: sidebarArea
396
407
  }, props.contextPanel || jsx(ContextPanel, {
397
408
  editorAPI: props.editorAPI,
package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css CHANGED
@@ -123,7 +123,6 @@
123
123
  .cc-9s11ni .ProseMirror p{font:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif;margin-top:.75em;margin-bottom:0}
124
124
  .cc-j698ed .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis}.cc-1g9vzfc .ProseMirror .placeholder-decoration{color:var(--ds-text-subtlest,#6b6e76);width:100%;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1g9vzfc .ProseMirror .placeholder-decoration .placeholder-android{pointer-events:none;outline-color:currentColor;outline-style:none;outline-width:medium;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:absolute}.cc-1g9vzfc .ProseMirror .placeholder-decoration-fade-in{animation-name:kgnpaw5;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards}
125
125
  .cc-1om7jhv .ProseMirror span[data-placeholder]{color:var(--ds-text-subtlest,#6b6e76);display:inline}.cc-1om7jhv .ProseMirror span.pm-placeholder{display:inline;color:var(--ds-text-subtlest,#6b6e76)}.cc-1om7jhv .ProseMirror span.pm-placeholder__text{display:inline;color:var(--ds-text-subtlest,#6b6e76)}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node{background-color:var(--ds-background-selected,#e9f2fe)}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node ::selection, .cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node::selection{background-color:transparent}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node ::-moz-selection, .cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node::-moz-selection{background-color:transparent}.cc-1om7jhv .ProseMirror span.pm-placeholder__text[data-placeholder]:after{color:var(--ds-text-subtlest,#6b6e76);cursor:text;content:attr(data-placeholder);display:inline}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-cursor{display:inline;pointer-events:none;position:relative}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-cursor:after{content:"";display:inline;top:0;position:absolute;border-right:1px solid var(--ds-border,#0b120e24)}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-selection{display:inline;pointer-events:none;position:relative;background-color:Highlight;color:HighlightText}
126
- .cc-15lghdh .ProseMirror mark[data-type-ahead-query=true]:has(.placeholder-decoration-wrap){white-space:nowrap}
127
126
  .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--left, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--left{left:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--right, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--right{right:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container{height:calc(100% - 4px)}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container{height:calc(100% - 8px)}.cc-lum87v .fabric-editor-breakout-mark:has(.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}.cc-lum87v .pm-breakout-resize-handle-container{position:relative;align-self:end;grid-row:1;grid-column:1;height:100%;width:7px}.cc-lum87v .pm-breakout-resize-handle-container--left{justify-self:start}.cc-lum87v .pm-breakout-resize-handle-container--right{justify-self:end}.cc-lum87v .pm-breakout-resize-handle-rail{position:relative;display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);transition:background-color .2s,visibility .2s,opacity .2s;z-index:2;opacity:0}.cc-lum87v .pm-breakout-resize-handle-rail:hover{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-rail:hover .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-container--active{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-container--active .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-hit-box{position:absolute;top:0;bottom:0;left:-20px;right:-20px;z-index:0}.cc-lum87v .pm-breakout-resize-handle-thumb{min-width:3px;height:clamp(27px,calc(100% - 2pc),6pc);background:var(--ds-border,#0b120e24);border-radius:var(--ds-radius-medium,6px);position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}
128
127
  .cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--left{left:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--right{right:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-1tfwb0v .fabric-editor-breakout-mark:has(.first-node-in-document.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}
129
128
  .cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper{display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);z-index:2}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper [role=presentation]:not(:where([popover],dialog,[popover] *,dialog *)){height:100%;width:100%}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper .pm-breakout-resize-handle-rail-inside-tooltip{height:100%}
package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js CHANGED
@@ -289,7 +289,6 @@ var editorContentStyles = {
289
289
  placeholderOverflowStyles: "cc-j698ed",
290
290
  placeholderStyles: "cc-1g9vzfc",
291
291
  placeholderTextStyles: "cc-1om7jhv",
292
- placeholderWrapStyles: "cc-15lghdh",
293
292
  pragmaticResizerStyles: "cc-lum87v",
294
293
  pragmaticResizerStylesCodeBlockSyncedBlockPatch: "cc-1tfwb0v",
295
294
  pragmaticResizerStylesForTooltip: "cc-mn5fyk",
@@ -396,16 +395,14 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
396
395
  // root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
397
396
  // For the legacy path, compute it from the Emotion theme as before.
398
397
  var style = React.useMemo(function () {
399
- return _objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_containLayout ? {
400
- contain: 'strict'
401
- } : {}), {}, {
398
+ return _objectSpread(_objectSpread({
402
399
  '--ak-editor--table-overflow-shadow': tableOverflowShadow
403
400
  }, tableCellBackgroundColorVariablesForCompiled), !editorExperiment('platform_editor_preview_panel_responsiveness', true, {
404
401
  exposure: true
405
402
  }) && {
406
403
  '--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
407
404
  });
408
- }, [tableOverflowShadow, props.UNSAFE_containLayout]);
405
+ }, [tableOverflowShadow]);
409
406
  var browser = getBrowserInfo();
410
407
 
411
408
  // Evaluate the block-spacing experiment once per render.
@@ -415,7 +412,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
415
412
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
416
413
  className: ax([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') ? editorContentStyles.editorLargeGutterPuddingBaseStylesEditorControls : editorContentStyles.editorLargeGutterPuddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
417
414
  exposure: true
418
- }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') && editorContentStyles.placeholderWrapStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, editorExperiment('platform_editor_block_menu', true, {
415
+ }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, editorExperiment('platform_editor_block_menu', true, {
419
416
  exposure: true
420
417
  }) && editorContentStyles.blockquoteSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
421
418
  exposure: true
package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js CHANGED
@@ -55,7 +55,7 @@ import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroup
55
55
  import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentionsStyles } from './styles/mentions';
56
56
  import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixinNestedDnd, panelViewStyles } from './styles/panelStyles';
57
57
  import { paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
58
- import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
58
+ import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles } from './styles/placeholderStyles';
59
59
  import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesExtensions, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
60
60
  import { dangerRuleStyles, ruleStyles } from './styles/rule';
61
61
  import { scrollbarStyles } from './styles/scrollbarStyles';
@@ -138,9 +138,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
138
138
  // root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
139
139
  // For the legacy path, compute it from the Emotion theme as before.
140
140
  var style = React.useMemo(function () {
141
- return _objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_containLayout ? {
142
- contain: 'strict'
143
- } : {}), !expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
141
+ return _objectSpread(_objectSpread({}, !expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
144
142
  '--ak-editor-base-font-size': "".concat(editorFontSize({
145
143
  theme: theme
146
144
  }), "px")
@@ -149,7 +147,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
149
147
  }) && {
150
148
  '--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
151
149
  });
152
- }, [theme, props.UNSAFE_containLayout]);
150
+ }, [theme]);
153
151
  var browser = getBrowserInfo();
154
152
 
155
153
  // Evaluate the block-spacing experiment once per render.
@@ -201,9 +199,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
201
199
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
202
200
  placeholderStyles,
203
201
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
204
- editorExperiment('platform_editor_controls', 'variant1') && placeholderOverflowStyles, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') &&
205
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
206
- placeholderWrapStyles,
202
+ editorExperiment('platform_editor_controls', 'variant1') && placeholderOverflowStyles,
207
203
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
208
204
  codeBlockStyles,
209
205
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/esm/ui/EditorContentContainer/styles/placeholderStyles.js CHANGED
@@ -124,19 +124,4 @@ export var placeholderOverflowStyles = css({
124
124
  whiteSpace: 'nowrap',
125
125
  textOverflow: 'ellipsis'
126
126
  }
127
- });
128
- /**
129
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
130
- * If you need to make changes here, also update the corresponding style in
131
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
132
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
133
- */
134
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
135
- export var placeholderWrapStyles = css({
136
- // As part of controls work, we add placeholder `Search` to quick insert command
137
- // This style is to prevent `/Search` being wrapped if it's triggered at the end of the line
138
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
139
- '.ProseMirror mark[data-type-ahead-query="true"]:has(.placeholder-decoration-wrap)': {
140
- whiteSpace: 'nowrap'
141
- }
142
127
  });
package/dist/esm/version-wrapper.js CHANGED
@@ -1,3 +1,3 @@
1
1
  export var name = "@atlaskit/editor-core";
2
2
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
3
- export var version = "224.4.3";
3
+ export var version = "225.0.0";
package/dist/types/types/editor-props.d.ts CHANGED
@@ -43,7 +43,6 @@ export type PrimaryToolbarComponents = BeforeAndAfterToolbarComponents | ReactCo
43
43
  export type BeforeAndAfterContentComponents = {
44
44
  after: ReactComponents;
45
45
  before: ReactComponents;
46
- UNSAFE_outside?: ReactComponents;
47
46
  };
48
47
  export type ContentComponents = BeforeAndAfterContentComponents | ReactComponents;
49
48
  interface EditorBaseProps {
package/dist/types/ui/EditorContentContainer/EditorContentContainer-compiled.d.ts CHANGED
@@ -12,7 +12,6 @@ export type EditorContentContainerProps = {
12
12
  contentMode?: EditorContentMode;
13
13
  featureFlags?: FeatureFlags;
14
14
  isScrollable?: boolean;
15
- UNSAFE_containLayout?: boolean;
16
15
  /**
17
16
  * When true, nodes maintain their standard width without negative margins
18
17
  * For when the drag handle is visible and the editor has limited space.
package/dist/types/ui/EditorContentContainer/EditorContentContainer-emotion.d.ts CHANGED
@@ -11,7 +11,6 @@ export type EditorContentContainerProps = {
11
11
  contentMode?: EditorContentMode;
12
12
  featureFlags?: FeatureFlags;
13
13
  isScrollable?: boolean;
14
- UNSAFE_containLayout?: boolean;
15
14
  /**
16
15
  * When true, nodes maintain their standard width without negative margins
17
16
  * For when the drag handle is visible and the editor has limited space.
package/dist/types/ui/EditorContentContainer/styles/placeholderStyles.d.ts CHANGED
@@ -20,10 +20,3 @@ export declare const placeholderStyles: SerializedStyles;
20
20
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
21
21
  */
22
22
  export declare const placeholderOverflowStyles: SerializedStyles;
23
- /**
24
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
25
- * If you need to make changes here, also update the corresponding style in
26
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
27
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
28
- */
29
- export declare const placeholderWrapStyles: SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "224.4.4",
3
+ "version": "226.0.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
38
38
  },
39
39
  "dependencies": {
40
40
  "@atlaskit/activity-provider": "^3.0.0",
41
- "@atlaskit/adf-schema": "^57.0.0",
41
+ "@atlaskit/adf-schema": "^57.1.0",
42
42
  "@atlaskit/afm-i18n-platform-editor-editor-core": "2.200.0",
43
43
  "@atlaskit/analytics-namespaced-context": "^8.1.0",
44
44
  "@atlaskit/analytics-next": "^12.3.0",
@@ -47,15 +47,15 @@
47
47
  "@atlaskit/css": "^1.0.0",
48
48
  "@atlaskit/editor-json-transformer": "^9.6.0",
49
49
  "@atlaskit/editor-performance-metrics": "^3.2.0",
50
- "@atlaskit/editor-plugin-block-menu": "^14.2.0",
51
- "@atlaskit/editor-plugin-connectivity": "^15.0.0",
52
- "@atlaskit/editor-plugin-quick-insert": "^15.1.0",
53
- "@atlaskit/editor-plugin-selection-extension": "^18.0.0",
54
- "@atlaskit/editor-plugin-user-preferences": "^13.0.0",
50
+ "@atlaskit/editor-plugin-block-menu": "^15.0.0",
51
+ "@atlaskit/editor-plugin-connectivity": "^16.0.0",
52
+ "@atlaskit/editor-plugin-quick-insert": "^16.0.0",
53
+ "@atlaskit/editor-plugin-selection-extension": "^19.0.0",
54
+ "@atlaskit/editor-plugin-user-preferences": "^14.0.0",
55
55
  "@atlaskit/editor-plugins": "^16.1.0",
56
56
  "@atlaskit/editor-prosemirror": "^8.0.0",
57
57
  "@atlaskit/editor-shared-styles": "^4.0.0",
58
- "@atlaskit/editor-ssr-renderer": "^10.0.0",
58
+ "@atlaskit/editor-ssr-renderer": "^11.0.0",
59
59
  "@atlaskit/editor-toolbar": "^2.6.0",
60
60
  "@atlaskit/editor-toolbar-model": "^1.2.0",
61
61
  "@atlaskit/emoji": "^72.1.0",
@@ -74,7 +74,7 @@
74
74
  "@atlaskit/react-compiler-gating": "^0.2.0",
75
75
  "@atlaskit/react-ufo": "^7.7.0",
76
76
  "@atlaskit/task-decision": "^21.8.0",
77
- "@atlaskit/tmp-editor-statsig": "^160.0.0",
77
+ "@atlaskit/tmp-editor-statsig": "^161.0.0",
78
78
  "@atlaskit/tokens": "^16.8.0",
79
79
  "@atlaskit/tooltip": "^24.2.0",
80
80
  "@atlaskit/width-detector": "^7.1.0",
@@ -92,7 +92,7 @@
92
92
  "uuid": "^3.1.0"
93
93
  },
94
94
  "peerDependencies": {
95
- "@atlaskit/editor-common": "^119.16.0",
95
+ "@atlaskit/editor-common": "^120.0.0",
96
96
  "@atlaskit/link-provider": "^5.4.0",
97
97
  "@atlaskit/media-core": "^38.0.0",
98
98
  "react": "^18.2.0",
@@ -108,33 +108,33 @@
108
108
  "@atlaskit/analytics-gas-types": "^6.0.0",
109
109
  "@atlaskit/analytics-listeners": "^11.1.0",
110
110
  "@atlaskit/code": "^19.1.0",
111
- "@atlaskit/collab-provider": "^24.2.0",
111
+ "@atlaskit/collab-provider": "^25.0.0",
112
112
  "@atlaskit/docs": "^12.2.0",
113
113
  "@atlaskit/drawer": "^14.2.0",
114
- "@atlaskit/editor-plugin-alignment": "^16.1.0",
115
- "@atlaskit/editor-plugin-annotation": "^15.0.0",
116
- "@atlaskit/editor-plugin-base": "^16.0.0",
117
- "@atlaskit/editor-plugin-card": "^21.0.0",
118
- "@atlaskit/editor-plugin-code-block-advanced": "^15.0.0",
119
- "@atlaskit/editor-plugin-collab-edit": "^16.0.0",
120
- "@atlaskit/editor-plugin-content-insertion": "^15.0.0",
121
- "@atlaskit/editor-plugin-editor-viewmode": "^17.0.0",
122
- "@atlaskit/editor-plugin-extension": "^18.0.0",
123
- "@atlaskit/editor-plugin-grid": "^15.0.0",
124
- "@atlaskit/editor-plugin-guideline": "^15.0.0",
125
- "@atlaskit/editor-plugin-highlight": "^15.1.0",
126
- "@atlaskit/editor-plugin-insert-block": "^16.0.0",
127
- "@atlaskit/editor-plugin-layout": "^16.0.0",
128
- "@atlaskit/editor-plugin-list": "^17.0.0",
129
- "@atlaskit/editor-plugin-media": "^17.2.0",
130
- "@atlaskit/editor-plugin-paste": "^16.0.0",
131
- "@atlaskit/editor-plugin-selection-marker": "^15.0.0",
132
- "@atlaskit/editor-plugin-show-diff": "^13.1.0",
133
- "@atlaskit/editor-plugin-table": "^27.1.0",
134
- "@atlaskit/editor-plugin-tasks-and-decisions": "^18.0.0",
135
- "@atlaskit/editor-plugin-text-color": "^15.1.0",
136
- "@atlaskit/editor-plugin-toolbar-lists-indentation": "^16.1.0",
137
- "@atlaskit/editor-plugin-track-changes": "^14.0.0",
114
+ "@atlaskit/editor-plugin-alignment": "^17.0.0",
115
+ "@atlaskit/editor-plugin-annotation": "^16.0.0",
116
+ "@atlaskit/editor-plugin-base": "^17.0.0",
117
+ "@atlaskit/editor-plugin-card": "^22.0.0",
118
+ "@atlaskit/editor-plugin-code-block-advanced": "^16.0.0",
119
+ "@atlaskit/editor-plugin-collab-edit": "^17.0.0",
120
+ "@atlaskit/editor-plugin-content-insertion": "^16.0.0",
121
+ "@atlaskit/editor-plugin-editor-viewmode": "^18.0.0",
122
+ "@atlaskit/editor-plugin-extension": "^19.0.0",
123
+ "@atlaskit/editor-plugin-grid": "^16.0.0",
124
+ "@atlaskit/editor-plugin-guideline": "^16.0.0",
125
+ "@atlaskit/editor-plugin-highlight": "^16.0.0",
126
+ "@atlaskit/editor-plugin-insert-block": "^17.0.0",
127
+ "@atlaskit/editor-plugin-layout": "^17.0.0",
128
+ "@atlaskit/editor-plugin-list": "^18.0.0",
129
+ "@atlaskit/editor-plugin-media": "^18.0.0",
130
+ "@atlaskit/editor-plugin-paste": "^17.0.0",
131
+ "@atlaskit/editor-plugin-selection-marker": "^16.0.0",
132
+ "@atlaskit/editor-plugin-show-diff": "^14.0.0",
133
+ "@atlaskit/editor-plugin-table": "^28.0.0",
134
+ "@atlaskit/editor-plugin-tasks-and-decisions": "^19.0.0",
135
+ "@atlaskit/editor-plugin-text-color": "^16.0.0",
136
+ "@atlaskit/editor-plugin-toolbar-lists-indentation": "^17.0.0",
137
+ "@atlaskit/editor-plugin-track-changes": "^15.0.0",
138
138
  "@atlaskit/editor-test-helpers": "workspace:^",
139
139
  "@atlaskit/form": "^17.1.0",
140
140
  "@atlaskit/link-provider": "^5.4.0",
@@ -151,7 +151,7 @@
151
151
  "@atlaskit/portal": "^6.3.0",
152
152
  "@atlaskit/profilecard": "^26.19.0",
153
153
  "@atlaskit/radio": "^10.1.0",
154
- "@atlaskit/renderer": "^136.2.0",
154
+ "@atlaskit/renderer": "^137.1.0",
155
155
  "@atlaskit/section-message": "^10.1.0",
156
156
  "@atlaskit/spinner": "^20.3.0",
157
157
  "@atlaskit/synchrony-test-helpers": "workspace:^",
@@ -162,11 +162,11 @@
162
162
  "@atlassian/a11y-jest-testing": "^0.17.0",
163
163
  "@atlassian/a11y-playwright-testing": "^0.12.0",
164
164
  "@atlassian/adf-schema-json": "^1.35.0",
165
- "@atlassian/editor-rovo-bridge": "^13.2.0",
165
+ "@atlassian/editor-rovo-bridge": "^14.0.0",
166
166
  "@atlassian/experiment-test-utils": "^0.2.0",
167
167
  "@atlassian/feature-flags-test-utils": "^1.2.0",
168
- "@atlassian/search-client": "^2.15.0",
169
- "@atlassian/search-provider": "^16.0.0",
168
+ "@atlassian/search-client": "^2.16.0",
169
+ "@atlassian/search-provider": "^17.0.0",
170
170
  "@atlassian/structured-docs-types": "workspace:^",
171
171
  "@atlassian/testing-library": "^0.11.0",
172
172
  "@atlassian/user-profile-card": "^1.31.0",
@@ -276,9 +276,6 @@
276
276
  "type": "boolean",
277
277
  "referenceOnly": true
278
278
  },
279
- "platform_editor_quick_insert_placeholder": {
280
- "type": "boolean"
281
- },
282
279
  "platform_editor_comments_api_manager": {
283
280
  "type": "boolean",
284
281
  "referenceOnly": true