linear-react-components-ui 1.0.12-beta.1 → 1.0.12-beta.10

package/lib/form/types.d.ts

@@ -80,6 +80,8 @@ interface IFieldProps extends WithFieldProps {
     min?: number;
     max?: number;
     autoFocus?: boolean;
+    autoCompleteMask?: 'left' | 'right';
+    mask?: string;
 }
 interface CustomEvent {
     target: {

package/lib/icons/helper.d.ts

@@ -591,6 +591,14 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
+    videoCamFill: {
+        viewbox: string;
+        paths: string[];
+    };
+    videoCamOutline: {
+        viewbox: string;
+        paths: string[];
+    };
 };
 
 export { _default as default };

package/lib/icons/helper.js

@@ -596,6 +596,14 @@ var _default = {
   download: {
     viewbox: '0 0 16 16',
     paths: ['M12.5 6h-3.5v-4h-2v4h-3.5l4.5 4zM11.611 8.322l-0.525 0.462c1.746 0.35 2.914 0.987 2.914 1.716 0 1.105-2.686 2-6 2s-6-0.895-6-2c0-0.728 1.168-1.366 2.914-1.716l-0.525-0.462c-2.604 0.495-4.389 1.508-4.389 2.678 0 1.657 3.582 3 8 3s8-1.343 8-3c0-1.17-1.785-2.183-4.389-2.678z']
+  },
+  videoCamFill: {
+    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.788zM4 11v-6l5 3-5 3z']
+  },
+  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']
   }
 };
 exports.default = _default;

package/lib/icons/index.d.ts

@@ -4,7 +4,11 @@ import '../@types/PointerEvents.js';
 import '../@types/SizePixels.js';
 import '../@types/Icon.js';
 import './helper.js';
+import '../@types/Position.js';
 
-declare const Icon: ({ name, onClick, svgStruct, size, style, visible, disabled, customClass, color, pointerEvents, }: IIconProps) => JSX.Element | null;
+declare const _default: {
+    (props: IIconProps): JSX.Element;
+    displayName: string;
+};
 
-export { Icon as default };
+export { _default as default };

package/lib/icons/index.js

@@ -1,17 +1,20 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _helper = _interopRequireDefault(require("./helper"));
+var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
 require("../assets/styles/icon.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var listIcon = _helper.default;
 var disabledIconColor = 'rgb(193, 193, 193)';
 var Icon = function Icon(_ref) {
-  var _getPaths;
   var name = _ref.name,
     _onClick = _ref.onClick,
     svgStruct = _ref.svgStruct,
@@ -25,34 +28,52 @@ var Icon = function Icon(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$customClass = _ref.customClass,
     customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
+    _ref$customClassForCo = _ref.customClassForContainer,
+    customClassForContainer = _ref$customClassForCo === void 0 ? '' : _ref$customClassForCo,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? '#676464' : _ref$color,
     _ref$pointerEvents = _ref.pointerEvents,
-    pointerEvents = _ref$pointerEvents === void 0 ? 'none' : _ref$pointerEvents;
+    pointerEvents = _ref$pointerEvents === void 0 ? 'none' : _ref$pointerEvents,
+    targetRef = _ref.targetRef,
+    tooltip = _ref.tooltip;
+  var refSvg = (0, _react.useRef)(null);
   var getPaths = function getPaths() {
     return name ? listIcon[name].paths : svgStruct === null || svgStruct === void 0 ? void 0 : svgStruct.paths;
   };
+  var getSvg = function getSvg() {
+    var _getPaths;
+    return /*#__PURE__*/_react.default.createElement("svg", {
+      "data-testid": "icon",
+      onClick: function onClick() {
+        if (_onClick && !disabled) _onClick();
+      },
+      ref: function ref(r) {
+        refSvg.current = r;
+      },
+      width: "".concat(size, "px"),
+      height: "".concat(size, "px"),
+      fill: disabled ? disabledIconColor : color,
+      viewBox: name ? listIcon[name].viewbox : svgStruct === null || svgStruct === void 0 ? void 0 : svgStruct.viewbox,
+      className: "icon-component ".concat(customClass),
+      pointerEvents: pointerEvents,
+      style: style
+    }, (_getPaths = getPaths()) === null || _getPaths === void 0 ? void 0 : _getPaths.map(function (value) {
+      return /*#__PURE__*/_react.default.createElement("path", {
+        "data-testid": "icon-path",
+        d: value,
+        key: value
+      });
+    }));
+  };
   if (!name && !svgStruct) throw new Error('One of the "name" and "svgStruct" props must be filled');
   if (!visible) return null;
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    "data-testid": "icon",
-    onClick: function onClick() {
-      if (_onClick && !disabled) _onClick();
-    },
-    width: "".concat(size, "px"),
-    height: "".concat(size, "px"),
-    fill: disabled ? disabledIconColor : color,
-    viewBox: name ? listIcon[name].viewbox : svgStruct === null || svgStruct === void 0 ? void 0 : svgStruct.viewbox,
-    className: "icon-component ".concat(customClass),
-    pointerEvents: pointerEvents,
-    style: style
-  }, (_getPaths = getPaths()) === null || _getPaths === void 0 ? void 0 : _getPaths.map(function (value) {
-    return /*#__PURE__*/_react.default.createElement("path", {
-      "data-testid": "icon-path",
-      d: value,
-      key: value
-    });
-  }));
+  if (!tooltip) return getSvg();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "icon-component-container ".concat(customClassForContainer),
+    ref: function ref(r) {
+      if (targetRef && r) targetRef(r);
+    }
+  }, getSvg());
 };
-var _default = Icon;
+var _default = (0, _withTooltip.default)(Icon);
 exports.default = _default;

package/lib/icons/types.d.ts

@@ -2,6 +2,7 @@ import { CSSProperties } from 'react';
 import { PointerEvents } from '../@types/PointerEvents.js';
 import { SizePixels } from '../@types/SizePixels.js';
 import { IconNames } from '../@types/Icon.js';
+import { Position } from '../@types/Position.js';
 import './helper.js';
 
 type ListIconType = {
@@ -14,6 +15,7 @@ interface IIconProps {
     size?: SizePixels;
     color?: string;
     customClass?: string;
+    customClassForContainer?: string;
     style?: CSSProperties;
     visible?: boolean;
     disabled?: boolean;
@@ -25,6 +27,10 @@ interface IIconProps {
         paths: Array<string>;
     };
     onClick?: () => void;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    tooltipWidth?: string | number;
+    tooltip?: string;
+    targetRef?: (ref: HTMLDivElement) => void;
 }
 
 export { IIconProps, ListIconType };

package/lib/inputs/mask/helpers.js

@@ -12,7 +12,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 @typescript-eslint/no-explicit-any */
+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 = _objectSpread({}, props);

package/lib/inputs/mask/imaskHOC.js

@@ -60,7 +60,8 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
       value = _props$value === void 0 ? '' : _props$value,
       onChange = props.onChange,
       _props$isDateField = props.isDateField,
-      isDateField = _props$isDateField === void 0 ? false : _props$isDateField;
+      isDateField = _props$isDateField === void 0 ? false : _props$isDateField,
+      autoCompleteMask = props.autoCompleteMask;
     var maskOptions = {
       placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
       lazy: lazy,
@@ -127,6 +128,24 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
         }, props.unmask ? unmaskedValue : maskRef.current.value);
       }
     }, [props.onComplete]);
+    var autoCompleteMaskValue = (0, _react.useCallback)(function (eventTargetValue) {
+      if (autoCompleteMask && eventTargetValue.length && maskRef.current && elementRef.current) {
+        var sizeMask = maskRef.current.mask.toString().replace(/\D+/g, '').length;
+        if (sizeMask > eventTargetValue.length) {
+          switch (autoCompleteMask) {
+            case 'left':
+              setValue(eventTargetValue.padStart(sizeMask, '0'));
+              break;
+            case 'right':
+              setValue(eventTargetValue.padEnd(sizeMask, '0'));
+              break;
+            default:
+              setValue(eventTargetValue);
+              break;
+          }
+        }
+      }
+    }, [autoCompleteMask, maskRef.current, elementRef.current]);
     var getMask = function getMask() {
       var element = elementRef.current;
       if (element) {
@@ -182,6 +201,10 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
     return /*#__PURE__*/_react.default.createElement(ComposedComponent, _extends({}, helpers.extractNonMaskProps(props, maskOptions), {
       onDeniedActions: onDenied,
       defaultValue: value,
+      onBlur: function onBlur(e) {
+        autoCompleteMaskValue(e.target.value);
+        if (props.onBlur) props.onBlur(e);
+      },
       onChange: function onChange(e) {
         return setValue(e.target.value);
       },

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

@@ -46,6 +46,7 @@ interface IBaseMaskProps {
     returnFormattedValueOnBlur?: boolean;
     returnFormattedValueOnKeyDown?: boolean;
     isDateField?: boolean;
+    autoCompleteMask?: 'left' | 'right';
 }
 interface ICnpjFieldProps extends IBaseMaskProps {
     value?: string;

package/lib/inputs/textarea/index.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } // eslint-disable-next-line import/no-named-as-default
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var TextArea = function TextArea(props) {
   var rows = props.rows,
     cols = props.cols,

package/lib/inputs/types.d.ts

@@ -99,6 +99,7 @@ interface IMaskHOCProps {
     skeletonize?: boolean;
     mask?: string | NumberConstructor;
     isDateField?: boolean;
+    autoCompleteMask?: 'left' | 'right';
 }
 interface IDropdownSelectProps {
     idKey: string;

package/lib/menus/sidenav/NavMenuItem.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
 var _icons = _interopRequireDefault(require("../../icons"));
 var _MenuLink = _interopRequireDefault(require("./MenuLink"));
 var _helpers = require("./helpers");
 var _permissionValidations = require("../../permissionValidations");
-var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
 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; }
@@ -44,6 +44,8 @@ var NavMenuItem = function NavMenuItem(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     targetDimensions = _useState4[0],
     setTargetDimensions = _useState4[1];
+  var submenuContainerRef = (0, _react.useRef)(null);
+  var submenuContentRef = (0, _react.useRef)(null);
   var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
   var _useState5 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
     _useState6 = _slicedToArray(_useState5, 1),
@@ -65,6 +67,13 @@ var NavMenuItem = function NavMenuItem(props) {
   var contextValues = {
     toggleSubMenu: toggleSubMenu
   };
+  (0, _react.useEffect)(function () {
+    var _submenuContainerRef$, _submenuContentRef$cu, _submenuContentRef$cu2;
+    var heigthSubmenuContainer = ((_submenuContainerRef$ = submenuContainerRef.current) === null || _submenuContainerRef$ === void 0 ? void 0 : _submenuContainerRef$.clientHeight) || 0;
+    var heigthSubmenuContent = ((_submenuContentRef$cu = submenuContentRef.current) === null || _submenuContentRef$cu === void 0 ? void 0 : _submenuContentRef$cu.clientHeight) || 0;
+    var maxHeigthSubMenu = (window.innerHeight - targetDimensions.top - (heigthSubmenuContainer - heigthSubmenuContent) - 1).toString().concat('px') || '0px';
+    (_submenuContentRef$cu2 = submenuContentRef.current) === null || _submenuContentRef$cu2 === void 0 ? void 0 : _submenuContentRef$cu2.style.setProperty('max-height', maxHeigthSubMenu);
+  }, [showSubMenu]);
   if (unvisible) return null;
   return /*#__PURE__*/_react.default.createElement(_helpers.SubMenuContext.Provider, {
     value: contextValues
@@ -84,10 +93,12 @@ var NavMenuItem = function NavMenuItem(props) {
   }), /*#__PURE__*/_react.default.createElement(_react.Fragment, null, iconName && /*#__PURE__*/_react.default.createElement(_icons.default, {
     name: iconName,
     size: menuSize === 'small' && 16 || menuSize === 'medium' && 24 || menuSize === 'large' && 32 || 16,
+    customClassForContainer: "menuicon-container",
     customClass: "menuicon"
   }), isExpanded && /*#__PURE__*/_react.default.createElement("span", {
     className: "title"
   }, title), !childrenIsSubMenu && children)), showSubMenu && children && childrenIsSubMenu && !disabled && !openSearchMenuPopup && /*#__PURE__*/_react.default.createElement("div", {
+    ref: submenuContainerRef,
     className: "submenu-container",
     style: {
       marginLeft: targetDimensions.width,
@@ -98,6 +109,7 @@ var NavMenuItem = function NavMenuItem(props) {
   }, /*#__PURE__*/_react.default.createElement("h1", {
     className: "title"
   }, title), /*#__PURE__*/_react.default.createElement("div", {
+    ref: submenuContentRef,
     className: "submenu",
     style: {
       gridTemplateColumns: "repeat(".concat(columnsQtty, ", 1fr)")

package/lib/table/HeaderColumn.d.ts

@@ -1,6 +1,6 @@
 import { ITableHeaderProps } from './types.js';
 import 'react';
 
-declare const HeaderColumn: ({ customClass, style, children, textAlign, visible, }: ITableHeaderProps) => JSX.Element | null;
+declare const HeaderColumn: ({ customClass, style, children, textAlign, visible, id, }: ITableHeaderProps) => JSX.Element | null;
 
 export { HeaderColumn as default };

package/lib/table/HeaderColumn.js

@@ -17,7 +17,8 @@ var HeaderColumn = function HeaderColumn(_ref) {
     children = _ref.children,
     textAlign = _ref.textAlign,
     _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? true : _ref$visible;
+    visible = _ref$visible === void 0 ? true : _ref$visible,
+    id = _ref.id;
   var _useContext = (0, _react.useContext)(_helpers.default),
     skeletonize = _useContext.skeletonize,
     vertical = _useContext.vertical,
@@ -26,6 +27,7 @@ var HeaderColumn = function HeaderColumn(_ref) {
     skeletonInRows = _useContext$skeletonI === void 0 ? 10 : _useContext$skeletonI;
   if (!visible) return null;
   return /*#__PURE__*/_react.default.createElement("th", {
+    id: id,
     className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign),
     style: style
   }, skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {

package/lib/table/types.d.ts

@@ -24,6 +24,7 @@ interface ITableHeaderProps extends TableHTMLAttributes<HTMLTableElement> {
     customClass?: string;
     textAlign?: string;
     visible?: boolean;
+    id?: string;
 }
 interface ITableBodyProps extends TableHTMLAttributes<HTMLTableElement> {
     children?: ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.0.12-beta.1",
+  "version": "1.0.12-beta.10",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",

package/lib/alerts/alert.spec.js

@@ -1,133 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-require("babel-polyfill");
-
-require("@testing-library/jest-dom");
-
-var _react2 = require("@testing-library/react");
-
-var _Message = _interopRequireDefault(require("./Message"));
-
-var _icons = _interopRequireDefault(require("../icons"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var mockAlert = function mockAlert(props) {
-  return /*#__PURE__*/_react.default.createElement(_Message.default, _extends({
-    id: 3,
-    message: "Alerta",
-    position: "rightTop",
-    closeButton: true,
-    customClass: "mock-alert",
-    timeout: 500
-  }, props));
-};
-
-describe('Alert', function () {
-  describe('Message', function () {
-    it('should render correctly', function () {
-      var mockHandleClose = jest.fn();
-
-      var _render = (0, _react2.render)(mockAlert({
-        handleClose: mockHandleClose
-      })),
-          container = _render.container;
-
-      expect(container.firstChild).toBeTruthy();
-      expect(container.firstChild).toHaveTextContent('Alerta');
-    });
-    it('should close with timeout 500ms', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var mockHandleClose;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              mockHandleClose = jest.fn();
-              (0, _react2.render)(mockAlert({
-                handleClose: mockHandleClose
-              }));
-              _context.next = 4;
-              return (0, _react2.waitFor)(function () {
-                return expect(mockHandleClose).toBeCalledTimes(1);
-              });
-
-            case 4:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-    it('should apply custom class', function () {
-      var mockHandleClose = jest.fn();
-
-      var _render2 = (0, _react2.render)(mockAlert({
-        handleClose: mockHandleClose
-      })),
-          container = _render2.container;
-
-      expect(container.firstChild).toHaveClass('mock-alert');
-    });
-    it('should render icon', function () {
-      var mockHandleClose = jest.fn();
-
-      var _render3 = (0, _react2.render)(mockAlert({
-        handleClose: mockHandleClose,
-        icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
-          name: "user"
-        })
-      })),
-          container = _render3.container,
-          getByTestId = _render3.getByTestId;
-
-      expect(container.querySelector('.-icon')).toContainElement(getByTestId('icon'));
-    });
-    it('should render icon by iconName', function () {
-      var mockHandleClose = jest.fn();
-
-      var _render4 = (0, _react2.render)(mockAlert({
-        handleClose: mockHandleClose,
-        iconName: 'user'
-      })),
-          container = _render4.container,
-          getByTestId = _render4.getByTestId;
-
-      expect(container.querySelector('.-icon')).toContainElement(getByTestId('icon'));
-    });
-    it('should change icon color', function () {
-      var mockHandleClose = jest.fn();
-
-      var _render5 = (0, _react2.render)(mockAlert({
-        handleClose: mockHandleClose,
-        iconName: 'user',
-        color: 'red'
-      })),
-          getByTestId = _render5.getByTestId;
-
-      expect(getByTestId('icon')).toHaveAttribute('fill', 'red');
-    });
-    it('should fire event on click', function () {
-      var mockHandleClose = jest.fn();
-
-      var _render6 = (0, _react2.render)(mockAlert({
-        handleClose: mockHandleClose
-      })),
-          container = _render6.container,
-          getByRole = _render6.getByRole;
-
-      _react2.fireEvent.click(getByRole('button'));
-
-      expect(container.querySelector('.close')).toBeInTheDocument();
-      expect(container.querySelector('.close-button')).toBeInTheDocument();
-      expect(mockHandleClose).toBeCalledTimes(1);
-    });
-  });
-});