@atlaskit/editor-toolbar 0.8.6 → 0.8.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 +8 -0
- package/dist/cjs/index.js +14 -0
- package/dist/cjs/ui/ToolbarButton.js +4 -2
- package/dist/cjs/ui/ToolbarDropdownItem.js +4 -1
- package/dist/cjs/ui/ToolbarDropdownItemSection.js +4 -2
- package/dist/cjs/ui/ToolbarTooltip.js +4 -2
- package/dist/cjs/ui/icons/DefineIcon.js +13 -0
- package/dist/cjs/ui/icons/PlusIcon.js +13 -0
- package/dist/es2019/index.js +2 -0
- package/dist/es2019/ui/ToolbarButton.js +4 -2
- package/dist/es2019/ui/ToolbarDropdownItem.js +3 -1
- package/dist/es2019/ui/ToolbarDropdownItemSection.js +4 -2
- package/dist/es2019/ui/ToolbarTooltip.js +4 -2
- package/dist/es2019/ui/icons/DefineIcon.js +2 -0
- package/dist/es2019/ui/icons/PlusIcon.js +2 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/ui/ToolbarButton.js +4 -2
- package/dist/esm/ui/ToolbarDropdownItem.js +4 -1
- package/dist/esm/ui/ToolbarDropdownItemSection.js +4 -2
- package/dist/esm/ui/ToolbarTooltip.js +4 -2
- package/dist/esm/ui/icons/DefineIcon.js +2 -0
- package/dist/esm/ui/icons/PlusIcon.js +2 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/ui/ToolbarButton.d.ts +1 -0
- package/dist/types/ui/ToolbarDropdownItem.d.ts +2 -1
- package/dist/types/ui/ToolbarDropdownItemSection.d.ts +2 -1
- package/dist/types/ui/ToolbarTooltip.d.ts +2 -1
- package/dist/types/ui/icons/DefineIcon.d.ts +1 -0
- package/dist/types/ui/icons/PlusIcon.d.ts +1 -0
- package/dist/types-ts4.5/index.d.ts +2 -0
- package/dist/types-ts4.5/ui/ToolbarButton.d.ts +1 -0
- package/dist/types-ts4.5/ui/ToolbarDropdownItem.d.ts +2 -1
- package/dist/types-ts4.5/ui/ToolbarDropdownItemSection.d.ts +2 -1
- package/dist/types-ts4.5/ui/ToolbarTooltip.d.ts +2 -1
- package/dist/types-ts4.5/ui/icons/DefineIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/PlusIcon.d.ts +1 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-toolbar
|
|
2
2
|
|
|
3
|
+
## 0.8.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`08039ab948fd7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08039ab948fd7) -
|
|
8
|
+
[ux] [ED-28824] add optional props to support confluence renderer toolbar implementation
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 0.8.6
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
package/dist/cjs/index.js
CHANGED
|
@@ -136,6 +136,12 @@ Object.defineProperty(exports, "CommentIcon", {
|
|
|
136
136
|
return _CommentIcon.CommentIcon;
|
|
137
137
|
}
|
|
138
138
|
});
|
|
139
|
+
Object.defineProperty(exports, "DefineIcon", {
|
|
140
|
+
enumerable: true,
|
|
141
|
+
get: function get() {
|
|
142
|
+
return _DefineIcon.DefineIcon;
|
|
143
|
+
}
|
|
144
|
+
});
|
|
139
145
|
Object.defineProperty(exports, "EmojiIcon", {
|
|
140
146
|
enumerable: true,
|
|
141
147
|
get: function get() {
|
|
@@ -268,6 +274,12 @@ Object.defineProperty(exports, "PinnedIcon", {
|
|
|
268
274
|
return _PinnedIcon.PinnedIcon;
|
|
269
275
|
}
|
|
270
276
|
});
|
|
277
|
+
Object.defineProperty(exports, "PlusIcon", {
|
|
278
|
+
enumerable: true,
|
|
279
|
+
get: function get() {
|
|
280
|
+
return _PlusIcon.PlusIcon;
|
|
281
|
+
}
|
|
282
|
+
});
|
|
271
283
|
Object.defineProperty(exports, "PrimaryToolbar", {
|
|
272
284
|
enumerable: true,
|
|
273
285
|
get: function get() {
|
|
@@ -485,6 +497,7 @@ var _AddIcon = require("./ui/icons/AddIcon");
|
|
|
485
497
|
var _AppsIcon = require("./ui/icons/AppsIcon");
|
|
486
498
|
var _BoldIcon = require("./ui/icons/BoldIcon");
|
|
487
499
|
var _CommentIcon = require("./ui/icons/CommentIcon");
|
|
500
|
+
var _DefineIcon = require("./ui/icons/DefineIcon");
|
|
488
501
|
var _HeadingFiveIcon = require("./ui/icons/HeadingFiveIcon");
|
|
489
502
|
var _HeadingFourIcon = require("./ui/icons/HeadingFourIcon");
|
|
490
503
|
var _HeadingOneIcon = require("./ui/icons/HeadingOneIcon");
|
|
@@ -523,6 +536,7 @@ var _UndoIcon = require("./ui/icons/UndoIcon");
|
|
|
523
536
|
var _RedoIcon = require("./ui/icons/RedoIcon");
|
|
524
537
|
var _HistoryIcon = require("./ui/icons/HistoryIcon");
|
|
525
538
|
var _LoomIcon = require("./ui/icons/LoomIcon");
|
|
539
|
+
var _PlusIcon = require("./ui/icons/PlusIcon");
|
|
526
540
|
var _ColorPalette = _interopRequireDefault(require("./ui/ColorPalette"));
|
|
527
541
|
var _utils = require("./ui/ColorPalette/utils");
|
|
528
542
|
var _uiContext = require("./hooks/ui-context");
|
|
@@ -33,7 +33,8 @@ var ToolbarButton = exports.ToolbarButton = /*#__PURE__*/(0, _react.forwardRef)(
|
|
|
33
33
|
testId = _ref.testId,
|
|
34
34
|
isDisabled = _ref.isDisabled,
|
|
35
35
|
ariaKeyshortcuts = _ref.ariaKeyshortcuts,
|
|
36
|
-
label = _ref.label
|
|
36
|
+
label = _ref.label,
|
|
37
|
+
interactionName = _ref.interactionName;
|
|
37
38
|
var _useToolbarUI = (0, _uiContext.useToolbarUI)(),
|
|
38
39
|
preventDefaultOnMouseDown = _useToolbarUI.preventDefaultOnMouseDown,
|
|
39
40
|
ctxDisabled = _useToolbarUI.isDisabled;
|
|
@@ -58,6 +59,7 @@ var ToolbarButton = exports.ToolbarButton = /*#__PURE__*/(0, _react.forwardRef)(
|
|
|
58
59
|
event.preventDefault();
|
|
59
60
|
}
|
|
60
61
|
},
|
|
61
|
-
"data-toolbar-component": "button"
|
|
62
|
+
"data-toolbar-component": "button",
|
|
63
|
+
interactionName: interactionName
|
|
62
64
|
}, iconBefore, children);
|
|
63
65
|
});
|
|
@@ -52,6 +52,8 @@ var ToolbarDropdownItem = exports.ToolbarDropdownItem = function ToolbarDropdown
|
|
|
52
52
|
isDisabled = _ref2.isDisabled,
|
|
53
53
|
hasNestedDropdownMenu = _ref2.hasNestedDropdownMenu,
|
|
54
54
|
triggerRef = _ref2.triggerRef,
|
|
55
|
+
_ref2$shouldTitleWrap = _ref2.shouldTitleWrap,
|
|
56
|
+
shouldTitleWrap = _ref2$shouldTitleWrap === void 0 ? true : _ref2$shouldTitleWrap,
|
|
55
57
|
testId = _ref2.testId,
|
|
56
58
|
ariaKeyshortcuts = _ref2.ariaKeyshortcuts,
|
|
57
59
|
href = _ref2.href,
|
|
@@ -78,6 +80,7 @@ var ToolbarDropdownItem = exports.ToolbarDropdownItem = function ToolbarDropdown
|
|
|
78
80
|
rel: rel,
|
|
79
81
|
component: href && (0, _expValEquals.expValEquals)('platform_editor_toolbar_migrate_loom', 'isEnabled', true) ? undefined : CustomDropdownMenuItemButton,
|
|
80
82
|
testId: testId,
|
|
81
|
-
"data-toolbar-component": "menu-item"
|
|
83
|
+
"data-toolbar-component": "menu-item",
|
|
84
|
+
shouldTitleWrap: shouldTitleWrap
|
|
82
85
|
}, children);
|
|
83
86
|
};
|
|
@@ -10,10 +10,12 @@ var _dropdownMenu = require("@atlaskit/dropdown-menu");
|
|
|
10
10
|
var ToolbarDropdownItemSection = exports.ToolbarDropdownItemSection = function ToolbarDropdownItemSection(_ref) {
|
|
11
11
|
var children = _ref.children,
|
|
12
12
|
hasSeparator = _ref.hasSeparator,
|
|
13
|
-
title = _ref.title
|
|
13
|
+
title = _ref.title,
|
|
14
|
+
testId = _ref.testId;
|
|
14
15
|
return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, {
|
|
15
16
|
hasSeparator: hasSeparator,
|
|
16
17
|
title: title,
|
|
17
|
-
"data-toolbar-component": "menu-section"
|
|
18
|
+
"data-toolbar-component": "menu-section",
|
|
19
|
+
testId: testId
|
|
18
20
|
}, children);
|
|
19
21
|
};
|
|
@@ -11,9 +11,11 @@ var ToolbarTooltip = exports.ToolbarTooltip = function ToolbarTooltip(_ref) {
|
|
|
11
11
|
var content = _ref.content,
|
|
12
12
|
children = _ref.children,
|
|
13
13
|
_ref$position = _ref.position,
|
|
14
|
-
position = _ref$position === void 0 ? 'top' : _ref$position
|
|
14
|
+
position = _ref$position === void 0 ? 'top' : _ref$position,
|
|
15
|
+
delay = _ref.delay;
|
|
15
16
|
return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
16
17
|
content: content,
|
|
17
|
-
position: position
|
|
18
|
+
position: position,
|
|
19
|
+
delay: delay
|
|
18
20
|
}, children);
|
|
19
21
|
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "DefineIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _informationCircle.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _informationCircle = _interopRequireDefault(require("@atlaskit/icon/core/information-circle"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "PlusIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _plusSquare.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _plusSquare = _interopRequireDefault(require("@atlaskit/icon/core/plus-square"));
|
package/dist/es2019/index.js
CHANGED
|
@@ -30,6 +30,7 @@ export { AddIcon } from './ui/icons/AddIcon';
|
|
|
30
30
|
export { AppsIcon } from './ui/icons/AppsIcon';
|
|
31
31
|
export { BoldIcon } from './ui/icons/BoldIcon';
|
|
32
32
|
export { CommentIcon } from './ui/icons/CommentIcon';
|
|
33
|
+
export { DefineIcon } from './ui/icons/DefineIcon';
|
|
33
34
|
export { HeadingFiveIcon } from './ui/icons/HeadingFiveIcon';
|
|
34
35
|
export { HeadingFourIcon } from './ui/icons/HeadingFourIcon';
|
|
35
36
|
export { HeadingOneIcon } from './ui/icons/HeadingOneIcon';
|
|
@@ -68,6 +69,7 @@ export { UndoIcon } from './ui/icons/UndoIcon';
|
|
|
68
69
|
export { RedoIcon } from './ui/icons/RedoIcon';
|
|
69
70
|
export { HistoryIcon } from './ui/icons/HistoryIcon';
|
|
70
71
|
export { LoomIcon } from './ui/icons/LoomIcon';
|
|
72
|
+
export { PlusIcon } from './ui/icons/PlusIcon';
|
|
71
73
|
export { default as ColorPalette } from './ui/ColorPalette';
|
|
72
74
|
export { getContrastingBackgroundColor } from './ui/ColorPalette/utils';
|
|
73
75
|
export { useToolbarUI, ToolbarUIProvider } from './hooks/ui-context';
|
|
@@ -25,7 +25,8 @@ export const ToolbarButton = /*#__PURE__*/forwardRef(({
|
|
|
25
25
|
testId,
|
|
26
26
|
isDisabled,
|
|
27
27
|
ariaKeyshortcuts,
|
|
28
|
-
label
|
|
28
|
+
label,
|
|
29
|
+
interactionName
|
|
29
30
|
}, ref) => {
|
|
30
31
|
const {
|
|
31
32
|
preventDefaultOnMouseDown,
|
|
@@ -52,6 +53,7 @@ export const ToolbarButton = /*#__PURE__*/forwardRef(({
|
|
|
52
53
|
event.preventDefault();
|
|
53
54
|
}
|
|
54
55
|
},
|
|
55
|
-
"data-toolbar-component": "button"
|
|
56
|
+
"data-toolbar-component": "button",
|
|
57
|
+
interactionName: interactionName
|
|
56
58
|
}, iconBefore, children);
|
|
57
59
|
});
|
|
@@ -43,6 +43,7 @@ export const ToolbarDropdownItem = ({
|
|
|
43
43
|
isDisabled,
|
|
44
44
|
hasNestedDropdownMenu,
|
|
45
45
|
triggerRef,
|
|
46
|
+
shouldTitleWrap = true,
|
|
46
47
|
testId,
|
|
47
48
|
ariaKeyshortcuts,
|
|
48
49
|
href,
|
|
@@ -70,6 +71,7 @@ export const ToolbarDropdownItem = ({
|
|
|
70
71
|
rel: rel,
|
|
71
72
|
component: href && expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true) ? undefined : CustomDropdownMenuItemButton,
|
|
72
73
|
testId: testId,
|
|
73
|
-
"data-toolbar-component": "menu-item"
|
|
74
|
+
"data-toolbar-component": "menu-item",
|
|
75
|
+
shouldTitleWrap: shouldTitleWrap
|
|
74
76
|
}, children);
|
|
75
77
|
};
|
|
@@ -3,11 +3,13 @@ import { DropdownItemGroup } from '@atlaskit/dropdown-menu';
|
|
|
3
3
|
export const ToolbarDropdownItemSection = ({
|
|
4
4
|
children,
|
|
5
5
|
hasSeparator,
|
|
6
|
-
title
|
|
6
|
+
title,
|
|
7
|
+
testId
|
|
7
8
|
}) => {
|
|
8
9
|
return /*#__PURE__*/React.createElement(DropdownItemGroup, {
|
|
9
10
|
hasSeparator: hasSeparator,
|
|
10
11
|
title: title,
|
|
11
|
-
"data-toolbar-component": "menu-section"
|
|
12
|
+
"data-toolbar-component": "menu-section",
|
|
13
|
+
testId: testId
|
|
12
14
|
}, children);
|
|
13
15
|
};
|
|
@@ -3,10 +3,12 @@ import Tooltip from '@atlaskit/tooltip';
|
|
|
3
3
|
export const ToolbarTooltip = ({
|
|
4
4
|
content,
|
|
5
5
|
children,
|
|
6
|
-
position = 'top'
|
|
6
|
+
position = 'top',
|
|
7
|
+
delay
|
|
7
8
|
}) => {
|
|
8
9
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
9
10
|
content: content,
|
|
10
|
-
position: position
|
|
11
|
+
position: position,
|
|
12
|
+
delay: delay
|
|
11
13
|
}, children);
|
|
12
14
|
};
|
package/dist/esm/index.js
CHANGED
|
@@ -30,6 +30,7 @@ export { AddIcon } from './ui/icons/AddIcon';
|
|
|
30
30
|
export { AppsIcon } from './ui/icons/AppsIcon';
|
|
31
31
|
export { BoldIcon } from './ui/icons/BoldIcon';
|
|
32
32
|
export { CommentIcon } from './ui/icons/CommentIcon';
|
|
33
|
+
export { DefineIcon } from './ui/icons/DefineIcon';
|
|
33
34
|
export { HeadingFiveIcon } from './ui/icons/HeadingFiveIcon';
|
|
34
35
|
export { HeadingFourIcon } from './ui/icons/HeadingFourIcon';
|
|
35
36
|
export { HeadingOneIcon } from './ui/icons/HeadingOneIcon';
|
|
@@ -68,6 +69,7 @@ export { UndoIcon } from './ui/icons/UndoIcon';
|
|
|
68
69
|
export { RedoIcon } from './ui/icons/RedoIcon';
|
|
69
70
|
export { HistoryIcon } from './ui/icons/HistoryIcon';
|
|
70
71
|
export { LoomIcon } from './ui/icons/LoomIcon';
|
|
72
|
+
export { PlusIcon } from './ui/icons/PlusIcon';
|
|
71
73
|
export { default as ColorPalette } from './ui/ColorPalette';
|
|
72
74
|
export { getContrastingBackgroundColor } from './ui/ColorPalette/utils';
|
|
73
75
|
export { useToolbarUI, ToolbarUIProvider } from './hooks/ui-context';
|
|
@@ -25,7 +25,8 @@ export var ToolbarButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
25
25
|
testId = _ref.testId,
|
|
26
26
|
isDisabled = _ref.isDisabled,
|
|
27
27
|
ariaKeyshortcuts = _ref.ariaKeyshortcuts,
|
|
28
|
-
label = _ref.label
|
|
28
|
+
label = _ref.label,
|
|
29
|
+
interactionName = _ref.interactionName;
|
|
29
30
|
var _useToolbarUI = useToolbarUI(),
|
|
30
31
|
preventDefaultOnMouseDown = _useToolbarUI.preventDefaultOnMouseDown,
|
|
31
32
|
ctxDisabled = _useToolbarUI.isDisabled;
|
|
@@ -50,6 +51,7 @@ export var ToolbarButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
50
51
|
event.preventDefault();
|
|
51
52
|
}
|
|
52
53
|
},
|
|
53
|
-
"data-toolbar-component": "button"
|
|
54
|
+
"data-toolbar-component": "button",
|
|
55
|
+
interactionName: interactionName
|
|
54
56
|
}, iconBefore, children);
|
|
55
57
|
});
|
|
@@ -44,6 +44,8 @@ export var ToolbarDropdownItem = function ToolbarDropdownItem(_ref2) {
|
|
|
44
44
|
isDisabled = _ref2.isDisabled,
|
|
45
45
|
hasNestedDropdownMenu = _ref2.hasNestedDropdownMenu,
|
|
46
46
|
triggerRef = _ref2.triggerRef,
|
|
47
|
+
_ref2$shouldTitleWrap = _ref2.shouldTitleWrap,
|
|
48
|
+
shouldTitleWrap = _ref2$shouldTitleWrap === void 0 ? true : _ref2$shouldTitleWrap,
|
|
47
49
|
testId = _ref2.testId,
|
|
48
50
|
ariaKeyshortcuts = _ref2.ariaKeyshortcuts,
|
|
49
51
|
href = _ref2.href,
|
|
@@ -70,6 +72,7 @@ export var ToolbarDropdownItem = function ToolbarDropdownItem(_ref2) {
|
|
|
70
72
|
rel: rel,
|
|
71
73
|
component: href && expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true) ? undefined : CustomDropdownMenuItemButton,
|
|
72
74
|
testId: testId,
|
|
73
|
-
"data-toolbar-component": "menu-item"
|
|
75
|
+
"data-toolbar-component": "menu-item",
|
|
76
|
+
shouldTitleWrap: shouldTitleWrap
|
|
74
77
|
}, children);
|
|
75
78
|
};
|
|
@@ -3,10 +3,12 @@ import { DropdownItemGroup } from '@atlaskit/dropdown-menu';
|
|
|
3
3
|
export var ToolbarDropdownItemSection = function ToolbarDropdownItemSection(_ref) {
|
|
4
4
|
var children = _ref.children,
|
|
5
5
|
hasSeparator = _ref.hasSeparator,
|
|
6
|
-
title = _ref.title
|
|
6
|
+
title = _ref.title,
|
|
7
|
+
testId = _ref.testId;
|
|
7
8
|
return /*#__PURE__*/React.createElement(DropdownItemGroup, {
|
|
8
9
|
hasSeparator: hasSeparator,
|
|
9
10
|
title: title,
|
|
10
|
-
"data-toolbar-component": "menu-section"
|
|
11
|
+
"data-toolbar-component": "menu-section",
|
|
12
|
+
testId: testId
|
|
11
13
|
}, children);
|
|
12
14
|
};
|
|
@@ -4,9 +4,11 @@ export var ToolbarTooltip = function ToolbarTooltip(_ref) {
|
|
|
4
4
|
var content = _ref.content,
|
|
5
5
|
children = _ref.children,
|
|
6
6
|
_ref$position = _ref.position,
|
|
7
|
-
position = _ref$position === void 0 ? 'top' : _ref$position
|
|
7
|
+
position = _ref$position === void 0 ? 'top' : _ref$position,
|
|
8
|
+
delay = _ref.delay;
|
|
8
9
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
9
10
|
content: content,
|
|
10
|
-
position: position
|
|
11
|
+
position: position,
|
|
12
|
+
delay: delay
|
|
11
13
|
}, children);
|
|
12
14
|
};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -29,6 +29,7 @@ export { AddIcon } from './ui/icons/AddIcon';
|
|
|
29
29
|
export { AppsIcon } from './ui/icons/AppsIcon';
|
|
30
30
|
export { BoldIcon } from './ui/icons/BoldIcon';
|
|
31
31
|
export { CommentIcon } from './ui/icons/CommentIcon';
|
|
32
|
+
export { DefineIcon } from './ui/icons/DefineIcon';
|
|
32
33
|
export { HeadingFiveIcon } from './ui/icons/HeadingFiveIcon';
|
|
33
34
|
export { HeadingFourIcon } from './ui/icons/HeadingFourIcon';
|
|
34
35
|
export { HeadingOneIcon } from './ui/icons/HeadingOneIcon';
|
|
@@ -67,6 +68,7 @@ export { UndoIcon } from './ui/icons/UndoIcon';
|
|
|
67
68
|
export { RedoIcon } from './ui/icons/RedoIcon';
|
|
68
69
|
export { HistoryIcon } from './ui/icons/HistoryIcon';
|
|
69
70
|
export { LoomIcon } from './ui/icons/LoomIcon';
|
|
71
|
+
export { PlusIcon } from './ui/icons/PlusIcon';
|
|
70
72
|
export { default as ColorPalette } from './ui/ColorPalette';
|
|
71
73
|
export { getContrastingBackgroundColor } from './ui/ColorPalette/utils';
|
|
72
74
|
export type { IconComponent } from './types';
|
|
@@ -18,10 +18,11 @@ type ToolbarDropdownItemProps = {
|
|
|
18
18
|
isSelected?: boolean;
|
|
19
19
|
onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
|
|
20
20
|
rel?: string;
|
|
21
|
+
shouldTitleWrap?: boolean;
|
|
21
22
|
target?: string;
|
|
22
23
|
testId?: string;
|
|
23
24
|
textStyle?: TextStyle;
|
|
24
25
|
triggerRef?: Ref<HTMLButtonElement>;
|
|
25
26
|
};
|
|
26
|
-
export declare const ToolbarDropdownItem: ({ onClick, elemBefore, elemAfter, isSelected, children, isDisabled, hasNestedDropdownMenu, triggerRef, testId, ariaKeyshortcuts, href, target, rel, }: ToolbarDropdownItemProps) => React.JSX.Element;
|
|
27
|
+
export declare const ToolbarDropdownItem: ({ onClick, elemBefore, elemAfter, isSelected, children, isDisabled, hasNestedDropdownMenu, triggerRef, shouldTitleWrap, testId, ariaKeyshortcuts, href, target, rel, }: ToolbarDropdownItemProps) => React.JSX.Element;
|
|
27
28
|
export {};
|
|
@@ -2,7 +2,8 @@ import React, { type ReactNode } from 'react';
|
|
|
2
2
|
type ToolbarDropdownItemSectionProps = {
|
|
3
3
|
children?: ReactNode;
|
|
4
4
|
hasSeparator?: boolean;
|
|
5
|
+
testId?: string;
|
|
5
6
|
title?: string;
|
|
6
7
|
};
|
|
7
|
-
export declare const ToolbarDropdownItemSection: ({ children, hasSeparator, title, }: ToolbarDropdownItemSectionProps) => React.JSX.Element;
|
|
8
|
+
export declare const ToolbarDropdownItemSection: ({ children, hasSeparator, title, testId, }: ToolbarDropdownItemSectionProps) => React.JSX.Element;
|
|
8
9
|
export {};
|
|
@@ -3,7 +3,8 @@ import type { PositionType } from '@atlaskit/tooltip';
|
|
|
3
3
|
type ToolbarTooltipProps = {
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
content: React.ReactNode;
|
|
6
|
+
delay?: number;
|
|
6
7
|
position?: PositionType;
|
|
7
8
|
};
|
|
8
|
-
export declare const ToolbarTooltip: ({ content, children, position }: ToolbarTooltipProps) => React.JSX.Element;
|
|
9
|
+
export declare const ToolbarTooltip: ({ content, children, position, delay }: ToolbarTooltipProps) => React.JSX.Element;
|
|
9
10
|
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as DefineIcon } from '@atlaskit/icon/core/information-circle';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PlusIcon } from '@atlaskit/icon/core/plus-square';
|
|
@@ -29,6 +29,7 @@ export { AddIcon } from './ui/icons/AddIcon';
|
|
|
29
29
|
export { AppsIcon } from './ui/icons/AppsIcon';
|
|
30
30
|
export { BoldIcon } from './ui/icons/BoldIcon';
|
|
31
31
|
export { CommentIcon } from './ui/icons/CommentIcon';
|
|
32
|
+
export { DefineIcon } from './ui/icons/DefineIcon';
|
|
32
33
|
export { HeadingFiveIcon } from './ui/icons/HeadingFiveIcon';
|
|
33
34
|
export { HeadingFourIcon } from './ui/icons/HeadingFourIcon';
|
|
34
35
|
export { HeadingOneIcon } from './ui/icons/HeadingOneIcon';
|
|
@@ -67,6 +68,7 @@ export { UndoIcon } from './ui/icons/UndoIcon';
|
|
|
67
68
|
export { RedoIcon } from './ui/icons/RedoIcon';
|
|
68
69
|
export { HistoryIcon } from './ui/icons/HistoryIcon';
|
|
69
70
|
export { LoomIcon } from './ui/icons/LoomIcon';
|
|
71
|
+
export { PlusIcon } from './ui/icons/PlusIcon';
|
|
70
72
|
export { default as ColorPalette } from './ui/ColorPalette';
|
|
71
73
|
export { getContrastingBackgroundColor } from './ui/ColorPalette/utils';
|
|
72
74
|
export type { IconComponent } from './types';
|
|
@@ -18,10 +18,11 @@ type ToolbarDropdownItemProps = {
|
|
|
18
18
|
isSelected?: boolean;
|
|
19
19
|
onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
|
|
20
20
|
rel?: string;
|
|
21
|
+
shouldTitleWrap?: boolean;
|
|
21
22
|
target?: string;
|
|
22
23
|
testId?: string;
|
|
23
24
|
textStyle?: TextStyle;
|
|
24
25
|
triggerRef?: Ref<HTMLButtonElement>;
|
|
25
26
|
};
|
|
26
|
-
export declare const ToolbarDropdownItem: ({ onClick, elemBefore, elemAfter, isSelected, children, isDisabled, hasNestedDropdownMenu, triggerRef, testId, ariaKeyshortcuts, href, target, rel, }: ToolbarDropdownItemProps) => React.JSX.Element;
|
|
27
|
+
export declare const ToolbarDropdownItem: ({ onClick, elemBefore, elemAfter, isSelected, children, isDisabled, hasNestedDropdownMenu, triggerRef, shouldTitleWrap, testId, ariaKeyshortcuts, href, target, rel, }: ToolbarDropdownItemProps) => React.JSX.Element;
|
|
27
28
|
export {};
|
|
@@ -2,7 +2,8 @@ import React, { type ReactNode } from 'react';
|
|
|
2
2
|
type ToolbarDropdownItemSectionProps = {
|
|
3
3
|
children?: ReactNode;
|
|
4
4
|
hasSeparator?: boolean;
|
|
5
|
+
testId?: string;
|
|
5
6
|
title?: string;
|
|
6
7
|
};
|
|
7
|
-
export declare const ToolbarDropdownItemSection: ({ children, hasSeparator, title, }: ToolbarDropdownItemSectionProps) => React.JSX.Element;
|
|
8
|
+
export declare const ToolbarDropdownItemSection: ({ children, hasSeparator, title, testId, }: ToolbarDropdownItemSectionProps) => React.JSX.Element;
|
|
8
9
|
export {};
|
|
@@ -3,7 +3,8 @@ import type { PositionType } from '@atlaskit/tooltip';
|
|
|
3
3
|
type ToolbarTooltipProps = {
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
content: React.ReactNode;
|
|
6
|
+
delay?: number;
|
|
6
7
|
position?: PositionType;
|
|
7
8
|
};
|
|
8
|
-
export declare const ToolbarTooltip: ({ content, children, position }: ToolbarTooltipProps) => React.JSX.Element;
|
|
9
|
+
export declare const ToolbarTooltip: ({ content, children, position, delay }: ToolbarTooltipProps) => React.JSX.Element;
|
|
9
10
|
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as DefineIcon } from '@atlaskit/icon/core/information-circle';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PlusIcon } from '@atlaskit/icon/core/plus-square';
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"registry": "https://registry.npmjs.org/"
|
|
5
5
|
},
|
|
6
|
-
"version": "0.8.
|
|
6
|
+
"version": "0.8.7",
|
|
7
7
|
"description": "Common UI for Toolbars across the platform",
|
|
8
8
|
"atlassian": {
|
|
9
9
|
"team": "Editor: Jenga",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@atlaskit/platform-feature-flags-react": "^0.3.0",
|
|
32
32
|
"@atlaskit/popup": "^4.3.0",
|
|
33
33
|
"@atlaskit/primitives": "^14.14.0",
|
|
34
|
-
"@atlaskit/tmp-editor-statsig": "^12.
|
|
34
|
+
"@atlaskit/tmp-editor-statsig": "^12.18.0",
|
|
35
35
|
"@atlaskit/tokens": "^6.3.0",
|
|
36
36
|
"@atlaskit/tooltip": "^20.4.0",
|
|
37
37
|
"@babel/runtime": "^7.0.0",
|