UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

75 lines 2.81 kB
import React from 'react'; /** * This elemProps hook is used when a menu item is expected to be removed. It will advance the cursor to * another item. * This elemProps hook is used for cursor navigation by using [Roving * Tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex). Only a single item in the * collection has a tab stop. Pressing an arrow key moves the tab stop to a different item in the * corresponding direction. See the [Roving Tabindex](#roving-tabindex) example. This elemProps hook * should be applied to an `*.Item` component. * * ```ts * const useMyItem = composeHooks( * useListItemRovingFocus, // adds the roving tabindex support * useListItemRegister * ); * ``` */ export declare const useListItemRemove: import("@workday/canvas-kit-react/common").BehaviorHook<{ state: { cursorId: string; columnCount: number; pageSizeRef: React.MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: { virtualItems: import("./react-virtual").VirtualItem[]; totalSize: number; scrollToOffset: (index: number, options?: import("./react-virtual").ScrollToOffsetOptions | undefined) => void; scrollToIndex: (index: number, options?: import("./react-virtual").ScrollToIndexOptions | undefined) => void; measure: () => void; }; UNSTABLE_defaultItemHeight: number; containerRef: React.RefObject<HTMLDivElement>; id: string; orientation: "horizontal" | "vertical"; indexRef: React.MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("./useBaseListModel").Item<any>[]; }; events: { goTo(data: { id: string; }): void; goToNext(): void; goToPrevious(): void; goToPreviousRow(): void; goToNextRow(): void; goToFirst(): void; goToLast(): void; goToFirstOfRow(): void; goToLastOfRow(): void; goToNextPage(): void; goToPreviousPage(): void; registerItem(data: { id: string; textValue: string; }): void; unregisterItem(data: { id: string; }): void; updateItemHeight(data: { value: number; }): void; }; navigation: import("./useCursorListModel").NavigationManager; getId: (item: any) => string; }, { readonly onKeyDown: (event: React.KeyboardEvent) => void; readonly onClick: () => void; readonly 'data-focus-id': `${string}-${string}` | `${string}-undefined`; readonly tabIndex: 0 | -1; }>; //# sourceMappingURL=useListItemRemoveable.d.ts.map