linear-react-components-ui 1.0.10-rc.15 → 1.0.10-rc.17

package/lib/form/index.js

@@ -97,6 +97,10 @@ var Form = function Form(_ref) {
     fieldErrors = _useState8[0],
     setFieldErrors = _useState8[1];
   var fieldsValidators = (0, _react.useRef)({});
+  var _useState9 = (0, _react.useState)(0),
+    _useState10 = _slicedToArray(_useState9, 2),
+    oldFieldsValidatorsQuantity = _useState10[0],
+    setOldFieldsValidatorsQuantity = _useState10[1];
   var context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
   var usedData = useInternalState ? data : dataSource;
   var getValidatesErrorMessages = function getValidatesErrorMessages(validators, fieldValue) {
@@ -170,9 +174,6 @@ var Form = function Form(_ref) {
   var onRemoveFieldValidators = function onRemoveFieldValidators(fieldName) {
     var newFieldsValidators = _lodash.default.omit(fieldsValidators, fieldName);
     fieldsValidators.current = newFieldsValidators;
-    if (onValidateForm) {
-      onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));
-    }
   };
   var onBeforeUnload = function onBeforeUnload(e) {
     var event = e;
@@ -218,7 +219,9 @@ var Form = function Form(_ref) {
     if (!disabled) {
       handlerSubmit(onFormSubmit);
       if (handlerReset) handlerReset(onReset);
-      if (handlerValidates) handlerValidates(checkIsValid(usedData));
+      if (handlerValidates) handlerValidates(function () {
+        return checkIsValid(usedData);
+      });
     }
     if (_lodash.default.isEmpty(usedData)) setOriginalData(usedData);
   };
@@ -242,15 +245,21 @@ var Form = function Form(_ref) {
       setSubmitFormOnEnter(submitOnPressEnterKey);
     }
   }, [submitOnPressEnterKey]);
+  (0, _react.useEffect)(function () {
+    var newValidatorsQuantity = Object.values(fieldsValidators.current).reduce(function (acc, currentValue) {
+      return acc + ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) || 0);
+    }, 0);
+    if (fieldsValidators.current && onValidateForm && oldFieldsValidatorsQuantity !== newValidatorsQuantity) {
+      setOldFieldsValidatorsQuantity(newValidatorsQuantity);
+      onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));
+    }
+  }, [fieldsValidators.current, oldFieldsValidatorsQuantity, onValidateForm, JSON.stringify(usedData)]);
   var contextValues = {
     skeletonize: skeletonize,
     handlerFieldChange: onFieldChange,
     handlerFieldValidade: onValidate,
     handlerStoreValidators: function handlerStoreValidators(fieldName, fieldValidates) {
       fieldsValidators.current = _objectSpread(_objectSpread({}, fieldsValidators.current), {}, _defineProperty({}, fieldName, fieldValidates));
-      if (onValidateForm) {
-        onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));
-      }
     },
     handlerRemoveValidators: onRemoveFieldValidators,
     data: useInternalState ? data : dataSource,

package/lib/form/types.d.ts

@@ -156,6 +156,7 @@ interface FormContextProps {
 }
 interface WithFieldProps {
     name: string;
+    data?: Data;
     handlerStoreValidators?: (name: string, validators: Validator | Validator[]) => void;
     handlerRemoveValidators?: (name: string) => void;
     validators?: Validator | Validator[] | PeriodValidator | PeriodValidator[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.0.10-rc.15",
+  "version": "1.0.10-rc.17",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",