@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
59 lines • 2.26 kB
TypeScript
import React from 'react';
import { AppLayoutProps, AppLayoutPropsWithDefaults } from '../../interfaces';
import { OnChangeParams } from '../../utils/use-drawers';
import { Focusable, FocusControlMultipleStates } from '../../utils/use-focus-control';
import { InternalDrawer } from '../interfaces';
export interface SplitPanelToggleProps {
displayed: boolean | undefined;
ariaLabel: string | undefined;
controlId: string | undefined;
active: boolean | undefined;
position: AppLayoutProps.SplitPanelPosition;
}
interface DrawerTriggersProps {
ariaLabels: AppLayoutPropsWithDefaults['ariaLabels'];
activeDrawerId: string | null;
drawersFocusRef: React.Ref<Focusable> | undefined;
drawers: ReadonlyArray<InternalDrawer>;
onActiveDrawerChange: ((drawerId: string | null, params: OnChangeParams) => void) | undefined;
activeGlobalDrawersIds: ReadonlyArray<string>;
globalDrawersFocusControl?: FocusControlMultipleStates;
bottomDrawers?: ReadonlyArray<InternalDrawer>;
bottomDrawersFocusRef?: React.Ref<Focusable> | undefined;
globalDrawers: ReadonlyArray<InternalDrawer>;
onActiveGlobalDrawersChange?: (newDrawerId: string, params: OnChangeParams) => void;
expandedDrawerId?: string | null;
setExpandedDrawerId: (value: string | null) => void;
activeGlobalBottomDrawerId?: string | null;
onActiveGlobalBottomDrawerChange?: (value: string | null, params: OnChangeParams) => void;
splitPanelOpen?: boolean;
splitPanelPosition?: AppLayoutProps.SplitPanelPreferences['position'];
splitPanelToggleProps: SplitPanelToggleProps | undefined;
splitPanelFocusRef: React.Ref<Focusable> | undefined;
onSplitPanelToggle: (() => void) | undefined;
disabled: boolean;
}
export declare function DrawerTriggers({
ariaLabels,
activeDrawerId,
drawers,
drawersFocusRef,
onActiveDrawerChange,
splitPanelOpen,
splitPanelPosition,
splitPanelFocusRef,
splitPanelToggleProps,
onSplitPanelToggle,
disabled,
activeGlobalDrawersIds,
globalDrawers,
globalDrawersFocusControl,
onActiveGlobalDrawersChange,
expandedDrawerId,
setExpandedDrawerId,
activeGlobalBottomDrawerId,
onActiveGlobalBottomDrawerChange,
bottomDrawersFocusRef,
bottomDrawers
}: DrawerTriggersProps): JSX.Element | null;
export {};