@atlaskit/editor-toolbar 1.9.0 → 1.9.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 CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 1.9.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`a58a80f7cd055`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a58a80f7cd055) -
8
+ [ux] increase fullpage editor toolbar viewpoint widths for lg and xl
9
+
3
10
  ## 1.9.0
4
11
 
5
12
  ### 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}}
@@ -19,6 +19,7 @@ var styles = {
19
19
  responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
20
20
  responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
21
21
  fullpage: "_luoiglyw _2ojp1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _syrzglyw _fr6v1ule _1je21ule _1btx1ule _biad1ule _1ana1ule",
22
+ fullpageUpdated: "_1nfkglyw _wne21ule _aw2dglyw _1gtx1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _1mri1ule _17b71ule _1btx1ule _gbo31ule",
22
23
  reduced: "_kkyiglyw _1dj81ule _1cg81ule _j3qgglyw _xh1i1ule _oj3l1ule _13s9glyw _4nul1ule _wt211ule _tzm6glyw _ktne1ule _87bn1ule",
23
24
  jiraIssue: "_152xglyw _1cn41ule _4cj71ule _afriglyw _ozjb1ule _w81r1ule _1mckglyw _r2nv1ule _1ym01ule _tzm6glyw _ktne1ule _87bn1ule",
24
25
  jiraIssueUpdated: "_152xglyw _1cn41ule _1j4d1ule _1n52glyw _1nd71ule _lf431ule _103bglyw _1p0z1ule _g5yu1ule _tzm6glyw _ktne1ule _87bn1ule",
@@ -41,6 +42,7 @@ var presetStyleMap = {
41
42
  'confluence-comment': styles.confluenceComment
42
43
  };
43
44
  var updatedPresetStyleMap = {
45
+ fullpage: styles.fullpageUpdated,
44
46
  'jira-issue': styles.jiraIssueUpdated,
45
47
  'jsm-comment': styles.jsmCommentUpdated
46
48
  };
@@ -90,7 +92,12 @@ var updatedPresetStyleMap = {
90
92
  var ResponsiveContainer = exports.ResponsiveContainer = function ResponsiveContainer(_ref) {
91
93
  var children = _ref.children,
92
94
  breakpointPreset = _ref.breakpointPreset;
93
- var isUpdatedConfig = (0, _expValEquals.expValEquals)('platform_editor_toolbar_update_jira_config', 'isEnabled', true) && breakpointPreset in updatedPresetStyleMap;
95
+ var isUpdatedConfig = function () {
96
+ if (breakpointPreset === 'fullpage') {
97
+ return (0, _expValEquals.expValEquals)('platform_editor_ai_improve_formatting_toolbar', 'isEnabled', true);
98
+ }
99
+ return (0, _expValEquals.expValEquals)('platform_editor_toolbar_update_jira_config', 'isEnabled', true) && breakpointPreset in updatedPresetStyleMap;
100
+ }();
94
101
  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
95
102
  xcss: (0, _css.cx)(breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, isUpdatedConfig ? updatedPresetStyleMap[breakpointPreset] : presetStyleMap[breakpointPreset])
96
103
  }, 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}}
@@ -12,6 +12,7 @@ const styles = {
12
12
  responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
13
13
  responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
14
14
  fullpage: "_luoiglyw _2ojp1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _syrzglyw _fr6v1ule _1je21ule _1btx1ule _biad1ule _1ana1ule",
15
+ fullpageUpdated: "_1nfkglyw _wne21ule _aw2dglyw _1gtx1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _1mri1ule _17b71ule _1btx1ule _gbo31ule",
15
16
  reduced: "_kkyiglyw _1dj81ule _1cg81ule _j3qgglyw _xh1i1ule _oj3l1ule _13s9glyw _4nul1ule _wt211ule _tzm6glyw _ktne1ule _87bn1ule",
16
17
  jiraIssue: "_152xglyw _1cn41ule _4cj71ule _afriglyw _ozjb1ule _w81r1ule _1mckglyw _r2nv1ule _1ym01ule _tzm6glyw _ktne1ule _87bn1ule",
17
18
  jiraIssueUpdated: "_152xglyw _1cn41ule _1j4d1ule _1n52glyw _1nd71ule _lf431ule _103bglyw _1p0z1ule _g5yu1ule _tzm6glyw _ktne1ule _87bn1ule",
@@ -34,6 +35,7 @@ const presetStyleMap = {
34
35
  'confluence-comment': styles.confluenceComment
35
36
  };
36
37
  const updatedPresetStyleMap = {
38
+ fullpage: styles.fullpageUpdated,
37
39
  'jira-issue': styles.jiraIssueUpdated,
38
40
  'jsm-comment': styles.jsmCommentUpdated
39
41
  };
@@ -84,7 +86,12 @@ export const ResponsiveContainer = ({
84
86
  children,
85
87
  breakpointPreset
86
88
  }) => {
87
- const isUpdatedConfig = expValEquals('platform_editor_toolbar_update_jira_config', 'isEnabled', true) && breakpointPreset in updatedPresetStyleMap;
89
+ const isUpdatedConfig = (() => {
90
+ if (breakpointPreset === 'fullpage') {
91
+ return expValEquals('platform_editor_ai_improve_formatting_toolbar', 'isEnabled', true);
92
+ }
93
+ return expValEquals('platform_editor_toolbar_update_jira_config', 'isEnabled', true) && breakpointPreset in updatedPresetStyleMap;
94
+ })();
88
95
  return /*#__PURE__*/React.createElement(Box, {
89
96
  xcss: cx(breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, isUpdatedConfig ? updatedPresetStyleMap[breakpointPreset] : presetStyleMap[breakpointPreset])
90
97
  }, 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}}
@@ -12,6 +12,7 @@ var styles = {
12
12
  responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
13
13
  responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
14
14
  fullpage: "_luoiglyw _2ojp1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _syrzglyw _fr6v1ule _1je21ule _1btx1ule _biad1ule _1ana1ule",
15
+ fullpageUpdated: "_1nfkglyw _wne21ule _aw2dglyw _1gtx1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _1mri1ule _17b71ule _1btx1ule _gbo31ule",
15
16
  reduced: "_kkyiglyw _1dj81ule _1cg81ule _j3qgglyw _xh1i1ule _oj3l1ule _13s9glyw _4nul1ule _wt211ule _tzm6glyw _ktne1ule _87bn1ule",
16
17
  jiraIssue: "_152xglyw _1cn41ule _4cj71ule _afriglyw _ozjb1ule _w81r1ule _1mckglyw _r2nv1ule _1ym01ule _tzm6glyw _ktne1ule _87bn1ule",
17
18
  jiraIssueUpdated: "_152xglyw _1cn41ule _1j4d1ule _1n52glyw _1nd71ule _lf431ule _103bglyw _1p0z1ule _g5yu1ule _tzm6glyw _ktne1ule _87bn1ule",
@@ -34,6 +35,7 @@ var presetStyleMap = {
34
35
  'confluence-comment': styles.confluenceComment
35
36
  };
36
37
  var updatedPresetStyleMap = {
38
+ fullpage: styles.fullpageUpdated,
37
39
  'jira-issue': styles.jiraIssueUpdated,
38
40
  'jsm-comment': styles.jsmCommentUpdated
39
41
  };
@@ -83,7 +85,12 @@ var updatedPresetStyleMap = {
83
85
  export var ResponsiveContainer = function ResponsiveContainer(_ref) {
84
86
  var children = _ref.children,
85
87
  breakpointPreset = _ref.breakpointPreset;
86
- var isUpdatedConfig = expValEquals('platform_editor_toolbar_update_jira_config', 'isEnabled', true) && breakpointPreset in updatedPresetStyleMap;
88
+ var isUpdatedConfig = function () {
89
+ if (breakpointPreset === 'fullpage') {
90
+ return expValEquals('platform_editor_ai_improve_formatting_toolbar', 'isEnabled', true);
91
+ }
92
+ return expValEquals('platform_editor_toolbar_update_jira_config', 'isEnabled', true) && breakpointPreset in updatedPresetStyleMap;
93
+ }();
87
94
  return /*#__PURE__*/React.createElement(Box, {
88
95
  xcss: cx(breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, isUpdatedConfig ? updatedPresetStyleMap[breakpointPreset] : presetStyleMap[breakpointPreset])
89
96
  }, 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
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "1.9.0",
6
+ "version": "1.9.1",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "react-compiler": {