linear-react-components-ui 1.1.25-beta.5 → 1.1.25-beta.7

package/lib/{Cnpj-bde01dd0.d.ts → Cnpj-53bfd6ab.d.ts}

@@ -2,6 +2,7 @@ import React__default from 'react';
 import { M as MaskFieldProps } from './BaseMask-0c14ef51.js';
 
 interface CnpjFieldProps extends MaskFieldProps {
+    enableValidation?: boolean;
     onValidate?: (errors: string[]) => void;
 }
 declare const Input: React__default.ForwardRefExoticComponent<CnpjFieldProps & React__default.RefAttributes<HTMLInputElement>>;

package/lib/{Cpf-3fa496ad.d.ts → Cpf-019b21e0.d.ts}

@@ -2,6 +2,7 @@ import React__default from 'react';
 import { M as MaskFieldProps } from './BaseMask-0c14ef51.js';
 
 interface CpfFieldProps extends MaskFieldProps {
+    enableValidation?: boolean;
     onValidate?: (errors: string[]) => void;
 }
 declare const Input: React__default.ForwardRefExoticComponent<CpfFieldProps & React__default.RefAttributes<HTMLInputElement>>;

package/lib/inputs2/index.d.ts

@@ -6,8 +6,8 @@ export { i as RadioField } from '../index-afb7b5a9.js';
 export { i as SelectField } from '../index-19761a50.js';
 export { i as ColorField } from '../index-9e576346.js';
 export { B as MaskField } from '../BaseMask-0c14ef51.js';
-export { C as CpfField } from '../Cpf-3fa496ad.js';
-export { C as CnpjField } from '../Cnpj-bde01dd0.js';
+export { C as CpfField } from '../Cpf-019b21e0.js';
+export { C as CnpjField } from '../Cnpj-53bfd6ab.js';
 export { P as PhoneField } from '../Phone-2bb0b397.js';
 export { Z as ZipCodeField } from '../ZipCode-09460e18.js';
 export { i as CheckboxField } from '../index-4bda404f.js';

package/lib/inputs2/mask/Cnpj.d.ts

@@ -1,6 +1,6 @@
 import 'react';
 import '../../BaseMask-0c14ef51.js';
-export { a as CnpjFieldProps, I as Input } from '../../Cnpj-bde01dd0.js';
+export { a as CnpjFieldProps, I as Input } from '../../Cnpj-53bfd6ab.js';
 import '../../index-3b70931d.js';
 import '../../@types/Align.js';
 import '../../@types/ColorStyles.js';

package/lib/inputs2/mask/Cnpj.js

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Input = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _helpers = require("../../../lib/form2/helpers");
-var _helpers2 = require("./helpers");
+var _helpers = require("./helpers");
 var _BaseMask = require("./BaseMask");
-const _excluded = ["name", "onValidate", "onChange", "onBlur", "errors"];
+const _excluded = ["onValidate", "onBlur", "onChange", "enableValidation", "errors"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
@@ -16,33 +15,37 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 const CNPJ_INVALID_MESSAGE = 'CNPJ inválido';
 const Input = exports.Input = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
-      name,
       onValidate,
-      onChange,
       onBlur,
+      onChange,
+      enableValidation = true,
       errors: externalErrors = []
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
-  const inputRef = (0, _react.useRef)(null);
-  const validateCnpj = raw => {
-    const hasCnpjError = externalErrors.includes(CNPJ_INVALID_MESSAGE);
-    const isValid = (0, _helpers2.CNPJValidation)(raw);
-    if (!isValid && hasCnpjError) {
-      onValidate === null || onValidate === void 0 ? void 0 : onValidate([CNPJ_INVALID_MESSAGE]);
-    }
-    if (isValid && !hasCnpjError) {
-      onValidate === null || onValidate === void 0 ? void 0 : onValidate([]);
+  const [erroValidacao, setErroValidacao] = (0, _react.useState)(null);
+  const validarCnpj = raw => {
+    const isValid = (0, _helpers.CNPJValidation)(raw);
+    switch (isValid) {
+      case true:
+        onValidate === null || onValidate === void 0 ? void 0 : onValidate([]);
+        setErroValidacao(null);
+        break;
+      case false:
+        onValidate === null || onValidate === void 0 ? void 0 : onValidate([CNPJ_INVALID_MESSAGE]);
+        setErroValidacao([CNPJ_INVALID_MESSAGE]);
+        break;
     }
   };
   const handleChange = e => {
     const rawValue = e.target.value.replace(/\D/g, '');
-    validateCnpj(rawValue);
+    if (enableValidation) {
+      validarCnpj(rawValue);
+    }
     onChange === null || onChange === void 0 ? void 0 : onChange(e);
   };
   return /*#__PURE__*/_react.default.createElement(_BaseMask.Input, _extends({}, rest, {
+    ref: ref,
     type: "text",
-    name: name,
-    errors: externalErrors,
     maskOptions: {
       mask: '00.000.000/0000-00',
       placeholderChar: '_',
@@ -50,7 +53,7 @@ const Input = exports.Input = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =
     },
     onBlur: onBlur,
     onChange: handleChange,
-    ref: (0, _helpers.mergeRefs)(ref, inputRef)
+    errors: erroValidacao || externalErrors
   }));
 });
 Input.displayName = 'CnpjInputField';

package/lib/inputs2/mask/Cpf.d.ts

@@ -1,6 +1,6 @@
 import 'react';
 import '../../BaseMask-0c14ef51.js';
-export { a as CpfFieldProps, I as Input } from '../../Cpf-3fa496ad.js';
+export { a as CpfFieldProps, I as Input } from '../../Cpf-019b21e0.js';
 import '../../index-3b70931d.js';
 import '../../@types/Align.js';
 import '../../@types/ColorStyles.js';

package/lib/inputs2/mask/Cpf.js

@@ -7,7 +7,7 @@ exports.Input = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("./helpers");
 var _BaseMask = require("./BaseMask");
-const _excluded = ["onValidate", "onBlur", "onChange", "errors"];
+const _excluded = ["onValidate", "onBlur", "onChange", "enableValidation", "errors"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
@@ -18,35 +18,42 @@ const Input = exports.Input = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =
       onValidate,
       onBlur,
       onChange,
+      enableValidation = true,
       errors: externalErrors = []
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
-  const validateCpf = raw => {
-    const hasCpfError = externalErrors.includes(CPF_INVALID_MESSAGE);
+  const [erroValidacao, setErroValidacao] = (0, _react.useState)(null);
+  const validarCpf = raw => {
     const isValid = (0, _helpers.CPFValidation)(raw);
-    if (!isValid && hasCpfError) {
-      onValidate === null || onValidate === void 0 ? void 0 : onValidate([CPF_INVALID_MESSAGE]);
-    }
-    if (isValid && !hasCpfError) {
-      onValidate === null || onValidate === void 0 ? void 0 : onValidate([]);
+    switch (isValid) {
+      case true:
+        onValidate === null || onValidate === void 0 ? void 0 : onValidate([]);
+        setErroValidacao(null);
+        break;
+      case false:
+        onValidate === null || onValidate === void 0 ? void 0 : onValidate([CPF_INVALID_MESSAGE]);
+        setErroValidacao([CPF_INVALID_MESSAGE]);
+        break;
     }
   };
   const handleChange = e => {
     const rawValue = e.target.value.replace(/\D/g, '');
-    validateCpf(rawValue);
+    if (enableValidation) {
+      validarCpf(rawValue);
+    }
     onChange === null || onChange === void 0 ? void 0 : onChange(e);
   };
   return /*#__PURE__*/_react.default.createElement(_BaseMask.Input, _extends({}, rest, {
-    type: "text",
     ref: ref,
+    type: "text",
     maskOptions: {
       mask: '000.000.000-00',
       placeholderChar: '_',
       lazy: false
     },
+    onBlur: onBlur,
     onChange: handleChange,
-    errors: externalErrors,
-    onBlur: onBlur
+    errors: erroValidacao || externalErrors
   }));
 });
 Input.displayName = 'CpfInputField';

package/package.json

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