material-react-table 0.34.1 → 0.35.2

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.
Files changed (24) hide show
  1. package/dist/cjs/MaterialReactTable.d.ts +36 -31
  2. package/dist/cjs/index.js +118 -611
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/cjs/menus/MRT_ShowHideColumnsMenuItems.d.ts +3 -3
  5. package/dist/esm/MaterialReactTable.d.ts +36 -31
  6. package/dist/esm/material-react-table.esm.js +117 -610
  7. package/dist/esm/material-react-table.esm.js.map +1 -1
  8. package/dist/esm/menus/MRT_ShowHideColumnsMenuItems.d.ts +3 -3
  9. package/dist/index.d.ts +36 -31
  10. package/package.json +5 -5
  11. package/src/MaterialReactTable.tsx +35 -27
  12. package/src/body/MRT_TableBodyCell.tsx +17 -18
  13. package/src/body/MRT_TableBodyRow.tsx +7 -10
  14. package/src/body/MRT_TableBodyRowGrabHandle.tsx +5 -5
  15. package/src/buttons/MRT_EditActionButtons.tsx +11 -7
  16. package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +4 -4
  17. package/src/head/MRT_TableHeadCell.tsx +11 -16
  18. package/src/head/MRT_TableHeadCellGrabHandle.tsx +11 -12
  19. package/src/inputs/MRT_EditCellTextField.tsx +13 -13
  20. package/src/inputs/MRT_GlobalFilterTextField.tsx +1 -6
  21. package/src/menus/MRT_ShowHideColumnsMenu.tsx +5 -4
  22. package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +11 -11
  23. package/src/table/MRT_TableRoot.tsx +57 -63
  24. package/src/toolbar/MRT_ToolbarDropZone.tsx +6 -10
package/dist/cjs/menus/MRT_ShowHideColumnsMenuItems.d.ts CHANGED
@@ -3,10 +3,10 @@ import type { MRT_Column, MRT_TableInstance } from '..';
3
3
  interface Props<TData extends Record<string, any> = {}> {
4
4
  allColumns: MRT_Column<TData>[];
5
5
  column: MRT_Column<TData>;
6
- currentHoveredColumn: MRT_Column<TData> | null;
6
+ hoveredColumn: MRT_Column<TData> | null;
7
7
  isSubMenu?: boolean;
8
- setCurrentHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
8
+ setHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
9
9
  table: MRT_TableInstance<TData>;
10
10
  }
11
- export declare const MRT_ShowHideColumnsMenuItems: <TData extends Record<string, any> = {}>({ allColumns, currentHoveredColumn, setCurrentHoveredColumn, column, isSubMenu, table, }: Props<TData>) => JSX.Element;
11
+ export declare const MRT_ShowHideColumnsMenuItems: <TData extends Record<string, any> = {}>({ allColumns, hoveredColumn, setHoveredColumn, column, isSubMenu, table, }: Props<TData>) => JSX.Element;
12
12
  export {};
package/dist/esm/MaterialReactTable.d.ts CHANGED
@@ -35,40 +35,40 @@ export declare type MRT_TableInstance<TData extends Record<string, any> = {}> =
35
35
  tableId: string;
36
36
  localization: MRT_Localization;
37
37
  };
38
- setCurrentDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
39
- setCurrentDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
40
- setCurrentEditingCell: Dispatch<SetStateAction<MRT_Cell | null>>;
41
- setCurrentEditingRow: Dispatch<SetStateAction<MRT_Row | null>>;
42
38
  setColumnFilterFns: Dispatch<SetStateAction<{
43
39
  [key: string]: MRT_FilterOption;
44
40
  }>>;
41
+ setDensity: Dispatch<SetStateAction<'comfortable' | 'compact' | 'spacious'>>;
42
+ setDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
43
+ setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
44
+ setEditingCell: Dispatch<SetStateAction<MRT_Cell | null>>;
45
+ setEditingRow: Dispatch<SetStateAction<MRT_Row | null>>;
45
46
  setGlobalFilterFn: Dispatch<SetStateAction<MRT_FilterOption>>;
46
- setCurrentHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | {
47
+ setHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | {
47
48
  id: string;
48
49
  } | null>>;
49
- setCurrentHoveredRow: Dispatch<SetStateAction<MRT_Row<TData> | {
50
+ setHoveredRow: Dispatch<SetStateAction<MRT_Row<TData> | {
50
51
  id: string;
51
52
  } | null>>;
52
- setDensity: Dispatch<SetStateAction<'comfortable' | 'compact' | 'spacious'>>;
53
53
  setIsFullScreen: Dispatch<SetStateAction<boolean>>;
54
54
  setShowAlertBanner: Dispatch<SetStateAction<boolean>>;
55
55
  setShowFilters: Dispatch<SetStateAction<boolean>>;
56
56
  setShowGlobalFilter: Dispatch<SetStateAction<boolean>>;
57
57
  };
58
58
  export declare type MRT_TableState<TData extends Record<string, any> = {}> = TableState & {
59
- currentDraggingColumn: MRT_Column<TData> | null;
60
- currentDraggingRow: MRT_Row<TData> | null;
61
- currentEditingCell: MRT_Cell<TData> | null;
62
- currentEditingRow: MRT_Row<TData> | null;
63
59
  columnFilterFns: Record<string, MRT_FilterOption>;
64
- globalFilterFn: Record<string, MRT_FilterOption>;
65
- currentHoveredColumn: MRT_Column<TData> | {
60
+ density: 'comfortable' | 'compact' | 'spacious';
61
+ draggingColumn: MRT_Column<TData> | null;
62
+ draggingRow: MRT_Row<TData> | null;
63
+ editingCell: MRT_Cell<TData> | null;
64
+ editingRow: MRT_Row<TData> | null;
65
+ globalFilterFn: MRT_FilterOption;
66
+ hoveredColumn: MRT_Column<TData> | {
66
67
  id: string;
67
68
  } | null;
68
- currentHoveredRow: MRT_Row<TData> | {
69
+ hoveredRow: MRT_Row<TData> | {
69
70
  id: string;
70
71
  } | null;
71
- density: 'comfortable' | 'compact' | 'spacious';
72
72
  isFullScreen: boolean;
73
73
  isLoading: boolean;
74
74
  showAlertBanner: boolean;
@@ -198,15 +198,17 @@ export declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit
198
198
  table: MRT_TableInstance<TData>;
199
199
  column: MRT_Column<TData>;
200
200
  }) => TableCellProps);
201
- onCellEditBlur?: ({ cell, event, table, }: {
201
+ onCellEditBlur?: ({ cell, event, table, value, }: {
202
202
  event: FocusEvent<HTMLInputElement>;
203
203
  cell: MRT_Cell<TData>;
204
204
  table: MRT_TableInstance<TData>;
205
+ value: string;
205
206
  }) => void;
206
- onCellEditChange?: ({ cell, event, table, }: {
207
+ onCellEditChange?: ({ cell, event, table, value, }: {
207
208
  event: ChangeEvent<HTMLInputElement>;
208
209
  cell: MRT_Cell<TData>;
209
210
  table: MRT_TableInstance<TData>;
211
+ value: string;
210
212
  }) => void;
211
213
  sortingFn?: MRT_SortingFn;
212
214
  };
@@ -231,7 +233,7 @@ export declare type MRT_Row<TData extends Record<string, any> = {}> = Omit<Row<T
231
233
  getAllCells: () => MRT_Cell<TData>[];
232
234
  getVisibleCells: () => MRT_Cell<TData>[];
233
235
  subRows?: MRT_Row<TData>[];
234
- _valuesCache?: TData;
236
+ _valuesCache: Record<LiteralUnion<string & DeepKeys<TData>>, any>;
235
237
  };
236
238
  export declare type MRT_Cell<TData extends Record<string, any> = {}> = Omit<Cell<TData, unknown>, 'column' | 'row'> & {
237
239
  column: MRT_Column<TData>;
@@ -398,15 +400,17 @@ export declare type MaterialReactTableProps<TData extends Record<string, any> =
398
400
  muiTableTopToolbarProps?: ToolbarProps | (({ table }: {
399
401
  table: MRT_TableInstance<TData>;
400
402
  }) => ToolbarProps);
401
- onCellEditBlur?: ({ cell, event, table, }: {
403
+ onCellEditBlur?: ({ cell, event, table, value, }: {
402
404
  event: FocusEvent<HTMLInputElement>;
403
405
  cell: MRT_Cell<TData>;
404
406
  table: MRT_TableInstance<TData>;
407
+ value: string;
405
408
  }) => void;
406
- onCellEditChange?: ({ cell, event, table, }: {
409
+ onCellEditChange?: ({ cell, event, table, value, }: {
407
410
  event: ChangeEvent<HTMLInputElement>;
408
411
  cell: MRT_Cell<TData>;
409
412
  table: MRT_TableInstance<TData>;
413
+ value: string;
410
414
  }) => void;
411
415
  onColumnDrop?: ({ event, draggedColumn, targetColumn, }: {
412
416
  event: DragEvent<HTMLButtonElement>;
@@ -415,21 +419,22 @@ export declare type MaterialReactTableProps<TData extends Record<string, any> =
415
419
  id: string;
416
420
  } | null;
417
421
  }) => void;
418
- onCurrentDraggingColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
419
- onCurrentDraggingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
420
- onCurrentEditingCellChange?: OnChangeFn<MRT_Cell<TData> | null>;
421
- onCurrentEditingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
422
- onCurrentFilterFnsChange?: OnChangeFn<{
423
- [key: string]: MRT_FilterOption;
424
- }>;
425
- onCurrentGlobalFilterFnChange?: OnChangeFn<MRT_FilterOption>;
426
- onCurrentHoveredColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
427
- onCurrentHoveredRowChange?: OnChangeFn<MRT_Row<TData> | null>;
428
422
  onDensityChange?: OnChangeFn<boolean>;
429
- onEditRowSubmit?: ({ row, table, }: {
423
+ onDraggingColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
424
+ onDraggingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
425
+ onEditingRowSave?: ({ row, table, values, }: {
430
426
  row: MRT_Row<TData>;
431
427
  table: MRT_TableInstance<TData>;
428
+ values: Record<LiteralUnion<string & DeepKeys<TData>>, any>;
432
429
  }) => Promise<void> | void;
430
+ onEditingCellChange?: OnChangeFn<MRT_Cell<TData> | null>;
431
+ onEditingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
432
+ onFilterFnsChange?: OnChangeFn<{
433
+ [key: string]: MRT_FilterOption;
434
+ }>;
435
+ onGlobalFilterFnChange?: OnChangeFn<MRT_FilterOption>;
436
+ onHoveredColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
437
+ onHoveredRowChange?: OnChangeFn<MRT_Row<TData> | null>;
433
438
  onIsFullScreenChange?: OnChangeFn<boolean>;
434
439
  onRowDrop?: ({ event, draggedRow, targetRow, }: {
435
440
  event: DragEvent<HTMLButtonElement>;