prosperita-dumbo-react
Version:
**Dumbo React** é uma biblioteca de componentes React que facilita a manipulação de propriedades em seus componentes. Ela fornece uma forma simples e eficiente de gerenciar e manipular props, tornando seu código mais limpo e fácil de manter.
63 lines • 2.33 kB
TypeScript
import { ReactNode } from "react";
import "@fontsource/ibm-plex-sans";
type TableRow = {
onClick?: () => void;
} & Record<string, ReactNode | string | JSX.Element | any>;
export type TableProps = {
columnTitles: string[];
rowData: TableRow[];
actions?: OptionsActions[];
label?: {
content: JSX.Element | React.ReactNode;
padding?: string;
margin?: string;
};
buttons?: ButtonTable[];
pageSizes: number[];
datePicker?: {
label: string;
type?: string;
value?: string;
onChange?: (event: React.ChangeEvent<HTMLInputElement> | React.ChangeEvent<HTMLTextAreaElement>) => void;
};
search?: boolean;
pagination?: boolean;
messagedatalength?: string;
width?: string;
sizeSearch?: "small" | "large" | "medium";
rowSizes?: string;
radius?: boolean;
footer?: {
ht: string;
element: ReactNode;
bg: string;
};
bg?: string;
ht?: string;
};
type OptionsActions = {
text: ReactNode;
onClick?: () => void;
};
type ButtonTable = {
label: string;
onClick?: () => void;
icon?: string;
kind: "primary" | "secondary" | "tertiary" | "ghost" | "dangerPrimary" | "dangerTertiary" | "dangerGhost";
position?: "right" | "left";
width?: string;
dimension?: string;
size?: "small" | "large" | "medium" | "extraLarge" | "twoXLarge" | "expressive";
disabled?: boolean;
tooltip?: {
align: "top" | "top-left" | "top-right" | "bottom" | "top" | "bottom-left" | "bottom-right" | "left" | "right";
width?: string;
children?: React.ReactNode;
size: "small" | "large" | "medium";
label?: string;
};
};
export declare const FirstTitlep: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
export declare const Table: ({ rowData, buttons, label, search, columnTitles, messagedatalength, width, sizeSearch, rowSizes, radius, pageSizes, footer, datePicker, pagination }: TableProps) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=index.d.ts.map