@onesaz/ui 0.3.1 → 0.3.2

package/dist/index.d.ts

@@ -440,6 +440,130 @@ interface ComboboxProps {
 }
 declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
 
+interface GridColDef<TData = any> {
+    field: string;
+    headerName?: string;
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    flex?: number;
+    sortable?: boolean;
+    filterable?: boolean;
+    editable?: boolean;
+    hide?: boolean;
+    hideable?: boolean;
+    align?: 'left' | 'center' | 'right';
+    headerAlign?: 'left' | 'center' | 'right';
+    renderCell?: (params: GridRenderCellParams<TData>) => React.ReactNode;
+    renderHeader?: (params: GridRenderHeaderParams) => React.ReactNode;
+    valueGetter?: (params: GridValueGetterParams<TData>) => any;
+    valueFormatter?: (params: GridValueFormatterParams) => string;
+    type?: 'string' | 'number' | 'date' | 'dateTime' | 'boolean';
+    wrapText?: boolean;
+    cellClassName?: string;
+    export?: boolean;
+    hideExport?: boolean;
+    disableExport?: boolean;
+}
+interface GridRenderCellParams<TData = any> {
+    row: TData;
+    value: any;
+    field: string;
+    rowIndex: number;
+}
+interface GridRenderHeaderParams {
+    field: string;
+    colDef: GridColDef;
+}
+interface GridValueGetterParams<TData = any> {
+    row: TData;
+    field: string;
+}
+interface GridValueFormatterParams {
+    value: any;
+}
+interface PaginationModel {
+    page: number;
+    pageSize: number;
+}
+interface GridRowSelectionModel {
+    [key: string]: boolean;
+}
+interface ColumnVisibilityModel {
+    [key: string]: boolean;
+}
+type GridDensity = 'compact' | 'standard' | 'comfortable';
+interface DataGridProps<TData = any> {
+    rows: TData[];
+    columns: GridColDef<TData>[];
+    getRowId?: (row: TData) => string | number;
+    loading?: boolean;
+    title?: string;
+    toolBar?: boolean;
+    checkboxSelection?: boolean;
+    rowSelectionModel?: GridRowSelectionModel;
+    onRowSelectionModelChange?: (model: GridRowSelectionModel) => void;
+    disableRowSelectionOnClick?: boolean;
+    columnVisibilityModel?: ColumnVisibilityModel;
+    onColumnVisibilityModelChange?: (model: ColumnVisibilityModel) => void;
+    paginationMode?: 'client' | 'server';
+    paginationModel?: PaginationModel;
+    onPaginationModelChange?: (model: PaginationModel) => void;
+    rowCount?: number;
+    pageSizeOptions?: number[];
+    sortingMode?: 'client' | 'server';
+    filterMode?: 'client' | 'server';
+    height?: number | string;
+    minHeight?: number | string;
+    maxHeight?: number | string;
+    density?: GridDensity;
+    showCellVerticalBorder?: boolean;
+    showColumnVerticalBorder?: boolean;
+    hideFooter?: boolean;
+    hideFooterPagination?: boolean;
+    virtualized?: boolean;
+    overscan?: number;
+    wrapText?: boolean;
+    getRowClassName?: (params: {
+        row: TData;
+        rowIndex: number;
+    }) => string;
+    slotProps?: {
+        toolbar?: {
+            getExportedColumns?: (columns: GridColDef[]) => GridColDef[];
+            showQuickFilter?: boolean;
+            showColumnSelector?: boolean;
+            showExport?: boolean;
+            customButtons?: React.ReactNode;
+            moreOptions?: {
+                label: string;
+                onClick: () => void;
+                icon?: React.ReactNode;
+            }[];
+        };
+    };
+    onExport?: (data: TData[], columns: GridColDef<TData>[]) => void;
+    exportFileName?: string;
+    resizableColumns?: boolean;
+    onColumnResize?: (columnId: string, width: number) => void;
+    className?: string;
+    sx?: React.CSSProperties;
+    actions?: {
+        edit?: boolean;
+        del?: boolean;
+    };
+    sensitiveInfo?: boolean;
+    autoHeight?: boolean;
+    disableColumnMenu?: boolean;
+    disableColumnFilter?: boolean;
+    disableColumnSelector?: boolean;
+    disableDensitySelector?: boolean;
+}
+declare function DataGrid<TData extends Record<string, any>>({ rows, columns, getRowId, loading, title, toolBar, checkboxSelection, rowSelectionModel, onRowSelectionModelChange, disableRowSelectionOnClick, columnVisibilityModel, onColumnVisibilityModelChange, paginationMode, paginationModel, onPaginationModelChange, rowCount, pageSizeOptions, sortingMode, filterMode, height, minHeight, maxHeight, density, showCellVerticalBorder, showColumnVerticalBorder, hideFooter, hideFooterPagination, virtualized, overscan, wrapText, getRowClassName, slotProps, className, sx, autoHeight, disableColumnSelector, onExport, exportFileName, resizableColumns, onColumnResize, }: DataGridProps<TData>): react_jsx_runtime.JSX.Element;
+declare namespace DataGrid {
+    var displayName: string;
+}
+
 declare const Playground: () => react_jsx_runtime.JSX.Element;
 
-export { Badge, type BadgeProps, Box, type BoxProps, Button, type ButtonProps, Caption, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, Combobox, type ComboboxOption, type ComboboxProps, DialogNamespace as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, FormControl, type FormControlProps, FormGroup, type FormGroupProps, FormHelperText, type FormHelperTextProps, FormLabel, type FormLabelProps, Grid, type GridProps, H1, H2, H3, H4, H5, H6, HStack, Input, type InputProps, Label, type LabelProps, NativeSelect, NativeSelectOption, type NativeSelectOptionProps, type NativeSelectProps, PaginationNamespace as Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, type PaginationProps, Playground, Radio, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioProps, SelectNamespace as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, TableNamespace as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, Typography, type TypographyProps, VStack, cn, useFormControl, useTheme };
+export { Badge, type BadgeProps, Box, type BoxProps, Button, type ButtonProps, Caption, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, type ColumnVisibilityModel, Combobox, type ComboboxOption, type ComboboxProps, DataGrid, type DataGridProps, DataGrid as DataGridV0, DialogNamespace as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, FormControl, type FormControlProps, FormGroup, type FormGroupProps, FormHelperText, type FormHelperTextProps, FormLabel, type FormLabelProps, Grid, type GridColDef, type GridProps, type GridRenderCellParams, type GridRenderHeaderParams, type GridRowSelectionModel, type GridValueFormatterParams, type GridValueGetterParams, H1, H2, H3, H4, H5, H6, HStack, Input, type InputProps, Label, type LabelProps, NativeSelect, NativeSelectOption, type NativeSelectOptionProps, type NativeSelectProps, PaginationNamespace as Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, type PaginationModel, PaginationNext, PaginationPrevious, type PaginationProps, Playground, Radio, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioProps, SelectNamespace as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, TableNamespace as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, Typography, type TypographyProps, VStack, cn, useFormControl, useTheme };