@atlaskit/editor-toolbar 0.19.6 → 0.19.8

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 (7) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/ui/Toolbar.js +8 -20
  3. package/dist/es2019/ui/Toolbar.js +8 -20
  4. package/dist/esm/ui/Toolbar.js +8 -20
  5. package/dist/types/ui/Toolbar.d.ts +1 -1
  6. package/dist/types-ts4.5/ui/Toolbar.d.ts +1 -1
  7. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 0.19.8
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 0.19.7
10
+
11
+ ### Patch Changes
12
+
13
+ - [`3d0b3f8b4d802`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3d0b3f8b4d802) -
14
+ Remove platform_editor_toolbar_aifc_responsive experiment
15
+ - Updated dependencies
16
+
3
17
  ## 0.19.6
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/ui/Toolbar.js CHANGED
@@ -37,9 +37,8 @@ var Toolbar = exports.Toolbar = function Toolbar(_ref) {
37
37
  label = _ref.label,
38
38
  actionSubjectId = _ref.actionSubjectId,
39
39
  testId = _ref.testId;
40
- var isResponsiveEnabled = (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true);
41
40
  var toolbar = /*#__PURE__*/_react.default.createElement(_compiled.Box, {
42
- xcss: (0, _css.cx)(styles.toolbarBase, styles.toolbar, isResponsiveEnabled && styles.toolbarResponsive, isResponsiveEnabled && styles.hiddenSelectors, (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.toolbarSeparator, (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.hiddenSelectorsPatch),
41
+ xcss: (0, _css.cx)(styles.toolbarBase, styles.toolbar, styles.toolbarResponsive, styles.hiddenSelectors, (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.toolbarSeparator, (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.hiddenSelectorsPatch),
43
42
  role: (0, _expValEquals.expValEquals)('platform_editor_aifc_remove_duplicate_role', 'isEnabled', true) ? undefined : 'toolbar',
44
43
  "aria-label": label,
45
44
  testId: testId,
@@ -69,10 +68,7 @@ var Toolbar = exports.Toolbar = function Toolbar(_ref) {
69
68
  ariaLabel: ariaLabel
70
69
  }, toolbar);
71
70
  }
72
- if (isResponsiveEnabled) {
73
- return /*#__PURE__*/_react.default.createElement(_ResponsiveContainer.ResponsiveWrapper, null, wrappedToolbar);
74
- }
75
- return wrappedToolbar;
71
+ return /*#__PURE__*/_react.default.createElement(_ResponsiveContainer.ResponsiveWrapper, null, wrappedToolbar);
76
72
  };
77
73
  /**
78
74
  * A simple component representing a toolbar without box shadows - used to represent a primary toolbar
@@ -82,21 +78,13 @@ var PrimaryToolbar = exports.PrimaryToolbar = function PrimaryToolbar(_ref2) {
82
78
  label = _ref2.label,
83
79
  breakpointPreset = _ref2.breakpointPreset,
84
80
  reducedBreakpoints = _ref2.reducedBreakpoints;
85
- if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true)) {
86
- return /*#__PURE__*/_react.default.createElement(_ResponsiveContainer.ResponsiveContainer, {
87
- breakpointPreset: breakpointPreset,
88
- reducedBreakpoints: reducedBreakpoints
89
- }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
90
- xcss: (0, _css.cx)(styles.toolbarBase, styles.primaryToolbar, styles.hiddenSelectors),
91
- role: (0, _expValEquals.expValEquals)('platform_editor_aifc_remove_duplicate_role', 'isEnabled', true) ? undefined : 'toolbar',
92
- "aria-label": label,
93
- "data-toolbar-type": (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) ? 'primary' : undefined
94
- }, children));
95
- }
96
- return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
97
- xcss: (0, _css.cx)(styles.toolbarBase, styles.primaryToolbar),
81
+ return /*#__PURE__*/_react.default.createElement(_ResponsiveContainer.ResponsiveContainer, {
82
+ breakpointPreset: breakpointPreset,
83
+ reducedBreakpoints: reducedBreakpoints
84
+ }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
85
+ xcss: (0, _css.cx)(styles.toolbarBase, styles.primaryToolbar, styles.hiddenSelectors),
98
86
  role: (0, _expValEquals.expValEquals)('platform_editor_aifc_remove_duplicate_role', 'isEnabled', true) ? undefined : 'toolbar',
99
87
  "aria-label": label,
100
88
  "data-toolbar-type": (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) ? 'primary' : undefined
101
- }, children);
89
+ }, children));
102
90
  };
package/dist/es2019/ui/Toolbar.js CHANGED
@@ -31,9 +31,8 @@ export const Toolbar = ({
31
31
  actionSubjectId,
32
32
  testId
33
33
  }) => {
34
- const isResponsiveEnabled = expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true);
35
34
  const toolbar = /*#__PURE__*/React.createElement(Box, {
36
- xcss: cx(styles.toolbarBase, styles.toolbar, isResponsiveEnabled && styles.toolbarResponsive, isResponsiveEnabled && styles.hiddenSelectors, expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.toolbarSeparator, expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.hiddenSelectorsPatch),
35
+ xcss: cx(styles.toolbarBase, styles.toolbar, styles.toolbarResponsive, styles.hiddenSelectors, expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.toolbarSeparator, expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.hiddenSelectorsPatch),
37
36
  role: expValEquals('platform_editor_aifc_remove_duplicate_role', 'isEnabled', true) ? undefined : 'toolbar',
38
37
  "aria-label": label,
39
38
  testId: testId,
@@ -66,10 +65,7 @@ export const Toolbar = ({
66
65
  ariaLabel: ariaLabel
67
66
  }, toolbar);
68
67
  }
69
- if (isResponsiveEnabled) {
70
- return /*#__PURE__*/React.createElement(ResponsiveWrapper, null, wrappedToolbar);
71
- }
72
- return wrappedToolbar;
68
+ return /*#__PURE__*/React.createElement(ResponsiveWrapper, null, wrappedToolbar);
73
69
  };
74
70
  /**
75
71
  * A simple component representing a toolbar without box shadows - used to represent a primary toolbar
@@ -80,21 +76,13 @@ export const PrimaryToolbar = ({
80
76
  breakpointPreset,
81
77
  reducedBreakpoints
82
78
  }) => {
83
- if (expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true)) {
84
- return /*#__PURE__*/React.createElement(ResponsiveContainer, {
85
- breakpointPreset: breakpointPreset,
86
- reducedBreakpoints: reducedBreakpoints
87
- }, /*#__PURE__*/React.createElement(Box, {
88
- xcss: cx(styles.toolbarBase, styles.primaryToolbar, styles.hiddenSelectors),
89
- role: expValEquals('platform_editor_aifc_remove_duplicate_role', 'isEnabled', true) ? undefined : 'toolbar',
90
- "aria-label": label,
91
- "data-toolbar-type": expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) ? 'primary' : undefined
92
- }, children));
93
- }
94
- return /*#__PURE__*/React.createElement(Box, {
95
- xcss: cx(styles.toolbarBase, styles.primaryToolbar),
79
+ return /*#__PURE__*/React.createElement(ResponsiveContainer, {
80
+ breakpointPreset: breakpointPreset,
81
+ reducedBreakpoints: reducedBreakpoints
82
+ }, /*#__PURE__*/React.createElement(Box, {
83
+ xcss: cx(styles.toolbarBase, styles.primaryToolbar, styles.hiddenSelectors),
96
84
  role: expValEquals('platform_editor_aifc_remove_duplicate_role', 'isEnabled', true) ? undefined : 'toolbar',
97
85
  "aria-label": label,
98
86
  "data-toolbar-type": expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) ? 'primary' : undefined
99
- }, children);
87
+ }, children));
100
88
  };
package/dist/esm/ui/Toolbar.js CHANGED
@@ -30,9 +30,8 @@ export var Toolbar = function Toolbar(_ref) {
30
30
  label = _ref.label,
31
31
  actionSubjectId = _ref.actionSubjectId,
32
32
  testId = _ref.testId;
33
- var isResponsiveEnabled = expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true);
34
33
  var toolbar = /*#__PURE__*/React.createElement(Box, {
35
- xcss: cx(styles.toolbarBase, styles.toolbar, isResponsiveEnabled && styles.toolbarResponsive, isResponsiveEnabled && styles.hiddenSelectors, expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.toolbarSeparator, expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.hiddenSelectorsPatch),
34
+ xcss: cx(styles.toolbarBase, styles.toolbar, styles.toolbarResponsive, styles.hiddenSelectors, expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.toolbarSeparator, expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.hiddenSelectorsPatch),
36
35
  role: expValEquals('platform_editor_aifc_remove_duplicate_role', 'isEnabled', true) ? undefined : 'toolbar',
37
36
  "aria-label": label,
38
37
  testId: testId,
@@ -62,10 +61,7 @@ export var Toolbar = function Toolbar(_ref) {
62
61
  ariaLabel: ariaLabel
63
62
  }, toolbar);
64
63
  }
65
- if (isResponsiveEnabled) {
66
- return /*#__PURE__*/React.createElement(ResponsiveWrapper, null, wrappedToolbar);
67
- }
68
- return wrappedToolbar;
64
+ return /*#__PURE__*/React.createElement(ResponsiveWrapper, null, wrappedToolbar);
69
65
  };
70
66
  /**
71
67
  * A simple component representing a toolbar without box shadows - used to represent a primary toolbar
@@ -75,21 +71,13 @@ export var PrimaryToolbar = function PrimaryToolbar(_ref2) {
75
71
  label = _ref2.label,
76
72
  breakpointPreset = _ref2.breakpointPreset,
77
73
  reducedBreakpoints = _ref2.reducedBreakpoints;
78
- if (expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true)) {
79
- return /*#__PURE__*/React.createElement(ResponsiveContainer, {
80
- breakpointPreset: breakpointPreset,
81
- reducedBreakpoints: reducedBreakpoints
82
- }, /*#__PURE__*/React.createElement(Box, {
83
- xcss: cx(styles.toolbarBase, styles.primaryToolbar, styles.hiddenSelectors),
84
- role: expValEquals('platform_editor_aifc_remove_duplicate_role', 'isEnabled', true) ? undefined : 'toolbar',
85
- "aria-label": label,
86
- "data-toolbar-type": expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) ? 'primary' : undefined
87
- }, children));
88
- }
89
- return /*#__PURE__*/React.createElement(Box, {
90
- xcss: cx(styles.toolbarBase, styles.primaryToolbar),
74
+ return /*#__PURE__*/React.createElement(ResponsiveContainer, {
75
+ breakpointPreset: breakpointPreset,
76
+ reducedBreakpoints: reducedBreakpoints
77
+ }, /*#__PURE__*/React.createElement(Box, {
78
+ xcss: cx(styles.toolbarBase, styles.primaryToolbar, styles.hiddenSelectors),
91
79
  role: expValEquals('platform_editor_aifc_remove_duplicate_role', 'isEnabled', true) ? undefined : 'toolbar',
92
80
  "aria-label": label,
93
81
  "data-toolbar-type": expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) ? 'primary' : undefined
94
- }, children);
82
+ }, children));
95
83
  };
package/dist/types/ui/Toolbar.d.ts CHANGED
@@ -16,7 +16,7 @@ type ToolbarProps = {
16
16
  *
17
17
  * @note: Responsiveness support replies on container query with container editor-area and media query
18
18
  */
19
- export declare const Toolbar: ({ children, label, actionSubjectId, testId }: ToolbarProps) => React.JSX.Element;
19
+ export declare const Toolbar: ({ children, label, actionSubjectId, testId, }: ToolbarProps) => React.JSX.Element;
20
20
  type PrimaryToolbarProps = ToolbarProps & ResponsiveContainerProps;
21
21
  /**
22
22
  * A simple component representing a toolbar without box shadows - used to represent a primary toolbar
package/dist/types-ts4.5/ui/Toolbar.d.ts CHANGED
@@ -16,7 +16,7 @@ type ToolbarProps = {
16
16
  *
17
17
  * @note: Responsiveness support replies on container query with container editor-area and media query
18
18
  */
19
- export declare const Toolbar: ({ children, label, actionSubjectId, testId }: ToolbarProps) => React.JSX.Element;
19
+ export declare const Toolbar: ({ children, label, actionSubjectId, testId, }: ToolbarProps) => React.JSX.Element;
20
20
  type PrimaryToolbarProps = ToolbarProps & ResponsiveContainerProps;
21
21
  /**
22
22
  * A simple component representing a toolbar without box shadows - used to represent a primary toolbar
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "0.19.6",
6
+ "version": "0.19.8",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "team": "Editor: Jenga",
@@ -26,11 +26,11 @@
26
26
  "@atlaskit/css": "^0.19.0",
27
27
  "@atlaskit/dropdown-menu": "^16.4.0",
28
28
  "@atlaskit/icon": "^30.0.0",
29
- "@atlaskit/icon-lab": "^5.14.0",
29
+ "@atlaskit/icon-lab": "^5.15.0",
30
30
  "@atlaskit/platform-feature-flags": "^1.1.0",
31
31
  "@atlaskit/popup": "^4.13.0",
32
32
  "@atlaskit/primitives": "^17.1.0",
33
- "@atlaskit/tmp-editor-statsig": "^16.30.0",
33
+ "@atlaskit/tmp-editor-statsig": "^17.0.0",
34
34
  "@atlaskit/tokens": "^10.1.0",
35
35
  "@atlaskit/tooltip": "^20.14.0",
36
36
  "@babel/runtime": "^7.0.0",