@homefile/components-v2 2.14.29 → 2.14.30

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.29",
+  "version": "2.14.30",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",

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

@@ -12,7 +12,7 @@ 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(
@@ -43,7 +43,7 @@ export const AIGridField = ({
 
   const model = watch(String(textChild?.id))
 
-  const handleUpload = (files: FolderFileI[]) => {
+  const handleUpload = (files: File[]) => {
     const file = files[0]
     setFile(file)
     onUpload?.(files)

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
 }