@atlaskit/editor-toolbar 0.9.3 → 0.9.4

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/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "0.9.3",
+	"version": "0.9.4",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"team": "Editor: Jenga",
@@ -31,8 +31,8 @@
 		"@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.28.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@babel/runtime": "^7.0.0",