@flowgram.ai/form 0.2.13 → 0.2.15

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default from 'react';
 import * as _flowgram_ai_utils from '@flowgram.ai/utils';
 import { MaybePromise, Disposable, Emitter, DisposableCollection } from '@flowgram.ai/utils';
@@ -26,7 +26,7 @@ interface Feedback<FeedbackLevel> {
     /**
      * Feedback message
      */
-    message: string;
+    message: string | React.ReactNode;
 }
 type FieldError = Feedback<FeedbackLevel.Error>;
 type FieldWarning = Feedback<FeedbackLevel.Warning>;
@@ -531,7 +531,7 @@ type FieldProps<TValue> = FieldOptions<TValue> & {
     /**
      * A React element or a render prop
      */
-    children?: ((props: FieldRenderProps<TValue>) => React.ReactElement) | React.ReactElement;
+    children?: ((props: FieldRenderProps<TValue>) => React$1.ReactElement) | React$1.ReactElement;
     /**
      * Dependencies of the current field. If a field name is given in deps, current field will re-render if the given field name data is updated
      */
@@ -540,7 +540,7 @@ type FieldProps<TValue> = FieldOptions<TValue> & {
 /**
  * HOC That declare a field, an Field model will be created it's rendered. Multiple Field rendering with a same name will link to the same model, which means they shared data、 status and methods
  */
-declare function Field<TValue>({ name, defaultValue, render, children, deps, }: FieldProps<TValue>): React.ReactElement;
+declare function Field<TValue>({ name, defaultValue, render, children, deps, }: FieldProps<TValue>): React$1.ReactElement;
 
 type FormProps<TValues> = FormOptions & {
     /**
@@ -579,7 +579,7 @@ type FieldArrayProps<TValue> = FieldArrayOptions<TValue> & {
     /**
      * A React element or a render prop
      */
-    children?: ((props: FieldArrayRenderProps<TValue>) => React.ReactElement) | React.ReactElement;
+    children?: ((props: FieldArrayRenderProps<TValue>) => React$1.ReactElement) | React$1.ReactElement;
     /**
      * Dependencies of the current field. If a field name is given in deps, current field will re-render if the given field name data is updated
      */
@@ -588,7 +588,7 @@ type FieldArrayProps<TValue> = FieldArrayOptions<TValue> & {
 /**
  * HOC That declare an array field, an FieldArray model will be created when it's rendered. Multiple FieldArray rendering with a same name will link to the same model, which means they shared data、 status and methods
  */
-declare function FieldArray<TValue extends FieldValue>({ name, defaultValue, deps, render, children, }: FieldArrayProps<TValue>): React.ReactElement;
+declare function FieldArray<TValue extends FieldValue>({ name, defaultValue, deps, render, children, }: FieldArrayProps<TValue>): React$1.ReactElement;
 
 /**
  * @deprecated
@@ -690,4 +690,4 @@ declare function toFieldArray<TValue>(model: FieldArrayModel<TValue>): FieldArra
 declare function toForm<TValue>(model: FormModel): Form$1<TValue>;
 declare function toFormState(modelState: FormModelState): FormState;
 
-export { type CreateFormOptions, type Errors, Field, FieldArray, FieldArrayModel, type FieldArrayProps, type FieldArrayRenderProps, type FieldError, FieldModel, type FieldName, type FieldProps, type FieldRenderProps, type FieldState, type FieldValue, type FieldWarning, Form, type FormControl, FormModel, type FormProps, type FormRenderProps, type FormState, type FormValidateReturn, Glob, type Field$1 as IField, type FieldArray$1 as IFieldArray, type Form$1 as IForm, Path, type Validate, ValidateTrigger, type Warnings, createForm, toField, toFieldArray, toFieldState, toForm, toFormState, useCurrentField, useCurrentFieldState, useField, useFieldValidate, useForm, useFormErrors, useFormState, useFormWarnings, useWatch };
+export { type CreateFormOptions, type Errors, FeedbackLevel, Field, FieldArray, FieldArrayModel, type FieldArrayProps, type FieldArrayRenderProps, type FieldError, FieldModel, type FieldName, type FieldProps, type FieldRenderProps, type FieldState, type FieldValue, type FieldWarning, Form, type FormControl, FormModel, type FormProps, type FormRenderProps, type FormState, type FormValidateReturn, Glob, type Field$1 as IField, type FieldArray$1 as IFieldArray, type Form$1 as IForm, Path, type Validate, ValidateTrigger, type Warnings, createForm, toField, toFieldArray, toFieldState, toForm, toFormState, useCurrentField, useCurrentFieldState, useField, useFieldValidate, useForm, useFormErrors, useFormState, useFormWarnings, useWatch };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default from 'react';
 import * as _flowgram_ai_utils from '@flowgram.ai/utils';
 import { MaybePromise, Disposable, Emitter, DisposableCollection } from '@flowgram.ai/utils';
@@ -26,7 +26,7 @@ interface Feedback<FeedbackLevel> {
     /**
      * Feedback message
      */
-    message: string;
+    message: string | React.ReactNode;
 }
 type FieldError = Feedback<FeedbackLevel.Error>;
 type FieldWarning = Feedback<FeedbackLevel.Warning>;
@@ -531,7 +531,7 @@ type FieldProps<TValue> = FieldOptions<TValue> & {
     /**
      * A React element or a render prop
      */
-    children?: ((props: FieldRenderProps<TValue>) => React.ReactElement) | React.ReactElement;
+    children?: ((props: FieldRenderProps<TValue>) => React$1.ReactElement) | React$1.ReactElement;
     /**
      * Dependencies of the current field. If a field name is given in deps, current field will re-render if the given field name data is updated
      */
@@ -540,7 +540,7 @@ type FieldProps<TValue> = FieldOptions<TValue> & {
 /**
  * HOC That declare a field, an Field model will be created it's rendered. Multiple Field rendering with a same name will link to the same model, which means they shared data、 status and methods
  */
-declare function Field<TValue>({ name, defaultValue, render, children, deps, }: FieldProps<TValue>): React.ReactElement;
+declare function Field<TValue>({ name, defaultValue, render, children, deps, }: FieldProps<TValue>): React$1.ReactElement;
 
 type FormProps<TValues> = FormOptions & {
     /**
@@ -579,7 +579,7 @@ type FieldArrayProps<TValue> = FieldArrayOptions<TValue> & {
     /**
      * A React element or a render prop
      */
-    children?: ((props: FieldArrayRenderProps<TValue>) => React.ReactElement) | React.ReactElement;
+    children?: ((props: FieldArrayRenderProps<TValue>) => React$1.ReactElement) | React$1.ReactElement;
     /**
      * Dependencies of the current field. If a field name is given in deps, current field will re-render if the given field name data is updated
      */
@@ -588,7 +588,7 @@ type FieldArrayProps<TValue> = FieldArrayOptions<TValue> & {
 /**
  * HOC That declare an array field, an FieldArray model will be created when it's rendered. Multiple FieldArray rendering with a same name will link to the same model, which means they shared data、 status and methods
  */
-declare function FieldArray<TValue extends FieldValue>({ name, defaultValue, deps, render, children, }: FieldArrayProps<TValue>): React.ReactElement;
+declare function FieldArray<TValue extends FieldValue>({ name, defaultValue, deps, render, children, }: FieldArrayProps<TValue>): React$1.ReactElement;
 
 /**
  * @deprecated
@@ -690,4 +690,4 @@ declare function toFieldArray<TValue>(model: FieldArrayModel<TValue>): FieldArra
 declare function toForm<TValue>(model: FormModel): Form$1<TValue>;
 declare function toFormState(modelState: FormModelState): FormState;
 
-export { type CreateFormOptions, type Errors, Field, FieldArray, FieldArrayModel, type FieldArrayProps, type FieldArrayRenderProps, type FieldError, FieldModel, type FieldName, type FieldProps, type FieldRenderProps, type FieldState, type FieldValue, type FieldWarning, Form, type FormControl, FormModel, type FormProps, type FormRenderProps, type FormState, type FormValidateReturn, Glob, type Field$1 as IField, type FieldArray$1 as IFieldArray, type Form$1 as IForm, Path, type Validate, ValidateTrigger, type Warnings, createForm, toField, toFieldArray, toFieldState, toForm, toFormState, useCurrentField, useCurrentFieldState, useField, useFieldValidate, useForm, useFormErrors, useFormState, useFormWarnings, useWatch };
+export { type CreateFormOptions, type Errors, FeedbackLevel, Field, FieldArray, FieldArrayModel, type FieldArrayProps, type FieldArrayRenderProps, type FieldError, FieldModel, type FieldName, type FieldProps, type FieldRenderProps, type FieldState, type FieldValue, type FieldWarning, Form, type FormControl, FormModel, type FormProps, type FormRenderProps, type FormState, type FormValidateReturn, Glob, type Field$1 as IField, type FieldArray$1 as IFieldArray, type Form$1 as IForm, Path, type Validate, ValidateTrigger, type Warnings, createForm, toField, toFieldArray, toFieldState, toForm, toFormState, useCurrentField, useCurrentFieldState, useField, useFieldValidate, useForm, useFormErrors, useFormState, useFormWarnings, useWatch };

package/dist/index.js

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  FeedbackLevel: () => FeedbackLevel,
   Field: () => Field,
   FieldArray: () => FieldArray,
   FieldArrayModel: () => FieldArrayModel,
@@ -262,6 +263,11 @@ var Glob;
 })(Glob || (Glob = {}));
 
 // src/types/validate.ts
+var FeedbackLevel = /* @__PURE__ */ ((FeedbackLevel2) => {
+  FeedbackLevel2["Error"] = "error";
+  FeedbackLevel2["Warning"] = "warning";
+  return FeedbackLevel2;
+})(FeedbackLevel || {});
 var ValidateTrigger = /* @__PURE__ */ ((ValidateTrigger2) => {
   ValidateTrigger2["onChange"] = "onChange";
   ValidateTrigger2["onBlur"] = "onBlur";
@@ -989,8 +995,8 @@ var FieldModel = class {
         return {};
       }
       const groupedFeedbacks = (0, import_lodash7.groupBy)(feedbacks, "level");
-      warnings = warnings.concat(groupedFeedbacks["warning" /* Warning */]);
-      errors = errors.concat(groupedFeedbacks["error" /* Error */]);
+      warnings = warnings.concat(groupedFeedbacks["warning" /* Warning */] || []);
+      errors = errors.concat(groupedFeedbacks["error" /* Error */] || []);
     }
     return { errors, warnings };
   }
@@ -1443,8 +1449,14 @@ var FormModel = class {
           });
           const feedback = toFeedback(result, path);
           const field = this.getField(path);
-          const errors = feedbackToFieldErrorsOrWarnings(path, feedback);
-          const warnings = feedbackToFieldErrorsOrWarnings(path, feedback);
+          const errors = feedbackToFieldErrorsOrWarnings(
+            path,
+            feedback?.level === "error" /* Error */ ? feedback : void 0
+          );
+          const warnings = feedbackToFieldErrorsOrWarnings(
+            path,
+            feedback?.level === "warning" /* Warning */ ? feedback : void 0
+          );
           if (field) {
             field.state.errors = errors;
             field.state.warnings = warnings;
@@ -1699,6 +1711,7 @@ function useCurrentFieldState() {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  FeedbackLevel,
   Field,
   FieldArray,
   FieldArrayModel,