linear-react-components-ui 1.1.20-beta.42 → 1.1.20-beta.43

package/lib/inputs/base/InputTextBase.js

@@ -72,7 +72,8 @@ const InputTextBase = props => {
     readOnlyClass,
     autoComplete = 'on',
     themePopover = 'light',
-    popoverAlign = 'left'
+    popoverAlign = 'left',
+    tabIndex
   } = props;
   let propsInput;
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
@@ -86,7 +87,11 @@ const InputTextBase = props => {
   (0, _react.useEffect)(() => {
     if (handlerSetOnDenied) handlerSetOnDenied(onDenied);
   }, []);
-  const applyTabIndex = () => readOnly ? -1 : 0;
+  const applyTabIndex = () => {
+    if (readOnly) return -1;
+    if (tabIndex) return tabIndex;
+    return 0;
+  };
   const shouldDisable = () => disabled || onDenied.disabled;
   const shouldBeReadOnly = () => readOnly || onDenied.readOnly;
   const inputProps = () => {

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

@@ -95,6 +95,7 @@ interface IBaseProps {
     autoComplete?: 'on' | 'off';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
+    tabIndex?: number;
 }
 
 export { CustomInputEvent, IBaseProps, InputLabelProps };

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

@@ -37,13 +37,13 @@ declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, p
     required?: boolean | undefined;
     returnFormattedValueOnBlur?: boolean | undefined;
     returnFormattedValueOnKeyDown?: boolean | undefined;
-    autoCompleteMask?: "left" | "right" | undefined;
+    autoCompleteMask?: "right" | "left" | undefined;
     definitions?: any;
     mask?: any;
     hint?: string | string[] | undefined;
     hintPosition?: "below" | "onLabelRight" | undefined;
-    themePopover?: "light" | "dark" | undefined;
-    popoverAlign?: "left" | "right" | undefined;
+    themePopover?: "dark" | "light" | undefined;
+    popoverAlign?: "right" | "left" | undefined;
     placeholderChar: string;
     min: any;
     max: any;

package/lib/inputs/number/BaseNumber.d.ts

@@ -12,6 +12,6 @@ import '../../drawer/types.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
 
-declare const BaseNumber: (props: IBaseNumberProps) => JSX.Element;
+declare const BaseNumber: ({ value, ...props }: IBaseNumberProps) => JSX.Element;
 
 export { BaseNumber as default };

package/lib/inputs/number/BaseNumber.js

@@ -7,8 +7,11 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
 var _format_number = require("./format_number");
+const _excluded = ["value"];
 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); }
+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; }
@@ -54,13 +57,17 @@ const getEventProps = props => {
     }
   };
 };
-const BaseNumber = props => {
+const BaseNumber = _ref => {
+  let {
+      value
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const eventProps = _objectSpread(_objectSpread({}, props), {}, {
     returnFormattedValueOnBlur: true,
     returnFormattedValueOnKeyDown: true
   });
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
-    value: (0, _format_number.numberToPtBR)(props.value),
+    value: (0, _format_number.numberToPtBR)(value ?? 0),
     thousandsSeparator: ".",
     radix: ",",
     mask: Number,

package/lib/inputs/number/Currency.d.ts

@@ -12,6 +12,6 @@ import '../../drawer/types.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
 
-declare const CurrencyField: (props: ICurrencyProps) => JSX.Element;
+declare const CurrencyField: ({ displayCurrencySymbol, ...props }: ICurrencyProps) => JSX.Element;
 
 export { CurrencyField as default };

package/lib/inputs/number/Currency.js

@@ -6,17 +6,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
+const _excluded = ["displayCurrencySymbol"];
 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 CurrencyField = props => {
+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; }
+const CurrencyField = _ref => {
+  let {
+      displayCurrencySymbol
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     currencySymbol = 'R$'
   } = props;
-  const leftElements = props.displayCurrencySymbol ? /*#__PURE__*/_react.default.createElement("span", {
+  const leftElements = displayCurrencySymbol ? /*#__PURE__*/_react.default.createElement("span", {
     className: "currency-symbol"
   }, currencySymbol) : [];
-  return /*#__PURE__*/_react.default.createElement(_BaseNumber.default, _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_BaseNumber.default, _extends({
     leftElements: leftElements
-  }));
+  }, props));
 };
 var _default = exports.default = CurrencyField;

package/lib/popover/PopoverText.d.ts

@@ -4,6 +4,7 @@ import '../@types/Position.js';
 import '../@types/SizePixels.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../@types/PermissionAttr.js';
 
 declare const PopoverText: React__default.ForwardRefExoticComponent<PopoverTextProps & React__default.RefAttributes<HTMLParagraphElement>>;
 

package/lib/popover/PopoverTitle.d.ts

@@ -4,6 +4,7 @@ import '../@types/Position.js';
 import '../@types/SizePixels.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../@types/PermissionAttr.js';
 
 declare const PopoverTitle: ({ children }: PopoverTitleProps) => JSX.Element;
 

package/lib/popover/index.d.ts

@@ -6,10 +6,8 @@ import '../@types/Position.js';
 import '../@types/SizePixels.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../@types/PermissionAttr.js';
 
-declare const _default: {
-    (props: IPopoverProps): JSX.Element;
-    displayName: string;
-};
+declare const Popover: ({ children, align, theme, iconName, iconSize, iconColor, customClass, style, customStyle, ...rest }: IPopoverProps) => JSX.Element;
 
-export { _default as default };
+export { Popover as default };

package/lib/popover/index.js

@@ -21,21 +21,26 @@ var _buttons = _interopRequireDefault(require("../buttons"));
 var _icons = _interopRequireDefault(require("../icons"));
 var _PopoverText = _interopRequireDefault(require("./PopoverText"));
 var _PopoverTitle = _interopRequireDefault(require("./PopoverTitle"));
-var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
 require("../assets/styles/popover.scss");
+const _excluded = ["children", "align", "theme", "iconName", "iconSize", "iconColor", "customClass", "style", "customStyle"];
 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); }
+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; }
 const Popover = _ref => {
   let {
-    children,
-    align = 'left',
-    theme = 'dark',
-    iconName,
-    iconSize = 16,
-    iconColor = '',
-    customClass = '',
-    style
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_buttons.default, {
+      children,
+      align = 'left',
+      theme = 'dark',
+      iconName,
+      iconSize = 16,
+      iconColor = '',
+      customClass = '',
+      style,
+      customStyle
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_buttons.default, _extends({
     round: true,
     dropdown: true,
     transparent: true,
@@ -55,9 +60,10 @@ const Popover = _ref => {
     onClick: e => {
       e.preventDefault();
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${customClass} popovercontainer -${theme}`,
-    "data-testid": "popover-container"
+  }, rest), /*#__PURE__*/_react.default.createElement("div", {
+    className: `popovercontainer -${theme} ${customClass}`,
+    "data-testid": "popover-container",
+    style: customStyle
   }, children));
 };
-var _default = exports.default = (0, _withDropdown.default)(Popover);
+var _default = exports.default = Popover;

package/lib/popover/types.d.ts

@@ -2,6 +2,7 @@ import { ReactNode, CSSProperties } from 'react';
 import { Position } from '../@types/Position.js';
 import { SizePixels } from '../@types/SizePixels.js';
 import { IconNames } from '../@types/Icon.js';
+import { PermissionAttr } from '../@types/PermissionAttr.js';
 import '../icons/helper.js';
 
 interface PopoverTitleProps {
@@ -18,6 +19,16 @@ interface IPopoverProps {
     theme?: 'light' | 'dark';
     align?: Extract<Position, 'left' | 'right'>;
     iconSize?: Extract<SizePixels, 10 | 16 | 24 | 32 | 40 | 64>;
+    disabled?: boolean;
+    customStyle?: CSSProperties;
+    isLoading?: boolean;
+    visible?: boolean;
+    skeletonize?: boolean;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    tooltipWidth?: string | number;
+    tooltip?: string;
+    handlerClose?: (cb: () => void) => void;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
     style?: CSSProperties;
 }
 

package/lib/treetable/Row.d.ts

@@ -1,4 +1,4 @@
-import { I as ITreeTableRow } from '../types.d-73cece43.js';
+import { I as ITreeTableRow } from '../types.d-b477e076.js';
 import 'react';
 import '../table/types.js';
 

package/lib/treetable/Row.js

@@ -37,7 +37,8 @@ const TreeRow = props => {
     leftToolbarElements,
     rightToolbarElements,
     styleForRightToolbar,
-    toolbarElementsValidations
+    toolbarElementsValidations,
+    openNodeId
   } = (0, _react.useContext)(_helpers.TreeTableContext);
   const {
     rowId,
@@ -49,16 +50,17 @@ const TreeRow = props => {
   const [isLoadingChildrens, setIsLoadingChildrens] = (0, _react.useState)(false);
   const [showToolbarElements, setShowToolbarElements] = (0, _react.useState)(false);
   const [firstRenderingOfChildrens, setFirstRenderingOfChildrens] = (0, _react.useState)(false);
+  const divContainerRef = (0, _react.useRef)(null);
   const searchChildrensAndInsertState = () => {
     const dataChildrens = (0, _helpers.searchChildrensPerRow)(data, parentPropName, rowId, rowLevel);
     setChildrens(dataChildrens);
     setIsLoadingChildrens(false);
   };
-  const handlerShowChildrens = async () => {
-    if (!firstRenderingOfChildrens && !open && onClickGetChildrens) {
+  const handlerShowChildrens = () => {
+    if (!firstRenderingOfChildrens && !open) {
       setOpen(true);
       setIsLoadingChildrens(true);
-      await onClickGetChildrens(rowId).then(() => {}).catch(() => {}).finally(() => {
+      if (onClickGetChildrens?.(rowId) && typeof onClickGetChildrens(rowId).finally === 'function') onClickGetChildrens(rowId).then(() => {}).catch(() => {}).finally(() => {
         searchChildrensAndInsertState();
       });
       setFirstRenderingOfChildrens(true);
@@ -121,23 +123,45 @@ const TreeRow = props => {
     }
     return newElementsWithNewProps;
   };
+  const handleOnMouseEnter = () => {
+    setShowToolbarElements(true);
+  };
+  const handlerMouseInsideDivContainer = event => {
+    const elementoAtual = document.elementFromPoint(event.clientX, event.clientY);
+    if (divContainerRef.current && !divContainerRef.current.contains(elementoAtual)) {
+      setShowToolbarElements(false);
+    }
+  };
   (0, _react.useEffect)(() => {
     searchChildrensAndInsertState();
   }, [data]);
   (0, _react.useEffect)(() => {
     setIsLoadingChildrens(false);
   }, [childrens]);
+  (0, _react.useEffect)(() => {
+    if (showToolbarElements) {
+      window.addEventListener('mousemove', handlerMouseInsideDivContainer);
+    } else {
+      window.removeEventListener('mousemove', handlerMouseInsideDivContainer);
+    }
+    return () => {
+      window.removeEventListener('mousemove', handlerMouseInsideDivContainer);
+    };
+  }, [showToolbarElements]);
+  (0, _react.useEffect)(() => {
+    if (openNodeId === Number(dataRow.id)) setOpen(true);
+  }, [openNodeId]);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_table.TRow, _extends({}, props, {
     dataId: rowId,
-    customClass: "tree-row-element",
-    onMouseEnter: () => leftToolbarElements ? setShowToolbarElements(true) : null,
-    onMouseLeave: () => setShowToolbarElements(false)
+    customClass: "tree-row-element"
   }), /*#__PURE__*/_react.default.createElement(_table.Td, {
     ignoreTableColClick: true,
     key: `td-${dataColumns[0].name}-${(0, _uuid.v1)()}`,
     style: dataColumns[0].style
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "column-container"
+    ref: divContainerRef,
+    className: "column-container",
+    onMouseEnter: handleOnMouseEnter
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: `column-more-childrens ${rowLevel && 'line-path-decoration'}`,
     style: {
@@ -151,12 +175,11 @@ const TreeRow = props => {
     name: open ? 'down' : 'arrow_right',
     size: 10
   })), /*#__PURE__*/_react.default.createElement("span", {
-    tabIndex: 0,
+    tabIndex: -1,
     role: "button",
-    onKeyPress: undefined,
     className: "value-button",
     onClick: () => onClickFirstColumn ? onClickFirstColumn(rowId) : {}
-  }, dataRow[dataColumns[0].name])), /*#__PURE__*/_react.default.createElement("span", {
+  }, dataRow[dataColumns[0].name]), /*#__PURE__*/_react.default.createElement("span", {
     className: "container-toolbar-buttons"
   }, /*#__PURE__*/_react.default.createElement(_toolbar.default, {
     size: "small",
@@ -167,7 +190,12 @@ const TreeRow = props => {
       float: 'left',
       height: 'fit-content'
     }, styleForLeftToolbar)
-  }, showToolbarElements && leftToolbarElements && buildToolbarElements(leftToolbarElements)), /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, {
+  }, showToolbarElements && leftToolbarElements && buildToolbarElements(leftToolbarElements))))), /*#__PURE__*/_react.default.createElement("span", {
+    className: "container-toolbar-info"
+  }, /*#__PURE__*/_react.default.createElement(_toolbar.default, {
+    size: "small",
+    customClass: "row-toolbar"
+  }, /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, {
     key: `right-toolbar-${(0, _uuid.v1)()}`,
     style: _objectSpread({
       float: 'right',

package/lib/treetable/helpers.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as ITreeTableProps } from '../types.d-73cece43.js';
+import { a as ITreeTableProps } from '../types.d-b477e076.js';
 import '../table/types.js';
 
 declare const TreeTableContext: React.Context<ITreeTableProps>;

package/lib/treetable/index.d.ts

@@ -1,5 +1,5 @@
-import { a as ITreeTableProps } from '../types.d-73cece43.js';
-export { b as IRowElementsValidations, R as RowItem } from '../types.d-73cece43.js';
+import { a as ITreeTableProps } from '../types.d-b477e076.js';
+export { b as IRowElementsValidations, R as RowItem } from '../types.d-b477e076.js';
 import 'react';
 import '../table/types.js';
 

package/lib/{types.d-73cece43.d.ts → types.d-b477e076.d.ts}

@@ -34,6 +34,7 @@ interface ITreeTableProps extends ITableProps {
   onClickFirstColumn?: (id?: string | number) => void;
   styleForRightToolbar?: CSSProperties;
   styleForLeftToolbar?: CSSProperties;
+  openNodeId?: number;
 }
 
 interface ITreeTableRow extends ITableRowProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.20-beta.42",
+  "version": "1.1.20-beta.43",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",
@@ -18,7 +18,7 @@
     "publish:npm": "npm run lib && npm publish",
     "publish:npm:beta": "npm run lib && npm publish --tag beta",
     "publish:npm:rc": "npm run lib && npm publish --tag rc",
-    "prepare": "husky install",
+    "prepare": "husky",
     "test": "jest --env=jsdom",
     "test:watch": "jest --watchAll --env=jsdom",
     "test:coverage": "jest --coverage --colors --env=jsdom"

package/lib/checkbox/Label.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
-var _hint = _interopRequireDefault(require("../hint"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Label = _ref => {
-  let {
-    label,
-    targetSpanRef,
-    disabled,
-    hint
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "description"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    ref: r => {
-      if (targetSpanRef) targetSpanRef(r);
-    }
-  }, label), /*#__PURE__*/_react.default.createElement(_hint.default, {
-    disabled: disabled,
-    visible: !!hint,
-    description: hint,
-    customClass: "hint"
-  }));
-};
-var _default = exports.default = (0, _withTooltip.default)(Label);

package/lib/inputs/mask/imaskHOC.js

@@ -1,203 +0,0 @@
-"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(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() { _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 options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
-const IMaskHOC = ComposedComponent => {
-  const MaskedComponent = props => {
-    const {
-      permissionAttr,
-      skeletonize,
-      inputRef,
-      placeholderChar = '_',
-      lazy = false,
-      pattern = '',
-      radix = ' ',
-      thousandsSeparator = '',
-      mapToRadix = [],
-      scale = 2,
-      signed = false,
-      normalizeZeros = true,
-      padFractionalZeros = true,
-      mask,
-      commit = () => {},
-      parse,
-      format,
-      definitions,
-      groups,
-      min,
-      max,
-      dispatch,
-      value = '',
-      onChange,
-      isDateField = false,
-      autoCompleteMask
-    } = props;
-    const maskOptions = {
-      placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
-      lazy,
-      pattern,
-      radix,
-      thousandsSeparator,
-      mapToRadix,
-      scale,
-      signed,
-      normalizeZeros,
-      padFractionalZeros,
-      mask,
-      commit,
-      parse,
-      format,
-      definitions,
-      groups,
-      min,
-      max,
-      dispatch
-    };
-    const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
-    const elementRef = (0, _react.useRef)(null);
-    const maskRef = (0, _react.useRef)(null);
-    const {
-      hideContent,
-      unvisible,
-      disabled,
-      readOnly
-    } = onDenied;
-    const dontInitMask = hideContent || unvisible || skeletonize;
-    const disableCallbacks = disabled || readOnly;
-    const setValue = newValue => {
-      if (maskRef.current) {
-        if (props.unmask) maskRef.current.unmaskedValue = newValue.toString();
-        maskRef.current.value = String(newValue);
-      }
-    };
-    const onAccept = (0, _react.useCallback)(() => {
-      if (onChange && !disableCallbacks && maskRef.current) {
-        const {
-          unmaskedValue,
-          el
-        } = maskRef.current;
-        const name = el.name || el.input && el.input.name;
-        onChange({
-          target: {
-            value: unmaskedValue,
-            name
-          }
-        }, props.unmask ? unmaskedValue : maskRef.current.value);
-      }
-    }, [onChange]);
-    const onComplete = (0, _react.useCallback)(() => {
-      if (props.onComplete && !disableCallbacks && maskRef.current) {
-        const {
-          unmaskedValue,
-          el
-        } = maskRef.current;
-        const name = el.name || el.input && el.input.name;
-        props.onComplete({
-          target: {
-            value: unmaskedValue,
-            name
-          }
-        }, props.unmask ? unmaskedValue : maskRef.current.value);
-      }
-    }, [props.onComplete]);
-    const autoCompleteMaskValue = (0, _react.useCallback)(eventTargetValue => {
-      if (autoCompleteMask && eventTargetValue.length && maskRef.current && elementRef.current) {
-        const 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]);
-    const getMask = () => {
-      const element = elementRef.current;
-      if (element) {
-        const 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);
-        }
-      }
-    };
-    const destroyMask = () => {
-      if (maskRef.current) {
-        maskRef.current.destroy();
-        maskRef.current = null;
-      }
-    };
-    (0, _react.useEffect)(() => {
-      if (props.handlerSetOnDenied) props.handlerSetOnDenied(onDenied);
-      if (!props.mask || dontInitMask) return;
-      getMask();
-    }, [maskOptions]);
-    (0, _react.useEffect)(() => {
-      if (!maskRef.current) return;
-      const maskCurrent = maskRef.current;
-      maskCurrent.on('accept', onAccept);
-      maskCurrent.on('complete', onComplete);
-
-      // eslint-disable-next-line consistent-return
-      return () => {
-        maskCurrent.off('accept', onAccept);
-        maskCurrent.off('complete', onComplete);
-      };
-    }, [onAccept, onComplete]);
-    (0, _react.useEffect)(() => {
-      if (maskOptions.mask && !dontInitMask) {
-        if (maskRef.current) {
-          const 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)(() => destroyMask, []);
-    return /*#__PURE__*/_react.default.createElement(ComposedComponent, _extends({}, helpers.extractNonMaskProps(props, maskOptions), {
-      onDeniedActions: onDenied,
-      defaultValue: value,
-      onBlur: e => {
-        autoCompleteMaskValue(e.target.value);
-        if (props.onBlur) props.onBlur(e);
-      },
-      onChange: e => setValue(e.target.value),
-      inputRef: el => {
-        elementRef.current = el;
-        if (inputRef) {
-          if (typeof inputRef === 'object') inputRef.current = el;else inputRef(el);
-        }
-      }
-    }));
-  };
-  const nestedComponentName = ComposedComponent.displayName || ComposedComponent.name || 'Component';
-  MaskedComponent.displayName = "IMask(".concat(nestedComponentName, ")");
-  return MaskedComponent;
-};
-var _default = exports.default = IMaskHOC;