linear-react-components-ui 1.1.12 → 1.1.14-beta.0

package/.eslintrc.json

@@ -1,39 +1,19 @@
 {
+  "extends": "airbnb",
   "env": {
     "browser": true,
     "jest": true
   },
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "plugin:react-hooks/recommended",
-    "plugin:import/recommended",
-    "airbnb-typescript"
-  ],
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "ecmaFeatures": { "jsx": true },
-    "ecmaVersion": "latest",
-    "sourceType": "module",
-    "project": ["./tsconfig.json", "./images.d.ts"]
-  },
-  "plugins": ["react", "@typescript-eslint", "jsx-a11y"],
+  "parser": "babel-eslint",
   "rules": {
-    "react/jsx-filename-extension": [1, { "extensions": [".tsx", ".jsx"] }],
-    "import/no-extraneous-dependencies": ["off", {"devDependencies": false, "optionalDependencies": false, "peerDependencies": false}],        
-    "jsx-a11y/no-static-element-interactions": "off",
-    "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],
+    "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],
-    "jsx-a11y/heading-has-content": "off",
-    "jsx-a11y/anchor-has-content": "off",
     "jsx-a11y/anchor-is-valid": [ "error", {
       "components": [ "Link" ],
       "specialLink": [ "hrefLeft", "hrefRight" ],
@@ -42,27 +22,79 @@
     "jsx-a11y/no-autofocus": [0],
     "object-curly-newline": [0],
     "jsx-a11y/label-has-for": [0],
-    "@typescript-eslint/no-useless-constructor": "off",
-    "@typescript-eslint/no-throw-literal": "off",
-    "react/function-component-definition": "off",
-    "arrow-parens": "off",
-    "react-hooks/exhaustive-deps": "off",
-    "react/jsx-props-no-spreading": "off",
-    "implicit-arrow-linebreak": "off",
-    "function-paren-newline": "off",
-    "react/destructuring-assignment": "off",
-    "react/jsx-no-constructed-context-values": "off",
-    "@typescript-eslint/no-unused-vars": "off",
-    "react/no-unknown-property": ["error", { "ignore": ["align"] }],
-    "no-console": "warn"
+    "import/extensions": [
+      "error",
+      "ignorePackages",
+      {
+        "ts": "never",
+        "tsx": "never",
+        "js": "never",
+        "jsx": "never"
+      }
+    ]
   },
   "settings": {
-    "react": {
-      "version": "detect"
-    },
-    "import/extensions": [".js", ".mjs", ".jsx", ".ts", ".tsx", ".d.ts"],
-    "import/parser": {
-      "@typescript-eslint/parser": [".ts", ".tsx", ".d.ts"]
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".jsx", ".ts", ".tsx", ".json"]
+      }
+    }
+  },
+  "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": {
+        "jsx-a11y/no-static-element-interactions": "off",
+        "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/.gitlab-ci.yml

@@ -2,26 +2,18 @@ stages:
   - lint
   - tests-units
 
-cache:
-  key:
-    files:
-      - package-lock.json
-  paths:
-    - .npm
-    - .eslintcache
-
 lint:
   stage: lint
-  image: node:20.11.0
+  image: node:14.21.3
   before_script:
-    - npm ci --legacy-peer-deps --cache .npm --prefer-offline
+    - npm install
   script:
-    - npm run check:js 
+    - npm run check:js
 
 units:
   stage: tests-units
-  image: node:20.11.0
+  image: node:14.21.3
   before_script:
-    - npm ci --legacy-peer-deps --cache .npm --prefer-offline
+    - npm install
   script:
     - npm run test

package/.tool-versions

@@ -0,0 +1 @@
+nodejs 10.16.0

package/.vscode/settings.json

@@ -1,21 +1,12 @@
 {
   "files.exclude": {
-    "config": true,
+    // "config": true,
     "coverage": true,
     "node_modules": true,
     "scripts": true,
+    // "yarn.lock": true,
     ".eslintrc.js": true,
-    ".gitignore": true,
-    "package-lock.json": true,
-    // ".gitlab-ci.yml": true,
-    ".nvmrc": true,
-    ".npmignore": true,
-    ".editorconfig": true,
-    ".stylelintrc": true,
-    "jest.config.js": true,
-    "tsup.config.ts": true,
-    "LICENSE": true,
-    "babel.config.json": true,
+    // ".gitignore": true,
   },
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit"

package/babel.config.json

@@ -1,11 +1,11 @@
 {
   "presets": [
-    "@babel/preset-env",
-    "@babel/preset-react",
+    "@babel/env",
+    "@babel/react",
     "@babel/preset-typescript"
   ],
   "plugins": [
-    "@babel/plugin-transform-object-rest-spread",
-    "@babel/plugin-transform-class-properties"
+    "@babel/plugin-proposal-object-rest-spread",
+    "@babel/plugin-proposal-class-properties"
   ]
 }

package/lib/@types/SizePixels.d.ts

@@ -1,3 +1,3 @@
-type SizePixels = 10 | 12 | 14 | 16 | 18 | 22 | 24 | 32 | 40 | 64 | 128 | 200;
+type SizePixels = 10 | 16 | 18 | 22 | 24 | 32 | 40 | 64 | 128 | 200;
 
 export { SizePixels };

package/lib/alerts/AlertContainer.js

@@ -4,77 +4,86 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _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, _toPropertyKey(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 _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); }
-class AlertContainer {
-  constructor(pushAlert) {
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var AlertContainer = /*#__PURE__*/function () {
+  function AlertContainer(pushAlert) {
+    var _this = this;
+    _classCallCheck(this, AlertContainer);
     _defineProperty(this, "pushAlert", void 0);
-    _defineProperty(this, "info", (message, options) => {
-      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
+    _defineProperty(this, "info", function (message, options) {
+      var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
         customClass: '-info',
-        message,
+        message: message,
         iconName: 'information',
         color: '#fff'
       });
-      this.pushAlert(messageConfig);
+      _this.pushAlert(messageConfig);
     });
-    _defineProperty(this, "danger", (message, options) => {
-      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
+    _defineProperty(this, "danger", function (message, options) {
+      var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
         customClass: '-danger',
-        message,
+        message: message,
         iconName: 'power',
         color: '#fff'
       });
-      this.pushAlert(messageConfig);
+      _this.pushAlert(messageConfig);
     });
-    _defineProperty(this, "warning", (message, options) => {
-      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
+    _defineProperty(this, "warning", function (message, options) {
+      var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
         customClass: '-warning',
-        message,
+        message: message,
         iconName: 'warning',
         color: '#fff'
       });
-      this.pushAlert(messageConfig);
+      _this.pushAlert(messageConfig);
     });
-    _defineProperty(this, "success", (message, options) => {
-      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
+    _defineProperty(this, "success", function (message, options) {
+      var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
         customClass: '-success',
-        message,
+        message: message,
         iconName: 'checkmark',
         color: '#fff'
       });
-      this.pushAlert(messageConfig);
+      _this.pushAlert(messageConfig);
     });
-    _defineProperty(this, "custom", (message, options) => {
-      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
-        message
+    _defineProperty(this, "custom", function (message, options) {
+      var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
+        message: message
       });
-      this.pushAlert(messageConfig);
+      _this.pushAlert(messageConfig);
     });
     this.pushAlert = pushAlert;
   }
-  default(messageConfig) {
-    const {
-      message,
-      options
-    } = messageConfig;
-    switch (options.type) {
-      case 'info':
-        this.info(message, options);
-        break;
-      case 'warning':
-        this.warning(message, options);
-        break;
-      case 'danger':
-        this.danger(message, options);
-        break;
-      default:
-        this.success(message, options);
-        break;
+  _createClass(AlertContainer, [{
+    key: "default",
+    value: function _default(messageConfig) {
+      var message = messageConfig.message,
+        options = messageConfig.options;
+      switch (options.type) {
+        case 'info':
+          this.info(message, options);
+          break;
+        case 'warning':
+          this.warning(message, options);
+          break;
+        case 'danger':
+          this.danger(message, options);
+          break;
+        default:
+          this.success(message, options);
+          break;
+      }
     }
-  }
-}
-var _default = exports.default = AlertContainer;
+  }]);
+  return AlertContainer;
+}();
+var _default2 = AlertContainer;
+exports.default = _default2;

package/lib/alerts/AlertProvider.js

@@ -1,5 +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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,51 +12,67 @@ var _AlertContainer = _interopRequireDefault(require("./AlertContainer"));
 var _Message = _interopRequireDefault(require("./Message"));
 var _helpers = _interopRequireDefault(require("./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; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(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 AlertProvider = props => {
-  const [messages, setMessages] = (0, _react.useState)({
-    leftTop: [],
-    leftBottom: [],
-    rightBottom: [],
-    rightTop: [],
-    centerTop: [],
-    centerBottom: []
-  });
-  const [toggleRefreshComponent, setToggleRefreshComponent] = (0, _react.useState)(false);
-  const {
-    children
-  } = props;
-  const removeAlert = (messageId, position) => {
-    messages[position] = messages[position].filter(message => message.id !== messageId);
+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); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var AlertProvider = function AlertProvider(props) {
+  var _useState = (0, _react.useState)({
+      leftTop: [],
+      leftBottom: [],
+      rightBottom: [],
+      rightTop: [],
+      centerTop: [],
+      centerBottom: []
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    messages = _useState2[0],
+    setMessages = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    toggleRefreshComponent = _useState4[0],
+    setToggleRefreshComponent = _useState4[1];
+  var children = props.children;
+  var removeAlert = function removeAlert(messageId, position) {
+    messages[position] = messages[position].filter(function (message) {
+      return message.id !== messageId;
+    });
     setMessages(_objectSpread({}, messages));
   };
-  const pushAlert = params => {
-    const properties = params;
+  var pushAlert = function pushAlert(params) {
+    var properties = params;
     if (properties.position === undefined) properties.position = 'rightBottom';
     properties.id = new Date().getTime();
     messages[properties.position].push(properties);
     setMessages(messages);
     setToggleRefreshComponent(!toggleRefreshComponent);
   };
-  const buildAlertMessage = values => values.map(value => /*#__PURE__*/_react.default.createElement(_Message.default, _extends({}, value, {
-    handleClose: removeAlert,
-    key: value.id
-  })));
-  const contextValues = {
+  var buildAlertMessage = function buildAlertMessage(values) {
+    return values.map(function (value) {
+      return /*#__PURE__*/_react.default.createElement(_Message.default, _extends({}, value, {
+        handleClose: removeAlert,
+        key: value.id
+      }));
+    });
+  };
+  var contextValues = {
     alert: new _AlertContainer.default(pushAlert)
   };
-  const renderBaseContainer = () => {
-    const elements = [];
-    _lodash.default.forEach(messages, (values, key) => {
+  var renderBaseContainer = function renderBaseContainer() {
+    var elements = [];
+    _lodash.default.forEach(messages, function (values, key) {
       if (values.length > 0) {
-        const messageAlert = /*#__PURE__*/_react.default.createElement("div", {
+        var messageAlert = /*#__PURE__*/_react.default.createElement("div", {
           className: key.toLowerCase(),
           key: key
         }, buildAlertMessage(values));
@@ -70,4 +87,5 @@ const AlertProvider = props => {
   };
   return _react.Children.only(renderBaseContainer());
 };
-var _default = exports.default = AlertProvider;
+var _default = AlertProvider;
+exports.default = _default;

package/lib/alerts/BaseAlert.js

@@ -8,27 +8,34 @@ var _react = require("react");
 var _reactDom = _interopRequireDefault(require("react-dom"));
 require("../assets/styles/alerts.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const body = document.getElementsByTagName('body')[0];
-const alert = document.getElementById('alert');
-const BaseAlert = _ref => {
-  let {
-    children
-  } = _ref;
-  const [messageContainerEl] = (0, _react.useState)(document.createElement('div'));
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var body = document.getElementsByTagName('body')[0];
+var alert = document.getElementById('alert');
+var BaseAlert = function BaseAlert(_ref) {
+  var children = _ref.children;
+  var _useState = (0, _react.useState)(document.createElement('div')),
+    _useState2 = _slicedToArray(_useState, 1),
+    messageContainerEl = _useState2[0];
   messageContainerEl.className = 'messagecontainer';
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (alert === null) {
-      const alertComponentEl = document.createElement('div');
+      var alertComponentEl = document.createElement('div');
       alertComponentEl.className = 'alert-component';
       body.appendChild(alertComponentEl);
       alertComponentEl.appendChild(messageContainerEl);
     } else {
       alert.appendChild(messageContainerEl);
     }
-    return () => {
+    return function () {
       alert === null || alert === void 0 ? void 0 : alert.removeChild(messageContainerEl);
     };
   }, []);
   return /*#__PURE__*/_reactDom.default.createPortal(children, messageContainerEl);
 };
-var _default = exports.default = BaseAlert;
+var _default = BaseAlert;
+exports.default = _default;

package/lib/alerts/Message.d.ts

@@ -4,6 +4,6 @@ import '../@types/PositionAlert.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
 
-declare const Message: ({ handleClose, message, id, color, icon, iconName, timeout, customClass, closeButton, className, position, pauseTimeoutOnMouseHover, }: IMessageProps) => JSX.Element;
+declare const Message: ({ handleClose, message, id, color, icon, iconName, timeout, customClass, closeButton, className, position, }: IMessageProps) => JSX.Element;
 
 export { Message as default };