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

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, useMemo, useRef, useImperativeHandle } from 'react';
 import * as n$1 from 'zod/v4/core';
 import { c } from 'react/compiler-runtime';
 import { z } from 'zod';
@@ -2775,6 +2775,49 @@ function t(r,e){try{var o=r();}catch(r){return e(r)}return o&&o.then?o.then(void
 function isArrayField(field) {
   return field.type === 'array' && 'fields' in field;
 }
+function createField(field) {
+  return field;
+}
+function createArrayField(field) {
+  return {
+    ...field,
+    type: 'array'
+  };
+}
+function strictFields(fields) {
+  return fields;
+}
+function validateFieldType(type, registeredTypes) {
+  if (!registeredTypes.includes(type) && type !== 'array') {
+    throw new Error(`Unregistered field type: "${type}". ` + `Registered types: ${registeredTypes.join(', ')}. ` + `Use registerField("${type}", YourComponent) to register it.`);
+  }
+  return type;
+}
+function validateFieldTypes(fields, registeredTypes, options = {}) {
+  const {
+    throwOnError = false,
+    warn = true
+  } = options;
+  const invalidTypes = [];
+  const checkField = field => {
+    if (field.type === 'array' && 'fields' in field) {
+      field.fields.forEach(checkField);
+    } else if (!registeredTypes.includes(field.type) && field.type !== 'array') {
+      invalidTypes.push(field.type);
+    }
+  };
+  fields.forEach(checkField);
+  if (invalidTypes.length > 0) {
+    const uniqueInvalid = [...new Set(invalidTypes)];
+    const message = `Unregistered field type(s): ${uniqueInvalid.map(t => `"${t}"`).join(', ')}. ` + `Registered types: ${registeredTypes.join(', ')}. ` + 'Register custom types with registerField() or use module augmentation for TypeScript support.';
+    if (throwOnError) {
+      throw new Error(message);
+    } else if (warn && typeof console !== 'undefined') {
+      console.warn(`[FormGenerator] ${message}`);
+    }
+  }
+  return fields;
+}
 
 const fieldRegistry = new Map();
 const componentRegistry = {};
@@ -2788,7 +2831,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',
@@ -2931,27 +2980,15 @@ function createDefaultFieldComponent(type) {
   };
   return FallbackComponent;
 }
-function registerField(type, component, options = {}, config = {}) {
-  const {
-    override = true
-  } = config;
-  const exists = fieldRegistry.has(type);
-  if (override === 'only' && !exists) return;
-  if (override === false && exists) return;
+function registerField(type, component, options = {}) {
   fieldRegistry.set(type, {
     component,
     options
   });
 }
-function registerFields(fields, config = {}) {
-  const {
-    override = true
-  } = config;
+function registerFields(fields) {
   Object.entries(fields).forEach(([type, definition]) => {
     var _a;
-    const exists = fieldRegistry.has(type);
-    if (override === 'only' && !exists) return;
-    if (override === false && exists) return;
     if (typeof definition === 'function') {
       fieldRegistry.set(type, {
         component: definition,
@@ -2986,24 +3023,12 @@ function unregisterField(type) {
 function getRegisteredFieldTypes() {
   return Array.from(fieldRegistry.keys());
 }
-function registerFormComponents(components, config = {}) {
-  const {
-    override = true
-  } = config;
+function registerFormComponents(components) {
   Object.keys(components).forEach(key => {
-    const exists = key in componentRegistry;
-    if (override === 'only' && !exists) return;
-    if (override === false && exists) return;
     componentRegistry[key] = components[key];
   });
 }
-function registerFormComponent(name, component, config = {}) {
-  const {
-    override = true
-  } = config;
-  const exists = name in componentRegistry;
-  if (override === 'only' && !exists) return;
-  if (override === false && exists) return;
+function registerFormComponent(name, component) {
   componentRegistry[name] = component;
 }
 function getFormComponent(name) {
@@ -3144,7 +3169,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,
@@ -3488,8 +3513,19 @@ function FormGeneratorImpl(props) {
     showReset = false,
     resetText = 'Reset',
     children,
-    ref
+    ref,
+    validateTypes
   } = props;
+  useMemo(() => {
+    if (validateTypes) {
+      const registeredTypes = getRegisteredFieldTypes();
+      const options = typeof validateTypes === 'object' ? validateTypes : {
+        throwOnError: false,
+        warn: true
+      };
+      validateFieldTypes(fields, registeredTypes, options);
+    }
+  }, [fields, validateTypes]);
   const userSchema = hasSchema(props) ? props.schema : undefined;
   const onSubmit = props.onSubmit;
   const formRef = useRef(null);
@@ -3541,6 +3577,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 +3601,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 +3617,7 @@ function FormGeneratorImpl(props) {
       }
     });
     return entries;
-  }, [regularFields]);
+  }, [regularFields, FieldWrapper]);
   const templateFields = useMemo(() => createTemplateFields(fieldEntries), [fieldEntries]);
   const buttons = useMemo(() => {
     const result = {
@@ -3594,10 +3637,10 @@ function FormGeneratorImpl(props) {
     }
     return result;
   }, [SubmitButton, disabled, form.formState.isSubmitting, submitText, showReset, resetText, handleReset]);
-  const renderField = useCallback((field_1, options) => {
+  const renderField = useCallback((field_1, options_0) => {
     return jsx(FieldRenderer, {
       field: field_1,
-      namePrefix: options === null || options === void 0 ? void 0 : options.namePrefix
+      namePrefix: options_0 === null || options_0 === void 0 ? void 0 : options_0.namePrefix
     });
   }, []);
   if (!children) {
@@ -3607,11 +3650,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 +3686,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, {
@@ -3648,5 +3705,5 @@ function FormGenerator(props) {
   return FormGeneratorImpl(props);
 }
 
-export { ArrayFieldRenderer, Controller, FieldRenderer, FormGenerator, FormProvider, clearAllRegistries, clearFieldRegistry, clearFormComponentRegistry, getFieldComponent, getFormComponent, getFormComponents, getRegisteredFieldTypes, hasFieldType, hasFormComponent, isArrayField, registerField, registerFields, registerFormComponent, registerFormComponents, resetFormComponentRegistry, unregisterField, useArrayField, useFieldArray, useForm, useFormContext, useWatch };
+export { ArrayFieldRenderer, Controller, FieldRenderer, FormGenerator, FormProvider, clearAllRegistries, clearFieldRegistry, clearFormComponentRegistry, createArrayField, createField, getFieldComponent, getFormComponent, getFormComponents, getRegisteredFieldTypes, hasFieldType, hasFormComponent, isArrayField, registerField, registerFields, registerFormComponent, registerFormComponents, resetFormComponentRegistry, strictFields, unregisterField, useArrayField, useFieldArray, useForm, useFormContext, useWatch, validateFieldType, validateFieldTypes };
 //# sourceMappingURL=index.mjs.map