@campxdev/campx-web-utils 0.3.11 → 0.4.1

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@campxdev/campx-web-utils",
-  "version": "0.3.11",
+  "version": "0.4.1",
   "main": "./export.ts",
   "private": false,
   "peerDependencies": {
-    "@campxdev/react-blueprint": ">=1.6.0",
+    "@campxdev/react-blueprint": ">=1.6.6",
     "@emotion/react": ">=^11.13.3",
     "@emotion/styled": ">=^11.13.0",
     "@mui/icons-material": ">=6.1.5",
@@ -14,7 +14,7 @@
     "react-redux": "=>9.1.2"
   },
   "dependencies": {
-    "@campxdev/react-blueprint": "1.6.0",
+    "@campxdev/react-blueprint": "1.6.6",
     "@hookform/resolvers": "^3.9.0",
     "@mui/x-date-pickers": "^7.22.1",
     "axios": "^1.7.2",

package/src/context/Providers.tsx

@@ -1,6 +1,11 @@
-import { lightTheme, MuiThemeProvider, store } from '@campxdev/react-blueprint';
+import { lightTheme, MuiThemeProvider } from '@campxdev/react-blueprint';
 import { LocalizationProvider } from '@mui/x-date-pickers';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';
+import {
+  combineReducers,
+  configureStore,
+  ReducersMapObject,
+} from '@reduxjs/toolkit';
 import Cookies from 'js-cookie';
 import { ReactNode, useEffect } from 'react';
 import { QueryClient, QueryClientProvider } from 'react-query';
@@ -13,10 +18,12 @@ export const Providers = ({
   children,
   basename,
   theme = lightTheme,
+  reducers = {},
 }: {
   children: ReactNode;
   basename?: string;
   theme?: any;
+  reducers?: ReducersMapObject;
 }) => {
   const queryClient = new QueryClient({
     defaultOptions: {
@@ -43,6 +50,10 @@ export const Providers = ({
     }
   }, [institutionCode, tenantCode]);
 
+  const store = configureStore({
+    reducer: combineReducers(reducers),
+  });
+
   return (
     <Provider store={store}>
       <BrowserRouter basename={basename ?? baseName}>

package/src/selectors/BatchSelector.tsx

@@ -0,0 +1,15 @@
+import { SingleSelect, SingleSelectProps } from '@campxdev/react-blueprint';
+import { batchOptions } from './utils';
+
+export const BatchSelector = (props: SingleSelectProps) => {
+  return (
+    <SingleSelect
+      label="Batch"
+      options={batchOptions?.map((item: { label: string; value: string }) => ({
+        label: item.label,
+        value: item.value,
+      }))}
+      {...props}
+    />
+  );
+};

package/src/selectors/PrintFormatSelector.tsx

@@ -0,0 +1,17 @@
+import { SingleSelect, SingleSelectProps } from '@campxdev/react-blueprint';
+import { axios } from '../config/axios';
+
+export const PrintFormatSelector = (props: SingleSelectProps) => {
+  return (
+    <SingleSelect
+      dbLabelProps={{
+        labelKey: 'name',
+        subLabelKey: 'type',
+        useSubLabelStartCase: true,
+      }}
+      {...props}
+      externalAxios={axios}
+      optionsApiEndPoint="/dropdowns/print-formats"
+    />
+  );
+};

package/src/selectors/export.ts

@@ -1,8 +1,10 @@
+export * from './BatchSelector';
 export * from './CourseSelector';
+export * from './DepartmentSelector';
 export * from './EmployeesSelector';
-export * from './SemesterSelector';
 export * from './FeeTypeSelector';
 export * from './HostelFloorSelector';
 export * from './HostelRoomSelector';
+export * from './PrintFormatSelector';
+export * from './SemesterSelector';
 export * from './YearRangeSelector';
-export * from './DepartmentSelector';

package/src/selectors/utils.tsx

@@ -32,3 +32,8 @@ export const FeeTypes: {
 export const years = Array.from({ length: 6 }, (_, i) => {
   return new Date().getFullYear() - i;
 });
+
+export const batchOptions = Array.from({ length: 12 }, (_, i) => ({
+  label: `${new Date().getFullYear() - i} - ${new Date().getFullYear() - i + 1}`,
+  value: `${new Date().getFullYear() - i} - ${new Date().getFullYear() - i + 1}`,
+}));