@atlaskit/editor-core 216.12.11 → 216.13.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.
- package/CHANGELOG.md +19 -0
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +7 -8
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +3 -1
- package/dist/cjs/ui/EditorContentContainer/styles/baseStyles.js +14 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +4 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +4 -2
- package/dist/es2019/ui/EditorContentContainer/styles/baseStyles.js +13 -0
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +6 -2
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +4 -2
- package/dist/esm/ui/EditorContentContainer/styles/baseStyles.js +13 -0
- package/dist/types/ui/EditorContentContainer/styles/baseStyles.d.ts +1 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/baseStyles.d.ts +1 -0
- package/package.json +8 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 216.13.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`566fb75af84dd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/566fb75af84dd) -
|
|
8
|
+
fix resize layout/expand/codeblock issue in max mode appearance in editor
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 216.13.0
|
|
12
|
+
|
|
13
|
+
### Minor Changes
|
|
14
|
+
|
|
15
|
+
- [`050e73fa93cfe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/050e73fa93cfe) -
|
|
16
|
+
[FFCLEANUP-87580] clean up feature gate platform_editor_nested_tables_sticky_header_bug
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
3
22
|
## 216.12.11
|
|
4
23
|
|
|
5
24
|
### Patch Changes
|
|
@@ -25,16 +25,13 @@ var _EditorContentContainer = _interopRequireDefault(require("../../EditorConten
|
|
|
25
25
|
var _PluginSlot = _interopRequireDefault(require("../../PluginSlot"));
|
|
26
26
|
var _StyledComponents = require("./StyledComponents");
|
|
27
27
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
28
|
-
|
|
28
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
29
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
29
30
|
* @jsxRuntime classic
|
|
30
31
|
* @jsx jsx
|
|
31
|
-
*/
|
|
32
|
-
|
|
33
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
34
|
-
|
|
32
|
+
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
35
33
|
// Ignored via go/ees005
|
|
36
34
|
// eslint-disable-next-line import/no-named-as-default
|
|
37
|
-
|
|
38
35
|
var akEditorFullWidthLayoutWidth = 1800;
|
|
39
36
|
var akEditorUltraWideLayoutWidth = 4000;
|
|
40
37
|
var akEditorSwoopCubicBezier = "cubic-bezier(0.15, 1, 0.3, 1)";
|
|
@@ -280,9 +277,11 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
280
277
|
}) && editorContentReducedGutterStyles]
|
|
281
278
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
282
279
|
,
|
|
283
|
-
className: (0, _classnames.default)('ak-editor-content-area', 'appearance-full-page', {
|
|
280
|
+
className: (0, _classnames.default)('ak-editor-content-area', 'appearance-full-page', _objectSpread({
|
|
284
281
|
'fabric-editor--full-width-mode': fullWidthMode
|
|
285
|
-
})
|
|
282
|
+
}, (0, _platformFeatureFlags.fg)('platform_editor_max_width_mode_resize_fix') && {
|
|
283
|
+
'fabric-editor--max-width-mode': Boolean(maxWidthMode)
|
|
284
|
+
})),
|
|
286
285
|
ref: contentAreaRef
|
|
287
286
|
}, !!props.customContentComponents && 'before' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.before) : (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents), (0, _react2.jsx)(_PluginSlot.default, {
|
|
288
287
|
editorView: props.editorView,
|
|
@@ -145,7 +145,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
145
145
|
ref: ref,
|
|
146
146
|
css: [
|
|
147
147
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
148
|
-
_baseStyles.baseStyles,
|
|
148
|
+
_baseStyles.baseStyles,
|
|
149
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
150
|
+
(0, _platformFeatureFlags.fg)('platform_editor_max_width_mode_resize_fix') && _baseStyles.maxModeReizeFixStyles, (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true) &&
|
|
149
151
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
150
152
|
_baseStyles.baseStylesMaxContainerWidthFixes,
|
|
151
153
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -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.editorLargeGutterPuddingReducedBaseStyles = exports.editorLargeGutterPuddingBaseStylesEditorControls = exports.editorLargeGutterPuddingBaseStyles = exports.baseStylesMaxContainerWidthFixes = exports.baseStyles = void 0;
|
|
7
|
+
exports.maxModeReizeFixStyles = exports.editorLargeGutterPuddingReducedBaseStyles = exports.editorLargeGutterPuddingBaseStylesEditorControls = exports.editorLargeGutterPuddingBaseStyles = exports.baseStylesMaxContainerWidthFixes = exports.baseStyles = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
@@ -20,6 +20,7 @@ var akEditorFullWidthLayoutWidth = 1800;
|
|
|
20
20
|
var akEditorBreakpointForSmallDevice = "1266px";
|
|
21
21
|
var akEditorGutterPaddingReduced = 24;
|
|
22
22
|
var akEditorFullPageNarrowBreakout = 600;
|
|
23
|
+
var akEditorUltraWideLayoutWidth = 4000;
|
|
23
24
|
|
|
24
25
|
// jest warning: JSDOM version (22) doesn't support the new @container CSS rule
|
|
25
26
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
@@ -30,6 +31,7 @@ var baseStyles = exports.baseStyles = (0, _react.css)((0, _defineProperty2.defau
|
|
|
30
31
|
'--ak-editor--full-width-layout-width': "".concat(akEditorFullWidthLayoutWidth, "px"),
|
|
31
32
|
/* calculate editor line length, 100cqw is the editor container width */
|
|
32
33
|
'--ak-editor--line-length': 'min(calc(100cqw - var(--ak-editor--large-gutter-padding) * 2), var(--ak-editor--default-layout-width))',
|
|
34
|
+
'--ak-editor--max-width-layout-width': "".concat(akEditorUltraWideLayoutWidth, "px"),
|
|
33
35
|
'--ak-editor--breakout-wide-layout-width': "".concat(akEditorCalculatedWideLayoutWidthSmallViewport, "px"),
|
|
34
36
|
'--ak-editor--breakout-full-page-guttering-padding': 'calc(var(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding))',
|
|
35
37
|
'--ak-editor--breakout-fallback-width': 'calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))',
|
|
@@ -60,6 +62,17 @@ var baseStyles = exports.baseStyles = (0, _react.css)((0, _defineProperty2.defau
|
|
|
60
62
|
}
|
|
61
63
|
}));
|
|
62
64
|
|
|
65
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
66
|
+
var maxModeReizeFixStyles = exports.maxModeReizeFixStyles = (0, _react.css)({
|
|
67
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
68
|
+
'.fabric-editor--max-width-mode': {
|
|
69
|
+
'--ak-editor--line-length': 'min(calc(100cqw - var(--ak-editor--large-gutter-padding) * 2), var(--ak-editor--max-width-layout-width))',
|
|
70
|
+
/* in max width appearances it's not possible to rely on cqw because it doesn't account for the page scrollbar, which depends on users system settings */
|
|
71
|
+
'--ak-editor--breakout-fallback-width': '100%',
|
|
72
|
+
'--ak-editor--breakout-min-width': '0px'
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
|
|
63
76
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
64
77
|
var baseStylesMaxContainerWidthFixes = exports.baseStylesMaxContainerWidthFixes = (0, _react.css)({
|
|
65
78
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -275,7 +275,10 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
275
275
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
276
276
|
,
|
|
277
277
|
className: classnames('ak-editor-content-area', 'appearance-full-page', {
|
|
278
|
-
'fabric-editor--full-width-mode': fullWidthMode
|
|
278
|
+
'fabric-editor--full-width-mode': fullWidthMode,
|
|
279
|
+
...(fg('platform_editor_max_width_mode_resize_fix') && {
|
|
280
|
+
'fabric-editor--max-width-mode': Boolean(maxWidthMode)
|
|
281
|
+
})
|
|
279
282
|
}),
|
|
280
283
|
ref: contentAreaRef
|
|
281
284
|
}, !!props.customContentComponents && 'before' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.before) : contentComponentClickWrapper(props.customContentComponents), jsx(PluginSlot, {
|
|
@@ -20,7 +20,7 @@ import { getBaseFontSize } from '../../composable-editor/utils/getBaseFontSize';
|
|
|
20
20
|
import { aiPanelBaseFirefoxStyles, aiPanelBaseStyles, aiPanelDarkFirefoxStyles, aiPanelDarkStyles } from './styles/aiPanel';
|
|
21
21
|
import { annotationStyles } from './styles/annotationStyles';
|
|
22
22
|
import { backgroundColorStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
|
|
23
|
-
import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles } from './styles/baseStyles';
|
|
23
|
+
import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles, maxModeReizeFixStyles } from './styles/baseStyles';
|
|
24
24
|
import { blockMarksStyles } from './styles/blockMarksStyles';
|
|
25
25
|
import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blockquoteZeroPadding, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc, listDangerStyles, listSelectedNodeStyles, textDangerStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
|
|
26
26
|
import { codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
|
|
@@ -141,7 +141,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
141
141
|
ref: ref,
|
|
142
142
|
css: [
|
|
143
143
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
144
|
-
baseStyles,
|
|
144
|
+
baseStyles,
|
|
145
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
146
|
+
fg('platform_editor_max_width_mode_resize_fix') && maxModeReizeFixStyles, expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) &&
|
|
145
147
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
146
148
|
baseStylesMaxContainerWidthFixes,
|
|
147
149
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -12,6 +12,7 @@ const akEditorFullWidthLayoutWidth = 1800;
|
|
|
12
12
|
const akEditorBreakpointForSmallDevice = `1266px`;
|
|
13
13
|
const akEditorGutterPaddingReduced = 24;
|
|
14
14
|
const akEditorFullPageNarrowBreakout = 600;
|
|
15
|
+
const akEditorUltraWideLayoutWidth = 4000;
|
|
15
16
|
|
|
16
17
|
// jest warning: JSDOM version (22) doesn't support the new @container CSS rule
|
|
17
18
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
@@ -22,6 +23,7 @@ export const baseStyles = css({
|
|
|
22
23
|
'--ak-editor--full-width-layout-width': `${akEditorFullWidthLayoutWidth}px`,
|
|
23
24
|
/* calculate editor line length, 100cqw is the editor container width */
|
|
24
25
|
'--ak-editor--line-length': 'min(calc(100cqw - var(--ak-editor--large-gutter-padding) * 2), var(--ak-editor--default-layout-width))',
|
|
26
|
+
'--ak-editor--max-width-layout-width': `${akEditorUltraWideLayoutWidth}px`,
|
|
25
27
|
'--ak-editor--breakout-wide-layout-width': `${akEditorCalculatedWideLayoutWidthSmallViewport}px`,
|
|
26
28
|
'--ak-editor--breakout-full-page-guttering-padding': 'calc(var(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding))',
|
|
27
29
|
'--ak-editor--breakout-fallback-width': 'calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))',
|
|
@@ -55,6 +57,17 @@ export const baseStyles = css({
|
|
|
55
57
|
}
|
|
56
58
|
});
|
|
57
59
|
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
61
|
+
export const maxModeReizeFixStyles = css({
|
|
62
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
63
|
+
'.fabric-editor--max-width-mode': {
|
|
64
|
+
'--ak-editor--line-length': 'min(calc(100cqw - var(--ak-editor--large-gutter-padding) * 2), var(--ak-editor--max-width-layout-width))',
|
|
65
|
+
/* in max width appearances it's not possible to rely on cqw because it doesn't account for the page scrollbar, which depends on users system settings */
|
|
66
|
+
'--ak-editor--breakout-fallback-width': '100%',
|
|
67
|
+
'--ak-editor--breakout-min-width': '0px'
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
|
|
58
71
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
59
72
|
export const baseStylesMaxContainerWidthFixes = css({
|
|
60
73
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2
4
|
/**
|
|
3
5
|
* @jsxRuntime classic
|
|
4
6
|
* @jsx jsx
|
|
@@ -270,9 +272,11 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
270
272
|
}) && editorContentReducedGutterStyles]
|
|
271
273
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
272
274
|
,
|
|
273
|
-
className: classnames('ak-editor-content-area', 'appearance-full-page', {
|
|
275
|
+
className: classnames('ak-editor-content-area', 'appearance-full-page', _objectSpread({
|
|
274
276
|
'fabric-editor--full-width-mode': fullWidthMode
|
|
275
|
-
})
|
|
277
|
+
}, fg('platform_editor_max_width_mode_resize_fix') && {
|
|
278
|
+
'fabric-editor--max-width-mode': Boolean(maxWidthMode)
|
|
279
|
+
})),
|
|
276
280
|
ref: contentAreaRef
|
|
277
281
|
}, !!props.customContentComponents && 'before' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.before) : contentComponentClickWrapper(props.customContentComponents), jsx(PluginSlot, {
|
|
278
282
|
editorView: props.editorView,
|
|
@@ -21,7 +21,7 @@ import { getBaseFontSize } from '../../composable-editor/utils/getBaseFontSize';
|
|
|
21
21
|
import { aiPanelBaseFirefoxStyles, aiPanelBaseStyles, aiPanelDarkFirefoxStyles, aiPanelDarkStyles } from './styles/aiPanel';
|
|
22
22
|
import { annotationStyles } from './styles/annotationStyles';
|
|
23
23
|
import { backgroundColorStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
|
|
24
|
-
import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles } from './styles/baseStyles';
|
|
24
|
+
import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles, maxModeReizeFixStyles } from './styles/baseStyles';
|
|
25
25
|
import { blockMarksStyles } from './styles/blockMarksStyles';
|
|
26
26
|
import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blockquoteZeroPadding, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc, listDangerStyles, listSelectedNodeStyles, textDangerStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
|
|
27
27
|
import { codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
|
|
@@ -137,7 +137,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
|
|
|
137
137
|
ref: ref,
|
|
138
138
|
css: [
|
|
139
139
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
140
|
-
baseStyles,
|
|
140
|
+
baseStyles,
|
|
141
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
142
|
+
fg('platform_editor_max_width_mode_resize_fix') && maxModeReizeFixStyles, expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) &&
|
|
141
143
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
142
144
|
baseStylesMaxContainerWidthFixes,
|
|
143
145
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -13,6 +13,7 @@ var akEditorFullWidthLayoutWidth = 1800;
|
|
|
13
13
|
var akEditorBreakpointForSmallDevice = "1266px";
|
|
14
14
|
var akEditorGutterPaddingReduced = 24;
|
|
15
15
|
var akEditorFullPageNarrowBreakout = 600;
|
|
16
|
+
var akEditorUltraWideLayoutWidth = 4000;
|
|
16
17
|
|
|
17
18
|
// jest warning: JSDOM version (22) doesn't support the new @container CSS rule
|
|
18
19
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
@@ -23,6 +24,7 @@ export var baseStyles = css(_defineProperty({
|
|
|
23
24
|
'--ak-editor--full-width-layout-width': "".concat(akEditorFullWidthLayoutWidth, "px"),
|
|
24
25
|
/* calculate editor line length, 100cqw is the editor container width */
|
|
25
26
|
'--ak-editor--line-length': 'min(calc(100cqw - var(--ak-editor--large-gutter-padding) * 2), var(--ak-editor--default-layout-width))',
|
|
27
|
+
'--ak-editor--max-width-layout-width': "".concat(akEditorUltraWideLayoutWidth, "px"),
|
|
26
28
|
'--ak-editor--breakout-wide-layout-width': "".concat(akEditorCalculatedWideLayoutWidthSmallViewport, "px"),
|
|
27
29
|
'--ak-editor--breakout-full-page-guttering-padding': 'calc(var(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding))',
|
|
28
30
|
'--ak-editor--breakout-fallback-width': 'calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))',
|
|
@@ -53,6 +55,17 @@ export var baseStyles = css(_defineProperty({
|
|
|
53
55
|
}
|
|
54
56
|
}));
|
|
55
57
|
|
|
58
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
59
|
+
export var maxModeReizeFixStyles = css({
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
61
|
+
'.fabric-editor--max-width-mode': {
|
|
62
|
+
'--ak-editor--line-length': 'min(calc(100cqw - var(--ak-editor--large-gutter-padding) * 2), var(--ak-editor--max-width-layout-width))',
|
|
63
|
+
/* in max width appearances it's not possible to rely on cqw because it doesn't account for the page scrollbar, which depends on users system settings */
|
|
64
|
+
'--ak-editor--breakout-fallback-width': '100%',
|
|
65
|
+
'--ak-editor--breakout-min-width': '0px'
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
|
|
56
69
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
57
70
|
export var baseStylesMaxContainerWidthFixes = css({
|
|
58
71
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type SerializedStyles } from '@emotion/react';
|
|
2
2
|
export declare const baseStyles: SerializedStyles;
|
|
3
|
+
export declare const maxModeReizeFixStyles: SerializedStyles;
|
|
3
4
|
export declare const baseStylesMaxContainerWidthFixes: SerializedStyles;
|
|
4
5
|
export declare const editorLargeGutterPuddingBaseStyles: SerializedStyles;
|
|
5
6
|
export declare const editorLargeGutterPuddingBaseStylesEditorControls: SerializedStyles;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type SerializedStyles } from '@emotion/react';
|
|
2
2
|
export declare const baseStyles: SerializedStyles;
|
|
3
|
+
export declare const maxModeReizeFixStyles: SerializedStyles;
|
|
3
4
|
export declare const baseStylesMaxContainerWidthFixes: SerializedStyles;
|
|
4
5
|
export declare const editorLargeGutterPuddingBaseStyles: SerializedStyles;
|
|
5
6
|
export declare const editorLargeGutterPuddingBaseStylesEditorControls: SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "216.
|
|
3
|
+
"version": "216.13.1",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"@atlaskit/activity-provider": "^2.5.0",
|
|
42
|
-
"@atlaskit/adf-schema": "^52.
|
|
42
|
+
"@atlaskit/adf-schema": "^52.1.0",
|
|
43
43
|
"@atlaskit/afm-i18n-platform-editor-editor-core": "2.10.0",
|
|
44
44
|
"@atlaskit/analytics-namespaced-context": "^7.2.0",
|
|
45
45
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
@@ -65,8 +65,8 @@
|
|
|
65
65
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
66
66
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
67
67
|
"@atlaskit/react-ufo": "^5.4.0",
|
|
68
|
-
"@atlaskit/task-decision": "^19.
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^32.
|
|
68
|
+
"@atlaskit/task-decision": "^19.3.0",
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^32.4.0",
|
|
70
70
|
"@atlaskit/tokens": "^11.0.0",
|
|
71
71
|
"@atlaskit/tooltip": "^20.14.0",
|
|
72
72
|
"@atlaskit/width-detector": "^5.0.0",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"uuid": "^3.1.0"
|
|
84
84
|
},
|
|
85
85
|
"peerDependencies": {
|
|
86
|
-
"@atlaskit/editor-common": "^111.
|
|
86
|
+
"@atlaskit/editor-common": "^111.21.0",
|
|
87
87
|
"@atlaskit/link-provider": "^4.2.0",
|
|
88
88
|
"@atlaskit/media-core": "^37.0.0",
|
|
89
89
|
"react": "^18.2.0",
|
|
@@ -251,10 +251,6 @@
|
|
|
251
251
|
"type": "boolean",
|
|
252
252
|
"referenceOnly": true
|
|
253
253
|
},
|
|
254
|
-
"platform_editor_nested_tables_sticky_header_bug": {
|
|
255
|
-
"type": "boolean",
|
|
256
|
-
"referenceOnly": true
|
|
257
|
-
},
|
|
258
254
|
"platform_editor_undo_redo_find_on_primary_toolbar": {
|
|
259
255
|
"type": "boolean",
|
|
260
256
|
"referenceOnly": true
|
|
@@ -340,6 +336,9 @@
|
|
|
340
336
|
},
|
|
341
337
|
"platform_synced_block_patch_4": {
|
|
342
338
|
"type": "boolean"
|
|
339
|
+
},
|
|
340
|
+
"platform_editor_max_width_mode_resize_fix": {
|
|
341
|
+
"type": "boolean"
|
|
343
342
|
}
|
|
344
343
|
},
|
|
345
344
|
"stricter": {
|