gridular 2.0.0 → 2.2.0

package/dist/index.d.mts

@@ -128,11 +128,18 @@ interface DataGridProps$1<T> {
     onCellSelect?: (rowId: string, columnId: string) => void;
     selectedCell?: CellPosition | null;
     selectedCellClassName?: string;
+    expandedRows?: Record<string, boolean>;
+    onExpandedRowsChange?: (expandedRows: Record<string, boolean>) => void;
+    renderExpandedRow?: (row: T) => React.ReactNode;
+    expandIcon?: React.ReactNode;
+    collapseIcon?: React.ReactNode;
+    getRowId?: (row: T) => string;
     enableFiltering?: boolean;
     enableSorting?: boolean;
     enableColumnResize?: boolean;
     enableRowSelection?: boolean;
     enablePagination?: boolean;
+    enableExpandableRows?: boolean;
     hideGroupControls?: boolean;
     hideColumnManager?: boolean;
     pageSizeOptions?: number[];
@@ -343,7 +350,7 @@ interface DataGridProps<T> extends DataGridProps$1<T> {
         contentStyle?: React__default.CSSProperties;
     };
 }
-declare function DataGrid<T>({ columns, data, sortState, onSortChange, filterState, onFilterChange, selectedRows, onRowSelectionChange, pageIndex, pageCount, pageSize, onPageChange, onPageSizeChange, onRowClick, enableSorting, enableFiltering, enableColumnResize, enableRowSelection, enablePagination, enableGrouping, hideGroupControls, hideColumnManager, pageSizeOptions, emptyMessage, loadingMessage, isLoading, gridId, classes, className, renderCell, renderHeader, renderSortIcon, renderFilterIcon, renderGroupRow, sortIconVariant, columnManagerProps, paginationProps, groupManagerProps, groupRowProps, groupingState, onGroupingChange, groupExpandIcon, groupCollapseIcon, totalRows, filterMenu, selectedCell: propSelectedCell, enableCellSelection, onCellSelect, preventRowSelection, contextMenuContent, }: DataGridProps<T>): React__default.JSX.Element;
+declare function DataGrid<T>({ columns, data, sortState, onSortChange, filterState, onFilterChange, selectedRows, onRowSelectionChange, pageIndex, pageCount, pageSize, onPageChange, onPageSizeChange, onRowClick, enableSorting, enableFiltering, enableColumnResize, enableRowSelection, enablePagination, enableGrouping, enableExpandableRows, hideGroupControls, hideColumnManager, pageSizeOptions, emptyMessage, loadingMessage, isLoading, gridId, classes, className, renderCell, renderHeader, renderSortIcon, renderFilterIcon, renderGroupRow, sortIconVariant, columnManagerProps, paginationProps, groupManagerProps, groupRowProps, groupingState, onGroupingChange, groupExpandIcon, groupCollapseIcon, totalRows, filterMenu, selectedCell: propSelectedCell, enableCellSelection, onCellSelect, preventRowSelection, contextMenuContent, expandedRows, onExpandedRowsChange, renderExpandedRow, expandIcon, collapseIcon, getRowId, }: DataGridProps<T>): React__default.JSX.Element;
 
 interface FilterMenuClasses {
     container?: string;
@@ -421,8 +428,15 @@ interface TableBodyProps<T> {
     selectedCellClassName?: string;
     preventRowSelection?: boolean;
     contextMenuContent?: (row: T, column: ColumnDef<T>) => React__default.ReactNode;
-}
-declare const TableBody: <T>({ paginatedData, columns, selectedRows, enableRowSelection, onRowSelect, onRowClick, rowClassName, cellClassName, columnWidths, theme, selectedRowClassName, enableGrouping, groupingState, toggleGroupExpanded, renderGroupRow, groupExpandIcon, groupCollapseIcon, groupRowProps, selectedCell, onCellSelect, selectedCellClassName, preventRowSelection, contextMenuContent, }: TableBodyProps<T>) => React__default.JSX.Element;
+    enableExpandableRows?: boolean;
+    expandedRows?: Record<string, boolean>;
+    onToggleRowExpand?: (rowId: string) => void;
+    renderExpandedRow?: (row: T) => React__default.ReactNode;
+    expandIcon?: React__default.ReactNode;
+    collapseIcon?: React__default.ReactNode;
+    getRowId?: (row: T, index: number) => string;
+}
+declare const TableBody: <T>({ paginatedData, columns, selectedRows, enableRowSelection, onRowSelect, onRowClick, rowClassName, cellClassName, columnWidths, theme, selectedRowClassName, enableGrouping, groupingState, toggleGroupExpanded, renderGroupRow, groupExpandIcon, groupCollapseIcon, groupRowProps, selectedCell, onCellSelect, selectedCellClassName, preventRowSelection, contextMenuContent, enableExpandableRows, expandedRows, onToggleRowExpand, renderExpandedRow, expandIcon, collapseIcon, getRowId, }: TableBodyProps<T>) => React__default.JSX.Element;
 
 interface TableCellProps<T> {
     column: ColumnDef<T>;
@@ -434,8 +448,13 @@ interface TableCellProps<T> {
     preventRowSelection?: boolean;
     rowId?: string;
     contextMenuContent?: (row: T, column: ColumnDef<T>) => React__default.ReactNode;
+    enableExpandableRows?: boolean;
+    isExpanded?: boolean;
+    onToggleExpand?: () => void;
+    expandIcon?: React__default.ReactNode;
+    collapseIcon?: React__default.ReactNode;
 }
-declare const TableCell: <T>({ column, row, cellClassName, isSelected, onSelect, contextMenuContent, selectedCellClassName, preventRowSelection, }: TableCellProps<T>) => React__default.JSX.Element;
+declare const TableCell: <T>({ column, row, cellClassName, isSelected, onSelect, contextMenuContent, selectedCellClassName, preventRowSelection, enableExpandableRows, isExpanded, onToggleExpand, expandIcon, collapseIcon, }: TableCellProps<T>) => React__default.JSX.Element;
 
 interface TableHeaderProps<T> {
     columns: ColumnDef<T>[];
@@ -480,8 +499,26 @@ interface TableRowProps<T> {
     selectedCellClassName?: string;
     preventRowSelection?: boolean;
     contextMenuContent?: (row: T, column: ColumnDef<T>) => React__default.ReactNode;
+    enableExpandableRows?: boolean;
+    isExpanded?: boolean;
+    onToggleExpand?: () => void;
+    expandIcon?: React__default.ReactNode;
+    collapseIcon?: React__default.ReactNode;
+}
+declare function TableRow<T>({ row, columns, rowId, isSelected, onRowSelect, onRowClick, selectedRowClassName, rowClassName, cellClassName, columnWidths, selectedCell, onCellSelect, selectedCellClassName, preventRowSelection, contextMenuContent, enableExpandableRows, isExpanded, onToggleExpand, expandIcon, collapseIcon, }: TableRowProps<T>): React__default.JSX.Element;
+
+interface ExpandableRowProps<T> {
+    row: T;
+    rowId: string;
+    columns: any[];
+    isExpanded: boolean;
+    onToggleExpand: () => void;
+    renderExpandedContent: (row: T) => React__default.ReactNode;
+    expandIcon?: React__default.ReactNode;
+    collapseIcon?: React__default.ReactNode;
+    expandButtonClassName?: string;
 }
-declare function TableRow<T>({ row, columns, rowId, isSelected, onRowSelect, onRowClick, selectedRowClassName, rowClassName, cellClassName, columnWidths, selectedCell, onCellSelect, selectedCellClassName, preventRowSelection, contextMenuContent, }: TableRowProps<T>): React__default.JSX.Element;
+declare function ExpandableRow<T>({ row, rowId, columns, isExpanded, onToggleExpand, renderExpandedContent, expandIcon, collapseIcon, expandButtonClassName, }: ExpandableRowProps<T>): React__default.JSX.Element | null;
 
 declare const useColumnResize: (enableColumnResize: boolean) => {
     columnResizeState: {};
@@ -757,4 +794,4 @@ declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitiv
 declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Badge, Button, type ButtonProps, Checkbox, type ColumnDef, type ColumnResizeState, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, type DataGridClasses, type DataGridProps$1 as DataGridProps, type DataGridRenderProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterMenu, type FilterMenuCustomization, type FilterValue, type GridPreferences$1 as GridPreferences, type GroupRowRenderProps, type GroupingState, Input, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type RowSelectionState, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SortDirection, type SortState, type SpacingFunction, TableBody, TableCell, TableHeader, TableRow, type ThemeContext, ThemeProvider, type ThemeProviderContext, type ThemeProviderContextType, ThemeSwitcher, ThemeWrapper, type TssTheme, type UnifiedTheme, badgeVariants, buttonVariants, cn, darkTheme, lightTheme, makeStyles, mergeStyles, useColumnResize, useGridPersistence, useStyles, useTailwindTheme, useTheme, useTssStyles, useTssTheme };
+export { Badge, Button, type ButtonProps, Checkbox, type ColumnDef, type ColumnResizeState, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, type DataGridClasses, type DataGridProps$1 as DataGridProps, type DataGridRenderProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ExpandableRow, FilterMenu, type FilterMenuCustomization, type FilterValue, type GridPreferences$1 as GridPreferences, type GroupRowRenderProps, type GroupingState, Input, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type RowSelectionState, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SortDirection, type SortState, type SpacingFunction, TableBody, TableCell, TableHeader, TableRow, type ThemeContext, ThemeProvider, type ThemeProviderContext, type ThemeProviderContextType, ThemeSwitcher, ThemeWrapper, type TssTheme, type UnifiedTheme, badgeVariants, buttonVariants, cn, darkTheme, lightTheme, makeStyles, mergeStyles, useColumnResize, useGridPersistence, useStyles, useTailwindTheme, useTheme, useTssStyles, useTssTheme };

package/dist/index.d.ts

@@ -128,11 +128,18 @@ interface DataGridProps$1<T> {
     onCellSelect?: (rowId: string, columnId: string) => void;
     selectedCell?: CellPosition | null;
     selectedCellClassName?: string;
+    expandedRows?: Record<string, boolean>;
+    onExpandedRowsChange?: (expandedRows: Record<string, boolean>) => void;
+    renderExpandedRow?: (row: T) => React.ReactNode;
+    expandIcon?: React.ReactNode;
+    collapseIcon?: React.ReactNode;
+    getRowId?: (row: T) => string;
     enableFiltering?: boolean;
     enableSorting?: boolean;
     enableColumnResize?: boolean;
     enableRowSelection?: boolean;
     enablePagination?: boolean;
+    enableExpandableRows?: boolean;
     hideGroupControls?: boolean;
     hideColumnManager?: boolean;
     pageSizeOptions?: number[];
@@ -343,7 +350,7 @@ interface DataGridProps<T> extends DataGridProps$1<T> {
         contentStyle?: React__default.CSSProperties;
     };
 }
-declare function DataGrid<T>({ columns, data, sortState, onSortChange, filterState, onFilterChange, selectedRows, onRowSelectionChange, pageIndex, pageCount, pageSize, onPageChange, onPageSizeChange, onRowClick, enableSorting, enableFiltering, enableColumnResize, enableRowSelection, enablePagination, enableGrouping, hideGroupControls, hideColumnManager, pageSizeOptions, emptyMessage, loadingMessage, isLoading, gridId, classes, className, renderCell, renderHeader, renderSortIcon, renderFilterIcon, renderGroupRow, sortIconVariant, columnManagerProps, paginationProps, groupManagerProps, groupRowProps, groupingState, onGroupingChange, groupExpandIcon, groupCollapseIcon, totalRows, filterMenu, selectedCell: propSelectedCell, enableCellSelection, onCellSelect, preventRowSelection, contextMenuContent, }: DataGridProps<T>): React__default.JSX.Element;
+declare function DataGrid<T>({ columns, data, sortState, onSortChange, filterState, onFilterChange, selectedRows, onRowSelectionChange, pageIndex, pageCount, pageSize, onPageChange, onPageSizeChange, onRowClick, enableSorting, enableFiltering, enableColumnResize, enableRowSelection, enablePagination, enableGrouping, enableExpandableRows, hideGroupControls, hideColumnManager, pageSizeOptions, emptyMessage, loadingMessage, isLoading, gridId, classes, className, renderCell, renderHeader, renderSortIcon, renderFilterIcon, renderGroupRow, sortIconVariant, columnManagerProps, paginationProps, groupManagerProps, groupRowProps, groupingState, onGroupingChange, groupExpandIcon, groupCollapseIcon, totalRows, filterMenu, selectedCell: propSelectedCell, enableCellSelection, onCellSelect, preventRowSelection, contextMenuContent, expandedRows, onExpandedRowsChange, renderExpandedRow, expandIcon, collapseIcon, getRowId, }: DataGridProps<T>): React__default.JSX.Element;
 
 interface FilterMenuClasses {
     container?: string;
@@ -421,8 +428,15 @@ interface TableBodyProps<T> {
     selectedCellClassName?: string;
     preventRowSelection?: boolean;
     contextMenuContent?: (row: T, column: ColumnDef<T>) => React__default.ReactNode;
-}
-declare const TableBody: <T>({ paginatedData, columns, selectedRows, enableRowSelection, onRowSelect, onRowClick, rowClassName, cellClassName, columnWidths, theme, selectedRowClassName, enableGrouping, groupingState, toggleGroupExpanded, renderGroupRow, groupExpandIcon, groupCollapseIcon, groupRowProps, selectedCell, onCellSelect, selectedCellClassName, preventRowSelection, contextMenuContent, }: TableBodyProps<T>) => React__default.JSX.Element;
+    enableExpandableRows?: boolean;
+    expandedRows?: Record<string, boolean>;
+    onToggleRowExpand?: (rowId: string) => void;
+    renderExpandedRow?: (row: T) => React__default.ReactNode;
+    expandIcon?: React__default.ReactNode;
+    collapseIcon?: React__default.ReactNode;
+    getRowId?: (row: T, index: number) => string;
+}
+declare const TableBody: <T>({ paginatedData, columns, selectedRows, enableRowSelection, onRowSelect, onRowClick, rowClassName, cellClassName, columnWidths, theme, selectedRowClassName, enableGrouping, groupingState, toggleGroupExpanded, renderGroupRow, groupExpandIcon, groupCollapseIcon, groupRowProps, selectedCell, onCellSelect, selectedCellClassName, preventRowSelection, contextMenuContent, enableExpandableRows, expandedRows, onToggleRowExpand, renderExpandedRow, expandIcon, collapseIcon, getRowId, }: TableBodyProps<T>) => React__default.JSX.Element;
 
 interface TableCellProps<T> {
     column: ColumnDef<T>;
@@ -434,8 +448,13 @@ interface TableCellProps<T> {
     preventRowSelection?: boolean;
     rowId?: string;
     contextMenuContent?: (row: T, column: ColumnDef<T>) => React__default.ReactNode;
+    enableExpandableRows?: boolean;
+    isExpanded?: boolean;
+    onToggleExpand?: () => void;
+    expandIcon?: React__default.ReactNode;
+    collapseIcon?: React__default.ReactNode;
 }
-declare const TableCell: <T>({ column, row, cellClassName, isSelected, onSelect, contextMenuContent, selectedCellClassName, preventRowSelection, }: TableCellProps<T>) => React__default.JSX.Element;
+declare const TableCell: <T>({ column, row, cellClassName, isSelected, onSelect, contextMenuContent, selectedCellClassName, preventRowSelection, enableExpandableRows, isExpanded, onToggleExpand, expandIcon, collapseIcon, }: TableCellProps<T>) => React__default.JSX.Element;
 
 interface TableHeaderProps<T> {
     columns: ColumnDef<T>[];
@@ -480,8 +499,26 @@ interface TableRowProps<T> {
     selectedCellClassName?: string;
     preventRowSelection?: boolean;
     contextMenuContent?: (row: T, column: ColumnDef<T>) => React__default.ReactNode;
+    enableExpandableRows?: boolean;
+    isExpanded?: boolean;
+    onToggleExpand?: () => void;
+    expandIcon?: React__default.ReactNode;
+    collapseIcon?: React__default.ReactNode;
+}
+declare function TableRow<T>({ row, columns, rowId, isSelected, onRowSelect, onRowClick, selectedRowClassName, rowClassName, cellClassName, columnWidths, selectedCell, onCellSelect, selectedCellClassName, preventRowSelection, contextMenuContent, enableExpandableRows, isExpanded, onToggleExpand, expandIcon, collapseIcon, }: TableRowProps<T>): React__default.JSX.Element;
+
+interface ExpandableRowProps<T> {
+    row: T;
+    rowId: string;
+    columns: any[];
+    isExpanded: boolean;
+    onToggleExpand: () => void;
+    renderExpandedContent: (row: T) => React__default.ReactNode;
+    expandIcon?: React__default.ReactNode;
+    collapseIcon?: React__default.ReactNode;
+    expandButtonClassName?: string;
 }
-declare function TableRow<T>({ row, columns, rowId, isSelected, onRowSelect, onRowClick, selectedRowClassName, rowClassName, cellClassName, columnWidths, selectedCell, onCellSelect, selectedCellClassName, preventRowSelection, contextMenuContent, }: TableRowProps<T>): React__default.JSX.Element;
+declare function ExpandableRow<T>({ row, rowId, columns, isExpanded, onToggleExpand, renderExpandedContent, expandIcon, collapseIcon, expandButtonClassName, }: ExpandableRowProps<T>): React__default.JSX.Element | null;
 
 declare const useColumnResize: (enableColumnResize: boolean) => {
     columnResizeState: {};
@@ -757,4 +794,4 @@ declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitiv
 declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Badge, Button, type ButtonProps, Checkbox, type ColumnDef, type ColumnResizeState, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, type DataGridClasses, type DataGridProps$1 as DataGridProps, type DataGridRenderProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterMenu, type FilterMenuCustomization, type FilterValue, type GridPreferences$1 as GridPreferences, type GroupRowRenderProps, type GroupingState, Input, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type RowSelectionState, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SortDirection, type SortState, type SpacingFunction, TableBody, TableCell, TableHeader, TableRow, type ThemeContext, ThemeProvider, type ThemeProviderContext, type ThemeProviderContextType, ThemeSwitcher, ThemeWrapper, type TssTheme, type UnifiedTheme, badgeVariants, buttonVariants, cn, darkTheme, lightTheme, makeStyles, mergeStyles, useColumnResize, useGridPersistence, useStyles, useTailwindTheme, useTheme, useTssStyles, useTssTheme };
+export { Badge, Button, type ButtonProps, Checkbox, type ColumnDef, type ColumnResizeState, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, type DataGridClasses, type DataGridProps$1 as DataGridProps, type DataGridRenderProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ExpandableRow, FilterMenu, type FilterMenuCustomization, type FilterValue, type GridPreferences$1 as GridPreferences, type GroupRowRenderProps, type GroupingState, Input, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type RowSelectionState, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SortDirection, type SortState, type SpacingFunction, TableBody, TableCell, TableHeader, TableRow, type ThemeContext, ThemeProvider, type ThemeProviderContext, type ThemeProviderContextType, ThemeSwitcher, ThemeWrapper, type TssTheme, type UnifiedTheme, badgeVariants, buttonVariants, cn, darkTheme, lightTheme, makeStyles, mergeStyles, useColumnResize, useGridPersistence, useStyles, useTailwindTheme, useTheme, useTssStyles, useTssTheme };