linear-react-components-ui 1.1.13 → 1.1.14-beta.0

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

@@ -4,8 +4,6 @@ import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
-import '../../internals/types.js';
-import '../../@types/Position.js';
 
 declare const PhoneField: (props: IPhoneFieldProps) => JSX.Element;
 

package/lib/inputs/mask/Phone.js

@@ -8,12 +8,11 @@ var _react = _interopRequireDefault(require("react"));
 var _BaseMask = _interopRequireDefault(require("./BaseMask"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const PhoneField = props => {
-  const {
-    cellNumber
-  } = props;
+var PhoneField = function PhoneField(props) {
+  var cellNumber = props.cellNumber;
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
     mask: cellNumber ? '(00) 00000-0000' : '(00) 0000-0000'
   }));
 };
-var _default = exports.default = PhoneField;
+var _default = PhoneField;
+exports.default = _default;

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

@@ -4,8 +4,6 @@ import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
-import '../../internals/types.js';
-import '../../@types/Position.js';
 
 declare const ZipCodeField: (props: IZipCode) => JSX.Element;
 

package/lib/inputs/mask/ZipCode.js

@@ -8,7 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _BaseMask = _interopRequireDefault(require("./BaseMask"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const ZipCodeField = props => /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
-  mask: "00000-000"
-}));
-var _default = exports.default = ZipCodeField;
+var ZipCodeField = function ZipCodeField(props) {
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
+    mask: "00000-000"
+  }));
+};
+var _default = ZipCodeField;
+exports.default = _default;

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

@@ -1,59 +1,18 @@
-import { TextAlign } from '../../@types/Align.js';
-import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
-import * as React from 'react';
-import { CustomInputEvent } from '../base/types.js';
-import { IBaseMaskProps } from './types.js';
+import { AnyMaskedOptions } from 'imask';
+import { IMaskHOCProps } from '../types.js';
+import 'react';
+import '../../@types/PermissionAttr.js';
+import '../../@types/DataCombo.js';
+import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../internals/types.js';
+import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
-declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, pattern, radix, thousandsSeparator, mapToRadix, scale, normalizeZeros, padFractionalZeros, rightElements, ...rest }: IBaseMaskProps) => {
-    value?: string | number | undefined;
-    onBlur?: ((e: CustomInputEvent) => void) | undefined;
-    onKeyDown?: ((e: CustomInputEvent | React.KeyboardEvent<Element>) => void) | undefined;
-    defaultValue?: string | undefined;
-    isNumeric?: boolean | undefined;
-    blocks?: any;
-    leftElements?: JSX.Element | JSX.Element[] | undefined;
-    handlerSetOnDenied?: ((onDeniedValue: OnDenied) => void) | undefined;
-    onChange?: ((e: CustomInputEvent, maskValue?: string | undefined, date?: string | undefined) => void) | undefined;
-    onComplete?: ((e: CustomInputEvent, maskValue?: string | undefined, date?: string | undefined) => void) | undefined;
-    inputRef?: React.MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void) | undefined;
-    permissionAttr?: PermissionAttr | undefined;
-    errorMessages?: string[] | undefined;
-    rounded?: boolean | undefined;
-    textAlign?: TextAlign | undefined;
-    customClassForInputContent?: string | undefined;
-    label?: string | undefined;
-    name?: string | undefined;
-    customClassForLabel?: string | undefined;
-    customClass?: string | undefined;
-    gridLayout?: string | undefined;
-    placeHolder?: string | undefined;
-    readOnly?: boolean | undefined;
-    labelUppercase?: boolean | undefined;
-    disabled?: boolean | undefined;
-    unmask?: boolean | undefined;
-    onFocus?: ((e: CustomInputEvent) => void) | undefined;
-    required?: boolean | undefined;
-    returnFormattedValueOnBlur?: boolean | undefined;
-    returnFormattedValueOnKeyDown?: boolean | undefined;
-    autoCompleteMask?: "left" | "right" | undefined;
-    definitions?: any;
-    mask?: any;
-    placeholderChar: string;
-    min: any;
-    max: any;
-    lazy: boolean;
-    pattern: string;
-    radix: string;
-    thousandsSeparator: string;
-    mapToRadix: string[];
-    scale: number;
-    normalizeZeros: boolean;
-    padFractionalZeros: boolean;
-};
+declare function extractNonMaskProps(props: IMaskHOCProps, maskProps: AnyMaskedOptions): any;
 declare function CPFValidation(cpf?: string, returnMessage?: (msg: string) => void): void | "CPF inválido";
 declare function CNPJValidation(cnpj?: string, returnMessage?: (msg: string) => void): void | "CNPJ inválido";
 
-export { CNPJValidation, CPFValidation, getMaskOptions };
+export { CNPJValidation, CPFValidation, extractNonMaskProps };

package/lib/inputs/mask/helpers.js

@@ -5,91 +5,37 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CNPJValidation = CNPJValidation;
 exports.CPFValidation = CPFValidation;
-exports.getMaskOptions = void 0;
+exports.extractNonMaskProps = extractNonMaskProps;
 var _lodash = require("lodash");
-const _excluded = ["isDateField", "placeholderChar", "min", "max", "lazy", "pattern", "radix", "thousandsSeparator", "mapToRadix", "scale", "normalizeZeros", "padFractionalZeros", "rightElements"];
-/* eslint-disable @typescript-eslint/no-explicit-any */
-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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const momentFormat = 'DD/MM/YYYY';
-const getMaskOptions = _ref => {
-  let {
-      isDateField,
-      placeholderChar = '_',
-      min,
-      max,
-      lazy = false,
-      pattern = '',
-      radix = ' ',
-      thousandsSeparator = '',
-      mapToRadix = [],
-      scale = 2,
-      normalizeZeros = true,
-      padFractionalZeros = true,
-      rightElements
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  // TODO: essa etapa deverá ser feita junto com o refactory dos componentes Date e Period.
-  // if (isDateField) {
-  //   return {
-  //     mask: Date,
-  //     min: min || new Date(1900, 0, 1),
-  //     max: max || new Date(9999, 0, 1),
-  //     pattern: momentFormat,
-  //     lazy,
-  //     format: (date: moment.MomentInput) => moment(date).format(momentFormat),
-  //     parse: (str) => moment(str, momentFormat).toDate(),
-  //     blocks: {
-  //       DD: {
-  //         mask: IMask.MaskedRange,
-  //         from: 1,
-  //         to: 31,
-  //         maxLength: 2,
-  //       },
-  //       MM: {
-  //         mask: IMask.MaskedRange,
-  //         from: 1,
-  //         to: 12,
-  //         maxLength: 2,
-  //       },
-  //       YYYY: {
-  //         mask: IMask.MaskedRange,
-  //         from: 1900,
-  //         to: 9999,
-  //       },
-  //     },
-  //   } satisfies ReactMaskOpts;
-  // }
-
-  return _objectSpread({
-    placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
-    min,
-    max,
-    lazy,
-    pattern,
-    radix,
-    thousandsSeparator,
-    mapToRadix,
-    scale,
-    normalizeZeros,
-    padFractionalZeros
-  }, rest);
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/* eslint-disable no-plusplus */
+function extractNonMaskProps(props, maskProps) {
+  var nonMask = _objectSpread({}, props);
+  Object.keys(maskProps).forEach(function (maskProp) {
+    delete nonMask[maskProp];
+  });
+  delete nonMask.value;
+  delete nonMask.onChange;
+  return nonMask;
+}
+var allEqualDigits = function allEqualDigits(input) {
+  return input.split('').every(function (char) {
+    return char === input[0];
+  });
 };
-exports.getMaskOptions = getMaskOptions;
-const allEqualDigits = input => input.split('').every(char => char === input[0]);
 function CPFValidation(cpf, returnMessage) {
-  const stringCpf = cpf ? cpf.replace(/[^\d]+/g, '') : '';
-  let sum = 0;
-  let splitRest;
+  var stringCpf = cpf ? cpf.replace(/[^\d]+/g, '') : '';
+  var sum = 0;
+  var splitRest;
   if (stringCpf === '' || stringCpf.length < 11) return returnMessage ? returnMessage('CPF inválido') : 'CPF inválido';
   if (allEqualDigits(stringCpf)) return returnMessage ? returnMessage('CPF inválido') : 'CPF inválido';
   // 1st digit validation
-  for (let i = 0; i < 9; i++) {
+  for (var i = 0; i < 9; i++) {
     sum += (0, _lodash.parseInt)(stringCpf.charAt(i), 10) * (10 - i);
   }
   splitRest = sum * 10 % 11;
@@ -98,8 +44,8 @@ function CPFValidation(cpf, returnMessage) {
   // 2nd digit validation
   sum = 0;
   splitRest = 0;
-  for (let i = 0; i < 10; i++) {
-    sum += (0, _lodash.parseInt)(stringCpf.charAt(i), 10) * (11 - i);
+  for (var _i = 0; _i < 10; _i++) {
+    sum += (0, _lodash.parseInt)(stringCpf.charAt(_i), 10) * (11 - _i);
   }
   splitRest = sum * 10 % 11;
   if (splitRest === 10 || splitRest === 11) splitRest = 0;
@@ -107,28 +53,28 @@ function CPFValidation(cpf, returnMessage) {
   return returnMessage ? returnMessage('') : undefined;
 }
 function CNPJValidation(cnpj, returnMessage) {
-  const stringCnpj = cnpj ? cnpj.replace(/[^\d]+/g, '') : '';
+  var stringCnpj = cnpj ? cnpj.replace(/[^\d]+/g, '') : '';
   if (stringCnpj === '' || stringCnpj.length !== 14) return returnMessage ? returnMessage('CNPJ inválido') : 'CNPJ inválido';
   if (allEqualDigits(stringCnpj)) return returnMessage ? returnMessage('CNPJ inválido') : 'CNPJ inválido';
-  let length = stringCnpj.length - 2;
-  let numbers = stringCnpj.substring(0, length);
-  const digits = stringCnpj.substring(length);
-  let sum = 0;
-  let pos = length - 7;
+  var length = stringCnpj.length - 2;
+  var numbers = stringCnpj.substring(0, length);
+  var digits = stringCnpj.substring(length);
+  var sum = 0;
+  var pos = length - 7;
   // 1° digit validation
-  for (let i = length; i >= 1; i--) {
+  for (var i = length; i >= 1; i--) {
     sum += (0, _lodash.parseInt)(numbers.charAt(length - i)) * pos--;
     if (pos < 2) pos = 9;
   }
-  let result = sum % 11 < 2 ? 0 : 11 - sum % 11;
+  var result = sum % 11 < 2 ? 0 : 11 - sum % 11;
   if (result.toString() !== digits.charAt(0)) return returnMessage ? returnMessage('CNPJ inválido') : 'CNPJ inválido';
   length += 1;
   numbers = stringCnpj.substring(0, length);
   sum = 0;
   pos = length - 7;
   // 2° digit validation
-  for (let i = length; i >= 1; i--) {
-    sum += (0, _lodash.parseInt)(numbers.charAt(length - i)) * pos--;
+  for (var _i2 = length; _i2 >= 1; _i2--) {
+    sum += (0, _lodash.parseInt)(numbers.charAt(length - _i2)) * pos--;
     if (pos < 2) pos = 9;
   }
   result = sum % 11 < 2 ? 0 : 11 - sum % 11;

package/lib/inputs/{errorMessage/index.d.ts → mask/imaskHOC.d.ts}

@@ -1,16 +1,18 @@
 import React__default from 'react';
-import { ErrorProps } from '../types.js';
+import { IMaskHOCProps } from '../types.js';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import '../../internals/types.js';
-import '../../@types/Position.js';
 import '../../drawer/types.js';
+import '../../@types/Position.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
 
-declare const ErrorMessage: React__default.ForwardRefExoticComponent<ErrorProps & React__default.RefAttributes<HTMLParagraphElement>>;
+declare const IMaskHOC: <ComponentProps extends IMaskHOCProps>(ComposedComponent: React__default.ComponentType<ComponentProps>) => {
+    (props: ComponentProps): JSX.Element;
+    displayName: string;
+};
 
-export { ErrorMessage, ErrorMessage as default };
+export { IMaskHOC as default };

package/lib/inputs/mask/imaskHOC.js

@@ -0,0 +1,224 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _imask = _interopRequireDefault(require("imask"));
+var helpers = _interopRequireWildcard(require("./helpers"));
+var _permissionValidations = require("../../permissionValidations");
+var _format_number = require("../number/format_number");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
+var IMaskHOC = function IMaskHOC(ComposedComponent) {
+  var MaskedComponent = function MaskedComponent(props) {
+    var permissionAttr = props.permissionAttr,
+      skeletonize = props.skeletonize,
+      _inputRef = props.inputRef,
+      _props$placeholderCha = props.placeholderChar,
+      placeholderChar = _props$placeholderCha === void 0 ? '_' : _props$placeholderCha,
+      _props$lazy = props.lazy,
+      lazy = _props$lazy === void 0 ? false : _props$lazy,
+      _props$pattern = props.pattern,
+      pattern = _props$pattern === void 0 ? '' : _props$pattern,
+      _props$radix = props.radix,
+      radix = _props$radix === void 0 ? ' ' : _props$radix,
+      _props$thousandsSepar = props.thousandsSeparator,
+      thousandsSeparator = _props$thousandsSepar === void 0 ? '' : _props$thousandsSepar,
+      _props$mapToRadix = props.mapToRadix,
+      mapToRadix = _props$mapToRadix === void 0 ? [] : _props$mapToRadix,
+      _props$scale = props.scale,
+      scale = _props$scale === void 0 ? 2 : _props$scale,
+      _props$signed = props.signed,
+      signed = _props$signed === void 0 ? false : _props$signed,
+      _props$normalizeZeros = props.normalizeZeros,
+      normalizeZeros = _props$normalizeZeros === void 0 ? true : _props$normalizeZeros,
+      _props$padFractionalZ = props.padFractionalZeros,
+      padFractionalZeros = _props$padFractionalZ === void 0 ? true : _props$padFractionalZ,
+      mask = props.mask,
+      _props$commit = props.commit,
+      commit = _props$commit === void 0 ? function () {} : _props$commit,
+      parse = props.parse,
+      format = props.format,
+      definitions = props.definitions,
+      groups = props.groups,
+      min = props.min,
+      max = props.max,
+      dispatch = props.dispatch,
+      _props$value = props.value,
+      value = _props$value === void 0 ? '' : _props$value,
+      onChange = props.onChange,
+      _props$isDateField = props.isDateField,
+      isDateField = _props$isDateField === void 0 ? false : _props$isDateField,
+      autoCompleteMask = props.autoCompleteMask;
+    var maskOptions = {
+      placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
+      lazy: lazy,
+      pattern: pattern,
+      radix: radix,
+      thousandsSeparator: thousandsSeparator,
+      mapToRadix: mapToRadix,
+      scale: scale,
+      signed: signed,
+      normalizeZeros: normalizeZeros,
+      padFractionalZeros: padFractionalZeros,
+      mask: mask,
+      commit: commit,
+      parse: parse,
+      format: format,
+      definitions: definitions,
+      groups: groups,
+      min: min,
+      max: max,
+      dispatch: dispatch
+    };
+    var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
+      _useState2 = _slicedToArray(_useState, 1),
+      onDenied = _useState2[0];
+    var elementRef = (0, _react.useRef)(null);
+    var maskRef = (0, _react.useRef)(null);
+    var hideContent = onDenied.hideContent,
+      unvisible = onDenied.unvisible,
+      disabled = onDenied.disabled,
+      readOnly = onDenied.readOnly;
+    var dontInitMask = hideContent || unvisible || skeletonize;
+    var disableCallbacks = disabled || readOnly;
+    var setValue = function setValue(newValue) {
+      if (maskRef.current) {
+        if (props.unmask) maskRef.current.unmaskedValue = newValue.toString();
+        maskRef.current.value = String(newValue);
+      }
+    };
+    var onAccept = (0, _react.useCallback)(function () {
+      if (onChange && !disableCallbacks && maskRef.current) {
+        var _maskRef$current = maskRef.current,
+          unmaskedValue = _maskRef$current.unmaskedValue,
+          el = _maskRef$current.el;
+        var name = el.name || el.input && el.input.name;
+        onChange({
+          target: {
+            value: unmaskedValue,
+            name: name
+          }
+        }, props.unmask ? unmaskedValue : maskRef.current.value);
+      }
+    }, [onChange]);
+    var onComplete = (0, _react.useCallback)(function () {
+      if (props.onComplete && !disableCallbacks && maskRef.current) {
+        var _maskRef$current2 = maskRef.current,
+          unmaskedValue = _maskRef$current2.unmaskedValue,
+          el = _maskRef$current2.el;
+        var name = el.name || el.input && el.input.name;
+        props.onComplete({
+          target: {
+            value: unmaskedValue,
+            name: name
+          }
+        }, props.unmask ? unmaskedValue : maskRef.current.value);
+      }
+    }, [props.onComplete]);
+    var autoCompleteMaskValue = (0, _react.useCallback)(function (eventTargetValue) {
+      if (autoCompleteMask && eventTargetValue.length && maskRef.current && elementRef.current) {
+        var sizeMask = maskRef.current.mask.toString().replace(/\D+/g, '').length;
+        if (sizeMask > eventTargetValue.length) {
+          switch (autoCompleteMask) {
+            case 'left':
+              setValue(eventTargetValue.padStart(sizeMask, '0'));
+              break;
+            case 'right':
+              setValue(eventTargetValue.padEnd(sizeMask, '0'));
+              break;
+            default:
+              setValue(eventTargetValue);
+              break;
+          }
+        }
+      }
+    }, [autoCompleteMask, maskRef.current, elementRef.current]);
+    var getMask = function getMask() {
+      var element = elementRef.current;
+      if (element) {
+        var maskCurrent = maskRef.current;
+        if (!maskCurrent) {
+          maskRef.current = (0, _imask.default)(element, maskOptions);
+          if (value && typeof value !== 'number' && value.trim() !== '' || value && typeof value === 'number') onAccept();
+          setValue(value);
+        } else {
+          maskCurrent.updateOptions(maskOptions);
+        }
+      }
+    };
+    var destroyMask = function destroyMask() {
+      if (maskRef.current) {
+        maskRef.current.destroy();
+        maskRef.current = null;
+      }
+    };
+    (0, _react.useEffect)(function () {
+      if (props.handlerSetOnDenied) props.handlerSetOnDenied(onDenied);
+      if (!props.mask || dontInitMask) return;
+      getMask();
+    }, [maskOptions]);
+    (0, _react.useEffect)(function () {
+      if (!maskRef.current) return;
+      var maskCurrent = maskRef.current;
+      maskCurrent.on('accept', onAccept);
+      maskCurrent.on('complete', onComplete);
+
+      // eslint-disable-next-line consistent-return
+      return function () {
+        maskCurrent.off('accept', onAccept);
+        maskCurrent.off('complete', onComplete);
+      };
+    }, [onAccept, onComplete]);
+    (0, _react.useEffect)(function () {
+      if (maskOptions.mask && !dontInitMask) {
+        if (maskRef.current) {
+          var formattedValue = isDateField ? value : (0, _format_number.numberToPtBR)(value) || '';
+          setValue(formattedValue);
+        } else {
+          getMask();
+        }
+      } else if (!dontInitMask) {
+        destroyMask();
+        if (value && elementRef.current) elementRef.current.value = value;
+      }
+    }, [value, isDateField]);
+    (0, _react.useEffect)(function () {
+      return destroyMask;
+    }, []);
+    return /*#__PURE__*/_react.default.createElement(ComposedComponent, _extends({}, helpers.extractNonMaskProps(props, maskOptions), {
+      onDeniedActions: onDenied,
+      defaultValue: value,
+      onBlur: function onBlur(e) {
+        autoCompleteMaskValue(e.target.value);
+        if (props.onBlur) props.onBlur(e);
+      },
+      onChange: function onChange(e) {
+        return setValue(e.target.value);
+      },
+      inputRef: function inputRef(el) {
+        elementRef.current = el;
+        if (_inputRef) {
+          if (_typeof(_inputRef) === 'object') _inputRef.current = el;else _inputRef(el);
+        }
+      }
+    }));
+  };
+  var nestedComponentName = ComposedComponent.displayName || ComposedComponent.name || 'Component';
+  MaskedComponent.displayName = "IMask(".concat(nestedComponentName, ")");
+  return MaskedComponent;
+};
+var _default = IMaskHOC;
+exports.default = _default;

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

@@ -1,4 +1,4 @@
-import BaseMask from './BaseMask.js';
+import _default from './BaseMask.js';
 export { default as CpfField } from './Cpf.js';
 export { default as CnpjField } from './Cnpj.js';
 export { default as PhoneField } from './Phone.js';
@@ -9,9 +9,7 @@ import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
-import '../../internals/types.js';
-import '../../@types/Position.js';
 
 
 
-export { BaseMask as default };
+export { _default as default };

package/lib/inputs/mask/index.js

@@ -5,25 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "CnpjField", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _Cnpj.default;
   }
 });
 Object.defineProperty(exports, "CpfField", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _Cpf.default;
   }
 });
 Object.defineProperty(exports, "PhoneField", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _Phone.default;
   }
 });
 Object.defineProperty(exports, "ZipCodeField", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _ZipCode.default;
   }
 });
@@ -34,4 +34,5 @@ var _Cnpj = _interopRequireDefault(require("./Cnpj"));
 var _Phone = _interopRequireDefault(require("./Phone"));
 var _ZipCode = _interopRequireDefault(require("./ZipCode"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = _BaseMask.default;
+var _default = _BaseMask.default;
+exports.default = _default;