material-react-table 1.2.7 → 1.2.9

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 (13) hide show
  1. package/README.md +5 -3
  2. package/dist/cjs/icons.d.ts +1 -0
  3. package/dist/cjs/index.js +9 -5
  4. package/dist/cjs/index.js.map +1 -1
  5. package/dist/esm/icons.d.ts +1 -0
  6. package/dist/esm/material-react-table.esm.js +8 -5
  7. package/dist/esm/material-react-table.esm.js.map +1 -1
  8. package/dist/index.d.ts +1 -0
  9. package/package.json +6 -3
  10. package/src/head/MRT_TableHeadCellColumnActionsButton.tsx +1 -1
  11. package/src/head/MRT_TableHeadCellFilterLabel.tsx +2 -1
  12. package/src/head/MRT_TableHeadCellSortLabel.tsx +6 -2
  13. package/src/icons.ts +3 -0
package/dist/index.d.ts CHANGED
@@ -92,6 +92,7 @@ declare const MRT_FilterFns: {
92
92
  };
93
93
 
94
94
  interface MRT_Icons {
95
+ ArrowDownwardIcon: any;
95
96
  ArrowRightIcon: any;
96
97
  CancelIcon: any;
97
98
  CheckBoxIcon: any;
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.2.7",
2
+ "version": "1.2.9",
3
3
  "license": "MIT",
4
4
  "name": "material-react-table",
5
5
  "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",
@@ -68,6 +68,8 @@
68
68
  "@storybook/addon-links": "^6.5.12",
69
69
  "@storybook/addon-storysource": "^6.5.12",
70
70
  "@storybook/addons": "^6.5.12",
71
+ "@storybook/builder-webpack5": "^6.4.22",
72
+ "@storybook/manager-webpack5": "^6.4.22",
71
73
  "@storybook/react": "^6.5.12",
72
74
  "@types/react": "^18.0.21",
73
75
  "@types/react-dom": "^18.0.6",
@@ -88,7 +90,8 @@
88
90
  "size-limit": "^8.1.0",
89
91
  "storybook-dark-mode": "^1.1.2",
90
92
  "tslib": "^2.4.0",
91
- "typescript": "^4.8.4"
93
+ "typescript": "^4.8.4",
94
+ "webpack": "^5.0.0"
92
95
  },
93
96
  "peerDependencies": {
94
97
  "@emotion/react": ">=11",
@@ -102,4 +105,4 @@
102
105
  "@tanstack/react-table": "8.5.13",
103
106
  "react-virtual": "^2.10.4"
104
107
  }
105
- }
108
+ }
package/src/head/MRT_TableHeadCellColumnActionsButton.tsx CHANGED
@@ -65,7 +65,7 @@ export const MRT_TableHeadCellColumnActionsButton: FC<Props> = ({
65
65
  {...iconButtonProps}
66
66
  sx={(theme) => ({
67
67
  height: '2rem',
68
- m: '-0.2rem',
68
+ m: '-6px -3px',
69
69
  opacity: 0.5,
70
70
  transform: 'scale(0.85)',
71
71
  transition: 'opacity 150ms',
package/src/head/MRT_TableHeadCellFilterLabel.tsx CHANGED
@@ -68,11 +68,12 @@ export const MRT_TableHeadCellFilterLabel: FC<Props> = ({ header, table }) => {
68
68
  }}
69
69
  size="small"
70
70
  sx={{
71
+ height: '12px',
71
72
  m: 0,
72
73
  opacity: 0.8,
73
74
  p: '2px',
74
75
  transform: 'scale(0.66)',
75
- width: '1.5ch',
76
+ width: '12px',
76
77
  }}
77
78
  >
78
79
  <FilterAltIcon />
package/src/head/MRT_TableHeadCellSortLabel.tsx CHANGED
@@ -16,7 +16,10 @@ export const MRT_TableHeadCellSortLabel: FC<Props> = ({
16
16
  tableCellProps,
17
17
  }) => {
18
18
  const {
19
- options: { localization },
19
+ options: {
20
+ icons: { ArrowDownwardIcon },
21
+ localization,
22
+ },
20
23
  } = table;
21
24
  const { column } = header;
22
25
  const { columnDef } = column;
@@ -39,12 +42,13 @@ export const MRT_TableHeadCellSortLabel: FC<Props> = ({
39
42
  }
40
43
  sx={{
41
44
  flex: '0 0',
42
- width: '2ch',
45
+ width: '2.3ch',
43
46
  transform:
44
47
  tableCellProps?.align !== 'right'
45
48
  ? 'translateX(-0.5ch)'
46
49
  : undefined,
47
50
  }}
51
+ IconComponent={ArrowDownwardIcon}
48
52
  />
49
53
  </Tooltip>
50
54
  );
package/src/icons.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import ArrowDownwardIcon from '@mui/icons-material/ArrowDownward';
1
2
  import ArrowRightIcon from '@mui/icons-material/ArrowRight';
2
3
  import CancelIcon from '@mui/icons-material/Cancel';
3
4
  import CheckBoxIcon from '@mui/icons-material/CheckBox';
@@ -30,6 +31,7 @@ import ViewColumnIcon from '@mui/icons-material/ViewColumn';
30
31
  import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
31
32
 
32
33
  export interface MRT_Icons {
34
+ ArrowDownwardIcon: any;
33
35
  ArrowRightIcon: any;
34
36
  CancelIcon: any;
35
37
  CheckBoxIcon: any;
@@ -63,6 +65,7 @@ export interface MRT_Icons {
63
65
  }
64
66
 
65
67
  export const MRT_Default_Icons: MRT_Icons = {
68
+ ArrowDownwardIcon,
66
69
  ArrowRightIcon,
67
70
  CancelIcon,
68
71
  CheckBoxIcon,