linear-react-components-ui 1.1.2-beta.22 → 1.1.2-beta.24

package/lib/drawer/Drawer.js

@@ -82,9 +82,8 @@ const BaseDrawer = _ref => {
     body.appendChild(drawerOverlay);
   };
   const closeDrawerOnEsc = e => {
-    if (closeOnEsc && e.key === 'Escape') {
+    if (closeOnEsc && (e.keyCode === 27 || e.key === 'ESC')) {
       handlerClose === null || handlerClose === void 0 ? void 0 : handlerClose();
-      e.stopPropagation();
     }
   };
   (0, _react.useEffect)(() => {
@@ -99,7 +98,7 @@ const BaseDrawer = _ref => {
     if (overlay && !targetId && body) setDrawerOverlay(body);
     return () => {
       const drawerOverlay = document.getElementsByClassName('drawer-overlay')[0];
-      if (closeOnEsc) document.body.removeEventListener('keydown', closeDrawerOnEsc);
+      if (closeOnEsc) document.body.removeEventListener('keyup', closeDrawerOnEsc);
       if (targetId) {
         const drawerComponentTarget = document.getElementById(targetId);
         if (drawerComponentTarget && drawerComponentEl.current) {
@@ -111,9 +110,9 @@ const BaseDrawer = _ref => {
   }, []);
   (0, _react.useEffect)(() => {
     if (closeOnEsc) {
-      document.body.addEventListener('keydown', closeDrawerOnEsc);
+      document.body.addEventListener('keyup', closeDrawerOnEsc);
     }
-    return () => document.body.removeEventListener('keydown', closeDrawerOnEsc);
+    return () => document.body.removeEventListener('keyup', closeDrawerOnEsc);
   }, [closeOnEsc]);
   const contextValues = {
     handlerClose,

package/lib/dropdown/Popup.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IPopUpProps } from './types.js';
 
-declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, ...props }: IPopUpProps) => React.ReactPortal;
+declare const DropdownPopup: ({ customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, ...props }: IPopUpProps) => React.ReactPortal;
 
 export { DropdownPopup as default };

package/lib/dropdown/Popup.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _uuid = require("uuid");
-const _excluded = ["id", "customClassForDropdown", "align", "isFloatMenu", "topPosition", "leftPosition", "rightPosition", "minWidth"];
+const _excluded = ["customClassForDropdown", "align", "isFloatMenu", "topPosition", "leftPosition", "rightPosition", "minWidth"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -31,7 +30,6 @@ const getCalendarDropdownStyle = _ref => {
 const body = document.getElementsByTagName('body')[0];
 const DropdownPopup = _ref2 => {
   let {
-      id,
       customClassForDropdown = '',
       align = 'left',
       isFloatMenu = false,
@@ -55,11 +53,10 @@ const DropdownPopup = _ref2 => {
   if (popup && popup.current) {
     const modalContainers = document.body.getElementsByClassName('modalcontainer');
     const lastModalContainer = modalContainers[modalContainers.length - 1];
-    popup.current.style.zIndex = "".concat(modalContainers.length ? Number(lastModalContainer.style.zIndex) + 1 : 99999);
+    popup.current.style.zIndex = "".concat(modalContainers.length ? lastModalContainer.style.zIndex : 99999);
   }
   (0, _react.useEffect)(() => {
     body.appendChild(popup.current);
-    popup.current.id = id || "dropdown-component-".concat((0, _uuid.v1)());
     return () => {
       body.removeChild(popup.current);
     };

package/lib/dropdown/types.d.ts

@@ -22,7 +22,6 @@ interface WithDropdownContextProps {
     handleDropdownClose: () => void;
 }
 interface IPopUpProps {
-    id?: string;
     children?: ReactNode;
     customClassForDropdown?: string;
     align: 'left' | 'right';

package/lib/fieldset/index.js

@@ -28,9 +28,7 @@ const Fieldset = props => {
     styleTitle,
     template = 'none',
     titleCustomClass,
-    permissionAttr,
-    leftElements = null,
-    rightElements = null
+    permissionAttr
   } = props;
   const {
     hideContent,
@@ -71,7 +69,7 @@ const Fieldset = props => {
     style: styleTitle,
     align: titleAlign,
     className: "legend ".concat(titleCustomClass)
-  }, leftElements, title, rightElements), /*#__PURE__*/_react.default.createElement("div", {
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
     className: "contentfieldset -template".concat(template, " "),
     style: Object.assign(getContentStyle(props), styleContent)
   }, children)));

package/lib/fieldset/types.d.ts

@@ -18,8 +18,6 @@ interface IFieldsetProps {
     hasError?: boolean;
     gridCols?: string;
     permissionAttr?: PermissionAttr | PermissionAttr[];
-    leftElements?: ReactNode;
-    rightElements?: ReactNode;
 }
 interface ExpandedElement extends Element {
     name?: string;

package/lib/gridlayout/GridRow.js

@@ -7,25 +7,17 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("../assets/styles/gridlayout.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const getClass = props => "row ".concat(props.customClass, "\n    ").concat(props.withTrim && ' -withtrim', "\n    ").concat(props.verticalAlign && " align-".concat(props.verticalAlign), "\n    ").concat(props.horizontalAlign && " justify-content-".concat(props.horizontalAlign));
 const GridRow = props => {
   const {
     style,
     children,
-    verticalAlign = 'start',
     visible = true
   } = props;
   if (!visible) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     style: style,
-    className: getClass(_objectSpread(_objectSpread({}, props), {}, {
-      verticalAlign
-    }))
+    className: getClass(props)
   }, children);
 };
 var _default = exports.default = GridRow;

package/lib/gridlayout/types.d.ts

@@ -9,7 +9,7 @@ interface IGridCol {
 }
 interface IGridRow {
     children: ReactNode | ReactNode[];
-    verticalAlign?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+    verticalAlign?: string;
     horizontalAlign?: string;
     style?: CSSProperties;
     withTrim?: boolean;

package/lib/hint/index.d.ts

@@ -1,6 +1,6 @@
 import { HintProps } from './types.js';
 import 'react';
 
-declare const Hint: ({ visible, description, customClass, skeletonize, style, disabled, }: HintProps) => JSX.Element | null;
+declare const Hint: ({ visible, description, customClass, skeletonize, style, }: HintProps) => JSX.Element | null;
 
 export { Hint as default };

package/lib/hint/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _helpers = require("./helpers");
 require("../assets/styles/hint.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Hint = _ref => {
@@ -14,13 +13,24 @@ const Hint = _ref => {
     description,
     customClass,
     skeletonize = false,
-    style,
-    disabled = false
+    style
   } = _ref;
   if (!visible || !description) return null;
+  const showHintList = arrayHint => /*#__PURE__*/_react.default.createElement("div", {
+    className: "rules-list",
+    style: {
+      padding: '15px 0px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    style: {
+      listStyleType: 'none'
+    }
+  }, arrayHint.map((hint, index) => /*#__PURE__*/_react.default.createElement("li", {
+    key: index.toString()
+  }, "- ", hint))));
   return /*#__PURE__*/_react.default.createElement("div", {
     style: style,
-    className: "\n        hint-component\n        ".concat(customClass, "\n        ").concat(skeletonize ? '-skeletonized' : '', "\n        ").concat(disabled ? '-disabled' : '', "\n      ")
-  }, Array.isArray(description) ? (0, _helpers.showHintList)(description) : /*#__PURE__*/_react.default.createElement("span", null, description));
+    className: "\n        hint-component\n        ".concat(customClass, "\n        ").concat(skeletonize ? '-skeletonized' : '', "\n      ")
+  }, Array.isArray(description) ? showHintList(description) : /*#__PURE__*/_react.default.createElement("span", null, description));
 };
 var _default = exports.default = Hint;

package/lib/hint/types.d.ts

@@ -5,7 +5,6 @@ interface HintProps {
     visible?: boolean;
     customClass?: string;
     skeletonize?: boolean;
-    disabled?: boolean;
     style?: CSSProperties;
 }
 

package/lib/inputs/base/InputTextBase.js

@@ -12,7 +12,6 @@ var helpers = _interopRequireWildcard(require("./helpers"));
 var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
 var _permissionValidations = require("../../permissionValidations");
 var _hint = _interopRequireDefault(require("../../hint"));
-var _errorMessage = require("../errorMessage");
 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; }
@@ -65,8 +64,7 @@ const InputTextBase = props => {
     onDragOver,
     onDrop,
     onDragLeave,
-    readOnlyClass,
-    autoComplete = 'on'
+    readOnlyClass
   } = 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];
@@ -177,15 +175,11 @@ const InputTextBase = props => {
     rows: props.rows,
     cols: props.cols
   }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", _extends({
-    autoComplete: autoComplete,
     tabIndex: applyTabIndex()
   }, inputProps())), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), /*#__PURE__*/_react.default.createElement(_hint.default, {
-    disabled: disabled,
     visible: !!hint,
     customClass: "hint",
     description: hint
-  }), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
-    messages: errorMessages
-  }));
+  }), errorMessages && helpers.getErrorMessages(errorMessages));
 };
 var _default = exports.default = (0, _inputHOC.default)((0, _withTooltip.default)(InputTextBase));

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

@@ -10,6 +10,7 @@ declare const getInputClass: ({ textAlign, readOnly, readOnlyClass, }: {
     readOnlyClass?: string | undefined;
 }) => string;
 declare const getInputWrapperClass: (props: IBaseProps) => string;
+declare const getErrorMessages: (messages: string[]) => JSX.Element;
 declare const getRightElements: (errorMessages: string[], skeletonize: boolean, rightElements?: JSX.Element | JSX.Element[]) => JSX.Element[] | null;
 
-export { getInputClass, getInputWrapperClass, getRightElements };
+export { getErrorMessages, getInputClass, getInputWrapperClass, getRightElements };

package/lib/inputs/base/helpers.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getRightElements = exports.getInputWrapperClass = exports.getInputClass = void 0;
+exports.getRightElements = exports.getInputWrapperClass = exports.getInputClass = exports.getErrorMessages = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -27,6 +27,13 @@ const getInputWrapperClass = props => {
   return "inputwrapper ".concat(inputHasFocus && ' -focusable', "\n          ").concat(customClassForWrapper, "\n          ").concat(errorMessages && errorMessages.length > 0 && ' -requirederror', "\n          ").concat(rounded && ' -roundedborders', "\n          ").concat(disabled && ' -disabled');
 };
 exports.getInputWrapperClass = getInputWrapperClass;
+const getErrorMessages = messages => {
+  if (!messages || messages.length === 0) return /*#__PURE__*/_react.default.createElement("noscript", null);
+  return /*#__PURE__*/_react.default.createElement("p", {
+    className: "errormessages"
+  }, messages.join(', '));
+};
+exports.getErrorMessages = getErrorMessages;
 const getRightElements = (errorMessages, skeletonize, rightElements) => {
   let elements = rightElements || [];
   if (skeletonize) return null;

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

@@ -76,7 +76,6 @@ interface IBaseProps {
     accept?: string;
     multiple?: boolean;
     readOnlyClass?: string;
-    autoComplete?: 'on' | 'off';
 }
 
 export type { CustomInputEvent, IBaseProps };

package/lib/inputs/date/index.js

@@ -32,7 +32,6 @@ const DatePicker = props => {
     required = false,
     value = '',
     name = '',
-    inputRef: inputRefProp,
     dialogSize = {
       width: '350px',
       height: '350px'
@@ -234,7 +233,6 @@ const DatePicker = props => {
     },
     inputRef: el => {
       inputRef.current = el;
-      if (inputRefProp) inputRefProp.current = el;
     },
     rightElements: getButtonOpen(),
     required: required,

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

@@ -12,7 +12,6 @@ interface IDatePickerProps {
     setFocusOnSelect?: boolean;
     openOnFocus?: boolean;
     showCalendarInDialog?: boolean;
-    inputRef?: React.MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
     dialogSize?: {
         width: string;
         height: string;

package/lib/inputs/file/DefaultFile.js

@@ -12,7 +12,7 @@ require("../../assets/styles/file.scss");
 var _buttons = _interopRequireDefault(require("../../buttons"));
 var _icons = _interopRequireDefault(require("../../icons"));
 var _popover = _interopRequireWildcard(require("../../popover"));
-var _errorMessage = require("../errorMessage");
+var helperBase = _interopRequireWildcard(require("../base/helpers"));
 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; }
@@ -78,8 +78,6 @@ const DefaultFile = props => {
       id: id,
       onBtnClickInsert: () => onBtnClickInsert()
     })
-  }), popUpDescription(), buttonRemoveFile()), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
-    messages: errorMessages
-  }));
+  }), popUpDescription(), buttonRemoveFile()), errorMessages && helperBase.getErrorMessages(errorMessages));
 };
 var _default = exports.default = DefaultFile;

package/lib/inputs/file/DragDropFile.js

@@ -9,8 +9,8 @@ var _lodash = _interopRequireDefault(require("lodash"));
 var _buttons = require("../../buttons");
 var _icons = _interopRequireDefault(require("../../icons"));
 var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+var helperBase = _interopRequireWildcard(require("../base/helpers"));
 var _hint = _interopRequireDefault(require("../../hint"));
-var _errorMessage = require("../errorMessage");
 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; }
@@ -262,9 +262,7 @@ const DragDropFile = props => {
     onDragLeave: handleDragLeave,
     onDragOver: handleDragOver,
     onDrop: handleDrop
-  })), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
-    messages: errorMessages
-  }), /*#__PURE__*/_react.default.createElement(_hint.default, {
+  })), errorMessages && helperBase.getErrorMessages(errorMessages), /*#__PURE__*/_react.default.createElement(_hint.default, {
     visible: !!hint,
     customClass: "hint",
     description: hint

package/lib/inputs/inputHOC.d.ts

@@ -1,6 +1,5 @@
 import React__default from 'react';
 import { IInputHOCProps } from './types.js';
-import 'imask';
 import '../@types/PermissionAttr.js';
 import '../@types/DataCombo.js';
 import './base/types.js';

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

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,5 @@
 import React__default from 'react';
 import { IMaskHOCProps } from '../types.js';
-import 'imask';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
 import '../base/types.js';

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

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

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

@@ -1,5 +1,4 @@
 import { KeyboardEvent, MutableRefObject } from 'react';
-import IMask from 'imask';
 import { TextAlign } from '../../@types/Align.js';
 import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
@@ -10,7 +9,7 @@ interface IBaseMaskProps {
     onBlur?: (e: CustomInputEvent) => void;
     onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
     defaultValue?: string;
-    mask?: IMask.AnyMask;
+    mask?: string | NumberConstructor;
     isNumeric?: boolean;
     scale?: number;
     radix?: string;
@@ -48,7 +47,6 @@ interface IBaseMaskProps {
     returnFormattedValueOnKeyDown?: boolean;
     isDateField?: boolean;
     autoCompleteMask?: 'left' | 'right';
-    definitions?: IMask.AllMaskedOptions['definitions'];
 }
 interface ICnpjFieldProps extends IBaseMaskProps {
     value?: string;

package/lib/inputs/multiSelect/ActionButtons.js

@@ -20,24 +20,22 @@ const ActionButtons = _ref => {
     dropdownAlignButton = 'left'
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    transparent: true,
-    tabIndex: -1,
     disabled: disabled,
-    boxShadow: false,
     size: "small",
+    iconName: dropdownOpened ? 'up' : 'down',
     onClick: handleOpenClose,
     customClass: "actionbutton",
-    iconName: dropdownOpened ? 'up' : 'down'
-  }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    dropdown: true,
     transparent: true,
+    boxShadow: false
+  }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
     disabled: disabled,
-    tabIndex: -1,
-    boxShadow: false,
-    showIconDropdown: false,
     iconName: "more1",
+    transparent: true,
+    boxShadow: false,
     customClass: "actionbutton",
-    dropdownAlign: dropdownAlignButton
+    dropdown: true,
+    dropdownAlign: dropdownAlignButton,
+    showIconDropdown: false
   }, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
     itemId: "1",
     text: "Marcar Todos",

package/lib/inputs/multiSelect/Dropdown.js

@@ -94,9 +94,11 @@ const Dropdown = props => {
     className: "listcontainer"
   }, dataCombo && dataCombo.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "item selectall"
-  }, /*#__PURE__*/_react.default.createElement("button", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    role: "button",
     className: "menubutton",
     tabIndex: -1,
+    onKeyPress: () => {},
     onClick: () => isAllChecked ? onUncheckAll(true) : onCheckAll(true)
   }, /*#__PURE__*/_react.default.createElement(_icons.default, {
     name: isAllChecked && dataCombo.length > 0 ? 'checkboxChecked2' : 'checkboxUnchecked2',
@@ -108,9 +110,11 @@ const Dropdown = props => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: "dropdowmItem ".concat(item[idKey], "}"),
       className: "item ".concat(isChecked && '-selected')
-    }, /*#__PURE__*/_react.default.createElement("button", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      role: "button",
       className: "menubutton",
       tabIndex: -1,
+      onKeyPress: () => {},
       onClick: () => {
         onSelect(item);
       }

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

@@ -5,7 +5,6 @@ import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../types.js';
-import 'imask';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';

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

@@ -5,7 +5,6 @@ import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../types.js';
-import 'imask';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';

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

@@ -5,7 +5,6 @@ import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../types.js';
-import 'imask';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';

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

@@ -7,7 +7,6 @@ import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../types.js';
-import 'imask';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';

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

@@ -4,7 +4,6 @@ import { IMaskHOCProps } from '../types.js';
 import 'react';
 import '../../@types/Align.js';
 import '../../@types/Period.js';
-import 'imask';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';

package/lib/inputs/period/index.js

@@ -16,7 +16,6 @@ var _Dialog = _interopRequireDefault(require("./Dialog"));
 var _hint = _interopRequireDefault(require("../../hint"));
 var helperBase = _interopRequireWildcard(require("../base/helpers"));
 require("../../assets/styles/periodpicker.scss");
-var _errorMessage = require("../errorMessage");
 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; }
@@ -375,8 +374,6 @@ const PeriodPicker = props => {
     visible: !!hint,
     customClass: "hint",
     description: hint
-  }), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
-    messages: props.errorMessages
-  }));
+  }), props.errorMessages && helperBase.getErrorMessages(props.errorMessages));
 };
 var _default = exports.default = PeriodPicker;

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

@@ -1,6 +1,5 @@
 import { ISearchProps } from '../types.js';
 import 'react';
-import 'imask';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
 import '../base/types.js';

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

@@ -1,6 +1,5 @@
 import { IActionButtonsSelectProps } from '../types.js';
 import 'react';
-import 'imask';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
 import '../base/types.js';