@atlaskit/editor-core 216.7.19 → 216.7.21

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 (18) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +8 -2
  3. package/dist/cjs/ui/EditorContentContainer/styles/layout.js +21 -1
  4. package/dist/cjs/ui/EditorContentContainer/styles/resizerStyles.js +52 -2
  5. package/dist/cjs/version-wrapper.js +1 -1
  6. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +10 -4
  7. package/dist/es2019/ui/EditorContentContainer/styles/layout.js +20 -0
  8. package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js +51 -1
  9. package/dist/es2019/version-wrapper.js +1 -1
  10. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +10 -4
  11. package/dist/esm/ui/EditorContentContainer/styles/layout.js +20 -0
  12. package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js +51 -1
  13. package/dist/esm/version-wrapper.js +1 -1
  14. package/dist/types/ui/EditorContentContainer/styles/layout.d.ts +1 -0
  15. package/dist/types/ui/EditorContentContainer/styles/resizerStyles.d.ts +2 -0
  16. package/dist/types-ts4.5/ui/EditorContentContainer/styles/layout.d.ts +1 -0
  17. package/dist/types-ts4.5/ui/EditorContentContainer/styles/resizerStyles.d.ts +2 -0
  18. package/package.json +6 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 216.7.21
4
+
5
+ ### Patch Changes
6
+
7
+ - [`9552556113c53`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9552556113c53) -
8
+ Fix breakout mark style on code blocks within synced blocks
9
+ - Updated dependencies
10
+
11
+ ## 216.7.20
12
+
13
+ ### Patch Changes
14
+
15
+ - [`4de30defb09c5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4de30defb09c5) -
16
+ Fix overflow of table inside multi-column layouts.
17
+ - Updated dependencies
18
+
3
19
  ## 216.7.19
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -354,7 +354,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
354
354
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
355
355
  _resizerStyles.resizerStyles,
356
356
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
357
- _layout.layoutBaseStyles,
357
+ _layout.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) &&
358
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
359
+ _layout.layoutBaseStylesWithTableExcerptsFix,
358
360
  // merge alignMultipleWrappedImageInLayoutStyles with layoutBaseStyles when clean up platform_editor_fix_media_in_renderer
359
361
  (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
360
362
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -416,7 +418,11 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
416
418
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
417
419
  _resizerStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ?
418
420
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
419
- _resizerStyles.pragmaticResizerStyles : undefined, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) &&
421
+ _resizerStyles.pragmaticResizerStyles : undefined, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? (0, _platformFeatureFlags.fg)('platform_synced_block_patch_1') ?
422
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
423
+ _resizerStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch :
424
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
425
+ _resizerStyles.pragmaticResizerStylesCodeBlockLegacy : undefined, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) &&
420
426
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
421
427
  _resizerStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) &&
422
428
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/cjs/ui/EditorContentContainer/styles/layout.js CHANGED
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.layoutStylesForView = exports.layoutSelectedStylesNotAdvanced = exports.layoutSelectedStylesForViewNotAdvanced = exports.layoutSelectedStylesForViewAdvanced = exports.layoutSelectedStylesAdvanced = exports.layoutSectionStylesNotAdvanced = exports.layoutSectionStylesAdvanced = exports.layoutResponsiveStylesForView = exports.layoutResponsiveBaseStyles = exports.layoutColumnStylesNotAdvanced = exports.layoutColumnStylesAdvanced = exports.layoutColumnResponsiveStyles = exports.layoutColumnMartinTopFixesOld = exports.layoutColumnMartinTopFixesNew = exports.layoutBaseStylesFixesUnderNestedDnDFG = exports.layoutBaseStylesAdvanced = exports.layoutBaseStyles = void 0;
7
+ exports.layoutStylesForView = exports.layoutSelectedStylesNotAdvanced = exports.layoutSelectedStylesForViewNotAdvanced = exports.layoutSelectedStylesForViewAdvanced = exports.layoutSelectedStylesAdvanced = exports.layoutSectionStylesNotAdvanced = exports.layoutSectionStylesAdvanced = exports.layoutResponsiveStylesForView = exports.layoutResponsiveBaseStyles = exports.layoutColumnStylesNotAdvanced = exports.layoutColumnStylesAdvanced = exports.layoutColumnResponsiveStyles = exports.layoutColumnMartinTopFixesOld = exports.layoutColumnMartinTopFixesNew = exports.layoutBaseStylesWithTableExcerptsFix = exports.layoutBaseStylesFixesUnderNestedDnDFG = exports.layoutBaseStylesAdvanced = exports.layoutBaseStyles = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _react = require("@emotion/react");
10
10
  var _selectionStyles = require("./selectionStyles");
@@ -414,6 +414,26 @@ var layoutBaseStyles = exports.layoutBaseStyles = (0, _react.css)({
414
414
  }
415
415
  }
416
416
  });
417
+ // on exp 'platform_editor_table_excerpts_fix' cleanup, merge this style to the one above
418
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Needs manual remediation
419
+ var layoutBaseStylesWithTableExcerptsFix = exports.layoutBaseStylesWithTableExcerptsFix = (0, _react.css)({
420
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-nested-selectors
421
+ '.ProseMirror': {
422
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
423
+ '[data-layout-section]': {
424
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
425
+ '[data-layout-column]': {
426
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
427
+ '> div': {
428
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
429
+ '.pm-table-container': {
430
+ maxWidth: '100%'
431
+ }
432
+ }
433
+ }
434
+ }
435
+ }
436
+ });
417
437
 
418
438
  /**
419
439
  * Base styles overrides for layout columns when advanced layouts experiment is on
package/dist/cjs/ui/EditorContentContainer/styles/resizerStyles.js CHANGED
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.resizerStyles = exports.resizerItemClassName = exports.resizerHoverZoneClassName = exports.resizerHandleTrackClassName = exports.resizerHandleThumbWidth = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerExtendedZone = exports.resizerDangerClassName = exports.pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticResizerStylesWithReducedEditorGutter = exports.pragmaticResizerStylesSyncedBlock = exports.pragmaticResizerStylesForTooltip = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
7
+ exports.resizerStyles = exports.resizerItemClassName = exports.resizerHoverZoneClassName = exports.resizerHandleTrackClassName = exports.resizerHandleThumbWidth = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerExtendedZone = exports.resizerDangerClassName = exports.pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticResizerStylesWithReducedEditorGutter = exports.pragmaticResizerStylesSyncedBlock = exports.pragmaticResizerStylesForTooltip = exports.pragmaticResizerStylesCodeBlockSyncedBlockPatch = exports.pragmaticResizerStylesCodeBlockLegacy = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _react = require("@emotion/react");
10
10
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -202,8 +202,10 @@ var pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticStylesLayou
202
202
  }
203
203
  });
204
204
 
205
+ // Code block resizer position: legacy selector (matches any descendant code block).
206
+ // When synced block contains a code block, this incorrectly applies -5px and the handle appears inside the border.
205
207
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
206
- var pragmaticResizerStyles = exports.pragmaticResizerStyles = (0, _react.css)({
208
+ var pragmaticResizerStylesCodeBlockLegacy = exports.pragmaticResizerStylesCodeBlockLegacy = (0, _react.css)({
207
209
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
208
210
  '.fabric-editor-breakout-mark': {
209
211
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
@@ -221,6 +223,54 @@ var pragmaticResizerStyles = exports.pragmaticResizerStyles = (0, _react.css)({
221
223
  height: 'calc(100% - 12px)'
222
224
  }
223
225
  },
226
+ // the first node in the document always has margin-top = 0
227
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
228
+ '&:has(.first-node-in-document)': {
229
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
230
+ '> .pm-breakout-resize-handle-container': {
231
+ height: '100%'
232
+ }
233
+ }
234
+ }
235
+ });
236
+
237
+ // Code block resizer position: only when breakout directly wraps a code block (platform_synced_block_patch_1).
238
+ // Synced block containing code block keeps -24px from pragmaticResizerStylesSyncedBlock so the handle stays outside.
239
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
240
+ var pragmaticResizerStylesCodeBlockSyncedBlockPatch = exports.pragmaticResizerStylesCodeBlockSyncedBlockPatch = (0, _react.css)({
241
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
242
+ '.fabric-editor-breakout-mark': {
243
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
244
+ '&:has(> .fabric-editor-breakout-mark-dom > [data-prosemirror-node-name="codeBlock"])': {
245
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
246
+ '> .pm-breakout-resize-handle-container--left': {
247
+ left: '-5px'
248
+ },
249
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
250
+ '> .pm-breakout-resize-handle-container--right': {
251
+ right: '-5px'
252
+ },
253
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
254
+ '> .pm-breakout-resize-handle-container': {
255
+ height: 'calc(100% - 12px)'
256
+ }
257
+ },
258
+ // the first node in the document always has margin-top = 0
259
+ // class name is duplicated to boost specificity
260
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
261
+ '&:has(.first-node-in-document.first-node-in-document)': {
262
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
263
+ '> .pm-breakout-resize-handle-container': {
264
+ height: '100%'
265
+ }
266
+ }
267
+ }
268
+ });
269
+
270
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
271
+ var pragmaticResizerStyles = exports.pragmaticResizerStyles = (0, _react.css)({
272
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
273
+ '.fabric-editor-breakout-mark': {
224
274
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
225
275
  '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
226
276
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
package/dist/cjs/version-wrapper.js CHANGED
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "216.7.18";
8
+ var version = exports.version = "216.7.20";
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -41,7 +41,7 @@ import { gapCursorStyles } from './styles/gapCursorStyles';
41
41
  import { gridStyles } from './styles/gridStyles';
42
42
  import { indentationStyles } from './styles/indentationStyles';
43
43
  import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
44
- import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView } from './styles/layout';
44
+ import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView } from './styles/layout';
45
45
  import { hyperLinkFloatingToolbarStyles, linkStyles } from './styles/link';
46
46
  import { diffListStyles, getDenseListStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
47
47
  import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
@@ -49,7 +49,7 @@ import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentio
49
49
  import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
50
50
  import { paragraphStylesOld, paragraphStylesOldWithScaledMargin, paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
51
51
  import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
52
- import { pragmaticResizerStyles, pragmaticResizerStylesForTooltip, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerStyles } from './styles/resizerStyles';
52
+ import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesForTooltip, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerStyles } from './styles/resizerStyles';
53
53
  import { dangerRuleStyles, ruleStyles } from './styles/rule';
54
54
  import { scrollbarStyles } from './styles/scrollbarStyles';
55
55
  import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
@@ -350,7 +350,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
350
350
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
351
351
  resizerStyles,
352
352
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
353
- layoutBaseStyles,
353
+ layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) &&
354
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
355
+ layoutBaseStylesWithTableExcerptsFix,
354
356
  // merge alignMultipleWrappedImageInLayoutStyles with layoutBaseStyles when clean up platform_editor_fix_media_in_renderer
355
357
  fg('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) &&
356
358
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -412,7 +414,11 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
412
414
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
413
415
  pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
414
416
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
415
- pragmaticResizerStyles : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
417
+ pragmaticResizerStyles : undefined, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? fg('platform_synced_block_patch_1') ?
418
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
419
+ pragmaticResizerStylesCodeBlockSyncedBlockPatch :
420
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
421
+ pragmaticResizerStylesCodeBlockLegacy : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
416
422
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
417
423
  pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
418
424
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/es2019/ui/EditorContentContainer/styles/layout.js CHANGED
@@ -477,6 +477,26 @@ export const layoutBaseStyles = css({
477
477
  }
478
478
  }
479
479
  });
480
+ // on exp 'platform_editor_table_excerpts_fix' cleanup, merge this style to the one above
481
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Needs manual remediation
482
+ export const layoutBaseStylesWithTableExcerptsFix = css({
483
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-nested-selectors
484
+ '.ProseMirror': {
485
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
486
+ '[data-layout-section]': {
487
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
488
+ '[data-layout-column]': {
489
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
490
+ '> div': {
491
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
492
+ '.pm-table-container': {
493
+ maxWidth: '100%'
494
+ }
495
+ }
496
+ }
497
+ }
498
+ }
499
+ });
480
500
 
481
501
  /**
482
502
  * Base styles overrides for layout columns when advanced layouts experiment is on
package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js CHANGED
@@ -249,8 +249,10 @@ export const pragmaticStylesLayoutFirstNodeResizeHandleFix = css({
249
249
  }
250
250
  });
251
251
 
252
+ // Code block resizer position: legacy selector (matches any descendant code block).
253
+ // When synced block contains a code block, this incorrectly applies -5px and the handle appears inside the border.
252
254
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
253
- export const pragmaticResizerStyles = css({
255
+ export const pragmaticResizerStylesCodeBlockLegacy = css({
254
256
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
255
257
  '.fabric-editor-breakout-mark': {
256
258
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
@@ -268,6 +270,54 @@ export const pragmaticResizerStyles = css({
268
270
  height: 'calc(100% - 12px)'
269
271
  }
270
272
  },
273
+ // the first node in the document always has margin-top = 0
274
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
275
+ '&:has(.first-node-in-document)': {
276
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
277
+ '> .pm-breakout-resize-handle-container': {
278
+ height: '100%'
279
+ }
280
+ }
281
+ }
282
+ });
283
+
284
+ // Code block resizer position: only when breakout directly wraps a code block (platform_synced_block_patch_1).
285
+ // Synced block containing code block keeps -24px from pragmaticResizerStylesSyncedBlock so the handle stays outside.
286
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
287
+ export const pragmaticResizerStylesCodeBlockSyncedBlockPatch = css({
288
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
289
+ '.fabric-editor-breakout-mark': {
290
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
291
+ '&:has(> .fabric-editor-breakout-mark-dom > [data-prosemirror-node-name="codeBlock"])': {
292
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
293
+ '> .pm-breakout-resize-handle-container--left': {
294
+ left: '-5px'
295
+ },
296
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
297
+ '> .pm-breakout-resize-handle-container--right': {
298
+ right: '-5px'
299
+ },
300
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
301
+ '> .pm-breakout-resize-handle-container': {
302
+ height: 'calc(100% - 12px)'
303
+ }
304
+ },
305
+ // the first node in the document always has margin-top = 0
306
+ // class name is duplicated to boost specificity
307
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
308
+ '&:has(.first-node-in-document.first-node-in-document)': {
309
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
310
+ '> .pm-breakout-resize-handle-container': {
311
+ height: '100%'
312
+ }
313
+ }
314
+ }
315
+ });
316
+
317
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
318
+ export const pragmaticResizerStyles = css({
319
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
320
+ '.fabric-editor-breakout-mark': {
271
321
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
272
322
  '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
273
323
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "216.7.18";
2
+ export const version = "216.7.20";
package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -42,7 +42,7 @@ import { gapCursorStyles } from './styles/gapCursorStyles';
42
42
  import { gridStyles } from './styles/gridStyles';
43
43
  import { indentationStyles } from './styles/indentationStyles';
44
44
  import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
45
- import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView } from './styles/layout';
45
+ import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView } from './styles/layout';
46
46
  import { hyperLinkFloatingToolbarStyles, linkStyles } from './styles/link';
47
47
  import { diffListStyles, getDenseListStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
48
48
  import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
@@ -50,7 +50,7 @@ import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentio
50
50
  import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
51
51
  import { paragraphStylesOld, paragraphStylesOldWithScaledMargin, paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
52
52
  import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
53
- import { pragmaticResizerStyles, pragmaticResizerStylesForTooltip, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerStyles } from './styles/resizerStyles';
53
+ import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesForTooltip, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerStyles } from './styles/resizerStyles';
54
54
  import { dangerRuleStyles, ruleStyles } from './styles/rule';
55
55
  import { scrollbarStyles } from './styles/scrollbarStyles';
56
56
  import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
@@ -346,7 +346,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
346
346
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
347
347
  resizerStyles,
348
348
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
349
- layoutBaseStyles,
349
+ layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) &&
350
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
351
+ layoutBaseStylesWithTableExcerptsFix,
350
352
  // merge alignMultipleWrappedImageInLayoutStyles with layoutBaseStyles when clean up platform_editor_fix_media_in_renderer
351
353
  fg('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) &&
352
354
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -408,7 +410,11 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
408
410
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
409
411
  pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
410
412
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
411
- pragmaticResizerStyles : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
413
+ pragmaticResizerStyles : undefined, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? fg('platform_synced_block_patch_1') ?
414
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
415
+ pragmaticResizerStylesCodeBlockSyncedBlockPatch :
416
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
417
+ pragmaticResizerStylesCodeBlockLegacy : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
412
418
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
413
419
  pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
414
420
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/esm/ui/EditorContentContainer/styles/layout.js CHANGED
@@ -406,6 +406,26 @@ export var layoutBaseStyles = css({
406
406
  }
407
407
  }
408
408
  });
409
+ // on exp 'platform_editor_table_excerpts_fix' cleanup, merge this style to the one above
410
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Needs manual remediation
411
+ export var layoutBaseStylesWithTableExcerptsFix = css({
412
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-nested-selectors
413
+ '.ProseMirror': {
414
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
415
+ '[data-layout-section]': {
416
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
417
+ '[data-layout-column]': {
418
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
419
+ '> div': {
420
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
421
+ '.pm-table-container': {
422
+ maxWidth: '100%'
423
+ }
424
+ }
425
+ }
426
+ }
427
+ }
428
+ });
409
429
 
410
430
  /**
411
431
  * Base styles overrides for layout columns when advanced layouts experiment is on
package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js CHANGED
@@ -194,8 +194,10 @@ export var pragmaticStylesLayoutFirstNodeResizeHandleFix = css({
194
194
  }
195
195
  });
196
196
 
197
+ // Code block resizer position: legacy selector (matches any descendant code block).
198
+ // When synced block contains a code block, this incorrectly applies -5px and the handle appears inside the border.
197
199
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
198
- export var pragmaticResizerStyles = css({
200
+ export var pragmaticResizerStylesCodeBlockLegacy = css({
199
201
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
200
202
  '.fabric-editor-breakout-mark': {
201
203
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
@@ -213,6 +215,54 @@ export var pragmaticResizerStyles = css({
213
215
  height: 'calc(100% - 12px)'
214
216
  }
215
217
  },
218
+ // the first node in the document always has margin-top = 0
219
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
220
+ '&:has(.first-node-in-document)': {
221
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
222
+ '> .pm-breakout-resize-handle-container': {
223
+ height: '100%'
224
+ }
225
+ }
226
+ }
227
+ });
228
+
229
+ // Code block resizer position: only when breakout directly wraps a code block (platform_synced_block_patch_1).
230
+ // Synced block containing code block keeps -24px from pragmaticResizerStylesSyncedBlock so the handle stays outside.
231
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
232
+ export var pragmaticResizerStylesCodeBlockSyncedBlockPatch = css({
233
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
234
+ '.fabric-editor-breakout-mark': {
235
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
236
+ '&:has(> .fabric-editor-breakout-mark-dom > [data-prosemirror-node-name="codeBlock"])': {
237
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
238
+ '> .pm-breakout-resize-handle-container--left': {
239
+ left: '-5px'
240
+ },
241
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
242
+ '> .pm-breakout-resize-handle-container--right': {
243
+ right: '-5px'
244
+ },
245
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
246
+ '> .pm-breakout-resize-handle-container': {
247
+ height: 'calc(100% - 12px)'
248
+ }
249
+ },
250
+ // the first node in the document always has margin-top = 0
251
+ // class name is duplicated to boost specificity
252
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
253
+ '&:has(.first-node-in-document.first-node-in-document)': {
254
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
255
+ '> .pm-breakout-resize-handle-container': {
256
+ height: '100%'
257
+ }
258
+ }
259
+ }
260
+ });
261
+
262
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
263
+ export var pragmaticResizerStyles = css({
264
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
265
+ '.fabric-editor-breakout-mark': {
216
266
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
217
267
  '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
218
268
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "216.7.18";
2
+ export var version = "216.7.20";
package/dist/types/ui/EditorContentContainer/styles/layout.d.ts CHANGED
@@ -39,6 +39,7 @@ export declare const layoutResponsiveStylesForView: SerializedStyles;
39
39
  * Base styles for layout
40
40
  */
41
41
  export declare const layoutBaseStyles: SerializedStyles;
42
+ export declare const layoutBaseStylesWithTableExcerptsFix: SerializedStyles;
42
43
  /**
43
44
  * Base styles overrides for layout columns when advanced layouts experiment is on
44
45
  */
package/dist/types/ui/EditorContentContainer/styles/resizerStyles.d.ts CHANGED
@@ -11,6 +11,8 @@ export declare const handleWrapperClass = "resizer-handle-wrapper";
11
11
  export declare const resizerStyles: SerializedStyles;
12
12
  export declare const pragmaticResizerStylesForTooltip: SerializedStyles;
13
13
  export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: SerializedStyles;
14
+ export declare const pragmaticResizerStylesCodeBlockLegacy: SerializedStyles;
15
+ export declare const pragmaticResizerStylesCodeBlockSyncedBlockPatch: SerializedStyles;
14
16
  export declare const pragmaticResizerStyles: SerializedStyles;
15
17
  export declare const pragmaticResizerStylesSyncedBlock: SerializedStyles;
16
18
  export declare const pragmaticResizerStylesWithReducedEditorGutter: SerializedStyles;
package/dist/types-ts4.5/ui/EditorContentContainer/styles/layout.d.ts CHANGED
@@ -39,6 +39,7 @@ export declare const layoutResponsiveStylesForView: SerializedStyles;
39
39
  * Base styles for layout
40
40
  */
41
41
  export declare const layoutBaseStyles: SerializedStyles;
42
+ export declare const layoutBaseStylesWithTableExcerptsFix: SerializedStyles;
42
43
  /**
43
44
  * Base styles overrides for layout columns when advanced layouts experiment is on
44
45
  */
package/dist/types-ts4.5/ui/EditorContentContainer/styles/resizerStyles.d.ts CHANGED
@@ -11,6 +11,8 @@ export declare const handleWrapperClass = "resizer-handle-wrapper";
11
11
  export declare const resizerStyles: SerializedStyles;
12
12
  export declare const pragmaticResizerStylesForTooltip: SerializedStyles;
13
13
  export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: SerializedStyles;
14
+ export declare const pragmaticResizerStylesCodeBlockLegacy: SerializedStyles;
15
+ export declare const pragmaticResizerStylesCodeBlockSyncedBlockPatch: SerializedStyles;
14
16
  export declare const pragmaticResizerStyles: SerializedStyles;
15
17
  export declare const pragmaticResizerStylesSyncedBlock: SerializedStyles;
16
18
  export declare const pragmaticResizerStylesWithReducedEditorGutter: SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "216.7.19",
3
+ "version": "216.7.21",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -66,7 +66,7 @@
66
66
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
67
67
  "@atlaskit/react-ufo": "^5.0.0",
68
68
  "@atlaskit/task-decision": "^19.2.0",
69
- "@atlaskit/tmp-editor-statsig": "^17.10.0",
69
+ "@atlaskit/tmp-editor-statsig": "^17.12.0",
70
70
  "@atlaskit/tokens": "^11.0.0",
71
71
  "@atlaskit/tooltip": "^20.14.0",
72
72
  "@atlaskit/width-detector": "^5.0.0",
@@ -107,7 +107,7 @@
107
107
  "@atlaskit/media-integration-test-helpers": "workspace:^",
108
108
  "@atlaskit/media-test-helpers": "^39.0.0",
109
109
  "@atlaskit/modal-dialog": "^14.10.0",
110
- "@atlaskit/renderer": "^126.5.0",
110
+ "@atlaskit/renderer": "^126.6.0",
111
111
  "@atlaskit/section-message": "^8.12.0",
112
112
  "@atlaskit/synchrony-test-helpers": "workspace:^",
113
113
  "@atlaskit/toggle": "^15.2.0",
@@ -352,6 +352,9 @@
352
352
  },
353
353
  "platform_editor_a11y_9262": {
354
354
  "type": "boolean"
355
+ },
356
+ "platform_synced_block_patch_1": {
357
+ "type": "boolean"
355
358
  }
356
359
  },
357
360
  "stricter": {