material-react-table 1.11.1 → 1.11.3

package/dist/cjs/types/_locales/sk.d.ts

@@ -0,0 +1,2 @@
+import type { MRT_Localization } from '../MaterialReactTable';
+export declare const MRT_Localization_SK: MRT_Localization;

package/dist/cjs/types/sortingFns.d.ts

@@ -33,6 +33,7 @@ export declare const rankGlobalFuzzy: <TData extends Record<string, any> = {}>(r
     groupingColumnId?: string | undefined;
     groupingValue?: unknown;
     getIsGrouped: () => boolean;
+    getGroupingValue: (columnId: string) => unknown;
     _groupingValuesCache: Record<string, any>;
     getIsSelected: () => boolean;
     getIsSomeSelected: () => boolean;
@@ -79,6 +80,7 @@ export declare const rankGlobalFuzzy: <TData extends Record<string, any> = {}>(r
             groupingColumnId?: string | undefined;
             groupingValue?: unknown;
             getIsGrouped: () => boolean;
+            getGroupingValue: (columnId: string) => unknown;
             _groupingValuesCache: Record<string, any>;
             getIsSelected: () => boolean;
             getIsSomeSelected: () => boolean;
@@ -131,6 +133,7 @@ export declare const rankGlobalFuzzy: <TData extends Record<string, any> = {}>(r
             groupingColumnId?: string | undefined;
             groupingValue?: unknown;
             getIsGrouped: () => boolean;
+            getGroupingValue: (columnId: string) => unknown;
             _groupingValuesCache: Record<string, any>;
             getIsSelected: () => boolean;
             getIsSomeSelected: () => boolean;
@@ -174,6 +177,7 @@ export declare const rankGlobalFuzzy: <TData extends Record<string, any> = {}>(r
         groupingColumnId?: string | undefined;
         groupingValue?: unknown;
         getIsGrouped: () => boolean;
+        getGroupingValue: (columnId: string) => unknown;
         _groupingValuesCache: Record<string, any>;
         getIsSelected: () => boolean;
         getIsSomeSelected: () => boolean;
@@ -237,6 +241,7 @@ export declare const rankGlobalFuzzy: <TData extends Record<string, any> = {}>(r
     groupingColumnId?: string | undefined;
     groupingValue?: unknown;
     getIsGrouped: () => boolean;
+    getGroupingValue: (columnId: string) => unknown;
     _groupingValuesCache: Record<string, any>;
     getIsSelected: () => boolean;
     getIsSomeSelected: () => boolean;
@@ -283,6 +288,7 @@ export declare const rankGlobalFuzzy: <TData extends Record<string, any> = {}>(r
             groupingColumnId?: string | undefined;
             groupingValue?: unknown;
             getIsGrouped: () => boolean;
+            getGroupingValue: (columnId: string) => unknown;
             _groupingValuesCache: Record<string, any>;
             getIsSelected: () => boolean;
             getIsSomeSelected: () => boolean;
@@ -335,6 +341,7 @@ export declare const rankGlobalFuzzy: <TData extends Record<string, any> = {}>(r
             groupingColumnId?: string | undefined;
             groupingValue?: unknown;
             getIsGrouped: () => boolean;
+            getGroupingValue: (columnId: string) => unknown;
             _groupingValuesCache: Record<string, any>;
             getIsSelected: () => boolean;
             getIsSomeSelected: () => boolean;
@@ -378,6 +385,7 @@ export declare const rankGlobalFuzzy: <TData extends Record<string, any> = {}>(r
         groupingColumnId?: string | undefined;
         groupingValue?: unknown;
         getIsGrouped: () => boolean;
+        getGroupingValue: (columnId: string) => unknown;
         _groupingValuesCache: Record<string, any>;
         getIsSelected: () => boolean;
         getIsSomeSelected: () => boolean;

package/dist/esm/material-react-table.esm.js

@@ -1924,7 +1924,7 @@ const MRT_TableHeadCellSortLabel = ({ header, table, tableCellProps, }) => {
 };
 
 const MRT_TableHeadCell = ({ header, table }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _f, _g;
     const theme = useTheme();
     const { getState, options: { enableColumnActions, enableColumnDragging, enableColumnOrdering, enableGrouping, enableMultiSort, layoutMode, muiTableHeadCellProps, }, refs: { tableHeadCellRefs }, setHoveredColumn, } = table;
     const { density, draggingColumn, grouping, hoveredColumn, showColumnFilters, } = getState();
@@ -2040,10 +2040,10 @@ const MRT_TableHeadCell = ({ header, table }) => {
                         : undefined,
                 } },
                 React.createElement(Box, { className: "Mui-TableHeadCell-Content-Wrapper", sx: {
-                        minWidth: `${Math.min(columnDef.header.length, 5)}ch`,
+                        minWidth: `${Math.min((_d = (_c = columnDef.header) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0, 5)}ch`,
                         overflow: columnDefType === 'data' ? 'hidden' : undefined,
                         textOverflow: 'ellipsis',
-                        whiteSpace: ((_d = (_c = columnDef.header) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0) < 20 ? 'nowrap' : 'normal',
+                        whiteSpace: ((_g = (_f = columnDef.header) === null || _f === void 0 ? void 0 : _f.length) !== null && _g !== void 0 ? _g : 0) < 20 ? 'nowrap' : 'normal',
                         '&:hover': {
                             textOverflow: 'clip',
                         },
@@ -2487,9 +2487,7 @@ const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, row, row
                     rowRef.current = node;
                     measureElement === null || measureElement === void 0 ? void 0 : measureElement(node);
                 }
-            } }, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: lighten(theme.palette.background.default, 0.06), display: layoutMode === 'grid' ? 'flex' : 'table-row', opacity: (draggingRow === null || draggingRow === void 0 ? void 0 : draggingRow.id) === row.id || (hoveredRow === null || hoveredRow === void 0 ? void 0 : hoveredRow.id) === row.id ? 0.5 : 1, position: virtualRow ? 'absolute' : undefined, top: virtualRow ? 0 : undefined, transform: virtualRow
-                    ? `translateY(${virtualRow === null || virtualRow === void 0 ? void 0 : virtualRow.start}px)`
-                    : undefined, transition: virtualRow ? 'none' : 'all 150ms ease-in-out', width: '100%', '&:hover td': {
+            } }, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: lighten(theme.palette.background.default, 0.06), boxSizing: 'border-box', display: layoutMode === 'grid' ? 'flex' : 'table-row', opacity: (draggingRow === null || draggingRow === void 0 ? void 0 : draggingRow.id) === row.id || (hoveredRow === null || hoveredRow === void 0 ? void 0 : hoveredRow.id) === row.id ? 0.5 : 1, position: virtualRow ? 'absolute' : undefined, transition: virtualRow ? 'none' : 'all 150ms ease-in-out', top: virtualRow ? 0 : undefined, width: '100%', '&:hover td': {
                     backgroundColor: (tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.hover) !== false
                         ? row.getIsSelected()
                             ? `${alpha(theme.palette.primary.main, 0.2)}`
@@ -2499,7 +2497,9 @@ const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, row, row
                         : undefined,
                 } }, ((tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx) instanceof Function
                 ? tableRowProps.sx(theme)
-                : tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx))) }),
+                : tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx))), style: Object.assign({ transform: virtualRow
+                    ? `translateY(${virtualRow === null || virtualRow === void 0 ? void 0 : virtualRow.start}px)`
+                    : undefined }, tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.style) }),
             virtualPaddingLeft ? (React.createElement("td", { style: { display: 'flex', width: virtualPaddingLeft } })) : null,
             (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : row.getVisibleCells()).map((cellOrVirtualCell) => {
                 const cell = columnVirtualizer
@@ -2577,7 +2577,7 @@ const MRT_TableBody = ({ columnVirtualizer, table, virtualColumns, virtualPaddin
         pagination.pageSize,
     ]);
     const rowVirtualizer = enableRowVirtualization
-        ? useVirtualizer(Object.assign(Object.assign({ count: rows.length, estimateSize: () => density === 'compact' ? 37 : density === 'comfortable' ? 58 : 73, getScrollElement: () => tableContainerRef.current, measureElement: (element) => element === null || element === void 0 ? void 0 : element.getBoundingClientRect().height, overscan: 4 }, vProps_old), vProps))
+        ? useVirtualizer(Object.assign(Object.assign({ count: rows.length, estimateSize: () => density === 'compact' ? 37 : density === 'comfortable' ? 58 : 73, getScrollElement: () => tableContainerRef.current, overscan: 4 }, vProps_old), vProps))
         : undefined;
     if (rowVirtualizerInstanceRef && rowVirtualizer) {
         rowVirtualizerInstanceRef.current = rowVirtualizer;