@innovaccer/design-system 5.0.0-21 → 5.0.0-23

package/dist/core/components/organisms/select/SelectOption.d.ts

@@ -9,6 +9,7 @@ export interface SelectOptionProps extends BaseProps {
     checkedState?: checkedType;
     withCheckbox?: boolean;
     disabled?: boolean;
+    'aria-label'?: string;
 }
 export declare const SelectOption: {
     (props: SelectOptionProps): React.JSX.Element;

package/dist/core/components/organisms/select/SelectTrigger.d.ts

@@ -3,6 +3,7 @@ import { IconType } from '@/common.type';
 import { BaseProps } from '@/utils/types';
 export type SelectTriggerSize = 'small' | 'regular';
 export interface SelectTriggerProps extends BaseProps {
+    'aria-label'?: string;
     triggerSize?: SelectTriggerSize;
     icon?: string;
     iconType?: IconType;

package/dist/core/components/organisms/table/Table.d.ts

@@ -19,6 +19,8 @@ interface AsyncProps {
     fetchData?: fetchDataFunction;
 }
 type SharedTableProps = BaseProps & {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
     showHead: GridProps['showHead'];
     type: GridProps['type'];
     size: GridProps['size'];

package/dist/core/components/organisms/timePicker/TimePickerWithInput.d.ts

@@ -12,6 +12,7 @@ export interface TimePickerInputProps {
     validators?: Validators;
     onTimeChange?: (timeVal?: string) => void;
     error?: boolean;
+    'aria-label'?: string;
 }
 export declare const TimePickerWithInput: {
     (props: TimePickerInputProps): React.JSX.Element;

package/dist/core/components/organisms/timePicker/TimePickerWithSearch.d.ts

@@ -22,6 +22,8 @@ export type TimePickerDropdownProps = {
     fetchTimeOptions?: fetchOptionsFunction;
     id?: string;
     error?: boolean;
+    'aria-label'?: string;
+    optionsAriaLabel?: string;
 } & BaseProps;
 export declare const TimePickerWithSearch: {
     (props: TimePickerDropdownProps): React.JSX.Element;

package/dist/core/components/organisms/verticalNav/MenuItem.d.ts

@@ -12,6 +12,7 @@ export interface MenuItemProps extends BaseProps {
     onClick?: (menu: Menu) => void;
     customItemRenderer?: (props: MenuItemProps) => React.JSX.Element;
     customOptionRenderer?: (props: MenuItemProps) => React.JSX.Element;
+    tabIndex?: number;
 }
 export declare const MenuItem: {
     (props: MenuItemProps): React.JSX.Element | null;

package/dist/core/components/organisms/verticalNav/utils.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Menu } from '@/utils/navigationHelper';
+export declare const getVisibleMenuItems: (container: HTMLElement | null) => HTMLElement[];
+export interface VerticalNavKeyDownOptions {
+    containerRef: React.RefObject<HTMLElement | null>;
+    setFocusedItemName: React.Dispatch<React.SetStateAction<string | null>>;
+    menuState: Record<string, boolean>;
+    subMenuExpandedState: Record<string, boolean>;
+    setMenuState: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    setSubMenuExpandedState: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    menus: Menu[];
+    expanded: boolean;
+    autoCollapse: boolean;
+}
+export declare const handleVerticalNavKeyDown: (event: React.KeyboardEvent, options: VerticalNavKeyDownOptions) => void;
+export declare const getFirstVisibleMenuItemName: (menus: Menu[], expanded: boolean) => string | null;
+export declare const getInitialFocusedItemName: (menus: Menu[], active: {
+    name?: string;
+    link?: string;
+} | undefined, menuState: Record<string, boolean>, subMenuExpandedState: Record<string, boolean>, expanded: boolean) => string | null;

package/dist/core/utils/Keys.d.ts

@@ -4,6 +4,10 @@ export declare const ENTER = 13;
 export declare const SHIFT = 16;
 export declare const ESCAPE = 27;
 export declare const SPACE = 32;
+export declare const PAGE_UP = 33;
+export declare const PAGE_DOWN = 34;
+export declare const END = 35;
+export declare const HOME = 36;
 export declare const ARROW_LEFT = 37;
 export declare const ARROW_UP = 38;
 export declare const ARROW_RIGHT = 39;

package/dist/core/utils/docPage/AccessibilityPropTable.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { A11yPropTableConfig } from './accessibilityProps';
+interface AccessibilityPropTableProps {
+    config: A11yPropTableConfig;
+}
+declare const AccessibilityPropTable: ({ config }: AccessibilityPropTableProps) => React.JSX.Element | null;
+export default AccessibilityPropTable;

package/dist/core/utils/docPage/accessibilityProps.d.ts

@@ -0,0 +1,18 @@
+export interface AccessibilityPropDef {
+    name: string;
+    type: string;
+    description: string;
+    defaultValue?: string;
+}
+export type HtmlElementType = 'button' | 'checkbox' | 'radio' | 'textbox' | 'link' | 'range' | 'listbox' | 'generic' | 'custom';
+export interface A11yPropTableConfig {
+    htmlElement: HtmlElementType;
+    customProps?: AccessibilityPropDef[];
+    nestedComponents?: {
+        name: string;
+        config: A11yPropTableConfig;
+    }[];
+}
+export declare const componentA11yRegistry: Record<string, A11yPropTableConfig>;
+export declare function resolveA11yConfig(storyConfig?: A11yPropTableConfig, componentDisplayName?: string): A11yPropTableConfig | undefined;
+export declare function getAccessibilityProps(config: A11yPropTableConfig): AccessibilityPropDef[];

package/dist/core/utils/overlayHelper.d.ts

@@ -6,4 +6,7 @@ interface elementData {
 }
 export declare const getUpdatedZIndex: (ele: elementData) => number | undefined;
 export declare const closeOnEscapeKeypress: (event: KeyboardEvent, isTopOverlay: boolean | undefined, onClose: (event: Event) => void) => void;
+export declare const getFocusableElements: (container: HTMLElement) => HTMLElement[];
+export declare const handleFocusTrapKeyDown: (event: KeyboardEvent, container: HTMLElement) => boolean;
+export declare const restoreFocusToElementIfConnected: (element: HTMLElement | null | undefined) => void;
 export {};