@homefile/components-v2 2.11.4 → 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/components/forms/dynamicForm/fields/AIGridField.js

@@ -4,8 +4,10 @@ import { Flex, IconButton, Text } from '@chakra-ui/react';
 import { TextField, SingleImage, Plus } from '../../..';
 import { fieldIcons } from '../../../../helpers';
 import { colors } from '../../../../theme/colors';
+import { useState } from 'react';
 export const AIGridField = ({ children, onAISend, onRemove, onUpload, }) => {
     var _a, _b, _c, _d, _e, _f;
+    const [file, setFile] = useState(undefined);
     const { watch } = useFormContext();
     const textChild = children === null || children === void 0 ? void 0 : children.find(({ type }) => type === 'text' || type === 'string');
     const textProps = {
@@ -25,16 +27,21 @@ export const AIGridField = ({ children, onAISend, onRemove, onUpload, }) => {
             ? fieldIcons[imageField.icon]
             : undefined,
     };
-    const code = watch(String(textChild === null || textChild === void 0 ? void 0 : textChild.id));
+    const model = watch(String(textChild === null || textChild === void 0 ? void 0 : textChild.id));
+    const handleUpload = (files) => {
+        const file = files[0];
+        setFile(file);
+        onUpload === null || onUpload === void 0 ? void 0 : onUpload(files);
+    };
     const handleAISend = () => {
         const form = {};
-        if (code) {
-            form.code = code;
+        if (model) {
+            form.model = model;
         }
-        else if (imageField === null || imageField === void 0 ? void 0 : imageField.value) {
-            form.image = imageField.value;
+        else if (file) {
+            form.file = file;
         }
         onAISend === null || onAISend === void 0 ? void 0 : onAISend(form);
     };
-    return (_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(SingleImage, Object.assign({}, imageProps, { onUpload: onUpload, onRemove: onRemove, value: imageField === null || imageField === void 0 ? void 0 : imageField.value })), _jsx(Text, { fontFamily: "secondary", textAlign: "center", children: "OR" }), _jsx(TextField, Object.assign({}, textProps)), _jsx(IconButton, { "aria-label": "Add new address line", variant: "iconOutlined", icon: _jsx(Plus, { size: 28, stroke: colors.blue[3] }), onClick: handleAISend, h: "input.md", disabled: !(code === null || code === void 0 ? void 0 : code.length) && !(imageField === null || imageField === void 0 ? void 0 : imageField.value) })] }));
+    return (_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(SingleImage, Object.assign({}, imageProps, { onUpload: handleUpload, onRemove: onRemove, value: imageField === null || imageField === void 0 ? void 0 : imageField.value })), _jsx(Text, { fontFamily: "secondary", textAlign: "center", children: "OR" }), _jsx(TextField, Object.assign({}, textProps)), _jsx(IconButton, { "aria-label": "Add new address line", variant: "iconOutlined", icon: _jsx(Plus, { size: 28, stroke: colors.blue[3] }), onClick: handleAISend, h: "input.md", disabled: !(model === null || model === void 0 ? void 0 : model.length) && !(imageField === null || imageField === void 0 ? void 0 : imageField.value) })] }));
 };

package/dist/interfaces/forms/dynamicForm/fields/GridField.interface.d.ts

@@ -8,6 +8,6 @@ export interface AIGridFieldI extends GridFieldI {
     onAISend?: (form?: AIFormI) => void;
 }
 export interface AIFormI {
-    code?: string;
-    image?: string;
+    model?: string;
+    file?: FolderFileI;
 }

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.4",
+  "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/components/forms/dynamicForm/fields/AIGridField.tsx

@@ -1,9 +1,10 @@
 import { useFormContext } from 'react-hook-form'
 import { Flex, IconButton, Text } from '@chakra-ui/react'
-import { IconTypes, AIGridFieldI, AIFormI } from '@/interfaces'
+import { IconTypes, AIGridFieldI, AIFormI, FolderFileI } from '@/interfaces'
 import { TextField, SingleImage, Plus } from '@/components'
 import { fieldIcons } from '@/helpers'
 import { colors } from '@/theme/colors'
+import { useState } from 'react'
 
 export const AIGridField = ({
   children,
@@ -11,6 +12,7 @@ export const AIGridField = ({
   onRemove,
   onUpload,
 }: AIGridFieldI) => {
+  const [file, setFile] = useState<FolderFileI | undefined>(undefined)
   const { watch } = useFormContext()
 
   const textChild = children?.find(
@@ -37,15 +39,21 @@ export const AIGridField = ({
       : undefined,
   }
 
-  const code = watch(String(textChild?.id))
+  const model = watch(String(textChild?.id))
+
+  const handleUpload = (files: FolderFileI[]) => {
+    const file = files[0]
+    setFile(file)
+    onUpload?.(files)
+  }
 
   const handleAISend = () => {
     const form: AIFormI = {}
 
-    if (code) {
-      form.code = code
-    } else if (imageField?.value) {
-      form.image = imageField.value as string
+    if (model) {
+      form.model = model
+    } else if (file) {
+      form.file = file
     }
     onAISend?.(form)
   }
@@ -54,7 +62,7 @@ export const AIGridField = ({
     <Flex align="center" gap="base">
       <SingleImage
         {...imageProps}
-        onUpload={onUpload}
+        onUpload={handleUpload}
         onRemove={onRemove}
         value={imageField?.value as string}
       />
@@ -68,7 +76,7 @@ export const AIGridField = ({
         icon={<Plus size={28} stroke={colors.blue[3]} />}
         onClick={handleAISend}
         h="input.md"
-        disabled={!code?.length && !imageField?.value}
+        disabled={!model?.length && !imageField?.value}
       />
     </Flex>
   )

package/src/interfaces/forms/dynamicForm/fields/GridField.interface.ts

@@ -11,6 +11,6 @@ export interface AIGridFieldI extends GridFieldI {
 }
 
 export interface AIFormI {
-  code?: string
-  image?: string
+  model?: string
+  file?: FolderFileI
 }

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',