@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
29 lines • 1.01 kB
TypeScript
import { RefObject } from 'react';
export interface Focusable {
focus(): void;
}
export interface FocusControlRefs {
toggle: RefObject<Focusable>;
close: RefObject<Focusable>;
slider: RefObject<HTMLDivElement>;
}
export interface FocusControlState {
refs: FocusControlRefs;
setFocus: (options?: {
force: boolean;
autoFocus?: boolean;
}) => void;
loseFocus: () => void;
}
export interface FocusControlMultipleStates {
refs: Record<string, FocusControlRefs>;
setFocus: (params?: {
force?: boolean;
drawerId?: string;
open?: boolean;
}) => void;
loseFocus: () => void;
}
export declare function useMultipleFocusControl(restoreFocus: boolean, activeDrawersIds: Array<string>): FocusControlMultipleStates;
export declare function useFocusControl(isOpen: boolean, restoreFocus?: boolean, activeDrawerId?: string | null): FocusControlState;
export declare function useAsyncFocusControl(isOpen: boolean, restoreFocus?: boolean, activeDrawerId?: string | null): FocusControlState;