@campxdev/campx-web-utils 0.4.2 → 0.4.4

package/export.ts

@@ -4,4 +4,4 @@ export * from './src/context/export';
 export * from './src/hooks/export';
 export * from './src/layout/AppLayout';
 export * from './src/selectors/export';
-export * from './src/utils/export';
+export * from './src/utils/constants';

package/package.json

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

package/src/AppContent.tsx

@@ -1,6 +1,7 @@
 import { Button, TextField } from '@campxdev/react-blueprint';
 import { useState } from 'react';
 import { EmployeesSelector } from './selectors/EmployeesSelector';
+import { PrintFormatSelector } from './selectors/export';
 
 function AppContent() {
   const [value, setValue] = useState('63b810ee995d6d64f4a248de');
@@ -20,6 +21,8 @@ function AppContent() {
       <div style={{ height: '300px' }}></div>
 
       <TextField />
+
+      <PrintFormatSelector onChange={() => {}} />
     </>
   );
 }

package/src/components/ChangePassword.tsx

@@ -17,7 +17,7 @@ import { StyledMenuItem } from '@campxdev/react-blueprint/src/components/Navigat
 import { Visibility, VisibilityOff } from '@mui/icons-material';
 import { toast } from 'react-toastify';
 import { axios } from '../config/axios';
-import { isDevelopment } from '../utils/export';
+import { isDevelopment } from '../utils/constants';
 
 interface PasswordVisibilityState {
   oldPassword: boolean;

package/src/config/axios.ts

@@ -1,13 +1,7 @@
 import Axios, { InternalAxiosRequestConfig } from 'axios';
 import Cookies from 'js-cookie';
 import { ApplicationStore } from '../context/application-store';
-import { isDevelopment } from '../utils/export';
-
-const tenantCode =
-  window.location.hostname === 'localhost'
-    ? Cookies.get('campx_tenant')
-    : window.location.hostname.split('.')[0];
-const institutionCode = window.location.pathname.split('/')[1];
+import { institutionCode, isDevelopment, tenantCode } from '../utils/constants';
 
 export const formatParams = (params: any) => {
   return Object.fromEntries(

package/src/context/Providers.tsx

@@ -6,11 +6,11 @@ import {
   configureStore,
   ReducersMapObject,
 } from '@reduxjs/toolkit';
-import Cookies from 'js-cookie';
 import { ReactNode, useEffect } from 'react';
 import { QueryClient, QueryClientProvider } from 'react-query';
 import { Provider } from 'react-redux';
 import { BrowserRouter } from 'react-router-dom';
+import { institutionCode, tenantCode } from '../utils/constants';
 import { ConfirmDialogProvider } from './ConfirmDialogProvider';
 import { SnackbarProvider } from './SnackbarProvider';
 
@@ -35,14 +35,6 @@ export const Providers = ({
     },
   });
 
-  var tenantCode =
-    window.location.hostname === 'localhost'
-      ? Cookies.get('campx_tenant')
-      : window.location.hostname.split('.')[0];
-  var institutionCode =
-    window.location.pathname.split('/')[1] !== ''
-      ? window.location.pathname.split('/')[1]
-      : Cookies.get('campx_institution');
   var baseName = tenantCode && institutionCode ? `/${institutionCode}` : '/';
   useEffect(() => {
     if (window.location.pathname === '/' && institutionCode && tenantCode) {

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,20 @@
+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',
+        subLabelKey: 'batch',
+      }}
+      {...props}
+      optionsApiEndPoint="dropdowns/regulations"
+      externalAxios={axios}
+    />
+  );
+};

package/src/selectors/export.ts

@@ -6,5 +6,7 @@ export * from './FeeTypeSelector';
 export * from './HostelFloorSelector';
 export * from './HostelRoomSelector';
 export * from './PrintFormatSelector';
+export * from './ProgramSelector';
+export * from './RegulationSelector';
 export * from './SemesterSelector';
 export * from './YearRangeSelector';

package/src/utils/constants.ts

@@ -0,0 +1,18 @@
+import Cookies from 'js-cookie';
+
+const tenantCookie = Cookies.get('campx_tenant');
+const institutionCookie = Cookies.get('campx_institution');
+
+export const isLocal = window.location.hostname === 'localhost';
+
+export const isDevelopment = process.env.NODE_ENV === 'development' || isLocal;
+
+export const tenantCode = isLocal
+  ? tenantCookie
+  : 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] !== ''
+    ? window.location.pathname.split('/')[1]
+    : institutionCookie;

package/src/utils/export.ts

@@ -1,3 +0,0 @@
-export const isDevelopment =
-  process.env.NODE_ENV === 'development' ||
-  window.location.hostname === 'localhost';