linear-react-components-ui 0.4.77-beta.27 → 0.4.77-beta.29

package/.eslintrc.json

@@ -6,94 +6,21 @@
   },
   "parser": "babel-eslint",
   "rules": {
-    "indent": "off",
-    "no-undef": "off",
-    "radix": "off",
     "prefer-destructuring": ["error", {"object": true, "array": false}],
     "react/forbid-prop-types": ["error", { "forbid": ["array"] }],
     "react/jsx-first-prop-new-line": ["error", "multiline-multiprop"],
     "react/jsx-closing-bracket-location": ["error", "after-props"],
-    "react/no-unused-prop-types": [0],
+    "react/no-unused-prop-types": ["0"],
     "jsx-a11y/anchor-is-valid": [ "error", {
       "components": [ "Link" ],
       "specialLink": [ "hrefLeft", "hrefRight" ],
       "aspects": ["preferButton" ]
     }],
-    "jsx-a11y/no-autofocus": [0],
+    "jsx-a11y/no-autofocus": ["0"],
     "object-curly-newline": [0],
-    "jsx-a11y/label-has-for": [0],
-    "import/extensions": [
-      "error",
-      "ignorePackages",
-      {
-        "ts": "never",
-        "tsx": "never",
-        "js": "never",
-        "jsx": "never"
-      }
-    ]
-  },
-  "settings": {
-    "import/resolver": {
-      "node": {
-        "extensions": [".js", ".jsx", ".ts", ".tsx", ".json"]
-      }
-    }
+    "jsx-a11y/label-has-for": [0]
   },
   "plugins": [
-    "react",
     "class-property"
-  ],
-  "overrides": [
-    {
-      "files": ["**/*.ts", "**/*.tsx"],
-      "env": {
-        "browser": true,
-        "jest": true
-      },
-      "extends": [
-        "eslint:recommended",
-        "airbnb",
-        "airbnb-typescript/base",
-        "plugin:@typescript-eslint/eslint-recommended",
-        "plugin:@typescript-eslint/recommended"
-      ],
-      "parser": "@typescript-eslint/parser",
-      "parserOptions": {
-        "ecmaFeatures": { "jsx": true },
-        "ecmaVersion": 2021,
-        "sourceType": "module",
-        "project": ["./tsconfig.json", "./images.d.ts"]
-      },
-      "plugins": ["react", "@typescript-eslint", "class-property"],
-      "rules": {
-        "react/jsx-indent": "off",
-        "react/jsx-uses-react": "off",
-        "react/react-in-jsx-scope": "off",
-        "@typescript-eslint/indent": ["error", 2],
-        "import/prefer-default-export": [0],
-        "react/jsx-filename-extension": [1, { "extensions": [".ts", ".tsx"] }],
-        "prefer-destructuring": ["error", {"object": true, "array": false}],
-        "react/forbid-prop-types": ["error", { "forbid": ["array"] }],
-        "react/jsx-first-prop-new-line": ["error", "multiline-multiprop"],
-        "react/jsx-closing-bracket-location": ["error", "after-props"],
-        "react/no-unused-prop-types": [0],
-        "jsx-a11y/heading-has-content": "off",
-        "jsx-a11y/anchor-has-content": "off",
-        "jsx-a11y/anchor-is-valid": [ "error", {
-          "components": [ "Link" ],
-          "specialLink": [ "hrefLeft", "hrefRight" ],
-          "aspects": ["preferButton" ]
-        }],
-        "jsx-a11y/no-autofocus": [0],
-        "object-curly-newline": [0],
-        "jsx-a11y/label-has-for": [0]
-      },
-      "settings": {
-        "import/resolver": {
-          "typescript": {}
-        }
-      }
-    }
   ]
 }

package/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+# . "$(dirname "$0")/_/husky.sh"
+
+# npm run check:js

package/.vscode/settings.json

@@ -1,12 +1,12 @@
 {
   "files.exclude": {
-    // "config": true,
+    "config": true,
     "coverage": true,
     "node_modules": true,
     "scripts": true,
     "yarn.lock": true,
     ".eslintrc.js": true,
-    // ".gitignore": true,
+    ".gitignore": true,
   },
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true 

package/jest.config.js

@@ -1,12 +1,12 @@
 module.exports = {
   roots: ['<rootDir>'],
   transform: {
-    '\\.(js|jsx|tsx|ts)?$': 'babel-jest',
+    '\\.(js|jsx)?$': 'babel-jest',
   },
   testMatch: [
-    '<rootDir>/src/**/?(*.)(spec|test).{js,jsx,ts,tsx,mjs}',
+    '<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}',
   ],
-  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'json', 'node'],
+  moduleFileExtensions: ['js', 'jsx', 'json', 'node'],
   testPathIgnorePatterns: ['/node_modules/', '/public/'],
   setupFilesAfterEnv: [
     '@testing-library/jest-dom/extend-expect',

package/lib/alerts/AlertContainer.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-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 _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); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
 var AlertContainer = /*#__PURE__*/function () {
   function AlertContainer(pushAlert) {
@@ -19,17 +19,13 @@ var AlertContainer = /*#__PURE__*/function () {
 
     _classCallCheck(this, AlertContainer);
 
-    Object.defineProperty(this, "pushAlert", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: void 0
-    });
     Object.defineProperty(this, "info", {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value(message, options) {
+      value: function value(message) {
+        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
         var messageConfig = _extends({}, options, {
           customClass: '-info',
           message: message,
@@ -44,7 +40,9 @@ var AlertContainer = /*#__PURE__*/function () {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value(message, options) {
+      value: function value(message) {
+        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
         var messageConfig = _extends({}, options, {
           customClass: '-danger',
           message: message,
@@ -59,7 +57,9 @@ var AlertContainer = /*#__PURE__*/function () {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value(message, options) {
+      value: function value(message) {
+        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
         var messageConfig = _extends({}, options, {
           customClass: '-warning',
           message: message,
@@ -74,7 +74,9 @@ var AlertContainer = /*#__PURE__*/function () {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value(message, options) {
+      value: function value(message) {
+        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
         var messageConfig = _extends({}, options, {
           customClass: '-success',
           message: message,
@@ -89,7 +91,9 @@ var AlertContainer = /*#__PURE__*/function () {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value(message, options) {
+      value: function value(message) {
+        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
         var messageConfig = _extends({}, options, {
           message: message
         });
@@ -102,7 +106,8 @@ var AlertContainer = /*#__PURE__*/function () {
 
   _createClass(AlertContainer, [{
     key: "default",
-    value: function _default(messageConfig) {
+    value: function _default() {
+      var messageConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var message = messageConfig.message,
           options = messageConfig.options;
 

package/lib/alerts/AlertProvider.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _lodash = _interopRequireDefault(require("lodash"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _BaseAlert = _interopRequireDefault(require("./BaseAlert"));
 
 var _AlertContainer = _interopRequireDefault(require("./AlertContainer"));
@@ -25,7 +27,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -35,7 +37,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -105,12 +107,15 @@ var AlertProvider = function AlertProvider(props) {
     });
 
     return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
-      value: _extends({}, contextValues)
+      value: contextValues
     }, /*#__PURE__*/_react.default.createElement(_BaseAlert.default, null, elements), children);
   };
 
   return _react.Children.only(renderBaseContainer());
 };
 
+AlertProvider.propTypes = {
+  children: _propTypes.default.object.isRequired
+};
 var _default = AlertProvider;
 exports.default = _default;

package/lib/alerts/BaseAlert.js

@@ -9,6 +9,8 @@ var _react = require("react");
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 require("../assets/styles/alerts.scss");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,7 +23,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -42,16 +44,17 @@ var BaseAlert = function BaseAlert(_ref) {
       alertComponentEl.className = 'alert-component';
       body.appendChild(alertComponentEl);
       alertComponentEl.appendChild(messageContainerEl);
-    } else {
-      alert.appendChild(messageContainerEl);
-    }
+    } else alert.appendChild(messageContainerEl);
 
     return function () {
-      alert === null || alert === void 0 ? void 0 : alert.removeChild(messageContainerEl);
+      if (alert !== null) alert.removeChild(messageContainerEl);
     };
   }, []);
   return /*#__PURE__*/_reactDom.default.createPortal(children, messageContainerEl);
 };
 
+BaseAlert.propTypes = {
+  children: _propTypes.default.arrayOf(_propTypes.default.object).isRequired
+};
 var _default = BaseAlert;
 exports.default = _default;

package/lib/alerts/Message.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +9,9 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _icons = _interopRequireDefault(require("../icons"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _icons = _interopRequireDefault(require("./../icons"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -37,40 +39,25 @@ var getIcon = function getIcon(icon, iconName, color) {
   return null;
 };
 
-var Message = function Message(_ref2) {
-  var _ref2$handleClose = _ref2.handleClose,
-      handleClose = _ref2$handleClose === void 0 ? function () {} : _ref2$handleClose,
-      message = _ref2.message,
-      _ref2$id = _ref2.id,
-      id = _ref2$id === void 0 ? 0 : _ref2$id,
-      _ref2$color = _ref2.color,
-      color = _ref2$color === void 0 ? '' : _ref2$color,
-      _ref2$icon = _ref2.icon,
-      icon = _ref2$icon === void 0 ? null : _ref2$icon,
-      _ref2$iconName = _ref2.iconName,
-      iconName = _ref2$iconName === void 0 ? '' : _ref2$iconName,
-      _ref2$timeout = _ref2.timeout,
-      timeout = _ref2$timeout === void 0 ? 3000 : _ref2$timeout,
-      _ref2$customClass = _ref2.customClass,
-      customClass = _ref2$customClass === void 0 ? '' : _ref2$customClass,
-      _ref2$closeButton = _ref2.closeButton,
-      closeButton = _ref2$closeButton === void 0 ? false : _ref2$closeButton,
-      _ref2$className = _ref2.className,
-      className = _ref2$className === void 0 ? 'message' : _ref2$className,
-      _ref2$position = _ref2.position,
-      position = _ref2$position === void 0 ? 'centerTop' : _ref2$position;
+var Message = function Message(props) {
+  var handleClose = props.handleClose,
+      icon = props.icon,
+      iconName = props.iconName,
+      color = props.color,
+      message = props.message,
+      closeButton = props.closeButton,
+      timeout = props.timeout,
+      id = props.id,
+      position = props.position;
   (0, _react.useEffect)(function () {
     if (timeout > 0) {
       setTimeout(function () {
-        handleClose(id, position);
+        return handleClose(id, position);
       }, timeout);
     }
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: getClass({
-      className: className,
-      customClass: customClass
-    })
+    className: getClass(props)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "-icon"
   }, (icon || iconName || color) && getIcon(icon, iconName, color)), /*#__PURE__*/_react.default.createElement("div", {
@@ -80,13 +67,35 @@ var Message = function Message(_ref2) {
   }, closeButton || timeout === 0 ? /*#__PURE__*/_react.default.createElement("span", {
     className: "close-button",
     role: "button",
-    onKeyPress: function onKeyPress() {},
-    tabIndex: -1,
+    onKeyPress: null,
+    tabIndex: "-1",
     onClick: function onClick() {
       return handleClose !== undefined ? handleClose(id, position) : null;
     }
   }, "x") : null));
 };
 
+Message.defaultProps = {
+  className: 'message',
+  closeButton: false,
+  color: '',
+  customClass: '',
+  icon: null,
+  iconName: '',
+  timeout: 3000
+};
+Message.propTypes = {
+  className: _propTypes.default.string,
+  closeButton: _propTypes.default.bool,
+  color: _propTypes.default.string,
+  customClass: _propTypes.default.string,
+  icon: _propTypes.default.instanceOf(Object),
+  iconName: _propTypes.default.string,
+  id: _propTypes.default.number.isRequired,
+  handleClose: _propTypes.default.func.isRequired,
+  message: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]).isRequired,
+  position: _propTypes.default.string.isRequired,
+  timeout: _propTypes.default.number
+};
 var _default = Message;
 exports.default = _default;

package/lib/alerts/alert.spec.js

@@ -0,0 +1,133 @@
+"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);
+    });
+  });
+});

package/lib/alerts/helpers.js

@@ -5,8 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = require("react");
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var AlertProviderContext = /*#__PURE__*/_react.default.createContext();
 
-var AlertProviderContext = /*#__PURE__*/(0, _react.createContext)({});
 var _default = AlertProviderContext;
 exports.default = _default;

package/lib/alerts/withAlert.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -17,7 +17,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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 withAlert = function withAlert(WrapperComponent) {
   var GetAlert = function GetAlert(props) {

package/lib/assets/styles/commons.scss

@@ -116,6 +116,16 @@
   }
 }
 
+%skeleton-transparency {
+  content: '';
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: rgb(255,255,255);
+  background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 30%,
+    rgba(255,255,255,0.6) 70%,rgba(255,255,255,0.8) 100%);
+}
+
 /* Efeito utilizado para o componente Skeleton */
 @keyframes shimmer {
   0% {