@atlaskit/editor-toolbar 0.20.5 → 0.20.6
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 +6 -0
- package/dist/cjs/hooks/ui-context.js +1 -0
- package/dist/cjs/ui/ToolbarButton.js +3 -1
- package/dist/cjs/ui/ToolbarColorSwatch.js +3 -1
- package/dist/cjs/ui/ToolbarDropdownItem.js +3 -1
- package/dist/cjs/ui/ToolbarDropdownMenu.js +4 -1
- package/dist/cjs/ui/ToolbarNestedDropdownMenu.js +6 -2
- package/dist/es2019/hooks/ui-context.js +1 -0
- package/dist/es2019/ui/ToolbarButton.js +3 -1
- package/dist/es2019/ui/ToolbarColorSwatch.js +3 -1
- package/dist/es2019/ui/ToolbarDropdownItem.js +3 -1
- package/dist/es2019/ui/ToolbarDropdownMenu.js +4 -1
- package/dist/es2019/ui/ToolbarNestedDropdownMenu.js +6 -2
- package/dist/esm/hooks/ui-context.js +1 -0
- package/dist/esm/ui/ToolbarButton.js +3 -1
- package/dist/esm/ui/ToolbarColorSwatch.js +3 -1
- package/dist/esm/ui/ToolbarDropdownItem.js +3 -1
- package/dist/esm/ui/ToolbarDropdownMenu.js +4 -1
- package/dist/esm/ui/ToolbarNestedDropdownMenu.js +6 -2
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -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,
|
|
@@ -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
|
|
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,
|
|
@@ -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
|
|
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,
|
|
@@ -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
|
|
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.
|
|
6
|
+
"version": "0.20.6",
|
|
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": "^
|
|
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",
|