@atlaskit/editor-toolbar 0.0.7 → 0.0.8

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-toolbar
 
+## 0.0.8
+
+### Patch Changes
+
+- [#195460](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/195460)
+  [`dd320dee34d9f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dd320dee34d9f) -
+  [ux] ED-28684 register ai components to the new toolbar behind platform_editor_toolbar_aifc
+  experiment
+
 ## 0.0.7
 
 ### Patch Changes

package/afm-dev-agents/tsconfig.json

@@ -0,0 +1,54 @@
+{
+	"extends": "../../../../tsconfig.entry-points.dev-agents.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../dev-agents/tsDist/@atlaskit__editor-toolbar/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*"
+	],
+	"references": [
+		{
+			"path": "../../../design-system/badge/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/button/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/css/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/dropdown-menu/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon-lab/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/logo/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/popup/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/primitives/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tooltip/afm-dev-agents/tsconfig.json"
+		}
+	]
+}

package/dist/cjs/index.js

@@ -9,6 +9,24 @@ Object.defineProperty(exports, "AIAdjustLengthIcon", {
     return _AIAdjustLengthIcon.AIAdjustLengthIcon;
   }
 });
+Object.defineProperty(exports, "AIBriefcaseIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AIProfessionalIcon.AIBriefcaseIcon;
+  }
+});
+Object.defineProperty(exports, "AICasualIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AICasualIcon.AICasualIcon;
+  }
+});
+Object.defineProperty(exports, "AIChangeToneIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AIChangeToneIcon.AIChangeToneIcon;
+  }
+});
 Object.defineProperty(exports, "AIChatIcon", {
   enumerable: true,
   get: function get() {
@@ -21,6 +39,42 @@ Object.defineProperty(exports, "AICommandIcon", {
     return _AICommandIcon.AICommandIcon;
   }
 });
+Object.defineProperty(exports, "AIHeartIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AIHeartIcon.AIHeartIcon;
+  }
+});
+Object.defineProperty(exports, "AILengthenIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AILengthenIcon.AILengthenIcon;
+  }
+});
+Object.defineProperty(exports, "AIShortenIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AIShortenIcon.AIShortenIcon;
+  }
+});
+Object.defineProperty(exports, "AISpellcheckIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AISpellcheckIcon.AISpellcheckIcon;
+  }
+});
+Object.defineProperty(exports, "AISummarizeIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AISummarizeIcon.AISummarizeIcon;
+  }
+});
+Object.defineProperty(exports, "AITranslateIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AITranslateIcon.AITranslateIcon;
+  }
+});
 Object.defineProperty(exports, "AddIcon", {
   enumerable: true,
   get: function get() {
@@ -111,6 +165,12 @@ Object.defineProperty(exports, "MoreItemsIcon", {
     return _MoreItemsIcon.MoreItemsIcon;
   }
 });
+Object.defineProperty(exports, "NestedDropdownRightIcon", {
+  enumerable: true,
+  get: function get() {
+    return _NestedDropdownRightIcon.NestedDropdownRightIcon;
+  }
+});
 Object.defineProperty(exports, "PinIcon", {
   enumerable: true,
   get: function get() {
@@ -183,6 +243,12 @@ Object.defineProperty(exports, "ToolbarKeyboardShortcutHint", {
     return _ToolbarKeyboardShortcutHint.ToolbarKeyboardShortcutHint;
   }
 });
+Object.defineProperty(exports, "ToolbarNestedDropdownMenu", {
+  enumerable: true,
+  get: function get() {
+    return _ToolbarNestedDropdownMenu.ToolbarNestedDropdownMenu;
+  }
+});
 Object.defineProperty(exports, "ToolbarSection", {
   enumerable: true,
   get: function get() {
@@ -204,8 +270,19 @@ var _ToolbarDropdownItemSection = require("./ui/ToolbarDropdownItemSection");
 var _ToolbarKeyboardShortcutHint = require("./ui/ToolbarKeyboardShortcutHint");
 var _ToolbarSection = require("./ui/ToolbarSection");
 var _ToolbarTooltip = require("./ui/ToolbarTooltip");
+var _ToolbarNestedDropdownMenu = require("./ui/ToolbarNestedDropdownMenu");
 var _AIAdjustLengthIcon = require("./ui/icons/AIAdjustLengthIcon");
 var _AIChatIcon = require("./ui/icons/AIChatIcon");
+var _AIProfessionalIcon = require("./ui/icons/AIProfessionalIcon");
+var _AICasualIcon = require("./ui/icons/AICasualIcon");
+var _AIHeartIcon = require("./ui/icons/AIHeartIcon");
+var _AIShortenIcon = require("./ui/icons/AIShortenIcon");
+var _AISpellcheckIcon = require("./ui/icons/AISpellcheckIcon");
+var _AIChangeToneIcon = require("./ui/icons/AIChangeToneIcon");
+var _AILengthenIcon = require("./ui/icons/AILengthenIcon");
+var _AISummarizeIcon = require("./ui/icons/AISummarizeIcon");
+var _AITranslateIcon = require("./ui/icons/AITranslateIcon");
+var _NestedDropdownRightIcon = require("./ui/icons/NestedDropdownRightIcon");
 var _AICommandIcon = require("./ui/icons/AICommandIcon");
 var _AddIcon = require("./ui/icons/AddIcon");
 var _AppsIcon = require("./ui/icons/AppsIcon");

package/dist/cjs/ui/ToolbarDropdownMenu.js

@@ -12,7 +12,8 @@ var ToolbarDropdownMenu = exports.ToolbarDropdownMenu = function ToolbarDropdown
   var iconBefore = _ref.iconBefore,
     groupLocation = _ref.groupLocation,
     children = _ref.children,
-    isDisabled = _ref.isDisabled;
+    isDisabled = _ref.isDisabled,
+    testId = _ref.testId;
   return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
     trigger: function trigger(triggerProps) {
       return /*#__PURE__*/_react.default.createElement(_ToolbarButton.ToolbarButton, {
@@ -24,7 +25,7 @@ var ToolbarDropdownMenu = exports.ToolbarDropdownMenu = function ToolbarDropdown
         onBlur: triggerProps.onBlur,
         onClick: triggerProps.onClick,
         onFocus: triggerProps.onFocus,
-        testId: triggerProps.testId,
+        testId: testId,
         iconBefore: iconBefore,
         groupLocation: groupLocation,
         isDisabled: isDisabled

package/dist/cjs/ui/ToolbarNestedDropdownMenu.js

@@ -13,7 +13,8 @@ var ToolbarNestedDropdownMenu = exports.ToolbarNestedDropdownMenu = function Too
     text = _ref.text,
     elemAfter = _ref.elemAfter,
     children = _ref.children,
-    isDisabled = _ref.isDisabled;
+    isDisabled = _ref.isDisabled,
+    testId = _ref.testId;
   return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
     placement: "right-start",
     trigger: function trigger(triggerProps) {
@@ -22,7 +23,7 @@ var ToolbarNestedDropdownMenu = exports.ToolbarNestedDropdownMenu = function Too
         elemAfter: elemAfter,
         isSelected: triggerProps.isSelected,
         onClick: triggerProps.onClick,
-        testId: triggerProps.testId,
+        testId: testId,
         triggerRef: triggerProps.triggerRef,
         hasNestedDropdownMenu: true,
         isDisabled: isDisabled

package/dist/cjs/ui/icons/AILengthenIcon.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AILenghtenIcon", {
+Object.defineProperty(exports, "AILengthenIcon", {
   enumerable: true,
   get: function get() {
     return _textLengthen.default;

package/dist/cjs/ui/icons/AISummarizeIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AISummarizeIcon", {
+  enumerable: true,
+  get: function get() {
+    return _aiGenerativeTextSummary.default;
+  }
+});
+var _aiGenerativeTextSummary = _interopRequireDefault(require("@atlaskit/icon/core/ai-generative-text-summary"));

package/dist/es2019/index.js

@@ -8,8 +8,19 @@ export { ToolbarDropdownItemSection } from './ui/ToolbarDropdownItemSection';
 export { ToolbarKeyboardShortcutHint } from './ui/ToolbarKeyboardShortcutHint';
 export { ToolbarSection } from './ui/ToolbarSection';
 export { ToolbarTooltip } from './ui/ToolbarTooltip';
+export { ToolbarNestedDropdownMenu } from './ui/ToolbarNestedDropdownMenu';
 export { AIAdjustLengthIcon } from './ui/icons/AIAdjustLengthIcon';
 export { AIChatIcon } from './ui/icons/AIChatIcon';
+export { AIBriefcaseIcon } from './ui/icons/AIProfessionalIcon';
+export { AICasualIcon } from './ui/icons/AICasualIcon';
+export { AIHeartIcon } from './ui/icons/AIHeartIcon';
+export { AIShortenIcon } from './ui/icons/AIShortenIcon';
+export { AISpellcheckIcon } from './ui/icons/AISpellcheckIcon';
+export { AIChangeToneIcon } from './ui/icons/AIChangeToneIcon';
+export { AILengthenIcon } from './ui/icons/AILengthenIcon';
+export { AISummarizeIcon } from './ui/icons/AISummarizeIcon';
+export { AITranslateIcon } from './ui/icons/AITranslateIcon';
+export { NestedDropdownRightIcon } from './ui/icons/NestedDropdownRightIcon';
 export { AICommandIcon } from './ui/icons/AICommandIcon';
 export { AddIcon } from './ui/icons/AddIcon';
 export { AppsIcon } from './ui/icons/AppsIcon';

package/dist/es2019/ui/ToolbarDropdownMenu.js

@@ -5,7 +5,8 @@ export const ToolbarDropdownMenu = ({
   iconBefore,
   groupLocation,
   children,
-  isDisabled
+  isDisabled,
+  testId
 }) => {
   return /*#__PURE__*/React.createElement(DropdownMenu, {
     trigger: triggerProps => /*#__PURE__*/React.createElement(ToolbarButton, {
@@ -17,7 +18,7 @@ export const ToolbarDropdownMenu = ({
       onBlur: triggerProps.onBlur,
       onClick: triggerProps.onClick,
       onFocus: triggerProps.onFocus,
-      testId: triggerProps.testId,
+      testId: testId,
       iconBefore: iconBefore,
       groupLocation: groupLocation,
       isDisabled: isDisabled

package/dist/es2019/ui/ToolbarNestedDropdownMenu.js

@@ -6,7 +6,8 @@ export const ToolbarNestedDropdownMenu = ({
   text,
   elemAfter,
   children,
-  isDisabled
+  isDisabled,
+  testId
 }) => {
   return /*#__PURE__*/React.createElement(DropdownMenu, {
     placement: "right-start",
@@ -15,7 +16,7 @@ export const ToolbarNestedDropdownMenu = ({
       elemAfter: elemAfter,
       isSelected: triggerProps.isSelected,
       onClick: triggerProps.onClick,
-      testId: triggerProps.testId,
+      testId: testId,
       triggerRef: triggerProps.triggerRef,
       hasNestedDropdownMenu: true,
       isDisabled: isDisabled

package/dist/es2019/ui/icons/AILengthenIcon.js

@@ -1,2 +1,2 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { default as AILenghtenIcon } from '@atlaskit/icon-lab/core/text-lengthen';
+export { default as AILengthenIcon } from '@atlaskit/icon-lab/core/text-lengthen';

package/dist/es2019/ui/icons/AISummarizeIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as AISummarizeIcon } from '@atlaskit/icon/core/ai-generative-text-summary';

package/dist/esm/index.js

@@ -8,8 +8,19 @@ export { ToolbarDropdownItemSection } from './ui/ToolbarDropdownItemSection';
 export { ToolbarKeyboardShortcutHint } from './ui/ToolbarKeyboardShortcutHint';
 export { ToolbarSection } from './ui/ToolbarSection';
 export { ToolbarTooltip } from './ui/ToolbarTooltip';
+export { ToolbarNestedDropdownMenu } from './ui/ToolbarNestedDropdownMenu';
 export { AIAdjustLengthIcon } from './ui/icons/AIAdjustLengthIcon';
 export { AIChatIcon } from './ui/icons/AIChatIcon';
+export { AIBriefcaseIcon } from './ui/icons/AIProfessionalIcon';
+export { AICasualIcon } from './ui/icons/AICasualIcon';
+export { AIHeartIcon } from './ui/icons/AIHeartIcon';
+export { AIShortenIcon } from './ui/icons/AIShortenIcon';
+export { AISpellcheckIcon } from './ui/icons/AISpellcheckIcon';
+export { AIChangeToneIcon } from './ui/icons/AIChangeToneIcon';
+export { AILengthenIcon } from './ui/icons/AILengthenIcon';
+export { AISummarizeIcon } from './ui/icons/AISummarizeIcon';
+export { AITranslateIcon } from './ui/icons/AITranslateIcon';
+export { NestedDropdownRightIcon } from './ui/icons/NestedDropdownRightIcon';
 export { AICommandIcon } from './ui/icons/AICommandIcon';
 export { AddIcon } from './ui/icons/AddIcon';
 export { AppsIcon } from './ui/icons/AppsIcon';

package/dist/esm/ui/ToolbarDropdownMenu.js

@@ -5,7 +5,8 @@ export var ToolbarDropdownMenu = function ToolbarDropdownMenu(_ref) {
   var iconBefore = _ref.iconBefore,
     groupLocation = _ref.groupLocation,
     children = _ref.children,
-    isDisabled = _ref.isDisabled;
+    isDisabled = _ref.isDisabled,
+    testId = _ref.testId;
   return /*#__PURE__*/React.createElement(DropdownMenu, {
     trigger: function trigger(triggerProps) {
       return /*#__PURE__*/React.createElement(ToolbarButton, {
@@ -17,7 +18,7 @@ export var ToolbarDropdownMenu = function ToolbarDropdownMenu(_ref) {
         onBlur: triggerProps.onBlur,
         onClick: triggerProps.onClick,
         onFocus: triggerProps.onFocus,
-        testId: triggerProps.testId,
+        testId: testId,
         iconBefore: iconBefore,
         groupLocation: groupLocation,
         isDisabled: isDisabled

package/dist/esm/ui/ToolbarNestedDropdownMenu.js

@@ -6,7 +6,8 @@ export var ToolbarNestedDropdownMenu = function ToolbarNestedDropdownMenu(_ref)
     text = _ref.text,
     elemAfter = _ref.elemAfter,
     children = _ref.children,
-    isDisabled = _ref.isDisabled;
+    isDisabled = _ref.isDisabled,
+    testId = _ref.testId;
   return /*#__PURE__*/React.createElement(DropdownMenu, {
     placement: "right-start",
     trigger: function trigger(triggerProps) {
@@ -15,7 +16,7 @@ export var ToolbarNestedDropdownMenu = function ToolbarNestedDropdownMenu(_ref)
         elemAfter: elemAfter,
         isSelected: triggerProps.isSelected,
         onClick: triggerProps.onClick,
-        testId: triggerProps.testId,
+        testId: testId,
         triggerRef: triggerProps.triggerRef,
         hasNestedDropdownMenu: true,
         isDisabled: isDisabled

package/dist/esm/ui/icons/AILengthenIcon.js

@@ -1,2 +1,2 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { default as AILenghtenIcon } from '@atlaskit/icon-lab/core/text-lengthen';
+export { default as AILengthenIcon } from '@atlaskit/icon-lab/core/text-lengthen';

package/dist/esm/ui/icons/AISummarizeIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as AISummarizeIcon } from '@atlaskit/icon/core/ai-generative-text-summary';

package/dist/types/index.d.ts

@@ -7,8 +7,19 @@ export { ToolbarDropdownItemSection } from './ui/ToolbarDropdownItemSection';
 export { ToolbarKeyboardShortcutHint } from './ui/ToolbarKeyboardShortcutHint';
 export { ToolbarSection } from './ui/ToolbarSection';
 export { ToolbarTooltip } from './ui/ToolbarTooltip';
+export { ToolbarNestedDropdownMenu } from './ui/ToolbarNestedDropdownMenu';
 export { AIAdjustLengthIcon } from './ui/icons/AIAdjustLengthIcon';
 export { AIChatIcon } from './ui/icons/AIChatIcon';
+export { AIBriefcaseIcon } from './ui/icons/AIProfessionalIcon';
+export { AICasualIcon } from './ui/icons/AICasualIcon';
+export { AIHeartIcon } from './ui/icons/AIHeartIcon';
+export { AIShortenIcon } from './ui/icons/AIShortenIcon';
+export { AISpellcheckIcon } from './ui/icons/AISpellcheckIcon';
+export { AIChangeToneIcon } from './ui/icons/AIChangeToneIcon';
+export { AILengthenIcon } from './ui/icons/AILengthenIcon';
+export { AISummarizeIcon } from './ui/icons/AISummarizeIcon';
+export { AITranslateIcon } from './ui/icons/AITranslateIcon';
+export { NestedDropdownRightIcon } from './ui/icons/NestedDropdownRightIcon';
 export { AICommandIcon } from './ui/icons/AICommandIcon';
 export { AddIcon } from './ui/icons/AddIcon';
 export { AppsIcon } from './ui/icons/AppsIcon';

package/dist/types/ui/ToolbarColorSwatch.d.ts

@@ -3,5 +3,5 @@ type ToolbarColorSwatchProps = {
     children?: ReactNode;
     highlightColor?: string;
 };
-export declare const ToolbarColorSwatch: ({ children, highlightColor, }: ToolbarColorSwatchProps) => React.JSX.Element;
+export declare const ToolbarColorSwatch: ({ children, highlightColor }: ToolbarColorSwatchProps) => React.JSX.Element;
 export {};

package/dist/types/ui/ToolbarDropdownMenu.d.ts

@@ -5,6 +5,7 @@ type ToolbarDropdownMenuProps = {
     children?: ReactNode;
     groupLocation?: ToolbarButtonGroupLocation;
     isDisabled?: boolean;
+    testId?: string;
 };
-export declare const ToolbarDropdownMenu: ({ iconBefore, groupLocation, children, isDisabled, }: ToolbarDropdownMenuProps) => React.JSX.Element;
+export declare const ToolbarDropdownMenu: ({ iconBefore, groupLocation, children, isDisabled, testId, }: ToolbarDropdownMenuProps) => React.JSX.Element;
 export {};

package/dist/types/ui/ToolbarNestedDropdownMenu.d.ts

@@ -5,6 +5,7 @@ type ToolbarNestedDropdownMenuProps = {
     text?: string;
     children?: ReactNode;
     isDisabled?: boolean;
+    testId?: string;
 };
-export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, }: ToolbarNestedDropdownMenuProps) => React.JSX.Element;
+export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, }: ToolbarNestedDropdownMenuProps) => React.JSX.Element;
 export {};

package/dist/types/ui/icons/AILengthenIcon.d.ts

@@ -1 +1 @@
-export { default as AILenghtenIcon } from '@atlaskit/icon-lab/core/text-lengthen';
+export { default as AILengthenIcon } from '@atlaskit/icon-lab/core/text-lengthen';

package/dist/types/ui/icons/AISummarizeIcon.d.ts

@@ -0,0 +1 @@
+export { default as AISummarizeIcon } from '@atlaskit/icon/core/ai-generative-text-summary';

package/dist/types-ts4.5/index.d.ts

@@ -7,8 +7,19 @@ export { ToolbarDropdownItemSection } from './ui/ToolbarDropdownItemSection';
 export { ToolbarKeyboardShortcutHint } from './ui/ToolbarKeyboardShortcutHint';
 export { ToolbarSection } from './ui/ToolbarSection';
 export { ToolbarTooltip } from './ui/ToolbarTooltip';
+export { ToolbarNestedDropdownMenu } from './ui/ToolbarNestedDropdownMenu';
 export { AIAdjustLengthIcon } from './ui/icons/AIAdjustLengthIcon';
 export { AIChatIcon } from './ui/icons/AIChatIcon';
+export { AIBriefcaseIcon } from './ui/icons/AIProfessionalIcon';
+export { AICasualIcon } from './ui/icons/AICasualIcon';
+export { AIHeartIcon } from './ui/icons/AIHeartIcon';
+export { AIShortenIcon } from './ui/icons/AIShortenIcon';
+export { AISpellcheckIcon } from './ui/icons/AISpellcheckIcon';
+export { AIChangeToneIcon } from './ui/icons/AIChangeToneIcon';
+export { AILengthenIcon } from './ui/icons/AILengthenIcon';
+export { AISummarizeIcon } from './ui/icons/AISummarizeIcon';
+export { AITranslateIcon } from './ui/icons/AITranslateIcon';
+export { NestedDropdownRightIcon } from './ui/icons/NestedDropdownRightIcon';
 export { AICommandIcon } from './ui/icons/AICommandIcon';
 export { AddIcon } from './ui/icons/AddIcon';
 export { AppsIcon } from './ui/icons/AppsIcon';

package/dist/types-ts4.5/ui/ToolbarColorSwatch.d.ts

@@ -3,5 +3,5 @@ type ToolbarColorSwatchProps = {
     children?: ReactNode;
     highlightColor?: string;
 };
-export declare const ToolbarColorSwatch: ({ children, highlightColor, }: ToolbarColorSwatchProps) => React.JSX.Element;
+export declare const ToolbarColorSwatch: ({ children, highlightColor }: ToolbarColorSwatchProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/ToolbarDropdownMenu.d.ts

@@ -5,6 +5,7 @@ type ToolbarDropdownMenuProps = {
     children?: ReactNode;
     groupLocation?: ToolbarButtonGroupLocation;
     isDisabled?: boolean;
+    testId?: string;
 };
-export declare const ToolbarDropdownMenu: ({ iconBefore, groupLocation, children, isDisabled, }: ToolbarDropdownMenuProps) => React.JSX.Element;
+export declare const ToolbarDropdownMenu: ({ iconBefore, groupLocation, children, isDisabled, testId, }: ToolbarDropdownMenuProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/ToolbarNestedDropdownMenu.d.ts

@@ -5,6 +5,7 @@ type ToolbarNestedDropdownMenuProps = {
     text?: string;
     children?: ReactNode;
     isDisabled?: boolean;
+    testId?: string;
 };
-export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, }: ToolbarNestedDropdownMenuProps) => React.JSX.Element;
+export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, }: ToolbarNestedDropdownMenuProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/icons/AILengthenIcon.d.ts

@@ -1 +1 @@
-export { default as AILenghtenIcon } from '@atlaskit/icon-lab/core/text-lengthen';
+export { default as AILengthenIcon } from '@atlaskit/icon-lab/core/text-lengthen';

package/dist/types-ts4.5/ui/icons/AISummarizeIcon.d.ts

@@ -0,0 +1 @@
+export { default as AISummarizeIcon } from '@atlaskit/icon/core/ai-generative-text-summary';

package/examples/toolbar/examples/ExampleManuallyComposedToolbar.tsx

@@ -12,7 +12,7 @@ import { AIChangeToneIcon } from '../../../src/ui/icons/AIChangeToneIcon';
 import { AIChatIcon } from '../../../src/ui/icons/AIChatIcon';
 import { AICommandIcon } from '../../../src/ui/icons/AICommandIcon';
 import { AIHeartIcon } from '../../../src/ui/icons/AIHeartIcon';
-import { AILenghtenIcon } from '../../../src/ui/icons/AILengthenIcon';
+import { AILengthenIcon } from '../../../src/ui/icons/AILengthenIcon';
 import { AIBriefcaseIcon } from '../../../src/ui/icons/AIProfessionalIcon';
 import { AIShortenIcon } from '../../../src/ui/icons/AIShortenIcon';
 import { AISpellcheckIcon } from '../../../src/ui/icons/AISpellcheckIcon';
@@ -165,7 +165,7 @@ export const ExampleManuallyComposedToolbar = () => {
 											Make shorter
 										</ToolbarDropdownItem>
 										<ToolbarDropdownItem
-											elemBefore={<AILenghtenIcon label="Make longer" />}
+											elemBefore={<AILengthenIcon label="Make longer" />}
 											onClick={onClick('Make longer')}
 										>
 											Make longer

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "0.0.7",
+	"version": "0.0.8",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"team": "Editor: Jenga",

package/src/index.ts

@@ -8,9 +8,20 @@ export { ToolbarDropdownItemSection } from './ui/ToolbarDropdownItemSection';
 export { ToolbarKeyboardShortcutHint } from './ui/ToolbarKeyboardShortcutHint';
 export { ToolbarSection } from './ui/ToolbarSection';
 export { ToolbarTooltip } from './ui/ToolbarTooltip';
+export { ToolbarNestedDropdownMenu } from './ui/ToolbarNestedDropdownMenu';
 
 export { AIAdjustLengthIcon } from './ui/icons/AIAdjustLengthIcon';
 export { AIChatIcon } from './ui/icons/AIChatIcon';
+export { AIBriefcaseIcon } from './ui/icons/AIProfessionalIcon';
+export { AICasualIcon } from './ui/icons/AICasualIcon';
+export { AIHeartIcon } from './ui/icons/AIHeartIcon';
+export { AIShortenIcon } from './ui/icons/AIShortenIcon';
+export { AISpellcheckIcon } from './ui/icons/AISpellcheckIcon';
+export { AIChangeToneIcon } from './ui/icons/AIChangeToneIcon';
+export { AILengthenIcon } from './ui/icons/AILengthenIcon';
+export { AISummarizeIcon } from './ui/icons/AISummarizeIcon';
+export { AITranslateIcon } from './ui/icons/AITranslateIcon';
+export { NestedDropdownRightIcon } from './ui/icons/NestedDropdownRightIcon';
 export { AICommandIcon } from './ui/icons/AICommandIcon';
 export { AddIcon } from './ui/icons/AddIcon';
 export { AppsIcon } from './ui/icons/AppsIcon';

package/src/ui/ToolbarColorSwatch.tsx

@@ -23,10 +23,7 @@ const styles = cssMap({
 	},
 });
 
-export const ToolbarColorSwatch = ({
-	children,
-	highlightColor,
-}: ToolbarColorSwatchProps) => {
+export const ToolbarColorSwatch = ({ children, highlightColor }: ToolbarColorSwatchProps) => {
 	return (
 		<Box
 			xcss={styles.colorSwatch}

package/src/ui/ToolbarDropdownMenu.tsx

@@ -11,6 +11,7 @@ type ToolbarDropdownMenuProps = {
 	children?: ReactNode;
 	groupLocation?: ToolbarButtonGroupLocation;
 	isDisabled?: boolean;
+	testId?: string;
 };
 
 export const ToolbarDropdownMenu = ({
@@ -18,6 +19,7 @@ export const ToolbarDropdownMenu = ({
 	groupLocation,
 	children,
 	isDisabled,
+	testId,
 }: ToolbarDropdownMenuProps) => {
 	return (
 		<DropdownMenu<HTMLButtonElement>
@@ -31,7 +33,7 @@ export const ToolbarDropdownMenu = ({
 					onBlur={triggerProps.onBlur}
 					onClick={triggerProps.onClick}
 					onFocus={triggerProps.onFocus}
-					testId={triggerProps.testId}
+					testId={testId}
 					iconBefore={iconBefore}
 					groupLocation={groupLocation}
 					isDisabled={isDisabled}

package/src/ui/ToolbarNestedDropdownMenu.tsx

@@ -10,6 +10,7 @@ type ToolbarNestedDropdownMenuProps = {
 	text?: string;
 	children?: ReactNode;
 	isDisabled?: boolean;
+	testId?: string;
 };
 
 export const ToolbarNestedDropdownMenu = ({
@@ -18,6 +19,7 @@ export const ToolbarNestedDropdownMenu = ({
 	elemAfter,
 	children,
 	isDisabled,
+	testId,
 }: ToolbarNestedDropdownMenuProps) => {
 	return (
 		<DropdownMenu<HTMLButtonElement>
@@ -28,7 +30,7 @@ export const ToolbarNestedDropdownMenu = ({
 					elemAfter={elemAfter}
 					isSelected={triggerProps.isSelected}
 					onClick={triggerProps.onClick}
-					testId={triggerProps.testId}
+					testId={testId}
 					triggerRef={triggerProps.triggerRef}
 					hasNestedDropdownMenu={true}
 					isDisabled={isDisabled}

package/src/ui/icons/AILengthenIcon.tsx

@@ -1,2 +1,2 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { default as AILenghtenIcon } from '@atlaskit/icon-lab/core/text-lengthen';
+export { default as AILengthenIcon } from '@atlaskit/icon-lab/core/text-lengthen';

package/src/ui/icons/AISummarizeIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as AISummarizeIcon } from '@atlaskit/icon/core/ai-generative-text-summary';