@campxdev/shared 1.11.7-1.alpha.11 → 1.11.7-1.alpha.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.11.7-1.alpha.11",
+  "version": "1.11.7-1.alpha.13",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",

package/src/components/Image/Image.tsx

@@ -1,14 +1,16 @@
 import { Box } from '@mui/material'
+import { ReactElement } from 'react'
 const brokenImage = require('./broken-image.png')
 
 interface ImageProps {
-  src: string
+  src: string | ReactElement
   alt: string
   height: string | number
   width: string | number
   fit?: 'cover' | 'contain' | 'fill'
   radius?: string | number
   defaultImage?: any
+  svg?: boolean
 }
 
 export default function Image({
@@ -19,6 +21,7 @@ export default function Image({
   fit = 'contain',
   radius = '10px',
   defaultImage = null,
+  svg = false,
 }: ImageProps) {
   return (
     <Box

package/src/components/NoDataIllustration.tsx

@@ -1,17 +1,19 @@
 import { Box, Typography, styled } from '@mui/material'
-import { ReactNode } from 'react'
+import { ReactElement, ReactNode } from 'react'
 import Image from './Image'
 
 interface Props {
-  imageSrc: string
+  imageSrc: string | ReactElement
   height?: string
   message?: string | ReactNode
+  svg?: boolean
 }
 
 export default function NoData({
   imageSrc,
   height = '300px',
   message = 'No Data Found',
+  svg = false,
 }: Props) {
   return (
     <Box
@@ -19,7 +21,13 @@ export default function NoData({
         marginTop: '20px',
       }}
     >
-      <Image alt="No Data Found" height={height} width="auto" src={imageSrc} />
+      <Image
+        alt="No Data Found"
+        height={height}
+        width="auto"
+        src={imageSrc}
+        svg={svg}
+      />
       {typeof message === 'string' ? (
         <StyledTypography variant="h6">{message}</StyledTypography>
       ) : (