material-react-table 1.12.0 → 1.13.0

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 (77) hide show
  1. package/dist/cjs/index.js +264 -161
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/MaterialReactTable.d.ts +1 -1
  4. package/dist/cjs/types/inputs/MRT_FilterRangeSlider.d.ts +7 -0
  5. package/dist/cjs/types/types.d.ts +12 -2
  6. package/dist/esm/material-react-table.esm.js +268 -167
  7. package/dist/esm/material-react-table.esm.js.map +1 -1
  8. package/dist/esm/types/MaterialReactTable.d.ts +1 -1
  9. package/dist/esm/types/inputs/MRT_FilterRangeSlider.d.ts +7 -0
  10. package/dist/esm/types/types.d.ts +12 -2
  11. package/dist/index.d.ts +14 -10
  12. package/locales/cs.esm.js +89 -91
  13. package/locales/cs.js +89 -91
  14. package/locales/da.esm.js +89 -90
  15. package/locales/da.js +89 -90
  16. package/locales/de.esm.js +89 -90
  17. package/locales/de.js +89 -90
  18. package/locales/en.esm.js +89 -90
  19. package/locales/en.js +89 -90
  20. package/locales/es.esm.js +89 -90
  21. package/locales/es.js +89 -90
  22. package/locales/fa.esm.js +89 -90
  23. package/locales/fa.js +89 -90
  24. package/locales/fi.esm.js +89 -91
  25. package/locales/fi.js +89 -91
  26. package/locales/fr.esm.js +89 -90
  27. package/locales/fr.js +89 -90
  28. package/locales/hu.esm.js +89 -90
  29. package/locales/hu.js +89 -90
  30. package/locales/id.esm.js +89 -91
  31. package/locales/id.js +89 -91
  32. package/locales/it.esm.js +89 -90
  33. package/locales/it.js +89 -90
  34. package/locales/ja.esm.js +89 -90
  35. package/locales/ja.js +89 -90
  36. package/locales/nl.esm.js +89 -90
  37. package/locales/nl.js +89 -90
  38. package/locales/pl.esm.js +89 -90
  39. package/locales/pl.js +89 -90
  40. package/locales/pt-BR.esm.js +89 -90
  41. package/locales/pt-BR.js +89 -90
  42. package/locales/pt.esm.js +89 -90
  43. package/locales/pt.js +89 -90
  44. package/locales/ro.esm.js +89 -90
  45. package/locales/ro.js +89 -90
  46. package/locales/ru.esm.js +89 -90
  47. package/locales/ru.js +89 -90
  48. package/locales/sk.esm.js +89 -91
  49. package/locales/sk.js +89 -91
  50. package/locales/sr-Cyrl-RS.esm.js +89 -90
  51. package/locales/sr-Cyrl-RS.js +89 -90
  52. package/locales/sr-Latn-RS.esm.js +89 -90
  53. package/locales/sr-Latn-RS.js +89 -90
  54. package/locales/sv.esm.js +89 -90
  55. package/locales/sv.js +89 -90
  56. package/locales/tr.esm.js +89 -90
  57. package/locales/tr.js +89 -90
  58. package/locales/uk.esm.js +89 -90
  59. package/locales/uk.js +89 -90
  60. package/locales/vi.esm.js +89 -90
  61. package/locales/vi.js +89 -90
  62. package/locales/zh-Hans.esm.js +89 -89
  63. package/locales/zh-Hans.js +89 -89
  64. package/locales/zh-Hant.esm.js +89 -89
  65. package/locales/zh-Hant.js +89 -89
  66. package/package.json +23 -23
  67. package/src/MaterialReactTable.tsx +2 -0
  68. package/src/body/MRT_TableBody.tsx +2 -3
  69. package/src/body/MRT_TableBodyRow.tsx +2 -3
  70. package/src/column.utils.ts +5 -1
  71. package/src/head/MRT_TableHeadCellFilterContainer.tsx +4 -1
  72. package/src/inputs/MRT_FilterRangeFields.tsx +1 -1
  73. package/src/inputs/MRT_FilterRangeSlider.tsx +134 -0
  74. package/src/inputs/MRT_FilterTextField.tsx +24 -3
  75. package/src/menus/MRT_FilterOptionMenu.tsx +8 -1
  76. package/src/table/MRT_TableRoot.tsx +28 -6
  77. package/src/types.ts +22 -2
@@ -3,7 +3,7 @@ import { MRT_FilterFns } from './filterFns';
3
3
  import { MRT_SortingFns } from './sortingFns';
4
4
  import { type MaterialReactTableProps } from './types';
5
5
  export { MRT_AggregationFns, MRT_FilterFns, MRT_SortingFns };
6
- export declare const MaterialReactTable: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilterMatchHighlighting, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const MaterialReactTable: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableExpanding, enableFilterMatchHighlighting, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
7
7
  /**
8
8
  * @deprecated Use named exports instead of default export (will be removed in v2)
9
9
  * @example import { MaterialReactTable } from 'material-react-table';
@@ -0,0 +1,7 @@
1
+ import { type MRT_TableInstance, type MRT_Header } from '../types';
2
+ interface Props {
3
+ header: MRT_Header;
4
+ table: MRT_TableInstance;
5
+ }
6
+ export declare const MRT_FilterRangeSlider: ({ header, table }: Props) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -8,13 +8,14 @@ import { type LinearProgressProps } from '@mui/material/LinearProgress';
8
8
  import { type PaperProps } from '@mui/material/Paper';
9
9
  import { type RadioProps } from '@mui/material/Radio';
10
10
  import { type SkeletonProps } from '@mui/material/Skeleton';
11
- import { type TableProps } from '@mui/material/Table';
11
+ import { type SliderProps } from '@mui/material';
12
12
  import { type TableBodyProps } from '@mui/material/TableBody';
13
13
  import { type TableCellProps } from '@mui/material/TableCell';
14
14
  import { type TableContainerProps } from '@mui/material/TableContainer';
15
15
  import { type TableFooterProps } from '@mui/material/TableFooter';
16
16
  import { type TableHeadProps } from '@mui/material/TableHead';
17
17
  import { type TablePaginationProps } from '@mui/material/TablePagination';
18
+ import { type TableProps } from '@mui/material/Table';
18
19
  import { type TableRowProps } from '@mui/material/TableRow';
19
20
  import { type TextFieldProps } from '@mui/material/TextField';
20
21
  import { type ToolbarProps } from '@mui/material/Toolbar';
@@ -295,7 +296,7 @@ export type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnD
295
296
  text: string;
296
297
  value: any;
297
298
  })[];
298
- filterVariant?: 'text' | 'select' | 'multi-select' | 'range' | 'checkbox';
299
+ filterVariant?: 'checkbox' | 'multi-select' | 'range' | 'range-slider' | 'select' | 'text';
299
300
  /**
300
301
  * footer must be a string. If you want custom JSX to render the footer, you can also specify a `Footer` option. (Capital F)
301
302
  */
@@ -353,6 +354,10 @@ export type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnD
353
354
  column: MRT_Column<TData>;
354
355
  rangeFilterIndex?: number;
355
356
  }) => TextFieldProps);
357
+ muiTableHeadCellFilterSliderProps?: SliderProps | ((props: {
358
+ table: MRT_TableInstance<TData>;
359
+ column: MRT_Column<TData>;
360
+ }) => TextFieldProps);
356
361
  muiTableHeadCellProps?: TableCellProps | ((props: {
357
362
  table: MRT_TableInstance<TData>;
358
363
  column: MRT_Column<TData>;
@@ -463,6 +468,7 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Pr
463
468
  enableDensityToggle?: boolean;
464
469
  enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean);
465
470
  enableExpandAll?: boolean;
471
+ enableFacetedValues?: boolean;
466
472
  enableFilterMatchHighlighting?: boolean;
467
473
  enableFullScreenToggle?: boolean;
468
474
  enableGlobalFilterModes?: boolean;
@@ -601,6 +607,10 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Pr
601
607
  column: MRT_Column<TData>;
602
608
  rangeFilterIndex?: number;
603
609
  }) => TextFieldProps);
610
+ muiTableHeadCellFilterSliderProps?: SliderProps | ((props: {
611
+ table: MRT_TableInstance<TData>;
612
+ column: MRT_Column<TData>;
613
+ }) => TextFieldProps);
604
614
  muiTableHeadCellProps?: TableCellProps | ((props: {
605
615
  table: MRT_TableInstance<TData>;
606
616
  column: MRT_Column<TData>;