fix: handle 0 as a valid initial value

Author: assisrafael

demo/Form2Examples.jsx

@@ -7,9 +7,9 @@ export function Form2Examples() {
     <div>
       Alternative Form implementation
       <Form2
-        initialValues={{ attrA: 'ABC', Obj: { x: 'X' }, arr: [1, 2, 3], arrObj: [{ o: 1 }, { o: 2 }, { o: 3 }] }}
-        onSubmit={console.info.bind(console, 'onSubmit')}
-        onChange={console.info.bind(console, 'onChange')}
+        initialValues={{ attrA: 'ABC', Obj: { x: 'X', z: 0 }, arr: [1, 2, 3], arrObj: [{ o: 1 }, { o: 2 }, { o: 3 }] }}
+        onSubmit={(data) => console.log('onSubmit', data)}
+        onChange={(data) => console.log('onChange', data)}
         transform={(formData) => {
           console.log('transform', formData);
 
@@ -42,6 +42,9 @@ export function Form2Examples() {
             <div className="col">
               <FormInput2 name="Obj.y" />
             </div>
+            <div className="col">
+              <FormInput2 name="Obj.z" type="number" step="0.1" />
+            </div>
           </div>
         </div>
         <div className="form-group">

src/forms2/helpers/useFormControl.jsx

@@ -1,4 +1,4 @@
-import { isFunction } from 'js-var-type';
+import { isDefined, isFunction } from 'js-var-type';
 import { useCallback, useContext, useEffect, useState } from 'react';
 import { decode, getTargetValue } from '../../forms/helpers/form-helpers';
 import { FormContext } from './useFormHelper';
@@ -17,7 +17,7 @@ export function useFormControl2(name, type) {
 
         formHelper.notify(name, nextValue);
 
-        return nextValue;
+        return isDefined(nextValue) ? nextValue : '';
       });
     },
     [formHelper, name]

src/forms2/helpers/useFormHelper.jsx

@@ -1,5 +1,6 @@
 import React, { useRef } from 'react';
 import { debounce } from 'lodash-es';
+import { isDefined } from 'js-var-type';
 import { flattenObject, getValueByPath, setValueByPath } from '../../utils/getters-setters';
 
 export const FormContext = React.createContext(null);
@@ -15,7 +16,7 @@ export class FormHelper {
   register(name, formControl) {
     const value = getValueByPath(this.formData, name);
 
-    if (value) {
+    if (isDefined(value)) {
       formControl.setValue(value);
     }