@atlaskit/editor-toolbar 0.9.3 → 0.10.0

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ToolbarKeyboardNavigationProviderConfig } from '../types';
+type ToolbarKeyboardNavigationProviderProps = ToolbarKeyboardNavigationProviderConfig & {
+    children: React.ReactNode;
+};
+export declare const ToolbarKeyboardNavigationProvider: ({ children, childComponentSelector, dom, isShortcutToFocusToolbar, handleFocus, handleEscape, ariaLabel, ariaControls, }: ToolbarKeyboardNavigationProviderProps) => React.JSX.Element;
+export {};

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

@@ -5,6 +5,7 @@
 import { type ReactNode } from 'react';
 type ToolbarNestedDropdownMenuProps = {
     children?: ReactNode;
+    dropdownTestId?: string;
     elemAfter: ReactNode;
     elemBefore: ReactNode;
     /**
@@ -16,5 +17,5 @@ type ToolbarNestedDropdownMenuProps = {
     testId?: string;
     text?: string;
 };
-export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, enableMaxHeight, onClick, }: ToolbarNestedDropdownMenuProps) => JSX.Element;
+export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, dropdownTestId, enableMaxHeight, onClick, }: ToolbarNestedDropdownMenuProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/hooks/ui-context.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { OnOpenChangeArgs } from '@atlaskit/dropdown-menu';
+import type { ToolbarKeyboardNavigationProviderConfig } from '../types';
 type AnalyticsEventPayload = {
     action: string;
     actionSubject?: string;
@@ -13,6 +14,10 @@ export type ToolbarUIContextType = {
      * Indicates whether the toolbar is disabled when the editor is offline.
      */
     isDisabled?: boolean;
+    /**
+     * Configuration for Keyboard Shortcuts/ Navigation
+     */
+    keyboardNavigation?: ToolbarKeyboardNavigationProviderConfig;
     /**
      * Callback for when the dropdown is open/closed. Receives an object with `isOpen` state.
      *
@@ -34,5 +39,5 @@ export declare const useToolbarUI: () => ToolbarUIContextType;
 type ToolbarUIProviderProps = {
     children: React.ReactNode;
 } & ToolbarUIContextType;
-export declare const ToolbarUIProvider: ({ children, onDropdownOpenChanged, preventDefaultOnMouseDown, isDisabled, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, fireAnalyticsEvent, }: ToolbarUIProviderProps) => React.JSX.Element;
+export declare const ToolbarUIProvider: ({ children, onDropdownOpenChanged, preventDefaultOnMouseDown, isDisabled, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, fireAnalyticsEvent, keyboardNavigation, }: ToolbarUIProviderProps) => React.JSX.Element;
 export {};

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

@@ -5,6 +5,7 @@ export { ToolbarDropdownMenu } from './ui/ToolbarDropdownMenu';
 export { ToolbarDropdownItem } from './ui/ToolbarDropdownItem';
 export { ToolbarDropdownItemSection } from './ui/ToolbarDropdownItemSection';
 export { ToolbarNestedDropdownMenu } from './ui/ToolbarNestedDropdownMenu';
+export { ToolbarKeyboardNavigationProvider } from './ui/ToolbarKeyboardNavigationProvider';
 export { ToolbarKeyboardShortcutHint } from './ui/ToolbarKeyboardShortcutHint';
 export { ToolbarSection } from './ui/ToolbarSection';
 export { ToolbarTooltip } from './ui/ToolbarTooltip';
@@ -71,5 +72,5 @@ export { LoomIcon } from './ui/icons/LoomIcon';
 export { PlusIcon } from './ui/icons/PlusIcon';
 export { default as ColorPalette } from './ui/ColorPalette';
 export { getContrastingBackgroundColor } from './ui/ColorPalette/utils';
-export type { IconComponent } from './types';
+export type { IconComponent, ToolbarKeyboardNavigationProviderConfig } from './types';
 export { useToolbarUI, ToolbarUIProvider, type ToolbarUIContextType } from './hooks/ui-context';

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

@@ -1,2 +1,11 @@
 import { type NewCoreIconProps } from '@atlaskit/icon';
 export type IconComponent = (props: NewCoreIconProps) => JSX.Element;
+export type ToolbarKeyboardNavigationProviderConfig = {
+    ariaControls?: string;
+    ariaLabel?: string;
+    childComponentSelector: string;
+    dom?: HTMLElement;
+    handleEscape: (event: KeyboardEvent) => void;
+    handleFocus: (event: KeyboardEvent) => void;
+    isShortcutToFocusToolbar: (event: KeyboardEvent) => boolean;
+};

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

@@ -9,13 +9,14 @@ type ToolbarProps = {
      * use case: query select the toolbar to position floating toolbar
      */
     label: string;
+    testId?: string;
 } & ViewEventEmitterProps;
 /**
  * A simple component representing a toolbar with box shadows - used to represent a secondary/floating toolbar
  *
  * @note: Responsiveness support replies on container query with container editor-area and media query
  */
-export declare const Toolbar: ({ children, label, actionSubjectId }: ToolbarProps) => React.JSX.Element;
+export declare const Toolbar: ({ children, label, actionSubjectId, testId }: ToolbarProps) => React.JSX.Element;
 type PrimaryToolbarProps = ToolbarProps & ResponsiveContainerProps;
 /**
  *  A simple component representing a toolbar without box shadows - used to represent a primary toolbar

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ToolbarKeyboardNavigationProviderConfig } from '../types';
+type ToolbarKeyboardNavigationProviderProps = ToolbarKeyboardNavigationProviderConfig & {
+    children: React.ReactNode;
+};
+export declare const ToolbarKeyboardNavigationProvider: ({ children, childComponentSelector, dom, isShortcutToFocusToolbar, handleFocus, handleEscape, ariaLabel, ariaControls, }: ToolbarKeyboardNavigationProviderProps) => React.JSX.Element;
+export {};

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

@@ -5,6 +5,7 @@
 import { type ReactNode } from 'react';
 type ToolbarNestedDropdownMenuProps = {
     children?: ReactNode;
+    dropdownTestId?: string;
     elemAfter: ReactNode;
     elemBefore: ReactNode;
     /**
@@ -16,5 +17,5 @@ type ToolbarNestedDropdownMenuProps = {
     testId?: string;
     text?: string;
 };
-export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, enableMaxHeight, onClick, }: ToolbarNestedDropdownMenuProps) => JSX.Element;
+export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, dropdownTestId, enableMaxHeight, onClick, }: ToolbarNestedDropdownMenuProps) => JSX.Element;
 export {};

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "0.9.3",
+	"version": "0.10.0",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"team": "Editor: Jenga",
@@ -25,14 +25,14 @@
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
-		"@atlaskit/icon": "^28.2.0",
+		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/icon-lab": "^5.7.0",
 		"@atlaskit/logo": "^19.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
 		"@atlaskit/popup": "^4.4.0",
-		"@atlaskit/primitives": "^14.14.0",
-		"@atlaskit/tmp-editor-statsig": "^12.25.0",
+		"@atlaskit/primitives": "^14.15.0",
+		"@atlaskit/tmp-editor-statsig": "^12.32.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@babel/runtime": "^7.0.0",