linear-react-components-ui 0.4.77-beta.26 → 0.4.77-beta.28

package/lib/inputs/inputHOC.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _gridlayout = _interopRequireDefault(require("../gridlayout"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -17,65 +19,115 @@ 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 _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 _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-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 _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-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 _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-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 _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-var InputHOC = function InputHOC(WrappedComponent) {
-  var EnhancedComponent = function EnhancedComponent(props) {
-    var _props$visible = props.visible,
-        visible = _props$visible === void 0 ? true : _props$visible,
-        _props$gridLayout = props.gridLayout,
-        gridLayout = _props$gridLayout === void 0 ? undefined : _props$gridLayout;
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-    var _useState = (0, _react.useState)(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        inputHasFocus = _useState2[0],
-        setInputHasFocus = _useState2[1];
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-    var _useState3 = (0, _react.useState)(false),
-        _useState4 = _slicedToArray(_useState3, 1),
-        requiredError = _useState4[0];
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-    var onInputReceiveFocus = function onInputReceiveFocus() {
-      setInputHasFocus(true);
-    };
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-    var onInputLostFocus = function onInputLostFocus() {
-      setInputHasFocus(false);
-    };
+var inputHOC = function inputHOC(WrapperComponent) {
+  return /*#__PURE__*/function (_Component) {
+    _inherits(_class, _Component);
 
-    var newProps = {
-      inputHasFocus: inputHasFocus,
-      requiredError: requiredError,
-      onInputReceiveFocus: onInputReceiveFocus,
-      onInputLostFocus: onInputLostFocus
-    };
+    var _super = _createSuper(_class);
 
-    var result = /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps));
+    function _class() {
+      var _this;
 
-    if (gridLayout !== undefined && visible) {
-      result = /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-        customClass: "-withinput",
-        cols: gridLayout
-      }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps)));
-    }
+      _classCallCheck(this, _class);
 
-    return result;
-  };
+      _this = _super.call(this);
+      _this.state = {
+        inputHasFocus: false,
+        requiredError: false
+      };
+      _this.onInputReceiveFocus = _this.onInputReceiveFocus.bind(_assertThisInitialized(_this));
+      _this.onInputLostFocus = _this.onInputLostFocus.bind(_assertThisInitialized(_this));
+      return _this;
+    }
 
-  return EnhancedComponent;
+    _createClass(_class, [{
+      key: "onInputReceiveFocus",
+      value: function onInputReceiveFocus() {
+        this.setState({
+          inputHasFocus: true
+        });
+      }
+    }, {
+      key: "onInputLostFocus",
+      value: function onInputLostFocus() {
+        this.setState({
+          inputHasFocus: false
+        });
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        var _this$state = this.state,
+            inputHasFocus = _this$state.inputHasFocus,
+            requiredError = _this$state.requiredError;
+        var _this$props = this.props,
+            gridLayout = _this$props.gridLayout,
+            visible = _this$props.visible;
+        var newProps = {
+          inputHasFocus: inputHasFocus,
+          requiredError: requiredError,
+          onInputReceiveFocus: this.onInputReceiveFocus,
+          onInputLostFocus: this.onInputLostFocus
+        };
+
+        var result = /*#__PURE__*/_react.default.createElement(WrapperComponent, _extends({}, this.props, newProps));
+
+        if (gridLayout !== undefined && visible) {
+          result = /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+            customClass: "-withinput",
+            cols: gridLayout
+          }, /*#__PURE__*/_react.default.createElement(WrapperComponent, _extends({}, this.props, newProps)));
+        }
+
+        return result;
+      }
+    }], [{
+      key: "propTypes",
+      get: function get() {
+        return {
+          value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+          required: _propTypes.default.bool,
+          gridLayout: _propTypes.default.string,
+          visible: _propTypes.default.bool
+        };
+      }
+    }, {
+      key: "defaultProps",
+      get: function get() {
+        return {
+          gridLayout: undefined,
+          required: false,
+          visible: true,
+          value: undefined
+        };
+      }
+    }]);
+
+    return _class;
+  }(_react.Component);
 };
 
-var _default = InputHOC;
+var _default = inputHOC;
 exports.default = _default;

package/lib/inputs/mask/BaseMask.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _imaskHOC = _interopRequireDefault(require("./imaskHOC"));
 
 var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
@@ -15,29 +17,44 @@ var _excluded = ["inputRef"];
 
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var getOnBlurEvent = function getOnBlurEvent(props) {
+function _extends() { _extends = Object.assign || 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); }
+
+var returnEventFormattedValue = function returnEventFormattedValue(props, event) {
+  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
+    // Retornando um objeto com a mesma estrutura do Proxy original
+    // para recuperacao do valor da mascara sem formatacao.
+    // O retorno poderá ser modificado conforme necessidade, desde que seja
+    // mantido o path até a propriedade value e name.
+    var name = event.target.name;
+    var value = props.defaultValue || '';
+    props.onBlur(_extends({}, event, {
+      target: {
+        value: value,
+        name: name
+      }
+    }));
+  }
+
+  return event;
+};
+
+var getEventProps = function getEventProps(props) {
   if (props.isNumeric) return {};
   return {
     onBlur: function onBlur(e) {
       if (props.onBlur) {
-        // Retornando um objeto com a mesma estrutura do Proxy original
-        // para recuperacao do valor da mascara sem formatacao.
-        // O retorno poderá ser modificado conforme necessidade, desde que seja
-        // mantido o path até a propriedade value e name.
-        var name = e.target.name;
-        var value = props.defaultValue || '';
-        props.onBlur({
-          target: {
-            value: value,
-            name: name
-          }
-        });
+        var formattedEvent = returnEventFormattedValue(props, e);
+        props.onBlur(formattedEvent);
+      }
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (props.onKeyDown) {
+        var formattedEvent = returnEventFormattedValue(props, e);
+        props.onKeyDown(formattedEvent);
       }
     }
   };
@@ -49,7 +66,19 @@ var BaseMask = function BaseMask(_ref) {
 
   return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
     inputRef: inputRef
-  }, getOnBlurEvent(props)));
+  }, getEventProps(props)));
+};
+
+BaseMask.propTypes = {
+  inputRef: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func]).isRequired,
+  onBlur: _propTypes.default.func,
+  defaultValue: _propTypes.default.string,
+  mask: _propTypes.default.any
+};
+BaseMask.defaultProps = {
+  onBlur: undefined,
+  defaultValue: undefined,
+  mask: undefined
 };
 
 var _default = (0, _imaskHOC.default)(BaseMask);

package/lib/inputs/mask/Cnpj.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _lodash = _interopRequireDefault(require("lodash"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _BaseMask = _interopRequireDefault(require("./BaseMask"));
 
 var _helpers = require("./helpers");
@@ -21,7 +23,7 @@ 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 _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 _extends() { _extends = Object.assign || 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(); }
 
@@ -31,24 +33,20 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 // Em caso de alteração no nome do componente deverá ser atualizada
 // à propriedade displayName, para o mesmo nome do componente
 var CnpjField = function CnpjField(props) {
-  var _props$value = props.value,
-      value = _props$value === void 0 ? '' : _props$value,
-      _props$enableValidati = props.enableValidation,
-      enableValidation = _props$enableValidati === void 0 ? true : _props$enableValidati,
-      handlerSetComponentValidator = props.handlerSetComponentValidator;
-
-  var _useState = (0, _react.useState)(''),
+  var _useState = (0, _react.useState)(undefined),
       _useState2 = _slicedToArray(_useState, 2),
       messageFromValidator = _useState2[0],
       setMessageFromValidator = _useState2[1];
 
+  var enableValidation = props.enableValidation,
+      handlerSetComponentValidator = props.handlerSetComponentValidator;
   (0, _react.useEffect)(function () {
     if (enableValidation && handlerSetComponentValidator) {
       handlerSetComponentValidator(function () {
@@ -58,7 +56,7 @@ var CnpjField = function CnpjField(props) {
   }, []);
 
   var onChange = function onChange(e) {
-    if (enableValidation && e) {
+    if (enableValidation) {
       var debouncedOnChange;
 
       if (!debouncedOnChange) {
@@ -85,7 +83,6 @@ var CnpjField = function CnpjField(props) {
   };
 
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
-    value: value,
     mask: "00.000.000/0000-00",
     onChange: onChange
   }, getErrorMessagesProp()));
@@ -94,5 +91,15 @@ var CnpjField = function CnpjField(props) {
 
 
 CnpjField.displayName = 'CnpjField';
+CnpjField.propTypes = {
+  enableValidation: _propTypes.default.bool,
+  handlerSetComponentValidator: _propTypes.default.func,
+  onChange: _propTypes.default.func
+};
+CnpjField.defaultProps = {
+  enableValidation: true,
+  handlerSetComponentValidator: undefined,
+  onChange: undefined
+};
 var _default = CnpjField;
 exports.default = _default;

package/lib/inputs/mask/Cpf.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _lodash = _interopRequireDefault(require("lodash"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _BaseMask = _interopRequireDefault(require("./BaseMask"));
 
 var _helpers = require("./helpers");
@@ -21,7 +23,7 @@ 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 _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 _extends() { _extends = Object.assign || 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(); }
 
@@ -31,22 +33,20 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 // Em caso de alteração no nome do componente deverá ser atualizada
 // à propriedade displayName, para o mesmo nome do componente
 var CpfField = function CpfField(props) {
-  var _props$enableValidati = props.enableValidation,
-      enableValidation = _props$enableValidati === void 0 ? true : _props$enableValidati,
-      handlerSetComponentValidator = props.handlerSetComponentValidator;
-
-  var _useState = (0, _react.useState)(''),
+  var _useState = (0, _react.useState)(undefined),
       _useState2 = _slicedToArray(_useState, 2),
       messageFromValidator = _useState2[0],
       setMessageFromValidator = _useState2[1];
 
+  var enableValidation = props.enableValidation,
+      handlerSetComponentValidator = props.handlerSetComponentValidator;
   (0, _react.useEffect)(function () {
     if (enableValidation && handlerSetComponentValidator) {
       handlerSetComponentValidator(function () {
@@ -64,14 +64,12 @@ var CpfField = function CpfField(props) {
   }, []);
 
   var onChange = function onChange(e) {
-    if (enableValidation && e) {
+    if (enableValidation) {
       debouncedOnChange(e.target.value);
       if (props.onChange) props.onChange(e);
     }
 
-    if (props.onChange) {
-      props.onChange(e);
-    }
+    if (props.onChange) props.onChange(e);
   };
 
   var getErrorMessagesProp = function getErrorMessagesProp() {
@@ -84,14 +82,24 @@ var CpfField = function CpfField(props) {
     return {};
   };
 
-  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
     onChange: onChange,
     mask: "000.000.000-00"
-  }, props, getErrorMessagesProp()));
+  }, getErrorMessagesProp()));
 }; // Em caso de alteração na propriedade displayName deverá ser atualizada a lógica na função
 // getCustomProps dentro do componente Field do diretório lib/form
 
 
 CpfField.displayName = 'CpfField';
+CpfField.propTypes = {
+  enableValidation: _propTypes.default.bool,
+  handlerSetComponentValidator: _propTypes.default.func,
+  onChange: _propTypes.default.func
+};
+CpfField.defaultProps = {
+  enableValidation: true,
+  handlerSetComponentValidator: undefined,
+  onChange: undefined
+};
 var _default = CpfField;
 exports.default = _default;

package/lib/inputs/mask/Phone.js

@@ -7,11 +7,13 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _BaseMask = _interopRequireDefault(require("./BaseMask"));
 
 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 _extends() { _extends = Object.assign || 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); }
 
 var PhoneField = function PhoneField(props) {
   var cellNumber = props.cellNumber;
@@ -20,5 +22,11 @@ var PhoneField = function PhoneField(props) {
   }));
 };
 
+PhoneField.propTypes = {
+  cellNumber: _propTypes.default.bool
+};
+PhoneField.defaultProps = {
+  cellNumber: false
+};
 var _default = PhoneField;
 exports.default = _default;

package/lib/inputs/mask/ZipCode.js

@@ -11,7 +11,7 @@ var _BaseMask = _interopRequireDefault(require("./BaseMask"));
 
 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 _extends() { _extends = Object.assign || 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); }
 
 var ZipCodeField = function ZipCodeField(props) {
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {

package/lib/inputs/mask/helpers.js

@@ -3,62 +3,77 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CNPJValidation = CNPJValidation;
-exports.CPFValidation = CPFValidation;
 exports.extractNonMaskProps = extractNonMaskProps;
+exports.extractOptionsFromProps = extractOptionsFromProps;
+exports.CPFValidation = CPFValidation;
+exports.CNPJValidation = CNPJValidation;
 
-var _lodash = require("lodash");
-
-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 _extends() { _extends = Object.assign || 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); }
 
 /* eslint-disable no-plusplus */
-function extractNonMaskProps(props, maskProps) {
+function extractNonMaskProps(props, maskedPropTypes) {
   var nonMask = _extends({}, props);
 
-  Object.keys(maskProps).forEach(function (maskProp) {
+  Object.keys(maskedPropTypes).forEach(function (maskProp) {
     delete nonMask[maskProp];
   });
-  delete nonMask.value;
-  delete nonMask.onChange;
   return nonMask;
 }
 
+function extractOptionsFromProps(props, maskedPropTypes) {
+  var optionsProps = _extends({}, props); // Remove todas as propriedades que tenham sido passadas que nao são do componente.
+
+
+  Object.keys(optionsProps).filter(function (prop) {
+    return !Object.prototype.hasOwnProperty.call(maskedPropTypes, prop);
+  }).forEach(function (nonMaskProp) {
+    delete optionsProps[nonMaskProp];
+  });
+  delete optionsProps.value;
+  delete optionsProps.unmask;
+  return optionsProps;
+}
+
 var allEqualDigits = function allEqualDigits(input) {
   return input.split('').every(function (char) {
     return char === input[0];
   });
 };
 
-function CPFValidation(cpf, returnMessage) {
-  var stringCpf = cpf ? cpf.replace(/[^\d]+/g, '') : '';
+function CPFValidation() {
+  var cpf = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var returnMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+  var stringCpf = cpf.replace(/[^\d]+/g, '');
   var sum = 0;
   var splitRest;
   if (stringCpf === '' || stringCpf.length < 11) return returnMessage ? returnMessage('CPF inválido') : 'CPF inválido';
   if (allEqualDigits(stringCpf)) return returnMessage ? returnMessage('CPF inválido') : 'CPF inválido'; // 1st digit validation
 
   for (var i = 0; i < 9; i++) {
-    sum += (0, _lodash.parseInt)(stringCpf.charAt(i), 10) * (10 - i);
+    sum += parseInt(stringCpf.charAt(i), 10) * (10 - i);
   }
 
   splitRest = sum * 10 % 11;
   if (splitRest === 10 || splitRest === 11) splitRest = 0;
-  if (splitRest !== (0, _lodash.parseInt)(stringCpf.charAt(9), 10)) return returnMessage ? returnMessage('CPF inválido') : 'CPF inválido'; // 2nd digit validation
+  if (splitRest !== parseInt(stringCpf.charAt(9), 10)) return returnMessage ? returnMessage('CPF inválido') : 'CPF inválido'; // 2nd digit validation
 
   sum = 0;
   splitRest = 0;
 
   for (var _i = 0; _i < 10; _i++) {
-    sum += (0, _lodash.parseInt)(stringCpf.charAt(_i), 10) * (11 - _i);
+    sum += parseInt(stringCpf.charAt(_i), 10) * (11 - _i);
   }
 
   splitRest = sum * 10 % 11;
   if (splitRest === 10 || splitRest === 11) splitRest = 0;
-  if (splitRest !== (0, _lodash.parseInt)(stringCpf.charAt(10), 10)) return returnMessage ? returnMessage('CPF inválido') : 'CPF inválido';
-  return returnMessage ? returnMessage('') : undefined;
+  if (splitRest !== parseInt(stringCpf.charAt(10), 10)) return returnMessage ? returnMessage('CPF inválido') : 'CPF inválido';
+  return returnMessage ? returnMessage(undefined) : undefined;
 }
 
-function CNPJValidation(cnpj, returnMessage) {
-  var stringCnpj = cnpj ? cnpj.replace(/[^\d]+/g, '') : '';
+function CNPJValidation() {
+  var cnpj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var returnMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+  var stringCnpj = cnpj.replace(/[^\d]+/g, '');
   if (stringCnpj === '' || stringCnpj.length !== 14) return returnMessage ? returnMessage('CNPJ inválido') : 'CNPJ inválido';
   if (allEqualDigits(stringCnpj)) return returnMessage ? returnMessage('CNPJ inválido') : 'CNPJ inválido';
   var length = stringCnpj.length - 2;
@@ -68,7 +83,7 @@ function CNPJValidation(cnpj, returnMessage) {
   var pos = length - 7; // 1° digit validation
 
   for (var i = length; i >= 1; i--) {
-    sum += (0, _lodash.parseInt)(numbers.charAt(length - i)) * pos--;
+    sum += numbers.charAt(length - i) * pos--;
     if (pos < 2) pos = 9;
   }
 
@@ -80,11 +95,11 @@ function CNPJValidation(cnpj, returnMessage) {
   pos = length - 7; // 2° digit validation
 
   for (var _i2 = length; _i2 >= 1; _i2--) {
-    sum += (0, _lodash.parseInt)(numbers.charAt(length - _i2)) * pos--;
+    sum += numbers.charAt(length - _i2) * pos--;
     if (pos < 2) pos = 9;
   }
 
   result = sum % 11 < 2 ? 0 : 11 - sum % 11;
   if (result.toString() !== digits.charAt(1)) return returnMessage ? returnMessage('CNPJ inválido') : 'CNPJ inválido';
-  return returnMessage ? returnMessage('') : undefined;
+  return returnMessage ? returnMessage(undefined) : undefined;
 }