@navinc/base-react-components
Version:
Nav's Pattern Library
128 lines (127 loc) • 5.35 kB
TypeScript
export const CardHeader: import("styled-components").StyledComponent<({ bold, shouldScaleFont, light, ...props }: import("../../copy").CopyProps) => JSX.Element, any, {
size: "sm";
}, "size">;
export const Title: import("styled-components").StyledComponent<"h1", any, {
as: any;
} & {
size: string;
}, "size" | "as">;
export const CardBody: import("styled-components").StyledComponent<"div", any, {}, never>;
export const StyledCard: import("styled-components").StyledComponent<"div", any, {}, never>;
export const CloseIcon: import("styled-components").StyledComponent<"img", any, {}, never>;
export const CheckMark: import("styled-components").StyledComponent<"img", any, {}, never>;
export const DismissCard: import("styled-components").StyledComponent<"div", any, {}, never>;
export const Undo: import("styled-components").StyledComponent<({ bold, shouldScaleFont, light, ...props }: import("../../copy").CopyProps) => JSX.Element, any, {}, never>;
export const BackButton: import("styled-components").StyledComponent<{
({ isLoading, ...props }: {
isLoading?: boolean | undefined;
href?: string | undefined;
asAnchor?: boolean | undefined;
} & ({
children?: React.ReactNode;
isLoading?: boolean | undefined;
onClick?: React.ReactEventHandler<Element> | undefined;
trackingContext?: {
type?: string | undefined;
context?: string | undefined;
category?: string | undefined;
payload?: {
category?: string | undefined;
label?: string | undefined;
name?: string | undefined;
} | undefined;
options?: {
integrations?: {
Salesforce?: boolean | undefined;
} | undefined;
} | undefined;
} | undefined;
} & (({
[x: string]: any;
[x: number]: any;
[x: symbol]: any;
} & {
theme?: any;
} & ({} | {
children?: React.ReactNode;
})) & {
as?: string | React.ComponentType<any> | undefined;
forwardedAs?: string | React.ComponentType<any> | undefined;
}))): JSX.Element;
displayName: string;
}, any, {}, never>;
export const NextButton: import("styled-components").StyledComponent<{
({ isLoading, ...props }: {
isLoading?: boolean | undefined;
href?: string | undefined;
asAnchor?: boolean | undefined;
} & ({
children?: React.ReactNode;
isLoading?: boolean | undefined;
onClick?: React.ReactEventHandler<Element> | undefined;
trackingContext?: {
type?: string | undefined;
context?: string | undefined;
category?: string | undefined;
payload?: {
category?: string | undefined;
label?: string | undefined;
name?: string | undefined;
} | undefined;
options?: {
integrations?: {
Salesforce?: boolean | undefined;
} | undefined;
} | undefined;
} | undefined;
} & (({
[x: string]: any;
[x: number]: any;
[x: symbol]: any;
} & {
theme?: any;
} & ({} | {
children?: React.ReactNode;
})) & {
as?: string | React.ComponentType<any> | undefined;
forwardedAs?: string | React.ComponentType<any> | undefined;
}))): JSX.Element;
displayName: string;
}, any, {}, never>;
export const Kebab: import("styled-components").StyledComponent<"img", any, {
src: "https://dxkdvuv3hanyu.cloudfront.net/design-assets/icons/kebab-menu.svg";
}, "src">;
export const Footer: import("styled-components").StyledComponent<"div", any, {}, never>;
export class Card extends React.Component<any, any, any> {
static propTypes: {
buttonCopy: propTypes.Requireable<string>;
children: propTypes.Requireable<propTypes.ReactNodeLike>;
className: propTypes.Requireable<string>;
hasFooter: propTypes.Requireable<boolean>;
labelCopy: propTypes.Requireable<string>;
onBack: propTypes.Requireable<(...args: any[]) => any>;
onDismiss: propTypes.Requireable<(...args: any[]) => any>;
onNext: propTypes.Requireable<(...args: any[]) => any>;
onHide: propTypes.Requireable<(...args: any[]) => any>;
onToggleKebab: propTypes.Requireable<(...args: any[]) => any>;
onUndo: propTypes.Requireable<(...args: any[]) => any>;
titleCopy: propTypes.Requireable<string>;
buttonDisabled: propTypes.Requireable<boolean>;
buttonForm: propTypes.Requireable<string>;
controlledHeight: propTypes.Requireable<boolean>;
kebabMenuItems: propTypes.Requireable<any[]>;
shouldNotAnimate: propTypes.Requireable<boolean>;
};
constructor(props: any);
constructor(props: any, context: any);
toggleKebabMenu: (event: any) => void;
togglehideCard: (event: any) => void;
dismissCard: (event: any) => void;
setRef: (name: any) => (ref: any) => void;
setHeight: any;
_mounted: boolean | undefined;
}
declare var _default: import("styled-components").StyledComponent<typeof Card, any, {}, never>;
export default _default;
import React from "react";
import propTypes from "prop-types";