@homefile/components-v2 2.11.0 → 2.11.1

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

@@ -27,10 +27,13 @@ export const AIGridField = ({ children, onAISend, onRemove, onUpload, }) => {
     };
     const code = watch(String(textChild === null || textChild === void 0 ? void 0 : textChild.id));
     const handleAISend = () => {
-        const form = {
-            code,
-            image: imageField === null || imageField === void 0 ? void 0 : imageField.value,
-        };
+        const form = {};
+        if (code) {
+            form.code = code;
+        }
+        else if (imageField === null || imageField === void 0 ? void 0 : imageField.value) {
+            form.image = imageField.value;
+        }
         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) })] }));

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

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

package/dist/stories/forms/dynamicForm/DynamicForm.stories.d.ts

@@ -1,6 +1,6 @@
 import { Meta } from '@storybook/react';
 import { DynamicFormI } from '../../../interfaces';
-declare const _default: Meta;
+declare const _default: Meta<DynamicFormI>;
 export default _default;
 export declare const DynamicFormComponent: (args: DynamicFormI) => import("react/jsx-runtime").JSX.Element;
 export declare const DynamicUIFormComponent: (args: DynamicFormI) => import("react/jsx-runtime").JSX.Element;

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

@@ -19,7 +19,8 @@ export default {
             faker.image.urlPicsumPhotos(),
             faker.image.urlPicsumPhotos(),
         ],
-        onAiSend: action('onAiSend'),
+        onAISend: action('onAiSend'),
+        onRemoveImage: action('onRemoveImage'),
         onUpload: action('onUpload'),
         menuItems: menuMock,
         socialLinks: socialLinksMock,

package/package.json

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

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

@@ -1,6 +1,6 @@
 import { useFormContext } from 'react-hook-form'
 import { Flex, IconButton, Text } from '@chakra-ui/react'
-import { IconTypes, AIGridFieldI } from '@/interfaces'
+import { IconTypes, AIGridFieldI, AIFormI } from '@/interfaces'
 import { TextField, SingleImage, Plus } from '@/components'
 import { fieldIcons } from '@/helpers'
 import { colors } from '@/theme/colors'
@@ -40,9 +40,12 @@ export const AIGridField = ({
   const code = watch(String(textChild?.id))
 
   const handleAISend = () => {
-    const form = {
-      code,
-      image: imageField?.value as string,
+    const form: AIFormI = {}
+
+    if (code) {
+      form.code = code
+    } else if (imageField?.value) {
+      form.image = imageField.value as string
     }
     onAISend?.(form)
   }

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

@@ -10,7 +10,7 @@ export interface AIGridFieldI extends GridFieldI {
   onAISend?: (form?: AIFormI) => void
 }
 
-interface AIFormI {
+export interface AIFormI {
   code?: string
   image?: string
 }

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

@@ -21,13 +21,14 @@ export default {
       faker.image.urlPicsumPhotos(),
       faker.image.urlPicsumPhotos(),
     ],
-    onAiSend: action('onAiSend'),
+    onAISend: action('onAiSend'),
+    onRemoveImage: action('onRemoveImage'),
     onUpload: action('onUpload'),
     menuItems: menuMock,
     socialLinks: socialLinksMock,
     websiteUrl: 'http://www.audreyscheckdesign.com',
   },
-} as Meta
+} as Meta<DynamicFormI>
 
 export const DynamicFormComponent = (args: DynamicFormI) => {
   return (