@flowgram.ai/form 0.1.0 → 0.1.2

package/dist/index.d.mts

@@ -445,8 +445,8 @@ interface FieldOptions<TValue, TFormValues = any> {
 }
 interface FieldRenderProps<TValue> {
     field: Field$1<TValue>;
-    fieldState?: Readonly<FieldState>;
-    formState?: Readonly<FormState>;
+    fieldState: Readonly<FieldState>;
+    formState: Readonly<FormState>;
 }
 interface FieldArrayOptions<TValue> {
     /**
@@ -468,8 +468,8 @@ interface FieldArrayOptions<TValue> {
 }
 interface FieldArrayRenderProps<TValue> {
     field: FieldArray$1<TValue>;
-    fieldState?: Readonly<FieldState>;
-    formState?: Readonly<FormState>;
+    fieldState: Readonly<FieldState>;
+    formState: Readonly<FormState>;
 }
 interface FieldState {
     /**
@@ -634,7 +634,20 @@ declare namespace Glob {
      * @private
      */
     function splitPattern(pattern: string): string[];
-    function findMatchPaths(obj: any, pattern: string): string[];
+    /**
+     * Find all paths matched pattern in object. If withEmptyValue is true, it will include
+     * paths  whoes value is undefined.
+     * @param obj
+     * @param pattern
+     * @param withEmptyValue
+     */
+    function findMatchPaths(obj: any, pattern: string, withEmptyValue?: boolean): string[];
+    /**
+     * Find all paths matched pattern in object, including paths  whoes value is undefined.
+     * @param obj
+     * @param pattern
+     */
+    function findMatchPathsWithEmptyValue(obj: any, pattern: string): string[];
 }
 
 declare function toField<TValue>(model: FieldModel): Field$1<TValue>;

package/dist/index.d.ts

@@ -445,8 +445,8 @@ interface FieldOptions<TValue, TFormValues = any> {
 }
 interface FieldRenderProps<TValue> {
     field: Field$1<TValue>;
-    fieldState?: Readonly<FieldState>;
-    formState?: Readonly<FormState>;
+    fieldState: Readonly<FieldState>;
+    formState: Readonly<FormState>;
 }
 interface FieldArrayOptions<TValue> {
     /**
@@ -468,8 +468,8 @@ interface FieldArrayOptions<TValue> {
 }
 interface FieldArrayRenderProps<TValue> {
     field: FieldArray$1<TValue>;
-    fieldState?: Readonly<FieldState>;
-    formState?: Readonly<FormState>;
+    fieldState: Readonly<FieldState>;
+    formState: Readonly<FormState>;
 }
 interface FieldState {
     /**
@@ -634,7 +634,20 @@ declare namespace Glob {
      * @private
      */
     function splitPattern(pattern: string): string[];
-    function findMatchPaths(obj: any, pattern: string): string[];
+    /**
+     * Find all paths matched pattern in object. If withEmptyValue is true, it will include
+     * paths  whoes value is undefined.
+     * @param obj
+     * @param pattern
+     * @param withEmptyValue
+     */
+    function findMatchPaths(obj: any, pattern: string, withEmptyValue?: boolean): string[];
+    /**
+     * Find all paths matched pattern in object, including paths  whoes value is undefined.
+     * @param obj
+     * @param pattern
+     */
+    function findMatchPathsWithEmptyValue(obj: any, pattern: string): string[];
 }
 
 declare function toField<TValue>(model: FieldModel): Field$1<TValue>;

package/dist/index.js

@@ -215,7 +215,7 @@ var Glob;
     return res;
   }
   Glob2.splitPattern = splitPattern;
-  function findMatchPaths2(obj, pattern) {
+  function findMatchPaths(obj, pattern, withEmptyValue) {
     if (!obj || !pattern) {
       return [];
     }
@@ -233,20 +233,26 @@ var Glob;
             if (nextPaths.length === 0) {
               return concatPath(parentPath, key);
             }
-            return findMatchPaths2(curValue[key], `${nextPaths.join(Glob2.DIVIDER)}`).map(
+            return findMatchPaths(curValue[key], `${nextPaths.join(Glob2.DIVIDER)}`, withEmptyValue).map(
               (p) => concatPath(parentPath, key, p)
             );
           })
         );
       }
-      if (!(curKey in curValue)) return [];
+      if (!(curKey in curValue) && !withEmptyValue) {
+        return [];
+      }
       curValue = curValue[curKey];
       curPaths.push(curKey);
       curKey = nextPaths.shift();
     }
     return [pattern];
   }
-  Glob2.findMatchPaths = findMatchPaths2;
+  Glob2.findMatchPaths = findMatchPaths;
+  function findMatchPathsWithEmptyValue(obj, pattern) {
+    return findMatchPaths(obj, pattern, true);
+  }
+  Glob2.findMatchPathsWithEmptyValue = findMatchPathsWithEmptyValue;
 })(Glob || (Glob = {}));
 
 // src/types/validate.ts
@@ -691,6 +697,14 @@ function feedbackToFieldErrorsOrWarnings(name, feedback) {
     [name]: feedback ? [feedback] : []
   };
 }
+var hasError = (errors) => {
+  for (let fieldErrors in errors) {
+    if (fieldErrors.length) {
+      return true;
+    }
+  }
+  return false;
+};
 
 // src/constants.ts
 var DEFAULT_FIELD_STATE = {
@@ -1160,7 +1174,6 @@ var FieldArrayModel = class extends FieldModel {
 };
 
 // src/core/form-model.ts
-var findMatchPaths = Glob.findMatchPaths;
 var FormModel = class {
   constructor() {
     this._fieldMap = /* @__PURE__ */ new Map();
@@ -1331,7 +1344,7 @@ var FormModel = class {
     }
     const feedbacksArrPromises = Object.keys(this._options.validate).map(async (nameRule) => {
       const validate = this._options.validate[nameRule];
-      const paths = findMatchPaths(this.values, nameRule);
+      const paths = Glob.findMatchPathsWithEmptyValue(this.values, nameRule);
       return Promise.all(
         paths.map(async (path) => {
           const result = await validate({
@@ -1347,6 +1360,7 @@ var FormModel = class {
           if (field) {
             field.state.errors = errors;
             field.state.warnings = warnings;
+            field.state.invalid = hasError(errors);
             field.bubbleState();
           }
           this.state.errors = mergeFeedbacks(this.state.errors, errors);