@homecode/ui 4.28.0 → 4.28.1

package/dist/esm/src/components/Form/Form.js

@@ -11,7 +11,7 @@ import '../Button/Button.styl.js';
 import './SubmitButtons/SubmitButtons.styl.js';
 
 const Field = function Field(props) {
-    const { value, error, markEdited, isChanged, isTouched, clearMargins, component: Control = Input, className, onChange, onBlur, handleChange, handleBlur, children, ...controlProps } = props;
+    const { value, error, markEdited, isChanged, isTouched, clearMargins, component: Control = Input, className, onChange, onBlur, handleChange, handleBlur, children, disableErrorReporting, ...controlProps } = props;
     const { name, isHidden } = controlProps;
     const valField = typeof value === 'boolean' ? 'checked' : 'value';
     const classes = cn(className, S.field, isHidden && S.hidden, clearMargins && S.clearMargins, markEdited && isChanged && S.changed);
@@ -31,12 +31,12 @@ const Field = function Field(props) {
         [valField]: value,
         onChange: handleFieldChange,
         onBlur: handleFieldBlur,
-        error: isTouched && error?.message,
+        error: disableErrorReporting ? undefined : isTouched && error?.message,
     });
     return (jsxs("div", { className: classes, children: [jsx(Control, { ...controlProps }), children] }));
 };
 function Form(props) {
-    const { className, children, initialValues = {}, validationSchema, defaultDisabled = {}, defaultValues, markEdited, onInit, onChange, onSubmit, ...restProps } = props;
+    const { className, children, initialValues = {}, validationSchema, defaultDisabled = {}, defaultValues, markEdited, disableErrorReporting, onInit, onChange, onSubmit, ...restProps } = props;
     const validationSchemaRef = useRef(validationSchema);
     const defaultValuesRef = useRef({});
     // Update default values helper
@@ -182,14 +182,13 @@ function Form(props) {
         if (valuesRef.current[field] === val)
             return;
         const newValues = { ...valuesRef.current, [field]: val };
-        if (onChangeRef.current && !onChangeRef.current(newValues))
-            return;
+        onChange?.(newValues);
         const isTouched = !compare(val, initialValues[field]);
         setValue(field, val);
         setFieldTouched(field, isTouched);
         calcChanged(field, val);
         validate();
-    }, [calcChanged, validate, initialValues]);
+    }, [calcChanged, validate, initialValues, onChange]);
     const onBlurHandler = useCallback((name) => {
         setFieldTouched(name, true);
     }, []);
@@ -206,7 +205,7 @@ function Form(props) {
         setIsLoading(false);
     };
     const FieldComponent = useRef((fieldProps) => {
-        const { name } = fieldProps;
+        const { name, disableErrorReporting: fieldDisableErrorReporting } = fieldProps;
         const fullProps = {
             ...fieldProps,
             value: valuesRef.current[name],
@@ -216,6 +215,7 @@ function Form(props) {
             isTouched: touchedRef.current[name],
             handleChange: (...args) => onChangeHandlerRef.current(...args),
             handleBlur: (...args) => onBlurHandlerRef.current(...args),
+            disableErrorReporting: fieldDisableErrorReporting ?? disableErrorReporting,
         };
         if (validationSchemaRef.current?.[name]?.empty === false) {
             fullProps.required = true;
@@ -265,7 +265,6 @@ function Form(props) {
         if (onInit)
             onInit(formAPI);
     }, []);
-    console.log('FORM: initialValues', initialValues);
     const classes = cn(S.root, className, isLoading && S.isLoading);
     return (jsx("form", { className: classes, ...restProps, onSubmit: onSubmitHandler, children: children(formAPI) }));
 }

package/dist/esm/types/src/components/Form/Form.types.d.ts

@@ -48,6 +48,7 @@ export type Props = ComponentType & {
     defaultDisabled?: FieldsFlags;
     validationSchema?: FormValidationSchema;
     markEdited?: boolean;
+    disableErrorReporting?: boolean;
     children: (api: FormAPI) => ReactNode | ReactNode[];
     onInit?: (api: FormAPI) => boolean | void;
     onChange?: (values: FormValues) => void | boolean;
@@ -61,6 +62,7 @@ export type FieldProps = {
     markEdited?: Props['markEdited'];
     value: any;
     isHidden: boolean;
+    disableErrorReporting?: boolean;
     component?: (props: FormFieldProps) => ReactNode;
     children?: ReactNode;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.28.0",
+  "version": "4.28.1",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",