linear-react-components-ui 2.0.0-beta.1 → 2.0.0-beta.3

package/lib/inputs/file/FileButtonSettings.js

@@ -0,0 +1,25 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as p } from "../../_virtual/compiler-runtime.js";
+import u from "../../buttons/Button.js";
+import '../../assets/styles/button.css';/* empty css                              */
+import b from "../../icons/index.js";
+const g = (f) => {
+  const t = p.c(9), {
+    size: c,
+    labelButton: d,
+    id: n,
+    onBtnClickInsert: s
+  } = f, r = c === void 0 ? "medium" : c, a = d === void 0 ? "Selecionar" : d;
+  let o, l;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = {
+    height: "100%"
+  }, l = /* @__PURE__ */ m(b, { name: "file_download" }), t[0] = o, t[1] = l) : (o = t[0], l = t[1]);
+  let e;
+  t[2] !== a || t[3] !== s || t[4] !== r ? (e = /* @__PURE__ */ m(u, { className: "uploadButton simple-search-file-button -shadowsdisabled -transparent", onClick: s, size: r, style: o, icon: l, label: a }), t[2] = a, t[3] = s, t[4] = r, t[5] = e) : e = t[5];
+  let i;
+  return t[6] !== n || t[7] !== e ? (i = /* @__PURE__ */ m("label", { htmlFor: n, children: e }), t[6] = n, t[7] = e, t[8] = i) : i = t[8], i;
+};
+export {
+  g as default
+};
+//# sourceMappingURL=FileButtonSettings.js.map

package/lib/inputs/file/FileButtonSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileButtonSettings.js","sources":["../../../src/lib/inputs/file/FileButtonSettings.tsx"],"sourcesContent":["import Button from '../../buttons';\nimport Icon from '../../icons';\nimport { IFileButtonSettingsProps } from './types';\n\nconst FileButtonSettings = (props: IFileButtonSettingsProps) => {\n  const { size = 'medium', labelButton = 'Selecionar', id, onBtnClickInsert } = props;\n\n  return (\n    <label htmlFor={id}>\n      <Button\n        className=\"uploadButton simple-search-file-button -shadowsdisabled -transparent\"\n        onClick={onBtnClickInsert}\n        size={size}\n        style={{ height: '100%' }}\n        icon={<Icon name=\"file_download\" />}\n        label={labelButton} />\n    </label>\n  );\n};\n\nexport default FileButtonSettings;\n"],"names":["FileButtonSettings","props","$","_c","size","t0","labelButton","t1","id","onBtnClickInsert","undefined","t2","t3","Symbol","for","height","Icon","t4","jsx","Button","t5"],"mappings":";;;;;AAIA,MAAMA,IAAqBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GACzB;AAAA,IAAAC,MAAAC;AAAAA,IAAAC,aAAAC;AAAAA,IAAAC,IAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,EAAAA,IAA8ER,GAAtEG,IAAAC,MAAAK,SAAA,WAAAL,GAAiBC,IAAAC,MAAAG,SAAA,eAAAH;AAA0B,MAAAI,GAAAC;AAAA,EAAAV,EAAA,CAAA,MAAAW,OAAAC,IAAA,2BAAA,KAQtCH,IAAA;AAAA,IAAAI,QAAU;AAAA,EAAA,GACXH,sBAACI,GAAA,EAAU,MAAA,gBAAA,CAAe,GAAGd,OAAAS,GAAAT,OAAAU,MAAAD,IAAAT,EAAA,CAAA,GAAAU,IAAAV,EAAA,CAAA;AAAA,MAAAe;AAAA,EAAAf,EAAA,CAAA,MAAAI,KAAAJ,SAAAO,KAAAP,EAAA,CAAA,MAAAE,KALrCa,IAAA,gBAAAC,EAACC,GAAA,EACW,WAAA,wEACDV,SAAAA,GACHL,MAAAA,GACC,OAAAO,GACD,MAAAC,GACCN,OAAAA,GAAW,GAAIJ,OAAAI,GAAAJ,OAAAO,GAAAP,OAAAE,GAAAF,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAkB;AAAA,SAAAlB,EAAA,CAAA,MAAAM,KAAAN,SAAAe,KAP1BG,IAAA,gBAAAF,EAAA,SAAA,EAAgBV,SAAAA,GACdS,UAAAA,GAOF,GAAQf,OAAAM,GAAAN,OAAAe,GAAAf,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA,GARRkB;AAQQ;"}

package/lib/inputs/file/helpers.d.ts

@@ -0,0 +1,2 @@
+import { CustomFile } from './types';
+export declare const transformFilesToFileList: (files: CustomFile) => FileList;

package/lib/inputs/file/helpers.js

@@ -0,0 +1,12 @@
+const n = (s) => {
+  let e = s;
+  if (!(e instanceof FileList)) {
+    const i = new DataTransfer();
+    e instanceof File ? (i.items.add(e), e = i.files) : (e.map((t) => i.items.add(t)), e = i.files);
+  }
+  return e;
+};
+export {
+  n as transformFilesToFileList
+};
+//# sourceMappingURL=helpers.js.map

package/lib/inputs/file/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../src/lib/inputs/file/helpers.ts"],"sourcesContent":["import { CustomFile } from './types';\n\nexport const transformFilesToFileList = (files: CustomFile) => {\n  let newFiles = files;\n  if (!(newFiles instanceof FileList)) {\n    const dt = new DataTransfer();\n    if (newFiles instanceof File) {\n      dt.items.add(newFiles);\n      newFiles = dt.files;\n    } else {\n      newFiles.map(file => dt.items.add(file));\n      newFiles = dt.files;\n    }\n  }\n  return newFiles as FileList;\n};\n"],"names":["transformFilesToFileList","files","newFiles","FileList","dt","DataTransfer","File","items","add","map","file"],"mappings":"AAEO,MAAMA,IAA2BA,CAACC,MAAsB;AAC7D,MAAIC,IAAWD;AACf,MAAI,EAAEC,aAAoBC,WAAW;AACnC,UAAMC,IAAK,IAAIC,aAAAA;AACf,IAAIH,aAAoBI,QACtBF,EAAGG,MAAMC,IAAIN,CAAQ,GACrBA,IAAWE,EAAGH,UAEdC,EAASO,IAAIC,CAAAA,MAAQN,EAAGG,MAAMC,IAAIE,CAAI,CAAC,GACvCR,IAAWE,EAAGH;AAAAA,EAElB;AACA,SAAOC;AACT;"}

package/lib/inputs/file/index.d.ts

@@ -0,0 +1,5 @@
+import { default as File } from './File';
+import { default as DefaultFile } from './DefaultFile';
+import { default as DragDropFile } from './DragDropFile';
+export default File;
+export { DefaultFile, DragDropFile, };

package/lib/inputs/file/index.js

@@ -0,0 +1,9 @@
+import r from "./File.js";
+import { default as t } from "./DefaultFile.js";
+import { default as l } from "./DragDropFile.js";
+export {
+  t as DefaultFile,
+  l as DragDropFile,
+  r as default
+};
+//# sourceMappingURL=index.js.map

package/lib/inputs/file/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/lib/inputs/file/types.d.ts

@@ -0,0 +1,49 @@
+import { RefObject, DragEvent } from 'react';
+import { Size } from '../../@types/Size';
+import { CustomInputEvent } from '../base/types';
+export type CustomFile = FileList | File | File[];
+export interface IFileProps {
+    onBtnClickInsert?: () => void;
+    onBtnClickRemove?: () => void;
+    id?: string;
+    applyDragDrop?: boolean;
+    gridLayout?: string;
+    multiple?: boolean;
+    label?: string;
+    defaultFiles?: CustomFile;
+    hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    required?: boolean;
+    readOnly?: boolean;
+    name?: string;
+    onChange?: (files: File[], e?: CustomInputEvent | DragEvent) => void;
+    size?: Size;
+    accept?: string;
+    labelButton?: string;
+    inputRef?: RefObject<HTMLInputElement>;
+    type?: string;
+    onDragEnter?: (e?: DragEvent) => void;
+    onDragOver?: (e?: DragEvent) => void;
+    onDrop?: (e?: DragEvent) => void;
+    onDragLeave?: (e?: DragEvent) => void;
+    errorMessages?: string[];
+    skeletonize?: boolean;
+    showSubtitle?: boolean;
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+export interface IDefaultFileProps extends IFileProps {
+    onBtnClickInsert: () => void;
+    onBtnClickRemove: () => void;
+}
+export interface IDragDropFileProps extends IFileProps {
+    subtitleDragDrop?: string;
+    titleDragDrop?: string;
+}
+export interface IFileButtonSettingsProps {
+    id: string;
+    labelFileButton?: string;
+    size?: Size;
+    labelButton?: string;
+    onBtnClickInsert: () => void;
+}

package/lib/inputs/index.d.ts

@@ -0,0 +1,14 @@
+import { default as TextField } from './text';
+import { default as FileField } from './file';
+import { default as SelectField } from './select';
+import { default as SearchField } from './search';
+import { default as MaskField, CnpjField, CpfField, PhoneField, ZipCodeField } from './mask';
+import { default as MultiSelectField } from './multiSelect';
+import { default as DateField } from './date';
+import { default as TextareaField } from './textarea';
+import { default as PeriodField } from './period';
+import { default as ColorField } from './color';
+import { default as NumberField, CurrencyField, DecimalField } from './number';
+import { default as ErrorMessage } from './errorMessage';
+export default TextField;
+export { TextField, FileField, SelectField, SearchField, MaskField, CnpjField, CpfField, PhoneField, ZipCodeField, MultiSelectField, DateField, NumberField, CurrencyField, DecimalField, ColorField, TextareaField, PeriodField, ErrorMessage, };

package/lib/inputs/index.js

@@ -0,0 +1,40 @@
+import r from "./text/index.js";
+import { default as a } from "./file/File.js";
+import { default as d } from "./select/index.js";
+import { default as i } from "./search/index.js";
+import { default as m } from "./mask/BaseMask.js";
+import { default as u } from "./mask/Cpf.js";
+import { default as F } from "./mask/Cnpj.js";
+import { default as C } from "./mask/Phone.js";
+import { default as M } from "./mask/ZipCode.js";
+import { default as h } from "./multiSelect/index.js";
+import { default as P } from "./date/index.js";
+import { default as b } from "./textarea/index.js";
+import { default as j } from "./period/index.js";
+import { default as y } from "./color/index.js";
+import { default as N } from "./number/index.js";
+import { ErrorMessage as q } from "./errorMessage/index.js";
+import { default as w } from "./number/Currency.js";
+import { default as A } from "./number/Decimal.js";
+export {
+  F as CnpjField,
+  y as ColorField,
+  u as CpfField,
+  w as CurrencyField,
+  P as DateField,
+  A as DecimalField,
+  q as ErrorMessage,
+  a as FileField,
+  m as MaskField,
+  h as MultiSelectField,
+  N as NumberField,
+  j as PeriodField,
+  C as PhoneField,
+  i as SearchField,
+  d as SelectField,
+  r as TextField,
+  b as TextareaField,
+  M as ZipCodeField,
+  r as default
+};
+//# sourceMappingURL=index.js.map

package/lib/inputs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/lib/inputs/inputHOC.d.ts

@@ -0,0 +1,4 @@
+import { ComponentType } from 'react';
+import { IInputHOCProps } from './types';
+declare const InputHOC: <ComponentProps extends IInputHOCProps>(WrappedComponent: ComponentType<ComponentProps>) => (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default InputHOC;

package/lib/inputs/inputHOC.js

@@ -0,0 +1,42 @@
+import { jsx as f } from "react/jsx-runtime";
+import { c as _ } from "../_virtual/compiler-runtime.js";
+import { useState as C } from "react";
+import x from "../gridlayout/GridCol.js";
+const R = (d) => (e) => {
+  const t = _.c(14), {
+    visible: v,
+    gridLayout: h
+  } = e, E = v === void 0 ? !0 : v, n = h === void 0 ? void 0 : h, [m, b] = C(!1), [a] = C(!1);
+  let i;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
+    b(!0);
+  }, t[0] = i) : i = t[0];
+  const F = i;
+  let c;
+  t[1] === Symbol.for("react.memo_cache_sentinel") ? (c = () => {
+    b(!1);
+  }, t[1] = c) : c = t[1];
+  const I = c;
+  let l;
+  t[2] !== m || t[3] !== a ? (l = {
+    inputHasFocus: m,
+    requiredError: a,
+    onInputReceiveFocus: F,
+    onInputLostFocus: I
+  }, t[2] = m, t[3] = a, t[4] = l) : l = t[4];
+  const o = l;
+  let r;
+  t[5] !== o || t[6] !== e ? (r = /* @__PURE__ */ f(d, { ...e, ...o }), t[5] = o, t[6] = e, t[7] = r) : r = t[7];
+  let y = r;
+  if (n !== void 0 && E) {
+    let s;
+    t[8] !== o || t[9] !== e ? (s = /* @__PURE__ */ f(d, { ...e, ...o }), t[8] = o, t[9] = e, t[10] = s) : s = t[10];
+    let u;
+    t[11] !== n || t[12] !== s ? (u = /* @__PURE__ */ f(x, { customClass: "-withinput", cols: n, children: s }), t[11] = n, t[12] = s, t[13] = u) : u = t[13], y = u;
+  }
+  return y;
+};
+export {
+  R as default
+};
+//# sourceMappingURL=inputHOC.js.map

package/lib/inputs/inputHOC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputHOC.js","sources":["../../src/lib/inputs/inputHOC.tsx"],"sourcesContent":["import { ComponentType, useState } from 'react';\nimport Grid from '../gridlayout';\nimport { IInputHOCProps } from './types';\n\nconst InputHOC = <ComponentProps extends IInputHOCProps>(\n  WrappedComponent: ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const {\n      visible = true,\n      gridLayout = undefined,\n    } = props;\n    const [inputHasFocus, setInputHasFocus] = useState(false);\n    const [requiredError] = useState(false);\n\n    const onInputReceiveFocus = () => {\n      setInputHasFocus(true);\n    };\n\n    const onInputLostFocus = () => {\n      setInputHasFocus(false);\n    };\n\n    const newProps = {\n      inputHasFocus,\n      requiredError,\n      onInputReceiveFocus,\n      onInputLostFocus,\n    };\n\n    let result = <WrappedComponent {...props} {...newProps} />;\n    if (gridLayout !== undefined && visible) {\n      result = <Grid customClass=\"-withinput\" cols={gridLayout}><WrappedComponent {...props} {...newProps} /></Grid>;\n    }\n\n    return result;\n  };\n  return EnhancedComponent;\n};\n\nexport default InputHOC;\n"],"names":["InputHOC","WrappedComponent","props","$","_c","visible","t0","gridLayout","t1","undefined","inputHasFocus","setInputHasFocus","useState","requiredError","t2","Symbol","for","onInputReceiveFocus","t3","onInputLostFocus","t4","newProps","t5","result","t6","t7","Grid"],"mappings":";;;;AAIA,MAAMA,IAAW,CACfC,MAE0BC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACxB;AAAA,IAAAC,SAAAC;AAAAA,IAAAC,YAAAC;AAAAA,EAAAA,IAGIN,GAFFG,IAAAC,MAAAG,SAAA,KAAAH,GACAC,IAAAC,MAAAC,SAAAA,SAAAD,GAEF,CAAAE,GAAAC,CAAA,IAA0CC,EAAS,EAAK,GACxD,CAAAC,CAAA,IAAwBD,EAAS,EAAK;AAAE,MAAAE;AAAA,EAAAX,EAAA,CAAA,MAAAY,OAAAC,IAAA,2BAAA,KAEZF,IAAAA,MAAA;AAC1BH,IAAAA,EAAiB,EAAI;AAAA,EAAC,GACvBR,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAFD,QAAAc,IAA4BH;AAE1B,MAAAI;AAAA,EAAAf,EAAA,CAAA,MAAAY,OAAAC,IAAA,2BAAA,KAEuBE,IAAAA,MAAA;AACvBP,IAAAA,EAAiB,EAAK;AAAA,EAAC,GACxBR,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAFD,QAAAgB,IAAyBD;AAEvB,MAAAE;AAAA,EAAAjB,EAAA,CAAA,MAAAO,KAAAP,SAAAU,KAEeO,IAAA;AAAA,IAAAV,eAAAA;AAAAA,IAAAG,eAAAA;AAAAA,IAAAI,qBAAAA;AAAAA,IAAAE,kBAAAA;AAAAA,EAAAA,GAKhBhB,OAAAO,GAAAP,OAAAU,GAAAV,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AALD,QAAAkB,IAAiBD;AAKf,MAAAE;AAAA,EAAAnB,EAAA,CAAA,MAAAkB,KAAAlB,SAAAD,KAEWoB,sBAACrB,GAAA,EAAgB,GAAKC,GAAK,GAAMmB,GAAQ,GAAIlB,OAAAkB,GAAAlB,OAAAD,GAAAC,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAA1D,MAAAoB,IAAaD;AACb,MAAIf,MAAeE,UAAfJ,GAAmC;AAAA,QAAAmB;AAAA,IAAArB,EAAA,CAAA,MAAAkB,KAAAlB,SAAAD,KACqBsB,sBAACvB,GAAA,EAAgB,GAAKC,GAAK,GAAMmB,GAAQ,GAAIlB,OAAAkB,GAAAlB,OAAAD,GAAAC,QAAAqB,KAAAA,IAAArB,EAAA,EAAA;AAAA,QAAAsB;AAAA,IAAAtB,EAAA,EAAA,MAAAI,KAAAJ,UAAAqB,KAA9FC,sBAACC,GAAA,EAAiB,aAAA,cAAmBnB,MAAAA,GAAYiB,UAAAA,GAA6C,GAAOrB,QAAAI,GAAAJ,QAAAqB,GAAArB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GAA9GoB,IAASA;AAAAA,EAAH;AACP,SAEMA;AAAM;"}

package/lib/inputs/mask/BaseMask.d.ts

@@ -0,0 +1,3 @@
+import { IBaseMaskProps } from './types';
+declare const BaseMask: ({ value: valueProp, defaultValue, inputRef, onChange, onComplete, permissionAttr, mask, isDateTimeField, ...rest }: IBaseMaskProps) => import("react/jsx-runtime").JSX.Element;
+export default BaseMask;

package/lib/inputs/mask/BaseMask.js

@@ -0,0 +1,144 @@
+import { jsx as S } from "react/jsx-runtime";
+import { useEffect as h } from "react";
+import "../../node_modules/imask/esm/index.js";
+import "../../node_modules/imask/esm/controls/input.js";
+import "../../node_modules/imask/esm/masked/factory.js";
+import "../../node_modules/imask/esm/controls/mask-element.js";
+import "../../node_modules/imask/esm/controls/html-input-mask-element.js";
+import "../../node_modules/imask/esm/controls/html-mask-element.js";
+import "../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
+import "../../node_modules/imask/esm/controls/input-history.js";
+import "../../node_modules/react-imask/esm/input.js";
+import B from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/mixin.js";
+import M from "../base/InputTextBase.js";
+import { numberToEnUS as b, formatOnlyNumbers as g } from "../number/format_number.js";
+import { actionsOnPermissionDenied as w, OPTIONS_ON_DENIED as s } from "../../permissionValidations.js";
+import { getMaskOptions as F } from "./helpers.js";
+const k = (e, u) => {
+  if (e.returnFormattedValueOnBlur || e.returnFormattedValueOnKeyDown) {
+    const {
+      name: o
+    } = u.target, a = e.defaultValue || "";
+    return {
+      ...u,
+      target: {
+        value: String(b(a)),
+        name: o
+      }
+    };
+  }
+  return u;
+}, I = (e, u, o) => e.isNumeric ? {} : {
+  onBlur: (a) => {
+    if (o.unmaskedValue.trim().length && e.autoCompleteMask) {
+      const n = o.unmaskedValue, r = o.mask.toString().replace(/\D+/g, "").length;
+      if (r > n.length)
+        switch (e.autoCompleteMask) {
+          case "left":
+            u(n.padStart(r, "0"));
+            break;
+          case "right":
+            u(n.padEnd(r, "0"));
+            break;
+          default:
+            u(n);
+            break;
+        }
+    }
+    if (e.onBlur) {
+      const {
+        value: n
+      } = a.target, r = g(n), i = {
+        ...a,
+        target: {
+          ...a.target,
+          value: r
+        }
+      }, l = k(e, i);
+      e.onBlur(l);
+    }
+  },
+  onKeyDown: (a) => {
+    if (e.onKeyDown) {
+      const {
+        value: n
+      } = a.target, r = g(n), i = {
+        ...a,
+        target: {
+          value: r
+        }
+      }, l = k(e, i);
+      e.onKeyDown(l);
+    }
+  }
+}, K = [s.disabled, s.unvisible, s.readOnly, s.hideContent], Z = ({
+  value: e,
+  defaultValue: u,
+  inputRef: o,
+  onChange: a,
+  onComplete: n,
+  permissionAttr: r,
+  mask: i,
+  isDateTimeField: l,
+  ...d
+}) => {
+  const v = w(K, r), {
+    disabled: y,
+    readOnly: p
+  } = v, f = y || p, O = F({
+    mask: i,
+    isDateTimeField: l,
+    ...d
+  }), {
+    ref: D,
+    setValue: V,
+    setUnmaskedValue: E,
+    maskRef: N
+  } = B({
+    ...O
+  }, {
+    defaultValue: u,
+    onAccept: (m, t) => {
+      if (!f && a) {
+        const c = {
+          target: {
+            name: t.el.input.name,
+            value: t.unmaskedValue,
+            maskedValue: t.value,
+            typedValue: t.typedValue
+          }
+        };
+        a(c);
+      }
+    },
+    onComplete: (m, t) => {
+      if (!f && n) {
+        const c = {
+          target: {
+            name: t.el.input.name,
+            value: t.unmaskedValue,
+            maskedValue: t.value,
+            typedValue: t.typedValue
+          }
+        };
+        n(c);
+      }
+    }
+  });
+  return h(() => {
+    if (i === Number || typeof e == "number") {
+      const t = b(String(e));
+      Number.isNaN(t) || E(String(t));
+      return;
+    }
+    const m = e ? String(e) : "";
+    V(m);
+  }, [e]), /* @__PURE__ */ S(M, { inputRef: (m) => {
+    D.current = m, o && (typeof o == "object" ? o.current = m : o(m));
+  }, permissionAttr: r, ...d, ...I(d, V, N.current) });
+};
+export {
+  Z as default
+};
+//# sourceMappingURL=BaseMask.js.map

package/lib/inputs/mask/BaseMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseMask.js","sources":["../../../src/lib/inputs/mask/BaseMask.tsx"],"sourcesContent":["import { Dispatch, KeyboardEvent, useEffect } from 'react';\nimport { useIMask } from 'react-imask';\nimport InputTextBase from '../base/InputTextBase';\nimport { IBaseMaskProps } from './types';\nimport { CustomInputEvent } from '../base/types';\nimport { numberToEnUS, formatOnlyNumbers } from '../number/format_number';\nimport { OPTIONS_ON_DENIED, actionsOnPermissionDenied } from '../../permissionValidations';\nimport { getMaskOptions } from './helpers';\n\nconst returnEventFormattedValue = (\n  props: IBaseMaskProps,\n  event: CustomInputEvent,\n) => {\n  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {\n    // Retornando um objeto com a mesma estrutura do Proxy original\n    // para recuperacao do valor da mascara sem formatacao.\n    // O retorno poderá ser modificado conforme necessidade, desde que seja\n    // mantido o path até a propriedade value e name.\n    const { name } = event.target;\n    const value = props.defaultValue || '';\n    return { ...event, target: { value: String(numberToEnUS(value)), name } } as CustomInputEvent;\n  }\n  return event;\n};\n\nconst getEventProps = (props: IBaseMaskProps, setValue: Dispatch<string>, maskRef: any) => {\n  if (props.isNumeric) return {};\n  return {\n    onBlur: (e: CustomInputEvent) => {\n      if (maskRef.unmaskedValue.trim().length && props.autoCompleteMask) {\n        const currentValue = maskRef.unmaskedValue;\n        const sizeMask = maskRef.mask.toString().replace(/\\D+/g, '').length;\n        if (sizeMask > currentValue.length) {\n          switch (props.autoCompleteMask) {\n            case 'left':\n              setValue(currentValue.padStart(sizeMask, '0'));\n              break;\n            case 'right':\n              setValue(currentValue.padEnd(sizeMask, '0'));\n              break;\n            default:\n              setValue(currentValue);\n              break;\n          }\n        }\n      }\n      if (props.onBlur) {\n        const { value } = e.target;\n        const formatedValue = formatOnlyNumbers(value);\n        const eventWithFormatedValue = { ...e, target: { ...e.target, value: formatedValue } };\n        const formattedEvent =\n          returnEventFormattedValue(props, eventWithFormatedValue);\n        props.onBlur(formattedEvent);\n      }\n    },\n    onKeyDown: (e: CustomInputEvent | KeyboardEvent<Element>) => {\n      if (props.onKeyDown) {\n        const { value } = e.target as { value: string };\n        const formatedValue = formatOnlyNumbers(value);\n        const eventWithFormatedValue = { ...e, target: { value: formatedValue } };\n        const formattedEvent =\n          returnEventFormattedValue(props, eventWithFormatedValue as CustomInputEvent);\n        props.onKeyDown(formattedEvent);\n      }\n    },\n  };\n};\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\n\nconst BaseMask = ({\n  value: valueProp,\n  defaultValue,\n  inputRef,\n  onChange,\n  onComplete,\n  permissionAttr,\n  mask,\n  isDateTimeField,\n  ...rest\n}: IBaseMaskProps) => {\n  const onDenied = actionsOnPermissionDenied(options, permissionAttr);\n  const { disabled, readOnly } = onDenied;\n  const disableCallbacks = disabled || readOnly;\n  const maskOptions = getMaskOptions({ mask, isDateTimeField, ...rest });\n  const { ref, setValue, setUnmaskedValue, maskRef } = useIMask({\n    ...maskOptions,\n  }, {\n    defaultValue,\n    onAccept: (_, r) => {\n      if (!disableCallbacks && onChange) {\n        const event: CustomInputEvent = {\n          target: {\n            name: r.el.input.name,\n            value: r.unmaskedValue,\n            maskedValue: r.value,\n            typedValue: r.typedValue,\n          },\n        };\n        onChange(event);\n      }\n    },\n    onComplete: (_, r) => {\n      if (!disableCallbacks && onComplete) {\n        const event: CustomInputEvent = {\n          target: {\n            name: r.el.input.name,\n            value: r.unmaskedValue,\n            maskedValue: r.value,\n            typedValue: r.typedValue,\n          },\n        };\n        onComplete(event);\n      }\n    },\n  });\n\n  useEffect(() => {\n    if (mask === Number || typeof valueProp === 'number') {\n      const updatedUnmaskedValue = numberToEnUS(String(valueProp));\n      if (!Number.isNaN(updatedUnmaskedValue)) setUnmaskedValue(String(updatedUnmaskedValue));\n      return;\n    }\n\n    const updatedValue = valueProp ? String(valueProp) : '';\n    setValue(updatedValue);\n  }, [valueProp]);\n\n  return (\n    <InputTextBase\n      inputRef={(r) => {\n        ref.current = r;\n        if (inputRef) {\n          if (typeof inputRef === 'object') inputRef.current = r;\n          else inputRef(r);\n        }\n      }}\n      permissionAttr={permissionAttr}\n      {...rest}\n      {...getEventProps(rest, setValue, maskRef.current)} />\n  );\n};\n\nexport default BaseMask;\n"],"names":["returnEventFormattedValue","props","event","returnFormattedValueOnBlur","returnFormattedValueOnKeyDown","name","target","value","defaultValue","String","numberToEnUS","getEventProps","setValue","maskRef","isNumeric","onBlur","e","unmaskedValue","trim","length","autoCompleteMask","currentValue","sizeMask","mask","toString","replace","padStart","padEnd","formatedValue","formatOnlyNumbers","eventWithFormatedValue","formattedEvent","onKeyDown","options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","BaseMask","valueProp","inputRef","onChange","onComplete","permissionAttr","isDateTimeField","rest","onDenied","actionsOnPermissionDenied","disableCallbacks","maskOptions","getMaskOptions","ref","setUnmaskedValue","useIMask","onAccept","_","r","el","input","maskedValue","typedValue","useEffect","Number","updatedUnmaskedValue","isNaN","updatedValue","jsx","InputTextBase","current"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import { ICnpjFieldProps } from './types';
+declare const CnpjField: {
+    (props: ICnpjFieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default CnpjField;

package/lib/inputs/mask/Cnpj.js

@@ -0,0 +1,47 @@
+import { jsx as F } from "react/jsx-runtime";
+import { c as M } from "../../_virtual/compiler-runtime.js";
+import { useState as _, useEffect as j } from "react";
+import x from "../../_virtual/lodash.js";
+import E from "./BaseMask.js";
+import { CNPJValidation as V } from "./helpers.js";
+const S = (t) => {
+  const e = M.c(19), {
+    value: h,
+    enableValidation: v,
+    handlerSetComponentValidator: n
+  } = t, d = h === void 0 ? "" : h, o = v === void 0 ? !0 : v, [i, b] = _("");
+  let l;
+  e[0] !== o || e[1] !== n ? (l = () => {
+    o && n && n(k);
+  }, e[0] = o, e[1] = n, e[2] = l) : l = e[2];
+  let r;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (r = [], e[3] = r) : r = e[3], j(l, r);
+  let s;
+  e[4] !== o || e[5] !== n || e[6] !== t ? (s = (c) => {
+    if (o && c) {
+      let C;
+      C || (C = x.debounce(() => {
+        V(c.target.value, n ? void 0 : b);
+      }, 300)), C(), t.onChange && t.onChange(c);
+    }
+    t.onChange && t.onChange(c);
+  }, e[4] = o, e[5] = n, e[6] = t, e[7] = s) : s = e[7];
+  const u = s;
+  let m;
+  e[8] !== o || e[9] !== n || e[10] !== i ? (m = () => o && !n && i ? {
+    errorMessages: [i]
+  } : {}, e[8] = o, e[9] = n, e[10] = i, e[11] = m) : m = e[11];
+  const g = m;
+  let a;
+  e[12] !== g ? (a = g(), e[12] = g, e[13] = a) : a = e[13];
+  let f;
+  return e[14] !== u || e[15] !== t || e[16] !== a || e[17] !== d ? (f = /* @__PURE__ */ F(E, { ...t, value: d, mask: "00.000.000/0000-00", onChange: u, ...a }), e[14] = u, e[15] = t, e[16] = a, e[17] = d, e[18] = f) : f = e[18], f;
+};
+S.displayName = "CnpjField";
+function k() {
+  return V;
+}
+export {
+  S as default
+};
+//# sourceMappingURL=Cnpj.js.map

package/lib/inputs/mask/Cnpj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cnpj.js","sources":["../../../src/lib/inputs/mask/Cnpj.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport _ from 'lodash';\nimport BaseMask from './BaseMask';\nimport { CNPJValidation } from './helpers';\nimport { ICnpjFieldProps } from './types';\nimport { CustomInputEvent } from '../base/types';\n\n// Em caso de alteração no nome do componente deverá ser atualizada\n// à propriedade displayName, para o mesmo nome do componente\nconst CnpjField = (props: ICnpjFieldProps) => {\n  const {\n    value = '',\n    enableValidation = true,\n    handlerSetComponentValidator,\n  } = props;\n  const [messageFromValidator, setMessageFromValidator] = useState('');\n\n  useEffect(() => {\n    if (enableValidation && handlerSetComponentValidator) {\n      handlerSetComponentValidator(() => CNPJValidation);\n    }\n  }, []);\n\n  const onChange = (e: CustomInputEvent) => {\n    if (enableValidation && e) {\n      let debouncedOnChange;\n      if (!debouncedOnChange) {\n        debouncedOnChange = _.debounce(() => {\n          CNPJValidation(e.target.value, !handlerSetComponentValidator ?\n            setMessageFromValidator\n            : undefined);\n        }, 300);\n      }\n      debouncedOnChange();\n      if (props.onChange) props.onChange(e);\n    }\n    if (props.onChange) props.onChange(e);\n  };\n\n  const getErrorMessagesProp = () => {\n    if (enableValidation && !handlerSetComponentValidator && messageFromValidator) {\n      return {\n        errorMessages: [messageFromValidator],\n      };\n    }\n    return {};\n  };\n\n  return (\n    <BaseMask\n      {...props}\n      value={value}\n      mask=\"00.000.000/0000-00\"\n      onChange={onChange}\n      {...getErrorMessagesProp()} />\n  );\n};\n\n// Em caso de alteração na propriedade displayName deverá ser atualizada a lógica na função\n// getCustomProps dentro do componente Field do diretório lib/form\nCnpjField.displayName = 'CnpjField';\n\nexport default CnpjField;\n"],"names":["CnpjField","props","$","_c","value","t0","enableValidation","t1","handlerSetComponentValidator","undefined","messageFromValidator","setMessageFromValidator","useState","t2","_temp","t3","Symbol","for","useEffect","t4","e","debouncedOnChange","_","debounce","CNPJValidation","target","onChange","t5","errorMessages","getErrorMessagesProp","t6","t7","jsx","BaseMask","displayName"],"mappings":";;;;;;AASA,MAAMA,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAChB;AAAA,IAAAC,OAAAC;AAAAA,IAAAC,kBAAAC;AAAAA,IAAAC,8BAAAA;AAAAA,EAAAA,IAIIP,GAHFG,IAAAC,MAAAI,SAAA,KAAAJ,GACAC,IAAAC,MAAAE,SAAA,KAAAF,GAGF,CAAAG,GAAAC,CAAA,IAAwDC,EAAS,EAAE;AAAE,MAAAC;AAAA,EAAAX,EAAA,CAAA,MAAAI,KAAAJ,SAAAM,KAE3DK,IAAAA,MAAA;AACR,IAAIP,KAAAE,KACFA,EAA6BM,CAAoB;AAAA,EAClD,GACFZ,OAAAI,GAAAJ,OAAAM,GAAAN,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAa;AAAA,EAAAb,EAAA,CAAA,MAAAc,OAAAC,IAAA,2BAAA,KAAEF,IAAA,CAAA,GAAEb,OAAAa,KAAAA,IAAAb,EAAA,CAAA,GAJLgB,EAAUL,GAIPE,CAAE;AAAC,MAAAI;AAAA,EAAAjB,EAAA,CAAA,MAAAI,KAAAJ,SAAAM,KAAAN,EAAA,CAAA,MAAAD,KAEWkB,IAAAC,CAAAA,MAAA;AACf,QAAId,KAAAc,GAAqB;AACnBC,UAAAA;AACJ,MAAKA,MACHA,IAAoBC,EAACC,SAAU,MAAA;AAC7BC,QAAAA,EAAeJ,EAACK,OAAOrB,OAASI,IAADC,SAAAE,CAElB;AAAA,MAAC,GACb,GAAG,IAERU,EAAAA,GACIpB,EAAKyB,YAAWzB,EAAKyB,SAAUN,CAAC;AAAA,IAAE;AAExC,IAAInB,EAAKyB,YAAWzB,EAAKyB,SAAUN,CAAC;AAAA,EAAE,GACvClB,OAAAI,GAAAJ,OAAAM,GAAAN,OAAAD,GAAAC,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAdD,QAAAwB,IAAiBP;AAcf,MAAAQ;AAAA,EAAAzB,EAAA,CAAA,MAAAI,KAAAJ,SAAAM,KAAAN,EAAA,EAAA,MAAAQ,KAE2BiB,IAAAA,MACvBrB,KAAA,CAAqBE,KAArBE,IACK;AAAA,IAAAkB,eACU,CAAClB,CAAoB;AAAA,EAAA,IAGjC,CAAA,GACRR,OAAAI,GAAAJ,OAAAM,GAAAN,QAAAQ,GAAAR,QAAAyB,KAAAA,IAAAzB,EAAA,EAAA;AAPD,QAAA2B,IAA6BF;AAO3B,MAAAG;AAAA,EAAA5B,UAAA2B,KAQMC,IAAAD,EAAAA,GAAsB3B,QAAA2B,GAAA3B,QAAA4B,KAAAA,IAAA5B,EAAA,EAAA;AAAA,MAAA6B;AAAA,SAAA7B,EAAA,EAAA,MAAAwB,KAAAxB,EAAA,EAAA,MAAAD,KAAAC,EAAA,EAAA,MAAA4B,KAAA5B,UAAAE,KAL5B2B,IAAA,gBAAAC,EAACC,KAAQ,GACHhC,GACGG,OAAAA,GACF,MAAA,sBACKsB,UAAAA,GAAQ,GACdI,EAAAA,CAAsB,GAAI5B,QAAAwB,GAAAxB,QAAAD,GAAAC,QAAA4B,GAAA5B,QAAAE,GAAAF,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA,GALhC6B;AAKgC;AAMpC/B,EAAUkC,cAAc;AAnDN,SAAApB,IAAA;AAAA,SAUuBU;AAAc;"}

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

@@ -0,0 +1,6 @@
+import { ICpfProps } from './types';
+declare const CpfField: {
+    (props: ICpfProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default CpfField;

package/lib/inputs/mask/Cpf.js

@@ -0,0 +1,49 @@
+import { jsx as S } from "react/jsx-runtime";
+import { c as v } from "../../_virtual/compiler-runtime.js";
+import { useState as x, useEffect as _ } from "react";
+import y from "../../_virtual/lodash.js";
+import E from "./BaseMask.js";
+import { CPFValidation as F } from "./helpers.js";
+const k = (t) => {
+  const e = v.c(23), {
+    enableValidation: V,
+    handlerSetComponentValidator: n
+  } = t, a = V === void 0 ? !0 : V, [r, M] = x("");
+  let s;
+  e[0] !== a || e[1] !== n ? (s = () => {
+    a && n && n(P);
+  }, e[0] = a, e[1] = n, e[2] = s) : s = e[2];
+  let f;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (f = [], e[3] = f) : f = e[3], _(s, f);
+  let c;
+  e[4] !== n ? (c = y.debounce((i) => {
+    F(i, n ? void 0 : M);
+  }, 300), e[4] = n, e[5] = c) : c = e[5];
+  const o = c;
+  let m;
+  e[6] !== o.cancel ? (m = () => o.cancel, e[6] = o.cancel, e[7] = m) : m = e[7];
+  let d;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (d = [], e[8] = d) : d = e[8], _(m, d);
+  let u;
+  e[9] !== o || e[10] !== a || e[11] !== t ? (u = (i) => {
+    a && o(i.target.value), t.onChange && t.onChange(i);
+  }, e[9] = o, e[10] = a, e[11] = t, e[12] = u) : u = e[12];
+  const h = u;
+  let g;
+  e[13] !== a || e[14] !== n || e[15] !== r ? (g = () => a && !n && r ? {
+    errorMessages: [r]
+  } : {}, e[13] = a, e[14] = n, e[15] = r, e[16] = g) : g = e[16];
+  const b = g;
+  let l;
+  e[17] !== b ? (l = b(), e[17] = b, e[18] = l) : l = e[18];
+  let C;
+  return e[19] !== h || e[20] !== t || e[21] !== l ? (C = /* @__PURE__ */ S(E, { ...t, onChange: h, mask: "000.000.000-00", ...l }), e[19] = h, e[20] = t, e[21] = l, e[22] = C) : C = e[22], C;
+};
+k.displayName = "CpfField";
+function P() {
+  return F;
+}
+export {
+  k as default
+};
+//# sourceMappingURL=Cpf.js.map

package/lib/inputs/mask/Cpf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cpf.js","sources":["../../../src/lib/inputs/mask/Cpf.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport _ from 'lodash';\nimport BaseMask from './BaseMask';\nimport { CPFValidation } from './helpers';\nimport { ICpfProps } from './types';\nimport { CustomInputEvent } from '../base/types';\n\n// Em caso de alteração no nome do componente deverá ser atualizada\n// à propriedade displayName, para o mesmo nome do componente\nconst CpfField = (props: ICpfProps) => {\n  const { enableValidation = true, handlerSetComponentValidator } = props;\n  const [messageFromValidator, setMessageFromValidator] = useState('');\n\n  useEffect(() => {\n    if (enableValidation && handlerSetComponentValidator) {\n      handlerSetComponentValidator(() => CPFValidation);\n    }\n  }, []);\n\n  const debouncedOnChange = useMemo(\n    () => _.debounce((value: string) => {\n      CPFValidation(value, !handlerSetComponentValidator ?\n        setMessageFromValidator\n        : undefined);\n    }, 300),\n    [handlerSetComponentValidator],\n  );\n\n  useEffect(() => debouncedOnChange.cancel, []);\n\n  const onChange = (e: CustomInputEvent) => {\n    if (enableValidation) {\n      debouncedOnChange(e.target.value);\n      if (props.onChange) props.onChange(e);\n    } else if (props.onChange) {\n      props.onChange(e);\n    }\n  };\n\n  const getErrorMessagesProp = () => {\n    if (enableValidation && !handlerSetComponentValidator && messageFromValidator) {\n      return {\n        errorMessages: [messageFromValidator],\n      };\n    }\n    return {};\n  };\n\n  return (\n    <BaseMask\n      {...props}\n      onChange={onChange}\n      mask=\"000.000.000-00\"\n      {...getErrorMessagesProp()} />\n  );\n};\n\n// Em caso de alteração na propriedade displayName deverá ser atualizada a lógica na função\n// getCustomProps dentro do componente Field do diretório lib/form\nCpfField.displayName = 'CpfField';\n\nexport default CpfField;\n"],"names":["CpfField","props","$","_c","enableValidation","t0","handlerSetComponentValidator","undefined","messageFromValidator","setMessageFromValidator","useState","t1","_temp","t2","Symbol","for","useEffect","t3","_","debounce","value","CPFValidation","debouncedOnChange","t4","cancel","t5","t6","e","target","onChange","t7","errorMessages","getErrorMessagesProp","t8","t9","jsx","BaseMask","displayName"],"mappings":";;;;;;AASA,MAAMA,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACf;AAAA,IAAAC,kBAAAC;AAAAA,IAAAC,8BAAAA;AAAAA,EAAAA,IAAkEL,GAA1DG,IAAAC,MAAAE,SAAA,KAAAF,GACR,CAAAG,GAAAC,CAAA,IAAwDC,EAAS,EAAE;AAAE,MAAAC;AAAA,EAAAT,EAAA,CAAA,MAAAE,KAAAF,SAAAI,KAE3DK,IAAAA,MAAA;AACR,IAAIP,KAAAE,KACFA,EAA6BM,CAAmB;AAAA,EACjD,GACFV,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAY,OAAAC,IAAA,2BAAA,KAAEF,IAAA,CAAA,GAAEX,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAJLc,EAAUL,GAIPE,CAAE;AAAC,MAAAI;AAAA,EAAAf,SAAAI,KAGEW,IAAAC,EAACC,SAAUC,CAAAA,MAAA;AACfC,IAAAA,EAAcD,GAAQd,IAADC,SAAAE,CAER;AAAA,EAAC,GACb,GAAG,GAACP,OAAAI,GAAAJ,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AALT,QAAAoB,IACQL;AAMN,MAAAM;AAAA,EAAArB,EAAA,CAAA,MAAAoB,EAAAE,UAEQD,IAAAA,MAAMD,EAAiBE,QAAOtB,EAAA,CAAA,IAAAoB,EAAAE,QAAAtB,OAAAqB,KAAAA,IAAArB,EAAA,CAAA;AAAA,MAAAuB;AAAA,EAAAvB,EAAA,CAAA,MAAAY,OAAAC,IAAA,2BAAA,KAAEU,IAAA,CAAA,GAAEvB,OAAAuB,KAAAA,IAAAvB,EAAA,CAAA,GAA5Cc,EAAUO,GAAgCE,CAAE;AAAC,MAAAC;AAAA,EAAAxB,EAAA,CAAA,MAAAoB,KAAApB,UAAAE,KAAAF,EAAA,EAAA,MAAAD,KAE5ByB,IAAAC,CAAAA,MAAA;AACf,IAAIvB,KACFkB,EAAkBK,EAACC,OAAOR,KAAM,GAC5BnB,EAAK4B,YAAW5B,EAAK4B,SAAUF,CAAC;AAAA,EAGrC,GACFzB,OAAAoB,GAAApB,QAAAE,GAAAF,QAAAD,GAAAC,QAAAwB,KAAAA,IAAAxB,EAAA,EAAA;AAPD,QAAA2B,IAAiBH;AAOf,MAAAI;AAAA,EAAA5B,EAAA,EAAA,MAAAE,KAAAF,UAAAI,KAAAJ,EAAA,EAAA,MAAAM,KAE2BsB,IAAAA,MACvB1B,KAAA,CAAqBE,KAArBE,IACK;AAAA,IAAAuB,eACU,CAACvB,CAAoB;AAAA,EAAA,IAGjC,CAAA,GACRN,QAAAE,GAAAF,QAAAI,GAAAJ,QAAAM,GAAAN,QAAA4B,KAAAA,IAAA5B,EAAA,EAAA;AAPD,QAAA8B,IAA6BF;AAO3B,MAAAG;AAAA,EAAA/B,UAAA8B,KAOMC,IAAAD,EAAAA,GAAsB9B,QAAA8B,GAAA9B,QAAA+B,KAAAA,IAAA/B,EAAA,EAAA;AAAA,MAAAgC;AAAA,SAAAhC,EAAA,EAAA,MAAA2B,KAAA3B,UAAAD,KAAAC,EAAA,EAAA,MAAA+B,KAJ5BC,IAAA,gBAAAC,EAACC,KAAQ,GACHnC,GACM4B,UAAAA,GACL,MAAA,kBAAgB,GACjBI,GAAsB,GAAI/B,QAAA2B,GAAA3B,QAAAD,GAAAC,QAAA+B,GAAA/B,QAAAgC,KAAAA,IAAAhC,EAAA,EAAA,GAJhCgC;AAIgC;AAMpClC,EAASqC,cAAc;AAlDN,SAAAzB,IAAA;AAAA,SAMwBS;AAAa;"}

package/lib/inputs/mask/Phone.d.ts

@@ -0,0 +1,3 @@
+import { IPhoneFieldProps } from './types';
+declare const PhoneField: (props: IPhoneFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default PhoneField;

package/lib/inputs/mask/Phone.js

@@ -0,0 +1,14 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c } from "../../_virtual/compiler-runtime.js";
+import i from "./BaseMask.js";
+const f = (e) => {
+  const t = c.c(3), {
+    cellNumber: r
+  } = e, m = r ? "(00) 00000-0000" : "(00) 0000-0000";
+  let o;
+  return t[0] !== e || t[1] !== m ? (o = /* @__PURE__ */ s(i, { ...e, mask: m }), t[0] = e, t[1] = m, t[2] = o) : o = t[2], o;
+};
+export {
+  f as default
+};
+//# sourceMappingURL=Phone.js.map

package/lib/inputs/mask/Phone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Phone.js","sources":["../../../src/lib/inputs/mask/Phone.tsx"],"sourcesContent":["import BaseMask from './BaseMask';\nimport { IPhoneFieldProps } from './types';\n\nconst PhoneField = (props: IPhoneFieldProps) => {\n  const { cellNumber } = props;\n  return (<BaseMask {...props} mask={cellNumber ? '(00) 00000-0000' : '(00) 0000-0000'} />);\n};\n\nexport default PhoneField;\n"],"names":["PhoneField","props","$","_c","cellNumber","t0","t1","jsx","BaseMask"],"mappings":";;;AAGA,MAAMA,IAAaC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GACjB;AAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAAuBH,GACYI,IAAAD,IAAA,oBAAA;AAAiD,MAAAE;AAAA,SAAAJ,EAAA,CAAA,MAAAD,KAAAC,SAAAG,KAA5EC,IAAA,gBAAAC,EAACC,GAAA,EAAQ,GAAKP,GAAa,MAAAI,GAAiD,GAAIH,OAAAD,GAAAC,OAAAG,GAAAH,OAAAI,KAAAA,IAAAJ,EAAA,CAAA,GAAhFI;AAAgF;"}

package/lib/inputs/mask/ZipCode.d.ts

@@ -0,0 +1,3 @@
+import { IZipCode } from './types';
+declare const ZipCodeField: (props: IZipCode) => import("react/jsx-runtime").JSX.Element;
+export default ZipCodeField;

package/lib/inputs/mask/ZipCode.js

@@ -0,0 +1,12 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as r } from "../../_virtual/compiler-runtime.js";
+import i from "./BaseMask.js";
+const f = (o) => {
+  const t = r.c(2);
+  let e;
+  return t[0] !== o ? (e = /* @__PURE__ */ m(i, { ...o, mask: "00000-000" }), t[0] = o, t[1] = e) : e = t[1], e;
+};
+export {
+  f as default
+};
+//# sourceMappingURL=ZipCode.js.map

package/lib/inputs/mask/ZipCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZipCode.js","sources":["../../../src/lib/inputs/mask/ZipCode.tsx"],"sourcesContent":["import { IZipCode } from './types';\nimport BaseMask from './BaseMask';\n\nconst ZipCodeField = (props: IZipCode) => <BaseMask {...props} mask=\"00000-000\" />;\nexport default ZipCodeField;\n"],"names":["ZipCodeField","props","$","_c","t0","jsx","BaseMask"],"mappings":";;;AAGA,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAqBG,IAAA,gBAAAC,EAACC,GAAA,EAAQ,GAAKL,GAAY,MAAA,aAAW,GAAGC,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAAxCE;AAAwC;"}

package/lib/inputs/mask/helpers.d.ts

@@ -0,0 +1,5 @@
+import { ReactMaskOpts } from 'react-imask';
+import { IBaseMaskProps } from './types';
+export declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, pattern, radix, thousandsSeparator, mapToRadix, scale, normalizeZeros, padFractionalZeros, rightElements, leftElements, isDateTimeField, ...rest }: IBaseMaskProps) => ReactMaskOpts;
+export declare function CPFValidation(cpf?: string, returnMessage?: (msg: string) => void): void | "CPF inválido";
+export declare function CNPJValidation(cnpj?: string, returnMessage?: (msg: string) => void): void | "CNPJ inválido";