@iobroker/adapter-react-v5 3.1.33 → 3.1.35

package/GenericApp.js

@@ -1,81 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof3 = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Connection = _interopRequireWildcard(require("./Connection"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var Sentry = _interopRequireWildcard(require("@sentry/browser"));
-
 var SentryIntegrations = _interopRequireWildcard(require("@sentry/integrations"));
-
 var _Error = _interopRequireDefault(require("./Dialogs/Error"));
-
 var _Snackbar = _interopRequireDefault(require("@mui/material/Snackbar"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-
 var _Prompt = _interopRequireDefault(require("./Prompt"));
-
 var _Theme = _interopRequireDefault(require("./Theme"));
-
 var _Loader = _interopRequireDefault(require("./Components/Loader"));
-
 var _Router2 = _interopRequireDefault(require("./Components/Router"));
-
 var _Utils = _interopRequireDefault(require("./Components/Utils"));
-
 var _SaveCloseButtons = _interopRequireDefault(require("./Components/SaveCloseButtons"));
-
 var _Confirm = _interopRequireDefault(require("./Dialogs/Confirm"));
-
 var _i18n = _interopRequireDefault(require("./i18n"));
-
 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 || _typeof3(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 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) { (0, _defineProperty2["default"])(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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 // import './index.css';
 var cssStyle = "\nhtml {\n    height: 100%;\n}\n\nbody {\n    margin: 0;\n    padding: 0;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n}\n\n/* scrollbar */\n::-webkit-scrollbar-track {\n    background-color: #ccc;\n    border-radius: 5px;\n}\n\n::-webkit-scrollbar {\n    width: 5px;\n    height: 5px;\n    background-color: #ccc;\n}\n\n::-webkit-scrollbar-thumb {\n    background-color: #575757;\n    border-radius: 5px;\n}\n\n#root {\n    height: 100%;\n}\n\n.App {\n    height: 100%;\n}\n\n@keyframes glow {\n    from {\n        background-color: initial;\n    }\n    to {\n        background-color: #58c458;\n    }\n}\n";
-
 if (!window.localStorage) {
   window.localStorage = {
     getItem: function getItem() {
@@ -86,57 +50,48 @@ if (!window.localStorage) {
     }
   };
 }
+
 /**
  * @extends {Router<import('./types').GenericAppProps, import('./types').GenericAppState>}
  */
-
-
 var GenericApp = /*#__PURE__*/function (_Router) {
   (0, _inherits2["default"])(GenericApp, _Router);
-
   var _super = _createSuper(GenericApp);
-
   /**
    * @param {import('./types').GenericAppProps} props
    * @param {import('./types').GenericAppSettings | undefined} settings
    */
   function GenericApp(props, settings) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, GenericApp);
     var ConnectionClass = props.Connection || settings.Connection || _Connection["default"];
-
     if (!window.document.getElementById('generic-app-iobroker-component')) {
       var style = window.document.createElement('style');
       style.setAttribute('id', 'generic-app-iobroker-component');
       style.innerHTML = cssStyle;
       window.document.head.appendChild(style);
-    } // Remove `!Connection.isWeb() && window.adapterName !== 'material'` when iobroker.socket will support native ws
-
+    }
 
+    // Remove `!Connection.isWeb() && window.adapterName !== 'material'` when iobroker.socket will support native ws
     if (!ConnectionClass.isWeb() && window.io && window.location.port === '3000') {
       try {
         var io = new window.SocketClient();
         delete window.io;
         window.io = io;
-      } catch (e) {// ignore
+      } catch (e) {
+        // ignore
       }
     }
-
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onSystemConfigChanged", function (id, obj) {
       if (obj && id === 'system.config') {
         var _obj$common;
-
         if (_this.socket.systemLang !== (obj === null || obj === void 0 ? void 0 : obj.common.language)) {
           _this.socket.systemLang = (obj === null || obj === void 0 ? void 0 : obj.common.language) || 'en';
-
           _i18n["default"].setLanguage(_this.socket.systemLang);
         }
-
         if (_this._systemConfig.expertMode !== !!(obj !== null && obj !== void 0 && (_obj$common = obj.common) !== null && _obj$common !== void 0 && _obj$common.expertMode)) {
           _this._systemConfig = (obj === null || obj === void 0 ? void 0 : obj.common) || {};
-
           _this.setState({
             expertMode: _this.getExpertMode()
           });
@@ -149,11 +104,8 @@ var GenericApp = /*#__PURE__*/function (_Router) {
       if (message !== null && message !== void 0 && message.data) {
         if (message.data === 'updateTheme') {
           var newThemeName = _Utils["default"].getThemeName();
-
           _Utils["default"].setThemeName(_Utils["default"].getThemeName());
-
           var _theme = _this.createTheme(newThemeName);
-
           _this.setState({
             theme: _theme,
             themeName: _this.getThemeName(_theme),
@@ -173,7 +125,6 @@ var GenericApp = /*#__PURE__*/function (_Router) {
       _this.resizeTimer && clearTimeout(_this.resizeTimer);
       _this.resizeTimer = setTimeout(function () {
         _this.resizeTimer = null;
-
         _this.setState({
           width: GenericApp.getWidth()
         });
@@ -187,27 +138,24 @@ var GenericApp = /*#__PURE__*/function (_Router) {
     }).forEach(function (b) {
       var parts = b.split('=');
       args[parts[0]] = parts.length === 2 ? parts[1] : true;
-
       if (args[parts[0]] === 'true') {
         args[parts[0]] = true;
       } else if (args[parts[0]] === 'false') {
         args[parts[0]] = false;
       }
-    }); // extract instance from URL
-
-    _this.instance = args.instance !== undefined ? parseInt(args.instance, 10) || 0 : parseInt(window.location.search.slice(1), 10) || 0; // extract adapter name from URL
+    });
 
+    // extract instance from URL
+    _this.instance = args.instance !== undefined ? parseInt(args.instance, 10) || 0 : parseInt(window.location.search.slice(1), 10) || 0;
+    // extract adapter name from URL
     var tmp = window.location.pathname.split('/');
     _this.adapterName = (settings === null || settings === void 0 ? void 0 : settings.adapterName) || props.adapterName || window.adapterName || tmp[tmp.length - 2] || 'iot';
     _this.instanceId = "system.adapter.".concat(_this.adapterName, ".").concat(_this.instance);
     _this.newReact = args.newReact === true; // it is admin5
 
     var location = _Router2["default"].getLocation();
-
     location.tab = location.tab || (window._localStorage || window.localStorage).getItem("".concat(_this.adapterName, "-adapter")) || '';
-
     var themeInstance = _this.createTheme();
-
     _this.state = {
       selectedTab: (window._localStorage || window.localStorage).getItem("".concat(_this.adapterName, "-adapter")) || '',
       selectedTabNum: -1,
@@ -225,8 +173,9 @@ var GenericApp = /*#__PURE__*/function (_Router) {
       bottomButtons: (settings && settings.bottomButtons) === false ? false : (props && props.bottomButtons) === false ? false : true,
       width: GenericApp.getWidth(),
       confirmClose: false
-    }; // init translations
+    };
 
+    // init translations
     var translations = {
       'en': require('./i18n/en.json'),
       'de': require('./i18n/de.json'),
@@ -238,8 +187,9 @@ var GenericApp = /*#__PURE__*/function (_Router) {
       'es': require('./i18n/es.json'),
       'pl': require('./i18n/pl.json'),
       'zh-cn': require('./i18n/zh-cn.json')
-    }; // merge together
+    };
 
+    // merge together
     if (settings && settings.translations) {
       Object.keys(settings.translations).forEach(function (lang) {
         return translations[lang] = Object.assign(translations[lang], settings.translations[lang]);
@@ -249,9 +199,7 @@ var GenericApp = /*#__PURE__*/function (_Router) {
         return translations[lang] = Object.assign(translations[lang], props.translations[lang]);
       });
     }
-
     _i18n["default"].setTranslations(translations);
-
     _this.savedNative = {}; // to detect if the config changed
 
     _this.encryptedFields = props.encryptedFields || (settings === null || settings === void 0 ? void 0 : settings.encryptedFields) || [];
@@ -275,9 +223,9 @@ var GenericApp = /*#__PURE__*/function (_Router) {
         }
       },
       onReady: function onReady(objects, scripts) {
-        _i18n["default"].setLanguage(_this.socket.systemLang); // subscribe because of language and expert mode
-
+        _i18n["default"].setLanguage(_this.socket.systemLang);
 
+        // subscribe because of language and expert mode
         _this.socket.subscribeObject('system.config', _this.onSystemConfigChanged).then(function () {
           return _this.getSystemConfig();
         }).then(function (obj) {
@@ -286,8 +234,9 @@ var GenericApp = /*#__PURE__*/function (_Router) {
           return _this.socket.getObject(_this.instanceId);
         }).then(function (instanceObj) {
           var waitPromise;
-          var sentryEnabled = _this._systemConfig.diag !== 'none' && instanceObj && instanceObj.common && instanceObj.common.name && instanceObj.common.version && !instanceObj.common.disableDataReporting && window.location.host !== 'localhost:3000'; // activate sentry plugin
+          var sentryEnabled = _this._systemConfig.diag !== 'none' && instanceObj && instanceObj.common && instanceObj.common.name && instanceObj.common.version && !instanceObj.common.disableDataReporting && window.location.host !== 'localhost:3000';
 
+          // activate sentry plugin
           if (!_this.sentryStarted && _this.sentryDSN && sentryEnabled) {
             _this.sentryStarted = true;
             Sentry.init({
@@ -295,10 +244,10 @@ var GenericApp = /*#__PURE__*/function (_Router) {
               release: "iobroker.".concat(instanceObj.common.name, "@").concat(instanceObj.common.version),
               integrations: [new SentryIntegrations.Dedupe()]
             });
-          } // read UUID and init sentry with it.
-          // for backward compatibility it will be processed separately from above logic: some adapters could still have this.sentryDSN as undefined
-
+          }
 
+          // read UUID and init sentry with it.
+          // for backward compatibility it will be processed separately from above logic: some adapters could still have this.sentryDSN as undefined
           if (!_this.sentryInited && sentryEnabled) {
             _this.sentryInited = true;
             waitPromise = _this.socket.getObject('system.meta.uuid').then(function (uuidObj) {
@@ -311,17 +260,12 @@ var GenericApp = /*#__PURE__*/function (_Router) {
               }
             });
           }
-
           waitPromise = waitPromise || Promise.resolve();
           waitPromise.then(function () {
             if (instanceObj) {
               _this.common = instanceObj === null || instanceObj === void 0 ? void 0 : instanceObj.common;
-
               _this.onPrepareLoad(instanceObj["native"], instanceObj.encryptedNative); // decode all secrets
-
-
               _this.savedNative = JSON.parse(JSON.stringify(instanceObj["native"]));
-
               _this.setState({
                 "native": instanceObj["native"],
                 loaded: true,
@@ -331,7 +275,6 @@ var GenericApp = /*#__PURE__*/function (_Router) {
               });
             } else {
               console.warn('Cannot load instance settings');
-
               _this.setState({
                 "native": {},
                 loaded: true,
@@ -345,13 +288,11 @@ var GenericApp = /*#__PURE__*/function (_Router) {
       },
       onError: function onError(err) {
         console.error(err);
-
         _this.showError(err);
       }
     }));
     return _this;
   }
-
   (0, _createClass2["default"])(GenericApp, [{
     key: "componentDidMount",
     value:
@@ -363,10 +304,10 @@ var GenericApp = /*#__PURE__*/function (_Router) {
       window.addEventListener('message', this.onReceiveMessage, false);
       (0, _get2["default"])((0, _getPrototypeOf2["default"])(GenericApp.prototype), "componentDidMount", this).call(this);
     }
+
     /**
      * Called immediately before a component is destroyed.
      */
-
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -386,43 +327,41 @@ var GenericApp = /*#__PURE__*/function (_Router) {
       var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
       return (0, _Theme["default"])(_Utils["default"].getThemeName(name));
     }
+
     /**
      * Get the theme name
      * @param {import('./types').Theme} theme Theme
      * @returns {string} Theme name
      */
-
   }, {
     key: "getThemeName",
     value: function getThemeName(theme) {
       return theme.name;
     }
+
     /**
      * Get the theme type
      * @param {import('./types').Theme} theme Theme
      * @returns {string} Theme type
      */
-
   }, {
     key: "getThemeType",
     value: function getThemeType(theme) {
       return theme.palette.mode;
     }
+
     /**
      * Changes the current theme
      */
-
   }, {
     key: "toggleTheme",
     value: function toggleTheme() {
       var _this2 = this;
+      var themeName = this.state.themeName;
 
-      var themeName = this.state.themeName; // dark => blue => colored => light => dark
-
+      // dark => blue => colored => light => dark
       var newThemeName = themeName === 'dark' ? 'blue' : themeName === 'blue' ? 'colored' : themeName === 'colored' ? 'light' : 'dark';
-
       _Utils["default"].setThemeName(newThemeName);
-
       var theme = this.createTheme(newThemeName);
       this.setState({
         theme: theme,
@@ -433,88 +372,83 @@ var GenericApp = /*#__PURE__*/function (_Router) {
         _this2.onThemeChanged && _this2.onThemeChanged(newThemeName);
       });
     }
+
     /**
      * Gets the system configuration.
      * @returns {Promise<ioBroker.OtherObject>}
      */
-
   }, {
     key: "getSystemConfig",
     value: function getSystemConfig() {
       return this.socket.getSystemConfig();
     }
+
     /**
      * Get current expert mode
      * @returns {boolean}
      */
-
   }, {
     key: "getExpertMode",
     value: function getExpertMode() {
       return window.sessionStorage.getItem('App.expertMode') === 'true' || !!this._systemConfig.expertMode;
     }
+
     /**
      * Gets called when the socket.io connection is ready.
      * You can overload this function to execute own commands.
      */
-
   }, {
     key: "onConnectionReady",
     value: function onConnectionReady() {}
+
     /**
      * Encrypts a string.
      * @param {string} value
      * @returns {string}
      */
-
   }, {
     key: "encrypt",
     value: function encrypt(value) {
       var result = '';
-
       for (var i = 0; i < value.length; i++) {
         result += String.fromCharCode(this._secret[i % this._secret.length].charCodeAt(0) ^ value.charCodeAt(i));
       }
-
       return result;
     }
+
     /**
      * Decrypts a string.
      * @param {string} value
      * @returns {string}
      */
-
   }, {
     key: "decrypt",
     value: function decrypt(value) {
       var result = '';
-
       for (var i = 0; i < value.length; i++) {
         result += String.fromCharCode(this._secret[i % this._secret.length].charCodeAt(0) ^ value.charCodeAt(i));
       }
-
       return result;
     }
+
     /**
      * Gets called when the navigation hash changes.
      * You may override this if needed.
      */
-
   }, {
     key: "onHashChanged",
     value: function onHashChanged() {
       var location = _Router2["default"].getLocation();
-
       if (location.tab !== this.state.selectedTab) {
         this.selectTab(location.tab);
       }
     }
+
     /**
      * Selects the given tab.
      * @param {string} tab
      * @param {number} [index]
      */
-
   }, {
     key: "selectTab",
     value: function selectTab(tab, index) {
@@ -524,17 +458,16 @@ var GenericApp = /*#__PURE__*/function (_Router) {
         selectedTabNum: index
       });
     }
+
     /**
      * Gets called before the settings are saved.
      * You may override this if needed.
      * @param {Record<string, any>} settings
      */
-
   }, {
     key: "onPrepareSave",
     value: function onPrepareSave(settings) {
       var _this3 = this;
-
       // here you can encode values
       this.encryptedFields && this.encryptedFields.forEach(function (attr) {
         if (settings[attr]) {
@@ -543,18 +476,17 @@ var GenericApp = /*#__PURE__*/function (_Router) {
       });
       return true;
     }
+
     /**
      * Gets called after the settings are loaded.
      * You may override this if needed.
      * @param {Record<string, any>} settings
      * @param {string[]} encryptedNative optional list of fields to be decrypted
      */
-
   }, {
     key: "onPrepareLoad",
     value: function onPrepareLoad(settings, encryptedNative) {
       var _this4 = this;
-
       // here you can encode values
       this.encryptedFields && this.encryptedFields.forEach(function (attr) {
         if (settings[attr]) {
@@ -564,22 +496,20 @@ var GenericApp = /*#__PURE__*/function (_Router) {
       encryptedNative && encryptedNative.forEach(function (attr) {
         _this4.encryptedFields = _this4.encryptedFields || [];
         !_this4.encryptedFields.includes(attr) && _this4.encryptedFields.push(attr);
-
         if (settings[attr]) {
           settings[attr] = _this4.decrypt(settings[attr]);
         }
       });
     }
+
     /**
      * Gets the extendable instances.
      * @returns {Promise<any[]>}
      */
-
   }, {
     key: "getExtendableInstances",
     value: function getExtendableInstances() {
       var _this5 = this;
-
       return new Promise(function (resolve) {
         _this5.socket._socket.emit('getObjectView', 'system', 'instance', null, function (err, doc) {
           if (err) {
@@ -594,16 +524,15 @@ var GenericApp = /*#__PURE__*/function (_Router) {
         });
       });
     }
+
     /**
      * Gets the IP addresses of the given host.
      * @param {string} host
      */
-
   }, {
     key: "getIpAddresses",
     value: function getIpAddresses(host) {
       var _this6 = this;
-
       return new Promise(function (resolve, reject) {
         _this6.socket._socket.emit('getHostByIp', host || _this6.common.host, function (ip, _host) {
           var IPs4 = [{
@@ -616,10 +545,8 @@ var GenericApp = /*#__PURE__*/function (_Router) {
             address: '::',
             family: 'ipv6'
           }];
-
           if (_host) {
             host = _host;
-
             if (host["native"].hardware && host["native"].hardware.networkInterfaces) {
               Object.keys(host["native"].hardware.networkInterfaces).forEach(function (eth) {
                 return host["native"].hardware.networkInterfaces[eth].forEach(function (inter) {
@@ -639,38 +566,32 @@ var GenericApp = /*#__PURE__*/function (_Router) {
                 });
               });
             }
-
             IPs6.forEach(function (ip) {
               return IPs4.push(ip);
             });
           }
-
           resolve(IPs4);
         });
       });
     }
+
     /**
      * Saves the settings to the server.
      * @param {boolean} isClose True if the user is closing the dialog.
      */
-
   }, {
     key: "onSave",
     value: function onSave(isClose) {
       var _this7 = this;
-
       var oldObj;
-
       if (this.state.isConfigurationError) {
         this.setState({
           errorText: this.state.isConfigurationError
         });
         return;
       }
-
       this.socket.getObject(this.instanceId).then(function (_oldObj) {
         oldObj = _oldObj || {};
-
         for (var a in _this7.state["native"]) {
           if (_this7.state["native"].hasOwnProperty(a)) {
             if (_this7.state["native"][a] === null) {
@@ -682,7 +603,6 @@ var GenericApp = /*#__PURE__*/function (_Router) {
             }
           }
         }
-
         if (_this7.state.common) {
           for (var b in _this7.state.common) {
             if (_this7.state.common[b] === null) {
@@ -694,7 +614,6 @@ var GenericApp = /*#__PURE__*/function (_Router) {
             }
           }
         }
-
         if (_this7.onPrepareSave(oldObj["native"]) !== false) {
           return _this7.socket.setObject(_this7.instanceId, oldObj);
         } else {
@@ -703,35 +622,31 @@ var GenericApp = /*#__PURE__*/function (_Router) {
       }).then(function () {
         _this7.savedNative = oldObj["native"];
         globalThis.changed = false;
-
         try {
           window.parent.postMessage('nochange', '*');
-        } catch (e) {// ignore
+        } catch (e) {
+          // ignore
         }
-
         _this7.setState({
           changed: false
         });
-
         isClose && GenericApp.onClose();
       })["catch"](function (e) {
         console.error("Cannot save configuration: ".concat(e));
       });
     }
+
     /**
      * Renders the toast.
      * @returns {JSX.Element | null} The JSX element.
      */
-
   }, {
     key: "renderToast",
     value: function renderToast() {
       var _this8 = this;
-
       if (!this.state.toast) {
         return null;
       }
-
       return /*#__PURE__*/_react["default"].createElement(_Snackbar["default"], {
         anchorOrigin: {
           vertical: 'bottom',
@@ -764,11 +679,11 @@ var GenericApp = /*#__PURE__*/function (_Router) {
         }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null))]
       });
     }
+
     /**
      * Closes the dialog.
      * @private
      */
-
   }, {
     key: "renderError",
     value:
@@ -778,7 +693,6 @@ var GenericApp = /*#__PURE__*/function (_Router) {
      */
     function renderError() {
       var _this9 = this;
-
       if (!this.state.errorText) {
         return null;
       } else {
@@ -792,11 +706,11 @@ var GenericApp = /*#__PURE__*/function (_Router) {
         });
       }
     }
+
     /**
      * Checks if the configuration has changed.
      * @param {Record<string, any>} [native] the new state
      */
-
   }, {
     key: "getIsChanged",
     value: function getIsChanged(_native) {
@@ -805,11 +719,11 @@ var GenericApp = /*#__PURE__*/function (_Router) {
       globalThis.changed = isChanged;
       return isChanged;
     }
+
     /**
      * Gets called when loading the configuration.
      * @param {Record<string, any>} newNative The new configuration object.
      */
-
   }, {
     key: "onLoadConfig",
     value: function onLoadConfig(newNative) {
@@ -820,11 +734,11 @@ var GenericApp = /*#__PURE__*/function (_Router) {
         });
       }
     }
+
     /**
      * Sets the configuration error.
      * @param {string} errorText
      */
-
   }, {
     key: "setConfigurationError",
     value: function setConfigurationError(errorText) {
@@ -834,20 +748,18 @@ var GenericApp = /*#__PURE__*/function (_Router) {
         });
       }
     }
+
     /**
      * Renders the save and close buttons.
      * @returns {JSX.Element | undefined} The JSX element.
      */
-
   }, {
     key: "renderSaveCloseButtons",
     value: function renderSaveCloseButtons() {
       var _this10 = this;
-
       if (!this.state.confirmClose && !this.state.bottomButtons) {
         return null;
       }
-
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, this.state.bottomButtons ? /*#__PURE__*/_react["default"].createElement(_SaveCloseButtons["default"], {
         theme: this.state.theme,
         newReact: this.newReact,
@@ -879,6 +791,7 @@ var GenericApp = /*#__PURE__*/function (_Router) {
         }
       }) : null);
     }
+
     /**
      * @private
      * @param {Record<string, any>} obj
@@ -886,16 +799,13 @@ var GenericApp = /*#__PURE__*/function (_Router) {
      * @param {any} value
      * @returns {boolean | undefined}
      */
-
   }, {
     key: "_updateNativeValue",
     value: function _updateNativeValue(obj, attrs, value) {
       if ((0, _typeof2["default"])(attrs) !== 'object') {
         attrs = attrs.split('.');
       }
-
       var attr = attrs.shift();
-
       if (!attrs.length) {
         if (value && (0, _typeof2["default"])(value) === 'object') {
           if (JSON.stringify(obj[attr]) !== JSON.stringify(value)) {
@@ -910,47 +820,43 @@ var GenericApp = /*#__PURE__*/function (_Router) {
         }
       } else {
         obj[attr] = obj[attr] || {};
-
         if ((0, _typeof2["default"])(obj[attr]) !== 'object') {
           throw new Error("attribute ".concat(attr, " is no object, but ").concat((0, _typeof2["default"])(obj[attr])));
         }
-
         return this._updateNativeValue(obj[attr], attrs, value);
       }
     }
+
     /**
      * Update the native value
      * @param {string} attr The attribute name with dots as delimiter.
      * @param {any} value The new value.
      * @param {(() => void)} [cb] Callback which will be called upon completion.
      */
-
   }, {
     key: "updateNativeValue",
     value: function updateNativeValue(attr, value, cb) {
       var _native2 = JSON.parse(JSON.stringify(this.state["native"]));
-
       if (this._updateNativeValue(_native2, attr, value)) {
         var changed = this.getIsChanged(_native2);
-
         if (changed !== this.state.changed) {
           try {
             window.parent.postMessage(changed ? 'change' : 'nochange', '*');
-          } catch (e) {// ignore
+          } catch (e) {
+            // ignore
           }
         }
-
         this.setState({
           "native": _native2,
           changed: changed
         }, cb);
       }
     }
+
     /**
      * Set the error text to be shown.
      * @param {string | JSX.Element} text
      */
-
   }, {
     key: "showError",
     value: function showError(text) {
@@ -958,11 +864,11 @@ var GenericApp = /*#__PURE__*/function (_Router) {
         errorText: text
       });
     }
+
     /**
      * Sets the toast to be shown.
      * @param {string} toast
      */
-
   }, {
     key: "showToast",
     value: function showToast(toast) {
@@ -970,11 +876,11 @@ var GenericApp = /*#__PURE__*/function (_Router) {
         toast: toast
       });
     }
+
     /**
      * Renders this component.
      * @returns {JSX.Element} The JSX element.
      */
-
   }, {
     key: "render",
     value: function render() {
@@ -983,7 +889,6 @@ var GenericApp = /*#__PURE__*/function (_Router) {
           theme: this.state.themeType
         });
       }
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "App"
       }, this.renderError(), this.renderToast(), this.renderSaveCloseButtons());
@@ -1001,6 +906,7 @@ var GenericApp = /*#__PURE__*/function (_Router) {
        *            |-------|-------|-------|-------|------>
        * width      |  xs   |  sm   |  md   |  lg   |  xl
        */
+
       var SIZES = {
         xs: 0,
         sm: 600,
@@ -1033,7 +939,6 @@ var GenericApp = /*#__PURE__*/function (_Router) {
   }]);
   return GenericApp;
 }(_Router2["default"]);
-
 GenericApp.propTypes = {
   adapterName: _propTypes["default"].string,
   // (optional) name of adapter
@@ -1046,7 +951,6 @@ GenericApp.propTypes = {
   bottomButtons: _propTypes["default"].bool,
   // If the bottom buttons (Save/Close) must be shown
   Connection: _propTypes["default"].object // If the bottom buttons (Save/Close) must be shown
-
 };
 var _default = GenericApp;
 exports["default"] = _default;