@atlaskit/editor-toolbar 0.19.5 → 0.19.7

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,21 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 0.19.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`3d0b3f8b4d802`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3d0b3f8b4d802) -
8
+ Remove platform_editor_toolbar_aifc_responsive experiment
9
+ - Updated dependencies
10
+
11
+ ## 0.19.6
12
+
13
+ ### Patch Changes
14
+
15
+ - [`9041ec452a104`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9041ec452a104) -
16
+ [EDITOR-4515] clean up fg platform_editor_toolbar_aifc_patch_7
17
+ - Updated dependencies
18
+
3
19
  ## 0.19.5
4
20
 
5
21
  ### Patch Changes
@@ -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
  };
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.ToolbarKeyboardNavigationProvider = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _browserApis = require("@atlaskit/browser-apis");
10
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
11
10
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
12
11
  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); }
13
12
  var ToolbarKeyboardNavigationProvider = exports.ToolbarKeyboardNavigationProvider = function ToolbarKeyboardNavigationProvider(_ref) {
@@ -98,34 +97,26 @@ var ToolbarKeyboardNavigationProvider = exports.ToolbarKeyboardNavigationProvide
98
97
  if (targetElement instanceof HTMLElement && !targetElement.closest("".concat(childComponentSelector))) {
99
98
  return;
100
99
  }
101
- if ((0, _platformFeatureFlags.fg)('platform_editor_toolbar_aifc_patch_7')) {
102
- switch (event.key) {
103
- case 'Escape':
104
- handleEscape(event);
100
+ switch (event.key) {
101
+ case 'Escape':
102
+ handleEscape(event);
103
+ break;
104
+ case 'ArrowLeft':
105
+ event.preventDefault();
106
+ moveFocus('left');
107
+ break;
108
+ case 'ArrowRight':
109
+ event.preventDefault();
110
+ moveFocus('right');
111
+ break;
112
+ case 'Tab':
113
+ {
114
+ handleTab();
105
115
  break;
106
- case 'ArrowLeft':
107
- event.preventDefault();
108
- moveFocus('left');
109
- break;
110
- case 'ArrowRight':
111
- event.preventDefault();
112
- moveFocus('right');
113
- break;
114
- case 'Tab':
115
- {
116
- handleTab();
117
- break;
118
- }
119
- default:
120
- }
121
- } else {
122
- switch (event.key) {
123
- case 'Escape':
124
- handleEscape(event);
125
- break;
126
- default:
127
- }
116
+ }
117
+ default:
128
118
  }
119
+ ;
129
120
  };
130
121
  var globalKeyDownHandler = function globalKeyDownHandler(event) {
131
122
  if (isShortcutToFocusToolbar && isShortcutToFocusToolbar(event)) {
@@ -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
  };
@@ -1,6 +1,5 @@
1
1
  import React, { useLayoutEffect, useRef } from 'react';
2
2
  import { getDocument } from '@atlaskit/browser-apis';
3
- import { fg } from '@atlaskit/platform-feature-flags';
4
3
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
5
4
  export const ToolbarKeyboardNavigationProvider = ({
6
5
  children,
@@ -87,34 +86,26 @@ export const ToolbarKeyboardNavigationProvider = ({
87
86
  if (targetElement instanceof HTMLElement && !targetElement.closest(`${childComponentSelector}`)) {
88
87
  return;
89
88
  }
90
- if (fg('platform_editor_toolbar_aifc_patch_7')) {
91
- switch (event.key) {
92
- case 'Escape':
93
- handleEscape(event);
89
+ switch (event.key) {
90
+ case 'Escape':
91
+ handleEscape(event);
92
+ break;
93
+ case 'ArrowLeft':
94
+ event.preventDefault();
95
+ moveFocus('left');
96
+ break;
97
+ case 'ArrowRight':
98
+ event.preventDefault();
99
+ moveFocus('right');
100
+ break;
101
+ case 'Tab':
102
+ {
103
+ handleTab();
94
104
  break;
95
- case 'ArrowLeft':
96
- event.preventDefault();
97
- moveFocus('left');
98
- break;
99
- case 'ArrowRight':
100
- event.preventDefault();
101
- moveFocus('right');
102
- break;
103
- case 'Tab':
104
- {
105
- handleTab();
106
- break;
107
- }
108
- default:
109
- }
110
- } else {
111
- switch (event.key) {
112
- case 'Escape':
113
- handleEscape(event);
114
- break;
115
- default:
116
- }
105
+ }
106
+ default:
117
107
  }
108
+ ;
118
109
  };
119
110
  const globalKeyDownHandler = event => {
120
111
  if (isShortcutToFocusToolbar && isShortcutToFocusToolbar(event)) {
@@ -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
  };
@@ -1,6 +1,5 @@
1
1
  import React, { useLayoutEffect, useRef } from 'react';
2
2
  import { getDocument } from '@atlaskit/browser-apis';
3
- import { fg } from '@atlaskit/platform-feature-flags';
4
3
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
5
4
  export var ToolbarKeyboardNavigationProvider = function ToolbarKeyboardNavigationProvider(_ref) {
6
5
  var children = _ref.children,
@@ -90,34 +89,26 @@ export var ToolbarKeyboardNavigationProvider = function ToolbarKeyboardNavigatio
90
89
  if (targetElement instanceof HTMLElement && !targetElement.closest("".concat(childComponentSelector))) {
91
90
  return;
92
91
  }
93
- if (fg('platform_editor_toolbar_aifc_patch_7')) {
94
- switch (event.key) {
95
- case 'Escape':
96
- handleEscape(event);
92
+ switch (event.key) {
93
+ case 'Escape':
94
+ handleEscape(event);
95
+ break;
96
+ case 'ArrowLeft':
97
+ event.preventDefault();
98
+ moveFocus('left');
99
+ break;
100
+ case 'ArrowRight':
101
+ event.preventDefault();
102
+ moveFocus('right');
103
+ break;
104
+ case 'Tab':
105
+ {
106
+ handleTab();
97
107
  break;
98
- case 'ArrowLeft':
99
- event.preventDefault();
100
- moveFocus('left');
101
- break;
102
- case 'ArrowRight':
103
- event.preventDefault();
104
- moveFocus('right');
105
- break;
106
- case 'Tab':
107
- {
108
- handleTab();
109
- break;
110
- }
111
- default:
112
- }
113
- } else {
114
- switch (event.key) {
115
- case 'Escape':
116
- handleEscape(event);
117
- break;
118
- default:
119
- }
108
+ }
109
+ default:
120
110
  }
111
+ ;
121
112
  };
122
113
  var globalKeyDownHandler = function globalKeyDownHandler(event) {
123
114
  if (isShortcutToFocusToolbar && isShortcutToFocusToolbar(event)) {
@@ -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
@@ -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.5",
6
+ "version": "0.19.7",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "team": "Editor: Jenga",
@@ -25,12 +25,12 @@
25
25
  "@atlaskit/browser-apis": "^0.0.1",
26
26
  "@atlaskit/css": "^0.19.0",
27
27
  "@atlaskit/dropdown-menu": "^16.4.0",
28
- "@atlaskit/icon": "^29.4.0",
28
+ "@atlaskit/icon": "^30.0.0",
29
29
  "@atlaskit/icon-lab": "^5.14.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.28.0",
33
+ "@atlaskit/tmp-editor-statsig": "^16.34.0",
34
34
  "@atlaskit/tokens": "^10.1.0",
35
35
  "@atlaskit/tooltip": "^20.14.0",
36
36
  "@babel/runtime": "^7.0.0",
@@ -81,9 +81,6 @@
81
81
  }
82
82
  },
83
83
  "platform-feature-flags": {
84
- "platform_editor_toolbar_aifc_patch_7": {
85
- "type": "boolean"
86
- },
87
84
  "platform_editor_toolbar_aifc_responsive_improve": {
88
85
  "type": "boolean"
89
86
  },