datastake-daf 0.6.590 → 0.6.592

package/dist/components/index.js

@@ -40535,7 +40535,6 @@ function AuthForm(_ref) {
   const next = async () => {
     try {
       await formInstance.validateFields(currentFields.map(f => f.name));
-      // Save current step values before moving to next step
       const currentValues = formInstance.getFieldsValue();
       setAllFormValues(prev => _objectSpread2(_objectSpread2({}, prev), currentValues));
       setCurrentStep(prev => prev + 1);
@@ -40563,10 +40562,21 @@ function AuthForm(_ref) {
   };
   const checkRequiredFieldsFilled = (changedValues, allValues) => {
     const requiredFields = currentFields.filter(f => f.required).map(f => f.name);
-    return requiredFields.every(fieldName => {
+    const allFilled = requiredFields.every(fieldName => {
       const value = allValues[fieldName];
+      if (typeof value === 'boolean') {
+        return value === true;
+      }
       return value !== undefined && value !== null && value !== '';
     });
+    const fieldErrors = formInstance.getFieldsError(requiredFields);
+    const hasErrors = fieldErrors.some(_ref2 => {
+      let {
+        errors
+      } = _ref2;
+      return errors.length > 0;
+    });
+    return allFilled && !hasErrors;
   };
   React.useEffect(() => {
     setFormErrors(errors);
@@ -40630,15 +40640,23 @@ function AuthForm(_ref) {
       style: {
         marginBottom: 0
       },
+      valuePropName: field.valuePropName,
       children: inputNode
     }, field.name);
   };
+  const handleValuesChange = changedValues => {
+    const changedFieldNames = Object.keys(changedValues);
+    changedFieldNames.forEach(fieldName => {
+      formInstance.validateFields([fieldName]).catch(() => {});
+    });
+  };
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: /*#__PURE__*/jsxRuntime.jsxs(antd.Form, {
       form: formInstance,
       layout: "vertical",
       initialValues: initialValues,
       onFinish: handleSubmit,
+      onValuesChange: handleValuesChange,
       children: [currentFields.map(renderField), formErrors ? renderErrors(formErrors, t) : null, isMultiStep && currentStep > 0 ? /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-column gap-2",
         style: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.590",
+	"version": "0.6.592",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",

package/src/@daf/core/components/AuthForm/index.jsx

@@ -44,7 +44,6 @@ function AuthForm ({
       await formInstance.validateFields(
         currentFields.map((f) => f.name)
       );
-      // Save current step values before moving to next step
       const currentValues = formInstance.getFieldsValue();
       setAllFormValues((prev) => ({ ...prev, ...currentValues }));
       setCurrentStep((prev) => prev + 1);
@@ -80,10 +79,19 @@ function AuthForm ({
 
   const checkRequiredFieldsFilled = (changedValues, allValues) => {
     const requiredFields = currentFields.filter(f => f.required).map(f => f.name);
-    return requiredFields.every(fieldName => {
+    
+    const allFilled = requiredFields.every(fieldName => {
       const value = allValues[fieldName];
+      if (typeof value === 'boolean') {
+        return value === true;
+      }
       return value !== undefined && value !== null && value !== '';
     });
+    
+    const fieldErrors = formInstance.getFieldsError(requiredFields);
+    const hasErrors = fieldErrors.some(({ errors }) => errors.length > 0);
+    
+    return allFilled && !hasErrors;
   };
 
   useEffect(() => {
@@ -138,12 +146,27 @@ function AuthForm ({
     }
 
     return (
-      <Form.Item key={field.name} name={field.name} label={field.label} rules={field.rules} style={{ marginBottom: 0 }}>
+      <Form.Item 
+        key={field.name} 
+        name={field.name} 
+        label={field.label} 
+        rules={field.rules} 
+        style={{ marginBottom: 0 }}
+        valuePropName={field.valuePropName}
+      >
         {inputNode}
       </Form.Item>
     );
   };
 
+  const handleValuesChange = (changedValues) => {
+    const changedFieldNames = Object.keys(changedValues);
+    changedFieldNames.forEach(fieldName => {
+      formInstance.validateFields([fieldName]).catch(() => {
+      });
+    });
+  };
+
   return (
       <>
         <Form
@@ -151,6 +174,7 @@ function AuthForm ({
             layout="vertical"
             initialValues={initialValues}
             onFinish={handleSubmit}
+            onValuesChange={handleValuesChange}
         >
             {currentFields.map(renderField)}