@iobroker/adapter-react-v5 7.0.2 → 7.1.1

package/GenericApp.js

@@ -31,7 +31,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *
  * MIT License
  *
- * */
+ */
 const react_1 = __importDefault(require("react"));
 const socket_client_1 = require("@iobroker/socket-client");
 const Sentry = __importStar(require("@sentry/browser"));
@@ -46,6 +46,17 @@ const SaveCloseButtons_1 = __importDefault(require("./Components/SaveCloseButton
 const Confirm_1 = __importDefault(require("./Dialogs/Confirm"));
 const i18n_1 = __importDefault(require("./i18n"));
 const Error_1 = __importDefault(require("./Dialogs/Error"));
+const en_json_1 = __importDefault(require("./i18n/en.json"));
+const de_json_1 = __importDefault(require("./i18n/de.json"));
+const ru_json_1 = __importDefault(require("./i18n/ru.json"));
+const pt_json_1 = __importDefault(require("./i18n/pt.json"));
+const nl_json_1 = __importDefault(require("./i18n/nl.json"));
+const fr_json_1 = __importDefault(require("./i18n/fr.json"));
+const it_json_1 = __importDefault(require("./i18n/it.json"));
+const es_json_1 = __importDefault(require("./i18n/es.json"));
+const pl_json_1 = __importDefault(require("./i18n/pl.json"));
+const uk_json_1 = __importDefault(require("./i18n/uk.json"));
+const zh_cn_json_1 = __importDefault(require("./i18n/zh-cn.json"));
 // import './index.css';
 const cssStyle = `
 html {
@@ -100,7 +111,9 @@ body {
 class GenericApp extends Router_1.default {
     constructor(props, settings) {
         var _a, _b;
-        const ConnectionClass = (props.Connection || (settings === null || settings === void 0 ? void 0 : settings.Connection) || socket_client_1.Connection);
+        const ConnectionClass = (props.Connection ||
+            (settings === null || settings === void 0 ? void 0 : settings.Connection) ||
+            socket_client_1.Connection);
         // const ConnectionClass = props.Connection === 'admin' || settings.Connection = 'admin' ? AdminConnection : (props.Connection || settings.Connection || Connection);
         if (!window.document.getElementById('generic-app-iobroker-component')) {
             const style = window.document.createElement('style');
@@ -115,7 +128,7 @@ class GenericApp extends Router_1.default {
                 delete window.io;
                 window.io = io;
             }
-            catch (e) {
+            catch (_c) {
                 // ignore
             }
         }
@@ -132,11 +145,13 @@ class GenericApp extends Router_1.default {
                     i18n_1.default.setLanguage(this.socket.systemLang);
                 }
                 if (((_a = this._systemConfig) === null || _a === void 0 ? void 0 : _a.expertMode) !== !!((_b = obj === null || obj === void 0 ? void 0 : obj.common) === null || _b === void 0 ? void 0 : _b.expertMode)) {
-                    this._systemConfig = (obj === null || obj === void 0 ? void 0 : obj.common) || {};
+                    this._systemConfig =
+                        (obj === null || obj === void 0 ? void 0 : obj.common) || {};
                     this.setState({ expertMode: this.getExpertMode() });
                 }
                 else {
-                    this._systemConfig = (obj === null || obj === void 0 ? void 0 : obj.common) || {};
+                    this._systemConfig =
+                        (obj === null || obj === void 0 ? void 0 : obj.common) || {};
                 }
             }
         };
@@ -158,8 +173,8 @@ class GenericApp extends Router_1.default {
                 else if (message.data === 'updateExpertMode') {
                     this.onToggleExpertMode && this.onToggleExpertMode(this.getExpertMode());
                 }
-                else if (message.data !== 'chartReady') { // if not "echart ready" message
-                    // eslint-disable-next-line no-console
+                else if (message.data !== 'chartReady') {
+                    // if not "echart ready" message
                     console.debug(`Received unknown message: "${JSON.stringify(message.data)}". May be it will be processed later`);
                 }
             }
@@ -174,7 +189,11 @@ class GenericApp extends Router_1.default {
         (0, Prompt_1.default)();
         const query = (window.location.search || '').replace(/^\?/, '').replace(/#.*$/, '');
         const args = {};
-        query.trim().split('&').filter(t => t.trim()).forEach(b => {
+        query
+            .trim()
+            .split('&')
+            .filter(t => t.trim())
+            .forEach(b => {
             const parts = b.split('=');
             args[parts[0]] = parts.length === 2 ? parts[1] : true;
             if (args[parts[0]] === 'true') {
@@ -185,29 +204,36 @@ class GenericApp extends Router_1.default {
             }
         });
         // extract instance from URL
-        this.instance = (_b = (_a = settings === null || settings === void 0 ? void 0 : settings.instance) !== null && _a !== void 0 ? _a : props.instance) !== null && _b !== void 0 ? _b : (args.instance !== undefined ? parseInt(args.instance, 10) || 0 : (parseInt(window.location.search.slice(1), 10) || 0));
+        this.instance =
+            (_b = (_a = settings === null || settings === void 0 ? void 0 : settings.instance) !== null && _a !== void 0 ? _a : props.instance) !== null && _b !== void 0 ? _b : (args.instance !== undefined
+                ? parseInt(args.instance, 10) || 0
+                : parseInt(window.location.search.slice(1), 10) || 0);
         // extract adapter name from URL
         const 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.adapterName =
+            (settings === null || settings === void 0 ? void 0 : settings.adapterName) || props.adapterName || window.adapterName || tmp[tmp.length - 2] || 'iot';
         this.instanceId = `system.adapter.${this.adapterName}.${this.instance}`;
         this.newReact = args.newReact === true; // it is admin5
         const location = Router_1.default.getLocation();
-        location.tab = location.tab || (window._localStorage || window.localStorage).getItem(`${this.adapterName}-adapter`) || '';
+        location.tab =
+            location.tab ||
+                (window._localStorage || window.localStorage).getItem(`${this.adapterName}-adapter`) ||
+                '';
         const themeInstance = this.createTheme();
-        this.state = Object.assign(Object.assign({}, (this.state || {})), { selectedTab: (window._localStorage || window.localStorage).getItem(`${this.adapterName}-adapter`) || '', selectedTabNum: -1, native: {}, errorText: '', changed: false, connected: false, loaded: false, isConfigurationError: '', expertMode: false, toast: '', theme: themeInstance, themeName: this.getThemeName(themeInstance), themeType: this.getThemeType(themeInstance), bottomButtons: (settings && settings.bottomButtons) === false ? false : ((props === null || props === void 0 ? void 0 : props.bottomButtons) !== false), width: GenericApp.getWidth(), confirmClose: false, _alert: false, _alertType: 'info', _alertMessage: '' });
+        this.state = Object.assign(Object.assign({}, (this.state || {})), { selectedTab: (window._localStorage || window.localStorage).getItem(`${this.adapterName}-adapter`) || '', selectedTabNum: -1, native: {}, errorText: '', changed: false, connected: false, loaded: false, isConfigurationError: '', expertMode: false, toast: '', theme: themeInstance, themeName: this.getThemeName(themeInstance), themeType: this.getThemeType(themeInstance), bottomButtons: (settings && settings.bottomButtons) === false ? false : (props === null || props === void 0 ? void 0 : props.bottomButtons) !== false, width: GenericApp.getWidth(), confirmClose: false, _alert: false, _alertType: 'info', _alertMessage: '' });
         // init translations
         const translations = {
-            en: require('./i18n/en.json'),
-            de: require('./i18n/de.json'),
-            ru: require('./i18n/ru.json'),
-            pt: require('./i18n/pt.json'),
-            nl: require('./i18n/nl.json'),
-            fr: require('./i18n/fr.json'),
-            it: require('./i18n/it.json'),
-            es: require('./i18n/es.json'),
-            pl: require('./i18n/pl.json'),
-            uk: require('./i18n/uk.json'),
-            'zh-cn': require('./i18n/zh-cn.json'),
+            en: en_json_1.default,
+            de: de_json_1.default,
+            ru: ru_json_1.default,
+            pt: pt_json_1.default,
+            nl: nl_json_1.default,
+            fr: fr_json_1.default,
+            it: it_json_1.default,
+            es: es_json_1.default,
+            pl: pl_json_1.default,
+            uk: uk_json_1.default,
+            'zh-cn': zh_cn_json_1.default,
         };
         // merge together
         if (settings && settings.translations) {
@@ -266,10 +292,12 @@ class GenericApp extends Router_1.default {
             }, onReady: ( /* objects, scripts */) => {
                 i18n_1.default.setLanguage(this.socket.systemLang);
                 // subscribe because of language and expert mode
-                this.socket.subscribeObject('system.config', this.onSystemConfigChanged)
+                this.socket
+                    .subscribeObject('system.config', this.onSystemConfigChanged)
                     .then(() => this.getSystemConfig())
                     .then(obj => {
-                    this._secret = (typeof obj !== 'undefined' && obj.native && obj.native.secret) || 'Zgfr56gFe87jJOM';
+                    this._secret =
+                        (typeof obj !== 'undefined' && obj.native && obj.native.secret) || 'Zgfr56gFe87jJOM';
                     this._systemConfig = (obj === null || obj === void 0 ? void 0 : obj.common) || {};
                     return this.socket.getObject(this.instanceId);
                 })
@@ -292,9 +320,7 @@ class GenericApp extends Router_1.default {
                         Sentry.init({
                             dsn: this.sentryDSN,
                             release: `iobroker.${instanceObj.common.name}@${instanceObj.common.version}`,
-                            integrations: [
-                                Sentry.dedupeIntegration(),
-                            ],
+                            integrations: [Sentry.dedupeIntegration()],
                         });
                         console.log('Sentry initialized');
                     }
@@ -302,8 +328,7 @@ class GenericApp extends Router_1.default {
                     // for backward compatibility it will be processed separately from the 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(uuidObj => {
+                        waitPromise = this.socket.getObject('system.meta.uuid').then(uuidObj => {
                             if (uuidObj && uuidObj.native && uuidObj.native.uuid) {
                                 const scope = Sentry.getCurrentScope();
                                 scope.setUser({ id: uuidObj.native.uuid });
@@ -311,8 +336,7 @@ class GenericApp extends Router_1.default {
                         });
                     }
                     waitPromise = waitPromise || Promise.resolve();
-                    waitPromise
-                        .then(() => {
+                    void waitPromise.then(() => {
                         if (instanceObj) {
                             this.common = instanceObj === null || instanceObj === void 0 ? void 0 : instanceObj.common;
                             this.onPrepareLoad(instanceObj.native, instanceObj.encryptedNative); // decode all secrets
@@ -337,6 +361,7 @@ class GenericApp extends Router_1.default {
     }
     /**
      * Checks if this connection is running in a web adapter and not in an admin.
+     *
      * @returns True if running in a web adapter or in a socketio adapter.
      */
     static isWeb() {
@@ -354,9 +379,11 @@ class GenericApp extends Router_1.default {
     }
     renderAlertSnackbar() {
         this.alertDialogRendered = true;
-        return react_1.default.createElement(material_1.Snackbar, { style: this.state._alertType === 'error' ?
-                { backgroundColor: '#f44336' } :
-                (this.state._alertType === 'success' ? { backgroundColor: '#4caf50' } : undefined), open: this.state._alert, autoHideDuration: 6000, onClose: (_e, reason) => reason !== 'clickaway' && this.setState({ _alert: false }), message: this.state._alertMessage });
+        return (react_1.default.createElement(material_1.Snackbar, { style: this.state._alertType === 'error'
+                ? { backgroundColor: '#f44336' }
+                : this.state._alertType === 'success'
+                    ? { backgroundColor: '#4caf50' }
+                    : undefined, open: this.state._alert, autoHideDuration: 6000, onClose: (_e, reason) => reason !== 'clickaway' && this.setState({ _alert: false }), message: this.state._alertMessage }));
     }
     /**
      * Called immediately after a component is mounted. Setting state here will trigger re-rendering.
@@ -376,7 +403,6 @@ class GenericApp extends Router_1.default {
     }
     /**
      * Gets the width depending on the window inner width.
-     * @returns {import('./types').Width}
      */
     static getWidth() {
         /**
@@ -398,36 +424,46 @@ class GenericApp extends Router_1.default {
     }
     /**
      * Get a theme
+     *
      * @param name Theme name
      */
+    // eslint-disable-next-line class-methods-use-this
     createTheme(name) {
         return (0, Theme_1.default)(Utils_1.default.getThemeName(name));
     }
     /**
      * Get the theme name
      */
+    // eslint-disable-next-line class-methods-use-this
     getThemeName(currentTheme) {
         return currentTheme.name;
     }
     /**
      * Get the theme type
      */
+    // eslint-disable-next-line class-methods-use-this
     getThemeType(currentTheme) {
         return currentTheme.palette.mode;
     }
-    onThemeChanged(_newThemeName) {
-    }
-    onToggleExpertMode(_expertMode) {
-    }
+    // eslint-disable-next-line class-methods-use-this
+    onThemeChanged(_newThemeName) { }
+    // eslint-disable-next-line class-methods-use-this
+    onToggleExpertMode(_expertMode) { }
     /**
      * Changes the current theme
-     * */
+     */
     toggleTheme(newThemeName) {
         const themeName = this.state.themeName;
         // dark => blue => colored => light => dark
-        newThemeName = newThemeName || (themeName === 'dark' ? 'blue' :
-            (themeName === 'blue' ? 'colored' :
-                (themeName === 'colored' ? 'light' : 'dark')));
+        newThemeName =
+            newThemeName ||
+                (themeName === 'dark'
+                    ? 'light'
+                    : themeName === 'blue'
+                        ? 'light'
+                        : themeName === 'colored'
+                            ? 'light'
+                            : 'dark');
         if (newThemeName !== themeName) {
             Utils_1.default.setThemeName(newThemeName);
             const newTheme = this.createTheme(newThemeName);
@@ -443,7 +479,6 @@ class GenericApp extends Router_1.default {
     }
     /**
      * Gets the system configuration.
-     * @returns {Promise<ioBroker.OtherObject>}
      */
     getSystemConfig() {
         return this.socket.getSystemConfig();
@@ -459,8 +494,8 @@ class GenericApp extends Router_1.default {
      * Gets called when the socket.io connection is ready.
      * You can overload this function to execute own commands.
      */
-    onConnectionReady() {
-    }
+    // eslint-disable-next-line class-methods-use-this
+    onConnectionReady() { }
     /**
      * Encrypts a string.
      */
@@ -468,7 +503,6 @@ class GenericApp extends Router_1.default {
         let result = '';
         if (this._secret) {
             for (let i = 0; i < value.length; i++) {
-                // eslint-disable-next-line no-bitwise
                 result += String.fromCharCode(this._secret[i % this._secret.length].charCodeAt(0) ^ value.charCodeAt(i));
             }
         }
@@ -481,7 +515,6 @@ class GenericApp extends Router_1.default {
         let result = '';
         if (this._secret) {
             for (let i = 0; i < value.length; i++) {
-                // eslint-disable-next-line no-bitwise
                 result += String.fromCharCode(this._secret[i % this._secret.length].charCodeAt(0) ^ value.charCodeAt(i));
             }
         }
@@ -510,43 +543,47 @@ class GenericApp extends Router_1.default {
      */
     onPrepareSave(settings) {
         // here you can encode values
-        this.encryptedFields && this.encryptedFields.forEach(attr => {
-            if (settings[attr]) {
-                settings[attr] = this.encrypt(settings[attr]);
-            }
-        });
+        this.encryptedFields &&
+            this.encryptedFields.forEach(attr => {
+                if (settings[attr]) {
+                    settings[attr] = this.encrypt(settings[attr]);
+                }
+            });
         return true;
     }
     /**
      * Gets called after the settings are loaded.
      * You may override this if needed.
+     *
+     * @param settings instance settings from native part
      * @param encryptedNative optional list of fields to be decrypted
      */
     onPrepareLoad(settings, encryptedNative) {
         // here you can encode values
-        this.encryptedFields && this.encryptedFields.forEach(attr => {
-            if (settings[attr]) {
-                settings[attr] = this.decrypt(settings[attr]);
-            }
-        });
-        encryptedNative && encryptedNative.forEach(attr => {
-            this.encryptedFields = this.encryptedFields || [];
-            !this.encryptedFields.includes(attr) && this.encryptedFields.push(attr);
-            if (settings[attr]) {
-                settings[attr] = this.decrypt(settings[attr]);
-            }
-        });
+        this.encryptedFields &&
+            this.encryptedFields.forEach(attr => {
+                if (settings[attr]) {
+                    settings[attr] = this.decrypt(settings[attr]);
+                }
+            });
+        encryptedNative &&
+            encryptedNative.forEach(attr => {
+                this.encryptedFields = this.encryptedFields || [];
+                !this.encryptedFields.includes(attr) && this.encryptedFields.push(attr);
+                if (settings[attr]) {
+                    settings[attr] = this.decrypt(settings[attr]);
+                }
+            });
     }
     /**
      * Gets the extendable instances.
-     * @returns {Promise<any[]>}
      */
     async getExtendableInstances() {
         try {
             const instances = await this.socket.getObjectViewSystem('instance', 'system.adapter.', 'system.adapter.\u9999');
             return Object.values(instances).filter(instance => { var _a; return !!((_a = instance === null || instance === void 0 ? void 0 : instance.common) === null || _a === void 0 ? void 0 : _a.webExtendable); });
         }
-        catch (e) {
+        catch (_a) {
             return [];
         }
     }
@@ -569,6 +606,7 @@ class GenericApp extends Router_1.default {
     }
     /**
      * Saves the settings to the server.
+     *
      * @param isClose True if the user is closing the dialog.
      */
     onSave(isClose) {
@@ -577,7 +615,8 @@ class GenericApp extends Router_1.default {
             this.setState({ errorText: this.state.isConfigurationError });
             return;
         }
-        this.socket.getObject(this.instanceId)
+        this.socket
+            .getObject(this.instanceId)
             .then(_oldObj => {
             oldObj = (_oldObj || {});
             for (const a in this.state.native) {
@@ -617,7 +656,7 @@ class GenericApp extends Router_1.default {
             try {
                 window.parent.postMessage('nochange', '*');
             }
-            catch (e) {
+            catch (_a) {
                 // ignore
             }
             this.setState({ changed: false });
@@ -633,13 +672,13 @@ class GenericApp extends Router_1.default {
         if (!this.state.toast) {
             return null;
         }
-        return react_1.default.createElement(material_1.Snackbar, { anchorOrigin: {
+        return (react_1.default.createElement(material_1.Snackbar, { anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'left',
             }, open: !0, autoHideDuration: 6000, onClose: () => this.setState({ toast: '' }), ContentProps: { 'aria-describedby': 'message-id' }, message: react_1.default.createElement("span", { id: "message-id" }, this.state.toast), action: [
                 react_1.default.createElement(material_1.IconButton, { key: "close", "aria-label": "Close", color: "inherit", className: (_a = this.props.classes) === null || _a === void 0 ? void 0 : _a.close, onClick: () => this.setState({ toast: '' }), size: "large" },
                     react_1.default.createElement(icons_material_1.Close, null)),
-            ] });
+            ] }));
     }
     /**
      * Closes the dialog.
@@ -654,7 +693,7 @@ class GenericApp extends Router_1.default {
                     window.parent.postMessage('close', '*');
                 }
             }
-            catch (e) {
+            catch (_a) {
                 window.parent.postMessage('close', '*');
             }
         }
@@ -666,11 +705,12 @@ class GenericApp extends Router_1.default {
         if (!this.state.errorText) {
             return null;
         }
-        return react_1.default.createElement(Error_1.default, { text: this.state.errorText, onClose: () => this.setState({ errorText: '' }) });
+        return (react_1.default.createElement(Error_1.default, { text: this.state.errorText, onClose: () => this.setState({ errorText: '' }) }));
     }
     /**
      * Checks if the configuration has changed.
-     * @param {Record<string, any>} [native] the new state
+     *
+     * @param native the new state
      */
     getIsChanged(native) {
         native = native || this.state.native;
@@ -680,6 +720,7 @@ class GenericApp extends Router_1.default {
     }
     /**
      * Gets called when loading the configuration.
+     *
      * @param newNative The new configuration object.
      */
     onLoadConfig(newNative) {
@@ -702,16 +743,16 @@ class GenericApp extends Router_1.default {
         if (!this.state.confirmClose && !this.state.bottomButtons) {
             return null;
         }
-        return react_1.default.createElement(react_1.default.Fragment, null,
-            this.state.bottomButtons ? react_1.default.createElement(SaveCloseButtons_1.default, { theme: this.state.theme, newReact: this.newReact, noTextOnButtons: this.state.width === 'xs' || this.state.width === 'sm' || this.state.width === 'md', changed: this.state.changed, onSave: isClose => this.onSave(isClose), onClose: () => {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            this.state.bottomButtons ? (react_1.default.createElement(SaveCloseButtons_1.default, { theme: this.state.theme, newReact: this.newReact, noTextOnButtons: this.state.width === 'xs' || this.state.width === 'sm' || this.state.width === 'md', changed: this.state.changed, onSave: isClose => this.onSave(isClose), onClose: () => {
                     if (this.state.changed) {
                         this.setState({ confirmClose: true });
                     }
                     else {
                         GenericApp.onClose();
                     }
-                } }) : null,
-            this.state.confirmClose ? react_1.default.createElement(Confirm_1.default, { title: i18n_1.default.t('ra_Please confirm'), text: i18n_1.default.t('ra_Some data are not stored. Discard?'), ok: i18n_1.default.t('ra_Discard'), cancel: i18n_1.default.t('ra_Cancel'), onClose: isYes => this.setState({ confirmClose: false }, () => isYes && GenericApp.onClose()) }) : null);
+                } })) : null,
+            this.state.confirmClose ? (react_1.default.createElement(Confirm_1.default, { title: i18n_1.default.t('ra_Please confirm'), text: i18n_1.default.t('ra_Some data are not stored. Discard?'), ok: i18n_1.default.t('ra_Discard'), cancel: i18n_1.default.t('ra_Cancel'), onClose: isYes => this.setState({ confirmClose: false }, () => isYes && GenericApp.onClose()) })) : null));
     }
     _updateNativeValue(obj, attrs, value) {
         if (typeof attrs !== 'object') {
@@ -740,6 +781,7 @@ class GenericApp extends Router_1.default {
     }
     /**
      * Update the native value
+     *
      * @param attr The attribute name with dots as delimiter.
      * @param value The new value.
      * @param cb Callback which will be called upon completion.
@@ -752,7 +794,7 @@ class GenericApp extends Router_1.default {
                 try {
                     window.parent.postMessage(changed ? 'change' : 'nochange', '*');
                 }
-                catch (e) {
+                catch (_a) {
                     // ignore
                 }
             }
@@ -767,7 +809,8 @@ class GenericApp extends Router_1.default {
     }
     /**
      * Sets the toast to be shown.
-     * @param {string} toast
+     *
+     * @param toast Text to be shown.
      */
     showToast(toast) {
         this.setState({ toast });
@@ -776,11 +819,11 @@ class GenericApp extends Router_1.default {
      * Renders helper dialogs
      */
     renderHelperDialogs() {
-        return react_1.default.createElement(react_1.default.Fragment, null,
+        return (react_1.default.createElement(react_1.default.Fragment, null,
             this.renderError(),
             this.renderToast(),
             this.renderSaveCloseButtons(),
-            this.renderAlertSnackbar());
+            this.renderAlertSnackbar()));
     }
     /**
      * Renders this component.
@@ -789,11 +832,11 @@ class GenericApp extends Router_1.default {
         if (!this.state.loaded) {
             return react_1.default.createElement(Loader_1.default, { themeType: this.state.themeType });
         }
-        return react_1.default.createElement("div", { className: "App" },
+        return (react_1.default.createElement("div", { className: "App" },
             this.renderError(),
             this.renderToast(),
             this.renderSaveCloseButtons(),
-            this.renderAlertSnackbar());
+            this.renderAlertSnackbar()));
     }
 }
 exports.default = GenericApp;