@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
34 lines • 1.88 kB
TypeScript
import React from 'react';
import { AppLayoutProps } from '../../interfaces';
import { OnChangeParams } from '../../utils/use-drawers';
import { Focusable, FocusControlMultipleStates } from '../../utils/use-focus-control';
import { SplitPanelToggleProps, ToolbarProps } from '../toolbar';
export interface SharedProps {
navigationOpen: boolean;
ariaLabels: AppLayoutProps.Labels | undefined;
navigation: React.ReactNode;
onNavigationToggle?: (open: boolean) => void;
navigationFocusRef: React.Ref<Focusable> | undefined;
breadcrumbs: React.ReactNode;
activeDrawerId: string | null;
drawers: ReadonlyArray<AppLayoutProps.Drawer> | undefined;
onActiveDrawerChange: ((drawerId: string | null, params: OnChangeParams) => void) | undefined;
drawersFocusRef: React.Ref<Focusable> | undefined;
bottomDrawersFocusRef?: React.Ref<Focusable> | undefined;
globalDrawersFocusControl?: FocusControlMultipleStates | undefined;
globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;
activeGlobalDrawersIds?: ReadonlyArray<string> | undefined;
onActiveGlobalDrawersChange?: ((newDrawerId: string, params: OnChangeParams) => void) | undefined;
splitPanel: React.ReactNode;
splitPanelToggleProps: SplitPanelToggleProps | undefined;
splitPanelFocusRef?: React.Ref<Focusable> | undefined;
onSplitPanelToggle?: () => void;
expandedDrawerId?: string | null;
setExpandedDrawerId?: (value: string | null) => void;
aiDrawer?: AppLayoutProps.Drawer | undefined;
aiDrawerFocusRef: React.Ref<Focusable> | undefined;
activeGlobalBottomDrawerId?: string | null;
onActiveGlobalBottomDrawerChange?: (value: string | null, params: OnChangeParams) => void;
bottomDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;
}
export type MergeProps = (ownProps: SharedProps, additionalProps: ReadonlyArray<Partial<SharedProps>>) => ToolbarProps | null;