prosperita-dumbo-react
Version:
Uma biblioteca de componentes React moderna e acessível, desenvolvida para aplicações financeiras com design system consistente.
94 lines • 3.51 kB
TypeScript
import { ChangeEvent, ReactNode } from "react";
type TableRow = {
[key: string]: ReactNode | string | JSX.Element;
};
type OptionType = {
label: string;
value: string;
};
export type IcolumnType = {
id: string;
label: ReactNode;
name: string;
hasFilter?: boolean;
width?: string;
text: boolean;
value?: string;
paddingDrop?: string;
type?: string;
placeholder?: string;
options?: OptionType[];
onChange?: (event: React.ChangeEvent<HTMLInputElement> | React.ChangeEvent<HTMLTextAreaElement>) => void;
onChangeMoney?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
};
export type TableProps = {
columnTitles: IcolumnType[];
clearFilesFilter: boolean;
rowData: TableRow[];
pageSizes: number[];
actions?: OptionsActions[];
label?: ReactNode;
buttons?: ButtonTable[];
search?: boolean;
nofilter?: boolean;
messagedatalength?: ReactNode;
width?: string;
onChangePage?: (event: number) => void;
onChangeSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void;
totalRecords?: number;
onChangePageSizes?: (event: number) => void;
pagination?: boolean;
sizeSearch?: "small" | "large" | "medium";
rowSizes?: number;
sizesRow?: string;
radiusButtonFilter: number;
columnSizes?: string;
expandedRowData?: Array<string>;
onFilterStateChange?: (isFiltering: boolean, data: TableRow[]) => void;
columsKeys?: Array<string>;
arrow?: {
thSize: string;
iconSize?: string;
transform?: string;
};
headerAction?: {
active: boolean;
count: number;
margin?: string;
};
column_storage_name: string;
values?: {
[key: string]: any;
};
stickyFirstColumn?: boolean;
overflowPagination?: boolean;
showResumo?: boolean;
showDetalhesDecisao?: boolean;
showInformacoesProcessamento?: boolean;
expandedRowDataDetalhesDecisao?: Array<string>;
expandedRowDataInformacoesProcessamento?: Array<string>;
};
type OptionsActions = {
text: ReactNode;
icon?: 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 | ReactNode;
kind: "primary" | "secondary" | "tertiary" | "ghost" | "dangerPrimary" | "dangerTertiary" | "dangerGhost";
position?: "right" | "left";
width?: string;
dimension?: string;
hasIconSvg?: boolean;
size?: "small" | "large" | "medium" | "extraLarge" | "twoXLarge" | "expressive";
};
export declare const TableExpandableDrag: ({ columnTitles, pageSizes, rowData, label, buttons, search, sizeSearch, width, messagedatalength, clearFilesFilter, columnSizes, columsKeys, arrow, expandedRowData, headerAction, actions, column_storage_name, values, radiusButtonFilter, sizesRow, onFilterStateChange, onChangeSearch, stickyFirstColumn, overflowPagination, nofilter, onChangePage, onChangePageSizes, totalRecords, showResumo, showDetalhesDecisao, showInformacoesProcessamento, expandedRowDataDetalhesDecisao, expandedRowDataInformacoesProcessamento, pagination, }: TableProps) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=index.d.ts.map