@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
33 lines • 1.02 kB
TypeScript
import React from 'react';
import { SingleTabStopNavigationAPI } from '@awsui/component-toolkit/internal';
export declare function KeyboardNavigationProvider({
getTreeView,
children
}: {
getTreeView: () => null | HTMLUListElement;
children: React.ReactNode;
}): JSX.Element;
export declare class KeyboardNavigationProcessor {
private _treeView;
private _navigationAPI;
private focusedTreeItem;
constructor(navigationAPI: {
current: null | SingleTabStopNavigationAPI;
});
init(treeView: HTMLUListElement): void;
cleanup: () => void;
refresh(): void;
onUnregisterActive: () => void;
getNextFocusTarget: () => HTMLElement | null;
private get treeView();
private getFocusablesFrom;
private isRegistered;
private updateFocusedTreeItem;
private onFocusin;
private onKeydown;
private getNextFocusableTreeItem;
private moveFocusInsideTreeItem;
private moveFocusBetweenTreeItems;
private moveFocusToTheLastElementInsideTreeItem;
private getNextFocusableTreeItemContent;
}