linear-react-components-ui 1.0.10-beta.2 → 1.0.10-beta.20

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

@@ -1,5 +1,6 @@
 import { IBaseProps } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

package/lib/inputs/base/InputTextBase.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
 });
@@ -16,7 +15,13 @@ var _hint = _interopRequireDefault(require("../../hint"));
 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 _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 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 InputTextBase = function InputTextBase(props) {
   var _props$textAlign = props.textAlign,
     textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign,
@@ -75,6 +80,9 @@ var InputTextBase = function InputTextBase(props) {
   (0, _react.useEffect)(function () {
     if (handlerSetOnDenied) handlerSetOnDenied(onDenied);
   }, []);
+  var applyTabIndex = function applyTabIndex() {
+    return readOnly ? -1 : 0;
+  };
   var shouldDisable = function shouldDisable() {
     return disabled || onDenied.disabled;
   };
@@ -112,7 +120,7 @@ var InputTextBase = function InputTextBase(props) {
       }
     };
     if (!disableCallbacks) {
-      propsInput = _extends({}, propsInput, {
+      propsInput = _objectSpread(_objectSpread({}, propsInput), {}, {
         onFocus: function onFocus(e) {
           var _props$onInputReceive;
           (_props$onInputReceive = props.onInputReceiveFocus) === null || _props$onInputReceive === void 0 ? void 0 : _props$onInputReceive.call(props);
@@ -151,7 +159,10 @@ var InputTextBase = function InputTextBase(props) {
     className: "input-base-component ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClass),
     ref: inputBaseRef
   }, label && /*#__PURE__*/_react.default.createElement("div", {
-    className: "labelcontainer"
+    className: "labelcontainer",
+    style: {
+      textAlign: textAlign === 'center' ? 'left' : textAlign
+    }
   }, /*#__PURE__*/_react.default.createElement("span", {
     style: styleForLabel,
     className: "label ".concat(customClassForLabel, " ").concat(labelUppercase && ' -uppercase')
@@ -160,7 +171,7 @@ var InputTextBase = function InputTextBase(props) {
   }, "*"))), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "testInputWrapper",
     style: styleForWrapper,
-    className: helpers.getInputWrapperClass(_extends({}, props, {
+    className: helpers.getInputWrapperClass(_objectSpread(_objectSpread({}, props), {}, {
       disabled: shouldDisable() || hideContent
     }))
   }, leftElements && /*#__PURE__*/_react.default.createElement("div", {
@@ -173,7 +184,9 @@ var InputTextBase = function InputTextBase(props) {
   }, type === 'textarea' ? /*#__PURE__*/_react.default.createElement("textarea", _extends({
     rows: props.rows,
     cols: props.cols
-  }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", inputProps()), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), /*#__PURE__*/_react.default.createElement(_hint.default, {
+  }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", _extends({
+    tabIndex: applyTabIndex()
+  }, inputProps())), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), /*#__PURE__*/_react.default.createElement(_hint.default, {
     visible: !!hint,
     customClass: "hint",
     description: hint

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

@@ -1,10 +1,11 @@
 import { IBaseProps } from './types.js';
+import { TextAlign } from '../../@types/Align.js';
 import 'react';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 
 declare const getInputClass: ({ textAlign, readOnly, readOnlyClass }: {
-    textAlign?: string | undefined;
+    textAlign?: TextAlign | undefined;
     readOnly?: boolean | undefined;
     readOnlyClass?: string | undefined;
 }) => string;

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

@@ -1,4 +1,5 @@
 import { KeyboardEvent, DragEvent, MutableRefObject, RefObject, CSSProperties } from 'react';
+import { TextAlign } from '../../@types/Align.js';
 import { Period } from '../../@types/Period.js';
 import { PermissionAttr, OnDenied } from '../../@types/PermissionAttr.js';
 
@@ -57,7 +58,7 @@ interface IBaseProps {
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
     inputBaseRef?: RefObject<HTMLDivElement> | ((ref: HTMLDivElement) => void);
     hint?: string;
-    textAlign?: string;
+    textAlign?: TextAlign;
     rounded?: boolean;
     errorMessages?: string[] | undefined;
     visible?: boolean;

package/lib/inputs/date/Dialog.d.ts

@@ -3,6 +3,7 @@ import 'react';
 import '../../@types/ColorStyles.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 
 declare const Dialog: ({ handlerClose, children, dialogSize }: IDateDialogProps) => JSX.Element;

package/lib/inputs/date/Dropdown.d.ts

@@ -3,6 +3,7 @@ import { IDateDropdownProps } from './types.js';
 import '../../@types/ColorStyles.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 
 declare const Dropdown: (props: IDateDropdownProps) => React.ReactPortal;

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

@@ -4,11 +4,12 @@ import 'react';
 import '../../@types/ColorStyles.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 
 declare const PT_BR_FORMAT = "DD/MM/YYYY";
 declare const EN_US_FORMAT = "YYYY-MM-DD";
-declare const getCalendarDropdownStyle: ({ topPosition, leftPosition, width }: IDateDropdownProps) => string;
+declare const getCalendarDropdownStyle: ({ topPosition, leftPosition, width, minWidth, }: IDateDropdownProps) => string;
 declare const getMomentValue: (value: string) => moment.Moment;
 
 export { EN_US_FORMAT, PT_BR_FORMAT, getCalendarDropdownStyle, getMomentValue };

package/lib/inputs/date/helpers.js

@@ -13,8 +13,9 @@ exports.EN_US_FORMAT = EN_US_FORMAT;
 var getCalendarDropdownStyle = function getCalendarDropdownStyle(_ref) {
   var topPosition = _ref.topPosition,
     leftPosition = _ref.leftPosition,
-    width = _ref.width;
-  return "top: ".concat(topPosition, "px;\n  left: ").concat(leftPosition, "px;\n  width:").concat(width, "px");
+    width = _ref.width,
+    minWidth = _ref.minWidth;
+  return "top: ".concat(topPosition, "px;\n  left: ").concat(leftPosition, "px;\n  width: ").concat(width, "px;\n  min-width: ").concat(minWidth, "px;");
 };
 exports.getCalendarDropdownStyle = getCalendarDropdownStyle;
 var getMomentValue = function getMomentValue(value) {

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

@@ -3,6 +3,7 @@ import 'react';
 import '../../@types/ColorStyles.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 
 declare const DatePicker: (props: IDatePickerProps) => JSX.Element | null;

package/lib/inputs/date/index.js

@@ -27,7 +27,9 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 CALENDAR_BUTTON_WIDTH = 24;
+var CALENDAR_MIN_WIDTH = 250;
 var DatePicker = function DatePicker(props) {
+  var _window;
   var _props$showButtonOpen = props.showButtonOpen,
     showButtonOpen = _props$showButtonOpen === void 0 ? true : _props$showButtonOpen,
     _props$openOnFocus = props.openOnFocus,
@@ -65,22 +67,26 @@ var DatePicker = function DatePicker(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     inputDimensions = _useState8[0],
     setInputDimensions = _useState8[1];
-  var _useState9 = (0, _react.useState)({
+  var _useState9 = (0, _react.useState)(),
+    _useState10 = _slicedToArray(_useState9, 2),
+    formatedLeftPosition = _useState10[0],
+    setFormatedLeftPosition = _useState10[1];
+  var _useState11 = (0, _react.useState)({
       disabled: false,
       readOnly: false,
       unvisible: false,
       hideContent: false
     }),
-    _useState10 = _slicedToArray(_useState9, 2),
-    onDenied = _useState10[0],
-    setOnDenied = _useState10[1];
+    _useState12 = _slicedToArray(_useState11, 2),
+    onDenied = _useState12[0],
+    setOnDenied = _useState12[1];
   var _inputRef = (0, _react.useRef)();
   var buttonOpenRef = (0, _react.useRef)();
   var dropdownContainer = (0, _react.useRef)();
-  var _useState11 = (0, _react.useState)(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    insideDropdown = _useState12[0],
-    setInsideDropdown = _useState12[1];
+  var _useState13 = (0, _react.useState)(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    insideDropdown = _useState14[0],
+    setInsideDropdown = _useState14[1];
   var onScreenResize = function onScreenResize() {
     var _inputRef$current;
     setInputDimensions(_inputRef === null || _inputRef === void 0 ? void 0 : (_inputRef$current = _inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.getBoundingClientRect());
@@ -203,13 +209,22 @@ var DatePicker = function DatePicker(props) {
     }
     return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
       topPosition: inputDimensions ? inputDimensions.top + inputDimensions.height + 5 : '',
-      leftPosition: inputDimensions ? inputDimensions.left : '',
+      leftPosition: inputDimensions ? formatedLeftPosition : '',
+      minWidth: CALENDAR_MIN_WIDTH,
       width: inputDimensions ? inputDimensions.width + (showButtonOpen ? CALENDAR_BUTTON_WIDTH : 0) : '',
       dropdownRef: function dropdownRef(el) {
         dropdownContainer.current = el;
       }
     }, getCalendar(valueState, props === null || props === void 0 ? void 0 : props.calendarColorStyle));
   };
+  (0, _react.useEffect)(function () {
+    var screenWidth = window.innerWidth;
+    if (inputDimensions && screenWidth < inputDimensions.left + CALENDAR_MIN_WIDTH) {
+      setFormatedLeftPosition(inputDimensions.left - (CALENDAR_MIN_WIDTH - inputDimensions.width - CALENDAR_BUTTON_WIDTH));
+    } else {
+      setFormatedLeftPosition(inputDimensions === null || inputDimensions === void 0 ? void 0 : inputDimensions.left);
+    }
+  }, [(_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth, inputDimensions]);
   if (onDenied && onDenied.unvisible) return null;
   (0, _react.useEffect)(function () {
     window.addEventListener('resize', onScreenResize);

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

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { ColorStyles } from '../../@types/ColorStyles.js';
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 
 interface IDatePickerProps {
@@ -38,8 +39,9 @@ interface IDateDropdownProps {
     children: ReactNode | ReactNode[];
     dropdownRef: (el: HTMLDivElement) => void;
     topPosition: number | string;
-    leftPosition: number | string;
+    leftPosition?: number | string;
     width: number | string;
+    minWidth: number | string;
 }
 interface IDateDialogProps {
     children: ReactNode | ReactNode[];

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

@@ -2,6 +2,7 @@ import { IDefaultFileProps } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -2,6 +2,7 @@ import { IDragDropFileProps } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -2,6 +2,7 @@ import { IFileProps } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -2,6 +2,7 @@ import { IFileButtonSettingsProps } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -2,6 +2,7 @@ import { CustomFile } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -5,6 +5,7 @@ import './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -1,6 +1,7 @@
 import { DragEvent, RefObject } from 'react';
 import { Size } from '../../@types/Size.js';
 import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

package/lib/inputs/inputHOC.d.ts

@@ -3,9 +3,12 @@ import { IInputHOCProps } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/DataCombo.js';
 import './base/types.js';
+import '../@types/Align.js';
 import '../@types/Period.js';
 import '../drawer/types.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const InputHOC: <ComponentProps extends IInputHOCProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
 

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

@@ -1,5 +1,6 @@
 import { IBaseMaskProps } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

package/lib/inputs/mask/BaseMask.js

@@ -10,9 +10,15 @@ 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 _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 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) {
   if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
     // Retornando um objeto com a mesma estrutura do Proxy original
@@ -21,7 +27,7 @@ var returnEventFormattedValue = function returnEventFormattedValue(props, event)
     // mantido o path até a propriedade value e name.
     var name = event.target.name;
     var value = props.defaultValue || '';
-    return _extends({}, event, {
+    return _objectSpread(_objectSpread({}, event), {}, {
       target: {
         value: (0, _format_number.numberToEnUS)(value),
         name: name
@@ -35,21 +41,36 @@ var getEventProps = function getEventProps(props) {
   return {
     onBlur: function onBlur(e) {
       if (props.onBlur) {
-        var formattedEvent = returnEventFormattedValue(props, e);
+        var value = e.target.value;
+        var formatedValue = (0, _format_number.formatOnlyNumbers)(value);
+        var eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
+          target: {
+            value: formatedValue
+          }
+        });
+        var formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
         props.onBlur(formattedEvent);
       }
     },
     onKeyDown: function onKeyDown(e) {
       if (props.onKeyDown) {
-        var formattedEvent = returnEventFormattedValue(props, e);
+        var _ref = e.target,
+          value = _ref.value;
+        var formatedValue = (0, _format_number.formatOnlyNumbers)(value);
+        var eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
+          target: {
+            value: formatedValue
+          }
+        });
+        var formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
         props.onKeyDown(formattedEvent);
       }
     }
   };
 };
-var BaseMask = function BaseMask(_ref) {
-  var inputRef = _ref.inputRef,
-    props = _objectWithoutProperties(_ref, _excluded);
+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)));

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

@@ -1,5 +1,6 @@
 import { ICnpjFieldProps } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

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

@@ -1,5 +1,6 @@
 import { ICpfProps } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

package/lib/inputs/mask/Cpf.js

@@ -45,11 +45,11 @@ var CpfField = function CpfField(props) {
     return debouncedOnChange.cancel;
   }, []);
   var onChange = function onChange(e) {
+    // console.log('onChange >>>', props.onChange);
     if (enableValidation && e) {
       debouncedOnChange(e.target.value);
       if (props.onChange) props.onChange(e);
-    }
-    if (props.onChange) {
+    } else if (props.onChange) {
       props.onChange(e);
     }
   };
@@ -61,10 +61,10 @@ var CpfField = function CpfField(props) {
     }
     return {};
   };
-  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
     onChange: onChange,
     mask: "000.000.000-00"
-  }, props, getErrorMessagesProp()));
+  }, getErrorMessagesProp()));
 };
 
 // Em caso de alteração na propriedade displayName deverá ser atualizada a lógica na função

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

@@ -1,5 +1,6 @@
 import { IPhoneFieldProps } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

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

@@ -1,5 +1,6 @@
 import { IZipCode } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

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

@@ -4,9 +4,12 @@ import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare function extractNonMaskProps(props: IMaskHOCProps, maskProps: AnyMaskedOptions): any;
 declare function CPFValidation(cpf?: string, returnMessage?: (msg: string) => void): void | "CPF inválido";

package/lib/inputs/mask/helpers.js

@@ -7,10 +7,15 @@ exports.CNPJValidation = CNPJValidation;
 exports.CPFValidation = CPFValidation;
 exports.extractNonMaskProps = extractNonMaskProps;
 var _lodash = require("lodash");
-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 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); }
 /* eslint-disable no-plusplus */
 function extractNonMaskProps(props, maskProps) {
-  var nonMask = _extends({}, props);
+  var nonMask = _objectSpread({}, props);
   Object.keys(maskProps).forEach(function (maskProp) {
     delete nonMask[maskProp];
   });

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

@@ -3,9 +3,12 @@ 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 '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const IMaskHOC: <ComponentProps extends IMaskHOCProps>(ComposedComponent: React__default.ComponentType<ComponentProps>) => {
     (props: ComponentProps): JSX.Element;

package/lib/inputs/mask/imaskHOC.js

@@ -63,7 +63,7 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
       _props$isDateField = props.isDateField,
       isDateField = _props$isDateField === void 0 ? false : _props$isDateField;
     var maskOptions = {
-      placeholderChar: placeholderChar,
+      placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
       lazy: lazy,
       pattern: pattern,
       radix: radix,

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

@@ -5,6 +5,7 @@ export { default as PhoneField } from './Phone.js';
 export { default as ZipCodeField } from './ZipCode.js';
 import './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

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

@@ -1,4 +1,5 @@
 import { KeyboardEvent, MutableRefObject } from 'react';
+import { TextAlign } from '../../@types/Align.js';
 import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
 import '../../@types/Period.js';
@@ -26,7 +27,7 @@ interface IBaseMaskProps {
     permissionAttr?: PermissionAttr;
     errorMessages?: string[];
     rounded?: boolean;
-    textAlign?: string;
+    textAlign?: TextAlign;
     customClassForInputContent?: string;
     label?: string;
     name?: string;

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

@@ -2,9 +2,10 @@ import { IActionButtonsProps } from './types.js';
 import 'react';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 
-declare const ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, }: IActionButtonsProps) => JSX.Element;
+declare const ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, dropdownAlignButton, }: IActionButtonsProps) => JSX.Element;
 
 export { ActionButtons as default };

package/lib/inputs/multiSelect/ActionButtons.js

@@ -16,7 +16,9 @@ var ActionButtons = function ActionButtons(_ref) {
     dropdownOpened = _ref.dropdownOpened,
     handleOpenClose = _ref.handleOpenClose,
     handleCheckAll = _ref.handleCheckAll,
-    handleUncheckAll = _ref.handleUncheckAll;
+    handleUncheckAll = _ref.handleUncheckAll,
+    _ref$dropdownAlignBut = _ref.dropdownAlignButton,
+    dropdownAlignButton = _ref$dropdownAlignBut === void 0 ? 'left' : _ref$dropdownAlignBut;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     disabled: disabled,
     size: "small",
@@ -32,6 +34,7 @@ var ActionButtons = function ActionButtons(_ref) {
     boxShadow: false,
     customClass: "actionbutton",
     dropdown: true,
+    dropdownAlign: dropdownAlignButton,
     showIconDropdown: false
   }, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
     itemId: "1",

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

@@ -2,6 +2,7 @@ import { IDropdownMultiSelectProps } from './types.js';
 import 'react';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';