@campxdev/react-blueprint 1.5.8 → 1.5.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "1.5.8",
+  "version": "1.5.9",
   "main": "./export.ts",
   "private": false,
   "dependencies": {

package/src/components/Layout/PageHeader/PageHeader.tsx

@@ -1,4 +1,4 @@
-import { Box, Divider, InputAdornment, Stack, useTheme } from '@mui/material';
+import { Box, Divider, Stack, useTheme } from '@mui/material';
 import { GridColDef } from '@mui/x-data-grid';
 import { motion } from 'framer-motion';
 import { ReactNode, useState } from 'react';
@@ -6,14 +6,9 @@ import {
   DensitySelector,
   Icons,
   TableColumnsSelector,
-  TextField,
   Typography,
 } from '../../export';
-import {
-  ColumnsAnchor,
-  FiltersAnchor,
-  SearchAnchor,
-} from './components/Anchors';
+import { ColumnsAnchor } from './components/Anchors';
 
 interface PageHeaderProps {
   uniqueId: string;
@@ -91,15 +86,15 @@ export const PageHeader = ({
         justifyContent="space-between"
       >
         {columns ? <ViewTab title="Default View" /> : viewsSlot}
-        <Stack direction="row" alignItems="center" gap={1}>
-          {columns && (
+        <Stack direction="row" alignItems="center">
+          {/* {columns && (
             <FiltersAnchor
               handleClick={() => {
                 setExpanded(!expanded);
               }}
               showDot={false}
             />
-          )}
+          )} */}
           {columns && (
             <ColumnsAnchor
               handleClick={() => {
@@ -108,7 +103,7 @@ export const PageHeader = ({
               showDot={false}
             />
           )}
-          <motion.div
+          {/* <motion.div
             variants={motionTextFieldVariants}
             animate={expandedSearch ? 'expanded' : 'collapsed'}
             transition={{ duration: 0.3 }}
@@ -135,7 +130,7 @@ export const PageHeader = ({
                 autoFocus
               />
             )}
-          </motion.div>
+          </motion.div> */}
           {columns && <DensitySelector uniqueId={uniqueId} />}
           {actions?.map((action, index) => action)}
         </Stack>

package/src/components/Layout/export.ts

@@ -1,4 +1,5 @@
 export * from './AppHeader/AppHeader';
 export * from './PageContent/PageContent';
 export * from './PageHeader/components/DensitySelector/DensitySelector';
+export * from './PageHeader/PageHeader';
 export * from './TabsLayout/TabsLayout';

package/src/hooks/usePageHeader.ts

@@ -1,10 +1,8 @@
+import { GridColumnVisibilityModel, GridDensity } from '@mui/x-data-grid';
 import { useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { v4 } from 'uuid';
-import {
-  PageHeaderState,
-  resetStateForUniqueId,
-} from '../redux/slices/pageHeaderSlice';
+import { resetStateForUniqueId } from '../redux/slices/pageHeaderSlice';
 import { RootState } from '../redux/store';
 
 export const usePageHeader = () => {
@@ -12,7 +10,11 @@ export const usePageHeader = () => {
   const dispatch = useDispatch();
   const filterState = useSelector(
     (state: RootState) =>
-      state.pageHeaderSlice[uuidRef.current] || ({} as PageHeaderState),
+      state.pageHeaderSlice[uuidRef.current] ||
+      ({} as {
+        density: GridDensity;
+        columnVisibilityModel: GridColumnVisibilityModel;
+      }),
   );
 
   const resetState = () => {