@flowgram.ai/form 0.4.6 → 0.4.7

package/dist/index.js

@@ -60,16 +60,16 @@ module.exports = __toCommonJS(src_exports);
 
 // src/react/field.tsx
 var React2 = __toESM(require("react"));
-var import_lodash5 = require("lodash");
+var import_lodash_es5 = require("lodash-es");
 var import_utils4 = require("@flowgram.ai/utils");
 var import_reactive = require("@flowgram.ai/reactive");
 
 // src/utils/object.ts
-var import_lodash = require("lodash");
+var import_lodash_es = require("lodash-es");
 var isObject = (obj) => obj !== null && typeof obj === "object";
 var isInteger = (obj) => String(Math.floor(Number(obj))) === obj;
 function getIn(obj, key, def, p = 0) {
-  const path = (0, import_lodash.toPath)(key);
+  const path = (0, import_lodash_es.toPath)(key);
   while (obj && p < path.length) {
     obj = obj[path[p++]];
   }
@@ -79,15 +79,15 @@ function getIn(obj, key, def, p = 0) {
   return obj === void 0 ? def : obj;
 }
 function shallowSetIn(obj, path, value) {
-  let res = (0, import_lodash.clone)(obj);
+  let res = (0, import_lodash_es.clone)(obj);
   let resVal = res;
   let i = 0;
-  let pathArray = (0, import_lodash.toPath)(path);
+  let pathArray = (0, import_lodash_es.toPath)(path);
   for (; i < pathArray.length - 1; i++) {
     const currentPath = pathArray[i];
     let currentObj = getIn(obj, pathArray.slice(0, i + 1));
     if (currentObj && (isObject(currentObj) || Array.isArray(currentObj))) {
-      resVal = resVal[currentPath] = (0, import_lodash.clone)(currentObj);
+      resVal = resVal[currentPath] = (0, import_lodash_es.clone)(currentObj);
     } else {
       const nextPath = pathArray[i + 1];
       resVal = resVal[currentPath] = isInteger(nextPath) && Number(nextPath) >= 0 ? [] : {};
@@ -119,7 +119,7 @@ function isCheckBoxEvent(e) {
 }
 
 // src/utils/glob.ts
-var import_lodash2 = require("lodash");
+var import_lodash_es2 = require("lodash-es");
 var Glob;
 ((Glob2) => {
   Glob2.DIVIDER = ".";
@@ -183,12 +183,12 @@ var Glob;
     if (!obj || typeof obj !== "object") {
       return [];
     }
-    return (0, import_lodash2.flatten)(
+    return (0, import_lodash_es2.flatten)(
       paths.map((path) => {
-        const value = path === "" ? obj : (0, import_lodash2.get)(obj, path);
-        if ((0, import_lodash2.isArray)(value)) {
+        const value = path === "" ? obj : (0, import_lodash_es2.get)(obj, path);
+        if ((0, import_lodash_es2.isArray)(value)) {
           return value.map((_, index) => concatPath(path, index));
-        } else if ((0, import_lodash2.isObject)(value)) {
+        } else if ((0, import_lodash_es2.isObject)(value)) {
           return Object.keys(value).map((key) => concatPath(path, key));
         }
         return [];
@@ -232,7 +232,7 @@ var Glob;
       if (!isObject3) return [];
       if (curKey === Glob2.ALL) {
         const parentPath = curPaths.join(Glob2.DIVIDER);
-        return (0, import_lodash2.flatten)(
+        return (0, import_lodash_es2.flatten)(
           Object.keys(curValue).map((key) => {
             if (nextPaths.length === 0) {
               return concatPath(parentPath, key);
@@ -275,14 +275,14 @@ var ValidateTrigger = /* @__PURE__ */ ((ValidateTrigger2) => {
 })(ValidateTrigger || {});
 
 // src/core/utils.ts
-var import_lodash4 = require("lodash");
+var import_lodash_es4 = require("lodash-es");
 
 // src/core/path.ts
-var import_lodash3 = require("lodash");
+var import_lodash_es3 = require("lodash-es");
 var Path = class _Path {
   constructor(path) {
     this._path = [];
-    this._path = (0, import_lodash3.toPath)(path);
+    this._path = (0, import_lodash_es3.toPath)(path);
   }
   get parent() {
     if (this._path.length < 2) {
@@ -397,7 +397,7 @@ function mergeFeedbacks(origin, source) {
     return { ...source };
   }
   const changed = Object.keys(source).some(
-    (sourceKey) => !(0, import_lodash4.isEqual)(origin[sourceKey], source[sourceKey])
+    (sourceKey) => !(0, import_lodash_es4.isEqual)(origin[sourceKey], source[sourceKey])
   );
   if (changed) {
     return {
@@ -420,7 +420,7 @@ function shouldValidate(currentTrigger, formTrigger) {
   return currentTrigger === formTrigger;
 }
 function getValidByErrors(errors) {
-  return errors ? Object.keys(errors).every((name) => (0, import_lodash4.isEmpty)(errors[name])) : true;
+  return errors ? Object.keys(errors).every((name) => (0, import_lodash_es4.isEmpty)(errors[name])) : true;
 }
 var FieldEventUtils;
 ((FieldEventUtils2) => {
@@ -646,7 +646,7 @@ function Field({
     if (render) {
       return render({ field, fieldState, formState });
     }
-    if ((0, import_lodash5.isFunction)(children)) {
+    if ((0, import_lodash_es5.isFunction)(children)) {
       return children({ field, fieldState, formState });
     }
     return React2.cloneElement(children, { ...field });
@@ -657,7 +657,7 @@ function Field({
 
 // src/react/form.tsx
 var import_react3 = __toESM(require("react"));
-var import_lodash9 = require("lodash");
+var import_lodash_es9 = require("lodash-es");
 
 // src/core/to-field-array.ts
 function toFieldArray(model) {
@@ -695,7 +695,7 @@ function toFieldArray(model) {
 }
 
 // src/core/form-model.ts
-var import_lodash8 = require("lodash");
+var import_lodash_es8 = require("lodash-es");
 var import_fast_equals = require("fast-equals");
 var import_utils10 = require("@flowgram.ai/utils");
 var import_reactive3 = require("@flowgram.ai/reactive");
@@ -749,19 +749,19 @@ function createFieldModelState(initialState) {
 }
 
 // src/core/store.ts
-var import_lodash6 = require("lodash");
+var import_lodash_es6 = require("lodash-es");
 var Store = class {
   get values() {
-    return (0, import_lodash6.clone)(this._values);
+    return (0, import_lodash_es6.clone)(this._values);
   }
   set values(v) {
-    this._values = (0, import_lodash6.cloneDeep)(v);
+    this._values = (0, import_lodash_es6.cloneDeep)(v);
   }
   setIn(path, value) {
     this._values = shallowSetIn(this._values || {}, path.toString(), value);
   }
   getIn(path) {
-    return (0, import_lodash6.get)(this.values, path.value);
+    return (0, import_lodash_es6.get)(this.values, path.value);
   }
   dispose() {
   }
@@ -769,7 +769,7 @@ var Store = class {
 
 // src/core/field-model.ts
 var import_nanoid = require("nanoid");
-var import_lodash7 = require("lodash");
+var import_lodash_es7 = require("lodash-es");
 var import_utils7 = require("@flowgram.ai/utils");
 var import_reactive2 = require("@flowgram.ai/reactive");
 var FieldModel = class {
@@ -789,8 +789,8 @@ var FieldModel = class {
       const { values, prevValues } = payload;
       if (FieldEventUtils.shouldTriggerFieldChangeEvent(payload, this.name)) {
         this.onValueChangeEmitter.fire({
-          value: (0, import_lodash7.get)(values, this.name),
-          prevValue: (0, import_lodash7.get)(prevValues, this.name),
+          value: (0, import_lodash_es7.get)(values, this.name),
+          prevValue: (0, import_lodash_es7.get)(prevValues, this.name),
           formValues: values,
           prevFormValues: prevValues
         });
@@ -810,8 +810,8 @@ var FieldModel = class {
     this._renderCount = n;
   }
   initState() {
-    const initialErrors = (0, import_lodash7.get)(this.form.state.errors, this.name);
-    const initialWarnings = (0, import_lodash7.get)(this.form.state.warnings, this.name);
+    const initialErrors = (0, import_lodash_es7.get)(this.form.state.errors, this.name);
+    const initialWarnings = (0, import_lodash_es7.get)(this.form.state.warnings, this.name);
     if (initialErrors) {
       this.state.errors = {
         [this.name]: initialErrors
@@ -897,19 +897,19 @@ var FieldModel = class {
   bubbleState() {
     const { errors, warnings } = this.state;
     if (this.parent) {
-      this.parent.state.isTouched = (0, import_lodash7.some)(
+      this.parent.state.isTouched = (0, import_lodash_es7.some)(
         this.parent.children.map((c) => c.state.isTouched),
         Boolean
       );
-      this.parent.state.invalid = (0, import_lodash7.some)(
+      this.parent.state.invalid = (0, import_lodash_es7.some)(
         this.parent.children.map((c) => c.state.invalid),
         Boolean
       );
-      this.parent.state.isDirty = (0, import_lodash7.some)(
+      this.parent.state.isDirty = (0, import_lodash_es7.some)(
         this.parent.children.map((c) => c.state.isDirty),
         Boolean
       );
-      this.parent.state.isValidating = (0, import_lodash7.some)(
+      this.parent.state.isValidating = (0, import_lodash_es7.some)(
         this.parent.children.map((c) => c.state.isValidating),
         Boolean
       );
@@ -918,19 +918,19 @@ var FieldModel = class {
       this.parent.bubbleState();
       return;
     }
-    this.form.state.isTouched = (0, import_lodash7.some)(
+    this.form.state.isTouched = (0, import_lodash_es7.some)(
       this.form.fields.map((f) => f.state.isTouched),
       Boolean
     );
-    this.form.state.invalid = (0, import_lodash7.some)(
+    this.form.state.invalid = (0, import_lodash_es7.some)(
       this.form.fields.map((f) => f.state.invalid),
       Boolean
     );
-    this.form.state.isDirty = (0, import_lodash7.some)(
+    this.form.state.isDirty = (0, import_lodash_es7.some)(
       this.form.fields.map((f) => f.state.isDirty),
       Boolean
     );
-    this.form.state.isValidating = (0, import_lodash7.some)(
+    this.form.state.isValidating = (0, import_lodash_es7.some)(
       this.form.fields.map((f) => f.state.isValidating),
       Boolean
     );
@@ -974,14 +974,14 @@ var FieldModel = class {
     this.bubbleState();
     const { errors, warnings } = await this._runAsyncValidate();
     if (errors?.length) {
-      this.state.errors = (0, import_lodash7.groupBy)(errors, "name");
+      this.state.errors = (0, import_lodash_es7.groupBy)(errors, "name");
       this.state.invalid = true;
     } else {
       this.state.errors = { [this.name]: [] };
       this.state.invalid = false;
     }
     if (warnings?.length) {
-      this.state.warnings = (0, import_lodash7.groupBy)(warnings, "name");
+      this.state.warnings = (0, import_lodash_es7.groupBy)(warnings, "name");
     } else {
       this.state.warnings = { [this.name]: [] };
     }
@@ -1000,7 +1000,7 @@ var FieldModel = class {
       if (!feedbacks?.length) {
         return {};
       }
-      const groupedFeedbacks = (0, import_lodash7.groupBy)(feedbacks, "level");
+      const groupedFeedbacks = (0, import_lodash_es7.groupBy)(feedbacks, "level");
       warnings = warnings.concat(groupedFeedbacks["warning" /* Warning */] || []);
       errors = errors.concat(groupedFeedbacks["error" /* Error */] || []);
     }
@@ -1464,7 +1464,7 @@ var FormModel = class {
       return Promise.all(
         paths.map(async (path) => {
           const result = await validate({
-            value: (0, import_lodash8.get)(values, path),
+            value: (0, import_lodash_es8.get)(values, path),
             formValues: values,
             context: this.context,
             name: path
@@ -1496,7 +1496,7 @@ var FormModel = class {
     const feedbacksArr = await Promise.all(feedbacksArrPromises);
     this.state.isValidating = false;
     this.onValidateEmitter.fire(this.state);
-    return (0, import_lodash8.flatten)(feedbacksArr).filter(Boolean);
+    return (0, import_lodash_es8.flatten)(feedbacksArr).filter(Boolean);
   }
   alignStateWithFieldMap() {
     const keys = Array.from(this.fieldMap.keys());
@@ -1564,7 +1564,7 @@ function Form(props) {
     []
   );
   const form = (0, import_react3.useMemo)(() => toForm(formModel), [formModel]);
-  return /* @__PURE__ */ import_react3.default.createElement(FormModelContext.Provider, { value: formModel }, children ? (0, import_lodash9.isFunction)(children) ? /* @__PURE__ */ import_react3.default.createElement(FormContentRender, { form, render: children }) : import_react3.Children.only(children) : null);
+  return /* @__PURE__ */ import_react3.default.createElement(FormModelContext.Provider, { value: formModel }, children ? (0, import_lodash_es9.isFunction)(children) ? /* @__PURE__ */ import_react3.default.createElement(FormContentRender, { form, render: children }) : import_react3.Children.only(children) : null);
 }
 
 // src/react/use-form.ts
@@ -1596,7 +1596,7 @@ function useWatch(name) {
 
 // src/react/field-array.tsx
 var React4 = __toESM(require("react"));
-var import_lodash10 = require("lodash");
+var import_lodash_es10 = require("lodash-es");
 var import_utils16 = require("@flowgram.ai/utils");
 var import_reactive4 = require("@flowgram.ai/reactive");
 function FieldArray({
@@ -1652,10 +1652,10 @@ function FieldArray({
     };
   }, [fieldModel]);
   const renderInner = () => {
-    if (render && (0, import_lodash10.isFunction)(render)) {
+    if (render && (0, import_lodash_es10.isFunction)(render)) {
       return render({ field, fieldState, formState });
     }
-    if ((0, import_lodash10.isFunction)(children)) {
+    if ((0, import_lodash_es10.isFunction)(children)) {
       return children({ field, fieldState, formState });
     }
     return /* @__PURE__ */ React4.createElement(React4.Fragment, null, "Invalid Array render");