@campxdev/campx-web-utils 0.4.0 → 0.4.1

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@campxdev/campx-web-utils",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "main": "./export.ts",
   "private": false,
   "peerDependencies": {
-    "@campxdev/react-blueprint": ">=1.6.4",
+    "@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.4",
+    "@campxdev/react-blueprint": "1.6.6",
     "@hookform/resolvers": "^3.9.0",
     "@mui/x-date-pickers": "^7.22.1",
     "axios": "^1.7.2",

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}`,
+}));