material-react-table 0.4.4 → 0.4.7

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 (51) hide show
  1. package/README.md +3 -2
  2. package/dist/MaterialReactTable.d.ts +13 -10
  3. package/dist/buttons/MRT_FullScreenToggleButton.d.ts +3 -1
  4. package/dist/buttons/MRT_ShowHideColumnsButton.d.ts +2 -1
  5. package/dist/buttons/MRT_ToggleDensePaddingButton.d.ts +2 -1
  6. package/dist/buttons/MRT_ToggleFiltersButton.d.ts +3 -1
  7. package/dist/buttons/MRT_ToggleSearchButton.d.ts +3 -1
  8. package/dist/icons.d.ts +25 -0
  9. package/dist/inputs/MRT_SelectCheckbox.d.ts +2 -1
  10. package/dist/{utils/localization.d.ts → localization.d.ts} +1 -1
  11. package/dist/material-react-table.cjs.development.js +273 -209
  12. package/dist/material-react-table.cjs.development.js.map +1 -1
  13. package/dist/material-react-table.cjs.production.min.js +1 -1
  14. package/dist/material-react-table.cjs.production.min.js.map +1 -1
  15. package/dist/material-react-table.esm.js +274 -210
  16. package/dist/material-react-table.esm.js.map +1 -1
  17. package/dist/useMRT.d.ts +6 -2
  18. package/package.json +5 -6
  19. package/src/MaterialReactTable.tsx +16 -10
  20. package/src/body/MRT_TableBodyRow.tsx +9 -6
  21. package/src/body/MRT_TableDetailPanel.tsx +6 -13
  22. package/src/buttons/MRT_EditActionButtons.tsx +5 -6
  23. package/src/buttons/MRT_ExpandAllButton.tsx +17 -18
  24. package/src/buttons/MRT_ExpandButton.tsx +18 -19
  25. package/src/buttons/MRT_FullScreenToggleButton.tsx +13 -9
  26. package/src/buttons/MRT_ShowHideColumnsButton.tsx +13 -8
  27. package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx +18 -10
  28. package/src/buttons/MRT_ToggleDensePaddingButton.tsx +12 -8
  29. package/src/buttons/MRT_ToggleFiltersButton.tsx +12 -8
  30. package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +6 -7
  31. package/src/buttons/MRT_ToggleSearchButton.tsx +12 -9
  32. package/src/footer/MRT_TableFooterRow.tsx +9 -10
  33. package/src/head/MRT_TableHeadCell.tsx +21 -12
  34. package/src/head/MRT_TableHeadCellActions.tsx +1 -1
  35. package/src/head/MRT_TableHeadRow.tsx +6 -5
  36. package/src/icons.tsx +72 -0
  37. package/src/inputs/MRT_EditCellTextField.tsx +1 -2
  38. package/src/inputs/MRT_FilterTextField.tsx +12 -13
  39. package/src/inputs/MRT_SearchTextField.tsx +4 -5
  40. package/src/inputs/MRT_SelectCheckbox.tsx +44 -15
  41. package/src/{utils/localization.ts → localization.ts} +4 -4
  42. package/src/menus/MRT_ColumnActionMenu.tsx +14 -12
  43. package/src/menus/MRT_RowActionMenu.tsx +2 -2
  44. package/src/table/MRT_TableContainer.tsx +15 -5
  45. package/src/toolbar/MRT_TablePagination.tsx +1 -0
  46. package/src/toolbar/MRT_ToolbarAlertBanner.tsx +3 -3
  47. package/src/useMRT.tsx +6 -2
  48. package/dist/inputs/MRT_DensePaddingSwitch.d.ts +0 -5
  49. package/dist/inputs/MRT_SelectAllCheckbox.d.ts +0 -2
  50. package/src/inputs/MRT_DensePaddingSwitch.tsx +0 -23
  51. package/src/inputs/MRT_SelectAllCheckbox.tsx +0 -22
@@ -1,23 +0,0 @@
1
- import React, { FC } from 'react';
2
- import { Switch, Tooltip } from '@mui/material';
3
- import { useMRT } from '../useMRT';
4
-
5
- interface Props {}
6
-
7
- export const MRT_DensePaddingSwitch: FC<Props> = () => {
8
- const { densePadding, setDensePadding, localization } = useMRT();
9
-
10
- return (
11
- <Tooltip arrow title={localization?.toggleDensePaddingSwitchTitle ?? ''}>
12
- <Switch
13
- inputProps={{
14
- 'aria-label': localization?.toggleDensePaddingSwitchTitle ?? '',
15
- }}
16
- color="default"
17
- checked={densePadding}
18
- size="small"
19
- onChange={() => setDensePadding(!densePadding)}
20
- />
21
- </Tooltip>
22
- );
23
- };
@@ -1,22 +0,0 @@
1
- import React from 'react';
2
- import { Checkbox } from '@mui/material';
3
- import { useMRT } from '../useMRT';
4
- import { MRT_TableButtonCell } from '../table/MRT_TableButtonCell';
5
-
6
- export const MRT_SelectAllCheckbox = () => {
7
- const { tableInstance, disableSelectAll, densePadding, localization } =
8
- useMRT();
9
-
10
- return (
11
- <MRT_TableButtonCell densePadding={densePadding} variant="head">
12
- {!disableSelectAll ? (
13
- <Checkbox
14
- inputProps={{
15
- 'aria-label': localization?.selectAllCheckboxTitle ?? '',
16
- }}
17
- {...tableInstance.getToggleAllPageRowsSelectedProps()}
18
- />
19
- ) : null}
20
- </MRT_TableButtonCell>
21
- );
22
- };