@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.
Files changed (37) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/index.js +14 -0
  3. package/dist/cjs/ui/ToolbarButton.js +4 -2
  4. package/dist/cjs/ui/ToolbarDropdownItem.js +4 -1
  5. package/dist/cjs/ui/ToolbarDropdownItemSection.js +4 -2
  6. package/dist/cjs/ui/ToolbarTooltip.js +4 -2
  7. package/dist/cjs/ui/icons/DefineIcon.js +13 -0
  8. package/dist/cjs/ui/icons/PlusIcon.js +13 -0
  9. package/dist/es2019/index.js +2 -0
  10. package/dist/es2019/ui/ToolbarButton.js +4 -2
  11. package/dist/es2019/ui/ToolbarDropdownItem.js +3 -1
  12. package/dist/es2019/ui/ToolbarDropdownItemSection.js +4 -2
  13. package/dist/es2019/ui/ToolbarTooltip.js +4 -2
  14. package/dist/es2019/ui/icons/DefineIcon.js +2 -0
  15. package/dist/es2019/ui/icons/PlusIcon.js +2 -0
  16. package/dist/esm/index.js +2 -0
  17. package/dist/esm/ui/ToolbarButton.js +4 -2
  18. package/dist/esm/ui/ToolbarDropdownItem.js +4 -1
  19. package/dist/esm/ui/ToolbarDropdownItemSection.js +4 -2
  20. package/dist/esm/ui/ToolbarTooltip.js +4 -2
  21. package/dist/esm/ui/icons/DefineIcon.js +2 -0
  22. package/dist/esm/ui/icons/PlusIcon.js +2 -0
  23. package/dist/types/index.d.ts +2 -0
  24. package/dist/types/ui/ToolbarButton.d.ts +1 -0
  25. package/dist/types/ui/ToolbarDropdownItem.d.ts +2 -1
  26. package/dist/types/ui/ToolbarDropdownItemSection.d.ts +2 -1
  27. package/dist/types/ui/ToolbarTooltip.d.ts +2 -1
  28. package/dist/types/ui/icons/DefineIcon.d.ts +1 -0
  29. package/dist/types/ui/icons/PlusIcon.d.ts +1 -0
  30. package/dist/types-ts4.5/index.d.ts +2 -0
  31. package/dist/types-ts4.5/ui/ToolbarButton.d.ts +1 -0
  32. package/dist/types-ts4.5/ui/ToolbarDropdownItem.d.ts +2 -1
  33. package/dist/types-ts4.5/ui/ToolbarDropdownItemSection.d.ts +2 -1
  34. package/dist/types-ts4.5/ui/ToolbarTooltip.d.ts +2 -1
  35. package/dist/types-ts4.5/ui/icons/DefineIcon.d.ts +1 -0
  36. package/dist/types-ts4.5/ui/icons/PlusIcon.d.ts +1 -0
  37. 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"));
@@ -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
  };
@@ -0,0 +1,2 @@
1
+ /* eslint-disable @atlaskit/editor/no-re-export */
2
+ export { default as DefineIcon } from '@atlaskit/icon/core/information-circle';
@@ -0,0 +1,2 @@
1
+ /* eslint-disable @atlaskit/editor/no-re-export */
2
+ export { default as PlusIcon } from '@atlaskit/icon/core/plus-square';
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
  };
@@ -0,0 +1,2 @@
1
+ /* eslint-disable @atlaskit/editor/no-re-export */
2
+ export { default as DefineIcon } from '@atlaskit/icon/core/information-circle';
@@ -0,0 +1,2 @@
1
+ /* eslint-disable @atlaskit/editor/no-re-export */
2
+ 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';
@@ -4,6 +4,7 @@ type ToolbarButtonProps = Partial<TriggerProps> & {
4
4
  ariaKeyshortcuts?: string;
5
5
  children?: ReactNode;
6
6
  iconBefore: React.ReactNode;
7
+ interactionName?: string;
7
8
  isDisabled?: boolean;
8
9
  isSelected?: boolean;
9
10
  label?: string;
@@ -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';
@@ -4,6 +4,7 @@ type ToolbarButtonProps = Partial<TriggerProps> & {
4
4
  ariaKeyshortcuts?: string;
5
5
  children?: ReactNode;
6
6
  iconBefore: React.ReactNode;
7
+ interactionName?: string;
7
8
  isDisabled?: boolean;
8
9
  isSelected?: boolean;
9
10
  label?: string;
@@ -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",
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.14.0",
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",