@campxdev/campx-web-utils 1.1.9 → 1.2.0

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/ProgramSelector.tsx

@@ -0,0 +1,16 @@
+import { SingleSelect, SingleSelectProps } from '@campxdev/react-blueprint';
+import { axios } from '../config/axios';
+
+export const ProgramSelector = (props: SingleSelectProps) => {
+  return (
+    <SingleSelect
+      dbLabelProps={{
+        labelKey: 'branchCode',
+        subLabelKey: 'branchDisplay',
+      }}
+      {...props}
+      externalAxios={axios}
+      optionsApiEndPoint="/dropdowns/programs"
+    />
+  );
+};

package/src/selectors/RegulationSelector.tsx

@@ -0,0 +1,19 @@
+import { SingleSelect, SingleSelectProps } from '@campxdev/react-blueprint';
+import { axios } from '../config/axios';
+
+export const RegulationSelector = (props: SingleSelectProps) => {
+  return (
+    <SingleSelect
+      label="Regulation"
+      dbValueProps={{
+        valueKey: 'regulation_id',
+      }}
+      dbLabelProps={{
+        labelKey: 'r.name',
+      }}
+      {...props}
+      optionsApiEndPoint="dropdowns/regulations"
+      externalAxios={axios}
+    />
+  );
+};

package/src/selectors/SemesterSelector.tsx

@@ -0,0 +1,16 @@
+import { SingleSelect, SingleSelectProps } from '@campxdev/react-blueprint';
+import { axios } from '../config/axios';
+
+export const SemesterSelector = (props: SingleSelectProps) => {
+  return (
+    <SingleSelect
+      dbLabelProps={{
+        labelKey: 'name',
+        subLabelKey: 'year',
+      }}
+      {...props}
+      optionsApiEndPoint="/dropdowns/semesters"
+      externalAxios={axios}
+    />
+  );
+};

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

@@ -0,0 +1,13 @@
+export * from './BatchSelector';
+export * from './CourseSelector';
+export * from './DepartmentSelector';
+export * from './EmployeesSelector';
+export * from './FeeTypeSelector';
+export * from './HostelBlocksSelector';
+export * from './HostelFloorSelector';
+export * from './HostelRoomSelector';
+export * from './PrintFormatSelector';
+export * from './ProgramSelector';
+export * from './RegulationSelector';
+export * from './SemesterSelector';
+export * from './YearRangeSelector';

package/src/selectors/utils.tsx

@@ -0,0 +1,39 @@
+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;
+});
+
+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}`,
+}));

package/src/setupTests.ts

@@ -0,0 +1,5 @@
+// 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';

package/src/utils/constants.ts

@@ -0,0 +1,7 @@
+export const isDevelopment = window.location.hostname.includes('localhost');
+
+export const tenantCode = window.location.hostname.split('.')[0];
+
+// if url searched is aupulse.campx.in then redirect to aupulse.campx.in/aupulse
+export const institutionCode = window.location.pathname.split('/')[1];
+export const workspace = window.location.pathname.split('/')[2];

package/src/utils/functions.tsx

@@ -0,0 +1,11 @@
+export const openInNewTab = (pathAfterBase: string) => {
+  const currentPath = window.location.pathname;
+  const segments = currentPath.split('/');
+
+  // Get the dynamic basename (/aupulse/workspace)
+  const base = '/' + segments[1] + '/' + segments[2]; // careful with trailing slashes
+
+  // Construct full URL and open in new tab
+  const fullPath = `${window.location.origin}${base}/${pathAfterBase}`;
+  window.open(fullPath, '_blank');
+};

package/dist/cjs/types/src/layout/AppLayout/AppLayoutV2.d.ts

@@ -1,150 +0,0 @@
-/**
- * AppLayoutV2 - An improved layout component for application pages
- *
- * @example Basic usage with menu-based sidebar:
- * ```tsx
- * function MyApp() {
- *   const [collapsed, setCollapsed] = useState(false);
- *   const menuItems = [
- *     { label: 'Dashboard', path: '/dashboard', icon: <DashboardIcon /> },
- *     { label: 'Users', path: '/users', icon: <UsersIcon /> },
- *   ];
- *
- *   return (
- *     <AppLayoutV2
- *       userFullName="John Doe"
- *       designation="Software Engineer"
- *       collapsed={collapsed}
- *       onToggleSidebar={() => setCollapsed(!collapsed)}
- *       menu={menuItems}
- *       headerActions={[<Button key="add">Add New</Button>]}
- *       profileActions={[<MenuItem key="settings">Settings</MenuItem>]}
- *       institutionsData={institutions}
- *       onLogoutClick={handleLogout}
- *     >
- *       <YourPageContent />
- *     </AppLayoutV2>
- *   );
- * }
- * ```
- *
- * @example With custom sidebar and breadcrumbs:
- * ```tsx
- * function MyAppWithCustomSidebar() {
- *   const [collapsed, setCollapsed] = useState(false);
- *
- *   const customSidebar = (
- *     <div style={{ padding: '16px' }}>
- *       <nav>
- *         <ul>
- *           <li><Link to="/dashboard">Dashboard</Link></li>
- *           <li><Link to="/reports">Reports</Link></li>
- *         </ul>
- *       </nav>
- *     </div>
- *   );
- *
- *   const breadcrumbs = (
- *     <Breadcrumbs aria-label="breadcrumb">
- *       <Link to="/">Home</Link>
- *       <Link to="/dashboard">Dashboard</Link>
- *       <Typography color="textPrimary">Current Page</Typography>
- *     </Breadcrumbs>
- *   );
- *
- *   return (
- *     <AppLayoutV2
- *       userFullName="Jane Smith"
- *       designation="Project Manager"
- *       collapsed={collapsed}
- *       onToggleSidebar={() => setCollapsed(!collapsed)}
- *       sidebar={customSidebar}
- *       breadcrumbs={breadcrumbs}
- *       headerActions={[
- *         <IconButton key="notifications"><NotificationsIcon /></IconButton>,
- *         <Button key="export">Export</Button>
- *       ]}
- *       showActiveDevices={true}
- *       clientName="My Company"
- *       headerSx={{ backgroundColor: 'primary.light' }}
- *       onLogoutClick={handleLogout}
- *     >
- *       <Dashboard />
- *     </AppLayoutV2>
- *   );
- * }
- * ```
- *
- * @example Minimal usage (no sidebar):
- * ```tsx
- * function SimpleLayout() {
- *   return (
- *     <AppLayoutV2
- *       userFullName="Admin User"
- *       collapsed={false} // This won't matter since no sidebar
- *       onLogoutClick={() => console.log('Logout')}
- *     >
- *       <SimplePageContent />
- *     </AppLayoutV2>
- *   );
- * }
- * ```
- */
-import { SideMenuItemProps } from '@campxdev/react-blueprint';
-import { SxProps } from '@mui/material';
-import { ReactNode } from 'react';
-export interface AppLayoutV2Props {
-    /** Main content to be rendered in the layout */
-    children: ReactNode;
-    /** Optional sidebar content */
-    sidebar?: ReactNode;
-    /** Actions to be displayed in the header */
-    headerActions?: ReactNode[];
-    /** Actions for the user profile dropdown */
-    profileActions?: ReactNode[];
-    /** User's full name */
-    userFullName: string;
-    /** User's designation/title */
-    designation?: string;
-    /** Whether the sidebar is collapsed */
-    collapsed: boolean;
-    /** Callback to toggle sidebar state */
-    onToggleSidebar?: () => void;
-    /** Breadcrumbs component */
-    breadcrumbs?: ReactNode;
-    /** Institution data for multi-tenant scenarios */
-    institutionsData?: any[];
-    /** Custom styling for the profile component */
-    profileSx?: SxProps;
-    /** Logout click handler */
-    onLogoutClick?: () => void;
-    /** Whether to show active devices option */
-    showActiveDevices?: boolean;
-    /** Custom styling for the header */
-    headerSx?: SxProps;
-    /** Custom styling for the main content container */
-    mainContainerSx?: SxProps;
-    /** Client/organization name */
-    clientName?: string;
-    /** Menu items for sidebar (only used when sidebar prop is not provided) */
-    menu?: SideMenuItemProps[];
-    /** Help documentation configuration */
-    helpDocsConfig?: Record<string, {
-        actions: {
-            name: string;
-            onClick: () => void;
-        }[];
-    }>;
-}
-/**
- * AppLayoutV2 - A flexible and responsive layout component for application pages.
- *
- * This component provides a modern layout structure with:
- * - Responsive header using AppHeader
- * - Optional collapsible sidebar
- * - Flexible main content area
- * - Mobile-responsive design
- * - Error boundaries and loading states
- * - Help documentation support
- */
-export declare const AppLayoutV2: React.FC<AppLayoutV2Props>;

package/dist/esm/types/src/layout/AppLayout/AppLayoutV2.d.ts

@@ -1,150 +0,0 @@
-/**
- * AppLayoutV2 - An improved layout component for application pages
- *
- * @example Basic usage with menu-based sidebar:
- * ```tsx
- * function MyApp() {
- *   const [collapsed, setCollapsed] = useState(false);
- *   const menuItems = [
- *     { label: 'Dashboard', path: '/dashboard', icon: <DashboardIcon /> },
- *     { label: 'Users', path: '/users', icon: <UsersIcon /> },
- *   ];
- *
- *   return (
- *     <AppLayoutV2
- *       userFullName="John Doe"
- *       designation="Software Engineer"
- *       collapsed={collapsed}
- *       onToggleSidebar={() => setCollapsed(!collapsed)}
- *       menu={menuItems}
- *       headerActions={[<Button key="add">Add New</Button>]}
- *       profileActions={[<MenuItem key="settings">Settings</MenuItem>]}
- *       institutionsData={institutions}
- *       onLogoutClick={handleLogout}
- *     >
- *       <YourPageContent />
- *     </AppLayoutV2>
- *   );
- * }
- * ```
- *
- * @example With custom sidebar and breadcrumbs:
- * ```tsx
- * function MyAppWithCustomSidebar() {
- *   const [collapsed, setCollapsed] = useState(false);
- *
- *   const customSidebar = (
- *     <div style={{ padding: '16px' }}>
- *       <nav>
- *         <ul>
- *           <li><Link to="/dashboard">Dashboard</Link></li>
- *           <li><Link to="/reports">Reports</Link></li>
- *         </ul>
- *       </nav>
- *     </div>
- *   );
- *
- *   const breadcrumbs = (
- *     <Breadcrumbs aria-label="breadcrumb">
- *       <Link to="/">Home</Link>
- *       <Link to="/dashboard">Dashboard</Link>
- *       <Typography color="textPrimary">Current Page</Typography>
- *     </Breadcrumbs>
- *   );
- *
- *   return (
- *     <AppLayoutV2
- *       userFullName="Jane Smith"
- *       designation="Project Manager"
- *       collapsed={collapsed}
- *       onToggleSidebar={() => setCollapsed(!collapsed)}
- *       sidebar={customSidebar}
- *       breadcrumbs={breadcrumbs}
- *       headerActions={[
- *         <IconButton key="notifications"><NotificationsIcon /></IconButton>,
- *         <Button key="export">Export</Button>
- *       ]}
- *       showActiveDevices={true}
- *       clientName="My Company"
- *       headerSx={{ backgroundColor: 'primary.light' }}
- *       onLogoutClick={handleLogout}
- *     >
- *       <Dashboard />
- *     </AppLayoutV2>
- *   );
- * }
- * ```
- *
- * @example Minimal usage (no sidebar):
- * ```tsx
- * function SimpleLayout() {
- *   return (
- *     <AppLayoutV2
- *       userFullName="Admin User"
- *       collapsed={false} // This won't matter since no sidebar
- *       onLogoutClick={() => console.log('Logout')}
- *     >
- *       <SimplePageContent />
- *     </AppLayoutV2>
- *   );
- * }
- * ```
- */
-import { SideMenuItemProps } from '@campxdev/react-blueprint';
-import { SxProps } from '@mui/material';
-import { ReactNode } from 'react';
-export interface AppLayoutV2Props {
-    /** Main content to be rendered in the layout */
-    children: ReactNode;
-    /** Optional sidebar content */
-    sidebar?: ReactNode;
-    /** Actions to be displayed in the header */
-    headerActions?: ReactNode[];
-    /** Actions for the user profile dropdown */
-    profileActions?: ReactNode[];
-    /** User's full name */
-    userFullName: string;
-    /** User's designation/title */
-    designation?: string;
-    /** Whether the sidebar is collapsed */
-    collapsed: boolean;
-    /** Callback to toggle sidebar state */
-    onToggleSidebar?: () => void;
-    /** Breadcrumbs component */
-    breadcrumbs?: ReactNode;
-    /** Institution data for multi-tenant scenarios */
-    institutionsData?: any[];
-    /** Custom styling for the profile component */
-    profileSx?: SxProps;
-    /** Logout click handler */
-    onLogoutClick?: () => void;
-    /** Whether to show active devices option */
-    showActiveDevices?: boolean;
-    /** Custom styling for the header */
-    headerSx?: SxProps;
-    /** Custom styling for the main content container */
-    mainContainerSx?: SxProps;
-    /** Client/organization name */
-    clientName?: string;
-    /** Menu items for sidebar (only used when sidebar prop is not provided) */
-    menu?: SideMenuItemProps[];
-    /** Help documentation configuration */
-    helpDocsConfig?: Record<string, {
-        actions: {
-            name: string;
-            onClick: () => void;
-        }[];
-    }>;
-}
-/**
- * AppLayoutV2 - A flexible and responsive layout component for application pages.
- *
- * This component provides a modern layout structure with:
- * - Responsive header using AppHeader
- * - Optional collapsible sidebar
- * - Flexible main content area
- * - Mobile-responsive design
- * - Error boundaries and loading states
- * - Help documentation support
- */
-export declare const AppLayoutV2: React.FC<AppLayoutV2Props>;