linear-react-components-ui 1.0.0-rc.2 → 1.0.0-rc.4

package/lib/inputs/multiSelect/index.js

@@ -1,126 +1,92 @@
 "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 _lodash = _interopRequireDefault(require("lodash"));
-
 var _uuid = _interopRequireDefault(require("uuid"));
-
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-
 var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
-
 var _helper = _interopRequireDefault(require("./helper"));
-
 var _ActionButtons = _interopRequireDefault(require("./ActionButtons"));
-
 require("../../assets/styles/multiSelect.scss");
-
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var MultiSelectField = function MultiSelectField(props) {
   var onSelect = props.onSelect,
-      idKey = props.idKey,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      dataSource = props.dataSource,
-      descriptionKey = props.descriptionKey,
-      value = props.value,
-      onBlur = props.onBlur,
-      gridLayout = props.gridLayout;
+    idKey = props.idKey,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    dataSource = props.dataSource,
+    descriptionKey = props.descriptionKey,
+    value = props.value,
+    onBlur = props.onBlur,
+    gridLayout = props.gridLayout;
   var componentId = "multiSelect-component".concat(_uuid.default.v1());
-
   var _useState = (0, _react.useState)(dataSource),
-      _useState2 = _slicedToArray(_useState, 2),
-      dataCombo = _useState2[0],
-      setDataCombo = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    dataCombo = _useState2[0],
+    setDataCombo = _useState2[1];
   var _useState3 = (0, _react.useState)(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      selecteds = _useState4[0],
-      setSelecteds = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    selecteds = _useState4[0],
+    setSelecteds = _useState4[1];
   var _useState5 = (0, _react.useState)(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      inputValue = _useState6[0],
-      setInputValue = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputValue = _useState6[0],
+    setInputValue = _useState6[1];
   var _useState7 = (0, _react.useState)('Nenhum selecionado'),
-      _useState8 = _slicedToArray(_useState7, 2),
-      label = _useState8[0],
-      setLabel = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    label = _useState8[0],
+    setLabel = _useState8[1];
   var _useState9 = (0, _react.useState)(0),
-      _useState10 = _slicedToArray(_useState9, 2),
-      dropdownWidth = _useState10[0],
-      setDropdownWidth = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    dropdownWidth = _useState10[0],
+    setDropdownWidth = _useState10[1];
   var _useState11 = (0, _react.useState)(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      isAllChecked = _useState12[0],
-      setIsAllChecked = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    isAllChecked = _useState12[0],
+    setIsAllChecked = _useState12[1];
   var _useState13 = (0, _react.useState)(false),
-      _useState14 = _slicedToArray(_useState13, 2),
-      opened = _useState14[0],
-      setOpened = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    opened = _useState14[0],
+    setOpened = _useState14[1];
   var _useState15 = (0, _react.useState)(),
-      _useState16 = _slicedToArray(_useState15, 2),
-      onDenied = _useState16[0],
-      setOnDenied = _useState16[1];
-
+    _useState16 = _slicedToArray(_useState15, 2),
+    onDenied = _useState16[0],
+    setOnDenied = _useState16[1];
   var _useState17 = (0, _react.useState)(false),
-      _useState18 = _slicedToArray(_useState17, 2),
-      insideComponent = _useState18[0],
-      setInsideComponent = _useState18[1];
-
-  var gridEl = (0, _react.useRef)();
+    _useState18 = _slicedToArray(_useState17, 2),
+    insideComponent = _useState18[0],
+    setInsideComponent = _useState18[1];
+  var _useState19 = (0, _react.useState)(),
+    _useState20 = _slicedToArray(_useState19, 2),
+    elementStyles = _useState20[0],
+    setElementStyles = _useState20[1];
   var componentRef = (0, _react.useRef)(null);
   var selectWrapper = (0, _react.useRef)();
-
   var handleOnSelect = function handleOnSelect(itemSelected) {
     if (itemSelected === null) return;
     var newSelecteds = selecteds;
-
     if (newSelecteds) {
       var hasSelected = newSelecteds.find(function (selected) {
         return selected[idKey] === itemSelected[idKey];
       });
-
       if (hasSelected) {
         newSelecteds = newSelecteds.filter(function (item) {
           return item[idKey] !== itemSelected[idKey];
@@ -128,42 +94,34 @@ var MultiSelectField = function MultiSelectField(props) {
       } else {
         newSelecteds = [].concat(_toConsumableArray(newSelecteds), [itemSelected]);
       }
-
       if (onSelect) onSelect(newSelecteds.map(function (item) {
         return item[idKey];
       }));
     }
-
     setSelecteds(newSelecteds);
   };
-
   var _onFocus = function onFocus() {
     var newDropdownWidth = dropdownWidth;
     newDropdownWidth = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;
     setOpened(true);
     setDropdownWidth(newDropdownWidth);
   };
-
   var onMouseMove = function onMouseMove(event) {
     var target = event.target;
     if ((target === null || target === void 0 ? void 0 : target.className) === '') return;
     var newInsideComponent = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target === null || target === void 0 ? void 0 : target.className);
     setInsideComponent(newInsideComponent);
   };
-
   var onBlurComponent = function onBlurComponent(e) {
     if (onBlur) onBlur(e);
-
     if (!insideComponent) {
       setOpened(false);
       setInputValue('');
       setDataCombo(dataSource);
     }
   };
-
   var handleOnFilter = function handleOnFilter(currentValue) {
     var newDataCombo = dataSource;
-
     if (currentValue !== '') {
       newDataCombo = (0, _helper.default)({
         dataSource: dataSource,
@@ -171,16 +129,13 @@ var MultiSelectField = function MultiSelectField(props) {
         inputText: currentValue
       });
     }
-
     setDataCombo(newDataCombo);
     setInputValue(currentValue);
   };
-
   var onOpenClose = function onOpenClose() {
     setOpened(!opened);
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
-
   var onCheckAll = function onCheckAll() {
     var fromFilter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var currentData = fromFilter ? dataCombo : dataSource;
@@ -189,41 +144,31 @@ var MultiSelectField = function MultiSelectField(props) {
     }));
     setSelecteds(currentData);
   };
-
   var onUncheckAll = function onUncheckAll() {
     if (onSelect) onSelect();
     setSelecteds([]);
   };
-
   var onScreenResize = function onScreenResize() {
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
-
   var onClickOutSide = function onClickOutSide(event) {
     var _componentRef$current;
-
     var target = event.target;
-
     if (target !== componentRef.current && !((_componentRef$current = componentRef.current) !== null && _componentRef$current !== void 0 && _componentRef$current.contains(target))) {
       setOpened(false);
       setDataCombo(dataSource);
       setInputValue('');
     }
   };
-
   var setOnDeniedValue = function setOnDeniedValue(onDeniedValue) {
     setOnDenied(onDeniedValue);
   };
-
   var shouldDisabled = function shouldDisabled() {
     return !!(disabled || onDenied && (onDenied.disabled || onDenied.hideContent));
   };
-
   var getLabel = function getLabel() {
     var checkIsAll = _lodash.default.isEqual(selecteds, dataSource);
-
     var newLabel = label;
-
     if (checkIsAll) {
       newLabel = 'Todos';
     } else if (selecteds && selecteds.length > 1) {
@@ -233,16 +178,13 @@ var MultiSelectField = function MultiSelectField(props) {
     } else {
       newLabel = 'Nenhum selecionado';
     }
-
     setLabel(newLabel);
   };
-
   (0, _react.useEffect)(function () {
     if (gridLayout) {
       var currentGridEl = document.querySelector("#".concat(componentId, ">.-withinput.grid-container"));
-      if (currentGridEl) gridEl.current = currentGridEl;
+      if (currentGridEl) setElementStyles(window.getComputedStyle(currentGridEl));
     }
-
     window.addEventListener('resize', onScreenResize);
     document.addEventListener('click', onClickOutSide);
     document.addEventListener('mousemove', onMouseMove);
@@ -253,21 +195,23 @@ var MultiSelectField = function MultiSelectField(props) {
     };
   }, []);
   (0, _react.useEffect)(function () {
-    if (value !== null && dataSource.length > 0) {
+    if (dataSource.length > 0) {
       var newSelecteds = dataSource.filter(function (item) {
         return value === null || value === void 0 ? void 0 : value.includes(item[idKey]);
       });
       setSelecteds(newSelecteds);
-    } else if (dataSource !== dataCombo) {
+    }
+  }, [value === null || value === void 0 ? void 0 : value.length, dataSource.length]);
+  (0, _react.useEffect)(function () {
+    if (!_lodash.default.isEqual(dataSource, dataCombo)) {
       var newDataCombo = (0, _helper.default)(_extends({}, props, {
         inputText: inputValue
       }));
       setDataCombo(newDataCombo);
     }
-  }, [props]);
+  }, [dataSource]);
   (0, _react.useEffect)(function () {
     var checkAll = _lodash.default.isEqual(dataCombo, selecteds);
-
     setIsAllChecked(checkAll);
     getLabel();
   }, [selecteds, dataCombo]);
@@ -312,9 +256,8 @@ var MultiSelectField = function MultiSelectField(props) {
     onFilter: handleOnFilter,
     onFocus: _onFocus,
     onBlur: onBlurComponent,
-    gridWrapperStyle: gridLayout ? window.getComputedStyle(gridEl.current) : undefined
+    gridWrapperStyle: elementStyles
   })));
 };
-
 var _default = MultiSelectField;
 exports.default = _default;

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

@@ -25,7 +25,7 @@ interface IDropdownMultiSelectProps {
     onUncheckAll: (checkAll: boolean) => void;
     onCheckAll: (checkAll: boolean) => void;
     opened: boolean;
-    selecteds?: DataCombo[];
+    selecteds?: DataCombo[] | null;
     imgSrcKey?: string;
     imageAlign?: 'left' | 'right';
     gridWrapperStyle?: {
@@ -39,7 +39,7 @@ interface IMultiSelectProps {
     dataSource: DataCombo[];
     idKey: string;
     descriptionKey: string;
-    value?: string;
+    value?: any[];
     gridLayout?: string;
     onSelect: (data?: string[]) => void;
     onBlur?: (e: CustomInputEvent) => void;

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

@@ -3,6 +3,9 @@ import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
 import '../../@types/Period.js';
+import '../types.js';
+import '../../@types/DataCombo.js';
+import '../select/types.js';
 
 declare const BaseNumber: (props: IBaseNumberProps) => JSX.Element;
 

package/lib/inputs/number/BaseNumber.js

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
-
 var _format_number = require("./format_number");
-
 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); }
-
 var BaseNumber = function BaseNumber(props) {
   var _props$returnFormatte = props.returnFormattedValueOnBlur,
-      returnFormattedValueOnBlur = _props$returnFormatte === void 0 ? true : _props$returnFormatte;
+    returnFormattedValueOnBlur = _props$returnFormatte === void 0 ? true : _props$returnFormatte;
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
     value: (0, _format_number.numberToPtBR)(props.value),
     thousandsSeparator: ".",
@@ -32,8 +26,8 @@ var BaseNumber = function BaseNumber(props) {
           // O retorno poderá ser modificado conforme necessidade, desde que seja
           // mantido o path até a propriedade value e name.
           var _ref = e.target,
-              value = _ref.value,
-              name = _ref.name;
+            value = _ref.value,
+            name = _ref.name;
           props.onBlur({
             target: {
               value: value,
@@ -47,6 +41,5 @@ var BaseNumber = function BaseNumber(props) {
     }
   }, props));
 };
-
 var _default = BaseNumber;
 exports.default = _default;

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

@@ -3,6 +3,9 @@ import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
 import '../../@types/Period.js';
+import '../types.js';
+import '../../@types/DataCombo.js';
+import '../select/types.js';
 
 declare const CurrencyField: (props: ICurrenceProps) => JSX.Element;
 

package/lib/inputs/number/Currency.js

@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
-
 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); }
-
 var CurrencyField = function CurrencyField(props) {
   var _props$currencySymbol = props.currencySymbol,
-      currencySymbol = _props$currencySymbol === void 0 ? 'R$' : _props$currencySymbol;
+    currencySymbol = _props$currencySymbol === void 0 ? 'R$' : _props$currencySymbol;
   var leftElements = props.displayCurrencySymbol ? /*#__PURE__*/_react.default.createElement("span", {
     className: "currency-symbol"
   }, currencySymbol) : [];
@@ -23,6 +18,5 @@ var CurrencyField = function CurrencyField(props) {
     leftElements: leftElements
   }));
 };
-
 var _default = CurrencyField;
 exports.default = _default;

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

@@ -3,6 +3,9 @@ import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
 import '../../@types/Period.js';
+import '../types.js';
+import '../../@types/DataCombo.js';
+import '../select/types.js';
 
 declare const DecimalField: (props: IBaseNumberProps) => JSX.Element;
 

package/lib/inputs/number/Decimal.js

@@ -4,16 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var DecimalField = function DecimalField(props) {
   return /*#__PURE__*/_react.default.createElement(_BaseNumber.default, props);
 };
-
 var _default = DecimalField;
 exports.default = _default;

package/lib/inputs/number/format_number.js

@@ -4,26 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.numberToPtBR = exports.numberToEnUS = void 0;
-
 var numberToPtBR = function numberToPtBR(value) {
   if (value !== undefined && typeof value === 'number') {
     return value.toLocaleString('pt-BR');
   }
-
   return value;
 };
-
 exports.numberToPtBR = numberToPtBR;
-
 var numberToEnUS = function numberToEnUS(value) {
   var formattedNumber;
-
   if (value) {
     formattedNumber = value.replace('.', '').replace(',', '.');
     return Number(formattedNumber);
   }
-
   return value;
 };
-
 exports.numberToEnUS = numberToEnUS;

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

@@ -5,6 +5,9 @@ import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
 import '../../@types/Period.js';
+import '../types.js';
+import '../../@types/DataCombo.js';
+import '../select/types.js';
 
 declare const NumberField: (props: INumberFieldProps) => JSX.Element;
 

package/lib/inputs/number/index.js

@@ -16,28 +16,19 @@ Object.defineProperty(exports, "DecimalField", {
   }
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
-
 var _Currency = _interopRequireDefault(require("./Currency"));
-
 var _Decimal = _interopRequireDefault(require("./Decimal"));
-
 require("../../assets/styles/numbers.scss");
-
 var _format_number = require("./format_number");
-
 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); }
-
 var NumberField = function NumberField(props) {
   var _props$textAlign = props.textAlign,
-      textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign,
-      _props$value = props.value,
-      value = _props$value === void 0 ? '' : _props$value;
+    textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign,
+    _props$value = props.value,
+    value = _props$value === void 0 ? '' : _props$value;
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
     value: typeof value === 'number' ? (0, _format_number.numberToPtBR)(value) : value,
     textAlign: textAlign,
@@ -47,6 +38,5 @@ var NumberField = function NumberField(props) {
     padFractionalZeros: false
   }, props));
 };
-
 var _default = NumberField;
 exports.default = _default;

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

@@ -1,19 +1,12 @@
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
+import { IMaskHOCProps } from '../types.js';
 import 'react';
 import '../../@types/Period.js';
+import '../../@types/DataCombo.js';
+import '../select/types.js';
 
-interface IBaseNumberProps {
-    value?: string;
-    leftElements?: JSX.Element | JSX.Element[];
-    onBlur?: (e: CustomInputEvent) => void;
-    returnFormattedValueOnBlur?: boolean;
-}
-interface ICurrenceProps {
-    currencySymbol?: string;
-    displayCurrencySymbol?: boolean;
-}
-interface INumberFieldProps {
+interface INumberFieldProps extends IMaskHOCProps {
     value?: string;
     textAlign?: string;
     permissionAttr?: PermissionAttr;
@@ -23,5 +16,15 @@ interface INumberFieldProps {
         final: string;
     }) => void;
 }
+interface IBaseNumberProps extends INumberFieldProps {
+    value?: string;
+    leftElements?: JSX.Element | JSX.Element[];
+    onBlur?: (e: CustomInputEvent) => void;
+    returnFormattedValueOnBlur?: boolean;
+}
+interface ICurrenceProps extends INumberFieldProps {
+    currencySymbol?: string;
+    displayCurrencySymbol?: boolean;
+}
 
 export { IBaseNumberProps, ICurrenceProps, INumberFieldProps };

package/lib/inputs/period/Dialog.js

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _base = _interopRequireDefault(require("../../dialog/base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var Dialog = function Dialog(_ref) {
   var _handlerClose = _ref.handlerClose,
-      children = _ref.children,
-      dialogSize = _ref.dialogSize;
+    children = _ref.children,
+    dialogSize = _ref.dialogSize;
   return /*#__PURE__*/_react.default.createElement(_base.default, {
     width: dialogSize.width,
     height: dialogSize.height,
@@ -26,6 +22,5 @@ var Dialog = function Dialog(_ref) {
     wrapperClassName: ""
   }, children);
 };
-
 var _default = Dialog;
 exports.default = _default;

package/lib/inputs/period/Dropdown.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _helper = _interopRequireDefault(require("./helper"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var body = document.getElementsByTagName('body')[0];
-
 var Dropdown = function Dropdown(props) {
   var elementRef = (0, _react.useRef)(document.createElement('div'));
   (0, _react.useEffect)(function () {
@@ -31,6 +25,5 @@ var Dropdown = function Dropdown(props) {
   }, [props]);
   return /*#__PURE__*/_reactDom.default.createPortal(props.children, elementRef.current);
 };
-
 var _default = Dropdown;
 exports.default = _default;

package/lib/inputs/period/PeriodList.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _helper = require("./helper");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var periodOptions = [{
   id: 'today',
   label: 'Hoje'
@@ -33,10 +29,9 @@ var periodOptions = [{
   id: 'custom',
   label: 'Customizar'
 }];
-
 var PeriodList = function PeriodList(_ref) {
   var selected = _ref.selected,
-      handleOnSelect = _ref.handleOnSelect;
+    handleOnSelect = _ref.handleOnSelect;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "dropdown-period"
   }, periodOptions.map(function (item) {
@@ -61,6 +56,5 @@ var PeriodList = function PeriodList(_ref) {
     }, item.label)));
   }));
 };
-
 var _default = PeriodList;
 exports.default = _default;