@atlaskit/editor-toolbar 1.9.0 → 1.9.2
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 +17 -0
- package/dist/cjs/ui/ResponsiveContainer.compiled.css +5 -0
- package/dist/cjs/ui/ResponsiveContainer.js +9 -1
- package/dist/es2019/ui/ResponsiveContainer.compiled.css +5 -0
- package/dist/es2019/ui/ResponsiveContainer.js +9 -1
- package/dist/esm/ui/ResponsiveContainer.compiled.css +5 -0
- package/dist/esm/ui/ResponsiveContainer.js +9 -1
- package/dist/types/ui/ResponsiveContainer.d.ts +1 -1
- package/dist/types-ts4.5/ui/ResponsiveContainer.d.ts +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-toolbar
|
|
2
2
|
|
|
3
|
+
## 1.9.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`a777e9d5513bb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a777e9d5513bb) - -
|
|
8
|
+
Add exposure event for improve formatting toolbar experiment, fired only when pinned toolbar is
|
|
9
|
+
visible
|
|
10
|
+
- Swap render-path gate checks to expValEqualsNoExposure in toolbar.tsx and
|
|
11
|
+
ResponsiveContainer.tsx
|
|
12
|
+
|
|
13
|
+
## 1.9.1
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- [`a58a80f7cd055`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a58a80f7cd055) -
|
|
18
|
+
[ux] increase fullpage editor toolbar viewpoint widths for lg and xl
|
|
19
|
+
|
|
3
20
|
## 1.9.0
|
|
4
21
|
|
|
5
22
|
### Minor Changes
|
|
@@ -18,6 +18,8 @@
|
|
|
18
18
|
@container editor-area (max-width: 533px){._u47mglyw .show-above-md{display:none}._rut51ule .show-below-md{display:block}}
|
|
19
19
|
@container editor-area (max-width: 700px){._fj5dglyw .show-above-lg{display:none}._5wt61ule .show-below-lg{display:block}}
|
|
20
20
|
@container toolbar-container (max-width: 1023px){._luoiglyw .show-above-xl{display:none}._2ojp1ule .show-below-xl{display:block}._tzm6glyw._tzm6glyw .show-above-xl{display:none}._ktne1ule._ktne1ule .show-below-xl{display:block}}
|
|
21
|
+
@container toolbar-container (max-width: 1125px){._1nfkglyw .show-above-lg{display:none}._wne21ule .show-below-lg{display:block}}
|
|
22
|
+
@container toolbar-container (max-width: 1231px){._aw2dglyw .show-above-xl{display:none}._1gtx1ule .show-below-xl{display:block}}
|
|
21
23
|
@container toolbar-container (max-width: 209px){._15nrglyw._15nrglyw .show-above-sm{display:none}._cm5a1ule._cm5a1ule .show-below-sm{display:block}}
|
|
22
24
|
@container toolbar-container (max-width: 279px){._152xglyw._152xglyw .show-above-sm{display:none}._1cn41ule._1cn41ule .show-below-sm{display:block}}
|
|
23
25
|
@container toolbar-container (max-width: 295px){._kkyiglyw._kkyiglyw .show-above-sm{display:none}._1dj81ule._1dj81ule .show-below-sm{display:block}}
|
|
@@ -37,6 +39,8 @@
|
|
|
37
39
|
@container toolbar-container (max-width: 721px){._1nqyglyw .show-above-md{display:none}._jd611ule .show-below-md{display:block}}
|
|
38
40
|
@container toolbar-container (max-width: 857px){._syrzglyw .show-above-lg{display:none}._fr6v1ule .show-below-lg{display:block}}
|
|
39
41
|
@container toolbar-container (min-width: 1024px){._1je21ule .show-only-xl{display:block}._87bn1ule._87bn1ule .show-only-xl{display:block}}
|
|
42
|
+
@container toolbar-container (min-width: 1126px) and (max-width: 1231px){._1mri1ule .show-only-lg{display:block}}
|
|
43
|
+
@container toolbar-container (min-width: 1232px){._17b71ule .show-only-xl{display:block}}
|
|
40
44
|
@container toolbar-container (min-width: 210px) and (max-width: 407px){._7qjy1ule._7qjy1ule .show-only-sm{display:block}}
|
|
41
45
|
@container toolbar-container (min-width: 280px) and (max-width: 419px){._4cj71ule._4cj71ule .show-only-sm{display:block}}
|
|
42
46
|
@container toolbar-container (min-width: 280px) and (max-width: 506px){._1j4d1ule._1j4d1ule .show-only-sm{display:block}}
|
|
@@ -55,6 +59,7 @@
|
|
|
55
59
|
@container toolbar-container (min-width: 650px) and (max-width: 1023px){._1ym01ule._1ym01ule .show-only-lg{display:block}}
|
|
56
60
|
@container toolbar-container (min-width: 662px) and (max-width: 1023px){._wt211ule._wt211ule .show-only-lg{display:block}}
|
|
57
61
|
@container toolbar-container (min-width: 679px) and (max-width: 1023px){._g5yu1ule._g5yu1ule .show-only-lg{display:block}}
|
|
62
|
+
@container toolbar-container (min-width: 722px) and (max-width: 1125px){._gbo31ule .show-only-md{display:block}}
|
|
58
63
|
@container toolbar-container (min-width: 722px) and (max-width: 857px){._biad1ule .show-only-md{display:block}}
|
|
59
64
|
@container toolbar-container (min-width: 858px) and (max-width: 1023px){._1ana1ule .show-only-lg{display:block}}
|
|
60
65
|
@media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
|
|
@@ -15,10 +15,12 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
15
15
|
var _css = require("@atlaskit/css");
|
|
16
16
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
17
17
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
18
|
+
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
18
19
|
var styles = {
|
|
19
20
|
responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
|
|
20
21
|
responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
|
|
21
22
|
fullpage: "_luoiglyw _2ojp1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _syrzglyw _fr6v1ule _1je21ule _1btx1ule _biad1ule _1ana1ule",
|
|
23
|
+
fullpageUpdated: "_1nfkglyw _wne21ule _aw2dglyw _1gtx1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _1mri1ule _17b71ule _1btx1ule _gbo31ule",
|
|
22
24
|
reduced: "_kkyiglyw _1dj81ule _1cg81ule _j3qgglyw _xh1i1ule _oj3l1ule _13s9glyw _4nul1ule _wt211ule _tzm6glyw _ktne1ule _87bn1ule",
|
|
23
25
|
jiraIssue: "_152xglyw _1cn41ule _4cj71ule _afriglyw _ozjb1ule _w81r1ule _1mckglyw _r2nv1ule _1ym01ule _tzm6glyw _ktne1ule _87bn1ule",
|
|
24
26
|
jiraIssueUpdated: "_152xglyw _1cn41ule _1j4d1ule _1n52glyw _1nd71ule _lf431ule _103bglyw _1p0z1ule _g5yu1ule _tzm6glyw _ktne1ule _87bn1ule",
|
|
@@ -41,6 +43,7 @@ var presetStyleMap = {
|
|
|
41
43
|
'confluence-comment': styles.confluenceComment
|
|
42
44
|
};
|
|
43
45
|
var updatedPresetStyleMap = {
|
|
46
|
+
fullpage: styles.fullpageUpdated,
|
|
44
47
|
'jira-issue': styles.jiraIssueUpdated,
|
|
45
48
|
'jsm-comment': styles.jsmCommentUpdated
|
|
46
49
|
};
|
|
@@ -90,7 +93,12 @@ var updatedPresetStyleMap = {
|
|
|
90
93
|
var ResponsiveContainer = exports.ResponsiveContainer = function ResponsiveContainer(_ref) {
|
|
91
94
|
var children = _ref.children,
|
|
92
95
|
breakpointPreset = _ref.breakpointPreset;
|
|
93
|
-
var isUpdatedConfig =
|
|
96
|
+
var isUpdatedConfig = function () {
|
|
97
|
+
if (breakpointPreset === 'fullpage') {
|
|
98
|
+
return (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_improve_formatting_toolbar', 'isEnabled', true);
|
|
99
|
+
}
|
|
100
|
+
return (0, _expValEquals.expValEquals)('platform_editor_toolbar_update_jira_config', 'isEnabled', true) && breakpointPreset in updatedPresetStyleMap;
|
|
101
|
+
}();
|
|
94
102
|
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
95
103
|
xcss: (0, _css.cx)(breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, isUpdatedConfig ? updatedPresetStyleMap[breakpointPreset] : presetStyleMap[breakpointPreset])
|
|
96
104
|
}, children);
|
|
@@ -18,6 +18,8 @@
|
|
|
18
18
|
@container editor-area (max-width: 533px){._u47mglyw .show-above-md{display:none}._rut51ule .show-below-md{display:block}}
|
|
19
19
|
@container editor-area (max-width: 700px){._fj5dglyw .show-above-lg{display:none}._5wt61ule .show-below-lg{display:block}}
|
|
20
20
|
@container toolbar-container (max-width: 1023px){._luoiglyw .show-above-xl{display:none}._2ojp1ule .show-below-xl{display:block}._tzm6glyw._tzm6glyw .show-above-xl{display:none}._ktne1ule._ktne1ule .show-below-xl{display:block}}
|
|
21
|
+
@container toolbar-container (max-width: 1125px){._1nfkglyw .show-above-lg{display:none}._wne21ule .show-below-lg{display:block}}
|
|
22
|
+
@container toolbar-container (max-width: 1231px){._aw2dglyw .show-above-xl{display:none}._1gtx1ule .show-below-xl{display:block}}
|
|
21
23
|
@container toolbar-container (max-width: 209px){._15nrglyw._15nrglyw .show-above-sm{display:none}._cm5a1ule._cm5a1ule .show-below-sm{display:block}}
|
|
22
24
|
@container toolbar-container (max-width: 279px){._152xglyw._152xglyw .show-above-sm{display:none}._1cn41ule._1cn41ule .show-below-sm{display:block}}
|
|
23
25
|
@container toolbar-container (max-width: 295px){._kkyiglyw._kkyiglyw .show-above-sm{display:none}._1dj81ule._1dj81ule .show-below-sm{display:block}}
|
|
@@ -37,6 +39,8 @@
|
|
|
37
39
|
@container toolbar-container (max-width: 721px){._1nqyglyw .show-above-md{display:none}._jd611ule .show-below-md{display:block}}
|
|
38
40
|
@container toolbar-container (max-width: 857px){._syrzglyw .show-above-lg{display:none}._fr6v1ule .show-below-lg{display:block}}
|
|
39
41
|
@container toolbar-container (min-width: 1024px){._1je21ule .show-only-xl{display:block}._87bn1ule._87bn1ule .show-only-xl{display:block}}
|
|
42
|
+
@container toolbar-container (min-width: 1126px) and (max-width: 1231px){._1mri1ule .show-only-lg{display:block}}
|
|
43
|
+
@container toolbar-container (min-width: 1232px){._17b71ule .show-only-xl{display:block}}
|
|
40
44
|
@container toolbar-container (min-width: 210px) and (max-width: 407px){._7qjy1ule._7qjy1ule .show-only-sm{display:block}}
|
|
41
45
|
@container toolbar-container (min-width: 280px) and (max-width: 419px){._4cj71ule._4cj71ule .show-only-sm{display:block}}
|
|
42
46
|
@container toolbar-container (min-width: 280px) and (max-width: 506px){._1j4d1ule._1j4d1ule .show-only-sm{display:block}}
|
|
@@ -55,6 +59,7 @@
|
|
|
55
59
|
@container toolbar-container (min-width: 650px) and (max-width: 1023px){._1ym01ule._1ym01ule .show-only-lg{display:block}}
|
|
56
60
|
@container toolbar-container (min-width: 662px) and (max-width: 1023px){._wt211ule._wt211ule .show-only-lg{display:block}}
|
|
57
61
|
@container toolbar-container (min-width: 679px) and (max-width: 1023px){._g5yu1ule._g5yu1ule .show-only-lg{display:block}}
|
|
62
|
+
@container toolbar-container (min-width: 722px) and (max-width: 1125px){._gbo31ule .show-only-md{display:block}}
|
|
58
63
|
@container toolbar-container (min-width: 722px) and (max-width: 857px){._biad1ule .show-only-md{display:block}}
|
|
59
64
|
@container toolbar-container (min-width: 858px) and (max-width: 1023px){._1ana1ule .show-only-lg{display:block}}
|
|
60
65
|
@media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
|
|
@@ -8,10 +8,12 @@ import React from 'react';
|
|
|
8
8
|
import { cx } from '@atlaskit/css';
|
|
9
9
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
10
10
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
11
|
+
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
11
12
|
const styles = {
|
|
12
13
|
responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
|
|
13
14
|
responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
|
|
14
15
|
fullpage: "_luoiglyw _2ojp1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _syrzglyw _fr6v1ule _1je21ule _1btx1ule _biad1ule _1ana1ule",
|
|
16
|
+
fullpageUpdated: "_1nfkglyw _wne21ule _aw2dglyw _1gtx1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _1mri1ule _17b71ule _1btx1ule _gbo31ule",
|
|
15
17
|
reduced: "_kkyiglyw _1dj81ule _1cg81ule _j3qgglyw _xh1i1ule _oj3l1ule _13s9glyw _4nul1ule _wt211ule _tzm6glyw _ktne1ule _87bn1ule",
|
|
16
18
|
jiraIssue: "_152xglyw _1cn41ule _4cj71ule _afriglyw _ozjb1ule _w81r1ule _1mckglyw _r2nv1ule _1ym01ule _tzm6glyw _ktne1ule _87bn1ule",
|
|
17
19
|
jiraIssueUpdated: "_152xglyw _1cn41ule _1j4d1ule _1n52glyw _1nd71ule _lf431ule _103bglyw _1p0z1ule _g5yu1ule _tzm6glyw _ktne1ule _87bn1ule",
|
|
@@ -34,6 +36,7 @@ const presetStyleMap = {
|
|
|
34
36
|
'confluence-comment': styles.confluenceComment
|
|
35
37
|
};
|
|
36
38
|
const updatedPresetStyleMap = {
|
|
39
|
+
fullpage: styles.fullpageUpdated,
|
|
37
40
|
'jira-issue': styles.jiraIssueUpdated,
|
|
38
41
|
'jsm-comment': styles.jsmCommentUpdated
|
|
39
42
|
};
|
|
@@ -84,7 +87,12 @@ export const ResponsiveContainer = ({
|
|
|
84
87
|
children,
|
|
85
88
|
breakpointPreset
|
|
86
89
|
}) => {
|
|
87
|
-
const isUpdatedConfig =
|
|
90
|
+
const isUpdatedConfig = (() => {
|
|
91
|
+
if (breakpointPreset === 'fullpage') {
|
|
92
|
+
return expValEqualsNoExposure('platform_editor_ai_improve_formatting_toolbar', 'isEnabled', true);
|
|
93
|
+
}
|
|
94
|
+
return expValEquals('platform_editor_toolbar_update_jira_config', 'isEnabled', true) && breakpointPreset in updatedPresetStyleMap;
|
|
95
|
+
})();
|
|
88
96
|
return /*#__PURE__*/React.createElement(Box, {
|
|
89
97
|
xcss: cx(breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, isUpdatedConfig ? updatedPresetStyleMap[breakpointPreset] : presetStyleMap[breakpointPreset])
|
|
90
98
|
}, children);
|
|
@@ -18,6 +18,8 @@
|
|
|
18
18
|
@container editor-area (max-width: 533px){._u47mglyw .show-above-md{display:none}._rut51ule .show-below-md{display:block}}
|
|
19
19
|
@container editor-area (max-width: 700px){._fj5dglyw .show-above-lg{display:none}._5wt61ule .show-below-lg{display:block}}
|
|
20
20
|
@container toolbar-container (max-width: 1023px){._luoiglyw .show-above-xl{display:none}._2ojp1ule .show-below-xl{display:block}._tzm6glyw._tzm6glyw .show-above-xl{display:none}._ktne1ule._ktne1ule .show-below-xl{display:block}}
|
|
21
|
+
@container toolbar-container (max-width: 1125px){._1nfkglyw .show-above-lg{display:none}._wne21ule .show-below-lg{display:block}}
|
|
22
|
+
@container toolbar-container (max-width: 1231px){._aw2dglyw .show-above-xl{display:none}._1gtx1ule .show-below-xl{display:block}}
|
|
21
23
|
@container toolbar-container (max-width: 209px){._15nrglyw._15nrglyw .show-above-sm{display:none}._cm5a1ule._cm5a1ule .show-below-sm{display:block}}
|
|
22
24
|
@container toolbar-container (max-width: 279px){._152xglyw._152xglyw .show-above-sm{display:none}._1cn41ule._1cn41ule .show-below-sm{display:block}}
|
|
23
25
|
@container toolbar-container (max-width: 295px){._kkyiglyw._kkyiglyw .show-above-sm{display:none}._1dj81ule._1dj81ule .show-below-sm{display:block}}
|
|
@@ -37,6 +39,8 @@
|
|
|
37
39
|
@container toolbar-container (max-width: 721px){._1nqyglyw .show-above-md{display:none}._jd611ule .show-below-md{display:block}}
|
|
38
40
|
@container toolbar-container (max-width: 857px){._syrzglyw .show-above-lg{display:none}._fr6v1ule .show-below-lg{display:block}}
|
|
39
41
|
@container toolbar-container (min-width: 1024px){._1je21ule .show-only-xl{display:block}._87bn1ule._87bn1ule .show-only-xl{display:block}}
|
|
42
|
+
@container toolbar-container (min-width: 1126px) and (max-width: 1231px){._1mri1ule .show-only-lg{display:block}}
|
|
43
|
+
@container toolbar-container (min-width: 1232px){._17b71ule .show-only-xl{display:block}}
|
|
40
44
|
@container toolbar-container (min-width: 210px) and (max-width: 407px){._7qjy1ule._7qjy1ule .show-only-sm{display:block}}
|
|
41
45
|
@container toolbar-container (min-width: 280px) and (max-width: 419px){._4cj71ule._4cj71ule .show-only-sm{display:block}}
|
|
42
46
|
@container toolbar-container (min-width: 280px) and (max-width: 506px){._1j4d1ule._1j4d1ule .show-only-sm{display:block}}
|
|
@@ -55,6 +59,7 @@
|
|
|
55
59
|
@container toolbar-container (min-width: 650px) and (max-width: 1023px){._1ym01ule._1ym01ule .show-only-lg{display:block}}
|
|
56
60
|
@container toolbar-container (min-width: 662px) and (max-width: 1023px){._wt211ule._wt211ule .show-only-lg{display:block}}
|
|
57
61
|
@container toolbar-container (min-width: 679px) and (max-width: 1023px){._g5yu1ule._g5yu1ule .show-only-lg{display:block}}
|
|
62
|
+
@container toolbar-container (min-width: 722px) and (max-width: 1125px){._gbo31ule .show-only-md{display:block}}
|
|
58
63
|
@container toolbar-container (min-width: 722px) and (max-width: 857px){._biad1ule .show-only-md{display:block}}
|
|
59
64
|
@container toolbar-container (min-width: 858px) and (max-width: 1023px){._1ana1ule .show-only-lg{display:block}}
|
|
60
65
|
@media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
|
|
@@ -8,10 +8,12 @@ import React from 'react';
|
|
|
8
8
|
import { cx } from '@atlaskit/css';
|
|
9
9
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
10
10
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
11
|
+
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
11
12
|
var styles = {
|
|
12
13
|
responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
|
|
13
14
|
responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
|
|
14
15
|
fullpage: "_luoiglyw _2ojp1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _syrzglyw _fr6v1ule _1je21ule _1btx1ule _biad1ule _1ana1ule",
|
|
16
|
+
fullpageUpdated: "_1nfkglyw _wne21ule _aw2dglyw _1gtx1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _1mri1ule _17b71ule _1btx1ule _gbo31ule",
|
|
15
17
|
reduced: "_kkyiglyw _1dj81ule _1cg81ule _j3qgglyw _xh1i1ule _oj3l1ule _13s9glyw _4nul1ule _wt211ule _tzm6glyw _ktne1ule _87bn1ule",
|
|
16
18
|
jiraIssue: "_152xglyw _1cn41ule _4cj71ule _afriglyw _ozjb1ule _w81r1ule _1mckglyw _r2nv1ule _1ym01ule _tzm6glyw _ktne1ule _87bn1ule",
|
|
17
19
|
jiraIssueUpdated: "_152xglyw _1cn41ule _1j4d1ule _1n52glyw _1nd71ule _lf431ule _103bglyw _1p0z1ule _g5yu1ule _tzm6glyw _ktne1ule _87bn1ule",
|
|
@@ -34,6 +36,7 @@ var presetStyleMap = {
|
|
|
34
36
|
'confluence-comment': styles.confluenceComment
|
|
35
37
|
};
|
|
36
38
|
var updatedPresetStyleMap = {
|
|
39
|
+
fullpage: styles.fullpageUpdated,
|
|
37
40
|
'jira-issue': styles.jiraIssueUpdated,
|
|
38
41
|
'jsm-comment': styles.jsmCommentUpdated
|
|
39
42
|
};
|
|
@@ -83,7 +86,12 @@ var updatedPresetStyleMap = {
|
|
|
83
86
|
export var ResponsiveContainer = function ResponsiveContainer(_ref) {
|
|
84
87
|
var children = _ref.children,
|
|
85
88
|
breakpointPreset = _ref.breakpointPreset;
|
|
86
|
-
var isUpdatedConfig =
|
|
89
|
+
var isUpdatedConfig = function () {
|
|
90
|
+
if (breakpointPreset === 'fullpage') {
|
|
91
|
+
return expValEqualsNoExposure('platform_editor_ai_improve_formatting_toolbar', 'isEnabled', true);
|
|
92
|
+
}
|
|
93
|
+
return expValEquals('platform_editor_toolbar_update_jira_config', 'isEnabled', true) && breakpointPreset in updatedPresetStyleMap;
|
|
94
|
+
}();
|
|
87
95
|
return /*#__PURE__*/React.createElement(Box, {
|
|
88
96
|
xcss: cx(breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, isUpdatedConfig ? updatedPresetStyleMap[breakpointPreset] : presetStyleMap[breakpointPreset])
|
|
89
97
|
}, children);
|
|
@@ -10,7 +10,7 @@ export type ResponsiveContainerProps = {
|
|
|
10
10
|
* Selects the breakpoint preset for the responsive container.
|
|
11
11
|
*
|
|
12
12
|
* Available presets:
|
|
13
|
-
* - 'fullpage': (410, 476, 768, 1024) - Editor full-page experiences
|
|
13
|
+
* - 'fullpage': (410, 476, 768, 1024) - Editor full-page experiences (updated to 410, 476, 1126, 1232 when platform_editor_ai_improve_formatting_toolbar is enabled)
|
|
14
14
|
* - 'reduced': (210, 408, 575, 1024) - Default compact toolbars, constrained layouts
|
|
15
15
|
* - 'jira-issue': (280, 420, 650, 1024) - Jira issue view and similar contexts
|
|
16
16
|
* - 'jsm-comment': (365, 500, 630, 1024) - JSM comment editor with canned responses button
|
|
@@ -10,7 +10,7 @@ export type ResponsiveContainerProps = {
|
|
|
10
10
|
* Selects the breakpoint preset for the responsive container.
|
|
11
11
|
*
|
|
12
12
|
* Available presets:
|
|
13
|
-
* - 'fullpage': (410, 476, 768, 1024) - Editor full-page experiences
|
|
13
|
+
* - 'fullpage': (410, 476, 768, 1024) - Editor full-page experiences (updated to 410, 476, 1126, 1232 when platform_editor_ai_improve_formatting_toolbar is enabled)
|
|
14
14
|
* - 'reduced': (210, 408, 575, 1024) - Default compact toolbars, constrained layouts
|
|
15
15
|
* - 'jira-issue': (280, 420, 650, 1024) - Jira issue view and similar contexts
|
|
16
16
|
* - 'jsm-comment': (365, 500, 630, 1024) - JSM comment editor with canned responses button
|