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

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

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

package/lib/inputs/file/FileButtonSettings.js

@@ -7,28 +7,28 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _buttons = _interopRequireDefault(require("../../buttons"));
 var _icons = _interopRequireDefault(require("../../icons"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var FileButtonSettings = function FileButtonSettings(props) {
-  var _props$size = props.size,
-    size = _props$size === void 0 ? 'medium' : _props$size,
-    _props$labelButton = props.labelButton,
-    labelButton = _props$labelButton === void 0 ? 'Selecionar' : _props$labelButton,
-    id = props.id,
-    onBtnClickInsert = props.onBtnClickInsert;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FileButtonSettings = props => {
+  const {
+    size = 'medium',
+    labelButton = 'Selecionar',
+    id,
+    onBtnClickInsert
+  } = props;
   return /*#__PURE__*/_react.default.createElement("label", {
     id: "",
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     className: "uploadButton simple-search-file-button -shadowsdisabled -transparent",
-    onClick: function onClick() {
-      return onBtnClickInsert();
-    },
+    onClick: onBtnClickInsert,
     size: size,
+    style: {
+      height: '100%'
+    },
     icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: "file_download"
     }),
     label: labelButton
   }));
 };
-var _default = FileButtonSettings;
-exports.default = _default;
+var _default = exports.default = FileButtonSettings;

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

@@ -5,6 +5,8 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const transformFilesToFileList: (files: CustomFile) => FileList;
 

package/lib/inputs/file/helpers.js

@@ -4,17 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transformFilesToFileList = void 0;
-var transformFilesToFileList = function transformFilesToFileList(files) {
-  var newFiles = files;
+const transformFilesToFileList = files => {
+  let newFiles = files;
   if (!(newFiles instanceof FileList)) {
-    var dt = new DataTransfer();
+    const dt = new DataTransfer();
     if (newFiles instanceof File) {
       dt.items.add(newFiles);
       newFiles = dt.files;
     } else {
-      newFiles.map(function (file) {
-        return dt.items.add(file);
-      });
+      newFiles.map(file => dt.items.add(file));
       newFiles = dt.files;
     }
   }

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

@@ -8,6 +8,8 @@ import '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 
 

package/lib/inputs/file/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "DefaultFile", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DefaultFile.default;
   }
 });
 Object.defineProperty(exports, "DragDropFile", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DragDropFile.default;
   }
 });
@@ -20,6 +20,5 @@ var _File = _interopRequireDefault(require("./File"));
 var _DefaultFile = _interopRequireDefault(require("./DefaultFile"));
 var _DragDropFile = _interopRequireDefault(require("./DragDropFile"));
 require("../../assets/styles/file.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _File.default;
-exports.default = _default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _File.default;

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

@@ -4,6 +4,8 @@ import { CustomInputEvent } from '../base/types.js';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
 
 type CustomFile = FileList | File | File[];
 interface IFileProps {

package/lib/inputs/inputHOC.d.ts

@@ -5,8 +5,9 @@ import '../@types/DataCombo.js';
 import './base/types.js';
 import '../@types/Align.js';
 import '../@types/Period.js';
-import '../drawer/types.js';
+import '../internals/types.js';
 import '../@types/Position.js';
+import '../drawer/types.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
 

package/lib/inputs/inputHOC.js

@@ -1,48 +1,36 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _gridlayout = _interopRequireDefault(require("../gridlayout"));
-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 _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 InputHOC = function InputHOC(WrappedComponent) {
-  var EnhancedComponent = function EnhancedComponent(props) {
-    var _props$visible = props.visible,
-      visible = _props$visible === void 0 ? true : _props$visible,
-      _props$gridLayout = props.gridLayout,
-      gridLayout = _props$gridLayout === void 0 ? undefined : _props$gridLayout;
-    var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputHasFocus = _useState2[0],
-      setInputHasFocus = _useState2[1];
-    var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 1),
-      requiredError = _useState4[0];
-    var onInputReceiveFocus = function onInputReceiveFocus() {
+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); }
+const InputHOC = WrappedComponent => {
+  const EnhancedComponent = props => {
+    const {
+      visible = true,
+      gridLayout = undefined
+    } = props;
+    const [inputHasFocus, setInputHasFocus] = (0, _react.useState)(false);
+    const [requiredError] = (0, _react.useState)(false);
+    const onInputReceiveFocus = () => {
       setInputHasFocus(true);
     };
-    var onInputLostFocus = function onInputLostFocus() {
+    const onInputLostFocus = () => {
       setInputHasFocus(false);
     };
-    var newProps = {
-      inputHasFocus: inputHasFocus,
-      requiredError: requiredError,
-      onInputReceiveFocus: onInputReceiveFocus,
-      onInputLostFocus: onInputLostFocus
+    const newProps = {
+      inputHasFocus,
+      requiredError,
+      onInputReceiveFocus,
+      onInputLostFocus
     };
-    var result = /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps));
+    let result = /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps));
     if (gridLayout !== undefined && visible) {
       result = /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
         customClass: "-withinput",
@@ -53,5 +41,4 @@ var InputHOC = function InputHOC(WrappedComponent) {
   };
   return EnhancedComponent;
 };
-var _default = InputHOC;
-exports.default = _default;
+var _default = exports.default = InputHOC;

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

@@ -4,10 +4,9 @@ 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 _default: {
-    (props: IBaseMaskProps): JSX.Element;
-    displayName: string;
-};
+declare const BaseMask: ({ value: valueProp, defaultValue, inputRef, onChange, onComplete, permissionAttr, ...rest }: IBaseMaskProps) => JSX.Element;
 
-export { _default as default };
+export { BaseMask as default };

package/lib/inputs/mask/BaseMask.js

@@ -4,76 +4,164 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _imaskHOC = _interopRequireDefault(require("./imaskHOC"));
+var _react = _interopRequireWildcard(require("react"));
 var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
 var _format_number = require("../number/format_number");
-var _excluded = ["inputRef"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _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 _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; }
-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(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); }
-var returnEventFormattedValue = function returnEventFormattedValue(props, event) {
+var _reactImask = require("react-imask");
+var _permissionValidations = require("../../permissionValidations");
+var _helpers = require("./helpers");
+const _excluded = ["value", "defaultValue", "inputRef", "onChange", "onComplete", "permissionAttr"];
+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 s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(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.
-    var name = event.target.name;
-    var value = props.defaultValue || '';
+    const {
+      name
+    } = event.target;
+    const value = props.defaultValue || '';
     return _objectSpread(_objectSpread({}, event), {}, {
       target: {
         value: (0, _format_number.numberToEnUS)(value),
-        name: name
+        name
       }
     });
   }
   return event;
 };
-var getEventProps = function getEventProps(props) {
+const getEventProps = (props, setValue, maskRef) => {
   if (props.isNumeric) return {};
   return {
-    onBlur: function onBlur(e) {
+    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) {
-        var value = e.target.value;
-        var formatedValue = (0, _format_number.formatOnlyNumbers)(value);
-        var eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
+        const {
+          value
+        } = e.target;
+        const formatedValue = (0, _format_number.formatOnlyNumbers)(value);
+        const eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
           target: {
             value: formatedValue
           }
         });
-        var formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
+        const formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
         props.onBlur(formattedEvent);
       }
     },
-    onKeyDown: function onKeyDown(e) {
+    onKeyDown: e => {
       if (props.onKeyDown) {
-        var _ref = e.target,
-          value = _ref.value;
-        var formatedValue = (0, _format_number.formatOnlyNumbers)(value);
-        var eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
+        const {
+          value
+        } = e.target;
+        const formatedValue = (0, _format_number.formatOnlyNumbers)(value);
+        const eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
           target: {
             value: formatedValue
           }
         });
-        var formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
+        const formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
         props.onKeyDown(formattedEvent);
       }
     }
   };
 };
-var BaseMask = function BaseMask(_ref2) {
-  var inputRef = _ref2.inputRef,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
-    inputRef: inputRef
-  }, getEventProps(props)));
+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
+    } = _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)(rest);
+  const {
+    ref,
+    setValue,
+    maskRef
+  } = (0, _reactImask.useIMask)(maskOptions, {
+    defaultValue: 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)(() => {
+    // console.log(valueProp);
+    if (valueProp) {
+      setValue(String(valueProp));
+    }
+  }, [valueProp]);
+  return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({
+    inputRef: r => {
+      ref.current = r;
+      if (inputRef) {
+        if (typeof inputRef === 'function') {
+          inputRef(r);
+        } else {
+          inputRef.current = r;
+        }
+      }
+    },
+    permissionAttr: permissionAttr
+  }, rest, getEventProps(rest, setValue, maskRef.current)));
 };
-var _default = (0, _imaskHOC.default)(BaseMask);
-exports.default = _default;
+var _default = exports.default = BaseMask;

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

@@ -4,6 +4,8 @@ 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 CnpjField: {
     (props: ICnpjFieldProps): JSX.Element;

package/lib/inputs/mask/Cnpj.js

@@ -1,6 +1,5 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,40 +8,29 @@ var _react = _interopRequireWildcard(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _BaseMask = _interopRequireDefault(require("./BaseMask"));
 var _helpers = require("./helpers");
-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 _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; }
+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
-var CnpjField = function CnpjField(props) {
-  var _props$value = props.value,
-    value = _props$value === void 0 ? '' : _props$value,
-    _props$enableValidati = props.enableValidation,
-    enableValidation = _props$enableValidati === void 0 ? true : _props$enableValidati,
-    handlerSetComponentValidator = props.handlerSetComponentValidator;
-  var _useState = (0, _react.useState)(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    messageFromValidator = _useState2[0],
-    setMessageFromValidator = _useState2[1];
-  (0, _react.useEffect)(function () {
+const CnpjField = props => {
+  const {
+    value = '',
+    enableValidation = true,
+    handlerSetComponentValidator
+  } = props;
+  const [messageFromValidator, setMessageFromValidator] = (0, _react.useState)('');
+  (0, _react.useEffect)(() => {
     if (enableValidation && handlerSetComponentValidator) {
-      handlerSetComponentValidator(function () {
-        return _helpers.CNPJValidation;
-      });
+      handlerSetComponentValidator(() => _helpers.CNPJValidation);
     }
   }, []);
-  var onChange = function onChange(e) {
+  const onChange = e => {
     if (enableValidation && e) {
-      var debouncedOnChange;
+      let debouncedOnChange;
       if (!debouncedOnChange) {
-        debouncedOnChange = _lodash.default.debounce(function () {
+        debouncedOnChange = _lodash.default.debounce(() => {
           (0, _helpers.CNPJValidation)(e.target.value, !handlerSetComponentValidator ? setMessageFromValidator : undefined);
         }, 300);
       }
@@ -51,7 +39,7 @@ var CnpjField = function CnpjField(props) {
     }
     if (props.onChange) props.onChange(e);
   };
-  var getErrorMessagesProp = function getErrorMessagesProp() {
+  const getErrorMessagesProp = () => {
     if (enableValidation && !handlerSetComponentValidator && messageFromValidator) {
       return {
         errorMessages: [messageFromValidator]
@@ -69,5 +57,4 @@ var CnpjField = function CnpjField(props) {
 // 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 = CnpjField;
-exports.default = _default;
+var _default = exports.default = CnpjField;

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

@@ -4,6 +4,8 @@ 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 CpfField: {
     (props: ICpfProps): JSX.Element;