linear-react-components-ui 1.0.10-rc.7 → 1.0.10-rc.8

package/lib/form/Field.js

@@ -13,6 +13,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -27,19 +32,22 @@ var getEvents = function getEvents(_ref) {
     handlerFieldValidade = _ref.handlerFieldValidade,
     validatorFromComponent = _ref.validatorFromComponent,
     handlerFieldChange = _ref.handlerFieldChange,
-    _onChange = _ref.onChange;
+    _onChange = _ref.onChange,
+    handleShowValidateMessages = _ref.handleShowValidateMessages;
   if (!(validators || validatorFromComponent || _onBlur)) return {};
   var validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
   return {
     onBlur: function onBlur(e) {
       if (validatorsArray && e.target && handlerFieldValidade) {
         handlerFieldValidade(name, e.target.value, validatorsArray);
+        handleShowValidateMessages(true);
       }
       if (_onBlur) _onBlur(e);
     },
     onChange: function onChange(e) {
       if (validatorsArray && e.target && handlerFieldValidade) {
         handlerFieldValidade(name, e.target.value, validatorsArray);
+        handleShowValidateMessages(true);
       }
       if (handlerFieldChange) handlerFieldChange(e);
       if (_onChange) _onChange(e);
@@ -76,10 +84,14 @@ var getCustomProps = function getCustomProps(props, setValidatorFromComponent) {
 var Field = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var handlerFieldChange = props.handlerFieldChange,
     onChange = props.onChange;
-  var _useState = (0, _react.useState)(undefined),
+  var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
-    validatorFromComponent = _useState2[0],
-    setValidatorFromComponent = _useState2[1];
+    showValidateMessages = _useState2[0],
+    setShowValidateMessages = _useState2[1];
+  var _useState3 = (0, _react.useState)(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    validatorFromComponent = _useState4[0],
+    setValidatorFromComponent = _useState4[1];
   var _useContext = (0, _react.useContext)(_helpers.withFieldContext),
     handlerSetValidatorFromComponent = _useContext.handlerSetValidatorFromComponent;
   (0, _react.useEffect)(function () {
@@ -94,10 +106,15 @@ var Field = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     validatorFromComponent: validatorFromComponent,
     handlerFieldValidade: props.handlerFieldValidade ? props.handlerFieldValidade : function () {},
     handlerFieldChange: handlerFieldChange,
-    onChange: onChange
+    onChange: onChange,
+    handleShowValidateMessages: function handleShowValidateMessages(value) {
+      return setShowValidateMessages(value);
+    }
   }), getCustomProps(props, setValidatorFromComponent), {
     ref: ref,
-    errorMessages: (0, _helpers.getErrorMessages)(props)
+    errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+      fieldErrors: showValidateMessages ? props.fieldErrors : {}
+    }))
   }));
 });
 var _default = (0, _withFieldHOC.default)(Field);

package/lib/form/FieldArray.js

@@ -15,6 +15,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -38,12 +46,31 @@ var getDefaultProps = function getDefaultProps(props) {
     if (handlerSelecionados) handlerSelecionados(ids);
   }), _ref;
 };
+var getEvents = function getEvents(_ref2) {
+  var _onBlur = _ref2.onBlur,
+    _onSelect = _ref2.onSelect,
+    handleShowValidateMessages = _ref2.handleShowValidateMessages;
+  return {
+    onBlur: function onBlur(e) {
+      handleShowValidateMessages(true);
+      if (_onBlur) _onBlur(e);
+    },
+    onSelect: function onSelect(e) {
+      handleShowValidateMessages(true);
+      if (_onSelect) _onSelect(e);
+    }
+  };
+};
 var FieldArray = function FieldArray(props) {
   var cols = props.cols,
     label = props.label,
     bordered = props.bordered,
     labelContainerStyle = props.labelContainerStyle,
     skipLabel = props.skipLabel;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showValidateMessages = _useState2[0],
+    setShowValidateMessages = _useState2[1];
   var content = null;
   if (props.component) {
     if (!skipLabel && label) {
@@ -52,9 +79,21 @@ var FieldArray = function FieldArray(props) {
         customClass: "arraycontainer ".concat(bordered && '-bordered'),
         style: labelContainerStyle,
         titleCustomClass: "label"
-      }, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props))), (0, _helpers.getErrorMessages)(props));
+      }, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props), getEvents(_objectSpread(_objectSpread({}, props), {}, {
+        handleShowValidateMessages: function handleShowValidateMessages(value) {
+          return setShowValidateMessages(value);
+        }
+      })))), (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+        fieldErrors: showValidateMessages ? props.fieldErrors : {}
+      })));
     } else {
-      content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props))), (0, _helpers.getErrorMessages)(props));
+      content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props), getEvents(_objectSpread(_objectSpread({}, props), {}, {
+        handleShowValidateMessages: function handleShowValidateMessages(value) {
+          return setShowValidateMessages(value);
+        }
+      })))), (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+        fieldErrors: showValidateMessages ? props.fieldErrors : {}
+      })));
     }
   }
   if (cols) return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {

package/lib/form/FieldNumber.js

@@ -5,33 +5,47 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
 var _helpers = require("./helpers");
 var constants = _interopRequireWildcard(require("../internals/constants"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var getEventProps = function getEventProps(_ref) {
   var name = _ref.name,
     validators = _ref.validators,
     _onBlur = _ref.onBlur,
     _onKeyDown = _ref.onKeyDown,
     handlerFieldValidade = _ref.handlerFieldValidade,
-    handlerFieldChange = _ref.handlerFieldChange;
+    handlerFieldChange = _ref.handlerFieldChange,
+    handleShowValidateMessages = _ref.handleShowValidateMessages;
   return {
     onBlur: function onBlur(e) {
       if (handlerFieldChange) handlerFieldChange(e);
       if (validators && handlerFieldValidade) handlerFieldValidade(name, e.target.value, validators);
       if (_onBlur) _onBlur(e);
+      handleShowValidateMessages(true);
     },
     onKeyDown: function onKeyDown(e) {
       if ([constants.keyCodes.ENTER].includes(e.keyCode)) {
         handlerFieldChange === null || handlerFieldChange === void 0 ? void 0 : handlerFieldChange(e);
         if (validators) handlerFieldValidade === null || handlerFieldValidade === void 0 ? void 0 : handlerFieldValidade(name, e.target.value, validators);
         if (_onKeyDown) _onKeyDown(e);
+        handleShowValidateMessages(true);
       }
     }
   };
@@ -39,8 +53,18 @@ var getEventProps = function getEventProps(_ref) {
 var FieldMask = function FieldMask(props) {
   var data = props.data,
     name = props.name;
-  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEventProps(props), {
-    errorMessages: (0, _helpers.getErrorMessages)(props),
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showValidateMessages = _useState2[0],
+    setShowValidateMessages = _useState2[1];
+  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEventProps(_objectSpread(_objectSpread({}, props), {}, {
+    handleShowValidateMessages: function handleShowValidateMessages(value) {
+      return setShowValidateMessages(value);
+    }
+  })), {
+    errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+      fieldErrors: showValidateMessages ? props.fieldErrors : {}
+    })),
     value: _lodash.default.get(data, name)
   }));
 };

package/lib/form/FieldPeriod.js

@@ -1,15 +1,24 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
 var _helpers = require("./helpers");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var FieldPeriod = function FieldPeriod(props) {
   var data = props.data,
     nameDateInitial = props.nameDateInitial,
@@ -20,9 +29,13 @@ var FieldPeriod = function FieldPeriod(props) {
     externalMessagesErrors = props.externalMessagesErrors,
     _onChange = props.onChange,
     validators = props.validators;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showValidateMessages = _useState2[0],
+    setShowValidateMessages = _useState2[1];
   var errorMessages = (0, _helpers.getErrorMessages)({
     name: nameDateInitial,
-    fieldErrors: fieldErrors,
+    fieldErrors: showValidateMessages ? fieldErrors : {},
     externalMessagesErrors: externalMessagesErrors
   });
   if (!props.component) return null;
@@ -36,6 +49,7 @@ var FieldPeriod = function FieldPeriod(props) {
           initial: initial,
           final: final
         }, validators);
+        setShowValidateMessages(true);
       }
       if (handlerFieldChange) {
         handlerFieldChange({

package/lib/form/index.js

@@ -107,19 +107,24 @@ var Form = function Form(_ref) {
     });
     return errors;
   };
-  var checkIsValid = function checkIsValid(value) {
-    var updateState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    var dataValidate = value || data;
-    var currentFieldErrors = {};
-    _lodash.default.forEach(fieldsValidators.current, function (validators, fieldName) {
+  var getErrorMessages = function getErrorMessages(currentData, currentValidators) {
+    var dataValidate = currentData || data;
+    var currentFieldErrors = _objectSpread({}, fieldErrors);
+    _lodash.default.forEach(currentValidators, function (validators, fieldName) {
       var fieldValue = _lodash.default.get(dataValidate, fieldName);
       var messages = getValidatesErrorMessages(validators, fieldValue);
-      if (messages.length > 0) {
-        currentFieldErrors = _objectSpread(_objectSpread({}, fieldErrors), {}, _defineProperty({}, fieldName, messages));
-      }
+      currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {}, _defineProperty({}, fieldName, messages));
     });
+    return currentFieldErrors;
+  };
+  var checkIsValid = function checkIsValid(currentData) {
+    var updateState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    var currentValidators = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    var currentFieldErrors = getErrorMessages(currentData, currentValidators || fieldsValidators.current);
     if (updateState) setFieldErrors(currentFieldErrors);
-    return _lodash.default.isEmpty(currentFieldErrors);
+    return Object.values(currentFieldErrors).every(function (value) {
+      return value.length === 0;
+    });
   };
   var onFieldChange = function onFieldChange(event) {
     var target = event.target;
@@ -148,7 +153,7 @@ var Form = function Form(_ref) {
     setFieldErrors({});
   };
   var onRemoveFieldValidators = function onRemoveFieldValidators(fieldName) {
-    var newFieldsValidators = _lodash.default.omit(fieldsValidators.current, fieldName);
+    var newFieldsValidators = _lodash.default.omit(fieldsValidators, fieldName);
     fieldsValidators.current = newFieldsValidators;
   };
   var onBeforeUnload = function onBeforeUnload(e) {
@@ -191,7 +196,7 @@ var Form = function Form(_ref) {
 
     // TODO - Usar debounce para evitar chamada a cada letra digitada
     if (onDataChange) onDataChange(data);
-    if (onValidateForm) onValidateForm(checkIsValid(data, false));
+    if (onValidateForm) onValidateForm(checkIsValid(data, true));
     if (!disabled) {
       handlerSubmit(onFormSubmit);
       if (handlerReset) handlerReset(onReset);
@@ -225,7 +230,16 @@ var Form = function Form(_ref) {
     handlerFieldChange: onFieldChange,
     handlerFieldValidade: onValidate,
     handlerStoreValidators: function handlerStoreValidators(fieldName, fieldValidates) {
+      var oldFieldsValidators = _objectSpread({}, fieldsValidators.current);
       fieldsValidators.current = _objectSpread(_objectSpread({}, fieldsValidators.current), {}, _defineProperty({}, fieldName, fieldValidates));
+      if (onValidateForm && oldFieldsValidators && oldFieldsValidators[fieldName]) {
+        var oldValidatorsValue = Object.values(oldFieldsValidators[fieldName]);
+        var newValidatorValue = Object.values(fieldValidates);
+        var validatorsIsNotEqual = oldValidatorsValue.length !== newValidatorValue.length;
+        if (validatorsIsNotEqual) {
+          onValidateForm(checkIsValid(data, true, fieldsValidators.current));
+        }
+      }
     },
     handlerRemoveValidators: onRemoveFieldValidators,
     data: data,

package/lib/form/types.d.ts

@@ -133,7 +133,7 @@ interface FormContextProps {
     skeletonize?: boolean;
     handlerFieldChange: (event: OnFielChangeEvent) => void;
     handlerFieldValidade: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
-    handlerStoreValidators: (fieldName: string, fieldValidates: object) => void;
+    handlerStoreValidators: (fieldName: string, fieldValidates: Validator) => void;
     handlerRemoveValidators: (fieldName: string) => void;
     data: object;
     fieldErrors: object;
@@ -171,6 +171,7 @@ interface IEventParams {
     handlerFieldValidade?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
     handlerFieldChange?: (event: ChangeEvent<HTMLInputElement> | CustomKeyboardEvent) => void;
     validatorFromComponent?: Validator | Validator[];
+    handleShowValidateMessages: (value: boolean) => void;
 }
 interface IGetErrorMessagesParams {
     name: string;
@@ -182,5 +183,11 @@ interface IGetErrorMessagesParams {
     };
     externalMessagesErrors?: string[];
 }
+type FieldErrors = {
+    [name: string]: string[];
+};
+type FieldValidator = {
+    [name: string]: Validator | Validator[];
+};
 
-export { CustomEvent, CustomKeyboardEvent, FormContextProps, IEventParams, IFieldArrayProps, IFieldPeriodProps, IFieldProps, IFormProps, IFormSecurityContext, IGetErrorMessagesParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, Validator, WithFieldProps };
+export { CustomEvent, CustomKeyboardEvent, FieldErrors, FieldValidator, FormContextProps, IEventParams, IFieldArrayProps, IFieldPeriodProps, IFieldProps, IFormProps, IFormSecurityContext, IGetErrorMessagesParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, Validator, WithFieldProps };

package/package.json

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