material-react-table 0.5.8 → 0.6.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.
Files changed (67) hide show
  1. package/dist/MaterialReactTable.d.ts +1 -10
  2. package/dist/body/MRT_TableBodyCell.d.ts +1 -1
  3. package/dist/body/MRT_TableBodyRow.d.ts +1 -1
  4. package/dist/body/MRT_TableDetailPanel.d.ts +1 -1
  5. package/dist/buttons/MRT_EditActionButtons.d.ts +1 -1
  6. package/dist/buttons/MRT_ExpandButton.d.ts +1 -1
  7. package/dist/buttons/MRT_ToggleColumnActionMenuButton.d.ts +1 -1
  8. package/dist/buttons/MRT_ToggleRowActionMenuButton.d.ts +1 -1
  9. package/dist/enums.d.ts +12 -0
  10. package/dist/filtersFNs.d.ts +20 -0
  11. package/dist/footer/MRT_TableFooterCell.d.ts +1 -1
  12. package/dist/footer/MRT_TableFooterRow.d.ts +1 -1
  13. package/dist/head/MRT_TableHeadCell.d.ts +1 -1
  14. package/dist/head/MRT_TableHeadRow.d.ts +1 -1
  15. package/dist/inputs/MRT_EditCellTextField.d.ts +1 -1
  16. package/dist/inputs/MRT_FilterTextField.d.ts +1 -1
  17. package/dist/inputs/MRT_SelectCheckbox.d.ts +1 -1
  18. package/dist/localization.d.ts +43 -44
  19. package/dist/material-react-table.cjs.development.js +375 -227
  20. package/dist/material-react-table.cjs.development.js.map +1 -1
  21. package/dist/material-react-table.cjs.production.min.js +1 -1
  22. package/dist/material-react-table.cjs.production.min.js.map +1 -1
  23. package/dist/material-react-table.esm.js +367 -221
  24. package/dist/material-react-table.esm.js.map +1 -1
  25. package/dist/menus/MRT_ColumnActionMenu.d.ts +1 -1
  26. package/dist/menus/MRT_FilterTypeMenu.d.ts +1 -1
  27. package/dist/menus/MRT_RowActionMenu.d.ts +1 -1
  28. package/dist/menus/MRT_ShowHideColumnsMenu.d.ts +3 -2
  29. package/dist/menus/MRT_ShowHideColumnsMenuItems.d.ts +8 -0
  30. package/dist/useMRT.d.ts +1 -1
  31. package/package.json +3 -3
  32. package/src/MaterialReactTable.tsx +1 -11
  33. package/src/body/MRT_TableBody.tsx +1 -1
  34. package/src/body/MRT_TableBodyCell.tsx +1 -1
  35. package/src/body/MRT_TableBodyRow.tsx +1 -1
  36. package/src/body/MRT_TableDetailPanel.tsx +1 -1
  37. package/src/buttons/MRT_EditActionButtons.tsx +5 -8
  38. package/src/buttons/MRT_ExpandAllButton.tsx +2 -2
  39. package/src/buttons/MRT_ExpandButton.tsx +3 -3
  40. package/src/buttons/MRT_FullScreenToggleButton.tsx +2 -2
  41. package/src/buttons/MRT_ShowHideColumnsButton.tsx +4 -52
  42. package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx +4 -3
  43. package/src/buttons/MRT_ToggleDensePaddingButton.tsx +2 -2
  44. package/src/buttons/MRT_ToggleFiltersButton.tsx +2 -2
  45. package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +4 -8
  46. package/src/buttons/MRT_ToggleSearchButton.tsx +1 -1
  47. package/src/enums.ts +12 -0
  48. package/src/filtersFNs.ts +31 -0
  49. package/src/footer/MRT_TableFooter.tsx +1 -1
  50. package/src/footer/MRT_TableFooterCell.tsx +1 -1
  51. package/src/footer/MRT_TableFooterRow.tsx +1 -1
  52. package/src/head/MRT_TableHead.tsx +1 -1
  53. package/src/head/MRT_TableHeadCell.tsx +20 -7
  54. package/src/head/MRT_TableHeadCellActions.tsx +1 -1
  55. package/src/head/MRT_TableHeadRow.tsx +1 -1
  56. package/src/inputs/MRT_EditCellTextField.tsx +1 -1
  57. package/src/inputs/MRT_FilterTextField.tsx +35 -11
  58. package/src/inputs/MRT_SearchTextField.tsx +3 -3
  59. package/src/inputs/MRT_SelectCheckbox.tsx +5 -5
  60. package/src/localization.ts +87 -88
  61. package/src/menus/MRT_ColumnActionMenu.tsx +60 -15
  62. package/src/menus/MRT_FilterTypeMenu.tsx +45 -11
  63. package/src/menus/MRT_RowActionMenu.tsx +2 -2
  64. package/src/menus/MRT_ShowHideColumnsMenu.tsx +53 -36
  65. package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +57 -0
  66. package/src/toolbar/MRT_ToolbarAlertBanner.tsx +3 -3
  67. package/src/useMRT.tsx +22 -4
@@ -3,6 +3,7 @@ import { AlertProps, IconButtonProps, LinearProgressProps, SkeletonProps, TableB
3
3
  import { Cell, Column, ColumnInstance, FilterType, HeaderGroup, Row, TableInstance, TableOptions, TableState, UseColumnOrderInstanceProps, UseColumnOrderState, UseExpandedInstanceProps, UseExpandedOptions, UseExpandedRowProps, UseExpandedState, UseFiltersColumnOptions, UseFiltersColumnProps, UseFiltersInstanceProps, UseFiltersOptions, UseFiltersState, UseGlobalFiltersColumnOptions, UseGlobalFiltersInstanceProps, UseGlobalFiltersOptions, UseGlobalFiltersState, UseGroupByCellProps, UseGroupByColumnOptions, UseGroupByColumnProps, UseGroupByInstanceProps, UseGroupByOptions, UseGroupByRowProps, UseGroupByState, UsePaginationInstanceProps, UsePaginationOptions, UsePaginationState, UseResizeColumnsColumnOptions, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectOptions, UseRowSelectRowProps, UseRowSelectState, UseRowStateCellProps, UseRowStateInstanceProps, UseRowStateOptions, UseRowStateRowProps, UseRowStateState, UseSortByColumnOptions, UseSortByColumnProps, UseSortByInstanceProps, UseSortByOptions, UseSortByState, UseTableHeaderGroupProps, UseTableInstanceProps, UseTableOptions } from 'react-table';
4
4
  import { MRT_Localization } from './localization';
5
5
  import { MRT_Icons } from './icons';
6
+ import { MRT_FILTER_TYPE } from './enums';
6
7
  export declare type MRT_TableOptions<D extends {} = {}> = TableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & {
7
8
  columns: (Column<D> & MRT_ColumnInterface)[];
8
9
  data: D[];
@@ -53,16 +54,6 @@ export declare type MRT_Row<D extends {} = {}> = Row<D> & UseExpandedRowProps<D>
53
54
  cells: MRT_Cell<D>[];
54
55
  };
55
56
  export declare type MRT_Cell<D extends {} = {}, _V = any> = Cell<D> & UseGroupByCellProps<D> & UseRowStateCellProps<D> & {};
56
- export declare enum MRT_FILTER_TYPE {
57
- CONTAINS = "contains",
58
- EMPTY = "empty",
59
- ENDS_WITH = "endsWith",
60
- EQUALS = "equals",
61
- FUZZY = "fuzzy",
62
- NOT_EMPTY = "notEmpty",
63
- NOT_EQUALS = "notEquals",
64
- STARTS_WITH = "startsWith"
65
- }
66
57
  export declare type MRT_FilterType = MRT_FILTER_TYPE | Function;
67
58
  export declare type MRT_TableState<D extends {} = {}> = TableState<D> & UseColumnOrderState<D> & UseExpandedState<D> & UseFiltersState<D> & UseGlobalFiltersState<D> & UseGroupByState<D> & UsePaginationState<D> & UseResizeColumnsState<D> & UseRowSelectState<D> & UseRowStateState<D> & UseSortByState<D> & {
68
59
  currentEditingRow: MRT_Row<D> | null;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MRT_Cell } from '..';
2
+ import type { MRT_Cell } from '..';
3
3
  export declare const commonTableBodyCellStyles: (densePadding: boolean) => {
4
4
  p: string;
5
5
  transition: string;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MRT_Row } from '..';
2
+ import type { MRT_Row } from '..';
3
3
  interface Props {
4
4
  row: MRT_Row;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MRT_Row } from '..';
2
+ import type { MRT_Row } from '..';
3
3
  interface Props {
4
4
  row: MRT_Row;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MRT_Row } from '..';
2
+ import type { MRT_Row } from '..';
3
3
  interface Props {
4
4
  row: MRT_Row;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MRT_Row } from '..';
2
+ import type { MRT_Row } from '..';
3
3
  interface Props {
4
4
  row: MRT_Row;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MRT_HeaderGroup } from '..';
2
+ import type { MRT_HeaderGroup } from '..';
3
3
  interface Props {
4
4
  column: MRT_HeaderGroup;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MRT_Row } from '..';
2
+ import type { MRT_Row } from '..';
3
3
  interface Props {
4
4
  row: MRT_Row;
5
5
  }
@@ -0,0 +1,12 @@
1
+ export declare enum MRT_FILTER_TYPE {
2
+ CONTAINS = "contains",
3
+ EMPTY = "empty",
4
+ ENDS_WITH = "endsWith",
5
+ EQUALS = "equals",
6
+ FUZZY = "fuzzy",
7
+ GREATER_THAN = "greaterThan",
8
+ LESS_THAN = "lessThan",
9
+ NOT_EMPTY = "notEmpty",
10
+ NOT_EQUALS = "notEquals",
11
+ STARTS_WITH = "startsWith"
12
+ }
@@ -27,6 +27,14 @@ export declare const notEqualsFilterFN: {
27
27
  (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
28
28
  autoRemove(val: any): boolean;
29
29
  };
30
+ export declare const greaterThanFilterFN: {
31
+ (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
32
+ autoRemove(val: any): boolean;
33
+ };
34
+ export declare const lessThanFilterFN: {
35
+ (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
36
+ autoRemove(val: any): boolean;
37
+ };
30
38
  export declare const emptyFilterFN: {
31
39
  (rows: MRT_Row[], id: string, _filterValue: string | number): MRT_Row<{}>[];
32
40
  autoRemove(val: any): boolean;
@@ -56,6 +64,18 @@ export declare const defaultFilterFNs: {
56
64
  (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
57
65
  autoRemove(val: any): boolean;
58
66
  };
67
+ globalFuzzy: {
68
+ (rows: MRT_Row[], columnIds: string[], filterValue: string | number): MRT_Row<{}>[];
69
+ autoRemove(val: any): boolean;
70
+ };
71
+ greaterThan: {
72
+ (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
73
+ autoRemove(val: any): boolean;
74
+ };
75
+ lessThan: {
76
+ (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
77
+ autoRemove(val: any): boolean;
78
+ };
59
79
  notEmpty: {
60
80
  (rows: MRT_Row[], id: string, _filterValue: string | number): MRT_Row<{}>[];
61
81
  autoRemove(val: any): boolean;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MRT_HeaderGroup } from '..';
2
+ import type { MRT_HeaderGroup } from '..';
3
3
  interface Props {
4
4
  column: MRT_HeaderGroup;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MRT_HeaderGroup } from '..';
2
+ import type { MRT_HeaderGroup } from '..';
3
3
  interface Props {
4
4
  footerGroup: MRT_HeaderGroup;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MRT_HeaderGroup } from '..';
2
+ import type { MRT_HeaderGroup } from '..';
3
3
  export declare const commonTableHeadCellStyles: (densePadding: boolean, enableColumnResizing?: boolean | undefined) => {
4
4
  fontWeight: string;
5
5
  height: string;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MRT_HeaderGroup } from '..';
2
+ import type { MRT_HeaderGroup } from '..';
3
3
  interface Props {
4
4
  headerGroup: MRT_HeaderGroup;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MRT_Cell } from '..';
2
+ import type { MRT_Cell } from '..';
3
3
  interface Props {
4
4
  cell: MRT_Cell;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MRT_HeaderGroup } from '..';
2
+ import type { MRT_HeaderGroup } from '..';
3
3
  interface Props {
4
4
  column: MRT_HeaderGroup;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MRT_Row } from '..';
2
+ import type { MRT_Row } from '..';
3
3
  interface Props {
4
4
  row?: MRT_Row;
5
5
  selectAll?: boolean;
@@ -1,48 +1,47 @@
1
1
  export interface MRT_Localization {
2
- actionsHeadColumnTitle: string;
3
- columnActionMenuButtonTitle: string;
4
- columnActionMenuItemClearSort: string;
5
- columnActionMenuItemGroupBy: string;
6
- columnActionMenuItemHideColumn: string;
7
- columnActionMenuItemSortAsc: string;
8
- columnActionMenuItemSortDesc: string;
9
- columnActionMenuItemUnGroupBy: string;
10
- columnShowHideMenuHideAll: string;
11
- columnShowHideMenuShowAll: string;
12
- expandAllButtonTitle: string;
13
- expandButtonTitle: string;
14
- filterApplied: string;
15
- filterMenuItemContains: string;
16
- filterMenuItemEmpty: string;
17
- filterMenuItemEndsWith: string;
18
- filterMenuItemEquals: string;
19
- filterMenuItemFuzzy: string;
20
- filterMenuItemNotEmpty: string;
21
- filterMenuItemNotEquals: string;
22
- filterMenuItemStartsWith: string;
23
- filterMenuTitle: string;
24
- filterTextFieldChangeFilterButtonTitle: string;
25
- filterTextFieldChipLabelEmpty: string;
26
- filterTextFieldChipLabelNotEmpty: string;
27
- filterTextFieldClearButtonTitle: string;
28
- filterTextFieldPlaceholder: string;
2
+ actions: string;
3
+ cancel: string;
29
4
  changeFilterMode: string;
30
- rowActionButtonCancel: string;
31
- rowActionButtonSave: string;
32
- rowActionMenuButtonTitle: string;
33
- rowActionMenuItemEdit: string;
34
- rowActionsColumnTitle: string;
35
- searchTextFieldClearButtonTitle: string;
36
- searchTextFieldPlaceholder: string;
37
- selectAllCheckboxTitle: string;
38
- selectCheckboxTitle: string;
39
- showHideColumnsButtonTitle: string;
40
- toggleDensePaddingSwitchTitle: string;
41
- toggleFilterButtonTitle: string;
42
- toggleFullScreenButtonTitle: string;
43
- toggleSearchButtonTitle: string;
44
- toolbarAlertGroupedByMessage: string;
45
- toolbarAlertGroupedThenByMessage: string;
46
- toolbarAlertSelectionMessage: string;
5
+ clearFilter: string;
6
+ clearSearch: string;
7
+ clearSort: string;
8
+ columnActions: string;
9
+ edit: string;
10
+ expand: string;
11
+ expandAll: string;
12
+ filterByColumn: string;
13
+ filterContains: string;
14
+ filterEmpty: string;
15
+ filterEndsWith: string;
16
+ filterEquals: string;
17
+ filterFuzzy: string;
18
+ filterGreaterThan: string;
19
+ filterLessThan: string;
20
+ filterMode: string;
21
+ filterNotEmpty: string;
22
+ filterNotEquals: string;
23
+ filterStartsWith: string;
24
+ filteringByColumn: string;
25
+ groupByColumn: string;
26
+ groupedBy: string;
27
+ hideAll: string;
28
+ hideColumn: string;
29
+ rowActions: string;
30
+ save: string;
31
+ search: string;
32
+ selectedCountOfRowCountRowsSelected: string;
33
+ showAll: string;
34
+ showHideColumns: string;
35
+ showAllColumns: string;
36
+ showHideFilters: string;
37
+ showHideSearch: string;
38
+ sortByColumnAsc: string;
39
+ sortByColumnDesc: string;
40
+ thenBy: string;
41
+ toggleDensePadding: string;
42
+ toggleFullScreen: string;
43
+ toggleSelectAll: string;
44
+ toggleSelectRow: string;
45
+ ungroupByColumn: string;
47
46
  }
48
47
  export declare const MRT_DefaultLocalization_EN: MRT_Localization;