@campxdev/shared 1.11.10 → 1.11.12

package/package.json

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

package/src/components/ErrorModalWrapper/ErrorModalWrapper.tsx

@@ -29,7 +29,8 @@ export default function ErrorModalProvider({ children }) {
     const fallbackMessage = props.fallBack ?? 'Something went wrong.'
     const errorMessage =
       typeof props.error?.response?.data?.message !== 'string'
-        ? props.error?.response?.data?.message?.join('\n') ?? fallbackMessage
+        ? props.error?.response?.data?.message?.replace(/\n/g, '<br>') ??
+          fallbackMessage
         : props.error?.response?.data?.message
 
     setModal({

package/src/components/SignatureFooter.tsx

@@ -0,0 +1,35 @@
+import { Box, SxProps, Typography } from '@mui/material'
+import { Variant } from '@mui/material/styles/createTypography'
+
+interface ItemProps {
+  text: string
+  sx?: SxProps
+  variant?: Variant
+}
+
+interface SignatureFooterProps {
+  containerSx?: SxProps
+  list: ItemProps[]
+}
+
+export default function SignatureFooter({
+  containerSx,
+  list,
+}: SignatureFooterProps) {
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        justifyContent: 'space-around',
+        margin: '100px 0px 50px  0px',
+        ...containerSx,
+      }}
+    >
+      {list?.map((item, index) => (
+        <Typography key={index} sx={item?.sx} variant={item?.variant || 'h1'}>
+          {item?.text}
+        </Typography>
+      ))}
+    </Box>
+  )
+}

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

@@ -100,6 +100,6 @@ const getSxKeys = (rowIndex, columnIndex) => {
     rowkey: `row:${rowIndex}`,
     columnKey: `column:${columnIndex}`,
     cellKey: `row:${rowIndex},column:${columnIndex}`,
-    allKey: 'Tablecell',
+    allKey: 'TableCell',
   }
 }

package/src/components/index.ts

@@ -60,6 +60,7 @@ export { default as PageHeader } from './PageHeader'
 export { default as useConfirm } from './PopupConfirm/useConfirm'
 export { default as ReportHeader } from './ReportHeader'
 export { default as ReportPageHeader } from './ReportPageHeader'
+export { default as SignatureFooter } from './SignatureFooter'
 export { default as Spinner } from './Spinner'
 export { default as PaymentStepper } from './Stepper'
 export { default as SwitchButton } from './SwitchButton'