@iobroker/adapter-react-v5 7.2.4 → 7.2.6

package/{GenericApp.js → build/GenericApp.js}

@@ -1,62 +1,24 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * Copyright 2018-2024 Denis Haev (bluefox) <dogafox@gmail.com>
  *
  * MIT License
  *
  */
-const react_1 = __importDefault(require("react"));
-const socket_client_1 = require("@iobroker/socket-client");
-const Sentry = __importStar(require("@sentry/browser"));
-const material_1 = require("@mui/material");
-const icons_material_1 = require("@mui/icons-material");
-const Prompt_1 = __importDefault(require("./Prompt"));
-const Theme_1 = __importDefault(require("./Theme"));
-const Loader_1 = __importDefault(require("./Components/Loader"));
-const Router_1 = __importDefault(require("./Components/Router"));
-const Utils_1 = __importDefault(require("./Components/Utils"));
-const SaveCloseButtons_1 = __importDefault(require("./Components/SaveCloseButtons"));
-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 React, {} from 'react';
+import { PROGRESS, Connection } from '@iobroker/socket-client';
+import * as Sentry from '@sentry/browser';
+import { Snackbar, IconButton } from '@mui/material';
+import { Close as IconClose } from '@mui/icons-material';
+import { printPrompt } from './Prompt';
+import { Theme } from './Theme';
+import { Loader } from './Components/Loader';
+import { Router } from './Components/Router';
+import { Utils } from './Components/Utils';
+import { SaveCloseButtons } from './Components/SaveCloseButtons';
+import { DialogConfirm } from './Dialogs/Confirm';
+import { I18n } from './i18n';
+import { DialogError } from './Dialogs/Error';
+import { dictionary } from './dictionary';
 // import './index.css';
 const cssStyle = `
 html {
@@ -108,12 +70,27 @@ body {
     }
 }
 `;
-class GenericApp extends Router_1.default {
+export class GenericApp extends Router {
+    socket;
+    instance;
+    adapterName;
+    instanceId;
+    newReact;
+    encryptedFields;
+    sentryDSN;
+    alertDialogRendered;
+    _secret;
+    _systemConfig;
+    // it is not readonly
+    savedNative;
+    common = null;
+    sentryStarted = false;
+    sentryInited = false;
+    resizeTimer = null;
     constructor(props, settings) {
-        var _a, _b;
         const ConnectionClass = (props.Connection ||
-            (settings === null || settings === void 0 ? void 0 : settings.Connection) ||
-            socket_client_1.Connection);
+            settings?.Connection ||
+            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');
@@ -128,65 +105,12 @@ class GenericApp extends Router_1.default {
                 delete window.io;
                 window.io = io;
             }
-            catch (_c) {
+            catch {
                 // ignore
             }
         }
         super(props);
-        this.common = null;
-        this.sentryStarted = false;
-        this.sentryInited = false;
-        this.resizeTimer = null;
-        this.onSystemConfigChanged = (id, obj) => {
-            var _a, _b;
-            if (obj && id === 'system.config') {
-                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_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.setState({ expertMode: this.getExpertMode() });
-                }
-                else {
-                    this._systemConfig =
-                        (obj === null || obj === void 0 ? void 0 : obj.common) || {};
-                }
-            }
-        };
-        this.onReceiveMessage = (message) => {
-            if (message === null || message === void 0 ? void 0 : message.data) {
-                if (message.data === 'updateTheme') {
-                    const newThemeName = Utils_1.default.getThemeName();
-                    Utils_1.default.setThemeName(Utils_1.default.getThemeName());
-                    const newTheme = this.createTheme(newThemeName);
-                    this.setState({
-                        theme: newTheme,
-                        themeName: this.getThemeName(newTheme),
-                        themeType: this.getThemeType(newTheme),
-                    }, () => {
-                        this.props.onThemeChange && this.props.onThemeChange(newThemeName);
-                        this.onThemeChanged && this.onThemeChanged(newThemeName);
-                    });
-                }
-                else if (message.data === 'updateExpertMode') {
-                    this.onToggleExpertMode && this.onToggleExpertMode(this.getExpertMode());
-                }
-                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`);
-                }
-            }
-        };
-        this.onResize = () => {
-            this.resizeTimer && clearTimeout(this.resizeTimer);
-            this.resizeTimer = setTimeout(() => {
-                this.resizeTimer = null;
-                this.setState({ width: GenericApp.getWidth() });
-            }, 200);
-        };
-        (0, Prompt_1.default)();
+        printPrompt();
         const query = (window.location.search || '').replace(/^\?/, '').replace(/#.*$/, '');
         const args = {};
         query
@@ -205,38 +129,49 @@ 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);
+            settings?.instance ??
+                props.instance ??
+                (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';
+            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();
+        const location = Router.getLocation();
         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(this.state || {}, // keep the existing 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?.bottomButtons !== false,
+            width: GenericApp.getWidth(),
+            confirmClose: false,
+            _alert: false,
+            _alertType: 'info',
+            _alertMessage: '',
+        });
         // init translations
-        const translations = {
-            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,
-        };
+        const translations = dictionary;
         // merge together
-        if (settings === null || settings === void 0 ? void 0 : settings.translations) {
+        if (settings?.translations) {
             Object.keys(settings.translations).forEach(lang => {
                 if (settings.translations) {
                     translations[lang] = Object.assign(translations[lang], settings.translations[lang] || {});
@@ -250,9 +185,9 @@ class GenericApp extends Router_1.default {
                 }
             });
         }
-        i18n_1.default.setTranslations(translations);
+        I18n.setTranslations(translations);
         this.savedNative = {}; // to detect if the config changed
-        this.encryptedFields = props.encryptedFields || (settings === null || settings === void 0 ? void 0 : settings.encryptedFields) || [];
+        this.encryptedFields = props.encryptedFields || settings?.encryptedFields || [];
         this.sentryDSN = (settings && settings.sentryDSN) || props.sentryDSN;
         if (window.socketUrl) {
             if (window.socketUrl.startsWith(':')) {
@@ -279,18 +214,23 @@ class GenericApp extends Router_1.default {
             }
         };
         // @ts-expect-error either make props in ConnectionProps required or the constructor needs to accept than as they are (means adapt socket-client)
-        this.socket = new ConnectionClass(Object.assign(Object.assign({}, ((props === null || props === void 0 ? void 0 : props.socket) || (settings === null || settings === void 0 ? void 0 : settings.socket))), { name: this.adapterName, doNotLoadAllObjects: settings === null || settings === void 0 ? void 0 : settings.doNotLoadAllObjects, onProgress: (progress) => {
-                if (progress === socket_client_1.PROGRESS.CONNECTING) {
+        this.socket = new ConnectionClass({
+            ...(props?.socket || settings?.socket),
+            name: this.adapterName,
+            doNotLoadAllObjects: settings?.doNotLoadAllObjects,
+            onProgress: (progress) => {
+                if (progress === PROGRESS.CONNECTING) {
                     this.setState({ connected: false });
                 }
-                else if (progress === socket_client_1.PROGRESS.READY) {
+                else if (progress === PROGRESS.READY) {
                     this.setState({ connected: true });
                 }
                 else {
                     this.setState({ connected: true });
                 }
-            }, onReady: ( /* objects, scripts */) => {
-                i18n_1.default.setLanguage(this.socket.systemLang);
+            },
+            onReady: ( /* objects, scripts */) => {
+                I18n.setLanguage(this.socket.systemLang);
                 // subscribe because of language and expert mode
                 this.socket
                     .subscribeObject('system.config', this.onSystemConfigChanged)
@@ -298,17 +238,16 @@ class GenericApp extends Router_1.default {
                     .then(obj => {
                     this._secret =
                         (typeof obj !== 'undefined' && obj.native && obj.native.secret) || 'Zgfr56gFe87jJOM';
-                    this._systemConfig = (obj === null || obj === void 0 ? void 0 : obj.common) || {};
+                    this._systemConfig = obj?.common || {};
                     return this.socket.getObject(this.instanceId);
                 })
                     .then(async (obj) => {
-                    var _a, _b;
                     let waitPromise;
                     const instanceObj = obj;
-                    const sentryPluginEnabled = (_a = (await this.socket.getState(`${this.instanceId}.plugins.sentry.enabled`))) === null || _a === void 0 ? void 0 : _a.val;
+                    const sentryPluginEnabled = (await this.socket.getState(`${this.instanceId}.plugins.sentry.enabled`))?.val;
                     const sentryEnabled = sentryPluginEnabled !== false &&
-                        ((_b = this._systemConfig) === null || _b === void 0 ? void 0 : _b.diag) !== 'none' &&
-                        (instanceObj === null || instanceObj === void 0 ? void 0 : instanceObj.common) &&
+                        this._systemConfig?.diag !== 'none' &&
+                        instanceObj?.common &&
                         instanceObj.common.name &&
                         instanceObj.common.version &&
                         // @ts-expect-error will be extended in js-controller TODO: (BF: 2024.05.30) this is redundant to state `${this.instanceId}.plugins.sentry.enabled`, remove this in future when admin sets the state correctly
@@ -335,10 +274,10 @@ class GenericApp extends Router_1.default {
                             }
                         });
                     }
-                    waitPromise = waitPromise || Promise.resolve();
+                    waitPromise = (waitPromise instanceof Promise) ? waitPromise : Promise.resolve();
                     void waitPromise.then(() => {
                         if (instanceObj) {
-                            this.common = instanceObj === null || instanceObj === void 0 ? void 0 : instanceObj.common;
+                            this.common = 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, expertMode: this.getExpertMode() }, () => this.onConnectionReady && this.onConnectionReady());
@@ -354,10 +293,12 @@ class GenericApp extends Router_1.default {
                     });
                 })
                     .catch(e => window.alert(`Cannot settings: ${e}`));
-            }, onError: (err) => {
+            },
+            onError: (err) => {
                 console.error(err);
                 this.showError(err);
-            } }));
+            },
+        });
     }
     /**
      * Checks if this connection is running in a web adapter and not in an admin.
@@ -379,12 +320,29 @@ class GenericApp extends Router_1.default {
     }
     renderAlertSnackbar() {
         this.alertDialogRendered = true;
-        return (react_1.default.createElement(material_1.Snackbar, { style: this.state._alertType === 'error'
+        return (React.createElement(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 }));
     }
+    onSystemConfigChanged = (id, obj) => {
+        if (obj && id === 'system.config') {
+            if (this.socket.systemLang !== obj?.common.language) {
+                this.socket.systemLang = obj?.common.language || 'en';
+                I18n.setLanguage(this.socket.systemLang);
+            }
+            if (this._systemConfig?.expertMode !== !!obj?.common?.expertMode) {
+                this._systemConfig =
+                    obj?.common || {};
+                this.setState({ expertMode: this.getExpertMode() });
+            }
+            else {
+                this._systemConfig =
+                    obj?.common || {};
+            }
+        }
+    };
     /**
      * Called immediately after a component is mounted. Setting state here will trigger re-rendering.
      */
@@ -401,6 +359,37 @@ class GenericApp extends Router_1.default {
         window.removeEventListener('message', this.onReceiveMessage, false);
         super.componentWillUnmount();
     }
+    onReceiveMessage = (message) => {
+        if (message?.data) {
+            if (message.data === 'updateTheme') {
+                const newThemeName = Utils.getThemeName();
+                Utils.setThemeName(Utils.getThemeName());
+                const newTheme = this.createTheme(newThemeName);
+                this.setState({
+                    theme: newTheme,
+                    themeName: this.getThemeName(newTheme),
+                    themeType: this.getThemeType(newTheme),
+                }, () => {
+                    this.props.onThemeChange && this.props.onThemeChange(newThemeName);
+                    this.onThemeChanged && this.onThemeChanged(newThemeName);
+                });
+            }
+            else if (message.data === 'updateExpertMode') {
+                this.onToggleExpertMode && this.onToggleExpertMode(this.getExpertMode());
+            }
+            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`);
+            }
+        }
+    };
+    onResize = () => {
+        this.resizeTimer && clearTimeout(this.resizeTimer);
+        this.resizeTimer = setTimeout(() => {
+            this.resizeTimer = null;
+            this.setState({ width: GenericApp.getWidth() });
+        }, 200);
+    };
     /**
      * Gets the width depending on the window inner width.
      */
@@ -429,7 +418,7 @@ class GenericApp extends Router_1.default {
      */
     // eslint-disable-next-line class-methods-use-this
     createTheme(name) {
-        return (0, Theme_1.default)(Utils_1.default.getThemeName(name));
+        return Theme(Utils.getThemeName(name));
     }
     /**
      * Get the theme name
@@ -465,7 +454,7 @@ class GenericApp extends Router_1.default {
                             ? 'light'
                             : 'dark');
         if (newThemeName !== themeName) {
-            Utils_1.default.setThemeName(newThemeName);
+            Utils.setThemeName(newThemeName);
             const newTheme = this.createTheme(newThemeName);
             this.setState({
                 theme: newTheme,
@@ -487,8 +476,7 @@ class GenericApp extends Router_1.default {
      * Get current expert mode
      */
     getExpertMode() {
-        var _a;
-        return window.sessionStorage.getItem('App.expertMode') === 'true' || !!((_a = this._systemConfig) === null || _a === void 0 ? void 0 : _a.expertMode);
+        return window.sessionStorage.getItem('App.expertMode') === 'true' || !!this._systemConfig?.expertMode;
     }
     /**
      * Gets called when the socket.io connection is ready.
@@ -525,7 +513,7 @@ class GenericApp extends Router_1.default {
      * You may override this if needed.
      */
     onHashChanged() {
-        const location = Router_1.default.getLocation();
+        const location = Router.getLocation();
         if (location.tab !== this.state.selectedTab) {
             this.selectTab(location.tab);
         }
@@ -581,9 +569,9 @@ class GenericApp extends Router_1.default {
     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); });
+            return Object.values(instances).filter(instance => !!instance?.common?.webExtendable);
         }
-        catch (_a) {
+        catch {
             return [];
         }
     }
@@ -591,16 +579,15 @@ class GenericApp extends Router_1.default {
      * Gets the IP addresses of the given host.
      */
     async getIpAddresses(host) {
-        var _a;
-        const ips = await this.socket.getHostByIp(host || ((_a = this.common) === null || _a === void 0 ? void 0 : _a.host) || '');
+        const ips = await this.socket.getHostByIp(host || this.common?.host || '');
         // translate names
         const ip4 = ips.find(ip => ip.address === '0.0.0.0');
         if (ip4) {
-            ip4.name = `[IPv4] 0.0.0.0 - ${i18n_1.default.t('ra_Listen on all IPs')}`;
+            ip4.name = `[IPv4] 0.0.0.0 - ${I18n.t('ra_Listen on all IPs')}`;
         }
         const ip6 = ips.find(ip => ip.address === '::');
         if (ip6) {
-            ip6.name = `[IPv4] :: - ${i18n_1.default.t('ra_Listen on all IPs')}`;
+            ip6.name = `[IPv4] :: - ${I18n.t('ra_Listen on all IPs')}`;
         }
         return ips;
     }
@@ -656,7 +643,7 @@ class GenericApp extends Router_1.default {
             try {
                 window.parent.postMessage('nochange', '*');
             }
-            catch (_a) {
+            catch {
                 // ignore
             }
             this.setState({ changed: false });
@@ -668,16 +655,15 @@ class GenericApp extends Router_1.default {
      * Renders the toast.
      */
     renderToast() {
-        var _a;
         if (!this.state.toast) {
             return null;
         }
-        return (react_1.default.createElement(material_1.Snackbar, { anchorOrigin: {
+        return (React.createElement(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)),
+            }, open: !0, autoHideDuration: 6000, onClose: () => this.setState({ toast: '' }), ContentProps: { 'aria-describedby': 'message-id' }, message: React.createElement("span", { id: "message-id" }, this.state.toast), action: [
+                React.createElement(IconButton, { key: "close", "aria-label": "Close", color: "inherit", className: this.props.classes?.close, onClick: () => this.setState({ toast: '' }), size: "large" },
+                    React.createElement(IconClose, null)),
             ] }));
     }
     /**
@@ -693,7 +679,7 @@ class GenericApp extends Router_1.default {
                     window.parent.postMessage('close', '*');
                 }
             }
-            catch (_a) {
+            catch {
                 window.parent.postMessage('close', '*');
             }
         }
@@ -705,7 +691,7 @@ 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.createElement(DialogError, { text: this.state.errorText, onClose: () => this.setState({ errorText: '' }) }));
     }
     /**
      * Checks if the configuration has changed.
@@ -743,8 +729,8 @@ 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.createElement(React.Fragment, null,
+            this.state.bottomButtons ? (React.createElement(SaveCloseButtons, { 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 });
                     }
@@ -752,7 +738,7 @@ class GenericApp extends Router_1.default {
                         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));
+            this.state.confirmClose ? (React.createElement(DialogConfirm, { title: I18n.t('ra_Please confirm'), text: I18n.t('ra_Some data are not stored. Discard?'), ok: I18n.t('ra_Discard'), cancel: I18n.t('ra_Cancel'), onClose: isYes => this.setState({ confirmClose: false }, () => isYes && GenericApp.onClose()) })) : null));
     }
     _updateNativeValue(obj, attrs, value) {
         if (typeof attrs !== 'object') {
@@ -794,7 +780,7 @@ class GenericApp extends Router_1.default {
                 try {
                     window.parent.postMessage(changed ? 'change' : 'nochange', '*');
                 }
-                catch (_a) {
+                catch {
                     // ignore
                 }
             }
@@ -819,7 +805,7 @@ class GenericApp extends Router_1.default {
      * Renders helper dialogs
      */
     renderHelperDialogs() {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
+        return (React.createElement(React.Fragment, null,
             this.renderError(),
             this.renderToast(),
             this.renderSaveCloseButtons(),
@@ -830,13 +816,13 @@ class GenericApp extends Router_1.default {
      */
     render() {
         if (!this.state.loaded) {
-            return react_1.default.createElement(Loader_1.default, { themeType: this.state.themeType });
+            return React.createElement(Loader, { themeType: this.state.themeType });
         }
-        return (react_1.default.createElement("div", { className: "App" },
+        return (React.createElement("div", { className: "App" },
             this.renderError(),
             this.renderToast(),
             this.renderSaveCloseButtons(),
             this.renderAlertSnackbar()));
     }
 }
-exports.default = GenericApp;
+//# sourceMappingURL=GenericApp.js.map