prosperita-dumbo-react
Version:
Uma biblioteca de componentes React moderna e acessível, desenvolvida para aplicações financeiras com design system consistente.
59 lines • 2.02 kB
TypeScript
import { ReactNode } from "react";
import "@fontsource/ibm-plex-sans";
type TableRow = {
[key: string]: any;
onClick?: () => void;
};
export type TableProps = {
columnTitles: ReactNode[];
rowData: TableRow[];
pageSizes: number[];
actions?: OptionsActions[];
label?: string;
buttons?: ButtonTable[];
search?: boolean;
onChangeSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void;
arrow?: {
thSize: string;
iconSize?: string;
transform?: string;
};
messageDatalength?: string;
width?: string;
expandedRowData?: Array<string>;
columsKeys?: Array<string>;
headerAction?: {
active: boolean;
count: number;
};
sizeSearch?: "small" | "large" | "medium";
rowSizes?: string;
columnSizes?: string;
overflowPagination?: boolean;
pagination?: boolean;
};
type OptionsActions = {
text: ReactNode;
icon?: string | ReactNode;
onClick?: () => void;
feature?: boolean;
noPadding?: string;
size: "small" | "large" | "medium" | "extraLarge" | "twoXLarge" | "expressive";
hasIconSvg?: boolean;
width?: string;
};
type ButtonTable = {
label: string;
onClick?: () => void;
icon?: string;
kind: "primary" | "secondary" | "tertiary" | "ghost" | "dangerPrimary" | "dangerTertiary" | "dangerGhost";
position?: "right" | "left";
size?: "small" | "large" | "medium" | "extraLarge" | "twoXLarge" | "expressive";
dimension?: string;
width?: string;
disabled?: boolean;
loading?: boolean;
};
export declare const TableExpandable: ({ rowData, pageSizes, buttons, label, search, columnTitles, messageDatalength: messagedatalength, width, expandedRowData, columsKeys, actions, headerAction, sizeSearch, rowSizes, columnSizes, arrow, onChangeSearch, overflowPagination, pagination, }: TableProps) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=index.d.ts.map