gridular 3.0.0 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,3 @@
1
1
  import { VirtualizedGridProps } from './types';
2
- export declare function DataGrid<T extends Record<string, any> = Record<string, any>>({ columns: propColumns, data, pagination, virtualizationThreshold, rowHeight, overscan, sortState: controlledSortState, onSortChange, enableSorting, sortIconVariant, filterState: controlledFilterState, onFilterChange: _onFilterChange, enableFiltering, selectedRows: controlledSelectedRows, onRowSelectionChange: _onRowSelectionChange, enableRowSelection: _enableRowSelection, enableCellSelection, selectedCell: controlledSelectedCell, onCellSelect, enableColumnResize, columnWidths: controlledColumnWidths, onColumnWidthsChange, enableColumnReorder, columnOrder: controlledColumnOrder, onColumnOrderChange, enableColumnMenu, defaultColumnMenuItems, onColumnAction, renderFilterMenu, renderColumnMenu, renderColumnMenuTrigger, enableGrouping, groupingState: controlledGroupingState, onGroupingChange, renderGroupRow, enableExpandableRows, expandedRows: controlledExpandedRows, onExpandedRowsChange, renderExpandedRow, isLoading: _isLoading, emptyMessage: _emptyMessage, loadingMessage: _loadingMessage, className, classes, renderCell, renderHeader: _renderHeader, renderSortIcon: _renderSortIcon, renderFilterIcon: _renderFilterIcon, onRowClick, onRowMouseDown, onRowMouseEnter, getRowId, onScroll, gridId, hideColumnManager, hideGroupControls, }: VirtualizedGridProps<T>): import("react/jsx-runtime").JSX.Element;
2
+ export declare function DataGrid<T extends Record<string, any> = Record<string, any>>({ columns: propColumns, data, pagination, virtualizationThreshold, rowHeight, overscan, sortState: controlledSortState, onSortChange, enableSorting, sortIconVariant, filterState: controlledFilterState, onFilterChange: _onFilterChange, enableFiltering, selectedRows: controlledSelectedRows, onRowSelectionChange: _onRowSelectionChange, enableRowSelection: _enableRowSelection, enableCellSelection, selectedCell: controlledSelectedCell, onCellSelect, enableColumnResize, columnWidths: controlledColumnWidths, onColumnWidthsChange, enableColumnReorder, columnOrder: controlledColumnOrder, onColumnOrderChange, enableColumnMenu, defaultColumnMenuItems, onColumnAction, renderFilterMenu, renderColumnMenu, renderColumnMenuTrigger, enableGrouping, groupingState: controlledGroupingState, onGroupingChange, renderGroupRow, hideGroupingUI, enableExpandableRows, expandedRows: controlledExpandedRows, onExpandedRowsChange, renderExpandedRow, expandedRowHeight, isLoading: _isLoading, emptyMessage: _emptyMessage, loadingMessage: _loadingMessage, className, classes, renderCell, renderHeader: _renderHeader, renderHeaderCell, renderSortIcon: _renderSortIcon, renderFilterIcon: _renderFilterIcon, onRowClick, onRowMouseDown, onRowMouseEnter, getRowId, onScroll, gridId, hideColumnManager, hideGroupControls, }: VirtualizedGridProps<T>): import("react/jsx-runtime").JSX.Element;
3
3
  export default DataGrid;
@@ -5,4 +5,9 @@ export default meta;
5
5
  type Story = StoryObj<typeof DataGrid>;
6
6
  export declare const CustomCells: Story;
7
7
  export declare const CustomHeaders: Story;
8
+ export declare const CustomHeaderCellRendering: Story;
9
+ export declare const MinimalHeaderDesign: Story;
10
+ export declare const ColorfulHeaderBadges: Story;
11
+ export declare const HeadersWithTooltips: Story;
12
+ export declare const GradientHeaderDesign: Story;
8
13
  export declare const CustomRowStyling: Story;
@@ -5,3 +5,4 @@ export default meta;
5
5
  type Story = StoryObj<typeof DataGrid>;
6
6
  export declare const BasicExpanded: Story;
7
7
  export declare const ExpandedWithVirtualization: Story;
8
+ export declare const CustomStyledExpanded: Story;
package/dist/types.d.ts CHANGED
@@ -102,6 +102,8 @@ export interface GridClasses {
102
102
  cellStyle?: CSSObject;
103
103
  selectedCell?: string;
104
104
  selectedCellStyle?: CSSObject;
105
+ expandedRow?: string;
106
+ expandedRowStyle?: CSSObject;
105
107
  pagination?: string;
106
108
  paginationStyle?: CSSObject;
107
109
  paginationButton?: string;
@@ -207,10 +209,12 @@ export interface VirtualizedGridProps<T = any> {
207
209
  groupingState?: GroupingState;
208
210
  onGroupingChange?: (groupingState: GroupingState) => void;
209
211
  renderGroupRow?: (props: GroupRowRenderProps) => ReactNode;
212
+ hideGroupingUI?: boolean;
210
213
  enableExpandableRows?: boolean;
211
214
  expandedRows?: Record<string, boolean>;
212
215
  onExpandedRowsChange?: (expandedRows: Record<string, boolean>) => void;
213
216
  renderExpandedRow?: (row: T) => ReactNode;
217
+ expandedRowHeight?: number;
214
218
  isLoading?: boolean;
215
219
  emptyMessage?: string;
216
220
  loadingMessage?: string;
@@ -232,7 +236,7 @@ export interface VirtualizedGridProps<T = any> {
232
236
  column: ColumnDef<T>;
233
237
  columnIndex: number;
234
238
  sortDirection?: SortDirection;
235
- defaultHeader: ReactNode;
239
+ isFiltered?: boolean;
236
240
  }) => ReactNode;
237
241
  renderHeader?: (props: {
238
242
  column: ColumnDef<T>;