@campxdev/campx-web-utils 0.2.13 → 0.2.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/campx-web-utils",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "main": "./export.ts",
   "private": false,
   "dependencies": {

package/src/selectors/FeeTypeSelector.tsx

@@ -1,3 +1,15 @@
-export const FeeSelector = () => {
-  return <></>;
+import { SingleSelect, SingleSelectProps } from '@campxdev/react-blueprint';
+import { FeeTypes } from './utils';
+
+export const FeeTypeSelector = (props: SingleSelectProps) => {
+  return (
+    <SingleSelect
+      label="Fee Type"
+      options={FeeTypes?.map((item: { label: string; value: string }) => ({
+        label: item.label,
+        value: item.value,
+      }))}
+      {...props}
+    />
+  );
 };

package/src/selectors/HostelFloorSelector.tsx

@@ -0,0 +1,18 @@
+import { SingleSelect, SingleSelectProps } from '@campxdev/react-blueprint';
+import { years } from './utils';
+
+export const HostelFloorSelector = (props: SingleSelectProps) => {
+  return (
+    <SingleSelect
+      label="Hostel Room No."
+      dbValueProps={{
+        valueKey: 'floor',
+      }}
+      dbLabelProps={{
+        labelKey: 'floor',
+      }}
+      optionsApiEndPoint="dropdowns/floors"
+      {...props}
+    />
+  );
+};

package/src/selectors/HostelRoomSelector.tsx

@@ -0,0 +1,19 @@
+import { SingleSelect, SingleSelectProps } from '@campxdev/react-blueprint';
+import { years } from './utils';
+
+export const HostelRoomSelector = (props: SingleSelectProps) => {
+  return (
+    <SingleSelect
+      label="Hostel Room No."
+      dbValueProps={{
+        valueKey: 'id',
+      }}
+      dbLabelProps={{
+        labelKey: 'room_number',
+        subLabelKey: 'floor',
+      }}
+      optionsApiEndPoint="dropdowns/hostel-rooms"
+      {...props}
+    />
+  );
+};

package/src/selectors/YearRangeSelector.tsx

@@ -0,0 +1,26 @@
+import { SingleSelect, SingleSelectProps } from '@campxdev/react-blueprint';
+import { years } from './utils';
+
+interface YearRangeSelectorProps extends SingleSelectProps {
+  suffix?: string | null;
+  valueKey?: 'yearRange' | 'year';
+}
+
+export const YearRangeSelector = ({
+  suffix = null,
+  valueKey = 'yearRange',
+  ...props
+}: YearRangeSelectorProps) => {
+  return (
+    <SingleSelect
+      label="Year Range"
+      options={years?.map((year: number) => ({
+        label: suffix
+          ? `${suffix} ${year} - ${year + 1}`
+          : `${year} - ${year + 1}`,
+        value: valueKey === 'yearRange' ? `${year} - ${year + 1}` : year,
+      }))}
+      {...props}
+    />
+  );
+};

package/src/selectors/export.ts

@@ -1,2 +1,7 @@
+export * from './CourseSelector';
 export * from './EmployeesSelector';
 export * from './SemesterSelector';
+export * from './FeeTypeSelector';
+export * from './HostelFloorSelector';
+export * from './HostelRoomSelector';
+export * from './YearRangeSelector';

package/src/selectors/utils.tsx

@@ -0,0 +1,34 @@
+export const FeeTypes: {
+  label: string;
+  value: string;
+}[] = [
+  {
+    label: 'Tuition Fee',
+    value: 'tuition_fee',
+  },
+
+  {
+    label: 'Admission Fee',
+    value: 'admission_fee',
+  },
+  {
+    label: 'Hostel Fee',
+    value: 'hostel_fee',
+  },
+  {
+    label: 'Transport Fee',
+    value: 'transport_fee',
+  },
+  {
+    label: 'Exam Fee',
+    value: 'exam_fee',
+  },
+  {
+    label: 'Other Fee',
+    value: 'other_fee',
+  },
+];
+
+export const years = Array.from({ length: 6 }, (_, i) => {
+  return new Date().getFullYear() - i;
+});