asab_webui_shell 25.1.11 → 25.1.13

package/dist/components/locationReplace.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.locationReplace = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 /*
 
@@ -30,21 +29,10 @@ const myFunc = async () => {
 */
 
 var locationReplace = exports.locationReplace = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(url) {
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          window.location.replace(url.toString());
-          _context.next = 3;
-          return new Promise(function (r) {
-            return setTimeout(r, 3600 * 1000);
-          });
-        case 3:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
+  var _ref = (0, _asyncToGenerator2.default)(function* (url) {
+    window.location.replace(url.toString());
+    yield new Promise(r => setTimeout(r, 3600 * 1000)); // Basically wait forever, this the app is going to be reloaded
+  });
   return function locationReplace(_x) {
     return _ref.apply(this, arguments);
   };

package/dist/config/ConfigReducer.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = ConfigReducer;
+exports.default = ConfigReducer;
 var _actions = require("../actions");
 // Actions
 

package/dist/config/ConfigService.js

@@ -4,128 +4,112 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _asab_webui_components = require("asab_webui_components");
 var _ConfigReducer = _interopRequireDefault(require("./ConfigReducer"));
 var _actions = require("../actions");
 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) { (0, _defineProperty2["default"])(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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var ConfigService = exports["default"] = /*#__PURE__*/function (_Service) {
-  function ConfigService(app) {
-    var _this;
+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) { (0, _defineProperty2.default)(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; }
+class ConfigService extends _asab_webui_components.Service {
+  constructor(app) {
     var serviceName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "ConfigService";
-    (0, _classCallCheck2["default"])(this, ConfigService);
-    _this = _callSuper(this, ConfigService, [app, serviceName]);
-    app.ReduxService.addReducer("config", _ConfigReducer["default"]);
-    _this.Config = new Config();
-    return _this;
+    super(app, serviceName);
+    app.ReduxService.addReducer("config", _ConfigReducer.default);
+    this.Config = new Config();
   }
-  (0, _inherits2["default"])(ConfigService, _Service);
-  return (0, _createClass2["default"])(ConfigService, [{
-    key: "initialize",
-    value: function initialize() {
-      var _document$getElements, _document$getElements2, _document$getElements3, _document$getElements4, _document$getElements5, _document$getElements6;
-      // Initialization of dynamic configuration
-      var headerLogoFull = (_document$getElements = document.getElementsByName('header-logo-full')[0]) === null || _document$getElements === void 0 ? void 0 : _document$getElements.content;
-      var headerLogoMini = (_document$getElements2 = document.getElementsByName('header-logo-minimized')[0]) === null || _document$getElements2 === void 0 ? void 0 : _document$getElements2.content;
-      var headerLogoFullDark = (_document$getElements3 = document.getElementsByName('header-logo-full-dark')[0]) === null || _document$getElements3 === void 0 ? void 0 : _document$getElements3.content;
-      var headerLogoMiniDark = (_document$getElements4 = document.getElementsByName('header-logo-minimized-dark')[0]) === null || _document$getElements4 === void 0 ? void 0 : _document$getElements4.content;
-      var title = (_document$getElements5 = document.getElementsByName('title')[0]) === null || _document$getElements5 === void 0 ? void 0 : _document$getElements5.content;
-      var customCSS = (_document$getElements6 = document.getElementsByName('custom-css-file')[0]) === null || _document$getElements6 === void 0 ? void 0 : _document$getElements6.content;
-      var dynamicConfig = {};
-      // determine if any logos have been dynamically configured and assign brandImage property as an empty object
-      if (headerLogoFull != undefined && headerLogoFull != "" || headerLogoFullDark != undefined && headerLogoFullDark != "" || headerLogoMini != undefined && headerLogoMini != "" || headerLogoMiniDark != undefined && headerLogoMiniDark != "") {
-        dynamicConfig.brandImage = {};
-      }
-      // If header's full light logo has been configured, add it to dynamic config object
-      if (headerLogoFull != undefined && headerLogoFull != "") {
-        Object.assign(dynamicConfig.brandImage, {
-          "light": {
-            "full": headerLogoFull
-          }
-        });
-      }
-      // If header's full dark logo has been configured, extend/add it to dynamic config's brandImage property
-      if (headerLogoFullDark != undefined && headerLogoFullDark != "") {
-        Object.assign(dynamicConfig.brandImage, {
-          "dark": {
-            "full": headerLogoFullDark
-          }
-        });
-      }
-      // If header's minimized light logo has been configured, extend/add it to dynamic config brandImage property
-      if (headerLogoMini != undefined && headerLogoMini != "") {
-        var _dynamicConfig$brandI;
-        Object.assign(dynamicConfig.brandImage, _objectSpread(_objectSpread({}, dynamicConfig.brandImage), {}, {
-          "light": _objectSpread(_objectSpread({}, (_dynamicConfig$brandI = dynamicConfig.brandImage) === null || _dynamicConfig$brandI === void 0 ? void 0 : _dynamicConfig$brandI.light), {}, {
-            "minimized": headerLogoMini
-          })
-        }));
-      }
-      // If header's minimized dark logo has been configured, extend/add it to dynamic config brandImage property
-      if (headerLogoMiniDark != undefined && headerLogoMiniDark != "") {
-        var _dynamicConfig$brandI2;
-        Object.assign(dynamicConfig.brandImage, _objectSpread(_objectSpread({}, dynamicConfig.brandImage), {}, {
-          "dark": _objectSpread(_objectSpread({}, (_dynamicConfig$brandI2 = dynamicConfig.brandImage) === null || _dynamicConfig$brandI2 === void 0 ? void 0 : _dynamicConfig$brandI2.dark), {}, {
-            "minimized": headerLogoMiniDark
-          })
-        }));
-      }
-
-      // Add custom title
-      if (title != undefined && title != "") {
-        dynamicConfig["title"] = title;
-      }
-      // Add custom CSS
-      if (customCSS != undefined && customCSS != "") {
-        var link = document.createElement('link');
-        link.setAttribute('rel', 'stylesheet');
-        link.setAttribute('href', customCSS);
-        // Append to the `head` element
-        document.head.appendChild(link);
-      }
-
-      // Dispatch customs to config store
-      if (Object.keys(dynamicConfig).length > 0) {
-        this.Config._dynamic_config = dynamicConfig;
-        if (this.App.Store !== undefined) {
-          this.Config.dispatch(this.App.Store);
-        } else {
-          console.warn('Dynamic configuration has not been dispatched to application store');
+  initialize() {
+    var _document$getElements, _document$getElements2, _document$getElements3, _document$getElements4, _document$getElements5, _document$getElements6;
+    // Initialization of dynamic configuration
+    var headerLogoFull = (_document$getElements = document.getElementsByName('header-logo-full')[0]) === null || _document$getElements === void 0 ? void 0 : _document$getElements.content;
+    var headerLogoMini = (_document$getElements2 = document.getElementsByName('header-logo-minimized')[0]) === null || _document$getElements2 === void 0 ? void 0 : _document$getElements2.content;
+    var headerLogoFullDark = (_document$getElements3 = document.getElementsByName('header-logo-full-dark')[0]) === null || _document$getElements3 === void 0 ? void 0 : _document$getElements3.content;
+    var headerLogoMiniDark = (_document$getElements4 = document.getElementsByName('header-logo-minimized-dark')[0]) === null || _document$getElements4 === void 0 ? void 0 : _document$getElements4.content;
+    var title = (_document$getElements5 = document.getElementsByName('title')[0]) === null || _document$getElements5 === void 0 ? void 0 : _document$getElements5.content;
+    var customCSS = (_document$getElements6 = document.getElementsByName('custom-css-file')[0]) === null || _document$getElements6 === void 0 ? void 0 : _document$getElements6.content;
+    var dynamicConfig = {};
+    // determine if any logos have been dynamically configured and assign brandImage property as an empty object
+    if (headerLogoFull != undefined && headerLogoFull != "" || headerLogoFullDark != undefined && headerLogoFullDark != "" || headerLogoMini != undefined && headerLogoMini != "" || headerLogoMiniDark != undefined && headerLogoMiniDark != "") {
+      dynamicConfig.brandImage = {};
+    }
+    // If header's full light logo has been configured, add it to dynamic config object
+    if (headerLogoFull != undefined && headerLogoFull != "") {
+      Object.assign(dynamicConfig.brandImage, {
+        "light": {
+          "full": headerLogoFull
         }
-      }
+      });
     }
-  }, {
-    key: "addDefaults",
-    value: function addDefaults(defaults, override) {
-      if (defaults === undefined) return;
-      if (defaults === null) return;
-      if (override === false) {
-        for (var key in defaults) {
-          if (this.Config._defaults[key] === undefined) {
-            this.Config._defaults[key] = defaults[key];
-          }
+    // If header's full dark logo has been configured, extend/add it to dynamic config's brandImage property
+    if (headerLogoFullDark != undefined && headerLogoFullDark != "") {
+      Object.assign(dynamicConfig.brandImage, {
+        "dark": {
+          "full": headerLogoFullDark
         }
+      });
+    }
+    // If header's minimized light logo has been configured, extend/add it to dynamic config brandImage property
+    if (headerLogoMini != undefined && headerLogoMini != "") {
+      var _dynamicConfig$brandI;
+      Object.assign(dynamicConfig.brandImage, _objectSpread(_objectSpread({}, dynamicConfig.brandImage), {}, {
+        "light": _objectSpread(_objectSpread({}, (_dynamicConfig$brandI = dynamicConfig.brandImage) === null || _dynamicConfig$brandI === void 0 ? void 0 : _dynamicConfig$brandI.light), {}, {
+          "minimized": headerLogoMini
+        })
+      }));
+    }
+    // If header's minimized dark logo has been configured, extend/add it to dynamic config brandImage property
+    if (headerLogoMiniDark != undefined && headerLogoMiniDark != "") {
+      var _dynamicConfig$brandI2;
+      Object.assign(dynamicConfig.brandImage, _objectSpread(_objectSpread({}, dynamicConfig.brandImage), {}, {
+        "dark": _objectSpread(_objectSpread({}, (_dynamicConfig$brandI2 = dynamicConfig.brandImage) === null || _dynamicConfig$brandI2 === void 0 ? void 0 : _dynamicConfig$brandI2.dark), {}, {
+          "minimized": headerLogoMiniDark
+        })
+      }));
+    }
+
+    // Add custom title
+    if (title != undefined && title != "") {
+      dynamicConfig["title"] = title;
+    }
+    // Add custom CSS
+    if (customCSS != undefined && customCSS != "") {
+      var link = document.createElement('link');
+      link.setAttribute('rel', 'stylesheet');
+      link.setAttribute('href', customCSS);
+      // Append to the `head` element
+      document.head.appendChild(link);
+    }
+
+    // Dispatch customs to config store
+    if (Object.keys(dynamicConfig).length > 0) {
+      this.Config._dynamic_config = dynamicConfig;
+      if (this.App.Store !== undefined) {
+        this.Config.dispatch(this.App.Store);
       } else {
-        for (var key in defaults) {
+        console.warn('Dynamic configuration has not been dispatched to application store');
+      }
+    }
+  }
+  addDefaults(defaults, override) {
+    if (defaults === undefined) return;
+    if (defaults === null) return;
+    if (override === false) {
+      for (var key in defaults) {
+        if (this.Config._defaults[key] === undefined) {
           this.Config._defaults[key] = defaults[key];
         }
       }
-      this.Config.dispatch(this.App.Store);
+    } else {
+      for (var key in defaults) {
+        this.Config._defaults[key] = defaults[key];
+      }
     }
-  }]);
-}(_asab_webui_components.Service);
-var Config = /*#__PURE__*/function () {
-  function Config(app) {
-    (0, _classCallCheck2["default"])(this, Config);
+    this.Config.dispatch(this.App.Store);
+  }
+}
+exports.default = ConfigService;
+class Config {
+  constructor(app) {
     this._dynamic_config = {};
     this._defaults = {};
     if (typeof LOCAL_CONFIG !== 'undefined') {
@@ -134,36 +118,31 @@ var Config = /*#__PURE__*/function () {
       this._local_config = {};
     }
   }
-  return (0, _createClass2["default"])(Config, [{
-    key: "get",
-    value: function get(key) {
-      // First check the remote config
-      if (this._dynamic_config[key] != undefined) {
-        return this._dynamic_config[key];
-      }
-      ;
-
-      // Then check the local config
-      if (this._local_config[key] != undefined) {
-        this._local_config[key];
-      }
-      ;
+  get(key) {
+    // First check the remote config
+    if (this._dynamic_config[key] != undefined) {
+      return this._dynamic_config[key];
+    }
+    ;
 
-      // And finally, check defaults
-      if (this._defaults[key] != undefined) {
-        return this._defaults[key];
-      }
-      ;
-      return undefined;
+    // Then check the local config
+    if (this._local_config[key] != undefined) {
+      this._local_config[key];
     }
-  }, {
-    key: "dispatch",
-    value: function dispatch(store) {
-      var config = Object.assign({}, this._defaults, this._local_config, this._dynamic_config);
-      store.dispatch({
-        type: _actions.CHANGE_CONFIG,
-        config: config
-      });
+    ;
+
+    // And finally, check defaults
+    if (this._defaults[key] != undefined) {
+      return this._defaults[key];
     }
-  }]);
-}();
+    ;
+    return undefined;
+  }
+  dispatch(store) {
+    var config = Object.assign({}, this._defaults, this._local_config, this._dynamic_config);
+    store.dispatch({
+      type: _actions.CHANGE_CONFIG,
+      config: config
+    });
+  }
+}

package/dist/containers/AdvancedMode/reducer.js

@@ -4,11 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = advancedModeReducer;
+exports.default = advancedModeReducer;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _actions = require("../../actions");
 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) { (0, _defineProperty2["default"])(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 _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) { (0, _defineProperty2.default)(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; }
 var initialState = {
   enabled: false
 };

package/dist/containers/Alerts/index.js

@@ -1,40 +1,30 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = AlertsComponent;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = AlertsComponent;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRedux = require("react-redux");
 var _reactstrap = require("reactstrap");
 var _actions = require("../../actions");
 var _reactI18next = require("react-i18next");
 require("./alerts.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function AlertsComponent(props) {
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    seconds = _useState2[0],
-    setSeconds = _useState2[1];
+  var [seconds, setSeconds] = (0, _react.useState)(0);
   var store = props.app.Store;
-  var alerts = (0, _reactRedux.useSelector)(function (state) {
-    return state.alerts.alerts;
-  });
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
+  var alerts = (0, _reactRedux.useSelector)(state => state.alerts.alerts);
+  var {
+    t
+  } = (0, _reactI18next.useTranslation)();
 
   // Expire old alerts
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     // There is probably smarter way how to set interval to avoid speculative ticking
     var interval = 1000;
-    var intervalId = setTimeout(function () {
-      setSeconds(function (seconds) {
-        return seconds + 1;
-      });
+    var intervalId = setTimeout(() => {
+      setSeconds(seconds => seconds + 1);
       var now = new Date();
       for (var i in alerts) {
         var alert = alerts[i];
@@ -53,26 +43,24 @@ function AlertsComponent(props) {
         }
       }
     }, interval);
-    return function () {
+    return () => {
       clearInterval(intervalId);
     };
   }, [seconds]);
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     id: "alerts"
-  }, alerts.map(function (alert) {
+  }, alerts.map(alert => {
     if (alert.component === null) {
-      return /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
+      return /*#__PURE__*/_react.default.createElement(_reactstrap.Alert, {
         key: alert.key,
         color: alert.level,
         className: "shadow alerts-style d-print-none",
         fade: true,
         isOpen: !alert.acked,
-        toggle: function toggle() {
-          return store.dispatch({
-            type: _actions.ACK_ALERT,
-            key: alert.key
-          });
-        }
+        toggle: () => store.dispatch({
+          type: _actions.ACK_ALERT,
+          key: alert.key
+        })
       }, alert.shouldBeTranslated ? t(alert.message) : alert.message);
     } else {
       return alert.component(alert, store);

package/dist/containers/Alerts/reducer.js

@@ -4,12 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = alertsReducer;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+exports.default = alertsReducer;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _actions = require("../../actions");
 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) { (0, _defineProperty2["default"])(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; } // Actions
+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) { (0, _defineProperty2.default)(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; } // Actions
 var initialState = {
   alerts: []
 };
@@ -31,12 +30,12 @@ function alertsReducer() {
           component: action.component
         };
         return _objectSpread(_objectSpread({}, state), {}, {
-          alerts: [].concat((0, _toConsumableArray2["default"])(state.alerts), [newAlert])
+          alerts: [...state.alerts, newAlert]
         });
       }
     case _actions.DEL_ALERT:
       {
-        var newAlerts = (0, _toConsumableArray2["default"])(state.alerts);
+        var newAlerts = [...state.alerts];
         for (var i = newAlerts.length - 1; i >= 0; i--) {
           if (newAlerts[i].key === action.key) {
             newAlerts.splice(i, 1);
@@ -48,7 +47,7 @@ function alertsReducer() {
       }
     case _actions.ACK_ALERT:
       {
-        var _newAlerts = (0, _toConsumableArray2["default"])(state.alerts);
+        var _newAlerts = [...state.alerts];
         for (var i in _newAlerts) {
           var alert = _newAlerts[i];
           if (alert.key === action.key) {