jclib-ui 1.0.99 → 1.0.101

package/dist/inputs/inputCpfCnpj.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * @param {import('reactstrap').InputProps & import('react-number-format').NumberFormatProps} props
+ * @returns {JSX.Element}
+ */
+export default function InputCpfCnpj(props: import('reactstrap').InputProps & import('react-number-format').NumberFormatProps): JSX.Element;

package/dist/inputs/inputs.d.ts

@@ -1,6 +1,7 @@
 import { default as InputCep } from './InputCep';
 import { default as InputFone } from './InputFone';
 import { FormatValor, FormatQuant, FormatPercent, FormatData } from './Formats';
+import { default as InputCpfCnpj } from './inputCpfCnpj';
 export function InputValor({ name, onChange, onClick, allowNegative, ...rest }: {
     [x: string]: any;
     name: any;
@@ -45,4 +46,4 @@ export function InputFinder({ title, onFind, children, ...rest }: {
     onFind: any;
     children: any;
 }): import("react/jsx-runtime").JSX.Element;
-export { InputCep, InputFone, FormatValor, FormatQuant, FormatPercent, FormatData };
+export { InputCep, InputFone, FormatValor, FormatQuant, FormatPercent, FormatData, InputCpfCnpj };

package/dist/inputs/inputsAux.d.ts

@@ -0,0 +1,3 @@
+export function isInvalidCpf(value: any): boolean;
+export function isInvalidCnpj(value: any): boolean;
+export function isInvalidCpfCnpj(value: any): boolean;

package/dist/jclib-ui.es.js

@@ -1,6 +1,6 @@
 import * as t from "react";
 import t__default, { createContext, useState, useCallback, useEffect, useContext, useRef, useLayoutEffect, useMemo } from "react";
-import { isDarkMode, random, isMobile, isDesktop, getDateTimeStr, getHash, formatValor } from "jcinfo-utils";
+import { isDarkMode, random, isMobile, isDesktop, getDateTimeStr, getHash, formatValor, validarCPF, validarCNPJ } from "jcinfo-utils";
 import { useDragControls, motion } from "framer-motion";
 import styled from "styled-components";
 import { Dropdown, DropdownMenu, DropdownItem, DropdownToggle, Button, InputGroup, Input as Input$1 } from "reactstrap";
@@ -18439,6 +18439,80 @@ function InputFone({ name, value, onChange, ...rest }) {
     }
   );
 }
+function isInvalidCpf(value) {
+  const cpfEscapado = "00000000000";
+  const valorLimpo = String(value).replace(/\D/g, "");
+  let result = false;
+  if (!validarCPF(valorLimpo)) {
+    result = true;
+  }
+  if (valorLimpo == cpfEscapado) {
+    result = false;
+  }
+  if (value == "") {
+    result = false;
+  }
+  return result;
+}
+function isInvalidCnpj(value) {
+  const cpnjEscapado = "00000000000000";
+  const valorLimpo = String(value).replace(/\D/g, "");
+  let result = false;
+  if (!validarCNPJ(valorLimpo)) {
+    result = true;
+  }
+  if (valorLimpo == cpnjEscapado) {
+    result = false;
+  }
+  if (value == "") {
+    result = false;
+  }
+  return result;
+}
+function isInvalidCpfCnpj(value) {
+  const valorLimpo = String(value).replace(/\D/g, "");
+  let result = false;
+  if (valorLimpo.length <= 11 && isInvalidCpf(value)) {
+    result = true;
+  }
+  if (valorLimpo.length > 11 && isInvalidCnpj(value)) {
+    result = true;
+  }
+  if (value == "") {
+    result = false;
+  }
+  return result;
+}
+const cCpfMask = "###.###.###-#####";
+const cCnpjMask = "##.###.###/####-##";
+function InputCpfCnpj(props) {
+  const [cpfCnpjMask, setCpfCnpjMask] = useState(getMarcara(props.value));
+  useEffect(() => {
+    setCpfCnpjMask(getMarcara(props.value));
+  }, [props.value]);
+  function getMarcara(initValue) {
+    let value = initValue;
+    value = value.replace(/\D/g, "");
+    if (value.length > 11) {
+      return cCnpjMask;
+    } else {
+      return cCpfMask;
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Input$1,
+    {
+      tag: NumberFormat,
+      mask: "",
+      format: cpfCnpjMask,
+      onKeyUp: (e) => {
+        setCpfCnpjMask(getMarcara(e.target.value));
+      },
+      invalid: isInvalidCpfCnpj(props.value),
+      ...props
+    }
+  );
+}
 function handleChangeLocal(values, name, onChange) {
   const getNumberConvert = (value) => {
     if (!value || value === void 0 || value === null || isNaN(value)) {
@@ -18570,26 +18644,28 @@ const InputHora = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   }
 );
 const InputCpf = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  NumberFormat,
+  Input$1,
   {
+    tag: NumberFormat,
     name: props.name,
     format: "###.###.###-##",
     mask: "_",
     value: props.value,
     onChange: props.onChange,
-    className: "form-control",
+    invalid: isInvalidCpf(props.value),
     ...props
   }
 );
 const InputCnpj = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  NumberFormat,
+  Input$1,
   {
+    tag: NumberFormat,
     name: props.name,
     format: "##.###.###/####-##",
     mask: "_",
     value: props.value,
     onChange: props.onChange,
-    className: "form-control",
+    invalid: isInvalidCnpj(props.value),
     ...props
   }
 );
@@ -20553,6 +20629,7 @@ export {
   InputCodigo,
   InputColor,
   InputCpf,
+  InputCpfCnpj,
   InputEstado,
   InputFinder$1 as InputFinder,
   InputFone,