@atlaskit/editor-toolbar 0.20.5 → 0.20.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,18 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 0.20.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`0f4a08b633f6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0f4a08b633f6e) -
8
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
9
+
10
+ ## 0.20.6
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 0.20.5
4
17
 
5
18
  ### Patch Changes
@@ -37,6 +37,7 @@ var ToolbarUIProvider = exports.ToolbarUIProvider = function ToolbarUIProvider(_
37
37
  fireAnalyticsEvent = _ref.fireAnalyticsEvent,
38
38
  keyboardNavigation = _ref.keyboardNavigation;
39
39
  return /*#__PURE__*/_react.default.createElement(ToolbarUIContext.Provider, {
40
+ // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
40
41
  value: {
41
42
  onDropdownOpenChanged: onDropdownOpenChanged,
42
43
  preventDefaultOnMouseDown: preventDefaultOnMouseDown,
@@ -5,11 +5,11 @@
5
5
  ._1h6d1j28{border-color:transparent}
6
6
  ._19bvidpf{padding-left:0}
7
7
  ._19bvv77o{padding-left:var(--ds-space-025,2px)}
8
- ._1bsbcr4y{width:var(--ds-space-300,26px)}
8
+ ._1bsb1ejb{width:var(--ds-space-300,24px)}
9
9
  ._1e0c1txw{display:flex}
10
10
  ._1e0c1ule{display:block}
11
11
  ._4cvr1h6o{align-items:center}
12
- ._4t3icr4y{height:var(--ds-space-300,26px)}
12
+ ._4t3i1ejb{height:var(--ds-space-300,24px)}
13
13
  ._80omtlke{cursor:pointer}
14
14
  ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
15
15
  ._ca0qidpf{padding-top:0}
@@ -66,7 +66,7 @@ var Color = exports.Color = /*#__PURE__*/(0, _react.memo)(function (_ref) {
66
66
  border: "var(--ds-border-width, 1px)".concat(" solid ", borderColor)
67
67
  },
68
68
  autoFocus: autoFocus,
69
- className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3icr4y _1bsbcr4y _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
69
+ className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3i1ejb _1bsb1ejb _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
70
70
  }, !decorator && isSelected && /*#__PURE__*/_react.default.createElement(_checkMark.default, {
71
71
  color: checkMarkColor,
72
72
  label: ""
@@ -55,7 +55,9 @@ var ToolbarButton = exports.ToolbarButton = /*#__PURE__*/(0, _react.forwardRef)(
55
55
  onFocus: onFocus,
56
56
  testId: testId,
57
57
  id: id,
58
- isDisabled: disabled,
58
+ isDisabled: disabled
59
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
60
+ ,
59
61
  onMouseDown: function onMouseDown(event) {
60
62
  if (preventDefaultOnMouseDown) {
61
63
  event.preventDefault();
@@ -17,7 +17,9 @@ var ToolbarColorSwatch = exports.ToolbarColorSwatch = function ToolbarColorSwatc
17
17
  var children = _ref.children,
18
18
  highlightColor = _ref.highlightColor;
19
19
  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
20
- xcss: styles.colorSwatch,
20
+ xcss: styles.colorSwatch
21
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
22
+ ,
21
23
  style: {
22
24
  backgroundColor: highlightColor
23
25
  }
@@ -126,7 +126,9 @@ var ToolbarDropdownItem = exports.ToolbarDropdownItem = function ToolbarDropdown
126
126
  isDisabled: isDisabled
127
127
  }));
128
128
  }();
129
- return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, (0, _extends2.default)({
129
+ return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem
130
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
131
+ , (0, _extends2.default)({
130
132
  onClick: function onClick(e) {
131
133
  if (!hasNestedDropdownMenu) {
132
134
  parentContext === null || parentContext === void 0 || parentContext.closeMenu(e);
@@ -49,6 +49,7 @@ var ToolbarDropdownMenuContent = function ToolbarDropdownMenuContent(_ref) {
49
49
  }
50
50
  }, [menuContext]);
51
51
  return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
52
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
52
53
  trigger: function trigger(triggerProps) {
53
54
  var toolbarButton = /*#__PURE__*/_react.default.createElement(_ToolbarButton.ToolbarButton, {
54
55
  ref: triggerProps.triggerRef,
@@ -56,7 +57,9 @@ var ToolbarDropdownMenuContent = function ToolbarDropdownMenuContent(_ref) {
56
57
  "aria-expanded": triggerProps['aria-expanded'],
57
58
  "aria-haspopup": triggerProps['aria-haspopup'],
58
59
  "aria-controls": triggerProps['aria-controls'],
59
- onBlur: triggerProps.onBlur,
60
+ onBlur: triggerProps.onBlur
61
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
62
+ ,
60
63
  onClick: function onClick(e) {
61
64
  _onClick && _onClick(e, !(menuContext !== null && menuContext !== void 0 && menuContext.isOpen));
62
65
  handleClick(e);
@@ -39,12 +39,16 @@ var ToolbarNestedDropdownMenu = exports.ToolbarNestedDropdownMenu = function Too
39
39
  return /*#__PURE__*/React.createElement(_dropdownMenu.default, {
40
40
  shouldFitContainer: shouldFitContainer,
41
41
  placement: "right-start",
42
- testId: dropdownTestId,
42
+ testId: dropdownTestId
43
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
44
+ ,
43
45
  trigger: function trigger(triggerProps) {
44
46
  var item = /*#__PURE__*/React.createElement(_ToolbarDropdownItem.ToolbarDropdownItem, {
45
47
  elemBefore: elemBefore,
46
48
  elemAfter: elemAfter,
47
- isSelected: triggerProps.isSelected,
49
+ isSelected: triggerProps.isSelected
50
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
51
+ ,
48
52
  onClick: function onClick(e) {
49
53
  _onClick && _onClick(e);
50
54
  triggerProps.onClick && triggerProps.onClick(e);
@@ -30,6 +30,7 @@ export const ToolbarUIProvider = ({
30
30
  keyboardNavigation
31
31
  }) => {
32
32
  return /*#__PURE__*/React.createElement(ToolbarUIContext.Provider, {
33
+ // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
33
34
  value: {
34
35
  onDropdownOpenChanged,
35
36
  preventDefaultOnMouseDown,
@@ -5,11 +5,11 @@
5
5
  ._1h6d1j28{border-color:transparent}
6
6
  ._19bvidpf{padding-left:0}
7
7
  ._19bvv77o{padding-left:var(--ds-space-025,2px)}
8
- ._1bsbcr4y{width:var(--ds-space-300,26px)}
8
+ ._1bsb1ejb{width:var(--ds-space-300,24px)}
9
9
  ._1e0c1txw{display:flex}
10
10
  ._1e0c1ule{display:block}
11
11
  ._4cvr1h6o{align-items:center}
12
- ._4t3icr4y{height:var(--ds-space-300,26px)}
12
+ ._4t3i1ejb{height:var(--ds-space-300,24px)}
13
13
  ._80omtlke{cursor:pointer}
14
14
  ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
15
15
  ._ca0qidpf{padding-top:0}
@@ -57,7 +57,7 @@ export const Color = /*#__PURE__*/memo(({
57
57
  border: `${"var(--ds-border-width, 1px)"} solid ${borderColor}`
58
58
  },
59
59
  autoFocus: autoFocus,
60
- className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3icr4y _1bsbcr4y _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
60
+ className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3i1ejb _1bsb1ejb _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
61
61
  }, !decorator && isSelected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
62
62
  color: checkMarkColor,
63
63
  label: ""
@@ -49,7 +49,9 @@ export const ToolbarButton = /*#__PURE__*/forwardRef(({
49
49
  onFocus: onFocus,
50
50
  testId: testId,
51
51
  id: id,
52
- isDisabled: disabled,
52
+ isDisabled: disabled
53
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
54
+ ,
53
55
  onMouseDown: event => {
54
56
  if (preventDefaultOnMouseDown) {
55
57
  event.preventDefault();
@@ -11,7 +11,9 @@ export const ToolbarColorSwatch = ({
11
11
  highlightColor
12
12
  }) => {
13
13
  return /*#__PURE__*/React.createElement(Box, {
14
- xcss: styles.colorSwatch,
14
+ xcss: styles.colorSwatch
15
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
16
+ ,
15
17
  style: {
16
18
  backgroundColor: highlightColor
17
19
  }
@@ -110,7 +110,9 @@ export const ToolbarDropdownItem = ({
110
110
  isDisabled
111
111
  });
112
112
  })();
113
- return /*#__PURE__*/React.createElement(DropdownItem, _extends({
113
+ return /*#__PURE__*/React.createElement(DropdownItem
114
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
115
+ , _extends({
114
116
  onClick: e => {
115
117
  if (!hasNestedDropdownMenu) {
116
118
  parentContext === null || parentContext === void 0 ? void 0 : parentContext.closeMenu(e);
@@ -42,6 +42,7 @@ const ToolbarDropdownMenuContent = ({
42
42
  }
43
43
  }, [menuContext]);
44
44
  return /*#__PURE__*/React.createElement(DropdownMenu, {
45
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
45
46
  trigger: triggerProps => {
46
47
  const toolbarButton = /*#__PURE__*/React.createElement(ToolbarButton, {
47
48
  ref: triggerProps.triggerRef,
@@ -49,7 +50,9 @@ const ToolbarDropdownMenuContent = ({
49
50
  "aria-expanded": triggerProps['aria-expanded'],
50
51
  "aria-haspopup": triggerProps['aria-haspopup'],
51
52
  "aria-controls": triggerProps['aria-controls'],
52
- onBlur: triggerProps.onBlur,
53
+ onBlur: triggerProps.onBlur
54
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
55
+ ,
53
56
  onClick: e => {
54
57
  onClick && onClick(e, !(menuContext !== null && menuContext !== void 0 && menuContext.isOpen));
55
58
  handleClick(e);
@@ -29,12 +29,16 @@ export const ToolbarNestedDropdownMenu = ({
29
29
  return /*#__PURE__*/React.createElement(DropdownMenu, {
30
30
  shouldFitContainer: shouldFitContainer,
31
31
  placement: "right-start",
32
- testId: dropdownTestId,
32
+ testId: dropdownTestId
33
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
34
+ ,
33
35
  trigger: triggerProps => {
34
36
  const item = /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
35
37
  elemBefore: elemBefore,
36
38
  elemAfter: elemAfter,
37
- isSelected: triggerProps.isSelected,
39
+ isSelected: triggerProps.isSelected
40
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
41
+ ,
38
42
  onClick: e => {
39
43
  onClick && onClick(e);
40
44
  triggerProps.onClick && triggerProps.onClick(e);
@@ -29,6 +29,7 @@ export var ToolbarUIProvider = function ToolbarUIProvider(_ref) {
29
29
  fireAnalyticsEvent = _ref.fireAnalyticsEvent,
30
30
  keyboardNavigation = _ref.keyboardNavigation;
31
31
  return /*#__PURE__*/React.createElement(ToolbarUIContext.Provider, {
32
+ // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
32
33
  value: {
33
34
  onDropdownOpenChanged: onDropdownOpenChanged,
34
35
  preventDefaultOnMouseDown: preventDefaultOnMouseDown,
@@ -5,11 +5,11 @@
5
5
  ._1h6d1j28{border-color:transparent}
6
6
  ._19bvidpf{padding-left:0}
7
7
  ._19bvv77o{padding-left:var(--ds-space-025,2px)}
8
- ._1bsbcr4y{width:var(--ds-space-300,26px)}
8
+ ._1bsb1ejb{width:var(--ds-space-300,24px)}
9
9
  ._1e0c1txw{display:flex}
10
10
  ._1e0c1ule{display:block}
11
11
  ._4cvr1h6o{align-items:center}
12
- ._4t3icr4y{height:var(--ds-space-300,26px)}
12
+ ._4t3i1ejb{height:var(--ds-space-300,24px)}
13
13
  ._80omtlke{cursor:pointer}
14
14
  ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
15
15
  ._ca0qidpf{padding-top:0}
@@ -57,7 +57,7 @@ export var Color = /*#__PURE__*/memo(function (_ref) {
57
57
  border: "var(--ds-border-width, 1px)".concat(" solid ", borderColor)
58
58
  },
59
59
  autoFocus: autoFocus,
60
- className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3icr4y _1bsbcr4y _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
60
+ className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3i1ejb _1bsb1ejb _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
61
61
  }, !decorator && isSelected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
62
62
  color: checkMarkColor,
63
63
  label: ""
@@ -47,7 +47,9 @@ export var ToolbarButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
47
47
  onFocus: onFocus,
48
48
  testId: testId,
49
49
  id: id,
50
- isDisabled: disabled,
50
+ isDisabled: disabled
51
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
52
+ ,
51
53
  onMouseDown: function onMouseDown(event) {
52
54
  if (preventDefaultOnMouseDown) {
53
55
  event.preventDefault();
@@ -10,7 +10,9 @@ export var ToolbarColorSwatch = function ToolbarColorSwatch(_ref) {
10
10
  var children = _ref.children,
11
11
  highlightColor = _ref.highlightColor;
12
12
  return /*#__PURE__*/React.createElement(Box, {
13
- xcss: styles.colorSwatch,
13
+ xcss: styles.colorSwatch
14
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
15
+ ,
14
16
  style: {
15
17
  backgroundColor: highlightColor
16
18
  }
@@ -117,7 +117,9 @@ export var ToolbarDropdownItem = function ToolbarDropdownItem(_ref3) {
117
117
  isDisabled: isDisabled
118
118
  }));
119
119
  }();
120
- return /*#__PURE__*/React.createElement(DropdownItem, _extends({
120
+ return /*#__PURE__*/React.createElement(DropdownItem
121
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
122
+ , _extends({
121
123
  onClick: function onClick(e) {
122
124
  if (!hasNestedDropdownMenu) {
123
125
  parentContext === null || parentContext === void 0 || parentContext.closeMenu(e);
@@ -40,6 +40,7 @@ var ToolbarDropdownMenuContent = function ToolbarDropdownMenuContent(_ref) {
40
40
  }
41
41
  }, [menuContext]);
42
42
  return /*#__PURE__*/React.createElement(DropdownMenu, {
43
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
43
44
  trigger: function trigger(triggerProps) {
44
45
  var toolbarButton = /*#__PURE__*/React.createElement(ToolbarButton, {
45
46
  ref: triggerProps.triggerRef,
@@ -47,7 +48,9 @@ var ToolbarDropdownMenuContent = function ToolbarDropdownMenuContent(_ref) {
47
48
  "aria-expanded": triggerProps['aria-expanded'],
48
49
  "aria-haspopup": triggerProps['aria-haspopup'],
49
50
  "aria-controls": triggerProps['aria-controls'],
50
- onBlur: triggerProps.onBlur,
51
+ onBlur: triggerProps.onBlur
52
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
53
+ ,
51
54
  onClick: function onClick(e) {
52
55
  _onClick && _onClick(e, !(menuContext !== null && menuContext !== void 0 && menuContext.isOpen));
53
56
  handleClick(e);
@@ -30,12 +30,16 @@ export var ToolbarNestedDropdownMenu = function ToolbarNestedDropdownMenu(_ref)
30
30
  return /*#__PURE__*/React.createElement(DropdownMenu, {
31
31
  shouldFitContainer: shouldFitContainer,
32
32
  placement: "right-start",
33
- testId: dropdownTestId,
33
+ testId: dropdownTestId
34
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
35
+ ,
34
36
  trigger: function trigger(triggerProps) {
35
37
  var item = /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
36
38
  elemBefore: elemBefore,
37
39
  elemAfter: elemAfter,
38
- isSelected: triggerProps.isSelected,
40
+ isSelected: triggerProps.isSelected
41
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
42
+ ,
39
43
  onClick: function onClick(e) {
40
44
  _onClick && _onClick(e);
41
45
  triggerProps.onClick && triggerProps.onClick(e);
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "0.20.5",
6
+ "version": "0.20.7",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "team": "Editor: Jenga",
@@ -30,7 +30,7 @@
30
30
  "@atlaskit/platform-feature-flags": "^1.1.0",
31
31
  "@atlaskit/popup": "^4.14.0",
32
32
  "@atlaskit/primitives": "^18.0.0",
33
- "@atlaskit/tmp-editor-statsig": "^43.0.0",
33
+ "@atlaskit/tmp-editor-statsig": "^44.0.0",
34
34
  "@atlaskit/tokens": "^11.1.0",
35
35
  "@atlaskit/tooltip": "^21.0.0",
36
36
  "@babel/runtime": "^7.0.0",