@homefile/components-v2 2.11.5 → 2.11.6

package/dist/components/folderPanel/displayFiles/GridFile.js

@@ -16,7 +16,7 @@ import { DocIcon } from '../../../assets/images';
 import { fileTypes, getFileExtension } from '../../../helpers';
 export const GridFile = (_a) => {
     var { menu = [], onClick, onMove } = _a, props = __rest(_a, ["menu", "onClick", "onMove"]);
-    const { _id, title, updatedAt, files = [], receipt } = props;
+    const { _id, title, updatedAt, files = [], receipt, report } = props;
     const fileExtension = getFileExtension(files, !!receipt);
     const itemForm = {
         _id,
@@ -24,5 +24,5 @@ export const GridFile = (_a) => {
         updatedAt,
         icon: fileTypes[fileExtension] || DocIcon,
     };
-    return (_jsxs(WrapItem, { maxW: "7rem", position: "relative", children: [_jsx(Box, { position: "absolute", top: "0", right: "1", zIndex: "docked", children: _jsx(IconMenuWithMove, { disabled: menu.length < 1 ? true : false, icon: _jsx(MoreHorizontal, { size: 28 }), itemForm: itemForm, menuItems: menu, onMove: () => onMove(itemForm) }) }), _jsx(Button, { variant: "folder", px: "base", pb: "base", pt: "6", onClick: () => onClick(props), children: _jsxs(Stack, { spacing: "1", align: "center", children: [_jsx(Image, { src: fileTypes[fileExtension] || DocIcon, w: "46px", h: "49px", alt: fileExtension, transition: "all 0.2s ease-in-out" }), _jsxs(Box, { children: [_jsx(Text, { isTruncated: true, maxWidth: "5rem", fontSize: "sm", children: title }), _jsx(Text, { variant: "date", children: updatedAt })] })] }) })] }));
+    return (_jsxs(WrapItem, { maxW: "7rem", position: "relative", children: [_jsx(Box, { position: "absolute", top: "0", right: "1", zIndex: "docked", children: _jsx(IconMenuWithMove, { disabled: menu.length < 1 ? true : false, icon: _jsx(MoreHorizontal, { size: 28 }), itemForm: itemForm, menuItems: menu, onMove: () => onMove(itemForm) }) }), _jsx(Button, { variant: "folder", px: "base", pb: "base", pt: "6", onClick: () => onClick(props), children: _jsxs(Stack, { spacing: "1", align: "center", children: [_jsx(Image, { src: (report && report.length > 0) ? DocIcon : fileTypes[fileExtension] || DocIcon, w: "46px", h: "49px", alt: fileExtension, transition: "all 0.2s ease-in-out" }), _jsxs(Box, { children: [_jsx(Text, { isTruncated: true, maxWidth: "5rem", fontSize: "sm", children: title }), _jsx(Text, { variant: "date", children: updatedAt })] })] }) })] }));
 };

package/dist/components/folderPanel/displayFiles/ListFile.js

@@ -16,7 +16,7 @@ import { DocIcon } from '../../../assets/images';
 import { fileTypes, getFileExtension } from '../../../helpers';
 export const ListFile = (_a) => {
     var { menu = [], onClick, onMove } = _a, props = __rest(_a, ["menu", "onClick", "onMove"]);
-    const { _id, title, updatedAt, files = [], receipt } = props;
+    const { _id, title, updatedAt, files = [], receipt, report } = props;
     const fileExtension = getFileExtension(files, !!receipt);
     const itemForm = {
         _id,
@@ -24,5 +24,5 @@ export const ListFile = (_a) => {
         updatedAt,
         icon: fileTypes[fileExtension] || DocIcon,
     };
-    return (_jsx(Box, { bg: "neutral.white", w: "100%", transition: "all 0.2s ease-in-out", _hover: { bg: 'lightGreen.1' }, children: _jsxs(Flex, { children: [_jsxs(Flex, { gap: "base", p: "base", as: "button", flex: "1", onClick: () => onClick(props), children: [_jsx(Image, { src: fileTypes[fileExtension] || DocIcon, minW: "32px", h: "auto", alt: fileExtension, transition: "all 0.2s ease-in-out" }), _jsxs(Box, { mt: "-1", children: [_jsx(Text, { variant: "date", textTransform: "uppercase", textAlign: "left", children: fileExtension === '' ? 'Doc' : fileExtension }), _jsx(Text, { textOverflow: "ellipsis", noOfLines: 1, fontSize: "sm", textAlign: "left", children: title })] })] }), _jsxs(Flex, { align: "center", gap: "2", h: "fit-content", p: "1", pr: "base", children: [_jsx(Text, { variant: "date", w: "fit-content", children: updatedAt }), _jsx(IconMenuWithMove, { disabled: menu.length < 1 ? true : false, icon: _jsx(MoreHorizontal, { size: 28 }), itemForm: itemForm, menuItems: menu, onMove: () => onMove(itemForm) })] })] }) }));
+    return (_jsx(Box, { bg: "neutral.white", w: "100%", transition: "all 0.2s ease-in-out", _hover: { bg: 'lightGreen.1' }, children: _jsxs(Flex, { children: [_jsxs(Flex, { gap: "base", p: "base", as: "button", flex: "1", onClick: () => onClick(props), children: [_jsx(Image, { src: (report && report.length > 0) ? DocIcon : fileTypes[fileExtension] || DocIcon, minW: "32px", h: "auto", alt: fileExtension, transition: "all 0.2s ease-in-out" }), _jsxs(Box, { mt: "-1", children: [_jsx(Text, { variant: "date", textTransform: "uppercase", textAlign: "left", children: fileExtension === '' ? 'Doc' : fileExtension }), _jsx(Text, { textOverflow: "ellipsis", noOfLines: 1, fontSize: "sm", textAlign: "left", children: title })] })] }), _jsxs(Flex, { align: "center", gap: "2", h: "fit-content", p: "1", pr: "base", children: [_jsx(Text, { variant: "date", w: "fit-content", children: updatedAt }), _jsx(IconMenuWithMove, { disabled: menu.length < 1 ? true : false, icon: _jsx(MoreHorizontal, { size: 28 }), itemForm: itemForm, menuItems: menu, onMove: () => onMove(itemForm) })] })] }) }));
 };

package/dist/mocks/folderPanel/DisplayFiles.mock.js

@@ -23,6 +23,16 @@ export const DisplayFilesMock = [
         ],
         updatedAt: '2021-08-01T00:00:00.000Z',
         receipt: 'receipt',
+        // report: [
+        //     {
+        //       "name": "Brand/Manufacturer",
+        //       "description": "",
+        //       "comments": "",
+        //       "value": "",
+        //       "type": "text",
+        //       "id": "10"
+        //   }
+        // ]
     },
     // {
     //   _id: '2',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.11.5",
+  "version": "2.11.6",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",

package/src/components/folderPanel/displayFiles/GridFile.tsx

@@ -10,7 +10,7 @@ export const GridFile = ({
   onMove,
   ...props
 }: DisplayFileI) => {
-  const { _id, title, updatedAt, files = [], receipt } = props
+  const { _id, title, updatedAt, files = [], receipt, report } = props
 
   const fileExtension = getFileExtension(files, !!receipt)
 
@@ -41,7 +41,7 @@ export const GridFile = ({
       >
         <Stack spacing="1" align="center">
           <Image
-            src={fileTypes[fileExtension] || DocIcon}
+            src={(report && report.length > 0) ? DocIcon : fileTypes[fileExtension] || DocIcon}
             w="46px"
             h="49px"
             alt={fileExtension}

package/src/components/folderPanel/displayFiles/ListFile.tsx

@@ -10,7 +10,7 @@ export const ListFile = ({
   onMove,
   ...props
 }: DisplayFileI) => {
-  const { _id, title, updatedAt, files = [], receipt } = props
+  const { _id, title, updatedAt, files = [], receipt, report } = props
 
   const fileExtension = getFileExtension(files, !!receipt)
 
@@ -37,7 +37,7 @@ export const ListFile = ({
           onClick={() => onClick(props)}
         >
           <Image
-            src={fileTypes[fileExtension] || DocIcon}
+            src={(report && report.length > 0) ? DocIcon : fileTypes[fileExtension] || DocIcon}
             minW="32px"
             h="auto"
             alt={fileExtension}

package/src/mocks/folderPanel/DisplayFiles.mock.ts

@@ -25,6 +25,16 @@ export const DisplayFilesMock: FileInfoI[] = [
     ],
     updatedAt: '2021-08-01T00:00:00.000Z',
     receipt: 'receipt',
+    // report: [
+    //     {
+    //       "name": "Brand/Manufacturer",
+    //       "description": "",
+    //       "comments": "",
+    //       "value": "",
+    //       "type": "text",
+    //       "id": "10"
+    //   }
+    // ]
   },
   // {
   //   _id: '2',