@atlaskit/editor-core 215.20.2 → 215.21.1

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 (16) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +2 -2
  3. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +2 -4
  4. package/dist/cjs/ui/EditorContentContainer/styles/resizerStyles.js +1 -123
  5. package/dist/cjs/version-wrapper.js +1 -1
  6. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +2 -2
  7. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +3 -5
  8. package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js +0 -122
  9. package/dist/es2019/version-wrapper.js +1 -1
  10. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +2 -2
  11. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +3 -5
  12. package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js +0 -122
  13. package/dist/esm/version-wrapper.js +1 -1
  14. package/dist/types/ui/EditorContentContainer/styles/resizerStyles.d.ts +0 -1
  15. package/dist/types-ts4.5/ui/EditorContentContainer/styles/resizerStyles.d.ts +0 -1
  16. package/package.json +4 -11
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 215.21.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d0a60ac78aa7e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d0a60ac78aa7e) -
8
+ Remove platform_editor_breakout_resizing_width_changes FG
9
+ - Updated dependencies
10
+
11
+ ## 215.21.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [`8677e7b660127`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8677e7b660127) -
16
+ EDITOR-3792 Rollup max width changes previously gated with editor_tinymce_full_width_mode into
17
+ combined frontend/backend flag confluence_max_width_content_appearance
18
+
19
+ ### Patch Changes
20
+
21
+ - Updated dependencies
22
+
3
23
  ## 215.20.2
4
24
 
5
25
  ### Patch Changes
package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js CHANGED
@@ -260,9 +260,9 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
260
260
  }, (0, _react2.jsx)("div", {
261
261
  css: [editorContentAreaNew, editorContentAreaProsemirrorStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
262
262
  // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
263
- (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes') ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
263
+ (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
264
264
  style: {
265
- '--ak-editor-content-area-max-width': !fullWidthMode ? Boolean(maxWidthMode) && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) ? // @ts-ignore
265
+ '--ak-editor-content-area-max-width': !fullWidthMode ? Boolean(maxWidthMode) && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) ? // @ts-ignore
266
266
  "".concat(akEditorUltraWideLayoutWidth + getTotalPadding(), "px") : // @ts-ignore
267
267
  "".concat(theme.layoutMaxWidth + getTotalPadding(), "px") : "".concat(akEditorFullWidthLayoutWidth + getTotalPadding(), "px")
268
268
  }
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -121,7 +121,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
121
121
  var theme = (0, _react2.useTheme)();
122
122
  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
123
123
  colorMode = _useThemeObserver.colorMode;
124
- var isFullPage = appearance === 'full-page' || appearance === 'full-width' || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('editor_tinymce_full_width_mode', 'isEnabled', true) && appearance === 'max';
124
+ var isFullPage = appearance === 'full-page' || appearance === 'full-width' || ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('confluence_max_width_content_appearance', 'isEnabled', true)) && appearance === 'max';
125
125
  var isComment = appearance === 'comment';
126
126
  var baseFontSize = (0, _getBaseFontSize.getBaseFontSize)(appearance, contentMode);
127
127
  var style = (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
@@ -384,9 +384,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
384
384
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
385
385
  _link.linkStyles,
386
386
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
387
- browser.safari && _list.listsStylesSafariFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes') ?
388
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
389
- _resizerStyles.pragmaticResizerStylesNew :
387
+ browser.safari && _list.listsStylesSafariFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ?
390
388
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
391
389
  _resizerStyles.pragmaticResizerStyles : undefined, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
392
390
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
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.pragmaticResizerStylesNew = 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.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");
@@ -204,128 +204,6 @@ var pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticStylesLayou
204
204
 
205
205
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
206
206
  var pragmaticResizerStyles = exports.pragmaticResizerStyles = (0, _react.css)({
207
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
208
- '.fabric-editor-breakout-mark': {
209
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
210
- '&:has([data-prosemirror-node-name="codeBlock"])': {
211
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
212
- '> .pm-breakout-resize-handle-container--left': {
213
- left: '-12px'
214
- },
215
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
216
- '> .pm-breakout-resize-handle-container--right': {
217
- right: '-12px'
218
- },
219
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
220
- '> .pm-breakout-resize-handle-container': {
221
- height: 'calc(100% - 12px)'
222
- }
223
- },
224
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
225
- '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
226
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
227
- '> .pm-breakout-resize-handle-container--left': {
228
- left: '-32px'
229
- },
230
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
231
- '> .pm-breakout-resize-handle-container--right': {
232
- right: '-32px'
233
- }
234
- },
235
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
236
- '&:has([data-prosemirror-node-name="expand"])': {
237
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
238
- '> .pm-breakout-resize-handle-container': {
239
- height: 'calc(100% - 4px)'
240
- }
241
- },
242
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
243
- '&:has([data-prosemirror-node-name="layoutSection"])': {
244
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
245
- '> .pm-breakout-resize-handle-container': {
246
- height: 'calc(100% - 8px)'
247
- }
248
- },
249
- // the first node in the document always has margin-top = 0
250
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
251
- '&:has(.first-node-in-document)': {
252
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
253
- '> .pm-breakout-resize-handle-container': {
254
- height: '100%'
255
- }
256
- }
257
- },
258
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
259
- '.pm-breakout-resize-handle-container': {
260
- position: 'relative',
261
- alignSelf: 'end',
262
- gridRow: 1,
263
- gridColumn: 1,
264
- height: '100%',
265
- width: 7
266
- },
267
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
268
- '.pm-breakout-resize-handle-container--left': {
269
- justifySelf: 'start'
270
- },
271
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
272
- '.pm-breakout-resize-handle-container--right': {
273
- justifySelf: 'end'
274
- },
275
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
276
- '.pm-breakout-resize-handle-rail': {
277
- position: 'relative',
278
- display: 'flex',
279
- alignItems: 'center',
280
- justifyContent: 'center',
281
- height: '100%',
282
- cursor: 'col-resize',
283
- borderRadius: "var(--ds-radius-small, 4px)",
284
- transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
285
- zIndex: 2,
286
- opacity: 0,
287
- '&:hover': {
288
- background: "var(--ds-background-selected, #E9F2FE)",
289
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
290
- '.pm-breakout-resize-handle-thumb': {
291
- background: "var(--ds-border-focused, #4688EC)"
292
- }
293
- }
294
- },
295
- // same as 'hover' styles above
296
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
297
- '.pm-breakout-resize-handle-container--active': {
298
- background: "var(--ds-background-selected, #E9F2FE)",
299
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
300
- '.pm-breakout-resize-handle-thumb': {
301
- background: "var(--ds-border-focused, #4688EC)"
302
- }
303
- },
304
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
305
- '.pm-breakout-resize-handle-hit-box': {
306
- position: 'absolute',
307
- top: 0,
308
- bottom: 0,
309
- left: -20,
310
- right: -20,
311
- zIndex: 0
312
- },
313
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
314
- '.pm-breakout-resize-handle-thumb': {
315
- minWidth: resizerHandleThumbWidth,
316
- // copied from resizeStyles.clamped
317
- height: 'clamp(27px, calc(100% - 32px), 96px)',
318
- background: "var(--ds-border, #0B120E24)",
319
- borderRadius: "var(--ds-radius-medium, 6px)",
320
- // sticky styles
321
- position: 'sticky',
322
- top: "var(--ds-space-150, 12px)",
323
- bottom: "var(--ds-space-150, 12px)"
324
- }
325
- });
326
-
327
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
328
- var pragmaticResizerStylesNew = exports.pragmaticResizerStylesNew = (0, _react.css)({
329
207
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
330
208
  '.fabric-editor-breakout-mark': {
331
209
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-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 = "215.20.1";
8
+ var version = exports.version = "215.21.0";
package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js CHANGED
@@ -252,9 +252,9 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
252
252
  }, jsx("div", {
253
253
  css: [editorContentAreaNew, editorContentAreaProsemirrorStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
254
254
  // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
255
- expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_width_changes') ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
255
+ expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
256
256
  style: {
257
- '--ak-editor-content-area-max-width': !fullWidthMode ? Boolean(maxWidthMode) && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) ?
257
+ '--ak-editor-content-area-max-width': !fullWidthMode ? Boolean(maxWidthMode) && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) ?
258
258
  // @ts-ignore
259
259
  `${akEditorUltraWideLayoutWidth + getTotalPadding()}px` :
260
260
  // @ts-ignore
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -50,7 +50,7 @@ import { mentionsStyles, mentionsSelectionStyles, mentionNodeStyles, mentionsSel
50
50
  import { panelStyles, panelStylesMixin, nestedPanelBorderStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles, nestedPanelDangerStyles } 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, pragmaticResizerStylesNew, pragmaticResizerStylesSyncedBlock, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter, resizerStyles } from './styles/resizerStyles';
53
+ import { pragmaticResizerStyles, pragmaticResizerStylesSyncedBlock, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter, 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';
@@ -117,7 +117,7 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
117
117
  const {
118
118
  colorMode
119
119
  } = useThemeObserver();
120
- const isFullPage = appearance === 'full-page' || appearance === 'full-width' || expValEqualsNoExposure('editor_tinymce_full_width_mode', 'isEnabled', true) && appearance === 'max';
120
+ const isFullPage = appearance === 'full-page' || appearance === 'full-width' || (expValEqualsNoExposure('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEqualsNoExposure('confluence_max_width_content_appearance', 'isEnabled', true)) && appearance === 'max';
121
121
  const isComment = appearance === 'comment';
122
122
  const baseFontSize = getBaseFontSize(appearance, contentMode);
123
123
  const style = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
@@ -380,9 +380,7 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
380
380
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
381
381
  linkStyles,
382
382
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
383
- browser.safari && listsStylesSafariFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? fg('platform_editor_breakout_resizing_width_changes') ?
384
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
385
- pragmaticResizerStylesNew :
383
+ browser.safari && listsStylesSafariFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
386
384
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
387
385
  pragmaticResizerStyles : undefined, editorExperiment('platform_synced_block', true) &&
388
386
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js CHANGED
@@ -251,128 +251,6 @@ export const pragmaticStylesLayoutFirstNodeResizeHandleFix = css({
251
251
 
252
252
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
253
253
  export const pragmaticResizerStyles = css({
254
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
255
- '.fabric-editor-breakout-mark': {
256
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
257
- '&:has([data-prosemirror-node-name="codeBlock"])': {
258
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
259
- '> .pm-breakout-resize-handle-container--left': {
260
- left: '-12px'
261
- },
262
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
263
- '> .pm-breakout-resize-handle-container--right': {
264
- right: '-12px'
265
- },
266
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
267
- '> .pm-breakout-resize-handle-container': {
268
- height: 'calc(100% - 12px)'
269
- }
270
- },
271
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
272
- '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
273
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
274
- '> .pm-breakout-resize-handle-container--left': {
275
- left: '-32px'
276
- },
277
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
278
- '> .pm-breakout-resize-handle-container--right': {
279
- right: '-32px'
280
- }
281
- },
282
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
283
- '&:has([data-prosemirror-node-name="expand"])': {
284
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
285
- '> .pm-breakout-resize-handle-container': {
286
- height: 'calc(100% - 4px)'
287
- }
288
- },
289
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
290
- '&:has([data-prosemirror-node-name="layoutSection"])': {
291
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
292
- '> .pm-breakout-resize-handle-container': {
293
- height: 'calc(100% - 8px)'
294
- }
295
- },
296
- // the first node in the document always has margin-top = 0
297
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
298
- '&:has(.first-node-in-document)': {
299
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
300
- '> .pm-breakout-resize-handle-container': {
301
- height: '100%'
302
- }
303
- }
304
- },
305
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
306
- '.pm-breakout-resize-handle-container': {
307
- position: 'relative',
308
- alignSelf: 'end',
309
- gridRow: 1,
310
- gridColumn: 1,
311
- height: '100%',
312
- width: 7
313
- },
314
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
315
- '.pm-breakout-resize-handle-container--left': {
316
- justifySelf: 'start'
317
- },
318
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
319
- '.pm-breakout-resize-handle-container--right': {
320
- justifySelf: 'end'
321
- },
322
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
323
- '.pm-breakout-resize-handle-rail': {
324
- position: 'relative',
325
- display: 'flex',
326
- alignItems: 'center',
327
- justifyContent: 'center',
328
- height: '100%',
329
- cursor: 'col-resize',
330
- borderRadius: "var(--ds-radius-small, 4px)",
331
- transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
332
- zIndex: 2,
333
- opacity: 0,
334
- '&:hover': {
335
- background: "var(--ds-background-selected, #E9F2FE)",
336
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
337
- '.pm-breakout-resize-handle-thumb': {
338
- background: "var(--ds-border-focused, #4688EC)"
339
- }
340
- }
341
- },
342
- // same as 'hover' styles above
343
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
344
- '.pm-breakout-resize-handle-container--active': {
345
- background: "var(--ds-background-selected, #E9F2FE)",
346
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
347
- '.pm-breakout-resize-handle-thumb': {
348
- background: "var(--ds-border-focused, #4688EC)"
349
- }
350
- },
351
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
352
- '.pm-breakout-resize-handle-hit-box': {
353
- position: 'absolute',
354
- top: 0,
355
- bottom: 0,
356
- left: -20,
357
- right: -20,
358
- zIndex: 0
359
- },
360
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
361
- '.pm-breakout-resize-handle-thumb': {
362
- minWidth: resizerHandleThumbWidth,
363
- // copied from resizeStyles.clamped
364
- height: 'clamp(27px, calc(100% - 32px), 96px)',
365
- background: "var(--ds-border, #0B120E24)",
366
- borderRadius: "var(--ds-radius-medium, 6px)",
367
- // sticky styles
368
- position: 'sticky',
369
- top: "var(--ds-space-150, 12px)",
370
- bottom: "var(--ds-space-150, 12px)"
371
- }
372
- });
373
-
374
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
375
- export const pragmaticResizerStylesNew = css({
376
254
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
377
255
  '.fabric-editor-breakout-mark': {
378
256
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "215.20.1";
2
+ export const version = "215.21.0";
package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js CHANGED
@@ -250,9 +250,9 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
250
250
  }, jsx("div", {
251
251
  css: [editorContentAreaNew, editorContentAreaProsemirrorStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
252
252
  // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
253
- expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_width_changes') ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
253
+ expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
254
254
  style: {
255
- '--ak-editor-content-area-max-width': !fullWidthMode ? Boolean(maxWidthMode) && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) ? // @ts-ignore
255
+ '--ak-editor-content-area-max-width': !fullWidthMode ? Boolean(maxWidthMode) && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) ? // @ts-ignore
256
256
  "".concat(akEditorUltraWideLayoutWidth + getTotalPadding(), "px") : // @ts-ignore
257
257
  "".concat(theme.layoutMaxWidth + getTotalPadding(), "px") : "".concat(akEditorFullWidthLayoutWidth + getTotalPadding(), "px")
258
258
  }
package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -51,7 +51,7 @@ import { mentionsStyles, mentionsSelectionStyles, mentionNodeStyles, mentionsSel
51
51
  import { panelStyles, panelStylesMixin, nestedPanelBorderStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles, nestedPanelDangerStyles } from './styles/panelStyles';
52
52
  import { paragraphStylesOld, paragraphStylesOldWithScaledMargin, paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
53
53
  import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
54
- import { pragmaticResizerStyles, pragmaticResizerStylesNew, pragmaticResizerStylesSyncedBlock, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter, resizerStyles } from './styles/resizerStyles';
54
+ import { pragmaticResizerStyles, pragmaticResizerStylesSyncedBlock, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter, resizerStyles } from './styles/resizerStyles';
55
55
  import { dangerRuleStyles, ruleStyles } from './styles/rule';
56
56
  import { scrollbarStyles } from './styles/scrollbarStyles';
57
57
  import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
@@ -113,7 +113,7 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
113
113
  var theme = useTheme();
114
114
  var _useThemeObserver = useThemeObserver(),
115
115
  colorMode = _useThemeObserver.colorMode;
116
- var isFullPage = appearance === 'full-page' || appearance === 'full-width' || expValEqualsNoExposure('editor_tinymce_full_width_mode', 'isEnabled', true) && appearance === 'max';
116
+ var isFullPage = appearance === 'full-page' || appearance === 'full-width' || (expValEqualsNoExposure('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEqualsNoExposure('confluence_max_width_content_appearance', 'isEnabled', true)) && appearance === 'max';
117
117
  var isComment = appearance === 'comment';
118
118
  var baseFontSize = getBaseFontSize(appearance, contentMode);
119
119
  var style = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
@@ -376,9 +376,7 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
376
376
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
377
377
  linkStyles,
378
378
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
379
- browser.safari && listsStylesSafariFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? fg('platform_editor_breakout_resizing_width_changes') ?
380
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
381
- pragmaticResizerStylesNew :
379
+ browser.safari && listsStylesSafariFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
382
380
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
383
381
  pragmaticResizerStyles : undefined, editorExperiment('platform_synced_block', true) &&
384
382
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js CHANGED
@@ -196,128 +196,6 @@ export var pragmaticStylesLayoutFirstNodeResizeHandleFix = css({
196
196
 
197
197
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
198
198
  export var pragmaticResizerStyles = css({
199
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
200
- '.fabric-editor-breakout-mark': {
201
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
202
- '&:has([data-prosemirror-node-name="codeBlock"])': {
203
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
204
- '> .pm-breakout-resize-handle-container--left': {
205
- left: '-12px'
206
- },
207
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
208
- '> .pm-breakout-resize-handle-container--right': {
209
- right: '-12px'
210
- },
211
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
212
- '> .pm-breakout-resize-handle-container': {
213
- height: 'calc(100% - 12px)'
214
- }
215
- },
216
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
217
- '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
218
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
219
- '> .pm-breakout-resize-handle-container--left': {
220
- left: '-32px'
221
- },
222
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
223
- '> .pm-breakout-resize-handle-container--right': {
224
- right: '-32px'
225
- }
226
- },
227
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
228
- '&:has([data-prosemirror-node-name="expand"])': {
229
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
230
- '> .pm-breakout-resize-handle-container': {
231
- height: 'calc(100% - 4px)'
232
- }
233
- },
234
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
235
- '&:has([data-prosemirror-node-name="layoutSection"])': {
236
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
237
- '> .pm-breakout-resize-handle-container': {
238
- height: 'calc(100% - 8px)'
239
- }
240
- },
241
- // the first node in the document always has margin-top = 0
242
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
243
- '&:has(.first-node-in-document)': {
244
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
245
- '> .pm-breakout-resize-handle-container': {
246
- height: '100%'
247
- }
248
- }
249
- },
250
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
251
- '.pm-breakout-resize-handle-container': {
252
- position: 'relative',
253
- alignSelf: 'end',
254
- gridRow: 1,
255
- gridColumn: 1,
256
- height: '100%',
257
- width: 7
258
- },
259
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
260
- '.pm-breakout-resize-handle-container--left': {
261
- justifySelf: 'start'
262
- },
263
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
264
- '.pm-breakout-resize-handle-container--right': {
265
- justifySelf: 'end'
266
- },
267
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
268
- '.pm-breakout-resize-handle-rail': {
269
- position: 'relative',
270
- display: 'flex',
271
- alignItems: 'center',
272
- justifyContent: 'center',
273
- height: '100%',
274
- cursor: 'col-resize',
275
- borderRadius: "var(--ds-radius-small, 4px)",
276
- transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
277
- zIndex: 2,
278
- opacity: 0,
279
- '&:hover': {
280
- background: "var(--ds-background-selected, #E9F2FE)",
281
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
282
- '.pm-breakout-resize-handle-thumb': {
283
- background: "var(--ds-border-focused, #4688EC)"
284
- }
285
- }
286
- },
287
- // same as 'hover' styles above
288
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
289
- '.pm-breakout-resize-handle-container--active': {
290
- background: "var(--ds-background-selected, #E9F2FE)",
291
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
292
- '.pm-breakout-resize-handle-thumb': {
293
- background: "var(--ds-border-focused, #4688EC)"
294
- }
295
- },
296
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
297
- '.pm-breakout-resize-handle-hit-box': {
298
- position: 'absolute',
299
- top: 0,
300
- bottom: 0,
301
- left: -20,
302
- right: -20,
303
- zIndex: 0
304
- },
305
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
306
- '.pm-breakout-resize-handle-thumb': {
307
- minWidth: resizerHandleThumbWidth,
308
- // copied from resizeStyles.clamped
309
- height: 'clamp(27px, calc(100% - 32px), 96px)',
310
- background: "var(--ds-border, #0B120E24)",
311
- borderRadius: "var(--ds-radius-medium, 6px)",
312
- // sticky styles
313
- position: 'sticky',
314
- top: "var(--ds-space-150, 12px)",
315
- bottom: "var(--ds-space-150, 12px)"
316
- }
317
- });
318
-
319
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
320
- export var pragmaticResizerStylesNew = css({
321
199
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
322
200
  '.fabric-editor-breakout-mark': {
323
201
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "215.20.1";
2
+ export var version = "215.21.0";
package/dist/types/ui/EditorContentContainer/styles/resizerStyles.d.ts CHANGED
@@ -12,6 +12,5 @@ export declare const resizerStyles: SerializedStyles;
12
12
  export declare const pragmaticResizerStylesForTooltip: SerializedStyles;
13
13
  export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: SerializedStyles;
14
14
  export declare const pragmaticResizerStyles: SerializedStyles;
15
- export declare const pragmaticResizerStylesNew: SerializedStyles;
16
15
  export declare const pragmaticResizerStylesSyncedBlock: SerializedStyles;
17
16
  export declare const pragmaticResizerStylesWithReducedEditorGutter: SerializedStyles;
package/dist/types-ts4.5/ui/EditorContentContainer/styles/resizerStyles.d.ts CHANGED
@@ -12,6 +12,5 @@ export declare const resizerStyles: SerializedStyles;
12
12
  export declare const pragmaticResizerStylesForTooltip: SerializedStyles;
13
13
  export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: SerializedStyles;
14
14
  export declare const pragmaticResizerStyles: SerializedStyles;
15
- export declare const pragmaticResizerStylesNew: SerializedStyles;
16
15
  export declare const pragmaticResizerStylesSyncedBlock: SerializedStyles;
17
16
  export declare const pragmaticResizerStylesWithReducedEditorGutter: SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "215.20.2",
3
+ "version": "215.21.1",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -59,13 +59,13 @@
59
59
  "@atlaskit/emoji": "^69.9.0",
60
60
  "@atlaskit/icon": "^29.0.0",
61
61
  "@atlaskit/link": "^3.2.0",
62
- "@atlaskit/media-card": "^79.9.0",
62
+ "@atlaskit/media-card": "^79.10.0",
63
63
  "@atlaskit/mention": "^24.4.0",
64
64
  "@atlaskit/platform-feature-flags": "^1.1.0",
65
65
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
66
66
  "@atlaskit/react-ufo": "^4.15.0",
67
67
  "@atlaskit/task-decision": "^19.2.0",
68
- "@atlaskit/tmp-editor-statsig": "^15.7.0",
68
+ "@atlaskit/tmp-editor-statsig": "^15.9.0",
69
69
  "@atlaskit/tokens": "^8.4.0",
70
70
  "@atlaskit/tooltip": "^20.11.0",
71
71
  "@atlaskit/width-detector": "^5.0.0",
@@ -105,7 +105,7 @@
105
105
  "@atlaskit/media-integration-test-helpers": "workspace:^",
106
106
  "@atlaskit/media-test-helpers": "^39.0.0",
107
107
  "@atlaskit/modal-dialog": "^14.8.0",
108
- "@atlaskit/renderer": "^124.17.0",
108
+ "@atlaskit/renderer": "^124.18.0",
109
109
  "@atlaskit/section-message": "^8.10.0",
110
110
  "@atlaskit/synchrony-test-helpers": "workspace:^",
111
111
  "@atlaskit/toggle": "^15.2.0",
@@ -309,9 +309,6 @@
309
309
  "type": "boolean",
310
310
  "referenceOnly": true
311
311
  },
312
- "platform_editor_breakout_resizing_width_changes": {
313
- "type": "boolean"
314
- },
315
312
  "platform_editor_tables_table_selector": {
316
313
  "type": "boolean",
317
314
  "referenceOnly": true
@@ -388,10 +385,6 @@
388
385
  "platform_editor_nov_a11y_fixes": {
389
386
  "type": "boolean"
390
387
  },
391
- "platform_editor_table_width_refactor": {
392
- "type": "boolean",
393
- "referenceOnly": true
394
- },
395
388
  "platform_editor_toolbar_aifc_responsive_improve": {
396
389
  "type": "boolean"
397
390
  },