@iobroker/adapter-react-v5 7.0.1 → 7.1.0

package/Dialogs/Confirm.js

@@ -1,10 +1,10 @@
 "use strict";
 /**
- * Copyright 2019-2023 Denis Haev (bluefox) <dogafox@gmail.com>
+ * Copyright 2019-2024 Denis Haev (bluefox) <dogafox@gmail.com>
  *
  * MIT License
  *
- * */
+ */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -54,7 +54,9 @@ class DialogConfirm extends react_1.Component {
         }
         let suppress = false;
         if (this.props.suppressQuestionMinutes) {
-            suppress = parseInt((window._localStorage || window.localStorage).getItem(this.props.dialogName), 10) || 0;
+            suppress =
+                parseInt((window._localStorage || window.localStorage).getItem(this.props.dialogName), 10) ||
+                    0;
             if (!suppress) {
                 suppress = false;
             }
@@ -71,17 +73,21 @@ class DialogConfirm extends react_1.Component {
         if (this.state.suppress) {
             (window._localStorage || window.localStorage).setItem(this.props.dialogName, Date.now() + (this.props.suppressQuestionMinutes || 2) * 60000);
         }
-        this.props.onClose && this.props.onClose(true);
+        if (this.props.onClose) {
+            this.props.onClose(true);
+        }
     }
     handleCancel() {
-        this.props.onClose && this.props.onClose(false);
+        if (this.props.onClose) {
+            this.props.onClose(false);
+        }
     }
     render() {
         if (typeof this.state.suppress === 'number') {
             setTimeout(() => this.props.onClose && this.props.onClose(true), 100);
             return null;
         }
-        return react_1.default.createElement(material_1.Dialog, { open: !0, maxWidth: "md", fullWidth: this.props.fullWidth !== undefined ? this.props.fullWidth : true, onClose: (event, reason) => {
+        return (react_1.default.createElement(material_1.Dialog, { open: !0, maxWidth: "md", fullWidth: this.props.fullWidth !== undefined ? this.props.fullWidth : true, onClose: (event, reason) => {
                 if (reason !== 'backdropClick' && reason !== 'escapeKeyDown') {
                     this.handleCancel();
                 }
@@ -92,10 +98,14 @@ class DialogConfirm extends react_1.Component {
                     this.props.icon || null,
                     this.props.text,
                     this.props.suppressQuestionMinutes ? react_1.default.createElement("br", null) : null,
-                    this.props.suppressQuestionMinutes ? react_1.default.createElement(material_1.FormControlLabel, { sx: { '& .FormControlLabel-label': styles.suppress, '&.FormControlLabel-root': styles.suppressRoot }, control: react_1.default.createElement(material_1.Checkbox, { id: `ar_dialog_confirm_suppress_${this.props.dialogName || ''}`, checked: !!this.state.suppress, onChange: () => this.setState({ suppress: !this.state.suppress }) }), label: this.props.suppressText || i18n_1.default.t('ra_Suppress question for next %s minutes', (this.props.suppressQuestionMinutes || 2).toString()) }) : null)),
+                    this.props.suppressQuestionMinutes ? (react_1.default.createElement(material_1.FormControlLabel, { sx: {
+                            '& .FormControlLabel-label': styles.suppress,
+                            '&.FormControlLabel-root': styles.suppressRoot,
+                        }, control: react_1.default.createElement(material_1.Checkbox, { id: `ar_dialog_confirm_suppress_${this.props.dialogName || ''}`, checked: !!this.state.suppress, onChange: () => this.setState({ suppress: !this.state.suppress }) }), label: this.props.suppressText ||
+                            i18n_1.default.t('ra_Suppress question for next %s minutes', (this.props.suppressQuestionMinutes || 2).toString()) })) : null)),
             react_1.default.createElement(material_1.DialogActions, null,
                 react_1.default.createElement(material_1.Button, { id: `ar_dialog_confirm_ok_${this.props.dialogName || ''}`, variant: "contained", onClick: () => this.handleOk(), color: "primary", autoFocus: true, startIcon: react_1.default.createElement(icons_material_1.Check, null) }, this.props.ok || i18n_1.default.t('ra_Ok')),
-                react_1.default.createElement(material_1.Button, { id: `ar_dialog_confirm_cancel_${this.props.dialogName || ''}`, variant: "contained", onClick: () => this.handleCancel(), color: "grey", startIcon: react_1.default.createElement(icons_material_1.Close, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel'))));
+                react_1.default.createElement(material_1.Button, { id: `ar_dialog_confirm_cancel_${this.props.dialogName || ''}`, variant: "contained", onClick: () => this.handleCancel(), color: "grey", startIcon: react_1.default.createElement(icons_material_1.Close, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel')))));
     }
 }
 exports.default = DialogConfirm;

package/Dialogs/Cron.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { IobTheme } from '../types';
+import React, { type JSX } from 'react';
+import type { IobTheme } from '../types';
 interface DialogCronProps {
     onClose: () => void;
     onOk: (cron: string) => void;
@@ -24,6 +24,6 @@ declare class DialogCron extends React.Component<DialogCronProps, DialogCronStat
     handleCancel(): void;
     handleOk(): void;
     setMode(mode: 'simple' | 'complex' | 'wizard'): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default DialogCron;

package/Dialogs/Cron.js

@@ -54,11 +54,15 @@ class DialogCron extends react_1.default.Component {
         }
         this.state = {
             cron,
-            mode: this.props.simple ? 'simple' :
-                (this.props.complex ? 'complex' :
-                    ((typeof cron === 'object' || cron[0] === '{') && !this.props.noWizard ?
-                        'wizard' :
-                        ((0, SimpleCron_1.cron2state)(this.props.cron || '* * * * *') ? 'simple' : 'complex'))),
+            mode: this.props.simple
+                ? 'simple'
+                : this.props.complex
+                    ? 'complex'
+                    : (typeof cron === 'object' || cron[0] === '{') && !this.props.noWizard
+                        ? 'wizard'
+                        : (0, SimpleCron_1.cron2state)(this.props.cron || '* * * * *')
+                            ? 'simple'
+                            : 'complex',
         };
     }
     handleCancel() {
@@ -72,25 +76,25 @@ class DialogCron extends react_1.default.Component {
         this.setState({ mode });
     }
     render() {
-        return react_1.default.createElement(material_1.Dialog, { onClose: () => { }, maxWidth: "md", fullWidth: true, sx: { '& .MuiDialog-paper': styles.dialogPaper }, open: !0, "aria-labelledby": "cron-dialog-title" },
+        return (react_1.default.createElement(material_1.Dialog, { onClose: () => { }, maxWidth: "md", fullWidth: true, sx: { '& .MuiDialog-paper': styles.dialogPaper }, open: !0, "aria-labelledby": "cron-dialog-title" },
             react_1.default.createElement(material_1.DialogTitle, { id: "cron-dialog-title" }, this.props.title || i18n_1.default.t('ra_Define schedule...')),
             react_1.default.createElement(material_1.DialogContent, { style: { height: '100%', overflow: 'hidden' } },
-                (this.props.simple && this.props.complex) || (!this.props.simple && !this.props.complex) ? react_1.default.createElement("div", null,
-                    !this.props.simple && !this.props.complex && !this.props.noWizard && react_1.default.createElement(react_1.default.Fragment, null,
+                (this.props.simple && this.props.complex) || (!this.props.simple && !this.props.complex) ? (react_1.default.createElement("div", null,
+                    !this.props.simple && !this.props.complex && !this.props.noWizard && (react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(material_1.Radio, { key: "wizard", checked: this.state.mode === 'wizard', onChange: () => this.setMode('wizard') }),
-                        react_1.default.createElement("label", { onClick: () => this.setMode('wizard'), style: this.state.mode !== 'wizard' ? { color: 'lightgrey' } : {} }, i18n_1.default.t('sc_wizard'))),
-                    ((!this.props.simple && !this.props.complex) || this.props.simple) && react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("label", { onClick: () => this.setMode('wizard'), style: this.state.mode !== 'wizard' ? { color: 'lightgrey' } : {} }, i18n_1.default.t('sc_wizard')))),
+                    ((!this.props.simple && !this.props.complex) || this.props.simple) && (react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(material_1.Radio, { key: "simple", checked: this.state.mode === 'simple', onChange: () => this.setMode('simple') }),
-                        react_1.default.createElement("label", { onClick: () => this.setMode('simple'), style: this.state.mode !== 'simple' ? { color: 'lightgrey' } : {} }, i18n_1.default.t('sc_simple'))),
-                    ((!this.props.simple && !this.props.complex) || this.props.complex) && react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("label", { onClick: () => this.setMode('simple'), style: this.state.mode !== 'simple' ? { color: 'lightgrey' } : {} }, i18n_1.default.t('sc_simple')))),
+                    ((!this.props.simple && !this.props.complex) || this.props.complex) && (react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(material_1.Radio, { key: "complex", checked: this.state.mode === 'complex', onChange: () => this.setMode('complex') }),
-                        react_1.default.createElement("label", { onClick: () => this.setMode('complex'), style: this.state.mode !== 'complex' ? { color: 'lightgrey' } : {} }, i18n_1.default.t('sc_cron')))) : null,
-                this.state.mode === 'simple' && react_1.default.createElement(SimpleCron_1.default, { cronExpression: this.state.cron, onChange: cron => this.setState({ cron }), language: i18n_1.default.getLanguage() }),
-                this.state.mode === 'wizard' && react_1.default.createElement(Schedule_1.default, { theme: this.props.theme, schedule: this.state.cron, onChange: (cron) => this.setState({ cron }) }),
-                this.state.mode === 'complex' && react_1.default.createElement(ComplexCron_1.default, { cronExpression: this.state.cron, onChange: cron => this.setState({ cron }), language: i18n_1.default.getLanguage() })),
+                        react_1.default.createElement("label", { onClick: () => this.setMode('complex'), style: this.state.mode !== 'complex' ? { color: 'lightgrey' } : {} }, i18n_1.default.t('sc_cron')))))) : null,
+                this.state.mode === 'simple' && (react_1.default.createElement(SimpleCron_1.default, { cronExpression: this.state.cron, onChange: cron => this.setState({ cron }), language: i18n_1.default.getLanguage() })),
+                this.state.mode === 'wizard' && (react_1.default.createElement(Schedule_1.default, { theme: this.props.theme, schedule: this.state.cron, onChange: (cron) => this.setState({ cron }) })),
+                this.state.mode === 'complex' && (react_1.default.createElement(ComplexCron_1.default, { cronExpression: this.state.cron, onChange: cron => this.setState({ cron }), language: i18n_1.default.getLanguage() }))),
             react_1.default.createElement(material_1.DialogActions, null,
                 react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleOk(), color: "primary", startIcon: react_1.default.createElement(icons_material_1.Check, null) }, this.props.ok || i18n_1.default.t('ra_Ok')),
-                react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleCancel(), color: "grey", startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel'))));
+                react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleCancel(), color: "grey", startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel')))));
     }
 }
 exports.default = DialogCron;

package/Dialogs/Error.d.ts

@@ -3,8 +3,8 @@
  *
  * MIT License
  *
- * */
-import React, { Component } from 'react';
+ */
+import React, { Component, type JSX } from 'react';
 interface DialogErrorProps {
     title?: string;
     text: string | React.JSX.Element;
@@ -13,6 +13,6 @@ interface DialogErrorProps {
 }
 declare class DialogError extends Component<DialogErrorProps> {
     handleOk(): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default DialogError;

package/Dialogs/Error.js

@@ -31,7 +31,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *
  * MIT License
  *
- * */
+ */
 // please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
 const react_1 = __importStar(require("react"));
 const material_1 = require("@mui/material");
@@ -39,15 +39,17 @@ const icons_material_1 = require("@mui/icons-material");
 const i18n_1 = __importDefault(require("../i18n"));
 class DialogError extends react_1.Component {
     handleOk() {
-        this.props.onClose && this.props.onClose();
+        if (this.props.onClose) {
+            this.props.onClose();
+        }
     }
     render() {
-        return react_1.default.createElement(material_1.Dialog, { open: !0, maxWidth: "sm", fullWidth: this.props.fullWidth !== undefined ? this.props.fullWidth : true, onClose: () => this.handleOk(), "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description" },
+        return (react_1.default.createElement(material_1.Dialog, { open: !0, maxWidth: "sm", fullWidth: this.props.fullWidth !== undefined ? this.props.fullWidth : true, onClose: () => this.handleOk(), "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description" },
             react_1.default.createElement(material_1.DialogTitle, { id: "ar_alert_dialog_title" }, this.props.title || i18n_1.default.t('ra_Error')),
             react_1.default.createElement(material_1.DialogContent, null,
                 react_1.default.createElement(material_1.DialogContentText, { id: "ar_alert_dialog_description" }, this.props.text || i18n_1.default.t('ra_Unknown error!'))),
             react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { id: "ar_dialog_error_ok", variant: "contained", onClick: () => this.handleOk(), color: "primary", autoFocus: true, startIcon: react_1.default.createElement(icons_material_1.Check, null) }, i18n_1.default.t('ra_Ok'))));
+                react_1.default.createElement(material_1.Button, { id: "ar_dialog_error_ok", variant: "contained", onClick: () => this.handleOk(), color: "primary", autoFocus: true, startIcon: react_1.default.createElement(icons_material_1.Check, null) }, i18n_1.default.t('ra_Ok')))));
     }
 }
 exports.default = DialogError;

package/Dialogs/Message.d.ts

@@ -3,8 +3,8 @@
  *
  * MIT License
  *
- * */
-import React, { Component } from 'react';
+ */
+import React, { Component, type JSX } from 'react';
 interface DialogMessageProps {
     title?: string;
     text: string | React.JSX.Element;
@@ -15,6 +15,6 @@ interface DialogMessageProps {
 }
 declare class DialogMessage extends Component<DialogMessageProps> {
     handleOk(): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default DialogMessage;

package/Dialogs/Message.js

@@ -4,7 +4,7 @@
  *
  * MIT License
  *
- * */
+ */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -39,17 +39,19 @@ const icons_material_1 = require("@mui/icons-material");
 const i18n_1 = __importDefault(require("../i18n"));
 class DialogMessage extends react_1.Component {
     handleOk() {
-        this.props.onClose && this.props.onClose();
+        if (this.props.onClose) {
+            this.props.onClose();
+        }
     }
     render() {
-        return react_1.default.createElement(material_1.Dialog, { open: !0, maxWidth: "sm", fullWidth: this.props.fullWidth !== undefined ? this.props.fullWidth : true, onClose: () => this.handleOk(), "aria-labelledby": "ar_dialog_message_title", "aria-describedby": "ar_dialog_message_description" },
+        return (react_1.default.createElement(material_1.Dialog, { open: !0, maxWidth: "sm", fullWidth: this.props.fullWidth !== undefined ? this.props.fullWidth : true, onClose: () => this.handleOk(), "aria-labelledby": "ar_dialog_message_title", "aria-describedby": "ar_dialog_message_description" },
             react_1.default.createElement(material_1.DialogTitle, { id: "ar_dialog_message_title" }, this.props.title || i18n_1.default.t('ra_Message')),
             react_1.default.createElement(material_1.DialogContent, null,
                 react_1.default.createElement(material_1.DialogContentText, { id: "ar_dialog_message_description" },
                     react_1.default.createElement("span", { style: { marginRight: this.props.icon ? 8 : 0 } }, this.props.icon || null),
                     this.props.text)),
             react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { id: "ar_dialog_message_ok", variant: "contained", onClick: () => this.handleOk(), color: "primary", autoFocus: true, startIcon: react_1.default.createElement(icons_material_1.Close, null) }, this.props.ok || i18n_1.default.t('ra_Close'))));
+                react_1.default.createElement(material_1.Button, { id: "ar_dialog_message_ok", variant: "contained", onClick: () => this.handleOk(), color: "primary", autoFocus: true, startIcon: react_1.default.createElement(icons_material_1.Close, null) }, this.props.ok || i18n_1.default.t('ra_Close')))));
     }
 }
 exports.default = DialogMessage;

package/Dialogs/SelectFile.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import type { Connection } from '@iobroker/socket-client';
-import { IobTheme } from '../types';
+import type { IobTheme } from '../types';
 interface DialogSelectFileProps {
     /** where to store settings in localStorage * @property {string} [title] The dialog title; default: Please select object ID... (translated) */
     dialogName?: string;
@@ -10,7 +10,7 @@ interface DialogSelectFileProps {
     multiSelect?: boolean;
     /** Image prefix. Normally, admin has '../..' and the web has '../' */
     imagePrefix?: string;
-    /** @deprectaed Image prefix */
+    /** @deprecated Image prefix */
     prefix?: string;
     /** Show the expert button? */
     showExpertButton?: boolean;
@@ -78,6 +78,6 @@ declare class DialogSelectFile extends React.Component<DialogSelectFileProps, Di
     constructor(props: DialogSelectFileProps);
     handleCancel(): void;
     handleOk(): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default DialogSelectFile;

package/Dialogs/SelectFile.js

@@ -55,7 +55,7 @@ class DialogSelectFile extends react_1.default.Component {
         try {
             this.filters = JSON.parse(filters);
         }
-        catch (e) {
+        catch (_a) {
             this.filters = {};
         }
         if (props.filters) {
@@ -77,7 +77,9 @@ class DialogSelectFile extends react_1.default.Component {
         this.props.onClose();
     }
     handleOk() {
-        this.props.onOk(this.props.multiSelect || !Array.isArray(this.state.selected) ? this.state.selected : this.state.selected[0] || '');
+        this.props.onOk(this.props.multiSelect || !Array.isArray(this.state.selected)
+            ? this.state.selected
+            : this.state.selected[0] || '');
         this.props.onClose();
     }
     render() {
@@ -103,7 +105,7 @@ class DialogSelectFile extends react_1.default.Component {
         else {
             title = this.props.title || i18n_1.default.t('ra_Please select file...');
         }
-        return react_1.default.createElement(material_1.Dialog, { onClose: () => { }, maxWidth: false, sx: { '& .MuiDialog-paper': Object.assign(Object.assign({}, styles.dialog), styles.dialogMobile) }, fullWidth: true, open: !0, "aria-labelledby": "ar_dialog_selectfile_title" },
+        return (react_1.default.createElement(material_1.Dialog, { onClose: () => { }, maxWidth: false, sx: { '& .MuiDialog-paper': Object.assign(Object.assign({}, styles.dialog), styles.dialogMobile) }, fullWidth: true, open: !0, "aria-labelledby": "ar_dialog_selectfile_title" },
             react_1.default.createElement(material_1.DialogTitle, { id: "ar_dialog_selectfile_title", sx: { '&.MuiDialogTitle-root': styles.titleRoot } }, title),
             react_1.default.createElement(material_1.DialogContent, { style: Object.assign(Object.assign({}, styles.content), styles.contentMobile) },
                 react_1.default.createElement(FileBrowser_1.default, { ready: true, imagePrefix: this.props.imagePrefix || this.props.prefix || '../', allowUpload: !!this.props.allowUpload, allowDownload: this.props.allowDownload !== false, allowCreateFolder: !!this.props.allowCreateFolder, allowDelete: !!this.props.allowDelete, allowView: this.props.allowView !== false, showViewTypeButton: this.props.showViewTypeButton !== false, showToolbar: this.props.showToolbar !== false, limitPath: this.props.limitPath, filterFiles: this.props.filterFiles, filterByType: this.props.filterByType, selected: this.props.selected, restrictToFolder: this.props.restrictToFolder, allowNonRestricted: this.props.allowNonRestricted, onSelect: (selected, isDoubleClick, isFolder) => {
@@ -111,7 +113,7 @@ class DialogSelectFile extends react_1.default.Component {
                     }, t: this.props.t || i18n_1.default.t, lang: this.props.lang || i18n_1.default.getLanguage(), socket: this.props.socket, themeType: this.props.themeType, themeName: this.props.themeName, theme: this.props.theme, showExpertButton: this.props.showExpertButton, expertMode: this.props.expertMode, showTypeSelector: this.props.showTypeSelector })),
             react_1.default.createElement(material_1.DialogActions, null,
                 react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleOk(), startIcon: react_1.default.createElement(icons_material_1.Check, null), disabled: !this.state.selected.length, color: "primary" }, this.props.ok || i18n_1.default.t('ra_Ok')),
-                react_1.default.createElement(material_1.Button, { color: "grey", variant: "contained", onClick: () => this.handleCancel(), startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel'))));
+                react_1.default.createElement(material_1.Button, { color: "grey", variant: "contained", onClick: () => this.handleCancel(), startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel')))));
     }
 }
 exports.default = DialogSelectFile;

package/Dialogs/SelectID.d.ts

@@ -3,11 +3,11 @@
  *
  * MIT License
  *
- * */
-import React, { Component } from 'react';
+ */
+import { Component, type JSX } from 'react';
 import type Connection from '../Connection';
-import { ObjectBrowserColumn, ObjectBrowserCustomFilter, ObjectBrowserType } from '../Components/types';
-import { IobTheme } from '../types';
+import type { ObjectBrowserColumn, ObjectBrowserCustomFilter, ObjectBrowserType } from '../Components/types';
+import type { IobTheme } from '../types';
 export interface SelectIDFilters {
     id?: string;
     name?: string;
@@ -28,7 +28,7 @@ interface DialogSelectIDProps {
     foldersFirst?: boolean;
     /** Path prefix for images (default: '.') */
     imagePrefix?: string;
-    /** @deprecated: same as imagePrefix */
+    /** @deprecated same as imagePrefix */
     prefix?: string;
     /** Show the expert button */
     showExpertButton?: boolean;
@@ -66,10 +66,12 @@ interface DialogSelectIDProps {
     onClose: () => void;
     /** Handler that is called when the user presses OK. */
     onOk: (selected: string | string[] | undefined, name: string) => void;
-    /** Function to filter out all unnecessary objects. Can be string or function.
-       It cannot be used together with "types".
-       Example for function: `obj => obj.common?.type === 'boolean'` to show only boolean states
-       In case of string, it must look like `obj.common && obj.common.type === 'boolean'` */
+    /**
+     * Function to filter out all unnecessary objects. Can be string or function.
+     * It cannot be used together with "types".
+     * Example for function: `obj => obj.common?.type === 'boolean'` to show only boolean states
+     * In case of string, it must look like `obj.common && obj.common.type === 'boolean'`
+     */
     filterFunc?: string | ((obj: ioBroker.Object) => boolean);
     /** predefined filter fields, like {"id":"","name":"","room":"","func":"","role":"level","type":"","custom":""} */
     filters?: SelectIDFilters;
@@ -87,6 +89,6 @@ declare class DialogSelectID extends Component<DialogSelectIDProps, DialogSelect
     constructor(props: DialogSelectIDProps);
     handleCancel(): void;
     handleOk(): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default DialogSelectID;

package/Dialogs/SelectID.js

@@ -31,7 +31,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *
  * MIT License
  *
- * */
+ */
 // please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
 const react_1 = __importStar(require("react"));
 const material_1 = require("@mui/material");
@@ -47,7 +47,7 @@ class DialogSelectID extends react_1.Component {
         try {
             this.filters = JSON.parse(filters);
         }
-        catch (e) {
+        catch (_a) {
             this.filters = {};
         }
         if (props.filters) {
@@ -61,10 +61,9 @@ class DialogSelectID extends react_1.Component {
         if (props.filterFunc) {
             if (typeof props.filterFunc === 'string') {
                 try {
-                    // eslint-disable-next-line no-new-func
                     this.filterFunc = new Function('obj', props.filterFunc);
                 }
-                catch (e) {
+                catch (_b) {
                     console.error(`Cannot parse filter function: "obj => ${props.filterFunc}"`);
                     this.filterFunc = undefined;
                 }
@@ -93,7 +92,8 @@ class DialogSelectID extends react_1.Component {
                     react_1.default.createElement("span", { key: "selected" },
                         i18n_1.default.t('ra_Selected'),
                         "\u00A0"),
-                    react_1.default.createElement("span", { key: "id", style: { fontWeight: 'bold', fontStyle: 'italic' } }, (this.state.name || this.state.selected) + (this.state.name ? ` [${this.state.selected}]` : '')),
+                    react_1.default.createElement("span", { key: "id", style: { fontWeight: 'bold', fontStyle: 'italic' } }, (this.state.name || this.state.selected[0]) +
+                        (this.state.name ? ` [${this.state.selected[0]}]` : '')),
                 ];
             }
             else {
@@ -108,7 +108,7 @@ class DialogSelectID extends react_1.Component {
         else {
             title = this.props.title || i18n_1.default.t('ra_Please select object ID...');
         }
-        return react_1.default.createElement(material_1.Dialog, { onClose: () => { }, maxWidth: false, sx: {
+        return (react_1.default.createElement(material_1.Dialog, { onClose: () => { }, maxWidth: false, sx: {
                 '& .MuiDialog-paper': {
                     height: '95%',
                     p: '4px',
@@ -131,7 +131,11 @@ class DialogSelectID extends react_1.Component {
                 } },
                 react_1.default.createElement(ObjectBrowser_1.default, { foldersFirst: this.props.foldersFirst, imagePrefix: this.props.imagePrefix || this.props.prefix, dateFormat: this.props.dateFormat, defaultFilters: this.filters, dialogName: this.dialogName, isFloatComma: this.props.isFloatComma, showExpertButton: this.props.showExpertButton !== undefined ? this.props.showExpertButton : true, expertMode: this.props.expertMode, 
                     // style={{ width: '100%', height: '100%' }}
-                    columns: this.props.columns || ['name', 'type', 'role', 'room', 'func', 'val'], types: this.props.types ? (Array.isArray(this.props.types) ? this.props.types : [this.props.types]) : ['state'], root: this.props.root, t: i18n_1.default.t, lang: this.props.lang || i18n_1.default.getLanguage(), socket: this.props.socket, selected: this.state.selected, multiSelect: this.props.multiSelect, notEditable: this.props.notEditable === undefined ? true : this.props.notEditable, 
+                    columns: this.props.columns || ['name', 'type', 'role', 'room', 'func', 'val'], types: this.props.types
+                        ? Array.isArray(this.props.types)
+                            ? this.props.types
+                            : [this.props.types]
+                        : ['state'], root: this.props.root, t: i18n_1.default.t, lang: this.props.lang || i18n_1.default.getLanguage(), socket: this.props.socket, selected: this.state.selected, multiSelect: this.props.multiSelect, notEditable: this.props.notEditable === undefined ? true : this.props.notEditable, 
                     // name={this.state.name}
                     themeName: this.props.themeName, themeType: this.props.themeType, theme: this.props.theme, customFilter: this.props.customFilter, onFilterChanged: (filterConfig) => {
                         this.filters = filterConfig;
@@ -153,7 +157,7 @@ class DialogSelectID extends react_1.Component {
                     }, filterFunc: this.filterFunc, title: "", classes: {} })),
             react_1.default.createElement(material_1.DialogActions, null,
                 react_1.default.createElement(material_1.Button, { id: `ar_dialog_selectid_ok_${this.props.dialogName || ''}`, variant: "contained", onClick: () => this.handleOk(), startIcon: react_1.default.createElement(icons_material_1.Check, null), disabled: !this.state.selected.length, color: "primary" }, this.props.ok || i18n_1.default.t('ra_Ok')),
-                react_1.default.createElement(material_1.Button, { id: `ar_dialog_selectid_cancel_${this.props.dialogName || ''}`, color: "grey", variant: "contained", onClick: () => this.handleCancel(), startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel'))));
+                react_1.default.createElement(material_1.Button, { id: `ar_dialog_selectid_cancel_${this.props.dialogName || ''}`, color: "grey", variant: "contained", onClick: () => this.handleCancel(), startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel')))));
     }
 }
 exports.default = DialogSelectID;

package/Dialogs/SimpleCron.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 interface DialogCronProps {
     onClose: () => void;
     onOk: (cron: string) => void;
@@ -14,6 +14,6 @@ declare class DialogSimpleCron extends React.Component<DialogCronProps, DialogCr
     constructor(props: DialogCronProps);
     handleCancel(): void;
     handleOk(): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default DialogSimpleCron;

package/Dialogs/SimpleCron.js

@@ -39,13 +39,13 @@ class DialogSimpleCron extends react_1.default.Component {
         this.props.onClose();
     }
     render() {
-        return react_1.default.createElement(material_1.Dialog, { onClose: () => { }, maxWidth: "md", fullWidth: true, sx: { '& .MuiDialog-paper': styles.dialogPaper }, open: !0, "aria-labelledby": "cron-dialog-title" },
+        return (react_1.default.createElement(material_1.Dialog, { onClose: () => { }, maxWidth: "md", fullWidth: true, sx: { '& .MuiDialog-paper': styles.dialogPaper }, open: !0, "aria-labelledby": "cron-dialog-title" },
             react_1.default.createElement(material_1.DialogTitle, { id: "cron-dialog-title" }, this.props.title || i18n_1.default.t('ra_Define CRON...')),
             react_1.default.createElement(material_1.DialogContent, { style: { height: '100%', overflow: 'hidden' } },
                 react_1.default.createElement(SimpleCron_1.default, { cronExpression: this.state.cron, onChange: cron => this.setState({ cron }), language: i18n_1.default.getLanguage() })),
             react_1.default.createElement(material_1.DialogActions, null,
                 react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleOk(), color: "primary", startIcon: react_1.default.createElement(icons_material_1.Check, null) }, this.props.ok || i18n_1.default.t('ra_Ok')),
-                react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleCancel(), color: "grey", startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel'))));
+                react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleCancel(), color: "grey", startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel')))));
     }
 }
 exports.default = DialogSimpleCron;

package/Dialogs/TextInput.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const _default: (props: Record<string, any>) => React.JSX.Element;
+import { type JSX } from 'react';
+declare const _default: (props: Record<string, any>) => JSX.Element /** The text replacement callback */;
 export default _default;

package/Dialogs/TextInput.js

@@ -11,11 +11,11 @@ const withWidth_1 = __importDefault(require("../Components/withWidth"));
 function TextInput(props) {
     const [text, setText] = react_1.default.useState(props.input || props.value || '');
     const [error, setError] = react_1.default.useState('');
-    return react_1.default.createElement(material_1.Dialog, { open: !0, onClose: () => props.onClose(null), "aria-labelledby": "form-dialog-title", fullWidth: props.fullWidth !== undefined ? props.fullWidth : false },
+    return (react_1.default.createElement(material_1.Dialog, { open: !0, onClose: () => props.onClose(null), "aria-labelledby": "form-dialog-title", fullWidth: props.fullWidth !== undefined ? props.fullWidth : false },
         react_1.default.createElement(material_1.DialogTitle, { id: "form-dialog-title" }, props.titleText),
         react_1.default.createElement(material_1.DialogContent, null,
             react_1.default.createElement(material_1.DialogContentText, null, props.promptText),
-            react_1.default.createElement(material_1.TextField, { variant: "standard", autoFocus: true, margin: "dense", error: !!error, helperText: error === true || !error ? '' : error, value: text, label: props.labelText || '', type: props.type || 'text', onKeyUp: e => e.charCode === 13 && text && props.onClose(text), onChange: e => {
+            react_1.default.createElement(material_1.TextField, { variant: "standard", autoFocus: true, margin: "dense", error: !!error, helperText: error === true || !error ? '' : error, value: text, label: props.labelText || '', type: props.type || 'text', onKeyUp: e => e.code === 'Enter' && text && props.onClose(text), onChange: e => {
                     let _error = '';
                     if (props.verify) {
                         _error = !props.verify(e.target.value);
@@ -30,6 +30,6 @@ function TextInput(props) {
                 }, fullWidth: true })),
         react_1.default.createElement(material_1.DialogActions, null,
             react_1.default.createElement(material_1.Button, { variant: "contained", disabled: !text || !!error, onClick: () => props.onClose(text), color: "primary", startIcon: react_1.default.createElement(icons_material_1.Check, null) }, props.applyText || i18n_1.default.t('ra_Ok')),
-            react_1.default.createElement(material_1.Button, { color: "grey", variant: "contained", onClick: () => props.onClose(null), startIcon: react_1.default.createElement(icons_material_1.Close, null) }, props.cancelText || i18n_1.default.t('ra_Cancel'))));
+            react_1.default.createElement(material_1.Button, { color: "grey", variant: "contained", onClick: () => props.onClose(null), startIcon: react_1.default.createElement(icons_material_1.Close, null) }, props.cancelText || i18n_1.default.t('ra_Cancel')))));
 }
 exports.default = (0, withWidth_1.default)()(TextInput);

package/GenericApp.d.ts

@@ -3,11 +3,11 @@
  *
  * MIT License
  *
- * */
-import React from 'react';
-import { AdminConnection } from '@iobroker/socket-client';
+ */
+import React, { type JSX } from 'react';
+import { type AdminConnection } from '@iobroker/socket-client';
 import Router from './Components/Router';
-import { GenericAppProps, GenericAppState, GenericAppSettings, ThemeName, ThemeType, IobTheme, Width } from './types';
+import type { GenericAppProps, GenericAppState, GenericAppSettings, ThemeName, ThemeType, IobTheme, Width } from './types';
 declare global {
     /** If config has been changed */
     var changed: boolean;
@@ -42,11 +42,12 @@ declare class GenericApp<TProps extends GenericAppProps = GenericAppProps, TStat
     constructor(props: TProps, settings?: GenericAppSettings);
     /**
      * 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(): boolean;
     showAlert(message: string, type?: 'info' | 'warning' | 'error' | 'success'): void;
-    renderAlertSnackbar(): React.JSX.Element;
+    renderAlertSnackbar(): JSX.Element;
     onSystemConfigChanged: (id: string, obj: ioBroker.AnyObject | null | undefined) => void;
     /**
      * Called immediately after a component is mounted. Setting state here will trigger re-rendering.
@@ -62,14 +63,14 @@ declare class GenericApp<TProps extends GenericAppProps = GenericAppProps, TStat
     private onResize;
     /**
      * Gets the width depending on the window inner width.
-     * @returns {import('./types').Width}
      */
     static getWidth(): Width;
     /**
      * Get a theme
+     *
      * @param name Theme name
      */
-    createTheme(name?: ThemeName | null | undefined): IobTheme;
+    createTheme(name?: ThemeName | null): IobTheme;
     /**
      * Get the theme name
      */
@@ -82,11 +83,10 @@ declare class GenericApp<TProps extends GenericAppProps = GenericAppProps, TStat
     onToggleExpertMode(_expertMode: boolean): void;
     /**
      * Changes the current theme
-     * */
+     */
     toggleTheme(newThemeName?: ThemeName): void;
     /**
      * Gets the system configuration.
-     * @returns {Promise<ioBroker.OtherObject>}
      */
     getSystemConfig(): Promise<ioBroker.SystemConfigObject>;
     /**
@@ -123,12 +123,13 @@ declare class GenericApp<TProps extends GenericAppProps = GenericAppProps, TStat
     /**
      * 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: Record<string, any>, encryptedNative?: string[]): void;
     /**
      * Gets the extendable instances.
-     * @returns {Promise<any[]>}
      */
     getExtendableInstances(): Promise<ioBroker.InstanceObject[]>;
     /**
@@ -141,13 +142,14 @@ declare class GenericApp<TProps extends GenericAppProps = GenericAppProps, TStat
     }[]>;
     /**
      * Saves the settings to the server.
+     *
      * @param isClose True if the user is closing the dialog.
      */
     onSave(isClose?: boolean): void;
     /**
      * Renders the toast.
      */
-    renderToast(): React.JSX.Element;
+    renderToast(): JSX.Element | null;
     /**
      * Closes the dialog.
      */
@@ -158,11 +160,13 @@ declare class GenericApp<TProps extends GenericAppProps = GenericAppProps, TStat
     renderError(): React.JSX.Element | null;
     /**
      * Checks if the configuration has changed.
-     * @param {Record<string, any>} [native] the new state
+     *
+     * @param native the new state
      */
     getIsChanged(native: Record<string, any>): boolean;
     /**
      * Gets called when loading the configuration.
+     *
      * @param newNative The new configuration object.
      */
     onLoadConfig(newNative: Record<string, any>): void;
@@ -177,6 +181,7 @@ declare class GenericApp<TProps extends GenericAppProps = GenericAppProps, TStat
     private _updateNativeValue;
     /**
      * 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.
@@ -188,7 +193,8 @@ declare class GenericApp<TProps extends GenericAppProps = GenericAppProps, TStat
     showError(text: string | React.JSX.Element): void;
     /**
      * Sets the toast to be shown.
-     * @param {string} toast
+     *
+     * @param toast Text to be shown.
      */
     showToast(toast: string | React.JSX.Element): void;
     /**