@homefile/components-v2 2.14.28 → 2.14.30

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

@@ -6,7 +6,7 @@ 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;
+    var _a, _b, _c, _d, _e, _f, _g;
     const [file, setFile] = useState(undefined);
     const { watch } = useFormContext();
     const textChild = children === null || children === void 0 ? void 0 : children.find(({ type }) => type === 'text' || type === 'string');
@@ -27,6 +27,8 @@ export const AIGridField = ({ children, onAISend, onRemove, onUpload, }) => {
             ? fieldIcons[imageField.icon]
             : undefined,
     };
+    const imageId = (_g = imageField === null || imageField === void 0 ? void 0 : imageField.id) !== null && _g !== void 0 ? _g : '';
+    const imageValue = watch(imageId);
     const model = watch(String(textChild === null || textChild === void 0 ? void 0 : textChild.id));
     const handleUpload = (files) => {
         const file = files[0];
@@ -43,5 +45,5 @@ export const AIGridField = ({ children, onAISend, onRemove, onUpload, }) => {
         }
         onAISend === null || onAISend === void 0 ? void 0 : onAISend(form);
     };
-    return (_jsxs(Flex, { align: "flex-end", gap: "base", children: [_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) })] }));
+    return (_jsxs(Flex, { align: "flex-end", gap: "base", children: [_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(SingleImage, Object.assign({}, imageProps, { onUpload: handleUpload, onRemove: onRemove, value: String(imageValue) })), _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) && !imageValue })] }));
 };

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

@@ -1,2 +1,2 @@
-import { FileFieldI } from '../../../../interfaces';
-export declare const SingleImage: ({ onRemove, onUpload, uploading, value, }: FileFieldI) => import("react/jsx-runtime").JSX.Element;
+import { SingleImageI } from '../../../../interfaces';
+export declare const SingleImage: ({ onRemove, onUpload, uploading, value, }: SingleImageI) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,15 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AspectRatio, Box, Flex, IconButton, Image } from '@chakra-ui/react';
 import { colors } from '../../../../theme/colors';
 import { Close, MobileFileUploader } from '../../..';
-import { handleMapFile } from '../../../../utils';
 export const SingleImage = ({ onRemove, onUpload, uploading = false, value, }) => {
     const handleInputChange = (event) => {
         var _a;
         const fileList = (_a = event.target.files) !== null && _a !== void 0 ? _a : [];
         const files = Array.from(fileList);
         if (files.length > 0) {
-            const selectedFiles = handleMapFile({ files });
-            onUpload === null || onUpload === void 0 ? void 0 : onUpload(selectedFiles);
+            onUpload === null || onUpload === void 0 ? void 0 : onUpload(files);
         }
     };
     return (_jsxs(Flex, { gap: "2", align: "center", h: "input.md", children: [_jsx(MobileFileUploader, { handleInputChange: handleInputChange, "aria-label": "upload image", minW: "72px" }), value && (_jsxs(Box, { position: "relative", minW: "30px", children: [_jsx(IconButton, { variant: "ghost", "aria-label": "close", maxW: "fit-content", onClick: () => onRemove === null || onRemove === void 0 ? void 0 : onRemove(value), icon: _jsx(Close, { size: 11, stroke: colors.error['2'] }), disabled: uploading, position: "absolute", bg: "neutral.white", p: "0.5", borderRadius: "full", top: "-2", right: "-2", zIndex: "1" }), _jsx(AspectRatio, { maxW: "100%", ratio: 1, children: _jsx(Image, { src: value, objectFit: "cover", alt: "image" }) })] }))] }));

package/dist/hooks/forms/useDynamicForm.d.ts

@@ -2,11 +2,11 @@ import { FieldValues } from 'react-hook-form';
 import { FolderFileI, ReportI } from '../../interfaces';
 interface FilesUploadI {
     id: string;
-    files: FolderFileI[];
+    files: FolderFileI[] | File[];
 }
 interface UseDynamicFormI {
     fields: ReportI[];
-    onUpload?: (filesByFieldId: Record<string, FolderFileI[]>) => void;
+    onUpload?: (filesByFieldId: Record<string, FolderFileI[] | File[]>) => void;
 }
 export declare const useDynamicForm: ({ fields, onUpload }: UseDynamicFormI) => {
     form: import("react-hook-form").UseFormReturn<FieldValues, any, undefined>;

package/dist/interfaces/forms/ItemFormPanel/ItemFormTabs.interface.d.ts

@@ -3,5 +3,5 @@ export interface ItemFormTabsI extends ItemFormTabImageI {
     form?: ReportI[];
     onAISend?: AIGridFieldI['onAISend'];
     searching?: boolean;
-    formUpload?: (filesByFieldId: Record<string, FolderFileI[]>) => void;
+    formUpload?: (filesByFieldId: Record<string, FolderFileI[] | File[]>) => void;
 }

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

@@ -28,7 +28,7 @@ export interface DynamicFormI extends Partial<PartnerFooterI> {
     menuItems?: MenuItemI[];
     onAISend?: AIGridFieldI['onAISend'];
     onRemoveImage?: (file: string) => void;
-    onUpload?: (filesByFieldId: Record<string, FolderFileI[]>) => void;
+    onUpload?: (filesByFieldId: Record<string, FolderFileI[] | File[]>) => void;
     searching?: boolean;
     showTitle?: boolean;
     title?: string;

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

@@ -6,3 +6,6 @@ export interface FileFieldI extends Pick<ReportI, 'description' | 'icon'> {
     displayImages?: string[];
     value?: string;
 }
+export interface SingleImageI extends Omit<FileFieldI, 'onUpload'> {
+    onUpload?: (files: File[]) => void;
+}

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

@@ -1,13 +1,13 @@
-import { FolderFileI, ReportI } from '../../..';
+import { ReportI } from '../../..';
 export interface GridFieldI {
     children: ReportI['children'];
     onRemove?: (file: string) => void;
-    onUpload?: (files: FolderFileI[]) => void;
+    onUpload?: (files: File[]) => void;
 }
 export interface AIGridFieldI extends GridFieldI {
     onAISend?: (form?: AIFormI) => void;
 }
 export interface AIFormI {
     model?: string;
-    file?: FolderFileI;
+    file?: File;
 }

package/package.json

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

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

@@ -12,9 +12,9 @@ export const AIGridField = ({
   onRemove,
   onUpload,
 }: AIGridFieldI) => {
-  const [file, setFile] = useState<FolderFileI | undefined>(undefined)
+  const [file, setFile] = useState<File | undefined>(undefined)
   const { watch } = useFormContext()
-  
+
   const textChild = children?.find(
     ({ type }) => type === 'text' || type === 'string'
   )
@@ -38,9 +38,12 @@ export const AIGridField = ({
       : undefined,
   }
 
+  const imageId = imageField?.id ?? ''
+  const imageValue = watch(imageId)
+
   const model = watch(String(textChild?.id))
 
-  const handleUpload = (files: FolderFileI[]) => {
+  const handleUpload = (files: File[]) => {
     const file = files[0]
     setFile(file)
     onUpload?.(files)
@@ -64,7 +67,7 @@ export const AIGridField = ({
           {...imageProps}
           onUpload={handleUpload}
           onRemove={onRemove}
-          value={imageField?.value as string}
+          value={String(imageValue)}
         />
         <Text fontFamily="secondary" textAlign="center">
           OR
@@ -77,7 +80,7 @@ export const AIGridField = ({
         icon={<Plus size={28} stroke={colors.blue[3]} />}
         onClick={handleAISend}
         h="input.md"
-        disabled={!model?.length && !imageField?.value}
+        disabled={!model?.length && !imageValue}
       />
     </Flex>
   )

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

@@ -2,21 +2,19 @@ import { ChangeEvent } from 'react'
 import { AspectRatio, Box, Flex, IconButton, Image } from '@chakra-ui/react'
 import { colors } from '@/theme/colors'
 import { Close, MobileFileUploader } from '@/components'
-import { FileFieldI } from '@/interfaces'
-import { handleMapFile } from '@/utils'
+import { SingleImageI } from '@/interfaces'
 
 export const SingleImage = ({
   onRemove,
   onUpload,
   uploading = false,
   value,
-}: FileFieldI) => {
+}: SingleImageI) => {
   const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {
     const fileList = event.target.files ?? []
     const files = Array.from(fileList)
     if (files.length > 0) {
-      const selectedFiles = handleMapFile({ files })
-      onUpload?.(selectedFiles)
+      onUpload?.(files)
     }
   }
 

package/src/hooks/forms/useDynamicForm.ts

@@ -5,12 +5,12 @@ import { dynamicFormProxy } from '@/proxies'
 
 interface FilesUploadI {
   id: string
-  files: FolderFileI[]
+  files: FolderFileI[] | File[]
 }
 
 interface UseDynamicFormI {
   fields: ReportI[]
-  onUpload?: (filesByFieldId: Record<string, FolderFileI[]>) => void
+  onUpload?: (filesByFieldId: Record<string, FolderFileI[] | File[]>) => void
 }
 
 export const useDynamicForm = ({ fields, onUpload }: UseDynamicFormI) => {

package/src/interfaces/forms/ItemFormPanel/ItemFormTabs.interface.ts

@@ -1,8 +1,13 @@
-import { ItemFormTabImageI, ReportI, AIGridFieldI, FolderFileI } from '@/interfaces'
+import {
+  ItemFormTabImageI,
+  ReportI,
+  AIGridFieldI,
+  FolderFileI,
+} from '@/interfaces'
 
 export interface ItemFormTabsI extends ItemFormTabImageI {
   form?: ReportI[]
   onAISend?: AIGridFieldI['onAISend']
   searching?: boolean
-  formUpload?: (filesByFieldId: Record<string, FolderFileI[]>) => void
+  formUpload?: (filesByFieldId: Record<string, FolderFileI[] | File[]>) => void
 }

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

@@ -136,7 +136,7 @@ export interface DynamicFormI extends Partial<PartnerFooterI> {
   menuItems?: MenuItemI[]
   onAISend?: AIGridFieldI['onAISend']
   onRemoveImage?: (file: string) => void
-  onUpload?: (filesByFieldId: Record<string, FolderFileI[]>) => void
+  onUpload?: (filesByFieldId: Record<string, FolderFileI[] | File[]>) => void
   searching?: boolean
   showTitle?: boolean
   title?: string

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

@@ -7,3 +7,7 @@ export interface FileFieldI extends Pick<ReportI, 'description' | 'icon'> {
   displayImages?: string[]
   value?: string
 }
+
+export interface SingleImageI extends Omit<FileFieldI, 'onUpload'> {
+  onUpload?: (files: File[]) => void
+}

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

@@ -3,7 +3,7 @@ import { FolderFileI, ReportI } from '@/interfaces'
 export interface GridFieldI {
   children: ReportI['children']
   onRemove?: (file: string) => void
-  onUpload?: (files: FolderFileI[]) => void
+  onUpload?: (files: File[]) => void
 }
 
 export interface AIGridFieldI extends GridFieldI {
@@ -12,5 +12,5 @@ export interface AIGridFieldI extends GridFieldI {
 
 export interface AIFormI {
   model?: string
-  file?: FolderFileI
+  file?: File
 }