@wix/design-system
Version:
@wix/design-system
121 lines • 9.44 kB
TypeScript
import React, { PureComponent } from 'react';
import Footer from './components/Footer';
import Divider from './components/Divider';
import { SidePanelProps } from './SidePanel.types';
declare class SidePanel extends PureComponent<SidePanelProps> {
static displayName: string;
static contextType: React.Context<{
newBrandingClass?: string;
mobile?: boolean;
contextClassName?: string;
}>;
static Header: React.ForwardRefExoticComponent<import("./components/Header").HeaderProps & React.RefAttributes<{
renderStringTitle(skin: SidePanelProps["skin"]): React.JSX.Element;
renderSubtitle(): number | true | Iterable<React.ReactNode> | React.JSX.Element | null;
renderBackButton({ ariaLabel, onClick, onMouseDown, description, tooltipProps, }?: SidePanelProps["backButtonProps"]): React.JSX.Element;
renderTitle(skin?: SidePanelProps["skin"], backButtonProps?: SidePanelProps["backButtonProps"], closeButtonProps?: SidePanelProps["closeButtonProps"], helpButtonProps?: SidePanelProps["helpButtonProps"]): React.JSX.Element;
renderButtons(closeButtonProps?: SidePanelProps["closeButtonProps"], helpButtonProps?: SidePanelProps["helpButtonProps"]): React.JSX.Element;
render(): React.JSX.Element;
context: unknown;
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./components/Header").HeaderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly<import("./components/Header").HeaderProps>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<import("./components/Header").HeaderProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly<import("./components/Header").HeaderProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextState: Readonly<{}>, nextContext: any): void;
}>> & import("hoist-non-react-statics").NonReactStatics<{
new (props: import("./components/Header").HeaderProps): {
renderStringTitle(skin: SidePanelProps["skin"]): React.JSX.Element;
renderSubtitle(): number | true | Iterable<React.ReactNode> | React.JSX.Element | null;
renderBackButton({ ariaLabel, onClick, onMouseDown, description, tooltipProps, }?: SidePanelProps["backButtonProps"]): React.JSX.Element;
renderTitle(skin?: SidePanelProps["skin"], backButtonProps?: SidePanelProps["backButtonProps"], closeButtonProps?: SidePanelProps["closeButtonProps"], helpButtonProps?: SidePanelProps["helpButtonProps"]): React.JSX.Element;
renderButtons(closeButtonProps?: SidePanelProps["closeButtonProps"], helpButtonProps?: SidePanelProps["helpButtonProps"]): React.JSX.Element;
render(): React.JSX.Element;
context: unknown;
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./components/Header").HeaderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly<import("./components/Header").HeaderProps>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<import("./components/Header").HeaderProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly<import("./components/Header").HeaderProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextState: Readonly<{}>, nextContext: any): void;
};
new (props: import("./components/Header").HeaderProps, context: any): {
renderStringTitle(skin: SidePanelProps["skin"]): React.JSX.Element;
renderSubtitle(): number | true | Iterable<React.ReactNode> | React.JSX.Element | null;
renderBackButton({ ariaLabel, onClick, onMouseDown, description, tooltipProps, }?: SidePanelProps["backButtonProps"]): React.JSX.Element;
renderTitle(skin?: SidePanelProps["skin"], backButtonProps?: SidePanelProps["backButtonProps"], closeButtonProps?: SidePanelProps["closeButtonProps"], helpButtonProps?: SidePanelProps["helpButtonProps"]): React.JSX.Element;
renderButtons(closeButtonProps?: SidePanelProps["closeButtonProps"], helpButtonProps?: SidePanelProps["helpButtonProps"]): React.JSX.Element;
render(): React.JSX.Element;
context: unknown;
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("./components/Header").HeaderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly<import("./components/Header").HeaderProps>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<import("./components/Header").HeaderProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly<import("./components/Header").HeaderProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<import("./components/Header").HeaderProps>, nextState: Readonly<{}>, nextContext: any): void;
};
displayName: string;
defaultProps: {
showDivider: boolean;
};
contextType?: React.Context<any> | undefined;
}, {}>;
static Content: ({ children, scrollElementRef, className, noPadding, stretchVertically, }: import("./components/Content").ContentProps) => React.JSX.Element;
static Footer: typeof Footer;
static Divider: typeof Divider;
static Section: {
({ title, titleVisible, suffix, children, ariaLabel, dataHook, as, "aria-describedby": ariaDescribedBy, id, }: import("./components/Section").SectionProps): React.JSX.Element;
displayName: string;
};
static Field: {
({ noPadding, divider, dataHook, children, }: import("./components/Field").FieldProps): React.JSX.Element;
displayName: string;
};
static defaultProps: {
width: string;
height: string;
};
render(): React.JSX.Element;
}
declare const _default: React.ForwardRefExoticComponent<SidePanelProps & React.RefAttributes<SidePanel>> & import("hoist-non-react-statics").NonReactStatics<typeof SidePanel, {}>;
export default _default;
//# sourceMappingURL=SidePanel.d.ts.map