@homefile/components-v2 2.23.11 → 2.24.0

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

@@ -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: (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 })] })] }) })] }));
+    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 && !receipt) ? 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

@@ -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: (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) })] })] }) }));
+    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 && !receipt) ? 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/DynamicForm.d.ts

@@ -1,2 +1,2 @@
 import { DynamicFormI } from '../../../interfaces';
-export declare const DynamicForm: ({ callback, displayImages, form: fields, menuItems, onAISend, onRemoveImage, onUpload, searching, showTitle, singleFileUpload, title, uploadingFieldId, ...props }: DynamicFormI) => import("react/jsx-runtime").JSX.Element;
+export declare const DynamicForm: ({ callback, displayImages, form: fields, menuItems, onAISend, onRemoveImage, onUpload, searching, showTitle, showIcon, singleFileUpload, title, uploadingFieldId, ...props }: DynamicFormI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/DynamicForm.js

@@ -18,7 +18,7 @@ import { HiddenFieldSection, GroupField, TextField, TextAreaField, SelectField,
 import { useDynamicForm } from '../../../hooks';
 import { fieldIcons } from '../../../helpers';
 export const DynamicForm = (_a) => {
-    var { callback, displayImages, form: fields, menuItems, onAISend, onRemoveImage, onUpload, searching = false, showTitle = true, singleFileUpload, title, uploadingFieldId } = _a, props = __rest(_a, ["callback", "displayImages", "form", "menuItems", "onAISend", "onRemoveImage", "onUpload", "searching", "showTitle", "singleFileUpload", "title", "uploadingFieldId"]);
+    var { callback, displayImages, form: fields, menuItems, onAISend, onRemoveImage, onUpload, searching = false, showTitle = true, showIcon = false, singleFileUpload, title, uploadingFieldId } = _a, props = __rest(_a, ["callback", "displayImages", "form", "menuItems", "onAISend", "onRemoveImage", "onUpload", "searching", "showTitle", "showIcon", "singleFileUpload", "title", "uploadingFieldId"]);
     const { form, visibleFields, hiddenFields, handleAddAll, handleAdd, handleFilesUpload, handleRemove, } = useDynamicForm({ fields, onUpload });
     if (searching) {
         return _jsx(SearchItemLoader, {});
@@ -43,7 +43,7 @@ export const DynamicForm = (_a) => {
                                     _jsx(DateField, Object.assign({}, baseProps, { name: name }))));
                             case 'email':
                                 return (_createElement(FieldWithDelete, Object.assign({}, fieldWithDeleteBaseProps, { key: id }),
-                                    _jsx(TextField, Object.assign({}, baseProps, { type: "email" }))));
+                                    _jsx(TextField, Object.assign({}, baseProps, { type: "email", showIcon: showIcon }))));
                             case 'number':
                                 return (_createElement(FieldWithDelete, Object.assign({}, fieldWithDeleteBaseProps, { key: id }),
                                     _jsx(NumberField, Object.assign({}, baseProps))));

package/dist/components/forms/dynamicForm/fields/TextField.d.ts

@@ -1,2 +1,2 @@
 import { TextFieldI } from '../../../../interfaces';
-export declare const TextField: ({ id, placeholder, label, type, value, }: TextFieldI) => import("react/jsx-runtime").JSX.Element;
+export declare const TextField: ({ id, icon, placeholder, label, type, showIcon, value, }: TextFieldI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/TextField.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Controller, useFormContext } from 'react-hook-form';
 import { Flex } from '@chakra-ui/react';
-import { TextInput } from '../../..';
-export const TextField = ({ id, placeholder = '', label, type = 'text', value, }) => {
+import { FormIcon, TextInput } from '../../..';
+export const TextField = ({ id, icon, placeholder = '', label, type = 'text', showIcon = false, value, }) => {
     const { control } = useFormContext();
-    return (_jsx(Flex, { align: "center", gap: "base", flex: "auto", children: _jsx(Controller, { control: control, name: id, defaultValue: value, render: ({ field: { value, onChange } }) => {
-                return (_jsx(TextInput, { handleChange: onChange, placeholder: placeholder, type: type, value: value, label: label }));
-            } }) }));
+    return (_jsxs(Flex, { align: "center", gap: "base", flex: "auto", children: [showIcon && icon && _jsx(FormIcon, { icon: icon }), _jsx(Controller, { control: control, name: id, defaultValue: value, render: ({ field: { value, onChange } }) => {
+                    return (_jsx(TextInput, { handleChange: onChange, placeholder: placeholder, type: type, value: value, label: label }));
+                } })] }));
 };

package/dist/components/headers/GenericBackHeader.js

@@ -2,5 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, Flex, Box, Show, Tooltip } from '@chakra-ui/react';
 import { BackCircleButton } from '..';
 export const GenericBackHeader = ({ handleClick, label, backLabel, }) => {
+    if (!label) {
+        return (_jsx(Box, { p: "base", children: _jsx(BackCircleButton, { onClick: handleClick }) }));
+    }
     return (_jsx(Flex, { align: "center", justify: "space-between", children: _jsxs(Flex, { align: "center", gap: "2", children: [_jsx(Tooltip, { hasArrow: true, isDisabled: false, label: backLabel, placement: "right", children: _jsx(Box, { children: _jsx(BackCircleButton, { onClick: handleClick }) }) }), _jsx(Show, { breakpoint: "(min-width: 400px)", children: _jsx(Box, { borderLeft: "solid", borderWidth: "1px", borderColor: "divider", h: "1.75rem", mx: "2" }) }), _jsx(Show, { breakpoint: "(min-width: 500px)", children: _jsx(Text, { variant: "title", children: label }) })] }) }));
 };

package/dist/interfaces/forms/dynamicForm/DynamicForm.interface.d.ts

@@ -31,6 +31,7 @@ export interface DynamicFormI extends Partial<PartnerFooterI> {
     onUpload?: (filesByFieldId: Record<string, FolderFileI[] | File[]>) => void;
     searching?: boolean;
     showTitle?: boolean;
+    showIcon?: boolean;
     singleFileUpload?: boolean;
     title?: string;
     uploadingFieldId?: string;

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

@@ -4,5 +4,6 @@ export interface TextFieldI extends FieldDescriptionI {
     placeholder?: string;
     label?: string;
     type?: 'text' | 'email' | 'password' | 'number' | 'tel';
+    showIcon?: boolean;
     value: ReportI['value'];
 }

package/dist/interfaces/headers/GenericBackHeader.interface.d.ts

@@ -1,5 +1,5 @@
 export interface GenericBackHeaderI {
     handleClick: () => void;
-    label: string;
-    backLabel: string;
+    label?: string;
+    backLabel?: string;
 }

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

@@ -34,6 +34,25 @@ export const DisplayFilesMock = [
         //   }
         // ]
     },
+    {
+        description: "",
+        files: [],
+        receipt: "67e4223068ad365a5fdcfd83",
+        report: [{
+                comments: "",
+                description: "",
+                id: "774d6dd6-fd68-418a-97de-afe33b994349",
+                name: "Brand/Manufacturer",
+                type: "string",
+                value: "1 PAULINA SING 3CA3E PAULINA P2FD KITCHEN FAUCET BLK"
+            }],
+        room: "67900d966051bc06e4007707",
+        title: "1 PAULINA SING 3CA3E PAULINA P2FD KITCHEN FAUCET BLK",
+        type: "6347bc119d9b327c383a6d01",
+        updatedAt: "2025-06-20T15:41:39.212Z",
+        user: "62cefa1292d0bad2cc740c86",
+        _id: "67e424b968ad365a5fdcfd86"
+    }
     // {
     //   _id: '2',
     //   imageUrl: faker.image.urlPicsumPhotos(),

package/package.json

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

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

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

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

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

package/src/components/forms/dynamicForm/DynamicForm.tsx

@@ -35,6 +35,7 @@ export const DynamicForm = ({
   onUpload,
   searching = false,
   showTitle = true,
+  showIcon = false,
   singleFileUpload,
   title,
   uploadingFieldId,
@@ -106,7 +107,11 @@ export const DynamicForm = ({
               case 'email':
                 return (
                   <FieldWithDelete {...fieldWithDeleteBaseProps} key={id}>
-                    <TextField {...baseProps} type="email" />
+                    <TextField
+                      {...baseProps}
+                      type="email"
+                      showIcon={showIcon}
+                    />
                   </FieldWithDelete>
                 )
               case 'number':

package/src/components/forms/dynamicForm/fields/TextField.tsx

@@ -1,18 +1,21 @@
 import { Controller, useFormContext } from 'react-hook-form'
 import { Flex } from '@chakra-ui/react'
-import { TextInput } from '@/components'
+import { FormIcon, TextInput } from '@/components'
 import { TextFieldI } from '@/interfaces'
 
 export const TextField = ({
   id,
+  icon,
   placeholder = '',
   label,
   type = 'text',
+  showIcon = false,
   value,
 }: TextFieldI) => {
   const { control } = useFormContext()
   return (
     <Flex align="center" gap="base" flex="auto">
+      {showIcon && icon && <FormIcon icon={icon} />}
       <Controller
         control={control}
         name={id}

package/src/components/headers/GenericBackHeader.tsx

@@ -7,6 +7,13 @@ export const GenericBackHeader = ({
   label,
   backLabel,
 }: GenericBackHeaderI) => {
+  if (!label) {
+    return (
+      <Box p="base">
+        <BackCircleButton onClick={handleClick} />
+      </Box>
+    )
+  }
   return (
     <Flex align="center" justify="space-between">
       <Flex align="center" gap="2">

package/src/interfaces/forms/dynamicForm/DynamicForm.interface.ts

@@ -155,6 +155,7 @@ export interface DynamicFormI extends Partial<PartnerFooterI> {
   onUpload?: (filesByFieldId: Record<string, FolderFileI[] | File[]>) => void
   searching?: boolean
   showTitle?: boolean
+  showIcon?: boolean
   singleFileUpload?: boolean
   title?: string
   uploadingFieldId?: string

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

@@ -5,5 +5,6 @@ export interface TextFieldI extends FieldDescriptionI {
   placeholder?: string
   label?: string
   type?: 'text' | 'email' | 'password' | 'number' | 'tel'
+  showIcon?: boolean
   value: ReportI['value']
 }

package/src/interfaces/headers/GenericBackHeader.interface.ts

@@ -1,5 +1,5 @@
 export interface GenericBackHeaderI {
-    handleClick: () => void
-    label: string
-    backLabel: string
-}
+  handleClick: () => void
+  label?: string
+  backLabel?: string
+}

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

@@ -36,6 +36,25 @@ export const DisplayFilesMock: FileInfoI[] = [
     //   }
     // ]
   },
+  {
+    description:  "",
+    files: [],
+    receipt: "67e4223068ad365a5fdcfd83",
+    report: [{
+        comments: "",
+        description: "",
+        id: "774d6dd6-fd68-418a-97de-afe33b994349",
+        name:"Brand/Manufacturer",
+        type: "string",
+        value: "1 PAULINA SING 3CA3E PAULINA P2FD KITCHEN FAUCET BLK"
+    }],
+    room: "67900d966051bc06e4007707",
+    title: "1 PAULINA SING 3CA3E PAULINA P2FD KITCHEN FAUCET BLK",
+    type: "6347bc119d9b327c383a6d01",
+    updatedAt: "2025-06-20T15:41:39.212Z",
+    user: "62cefa1292d0bad2cc740c86",
+    _id: "67e424b968ad365a5fdcfd86" 
+  }
   // {
   //   _id: '2',
   //   imageUrl: faker.image.urlPicsumPhotos(),