@connect-soft/form-generator 1.1.0-alpha2 → 1.1.0-alpha3

package/dist/{index.m.js → index.mjs}

@@ -1,9 +1,9 @@
-import { c } from 'react/compiler-runtime';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React, { createElement, memo } from 'react';
+import React, { createElement, memo, useRef, useMemo, useImperativeHandle } from 'react';
 import * as n$1 from 'zod/v4/core';
 import { z } from 'zod';
 export { z } from 'zod';
+import { c } from 'react/compiler-runtime';
 
 var isCheckBoxInput = (element) => element.type === 'checkbox';
 
@@ -3445,114 +3445,81 @@ function getItemKey(item, index) {
 function hasSchema(props) {
   return props.schema !== undefined;
 }
-function FormGenerator(props) {
-  const $ = c(20);
+function FormGeneratorImpl(props) {
   const {
     fields,
     defaultValues,
     className,
-    submitText: t0,
+    submitText = 'Submit',
     disabled,
-    mode: t1
+    mode = 'onChange',
+    ref
   } = props;
-  const submitText = t0 === undefined ? "Submit" : t0;
-  const mode = t1 === undefined ? "onChange" : t1;
   const userSchema = hasSchema(props) ? props.schema : undefined;
   const onSubmit = props.onSubmit;
-  let t2;
-  bb0: {
+  const formRef = useRef(null);
+  const schema = useMemo(() => {
     if (userSchema) {
-      t2 = userSchema;
-      break bb0;
+      return userSchema;
     }
-    let t3;
-    if ($[0] !== fields) {
-      t3 = buildSchema(fields);
-      $[0] = fields;
-      $[1] = t3;
-    } else {
-      t3 = $[1];
-    }
-    t2 = t3;
-  }
-  const schema = t2;
-  let t3;
-  if ($[2] !== defaultValues || $[3] !== fields) {
+    return buildSchema(fields);
+  }, [fields, userSchema]);
+  const mergedDefaultValues = useMemo(() => {
     const builtDefaults = buildDefaultValues(fields);
-    t3 = defaultValues ? deepMerge(builtDefaults, defaultValues) : builtDefaults;
-    $[2] = defaultValues;
-    $[3] = fields;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  const mergedDefaultValues = t3;
-  let t4;
-  if ($[5] !== schema) {
-    t4 = a(schema);
-    $[5] = schema;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  let t5;
-  if ($[7] !== mergedDefaultValues || $[8] !== mode || $[9] !== t4) {
-    t5 = {
-      resolver: t4,
-      defaultValues: mergedDefaultValues,
-      mode
-    };
-    $[7] = mergedDefaultValues;
-    $[8] = mode;
-    $[9] = t4;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  const form = useForm(t5);
-  let t6;
-  if ($[11] !== className || $[12] !== disabled || $[13] !== fields || $[14] !== form || $[15] !== onSubmit || $[16] !== submitText) {
-    let t7;
-    if ($[18] !== onSubmit) {
-      t7 = async data => {
-        await onSubmit(data);
-      };
-      $[18] = onSubmit;
-      $[19] = t7;
-    } else {
-      t7 = $[19];
-    }
-    const handleSubmit = form.handleSubmit(t7);
-    const SubmitButton = getFormComponent("SubmitButton");
-    t6 = jsx(FormProvider, {
-      ...form,
-      children: jsxs("form", {
-        onSubmit: handleSubmit,
-        className,
-        children: [fields.map(_temp), jsx(SubmitButton, {
-          disabled: disabled || form.formState.isSubmitting,
-          isSubmitting: form.formState.isSubmitting,
-          children: submitText
-        })]
-      })
-    });
-    $[11] = className;
-    $[12] = disabled;
-    $[13] = fields;
-    $[14] = form;
-    $[15] = onSubmit;
-    $[16] = submitText;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  return t6;
-}
-function _temp(item, index) {
-  return jsx(FormItemRenderer, {
-    item
-  }, getItemKey(item, index));
+    return defaultValues ? deepMerge(builtDefaults, defaultValues) : builtDefaults;
+  }, [fields, defaultValues]);
+  const form = useForm({
+    resolver: a(schema),
+    defaultValues: mergedDefaultValues,
+    mode
+  });
+  const handleSubmit = form.handleSubmit(async data => {
+    await onSubmit(data);
+  });
+  useImperativeHandle(ref, () => ({
+    setValues: values => {
+      Object.entries(values).forEach(([key, value]) => {
+        form.setValue(key, value, {
+          shouldValidate: true,
+          shouldDirty: true
+        });
+      });
+    },
+    getValues: () => form.getValues(),
+    reset: values_0 => {
+      if (values_0) {
+        form.reset(deepMerge(mergedDefaultValues, values_0));
+      } else {
+        form.reset(mergedDefaultValues);
+      }
+    },
+    submit: async () => {
+      await handleSubmit();
+    },
+    clearErrors: () => form.clearErrors(),
+    setError: (name, error) => form.setError(name, error),
+    isValid: () => form.formState.isValid,
+    isDirty: () => form.formState.isDirty,
+    form
+  }), [form, handleSubmit, mergedDefaultValues]);
+  const SubmitButton = getFormComponent('SubmitButton');
+  return jsx(FormProvider, {
+    ...form,
+    children: jsxs("form", {
+      ref: formRef,
+      onSubmit: handleSubmit,
+      className: className,
+      children: [fields.map((item, index) => jsx(FormItemRenderer, {
+        item: item
+      }, getItemKey(item, index))), jsx(SubmitButton, {
+        disabled: disabled || form.formState.isSubmitting,
+        isSubmitting: form.formState.isSubmitting,
+        children: submitText
+      })]
+    })
+  });
 }
+const FormGenerator = FormGeneratorImpl;
 
 export { Controller, FieldRenderer, FormGenerator, FormProvider, clearAllRegistries, clearFieldRegistry, clearFormComponentRegistry, clearLayoutRegistry, getFieldComponent, getFormComponent, getFormComponents, getLayoutComponent, getRegisteredFieldTypes, hasFieldType, hasFormComponent, hasLayoutComponent, isLayoutBlock, registerField, registerFields, registerFormComponent, registerFormComponents, registerLayoutComponent, registerLayoutComponents, resetFormComponentRegistry, unregisterField, useFieldArray, useForm, useFormContext, useWatch };
-//# sourceMappingURL=index.m.js.map
+//# sourceMappingURL=index.mjs.map