@homefile/components-v2 2.14.20 → 2.14.22

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
 import { useFormContext } from 'react-hook-form';
 import { Flex, IconButton, Text } from '@chakra-ui/react';
 import { TextField, SingleImage, Plus } from '../../..';
@@ -19,10 +18,8 @@ export const AIGridField = ({ children, onAISend, onRemove, onUpload, }) => {
             ? fieldIcons[textChild.icon]
             : undefined,
     };
-    const imageField = useMemo(() => {
-        return children === null || children === void 0 ? void 0 : children.find(({ type }) => type === 'ai-image');
-    }, [children]);
-    // const imageField = children?.find(({ type }) => type === 'ai-image')
+    const imageField = children === null || children === void 0 ? void 0 : children.find(({ type }) => type === 'ai-image');
+    console.log('image field', imageField);
     const imageProps = {
         id: (_d = imageField === null || imageField === void 0 ? void 0 : imageField.id) !== null && _d !== void 0 ? _d : '',
         value: (_e = imageField === null || imageField === void 0 ? void 0 : imageField.value) !== null && _e !== void 0 ? _e : '',

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

@@ -13,5 +13,6 @@ export const SingleImage = ({ onRemove, onUpload, uploading = false, value, }) =
             onUpload === null || onUpload === void 0 ? void 0 : onUpload(selectedFiles);
         }
     };
+    console.log('img', value);
     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/package.json

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

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

@@ -1,4 +1,3 @@
-import { useMemo } from 'react'
 import { useFormContext } from 'react-hook-form'
 import { Flex, IconButton, Text } from '@chakra-ui/react'
 import { IconTypes, AIGridFieldI, AIFormI, FolderFileI } from '@/interfaces'
@@ -29,12 +28,8 @@ export const AIGridField = ({
       : undefined,
   }
 
-  const imageField = useMemo(() => {
-    return children?.find(({ type }) => type === 'ai-image');
-  }, [children])
-
-  // const imageField = children?.find(({ type }) => type === 'ai-image')
-
+  const imageField = children?.find(({ type }) => type === 'ai-image')
+  console.log('image field', imageField)
   const imageProps = {
     id: imageField?.id ?? '',
     value: imageField?.value ?? '',

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

@@ -20,6 +20,8 @@ export const SingleImage = ({
     }
   }
 
+  console.log('img', value)
+
   return (
     <Flex gap="2" align="center" h="input.md">
       <MobileFileUploader