@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
30 lines • 1.53 kB
TypeScript
import React from 'react';
import { ButtonGroupProps } from '../../button-group/interfaces';
import { NonCancelableEventHandler } from '../../internal/events';
import { DrawerConfig as RuntimeDrawerConfig, DrawerStateChangeParams } from '../../internal/plugins/controllers/drawers';
import { DrawerPayload as RuntimeAiDrawerConfig } from '../../internal/plugins/widget/interfaces';
import { AppLayoutProps } from '../interfaces';
export interface RuntimeDrawer extends AppLayoutProps.Drawer {
onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;
position?: 'side' | 'bottom';
}
export interface DrawersLayout {
global: Array<RuntimeDrawer>;
localBefore: Array<RuntimeDrawer>;
localAfter: Array<RuntimeDrawer>;
}
export declare const mapRuntimeConfigToDrawer: (runtimeConfig: RuntimeDrawerConfig) => AppLayoutProps.Drawer & {
orderPriority?: number;
onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;
headerActions?: ReadonlyArray<ButtonGroupProps.Item>;
};
export declare const mapRuntimeConfigToAiDrawer: (runtimeConfig: RuntimeAiDrawerConfig) => AppLayoutProps.Drawer & {
orderPriority?: number;
onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;
headerActions?: ReadonlyArray<ButtonGroupProps.Item>;
exitExpandedModeTrigger?: React.ReactNode;
onToggleFocusMode?: NonCancelableEventHandler<{
isExpanded: boolean;
}>;
};
export declare function convertRuntimeDrawers(localDrawers: Array<RuntimeDrawerConfig>, globalDrawers: Array<RuntimeDrawerConfig>): DrawersLayout;