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

package/.eslintrc.json

@@ -1,19 +1,39 @@
 {
-  "extends": "airbnb",
   "env": {
     "browser": true,
     "jest": true
   },
-  "parser": "babel-eslint",
+  "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"],
   "rules": {
-    "indent": "off",
-    "no-undef": "off",
-    "radix": "off",
+    "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],
     "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" ],
@@ -22,79 +42,27 @@
     "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"
-      }
-    ]
+    "@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"
   },
   "settings": {
-    "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": {}
-        }
-      }
+    "react": {
+      "version": "detect"
+    },
+    "import/extensions": [".js", ".mjs", ".jsx", ".ts", ".tsx", ".d.ts"],
+    "import/parser": {
+      "@typescript-eslint/parser": [".ts", ".tsx", ".d.ts"]
     }
-  ]
+  }
 }

package/.gitlab-ci.yml

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

package/.nvmrc

@@ -0,0 +1 @@
+v20.11.0

package/.vscode/settings.json

@@ -1,12 +1,21 @@
 {
   "files.exclude": {
-    // "config": true,
+    "config": true,
     "coverage": true,
     "node_modules": true,
     "scripts": true,
-    // "yarn.lock": true,
     ".eslintrc.js": true,
-    // ".gitignore": 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,
   },
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit"

package/babel.config.json

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

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

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

package/lib/alerts/AlertContainer.js

@@ -4,86 +4,77 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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(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);
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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) {
     _defineProperty(this, "pushAlert", void 0);
-    _defineProperty(this, "info", function (message, options) {
-      var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
+    _defineProperty(this, "info", (message, options) => {
+      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
         customClass: '-info',
-        message: message,
+        message,
         iconName: 'information',
         color: '#fff'
       });
-      _this.pushAlert(messageConfig);
+      this.pushAlert(messageConfig);
     });
-    _defineProperty(this, "danger", function (message, options) {
-      var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
+    _defineProperty(this, "danger", (message, options) => {
+      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
         customClass: '-danger',
-        message: message,
+        message,
         iconName: 'power',
         color: '#fff'
       });
-      _this.pushAlert(messageConfig);
+      this.pushAlert(messageConfig);
     });
-    _defineProperty(this, "warning", function (message, options) {
-      var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
+    _defineProperty(this, "warning", (message, options) => {
+      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
         customClass: '-warning',
-        message: message,
+        message,
         iconName: 'warning',
         color: '#fff'
       });
-      _this.pushAlert(messageConfig);
+      this.pushAlert(messageConfig);
     });
-    _defineProperty(this, "success", function (message, options) {
-      var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
+    _defineProperty(this, "success", (message, options) => {
+      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
         customClass: '-success',
-        message: message,
+        message,
         iconName: 'checkmark',
         color: '#fff'
       });
-      _this.pushAlert(messageConfig);
+      this.pushAlert(messageConfig);
     });
-    _defineProperty(this, "custom", function (message, options) {
-      var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
-        message: message
+    _defineProperty(this, "custom", (message, options) => {
+      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
+        message
       });
-      _this.pushAlert(messageConfig);
+      this.pushAlert(messageConfig);
     });
     this.pushAlert = pushAlert;
   }
-  _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;
-      }
+  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;
     }
-  }]);
-  return AlertContainer;
-}();
-var _default2 = AlertContainer;
-exports.default = _default2;
+  }
+}
+var _default = exports.default = AlertContainer;

package/lib/alerts/AlertProvider.js

@@ -1,6 +1,5 @@
 "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,68 +10,52 @@ var _BaseAlert = _interopRequireDefault(require("./BaseAlert"));
 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(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(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(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;
-    });
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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);
     setMessages(_objectSpread({}, messages));
   };
-  var pushAlert = function pushAlert(params) {
-    var properties = params;
+  const pushAlert = params => {
+    const properties = params;
     if (properties.position === undefined) properties.position = 'rightBottom';
     properties.id = new Date().getTime();
     messages[properties.position].push(properties);
     setMessages(messages);
     setToggleRefreshComponent(!toggleRefreshComponent);
   };
-  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 = {
+  const buildAlertMessage = values => values.map(value => /*#__PURE__*/_react.default.createElement(_Message.default, _extends({}, value, {
+    handleClose: removeAlert,
+    key: value.id
+  })));
+  const contextValues = {
     alert: new _AlertContainer.default(pushAlert)
   };
-  var renderBaseContainer = function renderBaseContainer() {
-    var elements = [];
-    _lodash.default.forEach(messages, function (values, key) {
+  const renderBaseContainer = () => {
+    const elements = [];
+    _lodash.default.forEach(messages, (values, key) => {
       if (values.length > 0) {
-        var messageAlert = /*#__PURE__*/_react.default.createElement("div", {
+        const messageAlert = /*#__PURE__*/_react.default.createElement("div", {
           className: key.toLowerCase(),
           key: key
         }, buildAlertMessage(values));
@@ -87,5 +70,4 @@ var AlertProvider = function AlertProvider(props) {
   };
   return _react.Children.only(renderBaseContainer());
 };
-var _default = AlertProvider;
-exports.default = _default;
+var _default = exports.default = AlertProvider;

package/lib/alerts/BaseAlert.js

@@ -7,35 +7,28 @@ exports.default = void 0;
 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 }; }
-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];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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'));
   messageContainerEl.className = 'messagecontainer';
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (alert === null) {
-      var alertComponentEl = document.createElement('div');
+      const alertComponentEl = document.createElement('div');
       alertComponentEl.className = 'alert-component';
       body.appendChild(alertComponentEl);
       alertComponentEl.appendChild(messageContainerEl);
     } else {
       alert.appendChild(messageContainerEl);
     }
-    return function () {
+    return () => {
       alert === null || alert === void 0 ? void 0 : alert.removeChild(messageContainerEl);
     };
   }, []);
   return /*#__PURE__*/_reactDom.default.createPortal(children, messageContainerEl);
 };
-var _default = BaseAlert;
-exports.default = _default;
+var _default = exports.default = BaseAlert;

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, }: IMessageProps) => JSX.Element;
+declare const Message: ({ handleClose, message, id, color, icon, iconName, timeout, customClass, closeButton, className, position, pauseTimeoutOnMouseHover, }: IMessageProps) => JSX.Element;
 
 export { Message as default };