material-react-table-narender 2.13.29 → 2.13.32

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.13.29",
+  "version": "2.13.32",
   "license": "MIT",
   "name": "material-react-table-narender",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",

package/src/components/head/MRT_TableHeadCell.tsx

@@ -18,7 +18,7 @@ import {
 import { getCommonMRTCellStyles } from '../../utils/style.utils';
 import { parseFromValuesOrFunc } from '../../utils/utils';
 import { cellKeyboardShortcuts } from '../../utils/cell.utils';
-import { MRT_TableHeadCellToolBar } from './MRT_TableHeadCellToolBar';
+// import { MRT_TableHeadCellToolBar } from './MRT_TableHeadCellToolBar';
 
 export interface MRT_TableHeadCellProps<TData extends MRT_RowData>
   extends TableCellProps {
@@ -309,7 +309,7 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
                 {column.getCanSort() && (
                   <MRT_TableHeadCellSortLabel header={header} table={table} />
                 )}
-                  <MRT_TableHeadCellToolBar header={header} table={table} />
+                  {/* <MRT_TableHeadCellToolBar header={header} table={table} /> */}
               </Box>
               {columnDefType !== 'group' && (
                 <Box

package/src/components/head/MRT_TableHeadCellToolBar.tsx

@@ -1,68 +1,68 @@
-import Badge from '@mui/material/Badge';
-import TableSortLabel, {
-  type TableSortLabelProps,
-} from '@mui/material/TableSortLabel';
-import Tooltip from '@mui/material/Tooltip';
-import {
-  type MRT_Header,
-  type MRT_RowData,
-  type MRT_TableInstance,
-} from '../../types';
-import { parseFromValuesOrFunc } from '../../utils/utils';
-import { IconButton } from '@mui/material';
+// import Badge from '@mui/material/Badge';
+// import TableSortLabel, {
+//   type TableSortLabelProps,
+// } from '@mui/material/TableSortLabel';
+// import Tooltip from '@mui/material/Tooltip';
+// import {
+//   type MRT_Header,
+//   type MRT_RowData,
+//   type MRT_TableInstance,
+// } from '../../types';
+// import { parseFromValuesOrFunc } from '../../utils/utils';
+// import { IconButton } from '@mui/material';
 
-export interface MRT_TableHeadCellToolBarLabelProps<TData extends MRT_RowData>
-  extends TableSortLabelProps {
-  header: MRT_Header<TData>;
-  table: MRT_TableInstance<TData>;
-}
+// export interface MRT_TableHeadCellToolBarLabelProps<TData extends MRT_RowData>
+//   extends TableSortLabelProps {
+//   header: MRT_Header<TData>;
+//   table: MRT_TableInstance<TData>;
+// }
 
-export const MRT_TableHeadCellToolBar = <TData extends MRT_RowData>({
-  header,
-  table,
-  ...rest
-}: MRT_TableHeadCellToolBarLabelProps<TData>) => {
-  const {
-    getState,
-    options: {
-      icons: { ArrowDownwardIcon, SyncAltIcon },
-      localization,
-    },
-  } = table;
-  const { isLoading, showSkeletons, showToolBar } = getState();
+// export const MRT_TableHeadCellToolBar = <TData extends MRT_RowData>({
+//   header,
+//   table,
+//   ...rest
+// }: MRT_TableHeadCellToolBarLabelProps<TData>) => {
+//   const {
+//     getState,
+//     options: {
+//       icons: { ArrowDownwardIcon, SyncAltIcon },
+//       localization,
+//     },
+//   } = table;
+//   const { isLoading, showSkeletons, showToolBar } = getState();
 
 
-          const showToolBarTooltip =    isLoading || showSkeletons
-      ? ''
-        : showToolBar
-            ?  "Hide ToolBar"
-            : "Show ToolBar";
+//           const showToolBarTooltip =    isLoading || showSkeletons
+//       ? ''
+//         : showToolBar
+//             ?  "Hide ToolBar"
+//             : "Show ToolBar";
 
 
-  return (
-    <Tooltip placement="top" title={showToolBarTooltip}>
+//   return (
+//     <Tooltip placement="top" title={showToolBarTooltip}>
    
-      <IconButton
-        aria-label={showToolBarTooltip}
-        size="small"
-        sx={(theme) => ({
-          '&:hover': {
-            backgroundColor: 'transparent',
-            opacity: 1,
-          },
-          cursor: 'pointer',
-          opacity: 1,
-          p: '2px',
-          transition: 'all 150ms ease-in-out',
-          ...(parseFromValuesOrFunc(rest?.sx, theme) as any),
-        })}
-        onClick={(e) => {
-          e.stopPropagation();
-          table.setShowToolBar(!showToolBar);
-        }}
-        >
-        <SyncAltIcon />
-            </IconButton>
-    </Tooltip>
-  );
-};
+//       <IconButton
+//         aria-label={showToolBarTooltip}
+//         size="small"
+//         sx={(theme) => ({
+//           '&:hover': {
+//             backgroundColor: 'transparent',
+//             opacity: 1,
+//           },
+//           cursor: 'pointer',
+//           opacity: 1,
+//           p: '2px',
+//           transition: 'all 150ms ease-in-out',
+//           ...(parseFromValuesOrFunc(rest?.sx, theme) as any),
+//         })}
+//         onClick={(e) => {
+//           e.stopPropagation();
+//           table.setShowToolBar(!showToolBar);
+//         }}
+//         >
+//         <SyncAltIcon />
+//             </IconButton>
+//     </Tooltip>
+//   );
+// };

package/src/components/menus/MRT_ColumnActionMenu.tsx

@@ -7,7 +7,7 @@ import {
   type MRT_RowData,
   type MRT_TableInstance,
 } from '../../types';
-import { MRT_TableHeadCellToolBar } from '../head/MRT_TableHeadCellToolBar';
+// import { MRT_TableHeadCellToolBar } from '../head/MRT_TableHeadCellToolBar';
 
 export interface MRT_ColumnActionMenuProps<TData extends MRT_RowData>
   extends Partial<MenuProps> {
@@ -48,6 +48,7 @@ export const MRT_ColumnActionMenu = <TData extends MRT_RowData>({
         SortIcon,
         ViewColumnIcon,
         VisibilityOffIcon,
+        SettingsOutlinedIcon
       },
       localization,
       mrtTheme: { menuBackgroundColor },
@@ -319,7 +320,7 @@ export const MRT_ColumnActionMenu = <TData extends MRT_RowData>({
 
      // **Newly Added Menu Item for Toolbar Visibility**
   <MRT_ActionMenuItem
-    icon={<ViewColumnIcon />}
+    icon={<SettingsOutlinedIcon />}
     key={13}
     label={showToolBar ? "Hide ToolBar" : "Show ToolBar"}
     onClick={(e) => {

package/src/components/menus/MRT_ShowHideColumnsMenuItems.tsx

@@ -180,7 +180,7 @@ export const MRT_ShowHideColumnsMenuItems = <TData extends MRT_RowData>({
               {columnDef.header}
             </Typography>
           )}
-          {
+          {/* {
             enableColumnResizing && columnDefType !== 'group' && 
               (
                 columnDef.enableResizing !== false ? (
@@ -202,7 +202,7 @@ export const MRT_ShowHideColumnsMenuItems = <TData extends MRT_RowData>({
                   <Box sx={{ width: '28px' }} />
                 )
               )
-          }
+          } */}
 
         </Box>
       </MenuItem>

package/src/components/table/MRT_TablePaper.tsx

@@ -27,7 +27,7 @@ export const MRT_TablePaper = <TData extends MRT_RowData>({
     },
     refs: { tablePaperRef },
   } = table;
-  const { isFullScreen } = getState();
+  const { isFullScreen,showToolBar } = getState();
 
   const paperProps = {
     ...parseFromValuesOrFunc(muiTablePaperProps, { table }),
@@ -74,10 +74,13 @@ export const MRT_TablePaper = <TData extends MRT_RowData>({
         ...(parseFromValuesOrFunc(paperProps?.sx, theme) as any),
       })}
     >
-      {enableTopToolbar &&
+      {enableTopToolbar && 
         (parseFromValuesOrFunc(renderTopToolbar, { table }) ?? (
           <MRT_TopToolbar table={table} />
         ))}
+
+        
+
       <MRT_TableContainer table={table} />
       {enableBottomToolbar &&
         (parseFromValuesOrFunc(renderBottomToolbar, { table }) ?? (

package/src/components/toolbar/MRT_ToolbarInternalButtons.tsx

@@ -67,9 +67,9 @@ export const MRT_ToolbarInternalButtons = <TData extends MRT_RowData>({
           {enableFullScreenToggle && (
             <MRT_ToggleFullScreenButton table={table} />
           )}
-          {enableKeyboardShortcuts && ( 
+          {/* {enableKeyboardShortcuts && ( 
             <MRT_ToggleNavigationButton table={table} />
-           )} 
+           )}  */}
         </>
       )}
     </Box>

package/src/icons.ts

@@ -33,6 +33,7 @@ import SyncAltIcon from '@mui/icons-material/SyncAlt';
 import ViewColumnIcon from '@mui/icons-material/ViewColumn';
 import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
 import SettingsBackupRestoreIcon from '@mui/icons-material/SettingsBackupRestore';
+import SettingsOutlinedIcon from '@mui/icons-material/SettingsOutlined';
 
 export const MRT_Default_Icons = {
   ArrowDownwardIcon,
@@ -69,7 +70,8 @@ export const MRT_Default_Icons = {
   SyncAltIcon,
   ViewColumnIcon,
   VisibilityOffIcon,
-  SettingsBackupRestoreIcon
+  SettingsBackupRestoreIcon,
+  SettingsOutlinedIcon
 } as const;
 
 export type MRT_Icons = Record<keyof typeof MRT_Default_Icons, any>;