@connect-soft/form-generator 1.1.0-alpha6 → 1.1.0-alpha7

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React, { createElement, memo, useCallback, useRef, useMemo, useImperativeHandle } from 'react';
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import React, { createElement, Fragment, memo, useCallback, useRef, useMemo, useImperativeHandle } from 'react';
 import * as n$1 from 'zod/v4/core';
 import { c } from 'react/compiler-runtime';
 import { z } from 'zod';
@@ -2788,7 +2788,13 @@ const defaultFormComponents = {
     type: 'submit',
     className: className !== null && className !== void 0 ? className : 'form-submit',
     disabled: disabled || isSubmitting
-  }, isSubmitting ? 'Submitting...' : children)
+  }, isSubmitting ? 'Submitting...' : children),
+  FieldWrapper: ({
+    children
+  }) => /*#__PURE__*/createElement(Fragment, null, children),
+  FieldsWrapper: ({
+    children
+  }) => /*#__PURE__*/createElement(Fragment, null, children)
 };
 const htmlInputTypes = {
   text: 'text',
@@ -3144,7 +3150,7 @@ function useArrayField(field) {
     const childField = field.fields.find(f_0 => f_0.name === fieldName);
     if (!childField) {
       console.warn(`Field "${fieldName}" not found in array field "${field.name}"`);
-      return jsx(Fragment, {});
+      return jsx(Fragment$1, {});
     }
     return jsx(FieldRenderer, {
       field: childField,
@@ -3541,6 +3547,8 @@ function FormGeneratorImpl(props) {
     form: form
   }), [form, handleSubmit, mergedDefaultValues]);
   const SubmitButton = getFormComponent('SubmitButton');
+  const FieldWrapper = getFormComponent('FieldWrapper');
+  const FieldsWrapper = getFormComponent('FieldsWrapper');
   const {
     regularFields,
     arrayFields
@@ -3563,8 +3571,13 @@ function FormGeneratorImpl(props) {
     const entries = new Map();
     regularFields.forEach((field_0, index) => {
       if (!field_0.hidden) {
-        const element = jsx(FieldRenderer, {
-          field: field_0
+        const element = jsx(FieldWrapper, {
+          name: field_0.name,
+          type: field_0.type,
+          className: field_0.className,
+          children: jsx(FieldRenderer, {
+            field: field_0
+          })
         }, field_0.name || `field-${index}`);
         entries.set(field_0.name, {
           field: field_0,
@@ -3574,7 +3587,7 @@ function FormGeneratorImpl(props) {
       }
     });
     return entries;
-  }, [regularFields]);
+  }, [regularFields, FieldWrapper]);
   const templateFields = useMemo(() => createTemplateFields(fieldEntries), [fieldEntries]);
   const buttons = useMemo(() => {
     const result = {
@@ -3607,11 +3620,23 @@ function FormGeneratorImpl(props) {
         ref: formRef,
         onSubmit: handleSubmit,
         className: className,
-        children: [regularFields.map((field_2, index_0) => jsx(FieldRenderer, {
-          field: field_2
-        }, field_2.name || `field-${index_0}`)), arrayFields.map(arrayField => jsx(ArrayFieldRenderer, {
-          field: arrayField
-        }, arrayField.name)), jsx(SubmitButton, {
+        children: [jsxs(FieldsWrapper, {
+          children: [regularFields.map((field_2, index_0) => jsx(FieldWrapper, {
+            name: field_2.name,
+            type: field_2.type,
+            className: field_2.className,
+            children: jsx(FieldRenderer, {
+              field: field_2
+            })
+          }, field_2.name || `field-${index_0}`)), arrayFields.map(arrayField => jsx(FieldWrapper, {
+            name: arrayField.name,
+            type: "array",
+            className: arrayField.className,
+            children: jsx(ArrayFieldRenderer, {
+              field: arrayField
+            })
+          }, arrayField.name))]
+        }), jsx(SubmitButton, {
           disabled: disabled || form.formState.isSubmitting,
           isSubmitting: form.formState.isSubmitting,
           children: submitText
@@ -3631,7 +3656,9 @@ function FormGeneratorImpl(props) {
     isSubmitting: form.formState.isSubmitting,
     isValid: form.formState.isValid,
     isDirty: form.formState.isDirty,
-    renderField
+    renderField,
+    FieldWrapper,
+    FieldsWrapper
   };
   const renderFn = children;
   return jsx(FormProvider, {