linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.18

package/lib/inputs/mask/BaseMask.js

@@ -1,144 +1,172 @@
-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) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+var _format_number = require("../number/format_number");
+var _reactImask = require("react-imask");
+var _permissionValidations = require("../../permissionValidations");
+var _helpers = require("./helpers");
+const _excluded = ["value", "defaultValue", "inputRef", "onChange", "onComplete", "permissionAttr", "mask", "isDateTimeField"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const 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.
     const {
-      name: o
-    } = u.target, a = e.defaultValue || "";
-    return {
-      ...u,
+      name
+    } = event.target;
+    const value = props.defaultValue || '';
+    return _objectSpread(_objectSpread({}, event), {}, {
       target: {
-        value: String(b(a)),
-        name: o
+        value: String((0, _format_number.numberToEnUS)(value)),
+        name
       }
-    };
+    });
   }
-  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
+  return event;
+};
+const getEventProps = (props, setValue, maskRef) => {
+  if (props.isNumeric) return {};
+  return {
+    onBlur: e => {
+      if (maskRef.unmaskedValue.trim().length && props.autoCompleteMask) {
+        const currentValue = maskRef.unmaskedValue;
+        const sizeMask = maskRef.mask.toString().replace(/\D+/g, '').length;
+        if (sizeMask > currentValue.length) {
+          switch (props.autoCompleteMask) {
+            case 'left':
+              setValue(currentValue.padStart(sizeMask, '0'));
+              break;
+            case 'right':
+              setValue(currentValue.padEnd(sizeMask, '0'));
+              break;
+            default:
+              setValue(currentValue);
+              break;
+          }
         }
-      }, l = k(e, i);
-      e.onKeyDown(l);
+      }
+      if (props.onBlur) {
+        const {
+          value
+        } = e.target;
+        const formatedValue = (0, _format_number.formatOnlyNumbers)(value);
+        const eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
+          target: _objectSpread(_objectSpread({}, e.target), {}, {
+            value: formatedValue
+          })
+        });
+        const formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
+        props.onBlur(formattedEvent);
+      }
+    },
+    onKeyDown: e => {
+      if (props.onKeyDown) {
+        const {
+          value
+        } = e.target;
+        const formatedValue = (0, _format_number.formatOnlyNumbers)(value);
+        const eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
+          target: {
+            value: formatedValue
+          }
+        });
+        const formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
+        props.onKeyDown(formattedEvent);
+      }
     }
-  }
-}, 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 = {
+  };
+};
+const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
+const BaseMask = _ref => {
+  let {
+      value: valueProp,
+      defaultValue,
+      inputRef,
+      onChange,
+      onComplete,
+      permissionAttr,
+      mask,
+      isDateTimeField
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
+  const {
+    disabled,
+    readOnly
+  } = onDenied;
+  const disableCallbacks = disabled || readOnly;
+  const maskOptions = (0, _helpers.getMaskOptions)(_objectSpread({
+    mask,
+    isDateTimeField
+  }, rest));
+  const {
+    ref,
+    setValue,
+    setUnmaskedValue,
+    maskRef
+  } = (0, _reactImask.useIMask)(_objectSpread({}, maskOptions), {
+    defaultValue,
+    onAccept: (_, r) => {
+      if (!disableCallbacks && onChange) {
+        const event = {
           target: {
-            name: t.el.input.name,
-            value: t.unmaskedValue,
-            maskedValue: t.value,
-            typedValue: t.typedValue
+            name: r.el.input.name,
+            value: r.unmaskedValue,
+            maskedValue: r.value,
+            typedValue: r.typedValue
           }
         };
-        a(c);
+        onChange(event);
       }
     },
-    onComplete: (m, t) => {
-      if (!f && n) {
-        const c = {
+    onComplete: (_, r) => {
+      if (!disableCallbacks && onComplete) {
+        const event = {
           target: {
-            name: t.el.input.name,
-            value: t.unmaskedValue,
-            maskedValue: t.value,
-            typedValue: t.typedValue
+            name: r.el.input.name,
+            value: r.unmaskedValue,
+            maskedValue: r.value,
+            typedValue: r.typedValue
           }
         };
-        n(c);
+        onComplete(event);
       }
     }
   });
-  return h(() => {
-    if (i === Number || typeof e == "number") {
-      const t = b(String(e));
-      Number.isNaN(t) || E(String(t));
+  (0, _react.useEffect)(() => {
+    if (mask === Number || typeof valueProp === 'number') {
+      const updatedUnmaskedValue = (0, _format_number.numberToEnUS)(String(valueProp));
+      if (!Number.isNaN(updatedUnmaskedValue)) setUnmaskedValue(String(updatedUnmaskedValue));
       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
+    const updatedValue = valueProp ? String(valueProp) : '';
+    setValue(updatedValue);
+  }, [valueProp]);
+  return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({
+    inputRef: r => {
+      ref.current = r;
+      if (inputRef) {
+        if (typeof inputRef === 'object') inputRef.current = r;else inputRef(r);
+      }
+    },
+    permissionAttr: permissionAttr
+  }, rest, getEventProps(rest, setValue, maskRef.current)));
 };
-//# sourceMappingURL=BaseMask.js.map
+var _default = exports.default = BaseMask;

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

@@ -1,6 +1,15 @@
-import { ICnpjFieldProps } from './types';
+import { ICnpjFieldProps } from './types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
 declare const CnpjField: {
-    (props: ICnpjFieldProps): import("react/jsx-runtime").JSX.Element;
+    (props: ICnpjFieldProps): JSX.Element;
     displayName: string;
 };
-export default CnpjField;
+
+export { CnpjField as default };

package/lib/inputs/mask/Cnpj.js

@@ -1,47 +1,60 @@
-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);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _BaseMask = _interopRequireDefault(require("./BaseMask"));
+var _helpers = require("./helpers");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+// Em caso de alteração no nome do componente deverá ser atualizada
+// à propriedade displayName, para o mesmo nome do componente
+const CnpjField = props => {
+  const {
+    value = '',
+    enableValidation = true,
+    handlerSetComponentValidator
+  } = props;
+  const [messageFromValidator, setMessageFromValidator] = (0, _react.useState)('');
+  (0, _react.useEffect)(() => {
+    if (enableValidation && handlerSetComponentValidator) {
+      handlerSetComponentValidator(() => _helpers.CNPJValidation);
     }
-    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
+  }, []);
+  const onChange = e => {
+    if (enableValidation && e) {
+      let debouncedOnChange;
+      if (!debouncedOnChange) {
+        debouncedOnChange = _lodash.default.debounce(() => {
+          (0, _helpers.CNPJValidation)(e.target.value, !handlerSetComponentValidator ? setMessageFromValidator : undefined);
+        }, 300);
+      }
+      debouncedOnChange();
+      if (props.onChange) props.onChange(e);
+    }
+    if (props.onChange) props.onChange(e);
+  };
+  const getErrorMessagesProp = () => {
+    if (enableValidation && !handlerSetComponentValidator && messageFromValidator) {
+      return {
+        errorMessages: [messageFromValidator]
+      };
+    }
+    return {};
+  };
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
+    value: value,
+    mask: "00.000.000/0000-00",
+    onChange: onChange
+  }, getErrorMessagesProp()));
 };
-//# sourceMappingURL=Cnpj.js.map
+
+// 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
+CnpjField.displayName = 'CnpjField';
+var _default = exports.default = CnpjField;

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

@@ -1,6 +1,15 @@
-import { ICpfProps } from './types';
+import { ICpfProps } from './types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
 declare const CpfField: {
-    (props: ICpfProps): import("react/jsx-runtime").JSX.Element;
+    (props: ICpfProps): JSX.Element;
     displayName: string;
 };
-export default CpfField;
+
+export { CpfField as default };

package/lib/inputs/mask/Cpf.js

@@ -1,49 +1,57 @@
-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;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _BaseMask = _interopRequireDefault(require("./BaseMask"));
+var _helpers = require("./helpers");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+// Em caso de alteração no nome do componente deverá ser atualizada
+// à propriedade displayName, para o mesmo nome do componente
+const CpfField = props => {
+  const {
+    enableValidation = true,
+    handlerSetComponentValidator
+  } = props;
+  const [messageFromValidator, setMessageFromValidator] = (0, _react.useState)('');
+  (0, _react.useEffect)(() => {
+    if (enableValidation && handlerSetComponentValidator) {
+      handlerSetComponentValidator(() => _helpers.CPFValidation);
+    }
+  }, []);
+  const debouncedOnChange = (0, _react.useMemo)(() => _lodash.default.debounce(value => {
+    (0, _helpers.CPFValidation)(value, !handlerSetComponentValidator ? setMessageFromValidator : undefined);
+  }, 300), [handlerSetComponentValidator]);
+  (0, _react.useEffect)(() => debouncedOnChange.cancel, []);
+  const onChange = e => {
+    if (enableValidation) {
+      debouncedOnChange(e.target.value);
+      if (props.onChange) props.onChange(e);
+    } else if (props.onChange) {
+      props.onChange(e);
+    }
+  };
+  const getErrorMessagesProp = () => {
+    if (enableValidation && !handlerSetComponentValidator && messageFromValidator) {
+      return {
+        errorMessages: [messageFromValidator]
+      };
+    }
+    return {};
+  };
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
+    onChange: onChange,
+    mask: "000.000.000-00"
+  }, getErrorMessagesProp()));
 };
-k.displayName = "CpfField";
-function P() {
-  return F;
-}
-export {
-  k as default
-};
-//# sourceMappingURL=Cpf.js.map
+
+// 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';
+var _default = exports.default = CpfField;

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

@@ -1,3 +1,12 @@
-import { IPhoneFieldProps } from './types';
-declare const PhoneField: (props: IPhoneFieldProps) => import("react/jsx-runtime").JSX.Element;
-export default PhoneField;
+import { IPhoneFieldProps } from './types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
+declare const PhoneField: (props: IPhoneFieldProps) => JSX.Element;
+
+export { PhoneField as default };

package/lib/inputs/mask/Phone.js

@@ -1,14 +1,19 @@
-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;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _BaseMask = _interopRequireDefault(require("./BaseMask"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const PhoneField = props => {
+  const {
+    cellNumber
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
+    mask: cellNumber ? '(00) 00000-0000' : '(00) 0000-0000'
+  }));
 };
-export {
-  f as default
-};
-//# sourceMappingURL=Phone.js.map
+var _default = exports.default = PhoneField;

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

@@ -1,3 +1,12 @@
-import { IZipCode } from './types';
-declare const ZipCodeField: (props: IZipCode) => import("react/jsx-runtime").JSX.Element;
-export default ZipCodeField;
+import { IZipCode } from './types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
+declare const ZipCodeField: (props: IZipCode) => JSX.Element;
+
+export { ZipCodeField as default };