linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/inputs/mask/BaseMask.js

@@ -1,171 +1,106 @@
-"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 _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; }
-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
-    } = event.target;
-    const value = props.defaultValue || '';
-    return _objectSpread(_objectSpread({}, event), {}, {
-      target: {
-        value: String((0, _format_number.numberToEnUS)(value)),
-        name
-      }
-    });
-  }
-  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;
-          }
-        }
-      }
-      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);
-      }
-    }
-  };
+import { OPTIONS_ON_DENIED as e, actionsOnPermissionDenied as t } from "../../permissionValidations.js";
+import n from "../base/InputTextBase.js";
+import { useIMask as r } from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/index.js";
+import { formatOnlyNumbers as i, numberToEnUS as a } from "../number/format_number.js";
+import { getMaskOptions as o } from "./helpers.js";
+import { useEffect as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/lib/inputs/mask/BaseMask.tsx
+var l = (e, t) => {
+	if (e.returnFormattedValueOnBlur || e.returnFormattedValueOnKeyDown) {
+		let { name: n } = t.target, r = e.defaultValue || "";
+		return {
+			...t,
+			target: {
+				value: String(a(r)),
+				name: n
+			}
+		};
+	}
+	return t;
+}, u = (e, t, n) => e.isNumeric ? {} : {
+	onBlur: (r) => {
+		if (n.unmaskedValue.trim().length && e.autoCompleteMask) {
+			let r = n.unmaskedValue, i = n.mask.toString().replace(/\D+/g, "").length;
+			if (i > r.length) switch (e.autoCompleteMask) {
+				case "left":
+					t(r.padStart(i, "0"));
+					break;
+				case "right":
+					t(r.padEnd(i, "0"));
+					break;
+				default:
+					t(r);
+					break;
+			}
+		}
+		if (e.onBlur) {
+			let { value: t } = r.target, n = i(t), a = l(e, {
+				...r,
+				target: {
+					...r.target,
+					value: n
+				}
+			});
+			e.onBlur(a);
+		}
+	},
+	onKeyDown: (t) => {
+		if (e.onKeyDown) {
+			let { value: n } = t.target, r = i(n), a = l(e, {
+				...t,
+				target: { value: r }
+			});
+			e.onKeyDown(a);
+		}
+	}
+}, d = [
+	e.disabled,
+	e.unvisible,
+	e.readOnly,
+	e.hideContent
+], f = ({ value: e, defaultValue: i, inputRef: l, onChange: f, onComplete: p, permissionAttr: m, mask: h, isDateTimeField: g, ..._ }) => {
+	let { disabled: v, readOnly: y } = t(d, m), b = v || y, { ref: x, setValue: S, setUnmaskedValue: C, maskRef: w } = r({ ...o({
+		mask: h,
+		isDateTimeField: g,
+		..._
+	}) }, {
+		defaultValue: i,
+		onAccept: (e, t) => {
+			!b && f && f({ target: {
+				name: t.el.input.name,
+				value: t.unmaskedValue,
+				maskedValue: t.value,
+				typedValue: t.typedValue
+			} });
+		},
+		onComplete: (e, t) => {
+			!b && p && p({ target: {
+				name: t.el.input.name,
+				value: t.unmaskedValue,
+				maskedValue: t.value,
+				typedValue: t.typedValue
+			} });
+		}
+	});
+	return s(() => {
+		if (h === Number || typeof e == "number") {
+			let t = a(String(e));
+			Number.isNaN(t) || C(String(t));
+			return;
+		}
+		S(e ? String(e) : "");
+	}, [e]), /* @__PURE__ */ c(n, {
+		inputRef: (e) => {
+			x.current = e, l && (typeof l == "object" ? l.current = e : l(e));
+		},
+		permissionAttr: m,
+		..._,
+		...u(_, S, w.current)
+	});
 };
-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: r.el.input.name,
-            value: r.unmaskedValue,
-            maskedValue: r.value,
-            typedValue: r.typedValue
-          }
-        };
-        onChange(event);
-      }
-    },
-    onComplete: (_, r) => {
-      if (!disableCallbacks && onComplete) {
-        const event = {
-          target: {
-            name: r.el.input.name,
-            value: r.unmaskedValue,
-            maskedValue: r.value,
-            typedValue: r.typedValue
-          }
-        };
-        onComplete(event);
-      }
-    }
-  });
-  (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 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)));
-};
-var _default = exports.default = BaseMask;
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=BaseMask.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseMask.js","names":[],"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"],"mappings":";;;;;;;;;AASA,IAAM,KACJ,GACA,MACG;AACH,KAAI,EAAM,8BAA8B,EAAM,+BAA+B;EAK3E,IAAM,EAAE,YAAS,EAAM,QACjB,IAAQ,EAAM,gBAAgB;AACpC,SAAO;GAAE,GAAG;GAAO,QAAQ;IAAE,OAAO,OAAO,EAAa,EAAM,CAAC;IAAE;;GAAQ;;AAE3E,QAAO;GAGH,KAAiB,GAAuB,GAA4B,MACpE,EAAM,YAAkB,EAAE,GACvB;CACL,SAAS,MAAwB;AAC/B,MAAI,EAAQ,cAAc,MAAM,CAAC,UAAU,EAAM,kBAAkB;GACjE,IAAM,IAAe,EAAQ,eACvB,IAAW,EAAQ,KAAK,UAAU,CAAC,QAAQ,QAAQ,GAAG,CAAC;AAC7D,OAAI,IAAW,EAAa,OAC1B,SAAQ,EAAM,kBAAd;IACE,KAAK;AACH,OAAS,EAAa,SAAS,GAAU,IAAI,CAAC;AAC9C;IACF,KAAK;AACH,OAAS,EAAa,OAAO,GAAU,IAAI,CAAC;AAC5C;IACF;AACE,OAAS,EAAa;AACtB;;;AAIR,MAAI,EAAM,QAAQ;GAChB,IAAM,EAAE,aAAU,EAAE,QACd,IAAgB,EAAkB,EAAM,EAExC,IACJ,EAA0B,GAFG;IAAE,GAAG;IAAG,QAAQ;KAAE,GAAG,EAAE;KAAQ,OAAO;;IAAiB,CAE5B;AAC1D,KAAM,OAAO,EAAe;;;CAGhC,YAAY,MAAiD;AAC3D,MAAI,EAAM,WAAW;GACnB,IAAM,EAAE,aAAU,EAAE,QACd,IAAgB,EAAkB,EAAM,EAExC,IACJ,EAA0B,GAFG;IAAE,GAAG;IAAG,QAAQ,EAAE,OAAO,GAAA;IAAiB,CAEK;AAC9E,KAAM,UAAU,EAAe;;;CAGpC,EAGG,IAAU;CACd,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CACnB,EAEK,KAAY,EAChB,OAAO,GACP,iBACA,aACA,aACA,eACA,mBACA,SACA,oBACA,GAAG,QACiB;CAEpB,IAAM,EAAE,aAAU,gBADD,EAA0B,GAAS,EAAe,EAE7D,IAAmB,KAAY,GAE/B,EAAE,QAAK,aAAU,qBAAkB,eAAY,EAAS,EAC5D,GAFkB,EAAe;EAAE;EAAM;EAAiB,GAAG;EAAM,CAAC,EAGrE,EAAE;EACD;EACA,WAAW,GAAG,MAAM;AAClB,GAAI,CAAC,KAAoB,KASvB,EARgC,EAC9B,QAAQ;IACN,MAAM,EAAE,GAAG,MAAM;IACjB,OAAO,EAAE;IACT,aAAa,EAAE;IACf,YAAY,EAAE;MAEjB,CACc;;EAGnB,aAAa,GAAG,MAAM;AACpB,GAAI,CAAC,KAAoB,KASvB,EARgC,EAC9B,QAAQ;IACN,MAAM,EAAE,GAAG,MAAM;IACjB,OAAO,EAAE;IACT,aAAa,EAAE;IACf,YAAY,EAAE;MAEjB,CACgB;;EAGtB,CAAC;AAaF,QAXA,QAAgB;AACd,MAAI,MAAS,UAAU,OAAO,KAAc,UAAU;GACpD,IAAM,IAAuB,EAAa,OAAO,EAAU,CAAC;AAC5D,GAAK,OAAO,MAAM,EAAqB,IAAE,EAAiB,OAAO,EAAqB,CAAC;AACvF;;AAIF,IADqB,IAAY,OAAO,EAAU,GAAG,GAC/B;IACrB,CAAC,EAAU,CAAC,EAGb,kBAAC,GAAD;EACE,WAAW,MAAM;AAEf,GADA,EAAI,UAAU,GACV,MACE,OAAO,KAAa,WAAU,EAAS,UAAU,IAChD,EAAS,EAAE;;EAGJ;EAChB,GAAI;EACJ,GAAI,EAAc,GAAM,GAAU,EAAQ,QAAA;EAAY,CAAA"}

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

@@ -1,15 +1,6 @@
-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';
-
+import { ICnpjFieldProps } from './types';
 declare const CnpjField: {
-    (props: ICnpjFieldProps): JSX.Element;
+    (props: ICnpjFieldProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-
-export { CnpjField as default };
+export default CnpjField;

package/lib/inputs/mask/Cnpj.js

@@ -1,59 +1,44 @@
-"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 _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); }
-// 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);
-    }
-  }, []);
-  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()));
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_compiler_runtime as t } from "../../node_modules/react/compiler-runtime.js";
+import { require_lodash as n } from "../../node_modules/lodash/lodash.js";
+import { CNPJValidation as r } from "./helpers.js";
+import i from "./BaseMask.js";
+import { useEffect as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/lib/inputs/mask/Cnpj.tsx
+var c = t(), l = /* @__PURE__ */ e(n(), 1), u = (e) => {
+	let t = (0, c.c)(17), { value: n, enableValidation: u, handlerSetComponentValidator: f } = e, p = n === void 0 ? "" : n, m = u === void 0 ? !0 : u, [h, g] = o(""), _;
+	t[0] !== m || t[1] !== f ? (_ = () => {
+		m && f && f(d);
+	}, t[0] = m, t[1] = f, t[2] = _) : _ = t[2];
+	let v;
+	t[3] === Symbol.for("react.memo_cache_sentinel") ? (v = [], t[3] = v) : v = t[3], a(_, v);
+	let y;
+	t[4] !== m || t[5] !== f || t[6] !== e ? (y = (t) => {
+		if (m && t) {
+			let n;
+			n ||= l.default.debounce(() => {
+				r(t.target.value, f ? void 0 : g);
+			}, 300), n(), e.onChange && e.onChange(t);
+		}
+		e.onChange && e.onChange(t);
+	}, t[4] = m, t[5] = f, t[6] = e, t[7] = y) : y = t[7];
+	let b = y, x;
+	t[8] !== m || t[9] !== f || t[10] !== h ? (x = () => m && !f && h ? { errorMessages: [h] } : {}, t[8] = m, t[9] = f, t[10] = h, t[11] = x) : x = t[11];
+	let S = x, C;
+	return t[12] !== S || t[13] !== b || t[14] !== e || t[15] !== p ? (C = s(i, {
+		...e,
+		value: p,
+		mask: "00.000.000/0000-00",
+		onChange: b,
+		...S()
+	}), t[12] = S, t[13] = b, t[14] = e, t[15] = p, t[16] = C) : C = t[16], C;
 };
+u.displayName = "CnpjField";
+function d() {
+	return r;
+}
+//#endregion
+export { u as default };
 
-// 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;
+//# sourceMappingURL=Cnpj.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cnpj.js","names":[],"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"],"mappings":";;;;;;;;4CASM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EACJ,EAAA,OAAA,GAAA,kBAAA,GAAA,oCAII,GAHF,IAAA,MAAA,KAAA,IAAA,KAAA,GACA,IAAA,MAAA,KAAA,IAAA,KAAA,GAGF,CAAA,GAAA,KAAwD,EAAS,GAAG,EAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEpE,UAAA;AACE,EAAI,KAAA,KACF,EAAA,EAAkD;;;AAFtD,qDAIG,IAAA,EAAE,EAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAJL,EAAA,GAIG,EAAG;CAAA,IAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEA,KAAA,MAAA;AACJ,MAAI,KAAA,GAAoB;GAClB,IAAA;AASJ,GARA,AACE,MAAoB,EAAA,QAAA,eAAE;AACpB,MAAe,EAAA,OAAE,OAAe,IAAD,KAAA,IAAA,EAEjB;MACb,IAAI,EAET,GAAmB,EACf,EAAA,YAAgB,EAAA,SAAe,EAAE;;AAEvC,EAAI,EAAA,YAAgB,EAAA,SAAe,EAAE;;CAbvC,IAAA,IAAM;4CAgBA,UACA,KAAA,CAAqB,KAArB,IACK,EAAA,eACU,CAAC,EAAA,EACjB,GAEI,EAAE;CANX,IAAA,IAAM;AAe4B,oEALhC,IAAA,EAAC,GAAD;EAAA,GACM;EAAA;EAAA,MAEC;EAAA;EAAA,GAED,GAAA;EAA0B,CAAA,EAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KALhC;;AAWJ,EAAU,cAAc;AAnDlB,SAAA,IAAA;AAAA,QAUmC"}

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

@@ -1,15 +1,6 @@
-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';
-
+import { ICpfProps } from './types';
 declare const CpfField: {
-    (props: ICpfProps): JSX.Element;
+    (props: ICpfProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-
-export { CpfField as default };
+export default CpfField;

package/lib/inputs/mask/Cpf.js

@@ -1,56 +1,45 @@
-"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 _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); }
-// 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()));
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_compiler_runtime as t } from "../../node_modules/react/compiler-runtime.js";
+import { require_lodash as n } from "../../node_modules/lodash/lodash.js";
+import { CPFValidation as r } from "./helpers.js";
+import i from "./BaseMask.js";
+import { useEffect as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/lib/inputs/mask/Cpf.tsx
+var c = t(), l = /* @__PURE__ */ e(n(), 1), u = (e) => {
+	let t = (0, c.c)(21), { enableValidation: n, handlerSetComponentValidator: u } = e, f = n === void 0 ? !0 : n, [p, m] = o(""), h;
+	t[0] !== f || t[1] !== u ? (h = () => {
+		f && u && u(d);
+	}, t[0] = f, t[1] = u, t[2] = h) : h = t[2];
+	let g;
+	t[3] === Symbol.for("react.memo_cache_sentinel") ? (g = [], t[3] = g) : g = t[3], a(h, g);
+	let _;
+	t[4] === u ? _ = t[5] : (_ = l.default.debounce((e) => {
+		r(e, u ? void 0 : m);
+	}, 300), t[4] = u, t[5] = _);
+	let v = _, y;
+	t[6] === v.cancel ? y = t[7] : (y = () => v.cancel, t[6] = v.cancel, t[7] = y);
+	let b;
+	t[8] === Symbol.for("react.memo_cache_sentinel") ? (b = [], t[8] = b) : b = t[8], a(y, b);
+	let x;
+	t[9] !== v || t[10] !== f || t[11] !== e ? (x = (t) => {
+		f && v(t.target.value), e.onChange && e.onChange(t);
+	}, t[9] = v, t[10] = f, t[11] = e, t[12] = x) : x = t[12];
+	let S = x, C;
+	t[13] !== f || t[14] !== u || t[15] !== p ? (C = () => f && !u && p ? { errorMessages: [p] } : {}, t[13] = f, t[14] = u, t[15] = p, t[16] = C) : C = t[16];
+	let w = C, T;
+	return t[17] !== w || t[18] !== S || t[19] !== e ? (T = s(i, {
+		...e,
+		onChange: S,
+		mask: "000.000.000-00",
+		...w()
+	}), t[17] = w, t[18] = S, t[19] = e, t[20] = T) : T = t[20], T;
 };
+u.displayName = "CpfField";
+function d() {
+	return r;
+}
+//#endregion
+export { u as default };
 
-// 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;
+//# sourceMappingURL=Cpf.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cpf.js","names":[],"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"],"mappings":";;;;;;;;4CASM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EACJ,EAAA,kBAAA,GAAA,oCAAkE,GAA1D,IAAA,MAAA,KAAA,IAAA,KAAA,GACR,CAAA,GAAA,KAAwD,EAAS,GAAG,EAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEpE,UAAA;AACE,EAAI,KAAA,KACF,EAAA,EAAiD;;;AAFrD,qDAIG,IAAA,EAAE,EAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAJL,EAAA,GAIG,EAAG;CAAA,IAAA;AAAA,CAAA,EAAA,OAAA,IAOG,IAAA,EAAA,MAJD,IAAA,EAAA,QAAA,UAAE,MAAA;AACN,IAAc,GAAQ,IAAD,KAAA,IAAA,EAEP;IACb,IAAI,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CALT,IAAA,IACQ,GAMP;AAAA,CAAA,EAAA,OAAA,EAAA,SAEiC,IAAA,EAAA,MAAlC,UAAgB,EAAA,QAAkB,EAAA,KAAA,EAAA,QAAA,EAAA,KAAA;CAAA,IAAA;AAAlC,CAAkC,EAAA,OAAA,OAAA,IAAA,4BAAA,IAAQ,IAAA,EAAE,EAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAA5C,EAAA,GAA0C,EAAG;CAAA,IAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAEvC,KAAA,MAAA;AACJ,EAAI,KACF,EAAkB,EAAA,OAAE,MAAa,EAExB,EAAA,YACT,EAAA,SAAe,EAAE;;CALrB,IAAA,IAAM;8CASA,UACA,KAAA,CAAqB,KAArB,IACK,EAAA,eACU,CAAC,EAAA,EACjB,GAEI,EAAE;CANX,IAAA,IAAM;AAc4B,qDAJhC,IAAA,EAAC,GAAD;EAAA,GACM;EAAA;EAAA,MAEC;EAAA,GACD,GAAA;EAA0B,CAAA,EAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KAJhC;;AAUJ,EAAS,cAAc;AAlDjB,SAAA,IAAA;AAAA,QAMmC"}

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

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

package/lib/inputs/mask/Phone.js

@@ -1,19 +1,14 @@
-"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'
-  }));
+import e from "./BaseMask.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/inputs/mask/Phone.tsx
+var n = (n) => {
+	let { cellNumber: r } = n;
+	return /* @__PURE__ */ t(e, {
+		...n,
+		mask: r ? "(00) 00000-0000" : "(00) 0000-0000"
+	});
 };
-var _default = exports.default = PhoneField;
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=Phone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Phone.js","names":[],"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"],"mappings":";;;AAGA,IAAM,KAAc,MAA4B;CAC9C,IAAM,EAAE,kBAAe;AACvB,QAAQ,kBAAC,GAAD;EAAU,GAAI;EAAO,MAAM,IAAa,oBAAoB;EAAoB,CAAA"}