@campxdev/react-blueprint 1.9.6 → 2.0.1

package/src/components/Navigation/TabsContainer/TabsContainer.tsx

@@ -1,90 +0,0 @@
-import { Box, styled, Tab, TabProps, Tabs, TabsProps } from '@mui/material';
-import { ChangeEvent, useEffect, useState } from 'react';
-
-interface CustomTabProps extends Omit<TabProps, 'component'> {
-  key: string | number;
-  component: React.ReactNode;
-  highlight?: boolean;
-}
-
-export interface TabsContainerProps {
-  tabs: CustomTabProps[];
-  onTabChange?: (tabKey: string) => void;
-  currentTabIndex?: number;
-  tabsProps: TabsProps;
-  variant?: 'fixed' | 'dynamic';
-}
-
-const TabContent = styled(Box)(({ theme }) => ({
-  width: '100%',
-  height: 'calc(100vh - 200px)',
-  overflowY: 'auto',
-  backgroundColor: theme.palette.surface.paperBackground,
-
-  '&::-webkit-scrollbar': { display: 'none' },
-
-  '@media (max-width:959px)': {
-    height: 'calc(100vh - 224px)',
-  },
-}));
-
-const DynamicContent = styled(Box)(({ theme }) => ({
-  width: '100%',
-  height: 'max-content',
-  backgroundColor: theme.palette.surface.paperBackground,
-  '&::-webkit-scrollbar': { display: 'none' },
-}));
-
-export const TabsContainer = ({
-  tabs,
-  onTabChange,
-  currentTabIndex = 0,
-  tabsProps,
-  variant = 'fixed',
-}: TabsContainerProps) => {
-  const [currentTab, setCurrentTab] = useState(tabs[currentTabIndex]?.key);
-
-  const handleTabsChange = (_event: ChangeEvent<{}>, value: string): void => {
-    setCurrentTab(value);
-    onTabChange && onTabChange(value);
-  };
-
-  useEffect(() => {
-    setCurrentTab(tabs[currentTabIndex]?.key);
-  }, [tabs, currentTabIndex]);
-
-  return (
-    <>
-      <Tabs
-        onChange={handleTabsChange}
-        value={currentTab}
-        variant="scrollable"
-        scrollButtons="auto"
-        TabIndicatorProps={{
-          children: <span className="MuiTabs-indicatorSpan" />,
-        }}
-        {...tabsProps}
-      >
-        {tabs.map(({ key, component, ...tab }, index) => (
-          <Tab
-            key={index}
-            value={key}
-            label={tab?.label}
-            icon={tab?.highlight ? <span>{'.'}</span> : <></>}
-            iconPosition="end"
-            {...tab}
-          />
-        ))}
-      </Tabs>
-      {variant === 'fixed' ? (
-        <TabContent>
-          {tabs.find((tab) => tab?.key === currentTab)?.component}
-        </TabContent>
-      ) : (
-        <DynamicContent>
-          {tabs.find((tab) => tab?.key === currentTab)?.component}
-        </DynamicContent>
-      )}
-    </>
-  );
-};

package/src/components/Navigation/UploadDialog/LoadingUploadDialogContainer.tsx

@@ -1,23 +0,0 @@
-import { Typography, useTheme } from '@mui/material';
-import { AnimatedGIFs } from '../../../assets/images/gif';
-import { ImageContainer, UploadDialogBox } from './Styles';
-
-export const LoadingUploadDialogContainer = () => {
-  const theme = useTheme();
-  return (
-    <UploadDialogBox dragging={false}>
-      <ImageContainer
-        src={AnimatedGIFs.UploadingFile}
-        alt={'Import animation'}
-      />
-      <Typography
-        fontSize="18px"
-        color={theme.palette.primary.main}
-        lineHeight="27px"
-        variant="subtitle3"
-      >
-        Uploading File
-      </Typography>
-    </UploadDialogBox>
-  );
-};

package/src/components/Navigation/UploadDialog/Styles.tsx

@@ -1,35 +0,0 @@
-import { Box, styled } from '@mui/material';
-import React from 'react';
-
-interface StyledBoxProps {
-  dragging: boolean;
-}
-
-export const UploadDialogBox = styled(Box)<StyledBoxProps>(
-  ({ theme, dragging }) => {
-    const strokeColor = dragging
-      ? encodeURIComponent(theme.palette.primary.dark)
-      : encodeURIComponent(theme.palette.primary.main);
-
-    return {
-      display: 'flex',
-      flexDirection: 'column',
-      width: '100%',
-      height: '250px',
-      borderRadius: '7px',
-      backgroundImage: `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='7' ry='7' stroke='${strokeColor}' strokeWidth='3' stroke-dasharray='4%2c 8' stroke-dashoffset='8' strokeLinecap='round'/%3e%3c/svg%3e")`,
-      backgroundColor: theme.palette.surface.defaultBackground,
-      justifyContent: 'center',
-      alignItems: 'center',
-      transition: 'background-color 0.3s, border-color 0.3s',
-    };
-  },
-);
-
-export const ImageContainer = React.memo(
-  styled('img')<{ size?: number }>(({ size }) => ({
-    height: size ? `${size}px` : '110px',
-    width: size ? `${size}px` : '120px',
-    objectFit: 'contain',
-  })),
-);

package/src/components/Navigation/UploadDialog/UploadDialog.tsx

@@ -1,146 +0,0 @@
-import { Box, Divider, Stack } from '@mui/material';
-import { ReactNode, useEffect, useState } from 'react';
-import { Button } from '../../export';
-import { Dialog, DialogProps } from '../export';
-import { PreviewFiles } from '../PreviewFiles/PreviewFiles';
-import { LoadingUploadDialogContainer } from './LoadingUploadDialogContainer';
-import { UploadDialogContainer } from './UploadDialogContainer';
-
-export type UploadDialogProps = {
-  anchor: (props: { open: () => void }) => ReactNode;
-  onDialogOpen?: () => void;
-  onDialogClose?: () => void;
-  title?: string;
-  sampleFileUrl?: string;
-  onUpload: (file: File | File[]) => void;
-  acceptFileType?: string;
-  loading?: boolean;
-} & Omit<DialogProps, 'content' | 'onClose' | 'open'>;
-
-export const UploadDialog = ({
-  onUpload,
-  sampleFileUrl,
-  acceptFileType,
-  loading = false,
-  title = 'Upload File',
-  anchor,
-  onDialogClose,
-  onDialogOpen,
-  ...props
-}: UploadDialogProps) => {
-  const [open, setOpen] = useState(false);
-  const [files, setFiles] = useState<File[]>([]);
-  const [uploading, setUploading] = useState(false);
-
-  const onClose = () => {
-    onDialogClose && onDialogClose();
-    setOpen(false);
-  };
-
-  const onOpen = () => {
-    onDialogOpen && onDialogOpen();
-    setOpen(true);
-  };
-
-  const handleUpload = async (close: () => void) => {
-    if (files.length) {
-      try {
-        setUploading(true);
-        await onUpload(files.length == 1 ? files[0] : files);
-        setUploading(false);
-      } catch (error) {
-        console.error('Upload failed:', error);
-        setUploading(false);
-      }
-    }
-  };
-
-  useEffect(() => {
-    setUploading(loading);
-  }, [loading]);
-
-  useEffect(() => {
-    if (!uploading) {
-      setFiles([]);
-      setOpen(false);
-    }
-  }, [uploading]);
-
-  return (
-    <>
-      {anchor({
-        open: onOpen,
-      })}
-      <Dialog
-        title={title}
-        maxWidth={'sm'}
-        open={open}
-        content={({ close }: { close: () => void }) => {
-          return (
-            <>
-              <Box sx={{ padding: '12px 16px' }}>
-                {uploading ? (
-                  <LoadingUploadDialogContainer />
-                ) : (
-                  <UploadDialogContainer
-                    files={files}
-                    setFiles={setFiles}
-                    acceptFileType={acceptFileType}
-                  />
-                )}
-
-                <Box sx={{ marginTop: '12px' }}>
-                  {sampleFileUrl && (
-                    <a href={sampleFileUrl} target="_blank" rel="noreferrer">
-                      <Button color="secondary" fullWidth variant="contained">
-                        Download Sample File
-                      </Button>
-                    </a>
-                  )}
-                </Box>
-                {files.length && !uploading && (
-                  <PreviewFiles
-                    sx={{ marginTop: '16px' }}
-                    key={1}
-                    files={files}
-                    label="Selected Files"
-                    onChange={(newFiles) => {
-                      setFiles(newFiles);
-                    }}
-                  />
-                )}
-              </Box>
-              <Divider
-                component="div"
-                variant="fullWidth"
-                orientation="horizontal"
-              />
-              <Stack direction={'row'} gap={2} padding={'12px 16px'}>
-                <Button
-                  variant="contained"
-                  disabled={!files.length || uploading}
-                  onClick={() => {
-                    handleUpload(close);
-                  }}
-                >
-                  Upload Now
-                </Button>
-                <Button
-                  onClick={() => {
-                    setFiles([]);
-                    close();
-                  }}
-                  disableRipple
-                >
-                  Cancel
-                </Button>
-              </Stack>
-            </>
-          );
-        }}
-        onClose={onClose}
-        {...props}
-      />
-    </>
-  );
-};

package/src/components/Navigation/UploadDialog/UploadDialogContainer.tsx

@@ -1,84 +0,0 @@
-import { FormLabel, Typography, useTheme } from '@mui/material';
-import React, { useCallback, useState } from 'react';
-import { AnimatedGIFs } from '../../../assets/images/gif';
-import { ImageContainer, UploadDialogBox } from './Styles';
-
-export const UploadDialogContainer = ({
-  setFiles,
-  files,
-  acceptFileType,
-}: {
-  files: File[];
-  setFiles: React.Dispatch<React.SetStateAction<File[]>>;
-  acceptFileType?: string;
-}) => {
-  const theme = useTheme();
-  const [dragging, setDragging] = useState(false);
-
-  const resetFiles = useCallback(() => setFiles([]), [setFiles]);
-
-  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedFile = event.target.files;
-    if (selectedFile) {
-      resetFiles();
-      setFiles(Array.from(selectedFile));
-      event.target.value = '';
-    }
-  };
-
-  const handleDragOver = (event: React.DragEvent<HTMLDivElement>) => {
-    event.preventDefault();
-    setDragging(true);
-  };
-
-  const handleDragLeave = () => setDragging(false);
-
-  const handleDrop = (event: React.DragEvent<HTMLDivElement>) => {
-    event.preventDefault();
-    setDragging(false);
-    const droppedFile = event.dataTransfer.files?.[0];
-    if (droppedFile) {
-      setFiles([...files, droppedFile]);
-      event.dataTransfer.clearData();
-    }
-  };
-
-  return (
-    <FormLabel htmlFor="file">
-      <UploadDialogBox
-        onDragOver={handleDragOver}
-        onDragLeave={handleDragLeave}
-        onDrop={handleDrop}
-        dragging={dragging}
-      >
-        <ImageContainer
-          src={AnimatedGIFs.UploadFile}
-          alt={'Import animation'}
-        />
-        <Typography
-          fontSize="18px"
-          color={theme.palette.primary.main}
-          lineHeight="27px"
-          variant="subtitle3"
-        >
-          Import your file
-        </Typography>
-        <Typography
-          color={theme.palette.text.tertiary}
-          lineHeight="27px"
-          variant="body2"
-        >
-          Click or drag and drop it here
-        </Typography>
-        <input
-          id="file"
-          type="file"
-          accept={acceptFileType}
-          onChange={handleFileChange}
-          hidden
-          multiple
-        />
-      </UploadDialogBox>
-    </FormLabel>
-  );
-};

package/src/hooks/usePageHeader.ts

@@ -1,69 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { v4 } from 'uuid';
-import {
-  PageHeaderSingleState,
-  resetStateForUniqueId,
-  setDefaultFiltersForUniqueId,
-  setLimitForUniqueId,
-  setOffsetForUniqueId,
-} from '../redux/slices/pageHeaderSlice';
-import { RootState } from '../redux/store';
-
-export const usePageHeader = (defaultFilters?: { [x: string]: any }) => {
-  const uuidRef = useRef(v4());
-  const dispatch = useDispatch();
-
-  const resetState = () => {
-    dispatch(resetStateForUniqueId({ uniqueId: uuidRef.current }));
-  };
-
-  const setDefaultFilters = (defaultFilters: { [x: string]: any }) => {
-    dispatch(
-      setDefaultFiltersForUniqueId({
-        uniqueId: uuidRef.current,
-        defaultFilters,
-      }),
-    );
-  };
-
-  const onLimitChange = (limit: number) => {
-    dispatch(
-      setLimitForUniqueId({
-        uniqueId: uuidRef.current,
-        limit,
-      }),
-    );
-  };
-
-  const onPageChange = (offset: number) => {
-    dispatch(
-      setOffsetForUniqueId({
-        uniqueId: uuidRef.current,
-        offset,
-      }),
-    );
-  };
-
-  useEffect(() => {
-    if (defaultFilters)
-      setDefaultFilters({ limit: 10, offset: 0, skip: 0, ...defaultFilters });
-  }, []);
-
-  const filterState = useSelector(
-    (state: RootState) =>
-      state.pageHeader[uuidRef.current] ||
-      ({ filters: { limit: 10, offset: 0, skip: 0 } } as PageHeaderSingleState),
-  );
-
-  return {
-    columnVisibilityModel: filterState.columnVisibilityModel,
-    density: filterState.density,
-    filters: { ...defaultFilters, ...filterState.filters },
-    uniqueId: uuidRef.current,
-    resetState,
-    setDefaultFilters,
-    onPageChange,
-    onLimitChange,
-  };
-};

package/src/hooks/useParams.ts

@@ -1,20 +0,0 @@
-import { useParams as useReactRouterParams } from 'react-router-dom';
-import { getBreadcrumbsCharacter } from '../utils/breadcrumbs';
-
-export const useParams = (): {
-  [x: string]: { id: string | number; slug: string };
-} => {
-  const params = useReactRouterParams();
-
-  const processedParams = Object.fromEntries(
-    Object.entries(params).map(([key, value]) => {
-      if (value) {
-        const [slug, id] = value.split(getBreadcrumbsCharacter());
-        return [key, { slug, id }];
-      }
-      return [];
-    }),
-  );
-
-  return processedParams;
-};

package/src/hooks/useUrlParams.ts

@@ -1,3 +0,0 @@
-export const useUrlParams = (): { [x: string]: string } => {
-  return Object.fromEntries(new URLSearchParams(window.location.search));
-};

package/src/index.css

@@ -1,13 +0,0 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}

package/src/index.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import App from './App';
-
-import { Provider } from 'react-redux';
-import './index.css';
-import { store } from './redux/store';
-import reportWebVitals from './reportWebVitals';
-import { MuiThemeProvider } from './themes/MuiThemeProvider';
-
-const root = ReactDOM.createRoot(
-  document.getElementById('root') as HTMLElement,
-);
-root.render(
-  <React.StrictMode>
-    <MuiThemeProvider>
-      <Provider store={store}>
-        <App />
-      </Provider>
-    </MuiThemeProvider>
-  </React.StrictMode>,
-);
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();

package/src/logo.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>

package/src/react-app-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="react-scripts" />

package/src/redux/reducers.ts

@@ -1,5 +0,0 @@
-import { pageHeaderSlice } from './slices/pageHeaderSlice';
-
-export const reactBlueprintReducers = {
-  pageHeader: pageHeaderSlice.reducer,
-};

package/src/redux/slices/pageHeaderSlice.ts

@@ -1,122 +0,0 @@
-import { GridColumnVisibilityModel, GridDensity } from '@mui/x-data-grid';
-import { createSlice } from '@reduxjs/toolkit';
-
-export type PageHeaderSingleState = {
-  density: GridDensity;
-  columnVisibilityModel: GridColumnVisibilityModel;
-  filters: {
-    search?: string;
-    limit: number;
-    offset: number;
-    skip: number;
-    [x: string]: any;
-  };
-};
-
-export type PageHeaderState = {
-  [uniqueId: string]: PageHeaderSingleState;
-};
-
-const initialState: PageHeaderState = {};
-
-export const pageHeaderSlice = createSlice({
-  name: 'pageHeader',
-  initialState,
-  reducers: {
-    setColumnVisibilityModelForUniqueId: (state, action) => {
-      const { uniqueId, columnVisibilityModel } = action.payload;
-      state[uniqueId] = { ...state[uniqueId], columnVisibilityModel };
-    },
-    setDensityForUniqueId: (state, action) => {
-      const { uniqueId, density } = action.payload;
-      state[uniqueId] = {
-        ...state[uniqueId],
-        density,
-      };
-    },
-    setSearchForUniqueId: (state, action) => {
-      const { uniqueId, search } = action.payload;
-      state[uniqueId] = {
-        ...state[uniqueId],
-        filters: {
-          ...state[uniqueId]?.filters,
-          search: search,
-        },
-      };
-    },
-    resetStateForUniqueId: (state, action) => {
-      const { uniqueId } = action.payload;
-      state[uniqueId] = {
-        density: 'standard',
-        columnVisibilityModel: {},
-        filters: {
-          limit: 10,
-          offset: 0,
-          skip: 0,
-        },
-      };
-    },
-    setLimitForUniqueId: (state, action) => {
-      const { uniqueId, limit } = action.payload;
-      state[uniqueId] = {
-        ...state[uniqueId],
-        filters: {
-          ...state[uniqueId].filters,
-          limit: limit,
-        },
-      };
-    },
-    setOffsetForUniqueId: (state, action) => {
-      const { uniqueId, offset } = action.payload;
-      state[uniqueId] = {
-        ...state[uniqueId],
-        filters: {
-          ...state[uniqueId].filters,
-          offset: offset,
-          skip: offset,
-        },
-      };
-    },
-    setDefaultFiltersForUniqueId: (state, action) => {
-      const { uniqueId, defaultFilters } = action.payload;
-      state[uniqueId] = {
-        ...state[uniqueId],
-        filters: defaultFilters,
-      };
-    },
-    setFilterByNameForUniqueId: (state, action) => {
-      const { uniqueId, name, value } = action.payload;
-      state[uniqueId] = {
-        ...state[uniqueId],
-        filters: {
-          ...state[uniqueId].filters,
-          [name]: value,
-        },
-      };
-    },
-    setViewForUniqueId: (state, action) => {
-      const { uniqueId, view } = action.payload;
-      state[uniqueId] = {
-        ...state[uniqueId],
-        filters: {
-          ...state[uniqueId].filters,
-          ...view.filters,
-        },
-        columnVisibilityModel: view.columnVisibilityModel,
-        density: view.density,
-      };
-    },
-  },
-});
-
-export const {
-  setColumnVisibilityModelForUniqueId,
-  setDensityForUniqueId,
-  resetStateForUniqueId,
-  setSearchForUniqueId,
-  setDefaultFiltersForUniqueId,
-  setLimitForUniqueId,
-  setOffsetForUniqueId,
-  setFilterByNameForUniqueId,
-  setViewForUniqueId,
-} = pageHeaderSlice.actions;

package/src/redux/store.ts

@@ -1,9 +0,0 @@
-import { combineReducers, configureStore } from '@reduxjs/toolkit';
-import { reactBlueprintReducers } from './reducers';
-
-export const store = configureStore({
-  reducer: combineReducers(reactBlueprintReducers),
-});
-
-export type RootState = ReturnType<typeof store.getState>;
-export type AppDispatch = typeof store.dispatch;

package/src/reportWebVitals.ts

@@ -1,15 +0,0 @@
-import { ReportHandler } from 'web-vitals';
-
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;

package/src/setupTests.ts

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';