material-react-table 0.14.1 → 0.14.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.
- package/dist/{buttons/MRT_ToggleColumnActionMenuButton.d.ts → head/MRT_TableHeadCellColumnActionsButton.d.ts} +1 -1
- package/dist/material-react-table.cjs.development.js +11 -5
- package/dist/material-react-table.cjs.development.js.map +1 -1
- package/dist/material-react-table.cjs.production.min.js +1 -1
- package/dist/material-react-table.cjs.production.min.js.map +1 -1
- package/dist/material-react-table.esm.js +11 -5
- package/dist/material-react-table.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/head/MRT_TableHeadCell.tsx +3 -2
- package/src/{buttons/MRT_ToggleColumnActionMenuButton.tsx → head/MRT_TableHeadCellColumnActionsButton.tsx} +1 -2
- package/src/head/MRT_TableHeadCellFilterLabel.tsx +1 -0
- package/src/head/MRT_TableHeadCellResizeHandle.tsx +1 -0
- package/src/head/MRT_TableHeadCellSortLabel.tsx +4 -0
|
@@ -2300,7 +2300,8 @@ var MRT_TableHeadCellFilterLabel = function MRT_TableHeadCellFilterLabel(_ref) {
|
|
|
2300
2300
|
'&:hover': {
|
|
2301
2301
|
backgroundColor: 'transparent',
|
|
2302
2302
|
opacity: 0.8
|
|
2303
|
-
}
|
|
2303
|
+
},
|
|
2304
|
+
width: '1.5ch'
|
|
2304
2305
|
}
|
|
2305
2306
|
}, showFilters && !column.getFilterValue() ? React.createElement(FilterAltOffIcon, null) : React.createElement(FilterAltIcon, null)));
|
|
2306
2307
|
};
|
|
@@ -2329,6 +2330,7 @@ var MRT_TableHeadCellResizeHandle = function MRT_TableHeadCellResizeHandle(_ref)
|
|
|
2329
2330
|
height: showFilters && columnDefType === 'data' ? '4rem' : '2rem',
|
|
2330
2331
|
opacity: 0.8,
|
|
2331
2332
|
position: 'absolute',
|
|
2333
|
+
mr: '-1rem',
|
|
2332
2334
|
right: '1px',
|
|
2333
2335
|
touchAction: 'none',
|
|
2334
2336
|
transition: column.getIsResizing() ? undefined : 'all 0.2s ease-in-out',
|
|
@@ -2362,11 +2364,15 @@ var MRT_TableHeadCellSortLabel = function MRT_TableHeadCellSortLabel(_ref) {
|
|
|
2362
2364
|
}, React.createElement(TableSortLabel, {
|
|
2363
2365
|
"aria-label": sortTooltip,
|
|
2364
2366
|
active: !!column.getIsSorted(),
|
|
2365
|
-
direction: column.getIsSorted() ? column.getIsSorted() : undefined
|
|
2367
|
+
direction: column.getIsSorted() ? column.getIsSorted() : undefined,
|
|
2368
|
+
sx: {
|
|
2369
|
+
width: '2ch',
|
|
2370
|
+
transform: 'translateX(-0.5ch)'
|
|
2371
|
+
}
|
|
2366
2372
|
}));
|
|
2367
2373
|
};
|
|
2368
2374
|
|
|
2369
|
-
var
|
|
2375
|
+
var MRT_TableHeadCellColumnActionsButton = function MRT_TableHeadCellColumnActionsButton(_ref) {
|
|
2370
2376
|
var header = _ref.header,
|
|
2371
2377
|
instance = _ref.instance;
|
|
2372
2378
|
var _instance$options = instance.options,
|
|
@@ -2410,7 +2416,6 @@ var MRT_ToggleColumnActionMenuButton = function MRT_ToggleColumnActionMenuButton
|
|
|
2410
2416
|
}, iconButtonProps, {
|
|
2411
2417
|
sx: _extends({
|
|
2412
2418
|
height: '2rem',
|
|
2413
|
-
mr: '2px',
|
|
2414
2419
|
mt: '-0.2rem',
|
|
2415
2420
|
opacity: 0.5,
|
|
2416
2421
|
transition: 'opacity 0.2s',
|
|
@@ -2516,6 +2521,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
|
|
|
2516
2521
|
display: 'flex',
|
|
2517
2522
|
justifyContent: columnDefType === 'group' ? 'center' : 'space-between',
|
|
2518
2523
|
opacity: isDragging ? 0.5 : 1,
|
|
2524
|
+
position: 'relative',
|
|
2519
2525
|
width: '100%'
|
|
2520
2526
|
}
|
|
2521
2527
|
}, React.createElement(Box, {
|
|
@@ -2542,7 +2548,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
|
|
|
2542
2548
|
}, columnDefType === 'data' && (enableColumnOrdering && columnDef.enableColumnOrdering !== false || enableGrouping && columnDef.enableGrouping !== false) && React.createElement(MRT_GrabHandleButton, {
|
|
2543
2549
|
ref: dragRef,
|
|
2544
2550
|
instance: instance
|
|
2545
|
-
}), (enableColumnActions || columnDef.enableColumnActions) && columnDef.enableColumnActions !== false && columnDefType !== 'group' && React.createElement(
|
|
2551
|
+
}), (enableColumnActions || columnDef.enableColumnActions) && columnDef.enableColumnActions !== false && columnDefType !== 'group' && React.createElement(MRT_TableHeadCellColumnActionsButton, {
|
|
2546
2552
|
header: header,
|
|
2547
2553
|
instance: instance
|
|
2548
2554
|
})), column.getCanResize() && React.createElement(MRT_TableHeadCellResizeHandle, {
|