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

package/lib/dialog/base/index.js

@@ -42,8 +42,9 @@ const BaseDialog = props => {
       onOpenChange(false);
     } else {
       if (handlerClose) handlerClose();
-      onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
-      setOpen(false);
+      if (onOpenChange) {
+        onOpenChange(false);
+      }
     }
   };
   const handleClickOutside = event => {
@@ -103,10 +104,10 @@ const BaseDialog = props => {
   };
   const createdModal = /*#__PURE__*/_react.default.createElement("div", {
     className: "modalcontainer",
+    onMouseDown: handleClickOutside,
     style: {
       zIndex: 99999 + Number(zIndex)
-    },
-    onMouseDown: handleClickOutside
+    }
   }, overlay && /*#__PURE__*/_react.default.createElement("div", {
     className: "modal-overlay",
     "data-testid": "modal-overlay"
@@ -120,8 +121,10 @@ const BaseDialog = props => {
     ref: wrapperEl
   }, children)));
   (0, _react.useEffect)(() => {
-    if (open && closeOnEsc) {
-      document.addEventListener('keydown', handleCloseOnEsc);
+    if (open) {
+      if (closeOnEsc) {
+        document.addEventListener('keydown', handleCloseOnEsc);
+      }
     }
     return () => {
       document.removeEventListener('keydown', handleCloseOnEsc);

package/lib/drawer/Drawer.js

@@ -82,8 +82,9 @@ const BaseDrawer = _ref => {
     body.appendChild(drawerOverlay);
   };
   const closeDrawerOnEsc = e => {
-    if (closeOnEsc && (e.keyCode === 27 || e.key === 'ESC')) {
+    if (closeOnEsc && e.key === 'Escape') {
       handlerClose === null || handlerClose === void 0 ? void 0 : handlerClose();
+      e.stopPropagation();
     }
   };
   (0, _react.useEffect)(() => {
@@ -98,7 +99,7 @@ const BaseDrawer = _ref => {
     if (overlay && !targetId && body) setDrawerOverlay(body);
     return () => {
       const drawerOverlay = document.getElementsByClassName('drawer-overlay')[0];
-      if (closeOnEsc) document.body.removeEventListener('keyup', closeDrawerOnEsc);
+      if (closeOnEsc) document.body.removeEventListener('keydown', closeDrawerOnEsc);
       if (targetId) {
         const drawerComponentTarget = document.getElementById(targetId);
         if (drawerComponentTarget && drawerComponentEl.current) {
@@ -110,9 +111,9 @@ const BaseDrawer = _ref => {
   }, []);
   (0, _react.useEffect)(() => {
     if (closeOnEsc) {
-      document.body.addEventListener('keyup', closeDrawerOnEsc);
+      document.body.addEventListener('keydown', closeDrawerOnEsc);
     }
-    return () => document.body.removeEventListener('keyup', closeDrawerOnEsc);
+    return () => document.body.removeEventListener('keydown', 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: ({ customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, ...props }: IPopUpProps) => React.ReactPortal;
+declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, ...props }: IPopUpProps) => React.ReactPortal;
 
 export { DropdownPopup as default };

package/lib/dropdown/Popup.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactDom = _interopRequireDefault(require("react-dom"));
-const _excluded = ["customClassForDropdown", "align", "isFloatMenu", "topPosition", "leftPosition", "rightPosition", "minWidth"];
+var _uuid = require("uuid");
+const _excluded = ["id", "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; }
@@ -30,6 +31,7 @@ const getCalendarDropdownStyle = _ref => {
 const body = document.getElementsByTagName('body')[0];
 const DropdownPopup = _ref2 => {
   let {
+      id,
       customClassForDropdown = '',
       align = 'left',
       isFloatMenu = false,
@@ -53,10 +55,11 @@ 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 ? lastModalContainer.style.zIndex : 99999);
+    popup.current.style.zIndex = "".concat(modalContainers.length ? Number(lastModalContainer.style.zIndex) + 1 : 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,6 +22,7 @@ interface WithDropdownContextProps {
     handleDropdownClose: () => void;
 }
 interface IPopUpProps {
+    id?: string;
     children?: ReactNode;
     customClassForDropdown?: string;
     align: 'left' | 'right';

package/lib/fieldset/index.js

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

package/lib/fieldset/types.d.ts

@@ -18,6 +18,8 @@ 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,17 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("../assets/styles/gridlayout.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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));
+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-items-".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(props)
+    className: getClass(_objectSpread(_objectSpread({}, props), {}, {
+      verticalAlign
+    }))
   }, children);
 };
 var _default = exports.default = GridRow;

package/lib/gridlayout/types.d.ts

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

package/lib/hint/helpers.d.ts

@@ -0,0 +1,3 @@
+declare const showHintList: (arrayHint: string[]) => JSX.Element;
+
+export { showHintList };

package/lib/hint/helpers.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.showHintList = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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))));
+exports.showHintList = showHintList;

package/lib/hint/index.d.ts

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

package/lib/hint/index.js

@@ -5,6 +5,7 @@ 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 => {
@@ -13,24 +14,17 @@ const Hint = _ref => {
     description,
     customClass,
     skeletonize = false,
-    style
+    style,
+    disabled = false,
+    color
   } = _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", {
+    "aria-disabled": disabled,
     style: style,
-    className: "\n        hint-component\n        ".concat(customClass, "\n        ").concat(skeletonize ? '-skeletonized' : '', "\n      ")
-  }, Array.isArray(description) ? showHintList(description) : /*#__PURE__*/_react.default.createElement("span", null, description));
+    className: "\n        hint-component\n        ".concat(customClass, "\n        ").concat(skeletonize ? '-skeletonized' : '', "\n        ").concat(disabled ? '-disabled' : '', "\n        -").concat(color, "\n      ")
+  }, Array.isArray(description) ? (0, _helpers.showHintList)(description) : /*#__PURE__*/_react.default.createElement("span", {
+    "aria-disabled": disabled
+  }, description));
 };
 var _default = exports.default = Hint;

package/lib/hint/types.d.ts

@@ -1,11 +1,14 @@
 import { CSSProperties } from 'react';
+import { ColorStyles } from '../@types/ColorStyles.js';
 
 interface HintProps {
     description?: string | string[];
     visible?: boolean;
     customClass?: string;
     skeletonize?: boolean;
+    disabled?: boolean;
     style?: CSSProperties;
+    color?: ColorStyles;
 }
 
 export type { HintProps };

package/lib/icons/helper.d.ts

@@ -603,6 +603,10 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
+    user_block: {
+        viewbox: string;
+        paths: string[];
+    };
 };
 
 export { _default as default };

package/lib/icons/helper.js

@@ -608,5 +608,9 @@ var _default = exports.default = {
   videoCamOutline: {
     viewbox: '0 0 16 16',
     paths: ['M15.294 4.004c-0.165 0-0.335 0.058-0.491 0.168l-2.803 1.978v-1.651c0-0.825-0.675-1.5-1.5-1.5h-9c-0.825 0-1.5 0.675-1.5 1.5v7c0 0.825 0.675 1.5 1.5 1.5h9c0.825 0 1.5-0.675 1.5-1.5v-1.65l2.803 1.978c0.156 0.11 0.326 0.168 0.491 0.168 0 0 0 0 0 0 0.22 0 0.421-0.101 0.551-0.278 0.101-0.137 0.154-0.313 0.154-0.51v-6.415c-0-0.518-0.355-0.788-0.706-0.788zM15 10.743l-2.469-1.743h-1.531v2.5c0 0.271-0.229 0.5-0.5 0.5h-9c-0.271 0-0.5-0.229-0.5-0.5v-7c0-0.271 0.229-0.5 0.5-0.5h9c0.271 0 0.5 0.229 0.5 0.5v2.5h1.531l2.469-1.743v5.486z', 'M4 5l5 3-5 3z']
+  },
+  user_block: {
+    viewbox: '0 0 16 16',
+    paths: ['M7.5 16h-6.977c-0.14 0-0.274-0.059-0.369-0.163s-0.141-0.242-0.129-0.382c0.11-1.22 0.585-2.363 1.373-3.305 0.697-0.832 1.59-1.452 2.602-1.809l0-0.475c-0.562-0.385-1.037-0.926-1.385-1.582-0.402-0.758-0.615-1.634-0.615-2.535 0-1.251 0.405-2.431 1.139-3.323 0.758-0.92 1.774-1.427 2.861-1.427 2.119 0 3.874 1.966 3.993 4.476 0.013 0.276-0.2 0.51-0.476 0.523s-0.51-0.2-0.523-0.476c-0.094-1.976-1.41-3.524-2.995-3.524-1.654 0-3 1.682-3 3.75 0 1.457 0.687 2.795 1.75 3.408 0.155 0.089 0.25 0.254 0.25 0.433l-0 1.116c0 0.224-0.149 0.42-0.364 0.481-0.967 0.274-1.822 0.828-2.471 1.604-0.538 0.643-0.901 1.397-1.064 2.208h6.4c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z', 'M11.5 7c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5zM8 11.5c0-1.93 1.57-3.5 3.5-3.5 0.785 0 1.511 0.26 2.095 0.698l-4.897 4.897c-0.438-0.584-0.698-1.31-0.698-2.095zM11.5 15c-0.785 0-1.511-0.26-2.095-0.698l4.897-4.897c0.438 0.584 0.698 1.31 0.698 2.095 0 1.93-1.57 3.5-3.5 3.5z']
   }
 };

package/lib/inputs/base/InputTextBase.js

@@ -12,6 +12,7 @@ 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; }
@@ -64,7 +65,8 @@ const InputTextBase = props => {
     onDragOver,
     onDrop,
     onDragLeave,
-    readOnlyClass
+    readOnlyClass,
+    autoComplete = 'on'
   } = 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];
@@ -175,11 +177,15 @@ 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
-  }), errorMessages && helpers.getErrorMessages(errorMessages));
+  }), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
+    messages: errorMessages
+  }));
 };
 var _default = exports.default = (0, _inputHOC.default)((0, _withTooltip.default)(InputTextBase));

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

@@ -10,7 +10,6 @@ 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 { getErrorMessages, getInputClass, getInputWrapperClass, getRightElements };
+export { 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 = exports.getErrorMessages = void 0;
+exports.getRightElements = exports.getInputWrapperClass = exports.getInputClass = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -27,13 +27,6 @@ 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,6 +76,7 @@ interface IBaseProps {
     accept?: string;
     multiple?: boolean;
     readOnlyClass?: string;
+    autoComplete?: 'on' | 'off';
 }
 
 export type { CustomInputEvent, IBaseProps };

package/lib/inputs/date/index.js

@@ -32,6 +32,7 @@ const DatePicker = props => {
     required = false,
     value = '',
     name = '',
+    inputRef: inputRefProp,
     dialogSize = {
       width: '350px',
       height: '350px'
@@ -233,6 +234,7 @@ 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,6 +12,7 @@ interface IDatePickerProps {
     setFocusOnSelect?: boolean;
     openOnFocus?: boolean;
     showCalendarInDialog?: boolean;
+    inputRef?: React.MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
     dialogSize?: {
         width: string;
         height: string;

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

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { ErrorProps } from '../types.js';
+import 'imask';
+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 ErrorMessage: React__default.ForwardRefExoticComponent<ErrorProps & React__default.RefAttributes<HTMLParagraphElement>>;
+
+export { ErrorMessage, ErrorMessage as default };

package/lib/inputs/errorMessage/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ErrorMessage = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("../../assets/styles/error.scss");
+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; }
+const ErrorMessage = exports.ErrorMessage = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    customClass = '',
+    messages: messagesProp,
+    style
+  } = _ref;
+  if (!messagesProp || messagesProp.length === 0) return null;
+  const messages = Array.isArray(messagesProp) ? messagesProp : [messagesProp];
+  return /*#__PURE__*/_react.default.createElement("p", {
+    ref: ref,
+    style: style,
+    className: "errormessages-component ".concat(customClass)
+  }, messages.join(', '));
+});
+ErrorMessage.displayName = 'ErrorMessage';
+var _default = exports.default = ErrorMessage;

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 helperBase = _interopRequireWildcard(require("../base/helpers"));
+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; }
@@ -78,6 +78,8 @@ const DefaultFile = props => {
       id: id,
       onBtnClickInsert: () => onBtnClickInsert()
     })
-  }), popUpDescription(), buttonRemoveFile()), errorMessages && helperBase.getErrorMessages(errorMessages));
+  }), popUpDescription(), buttonRemoveFile()), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
+    messages: 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,7 +262,9 @@ const DragDropFile = props => {
     onDragLeave: handleDragLeave,
     onDragOver: handleDragOver,
     onDrop: handleDrop
-  })), errorMessages && helperBase.getErrorMessages(errorMessages), /*#__PURE__*/_react.default.createElement(_hint.default, {
+  })), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
+    messages: errorMessages
+  }), /*#__PURE__*/_react.default.createElement(_hint.default, {
     visible: !!hint,
     customClass: "hint",
     description: hint

package/lib/inputs/inputHOC.d.ts

@@ -1,5 +1,6 @@
 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,5 +1,6 @@
 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,5 +1,6 @@
 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,5 +1,6 @@
 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,5 +1,6 @@
 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,5 +1,6 @@
 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,5 +1,6 @@
 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,6 +5,7 @@ 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,4 +1,5 @@
 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';
@@ -9,7 +10,7 @@ interface IBaseMaskProps {
     onBlur?: (e: CustomInputEvent) => void;
     onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
     defaultValue?: string;
-    mask?: string | NumberConstructor;
+    mask?: IMask.AnyMask;
     isNumeric?: boolean;
     scale?: number;
     radix?: string;
@@ -47,6 +48,7 @@ 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,22 +20,24 @@ 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",
-    transparent: true,
-    boxShadow: false
+    iconName: dropdownOpened ? 'up' : 'down'
   }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    disabled: disabled,
-    iconName: "more1",
+    dropdown: true,
     transparent: true,
+    disabled: disabled,
+    tabIndex: -1,
     boxShadow: false,
+    showIconDropdown: false,
+    iconName: "more1",
     customClass: "actionbutton",
-    dropdown: true,
-    dropdownAlign: dropdownAlignButton,
-    showIconDropdown: false
+    dropdownAlign: dropdownAlignButton
   }, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
     itemId: "1",
     text: "Marcar Todos",