@iobroker/adapter-react-v5 7.0.2 → 7.1.1

package/Components/SelectWithIcon.d.ts

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { InputProps } from '@mui/material/Input';
-import { ThemeType, Translate } from '../types';
+import type { InputProps } from '@mui/material/Input';
+import type { ThemeType, Translate } from '../types';
 interface SelectWithIconProps {
     t: Translate;
     lang: ioBroker.Languages;

package/Components/SelectWithIcon.js

@@ -50,8 +50,7 @@ class SelectWithIcon extends react_1.Component {
         }
         let list;
         if (Array.isArray(props.list || props.options)) {
-            list = (props.list || props.options)
-                .map(obj => {
+            list = (props.list || props.options).map(obj => {
                 var _a, _b;
                 return ({
                     name: Utils_1.default.getObjectNameFromObj(obj, props.lang)
@@ -66,8 +65,7 @@ class SelectWithIcon extends react_1.Component {
             });
         }
         else {
-            list = Object.values((props.list || props.options))
-                .map(obj => {
+            list = Object.values((props.list || props.options)).map(obj => {
                 var _a, _b;
                 return ({
                     name: Utils_1.default.getObjectNameFromObj(obj, props.lang)
@@ -93,33 +91,42 @@ class SelectWithIcon extends react_1.Component {
     }
     render() {
         if (this.props.allowNone && !this.state.list.find(obj => obj.value === '')) {
-            this.timeout = this.timeout || setTimeout(() => {
-                this.timeout = null;
-                const list = JSON.parse(JSON.stringify(this.state.list));
-                list.unshift({ value: '', name: i18n_1.default.t('ra_none') });
-                this.setState({ list });
-            }, 100);
+            this.timeout =
+                this.timeout ||
+                    setTimeout(() => {
+                        this.timeout = null;
+                        const list = JSON.parse(JSON.stringify(this.state.list));
+                        list.unshift({ value: '', name: i18n_1.default.t('ra_none') });
+                        this.setState({ list });
+                    }, 100);
         }
         else if (!this.props.allowNone && this.state.list.find(obj => obj.value === '')) {
-            this.timeout = this.timeout || setTimeout(() => {
-                this.timeout = null;
-                const list = JSON.parse(JSON.stringify(this.state.list));
-                const i = this.state.list.findIndex(obj => obj.value === '');
-                list.splice(i, 1);
-                this.setState({ list });
-            }, 100);
+            this.timeout =
+                this.timeout ||
+                    setTimeout(() => {
+                        this.timeout = null;
+                        const list = JSON.parse(JSON.stringify(this.state.list));
+                        const i = this.state.list.findIndex(obj => obj.value === '');
+                        list.splice(i, 1);
+                        this.setState({ list });
+                    }, 100);
         }
-        const item = this.state.list.find(it => it.value === this.props.value || (this.props.removePrefix && it.value.replace(this.props.removePrefix, '') === this.props.value));
-        const style = this.props.value === this.props.different ? {} : {
-            color: (item === null || item === void 0 ? void 0 : item.color) || undefined,
-            backgroundColor: Utils_1.default.getInvertedColor((item === null || item === void 0 ? void 0 : item.color) || '', this.props.themeType),
-        };
+        const item = this.state.list.find(it => it.value === this.props.value ||
+            (this.props.removePrefix && it.value.replace(this.props.removePrefix, '') === this.props.value));
+        const style = this.props.value === this.props.different
+            ? {}
+            : {
+                color: (item === null || item === void 0 ? void 0 : item.color) || undefined,
+                backgroundColor: Utils_1.default.getInvertedColor((item === null || item === void 0 ? void 0 : item.color) || '', this.props.themeType),
+            };
         if (this.props.dense && this.props.style) {
             Object.assign(style, this.props.style);
         }
-        const select = react_1.default.createElement(material_1.Select, { variant: "standard", disabled: this.props.disabled, value: this.props.value, inputProps: this.props.inputProps, renderValue: ( /* value */) => react_1.default.createElement("span", null,
-                (item === null || item === void 0 ? void 0 : item.icon) ? react_1.default.createElement(Icon_1.default, { src: item === null || item === void 0 ? void 0 : item.icon, style: styles.icon }) : null, item === null || item === void 0 ? void 0 :
-                item.name), sx: {
+        const select = (react_1.default.createElement(material_1.Select, { variant: "standard", disabled: this.props.disabled, value: this.props.value, slotProps: {
+                input: this.props.inputProps,
+            }, renderValue: ( /* value */) => (react_1.default.createElement("span", null,
+                (item === null || item === void 0 ? void 0 : item.icon) ? (react_1.default.createElement(Icon_1.default, { src: item === null || item === void 0 ? void 0 : item.icon, style: styles.icon })) : null, item === null || item === void 0 ? void 0 :
+                item.name)), sx: {
                 '&.MuiSelect-root': this.props.value === this.props.different ? styles.different : {},
             }, classes: {
                 root: this.props.dense ? this.props.className : '',
@@ -139,19 +146,23 @@ class SelectWithIcon extends react_1.Component {
                         return;
                     }
                 }
-                this.props.onChange(this.props.removePrefix ? el.target.value.replace(this.props.removePrefix, '') : el.target.value);
-            } }, this.state.list.map(el => react_1.default.createElement(material_1.MenuItem, { style: this.props.different && el.value === this.props.different ? styles.different : {
-                color: el.color || undefined,
-                backgroundColor: Utils_1.default.getInvertedColor(el.color || '', this.props.themeType),
-            }, key: el.value, value: el.value },
-            el.icon ? react_1.default.createElement(Icon_1.default, { src: el.icon, style: styles.icon }) : null,
-            el.name)));
+                this.props.onChange(this.props.removePrefix
+                    ? el.target.value.replace(this.props.removePrefix, '')
+                    : el.target.value);
+            } }, this.state.list.map(el => (react_1.default.createElement(material_1.MenuItem, { style: this.props.different && el.value === this.props.different
+                ? styles.different
+                : {
+                    color: el.color || undefined,
+                    backgroundColor: Utils_1.default.getInvertedColor(el.color || '', this.props.themeType),
+                }, key: el.value, value: el.value },
+            el.icon ? (react_1.default.createElement(Icon_1.default, { src: el.icon, style: styles.icon })) : null,
+            el.name)))));
         if (this.props.dense) {
             return select;
         }
-        return react_1.default.createElement(material_1.FormControl, { variant: "standard", fullWidth: !!this.props.fullWidth, style: this.props.style, className: this.props.className },
+        return (react_1.default.createElement(material_1.FormControl, { variant: "standard", fullWidth: !!this.props.fullWidth, style: this.props.style, className: this.props.className },
             react_1.default.createElement(material_1.InputLabel, null, this.props.label),
-            select);
+            select));
     }
 }
 exports.default = SelectWithIcon;

package/Components/SimpleCron/index.js

@@ -36,16 +36,7 @@ const PERIODIC_TYPES = {
     minutes: 'minutes',
     // hours: 'hours',
 };
-const WEEKDAYS = [
-    'Sunday',
-    'Monday',
-    'Tuesday',
-    'Wednesday',
-    'Thursday',
-    'Friday',
-    'Saturday',
-    'Sunday',
-];
+const WEEKDAYS = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
 function padding(num) {
     if (num < 10) {
         return `0${num}`;
@@ -246,7 +237,9 @@ function cron2state(cron, force) {
 class SimpleCron extends react_1.default.Component {
     constructor(props) {
         super(props);
-        let cron = typeof props.cronExpression === 'string' ? props.cronExpression.replace(/^["']/, '').replace(/["']\n?$/, '') : '';
+        let cron = typeof props.cronExpression === 'string'
+            ? props.cronExpression.replace(/^["']/, '').replace(/["']\n?$/, '')
+            : '';
         if (cron[0] === '{') {
             cron = '';
         }
@@ -404,15 +397,19 @@ class SimpleCron extends react_1.default.Component {
             };
             const parts = (settings.time || '00:00').split(':');
             let minutes = parseInt(parts[1], 10) || 0;
-            if (minutes > 59)
+            if (minutes > 59) {
                 minutes = 59;
-            if (minutes < 0)
+            }
+            if (minutes < 0) {
                 minutes = 0;
+            }
             let hours = parseInt(parts[0], 10) || 0;
-            if (hours > 23)
+            if (hours > 23) {
                 hours = 59;
-            if (hours < 0)
+            }
+            if (hours < 0) {
                 hours = 0;
+            }
             cron = `${minutes} ${hours} * * ${this.periodArray2text(settings.weekdays || [])}`;
         }
         else if (state.mode === 'once') {
@@ -426,25 +423,33 @@ class SimpleCron extends react_1.default.Component {
             const parts = (settings.time || '00:00').split(':');
             const partsDate = settings.date.split('.');
             let minutes = parseInt(parts[1], 10) || 0;
-            if (minutes > 59)
+            if (minutes > 59) {
                 minutes = 59;
-            if (minutes < 0)
+            }
+            if (minutes < 0) {
                 minutes = 0;
+            }
             let hours = parseInt(parts[0], 10) || 0;
-            if (hours > 23)
+            if (hours > 23) {
                 hours = 59;
-            if (hours < 0)
+            }
+            if (hours < 0) {
                 hours = 0;
+            }
             let date = parseInt(partsDate[0], 10) || 1;
-            if (date > 31)
+            if (date > 31) {
                 date = 31;
-            if (date < 1)
+            }
+            if (date < 1) {
                 hours = 1;
+            }
             let month = parseInt(partsDate[1], 10) || 1;
-            if (month > 12)
+            if (month > 12) {
                 month = 12;
-            if (month < 1)
+            }
+            if (month < 1) {
                 month = 1;
+            }
             cron = `${minutes} ${hours} ${date} ${month} *`;
         }
         return cron;
@@ -454,9 +459,9 @@ class SimpleCron extends react_1.default.Component {
     }
     getControlsWeekdaysElements(type) {
         const settings = type === 'intervalBetween' ? this.state.intervalBetween : this.state.specific;
-        return react_1.default.createElement("div", { key: "weekdays", style: { paddingLeft: 8, width: '100%', maxWidth: 600 } },
+        return (react_1.default.createElement("div", { key: "weekdays", style: { paddingLeft: 8, width: '100%', maxWidth: 600 } },
             react_1.default.createElement("h5", null, i18n_1.default.t('ra_On weekdays')),
-            [1, 2, 3, 4, 5, 6, 0].map(day => react_1.default.createElement(material_1.FormControlLabel, { key: WEEKDAYS[day], control: react_1.default.createElement(material_1.Checkbox, { checked: settings.weekdays.includes(day), onChange: e => {
+            [1, 2, 3, 4, 5, 6, 0].map(day => (react_1.default.createElement(material_1.FormControlLabel, { key: WEEKDAYS[day], control: react_1.default.createElement(material_1.Checkbox, { checked: settings.weekdays.includes(day), onChange: e => {
                         const _settings = JSON.parse(JSON.stringify(this.state[type]));
                         const pos = _settings.weekdays.indexOf(day);
                         e.target.checked && pos === -1 && _settings.weekdays.push(day);
@@ -468,12 +473,12 @@ class SimpleCron extends react_1.default.Component {
                         else {
                             this.setState({ specific: _settings }, () => this.recalcCron());
                         }
-                    }, value: day.toString() }), label: i18n_1.default.t(WEEKDAYS[day]) })));
+                    }, value: day.toString() }), label: i18n_1.default.t(WEEKDAYS[day]) })))));
     }
     getControlsPeriodElements(type) {
         const settings = type === 'interval' ? this.state.interval : this.state.intervalBetween;
         if (this.state.extended) {
-            return react_1.default.createElement("div", { key: "period", style: { paddingLeft: 8, display: 'inline-block' } },
+            return (react_1.default.createElement("div", { key: "period", style: { paddingLeft: 8, display: 'inline-block' } },
                 react_1.default.createElement("h5", { style: { marginBottom: 5 } }, i18n_1.default.t('sc_period')),
                 react_1.default.createElement(material_1.TextField, { variant: "standard", style: { marginTop: 0, marginBottom: 0, verticalAlign: 'bottom' }, key: "value", label: i18n_1.default.t('sc_minutes'), value: settings.minutes, onChange: e => {
                         const _settings = JSON.parse(JSON.stringify(this.state[type]));
@@ -487,7 +492,15 @@ class SimpleCron extends react_1.default.Component {
                         else {
                             this.setState({ intervalBetween: _settings }, () => this.recalcCron());
                         }
-                    }, InputProps: { inputProps: { min: 1, max: 60 } }, type: "number", InputLabelProps: { shrink: true }, margin: "normal" }),
+                    }, slotProps: {
+                        htmlInput: {
+                            min: 1,
+                            max: 60,
+                        },
+                        inputLabel: {
+                            shrink: true,
+                        },
+                    }, type: "number", margin: "normal" }),
                 react_1.default.createElement(material_1.TextField, { variant: "standard", style: { marginTop: 0, marginBottom: 0, verticalAlign: 'bottom' }, key: "value", label: i18n_1.default.t('sc_hours'), value: settings.hours, onChange: e => {
                         const _settings = JSON.parse(JSON.stringify(this.state[type]));
                         _settings.hours = parseInt(e.target.value, 10);
@@ -500,9 +513,17 @@ class SimpleCron extends react_1.default.Component {
                         else {
                             this.setState({ intervalBetween: _settings }, () => this.recalcCron());
                         }
-                    }, InputProps: { inputProps: { min: 1, max: 24 } }, type: "number", InputLabelProps: { shrink: true }, margin: "normal" }));
+                    }, slotProps: {
+                        htmlInput: {
+                            min: 1,
+                            max: 24,
+                        },
+                        inputLabel: {
+                            shrink: true,
+                        },
+                    }, type: "number", margin: "normal" })));
         }
-        return react_1.default.createElement("div", { key: "period", style: { paddingLeft: 8, display: 'inline-block' } },
+        return (react_1.default.createElement("div", { key: "period", style: { paddingLeft: 8, display: 'inline-block' } },
             react_1.default.createElement("h5", { style: { marginBottom: 5 } }, i18n_1.default.t('sc_period')),
             react_1.default.createElement(material_1.TextField, { variant: "standard", style: { marginTop: 0, marginBottom: 0, verticalAlign: 'bottom' }, key: "value", label: i18n_1.default.t('sc_every'), value: settings.period, onChange: e => {
                     const _settings = JSON.parse(JSON.stringify(this.state[type]));
@@ -516,7 +537,15 @@ class SimpleCron extends react_1.default.Component {
                     else {
                         this.setState({ intervalBetween: _settings }, () => this.recalcCron());
                     }
-                }, InputProps: { inputProps: { min: 1, max: 60 } }, type: "number", InputLabelProps: { shrink: true }, margin: "normal" }),
+                }, slotProps: {
+                    htmlInput: {
+                        min: 1,
+                        max: 60,
+                    },
+                    inputLabel: {
+                        shrink: true,
+                    },
+                }, type: "number", margin: "normal" }),
             react_1.default.createElement(material_1.Select, { variant: "standard", style: { verticalAlign: 'bottom' }, value: settings.unit, onChange: e => {
                     const _settings = JSON.parse(JSON.stringify(this.state[type]));
                     _settings.unit = e.target.value;
@@ -530,11 +559,11 @@ class SimpleCron extends react_1.default.Component {
                 react_1.default.createElement(material_1.MenuItem, { value: "seconds" }, i18n_1.default.t('sc_seconds')),
                 ")",
                 react_1.default.createElement(material_1.MenuItem, { value: "minutes" }, i18n_1.default.t('sc_minutes')),
-                ")"));
+                ")")));
     }
     getControlsTime(type) {
         const settings = type === 'once' ? this.state.once : this.state.specific;
-        return react_1.default.createElement(material_1.FormControl, { variant: "standard", sx: Object.assign(Object.assign({}, styles.formControl), { '&.MuiFormControl-root': styles.formControlMarginRight }) },
+        return (react_1.default.createElement(material_1.FormControl, { variant: "standard", sx: Object.assign(Object.assign({}, styles.formControl), { '&.MuiFormControl-root': styles.formControlMarginRight }) },
             react_1.default.createElement(material_1.TextField, { variant: "standard", key: "at", label: i18n_1.default.t('sc_time'), value: settings.time, type: "time", onChange: e => {
                     const _settings = JSON.parse(JSON.stringify(this.state[type]));
                     _settings.time = e.target.value;
@@ -544,7 +573,11 @@ class SimpleCron extends react_1.default.Component {
                     else {
                         this.setState({ specific: _settings }, () => this.recalcCron());
                     }
-                }, InputLabelProps: { shrink: true }, margin: "normal" }));
+                }, slotProps: {
+                    inputLabel: {
+                        shrink: true,
+                    },
+                }, margin: "normal" })));
     }
     getControlsDate() {
         const settings = this.state.once;
@@ -553,17 +586,24 @@ class SimpleCron extends react_1.default.Component {
             settings.date = `${d.getDate()}.${padding(d.getMonth() + 1)}`;
         }
         // <InputLabel htmlFor="formatted-text-mask-input">{I18n.t('sc_at')}</InputLabel>
-        return react_1.default.createElement(material_1.FormControl, { variant: "standard", style: styles.formControl },
-            react_1.default.createElement(material_1.TextField, { variant: "standard", key: "date", label: i18n_1.default.t('sc_date'), value: settings.date, type: "text", inputProps: { style: styles.formControlPaddingTop }, onChange: e => {
+        return (react_1.default.createElement(material_1.FormControl, { variant: "standard", style: styles.formControl },
+            react_1.default.createElement(material_1.TextField, { variant: "standard", key: "date", label: i18n_1.default.t('sc_date'), value: settings.date, type: "text", slotProps: {
+                    htmlInput: {
+                        style: styles.formControlPaddingTop,
+                    },
+                    inputLabel: {
+                        shrink: true,
+                    },
+                }, onChange: e => {
                     const _settings = JSON.parse(JSON.stringify(this.state.once));
                     _settings.date = e.target.value;
                     this.setState({ once: _settings }, () => this.recalcCron());
-                }, InputLabelProps: { shrink: true }, margin: "normal" }));
+                }, margin: "normal" })));
     }
     getOnceElements() {
-        return react_1.default.createElement("div", { style: { marginLeft: 8 } },
+        return (react_1.default.createElement("div", { style: { marginLeft: 8 } },
             this.getControlsTime('once'),
-            this.getControlsDate());
+            this.getControlsDate()));
     }
     getIntervalElements() {
         return this.getControlsPeriodElements('interval');
@@ -583,7 +623,7 @@ class SimpleCron extends react_1.default.Component {
                                 _settings.timeTo = 23;
                             }
                             this.setState({ intervalBetween: _settings }, () => this.recalcCron());
-                        } }, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23].map(hour => react_1.default.createElement(material_1.MenuItem, { key: `B_${hour}`, value: hour }, `${padding(hour)}:00`)))),
+                        } }, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23].map(hour => (react_1.default.createElement(material_1.MenuItem, { key: `B_${hour}`, value: hour }, `${padding(hour)}:00`))))),
                 react_1.default.createElement(material_1.FormControl, { variant: "standard", style: styles.formControl },
                     react_1.default.createElement(material_1.InputLabel, { shrink: true, htmlFor: "age-label-placeholder" }, i18n_1.default.t('sc_to')),
                     react_1.default.createElement(material_1.Select, { variant: "standard", style: { width: 100 }, value: settings.timeTo, onChange: e => {
@@ -591,7 +631,7 @@ class SimpleCron extends react_1.default.Component {
                             _settings.timeTo = parseInt(e.target.value, 10);
                             this.setState({ intervalBetween: _settings }, () => this.recalcCron());
                         } },
-                        [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23].map(hour => react_1.default.createElement(material_1.MenuItem, { key: `A_${hour}`, value: hour }, `${padding(hour)}:00`)),
+                        [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23].map(hour => (react_1.default.createElement(material_1.MenuItem, { key: `A_${hour}`, value: hour }, `${padding(hour)}:00`))),
                         !settings.timeFrom && react_1.default.createElement(material_1.MenuItem, { value: 24 }, "00:00")))),
             this.getControlsWeekdaysElements('intervalBetween'),
         ];
@@ -614,7 +654,7 @@ class SimpleCron extends react_1.default.Component {
         }
     }
     render() {
-        return react_1.default.createElement("div", { style: styles.mainDiv },
+        return (react_1.default.createElement("div", { style: styles.mainDiv },
             react_1.default.createElement("div", { style: { paddingLeft: 8, width: '100%' } },
                 react_1.default.createElement(material_1.TextField, { variant: "standard", style: { width: '100%' }, value: this.state.cron, disabled: true })),
             react_1.default.createElement("div", { style: { paddingLeft: 8, width: '100%', height: 60 } }, (0, cronText_1.default)(this.state.cron, this.props.language || 'en')),
@@ -629,7 +669,7 @@ class SimpleCron extends react_1.default.Component {
             this.state.mode === PERIODIC.once && this.getOnceElements(),
             this.state.mode === 'interval' && this.getIntervalElements(),
             this.state.mode === 'intervalBetween' && this.getIntervalBetweenElements(),
-            this.state.mode === 'specific' && this.getSpecificTimeElements());
+            this.state.mode === 'specific' && this.getSpecificTimeElements()));
     }
 }
 exports.default = SimpleCron;

package/Components/TabContainer.js

@@ -19,7 +19,7 @@ const styles = {
 };
 function TabContainer(props) {
     var _a;
-    return react_1.default.createElement(material_1.Paper, { elevation: !Number.isNaN(props.elevation) ? props.elevation : 1, style: Object.assign(Object.assign(Object.assign({}, styles.root), (((_a = props.styles) === null || _a === void 0 ? void 0 : _a.root) || undefined)), (props.overflow !== 'visible' ? styles.overflowHidden : undefined)), onKeyDown: props.onKeyDown, tabIndex: props.tabIndex },
-        react_1.default.createElement(material_1.Grid, { container: true, direction: "column", wrap: "nowrap", sx: styles.container }, props.children));
+    return (react_1.default.createElement(material_1.Paper, { elevation: !Number.isNaN(props.elevation) ? props.elevation : 1, style: Object.assign(Object.assign(Object.assign({}, styles.root), (((_a = props.styles) === null || _a === void 0 ? void 0 : _a.root) || undefined)), (props.overflow !== 'visible' ? styles.overflowHidden : undefined)), onKeyDown: props.onKeyDown, tabIndex: props.tabIndex },
+        react_1.default.createElement(material_1.Grid2, { container: true, direction: "column", wrap: "nowrap", sx: styles.container }, props.children)));
 }
 exports.default = TabContainer;

package/Components/TabContent.js

@@ -16,6 +16,6 @@ const styles = {
     },
 };
 function TabContent(props) {
-    return react_1.default.createElement(material_1.Grid, { item: true, sx: Object.assign(Object.assign(Object.assign({}, styles.root), ((props === null || props === void 0 ? void 0 : props.style) || undefined)), (props.overflow === 'auto' ? styles.overflowAuto : undefined)) }, props.children);
+    return (react_1.default.createElement(material_1.Grid2, { sx: Object.assign(Object.assign(Object.assign({}, styles.root), ((props === null || props === void 0 ? void 0 : props.style) || undefined)), (props.overflow === 'auto' ? styles.overflowAuto : undefined)) }, props.children));
 }
 exports.default = TabContent;

package/Components/TabHeader.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
 function TabHeader(props) {
-    return react_1.default.createElement(material_1.Grid, { item: true, container: true, alignItems: "center" }, props.children);
+    return (react_1.default.createElement(material_1.Grid2, { container: true, alignItems: "center" }, props.children));
 }
 exports.default = TabHeader;

package/Components/TableResize.d.ts

@@ -3,7 +3,7 @@
  *
  * MIT License
  *
- * */
+ */
 import React, { Component } from 'react';
 interface TableResizeProps {
     name?: string;
@@ -36,7 +36,7 @@ declare class TableResize extends Component<TableResizeProps> {
     resizerInstall(): void;
     resizerReset: () => void;
     resizerUninstall(): void;
-    resizerApplyWidths(): string;
+    resizerApplyWidths(): string | undefined;
     resizerMouseMove: (e: MouseEvent) => void;
     resizerMouseUp: () => void;
     resizerMouseDown: (e: MouseEvent) => void;

package/Components/TableResize.js

@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *
  * MIT License
  *
- * */
+ */
 const react_1 = __importStar(require("react"));
 const material_1 = require("@mui/material");
 class TableResize extends react_1.Component {
@@ -86,7 +86,8 @@ class TableResize extends react_1.Component {
                 if (this.resizerCurrentWidths[this.resizerActiveIndex + 1] === 'auto') {
                     ths = ths || ((_d = this.resizerRefTable.current) === null || _d === void 0 ? void 0 : _d.querySelectorAll('th'));
                     if (ths) {
-                        this.resizerCurrentWidths[this.resizerActiveIndex + 1] = ths[this.resizerActiveIndex + 1].offsetWidth;
+                        this.resizerCurrentWidths[this.resizerActiveIndex + 1] =
+                            ths[this.resizerActiveIndex + 1].offsetWidth;
                     }
                 }
                 this.resizerOldWidth = this.resizerCurrentWidths[this.resizerActiveIndex];
@@ -117,7 +118,7 @@ class TableResize extends react_1.Component {
                     this.resizerCurrentWidths = JSON.parse(widthsStored);
                     this.widthFilled = true;
                 }
-                catch (e) {
+                catch (_a) {
                     // ignore
                 }
             }
@@ -130,7 +131,6 @@ class TableResize extends react_1.Component {
                     const tableWidth = this.resizerRefTable.current.offsetWidth;
                     let storedWidth = 0;
                     for (let w = 0; w < this.resizerCurrentWidths.length; w++) {
-                        // eslint-disable-next-line no-restricted-properties
                         if (window.isFinite(this.resizerCurrentWidths[w])) {
                             storedWidth += this.resizerCurrentWidths[w];
                         }
@@ -220,7 +220,7 @@ class TableResize extends react_1.Component {
             return react_1.default.createElement(material_1.Skeleton, null);
         }
         const style = { gridTemplateColumns: this.resizerApplyWidths() };
-        return react_1.default.createElement(material_1.Table, { stickyHeader: this.props.stickyHeader, size: this.props.size || 'small', className: this.props.className, sx: this.props.sx, ref: this.resizerRefTable, style: (Object.assign(Object.assign({}, (this.props.style || undefined)), style)) }, this.props.children);
+        return (react_1.default.createElement(material_1.Table, { stickyHeader: this.props.stickyHeader, size: this.props.size || 'small', className: this.props.className, sx: this.props.sx, ref: this.resizerRefTable, style: Object.assign(Object.assign({}, (this.props.style || undefined)), style) }, this.props.children));
     }
 }
 exports.default = TableResize;

package/Components/TextWithIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ThemeType } from '../types';
+import type { ThemeType } from '../types';
 interface TextWithIconProps {
     lang: ioBroker.Languages;
     themeType?: ThemeType;

package/Components/TextWithIcon.js

@@ -105,13 +105,15 @@ const TextWithIcon = (props) => {
             color: props.color || ((_f = obj.common) === null || _f === void 0 ? void 0 : _f.color),
         };
     }
-    const style = (item === null || item === void 0 ? void 0 : item.color) ? {
-        border: `1px solid ${Utils_1.default.invertColor(item === null || item === void 0 ? void 0 : item.color)}`,
-        color: Utils_1.default.getInvertedColor(item === null || item === void 0 ? void 0 : item.color, props.themeType || 'light', true) || undefined,
-        backgroundColor: item === null || item === void 0 ? void 0 : item.color,
-    } : {};
-    return react_1.default.createElement("div", { style: Object.assign(Object.assign(Object.assign({}, (props.style || undefined)), styles.div), (style || undefined)), className: Utils_1.default.clsx(props.className, (_g = props.moreClasses) === null || _g === void 0 ? void 0 : _g.root), title: props.title || item.value },
-        (item === null || item === void 0 ? void 0 : item.icon) ? react_1.default.createElement(Icon_1.default, { src: item === null || item === void 0 ? void 0 : item.icon, className: (_h = props.moreClasses) === null || _h === void 0 ? void 0 : _h.icon, style: styles.icon }) : null,
-        react_1.default.createElement("div", { style: styles.text, className: (_j = props.moreClasses) === null || _j === void 0 ? void 0 : _j.text }, item === null || item === void 0 ? void 0 : item.name));
+    const style = (item === null || item === void 0 ? void 0 : item.color)
+        ? {
+            border: `1px solid ${Utils_1.default.invertColor(item === null || item === void 0 ? void 0 : item.color)}`,
+            color: Utils_1.default.getInvertedColor(item === null || item === void 0 ? void 0 : item.color, props.themeType || 'light', true) || undefined,
+            backgroundColor: item === null || item === void 0 ? void 0 : item.color,
+        }
+        : {};
+    return (react_1.default.createElement("div", { style: Object.assign(Object.assign(Object.assign({}, (props.style || undefined)), styles.div), (style || undefined)), className: Utils_1.default.clsx(props.className, (_g = props.moreClasses) === null || _g === void 0 ? void 0 : _g.root), title: props.title || item.value },
+        (item === null || item === void 0 ? void 0 : item.icon) ? (react_1.default.createElement(Icon_1.default, { src: item === null || item === void 0 ? void 0 : item.icon, className: (_h = props.moreClasses) === null || _h === void 0 ? void 0 : _h.icon, style: styles.icon })) : null,
+        react_1.default.createElement("div", { style: styles.text, className: (_j = props.moreClasses) === null || _j === void 0 ? void 0 : _j.text }, item === null || item === void 0 ? void 0 : item.name)));
 };
 exports.default = TextWithIcon;

package/Components/ToggleThemeMenu.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 interface ToggleThemeMenuProps {
     themeName: 'dark' | 'blue' | 'colored' | 'light';
     toggleTheme: () => void;
@@ -7,5 +7,5 @@ interface ToggleThemeMenuProps {
     style?: React.CSSProperties;
     size?: 'small' | 'medium' | 'large';
 }
-export default function ToggleThemeMenu({ themeName, toggleTheme, t, className, style, size, }: ToggleThemeMenuProps): React.JSX.Element;
+export default function ToggleThemeMenu({ themeName, toggleTheme, t, className, style, size, }: ToggleThemeMenuProps): JSX.Element;
 export {};

package/Components/ToggleThemeMenu.js

@@ -8,11 +8,11 @@ const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
 const icons_material_1 = require("@mui/icons-material");
 function ToggleThemeMenu({ themeName, toggleTheme, t, className, style, size, }) {
-    return react_1.default.createElement("div", { className: className || undefined, style: style || undefined },
-        react_1.default.createElement(material_1.Tooltip, { title: t('ra_Change color theme'), componentsProps: { popper: { sx: { pointerEvents: 'none' } } } },
+    return (react_1.default.createElement("div", { className: className || undefined, style: style || undefined },
+        react_1.default.createElement(material_1.Tooltip, { title: t('ra_Change color theme'), slotProps: { popper: { sx: { pointerEvents: 'none' } } } },
             react_1.default.createElement(material_1.IconButton, { onClick: () => toggleTheme(), size: size || 'medium' },
                 themeName === 'dark' && react_1.default.createElement(icons_material_1.Brightness4, { className: className }),
                 themeName === 'blue' && react_1.default.createElement(icons_material_1.Brightness5, { className: className }),
                 themeName === 'colored' && react_1.default.createElement(icons_material_1.Brightness6, { className: className }),
-                themeName !== 'dark' && themeName !== 'blue' && themeName !== 'colored' && react_1.default.createElement(icons_material_1.Brightness7, { className: className }))));
+                themeName !== 'dark' && themeName !== 'blue' && themeName !== 'colored' && (react_1.default.createElement(icons_material_1.Brightness7, { className: className }))))));
 }

package/Components/TreeTable.d.ts

@@ -1,6 +1,6 @@
-import React, { Component } from 'react';
+import React, { Component, type JSX } from 'react';
 import type Connection from '../Connection';
-import { IobTheme } from '../types';
+import type { IobTheme } from '../types';
 interface Column {
     cellStyle?: Record<string, any>;
     editComponent?: React.FC<{
@@ -57,23 +57,23 @@ declare class TreeTable extends Component<TreeTableProps, TreeTableState> {
     private updateTimeout;
     constructor(props: TreeTableProps);
     static getDerivedStateFromProps(props: TreeTableProps, state: TreeTableState): Partial<TreeTableState>;
-    renderCellEdit(item: Record<string, any>, col: Column): React.JSX.Element;
+    renderCellEdit(item: Record<string, any>, col: Column): JSX.Element | null;
     onChange(col: Column, oldValue: string | number | boolean, newValue: string | number | boolean): void;
-    renderCellEditSelect(col: Column, val: string | number): React.JSX.Element;
-    renderCellEditString(col: Column, val: string): React.JSX.Element;
-    renderCellEditNumber(col: Column, val: number): React.JSX.Element;
-    renderCellEditCustom(col: Column, val: any, item: Record<string, any>): React.JSX.Element;
-    renderCellEditBoolean(col: Column, val: boolean): React.JSX.Element;
-    renderSelectColorDialog(): React.JSX.Element;
-    renderCellEditColor(col: Column, val: string): React.JSX.Element;
-    renderSelectIdDialog(): React.JSX.Element;
-    renderCellEditObjectID(col: Column, val: string): React.JSX.Element;
-    static renderCellNonEdit(item: Record<string, any>, col: Column): any;
-    renderCell(item: Record<string, any>, col: Column, level: number, i: number): React.JSX.Element;
-    static renderCellWithSubField(item: Record<string, any>, col: Column): React.JSX.Element;
-    renderLine(item: Record<string, any>, level?: number): React.JSX.Element | React.JSX.Element[] | null;
+    renderCellEditSelect(col: Column, val: string | number): JSX.Element;
+    renderCellEditString(col: Column, val: string): JSX.Element;
+    renderCellEditNumber(col: Column, val: number): JSX.Element;
+    renderCellEditCustom(col: Column, val: any, item: Record<string, any>): JSX.Element | null;
+    renderCellEditBoolean(col: Column, val: boolean): JSX.Element;
+    renderSelectColorDialog(): JSX.Element;
+    renderCellEditColor(col: Column, val: string): JSX.Element;
+    renderSelectIdDialog(): JSX.Element | null;
+    renderCellEditObjectID(col: Column, val: string): JSX.Element;
+    static renderCellNonEdit(item: Record<string, any>, col: Column): JSX.Element | string | number | null;
+    renderCell(item: Record<string, any>, col: Column, level: number, i: number): JSX.Element;
+    static renderCellWithSubField(item: Record<string, any>, col: Column): JSX.Element;
+    renderLine(item: Record<string, any>, level?: number): JSX.Element | JSX.Element[] | null;
     handleRequestSort(property: string): void;
-    renderHead(): React.JSX.Element;
-    render(): React.JSX.Element;
+    renderHead(): JSX.Element;
+    render(): JSX.Element | null;
 }
 export default TreeTable;