@campxdev/shared 1.11.2 → 1.11.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.11.2",
+  "version": "1.11.4",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",

package/src/components/HookForm/AutoCompleteSearch.tsx

@@ -23,6 +23,7 @@ interface MultiSelectProps {
   loading?: boolean
   [key: string]: any
   multiple?: boolean
+  disabled?: boolean
 }
 
 export default function FormAutoCompleteSearch({
@@ -33,6 +34,7 @@ export default function FormAutoCompleteSearch({
   loading, // pass this variable when options are from an async operation
   hookForm = true,
   multiple = false,
+  disabled = false,
   ...props
 }: MultiSelectProps) {
   if (!hookForm) {
@@ -44,12 +46,14 @@ export default function FormAutoCompleteSearch({
         onChange={(e, value) => {
           props.onChange(value)
         }}
+        disabled={disabled}
         options={options || []}
         getOptionLabel={(option: Option) => option?.label || ''}
         renderInput={(params) => (
           <TextField
             variant="outlined"
             label={<FormLabel label={label} required={props.required} />}
+            disabled={disabled}
             {...params}
           />
         )}
@@ -74,11 +78,13 @@ export default function FormAutoCompleteSearch({
             }}
             options={options || []}
             getOptionLabel={(option: Option) => option?.label || ''}
+            disabled={disabled}
             renderInput={(params) => (
               <TextField
                 error={Boolean(error)}
                 variant="outlined"
                 label={<FormLabel label={label} required={props.required} />}
+                disabled={disabled}
                 InputProps={{
                   ...params.InputProps,
                   endAdornment: (

package/src/components/HookForm/MultiCheckbox.tsx

@@ -8,14 +8,14 @@ import {
 import { ReactNode } from 'react'
 import { Controller } from 'react-hook-form'
 import { FormLabel, SingleCheckbox } from '../Input'
-import { IOption } from '../Input/types'
 
 interface Props extends FormGroupProps {
   label?: ReactNode
   name: string
   control: any
-  options: IOption[]
+  options: { label: ReactNode; value: any; disabled?: boolean }[]
   required?: boolean
+  disabled?: boolean
   row?: boolean
   containerProps?: BoxProps
   disableSelected?: boolean
@@ -29,6 +29,7 @@ export default function FormMultiCheckbox({
   required = false,
   row = true,
   disableSelected = false,
+  disabled = false,
   containerProps,
   ...rest
 }: Props) {
@@ -45,10 +46,12 @@ export default function FormMultiCheckbox({
                 key={index}
                 name={name}
                 disabled={
-                  disableSelected &&
-                  field?.value
-                    ?.map((item: any) => item?.value)
-                    ?.includes(item?.value)
+                  (disableSelected &&
+                    field?.value
+                      ?.map((item: any) => item?.value)
+                      ?.includes(item?.value)) ||
+                  disabled ||
+                  item?.disabled
                 }
                 checked={field?.value
                   ?.map((item: any) => item?.value)

package/src/components/HookForm/MultiSelect.tsx

@@ -17,6 +17,7 @@ interface MultiSelectProps {
     reason: AutocompleteInputChangeReason,
   ) => void
   required?: boolean
+  disabled?: boolean
   value?: IOption[] | IOption
   onChange?: (value: IOption[] | IOption) => void
   multiple?: boolean
@@ -31,6 +32,7 @@ export default function FormMultiSelect({
   label,
   loading,
   required,
+  disabled = false,
   multiple = true,
   noOptionsText,
   onInputChange,
@@ -56,6 +58,7 @@ export default function FormMultiSelect({
             error={!!error}
             noOptionsText={noOptionsText}
             required={required}
+            disabled={disabled}
             helperText={error ? error.message : null}
             limitTags={limitTags}
             {...props}

package/src/components/HookForm/RadioGroup.tsx

@@ -10,6 +10,7 @@ interface Props extends RadioGroupProps {
   sx?: any
   row?: boolean
   required?: boolean
+  disabled?: boolean
   options: { value: any; label: string | ReactNode; disabled?: boolean }[]
   containerProps?: BoxProps
 }
@@ -21,6 +22,7 @@ export default function FormRadioGroup({
   options = [],
   row = false,
   containerProps,
+  disabled = false,
   ...rest
 }: Props) {
   return (
@@ -36,6 +38,7 @@ export default function FormRadioGroup({
             options={options}
             value={field.value}
             onChange={field.onChange}
+            disabled={disabled}
             error={error ? true : false}
             helperText={error ? error?.message : null}
             {...rest}

package/src/components/Input/MultiCheckbox.tsx

@@ -1,6 +1,5 @@
 import { Box, BoxProps, FormGroup, FormHelperText } from '@mui/material'
 import { ReactNode } from 'react'
-import { Controller } from 'react-hook-form'
 import FormLabel from './FormLabel'
 import SingleCheckbox from './SingleCheckbox'
 
@@ -8,8 +7,9 @@ interface Props {
   label?: ReactNode
   name: string
   size?: 'small' | 'medium'
-  options: Array<{ label: ReactNode; value: any }>
+  options: Array<{ label: ReactNode; value: any; disabled?: boolean }>
   required?: boolean
+  disabled?: boolean
   row?: boolean
   error?: boolean
   helperText?: ReactNode
@@ -23,6 +23,7 @@ export default function MultiCheckbox({
   label,
   options = [],
   required = false,
+  disabled = false,
   value = [],
   onChange,
   error,
@@ -43,6 +44,7 @@ export default function MultiCheckbox({
             checked={value
               ?.map((item: any) => item?.value)
               ?.includes(item?.value)}
+            disabled={disabled || item?.disabled}
             onChange={(e) => {
               if (e.target.checked) {
                 let newValue = [...value, item]

package/src/components/Input/MultiSelect.tsx

@@ -83,6 +83,7 @@ interface MultiSelectProps {
     reason: AutocompleteInputChangeReason,
   ) => void
   required?: boolean
+  disabled?: boolean
   error?: boolean
   helperText?: string
   multiple?: boolean
@@ -99,6 +100,7 @@ export default function MultiSelect({
   onChange,
   onInputChange,
   required,
+  disabled = false,
   error,
   noOptionsText,
   helperText,
@@ -126,6 +128,7 @@ export default function MultiSelect({
         option?.value === value?.value
       }
       disableCloseOnSelect
+      disabled={disabled}
       PopperComponent={StyledPopper}
       renderOption={(props, option: any, { selected }) => (
         <li {...props}>
@@ -145,6 +148,7 @@ export default function MultiSelect({
           helperText={helperText}
           label={label}
           required={required}
+          disabled={disabled}
           InputProps={{
             ...params.InputProps,
             endAdornment: (

package/src/components/Input/RadioGroup.tsx

@@ -3,8 +3,8 @@ import {
   BoxProps,
   FormControlLabel,
   FormHelperText,
-  Radio,
   RadioGroup as MuiRadioGroup,
+  Radio,
   RadioGroupProps,
   styled,
 } from '@mui/material'
@@ -97,7 +97,7 @@ export default function RadioGroup(props: Props) {
               <Radio
                 checkedIcon={<BpCheckedIcon />}
                 icon={<BpIcon />}
-                disabled={disabled || item.disabled} 
+                disabled={disabled || item.disabled}
               />
             }
             label={item.label}

package/src/components/Tables/BasicTable/Table.tsx

@@ -34,6 +34,7 @@ export interface TableColumn {
   dataType?: DataType
 }
 interface TableProps {
+  showSerialNumber?: boolean
   columns: Array<TableColumn>
   rowKey?: string
   dataSource?: any[]
@@ -54,6 +55,7 @@ interface TableProps {
   showTotalInFirstCellOfTotalRow?: boolean
 }
 export default function Table({
+  showSerialNumber = false,
   columns,
   dataSource,
   onRowClick,
@@ -135,6 +137,16 @@ export default function Table({
         <StyledMuiTable sx={sx}>
           <TableHead>
             <TableRow>
+              {showSerialNumber && (
+                <StyledTableCell
+                  sx={sx}
+                  columnIndex={0}
+                  rowIndex={0}
+                  columnsLength={1}
+                >
+                  S. No.
+                </StyledTableCell>
+              )}
               {columns.map((col, columnIndex) => (
                 <StyledTableCell
                   key={columnIndex}
@@ -177,6 +189,16 @@ export default function Table({
                         return onRowClick && onRowClick(row)
                       }}
                     >
+                      {showSerialNumber && (
+                        <StyledTableCell
+                          sx={sx}
+                          columnIndex={0}
+                          rowIndex={rowIndex + 1}
+                          columnsLength={1}
+                        >
+                          {rowIndex + 1}
+                        </StyledTableCell>
+                      )}
                       <> {showTotal && calculateTotal(row)}</>
                       {columns.map((col, colIndex) => (
                         <StyledTableCell

package/src/components/Tables/BasicTable/interface.ts

@@ -5,7 +5,7 @@ export interface StyledCellProps {
   columnsLength: number
   columnIndex: number
   rowIndex: number
-  col: any
+  col?: any
   sx?: Record<string, SxProps<Theme>>
   isBodyCell?: boolean
   isHeaderCell?: boolean

package/src/components/Tables/ReactTable/ReactTable.tsx

@@ -74,6 +74,7 @@ const getTableCol = (headerItem: ColumnProps) => {
 }
 
 export default function ReactTable({
+  showSerialNumber = false,
   columns,
   rowKey = 'id',
   dataSource,
@@ -197,6 +198,7 @@ export default function ReactTable({
         <TableHead>
           {headerGroups.map((headerGroup, index) => (
             <TableRow key={index} {...headerGroup.getHeaderGroupProps()}>
+              {showSerialNumber && <TableCell>S. No.</TableCell>}
               {headerGroup.headers.map((column: any, index) => (
                 <TableCell key={index} {...column.getHeaderProps()}>
                   {column.render('Header')}
@@ -219,6 +221,7 @@ export default function ReactTable({
           ))}
         </TableHead>
         <RenderTableBody
+          showSerialNumber={showSerialNumber}
           onRowClick={onRowClick}
           colLength={columns?.length}
           loading={loading || refetching}

package/src/components/Tables/ReactTable/RenderTableBody.tsx

@@ -1,9 +1,10 @@
-import { Box, TableBody, TableCell, Typography } from '@mui/material'
+import { TableBody, TableCell } from '@mui/material'
 import Spinner from '../../Spinner'
-import { StyledTableRow } from '../common/styles'
 import NoRecordsFound from '../common/NoRecordsFound'
+import { StyledTableRow } from '../common/styles'
 
 export const RenderTableBody = ({
+  showSerialNumber,
   getTableBodyProps,
   prepareRow,
   rows,
@@ -34,6 +35,7 @@ export const RenderTableBody = ({
             {...row.getRowProps()}
             isSelected={row?.isSelected}
           >
+            {showSerialNumber && <TableCell>{index + 1}</TableCell>}
             {row.cells?.map((cell, index) => {
               return (
                 <TableCell key={index} {...cell.getCellProps()}>

package/src/components/Tables/common/types.ts

@@ -12,6 +12,7 @@ export interface ColumnProps {
 
 export interface TableProps {
   tableKey?: string
+  showSerialNumber?: boolean
   columns: Array<ColumnProps>
   rowKey?: string
   dataSource?: any[]

package/src/config/axios.ts

@@ -8,6 +8,7 @@ import { InstitutionsStore } from '../shared-state/InstitutionsStore'
 const sessionKey = Cookies.get('campx_session_key')
 const clientId = window.location.pathname.split('/')[1] ?? 'campx_dev'
 const institutionId = window.location.pathname.split('/')[2] ?? 'campx_dev'
+const openPaymentsKey = Cookies.get('campx_open_payments_key')
 
 export const formatParams = (params) => {
   return Object.fromEntries(
@@ -26,6 +27,10 @@ let axios = Axios.create({
     ...((isDevelopment || isSetup) && sessionKey
       ? { campx_session_key: sessionKey }
       : {}),
+
+    ...(openPaymentsKey && {
+      campx_open_payments_key: openPaymentsKey,
+    }),
   },
 })