material-react-table-narender 2.13.32 → 2.13.34

package/dist/index.js

@@ -2570,7 +2570,8 @@ const MRT_TableBodyRow = (_a) => {
                 ? `${styles.lighten(baseBackgroundColor, 0.3)}`
                 : `${styles.darken(baseBackgroundColor, 0.3)}`
         : undefined;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(TableRow__default["default"], Object.assign({ "data-index": renderDetailPanel ? staticRowIndex * 2 : staticRowIndex, "data-pinned": !!isRowPinned || undefined, "data-selected": isRowSelected || undefined, onDragEnter: handleDragEnter, onDragOver: handleDragOver, ref: (node) => {
+    console.log('row.id', row);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [react.createElement(TableRow__default["default"], Object.assign({ "data-index": renderDetailPanel ? staticRowIndex * 2 : staticRowIndex, "data-pinned": !!isRowPinned || undefined, "data-selected": isRowSelected || undefined, onDragEnter: handleDragEnter, onDragOver: handleDragOver, ref: (node) => {
                     if (node) {
                         rowRef.current = node;
                         rowVirtualizer === null || rowVirtualizer === void 0 ? void 0 : rowVirtualizer.measureElement(node);
@@ -2591,27 +2592,30 @@ const MRT_TableBodyRow = (_a) => {
                         : topPinnedIndex !== undefined && isRowPinned
                             ? `${topPinnedIndex * rowHeight +
                                 (enableStickyHeader || isFullScreen ? tableHeadHeight - 1 : 0)}px`
-                            : undefined, transition: virtualRow ? 'none' : 'all 150ms ease-in-out', width: '100%', zIndex: (rowPinningDisplayMode === null || rowPinningDisplayMode === void 0 ? void 0 : rowPinningDisplayMode.includes('sticky')) && isRowPinned ? 2 : 0 }, sx)), children: [virtualPaddingLeft ? (jsxRuntime.jsx("td", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : visibleCells).map((cellOrVirtualCell, staticColumnIndex) => {
-                        let cell = cellOrVirtualCell;
-                        if (columnVirtualizer) {
-                            staticColumnIndex = cellOrVirtualCell.index;
-                            cell = visibleCells[staticColumnIndex];
-                        }
-                        const props = {
-                            cell,
-                            numRows,
-                            rowRef,
-                            staticColumnIndex,
-                            staticRowIndex,
-                            table,
-                        };
-                        return cell ? (memoMode === 'cells' &&
-                            cell.column.columnDef.columnDefType === 'data' &&
-                            !draggingColumn &&
-                            !draggingRow &&
-                            (editingCell === null || editingCell === void 0 ? void 0 : editingCell.id) !== cell.id &&
-                            (editingRow === null || editingRow === void 0 ? void 0 : editingRow.id) !== row.id ? (jsxRuntime.jsx(Memo_MRT_TableBodyCell, Object.assign({}, props), cell.id)) : (jsxRuntime.jsx(MRT_TableBodyCell, Object.assign({}, props), cell.id))) : null;
-                    }), virtualPaddingRight ? (jsxRuntime.jsx("td", { style: { display: 'flex', width: virtualPaddingRight } })) : null] })), renderDetailPanel && !row.getIsGrouped() && (jsxRuntime.jsx(MRT_TableDetailPanel, { parentRowRef: rowRef, row: row, rowVirtualizer: rowVirtualizer, staticRowIndex: staticRowIndex, table: table, virtualRow: virtualRow }))] }));
+                            : undefined, transition: virtualRow ? 'none' : 'all 150ms ease-in-out', width: '100%', zIndex: (rowPinningDisplayMode === null || rowPinningDisplayMode === void 0 ? void 0 : rowPinningDisplayMode.includes('sticky')) && isRowPinned ? 2 : 0 }, sx)), key: row.id }),
+                virtualPaddingLeft ? (jsxRuntime.jsx("td", { style: { display: 'flex', width: virtualPaddingLeft } })) : null,
+                (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : visibleCells).map((cellOrVirtualCell, staticColumnIndex) => {
+                    let cell = cellOrVirtualCell;
+                    if (columnVirtualizer) {
+                        staticColumnIndex = cellOrVirtualCell.index;
+                        cell = visibleCells[staticColumnIndex];
+                    }
+                    const props = {
+                        cell,
+                        numRows,
+                        rowRef,
+                        staticColumnIndex,
+                        staticRowIndex,
+                        table,
+                    };
+                    return cell ? (memoMode === 'cells' &&
+                        cell.column.columnDef.columnDefType === 'data' &&
+                        !draggingColumn &&
+                        !draggingRow &&
+                        (editingCell === null || editingCell === void 0 ? void 0 : editingCell.id) !== cell.id &&
+                        (editingRow === null || editingRow === void 0 ? void 0 : editingRow.id) !== row.id ? (jsxRuntime.jsx(Memo_MRT_TableBodyCell, Object.assign({}, props), cell.id)) : (jsxRuntime.jsx(MRT_TableBodyCell, Object.assign({}, props), cell.id))) : null;
+                }),
+                virtualPaddingRight ? (jsxRuntime.jsx("td", { style: { display: 'flex', width: virtualPaddingRight } })) : null), renderDetailPanel && !row.getIsGrouped() && (jsxRuntime.jsx(MRT_TableDetailPanel, { parentRowRef: rowRef, row: row, rowVirtualizer: rowVirtualizer, staticRowIndex: staticRowIndex, table: table, virtualRow: virtualRow }))] }));
 };
 const Memo_MRT_TableBodyRow = react.memo(MRT_TableBodyRow, (prev, next) => prev.row === next.row && prev.staticRowIndex === next.staticRowIndex);
 
@@ -3104,9 +3108,10 @@ const MRT_ColumnActionMenu = (_a) => {
             ]
             : []),
         // **Newly Added Menu Item for Toolbar Visibility**
-        jsxRuntime.jsx(MRT_ActionMenuItem, { icon: jsxRuntime.jsx(SettingsOutlinedIcon, {}), label: showToolBar ? "Hide ToolBar" : "Show ToolBar", onClick: (e) => {
+        jsxRuntime.jsx(MRT_ActionMenuItem, { icon: jsxRuntime.jsx(SettingsOutlinedIcon, {}), label: showToolBar ? "Hide Toolbar" : "Show Toolbar", onClick: (e) => {
                 e.stopPropagation();
                 table.setShowToolBar(!showToolBar);
+                setAnchorEl(null);
             }, table: table }, 13),
     ].filter(Boolean);
     return (jsxRuntime.jsx(Menu__default["default"], Object.assign({ MenuListProps: {