/** * empty comment line Ivan Marshalkin * * @author: Ivan Marshalkin * @date: 2019-04-26 */ import * as React from 'react'; import { CardPanelGrid } from './CardPanelGrid'; import { CardPanelGroup } from './CardPanelGroup'; declare type CardPanelTheme = 'default' | 'dark'; export declare type CardPanelFlexDirection = 'column' | // default value. render all children in column 'row' | // add flex to content, every children will be rendered in one row 'row-wrap' | // add grid to content. if @media < 1320, one column, if @media >= 1320 to columns (minmax(435px, 695px) minmax(435px, 695px)) 'row-resizable'; export declare type ResizerOptions = { minWidth?: number; maxWidth?: number; }; export interface ICardPanelProps { children?: React.ReactNode; title?: React.ReactNode; titleTooltip?: string; internal?: boolean; isCollapsed?: boolean; hideOverflow?: boolean; leftExtraItems?: React.ReactNode; rightExtraItems?: React.ReactNode; noBodyPadding?: boolean; contentAutoHeight?: boolean; 'data-qaid'?: string; 'data-panel-id'?: string; onToggleCollapse?: (isCollapsed: boolean) => void; mountOnExpand?: boolean; theme?: CardPanelTheme; flexDirection?: CardPanelFlexDirection; isSticky?: boolean; isWide?: boolean; forwardRef?: React.RefObject; resizerOptions?: ResizerOptions; helperText?: React.ReactNode; helperTitle?: string; } interface IState { isCollapsed: boolean; isShowHelp: boolean; } export declare class CardPanel extends React.Component { static Group: typeof CardPanelGroup; static Grid: typeof CardPanelGrid; static defaultProps: { hideOverflow: boolean; }; private minResizerWidth?; DEFAULT_RESIZABLE_CONTENT_WIDTH: number; resizerColumnRef: React.RefObject; state: IState; expand(): void; get drawHeader(): React.ReactNode; get rightItems(): JSX.Element; get renderContent(): JSX.Element; get cardStyle(): string | undefined; get cardHeaderStyle(): string | undefined; get renderHelper(): JSX.Element; private toggleHelp; private setResizerDefaultWidth; componentDidMount(): void; componentDidUpdate(prevProps: Readonly, prevState: Readonly, snapshot?: any): void; handleCollapseClick: (e: React.SyntheticEvent) => void; private getResizableWidth; render(): JSX.Element; } export {};