material-react-table 1.8.4 → 1.8.5

package/dist/cjs/index.js

@@ -319,7 +319,7 @@ const getCommonCellStyles = ({ column, header, table, tableCellProps, theme, })
             : getIsFirstRightPinnedColumn(column)
                 ? `4px 0 8px -6px ${styles.alpha(theme.palette.common.black, 0.2)} inset`
                 : undefined, display: table.options.layoutMode === 'grid' ? 'flex' : 'table-cell', flex: table.options.layoutMode === 'grid'
-            ? `var(--col-${parseCSSVarId((_a = header === null || header === void 0 ? void 0 : header.id) !== null && _a !== void 0 ? _a : column.id)}-size) 0 auto`
+            ? `var(--${header ? 'header' : 'col'}-${parseCSSVarId((_a = header === null || header === void 0 ? void 0 : header.id) !== null && _a !== void 0 ? _a : column.id)}-size) 0 auto`
             : undefined, left: column.getIsPinned() === 'left'
             ? `${column.getStart('left')}px`
             : undefined, ml: table.options.enableColumnVirtualization &&
@@ -365,12 +365,7 @@ const MRT_DefaultDisplayColumn = {
     enableResizing: false,
     enableSorting: false,
 };
-const parseCSSVarId = (id) => id
-    .replaceAll('.', '_')
-    .replaceAll(' ', '_')
-    .replaceAll('+', '_')
-    .replaceAll('(', '_')
-    .replaceAll(')', '_');
+const parseCSSVarId = (id) => id.replace(/[^a-zA-Z0-9]/g, '_');
 
 const fuzzy$1 = (row, columnId, filterValue, addMeta) => {
     const itemRank = matchSorterUtils.rankItem(row.getValue(columnId), filterValue, {
@@ -521,7 +516,7 @@ const MRT_ExpandAllButton = ({ table }) => {
                 } }))))));
 };
 
-const MRT_ExpandButton = ({ row, table }) => {
+const MRT_ExpandButton = ({ row, table, }) => {
     var _a, _b;
     const { getState, options: { icons: { ExpandMoreIcon }, localization, muiExpandButtonProps, renderDetailPanel, }, } = table;
     const { density } = getState();
@@ -1909,7 +1904,7 @@ const MRT_TableHeadCellResizeHandle = ({ header, table }) => {
     const { getState, options: { columnResizeMode }, setColumnSizingInfo, } = table;
     const { density } = getState();
     const { column } = header;
-    return (React__default["default"].createElement(Box__default["default"], { onDoubleClick: () => {
+    return (React__default["default"].createElement(Box__default["default"], { className: "Mui-TableHeadCell-ResizeHandle-Wrapper", onDoubleClick: () => {
             setColumnSizingInfo((old) => (Object.assign(Object.assign({}, old), { isResizingColumn: false })));
             column.resetSize();
         }, onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), sx: (theme) => ({
@@ -1927,7 +1922,7 @@ const MRT_TableHeadCellResizeHandle = ({ header, table }) => {
                 ? `translateX(${(_a = getState().columnSizingInfo.deltaOffset) !== null && _a !== void 0 ? _a : 0}px)`
                 : undefined,
         } },
-        React__default["default"].createElement(Divider__default["default"], { flexItem: true, orientation: "vertical", sx: {
+        React__default["default"].createElement(Divider__default["default"], { className: "Mui-TableHeadCell-ResizeHandle-Divider", flexItem: true, orientation: "vertical", sx: {
                 borderRadius: '2px',
                 borderWidth: '2px',
                 height: '24px',
@@ -2748,9 +2743,9 @@ const MRT_Table = ({ table }) => {
         const colSizes = {};
         for (let i = 0; i < headers.length; i++) {
             const header = headers[i];
-            colSizes[`--header-${parseCSSVarId(header.id)}-size`] = header.getSize();
-            colSizes[`--col-${parseCSSVarId(header.column.id)}-size`] =
-                header.column.getSize();
+            const colSize = header.getSize();
+            colSizes[`--header-${parseCSSVarId(header.id)}-size`] = colSize;
+            colSizes[`--col-${parseCSSVarId(header.column.id)}-size`] = colSize;
         }
         return colSizes;
     }, [columns, columnSizing, columnSizingInfo, columnVisibility]);
@@ -3190,10 +3185,12 @@ exports.MRT_AggregationFns = MRT_AggregationFns;
 exports.MRT_BottomToolbar = MRT_BottomToolbar;
 exports.MRT_CopyButton = MRT_CopyButton;
 exports.MRT_EditActionButtons = MRT_EditActionButtons;
+exports.MRT_ExpandButton = MRT_ExpandButton;
 exports.MRT_FilterFns = MRT_FilterFns;
 exports.MRT_FilterOptionMenu = MRT_FilterOptionMenu;
 exports.MRT_FullScreenToggleButton = MRT_FullScreenToggleButton;
 exports.MRT_GlobalFilterTextField = MRT_GlobalFilterTextField;
+exports.MRT_GrabHandleButton = MRT_GrabHandleButton;
 exports.MRT_ShowHideColumnsButton = MRT_ShowHideColumnsButton;
 exports.MRT_SortingFns = MRT_SortingFns;
 exports.MRT_TablePagination = MRT_TablePagination;