@atlaskit/editor-core 215.20.2 → 215.21.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.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +1 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +1 -1
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +1 -1
- package/dist/esm/version-wrapper.js +1 -1
- package/package.json +4 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 215.21.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`8677e7b660127`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8677e7b660127) -
|
|
8
|
+
EDITOR-3792 Rollup max width changes previously gated with editor_tinymce_full_width_mode into
|
|
9
|
+
combined frontend/backend flag confluence_max_width_content_appearance
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 215.20.2
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -262,7 +262,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
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
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],
|
|
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
|
}
|
|
@@ -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, {
|
|
@@ -254,7 +254,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
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
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],
|
|
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
|
|
@@ -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, {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "215.20.
|
|
2
|
+
export const version = "215.20.2";
|
|
@@ -252,7 +252,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
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
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],
|
|
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
|
}
|
|
@@ -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, {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "215.20.
|
|
2
|
+
export var version = "215.20.2";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "215.
|
|
3
|
+
"version": "215.21.0",
|
|
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.
|
|
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.
|
|
68
|
+
"@atlaskit/tmp-editor-statsig": "^15.8.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.
|
|
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",
|
|
@@ -388,10 +388,6 @@
|
|
|
388
388
|
"platform_editor_nov_a11y_fixes": {
|
|
389
389
|
"type": "boolean"
|
|
390
390
|
},
|
|
391
|
-
"platform_editor_table_width_refactor": {
|
|
392
|
-
"type": "boolean",
|
|
393
|
-
"referenceOnly": true
|
|
394
|
-
},
|
|
395
391
|
"platform_editor_toolbar_aifc_responsive_improve": {
|
|
396
392
|
"type": "boolean"
|
|
397
393
|
},
|