@iobroker/adapter-react-v5 7.0.2 → 7.1.0

package/Components/Utils.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *
  * MIT License
  *
- * */
+ */
 const react_1 = __importDefault(require("react"));
 const CopyToClipboard_1 = __importDefault(require("./CopyToClipboard"));
 const i18n_1 = __importDefault(require("../i18n"));
@@ -365,10 +365,10 @@ class Utils {
                 return react_1.default.createElement("span", { style: style || {} }, settings.icon);
             }
             if (settings.icon.startsWith('data:image')) {
-                return react_1.default.createElement("img", { alt: settings.name, src: settings.icon, style: style || {} });
+                return (react_1.default.createElement("img", { alt: settings.name, src: settings.icon, style: style || {} }));
             }
             // maybe later some changes for a second type
-            return react_1.default.createElement("img", { alt: settings.name, src: (settings.prefix || '') + settings.icon, style: style });
+            return (react_1.default.createElement("img", { alt: settings.name, src: (settings.prefix || '') + settings.icon, style: style }));
         }
         return null;
     }
@@ -499,7 +499,9 @@ class Utils {
             return '--:--';
         }
         const hours = Math.floor(seconds / 3600);
-        const minutes = Math.floor((seconds % 3600) / 60).toString().padStart(2, '0');
+        const minutes = Math.floor((seconds % 3600) / 60)
+            .toString()
+            .padStart(2, '0');
         const secs = (seconds % 60).toString().padStart(2, '0');
         if (hours) {
             return `${hours}:${minutes}:${secs}`;
@@ -672,8 +674,9 @@ class Utils {
                     const target = m[0].match(/target="([^"]+)"/) || m[0].match(/target='([^']+)'/);
                     const rel = m[0].match(/rel="([^"]+)"/) || m[0].match(/rel='([^']+)'/);
                     const title = m[0].match(/>([^<]*)</);
-                    // eslint-disable-next-line
-                    result.push(react_1.default.createElement("a", { key: `a${key++}`, href: href ? href[1] : '', target: target ? target[1] : '_blank', rel: rel ? rel[1] : '', style: { color: 'inherit' } }, title ? title[1] : ''));
+                    result.push(
+                    // eslint-disable-next-line react/jsx-no-target-blank
+                    react_1.default.createElement("a", { key: `a${key++}`, href: href ? href[1] : '', target: target ? target[1] : '_blank', rel: rel ? rel[1] : 'noreferrer', style: { color: 'inherit' } }, title ? title[1] : ''));
                 }
                 m = text ? text.match(/<a [^<]+<\/a>|<br\/?>|<b>[^<]+<\/b>|<i>[^<]+<\/i>/) : null;
                 if (!m) {
@@ -703,15 +706,17 @@ class Utils {
                 return states.smartName;
             }
             const obj = states;
-            return ((_a = obj === null || obj === void 0 ? void 0 : obj.common) === null || _a === void 0 ? void 0 : _a.custom) && obj.common.custom[instanceId] ?
-                obj.common.custom[instanceId].smartName : undefined;
+            return ((_a = obj === null || obj === void 0 ? void 0 : obj.common) === null || _a === void 0 ? void 0 : _a.custom) && obj.common.custom[instanceId]
+                ? obj.common.custom[instanceId].smartName
+                : undefined;
         }
         if (!noCommon) {
             return states[id].common.smartName;
         }
         const obj = states[id];
-        return ((_b = obj === null || obj === void 0 ? void 0 : obj.common) === null || _b === void 0 ? void 0 : _b.custom) && obj.common.custom[instanceId] ?
-            obj.common.custom[instanceId].smartName || null : null;
+        return ((_b = obj === null || obj === void 0 ? void 0 : obj.common) === null || _b === void 0 ? void 0 : _b.custom) && obj.common.custom[instanceId]
+            ? obj.common.custom[instanceId].smartName || null
+            : null;
     }
     /**
      * Get the smart name from a state.
@@ -913,6 +918,7 @@ class Utils {
     }
     /**
      * Gets the extension of a file name.
+     *
      * @param fileName the file name.
      * @returns The extension in lower case.
      */
@@ -926,11 +932,11 @@ class Utils {
     /**
      * Format number of bytes as a string with B, KB, MB or GB.
      * The base for all calculations is 1024.
+     *
+     * @param bytes The number of bytes.
      * @returns The formatted string (e.g. '723.5 KB')
      */
-    static formatBytes(
-    /** The number of bytes. */
-    bytes) {
+    static formatBytes(bytes) {
         if (Math.abs(bytes) < 1024) {
             return `${bytes} B`;
         }
@@ -945,12 +951,12 @@ class Utils {
     }
     /**
      * Invert the given color according to a theme type to get the inverted text color for background
+     *
+     * @param color Color in the format '#rrggbb' or '#rgb' (or without a hash)
+     * @param themeType 'light' or 'dark'
+     * @param invert If true, the dark theme has a light color in the control, or the dark theme has a light color in the control
      */
-    static getInvertedColor(
-    /** Color in the format '#rrggbb' or '#rgb' (or without a hash) */
-    color, themeType, 
-    /** dark theme has light color in control, or light theme has light color in control */
-    invert) {
+    static getInvertedColor(color, themeType, invert) {
         if (!color) {
             return undefined;
         }
@@ -966,7 +972,8 @@ class Utils {
     // Big thanks to: https://stackoverflow.com/questions/35969656/how-can-i-generate-the-opposite-color-according-to-current-color
     /**
      * Invert the given color
-     * @param hex Color in the format '#rrggbb' or '#rgb' (or without hash)
+     *
+     * @param hex Color in the format '#rrggbb' or '#rgb' (or without a hash)
      * @param bw Set to black or white.
      */
     static invertColor(hex, bw) {
@@ -1012,9 +1019,7 @@ class Utils {
         const b = parseInt(hex.slice(4, 6), 16);
         if (bw) {
             // http://stackoverflow.com/a/3943023/112731
-            return r * 0.299 + g * 0.587 + b * 0.114 > 186
-                ? `#000000${alfa || ''}`
-                : `#FFFFFF${alfa || ''}`;
+            return r * 0.299 + g * 0.587 + b * 0.114 > 186 ? `#000000${alfa || ''}` : `#FFFFFF${alfa || ''}`;
         }
         // invert color components
         const rs = (255 - r).toString(16);
@@ -1025,6 +1030,7 @@ class Utils {
     }
     /**
      * Convert RGB to array [r, g, b]
+     *
      * @param hex Color in the format '#rrggbb' or '#rgb' (or without hash) or rgb(r,g,b) or rgba(r,g,b,a)
      * @returns Array with 3 elements [r, g, b]
      */
@@ -1061,17 +1067,14 @@ class Utils {
             console.warn(`Cannot invert color: ${hex}`);
             return false;
         }
-        return [
-            parseInt(hex.slice(0, 2), 16),
-            parseInt(hex.slice(2, 4), 16),
-            parseInt(hex.slice(4, 6), 16),
-        ];
+        return [parseInt(hex.slice(0, 2), 16), parseInt(hex.slice(2, 4), 16), parseInt(hex.slice(4, 6), 16)];
     }
     // Big thanks to: https://github.com/antimatter15/rgb-lab
     /**
      * Convert RGB to LAB
-     * @param {Array<number>} rgb color in format [r,g,b]
-     * @returns {Array<number>} lab color in format [l,a,b]
+     *
+     * @param rgb color in format [r,g,b]
+     * @returns lab color in format [l,a,b]
      */
     static rgb2lab(rgb) {
         let r = rgb[0] / 255;
@@ -1090,7 +1093,8 @@ class Utils {
     }
     /**
      * Calculate the distance between two colors in LAB color space in the range 0-100^2
-     * If distance is less than 1000, the colors are similar
+     * If the distance is less than 1000, the colors are similar
+     *
      * @param color1 Color in the format '#rrggbb' or '#rgb' (or without hash) or rgb(r,g,b) or rgba(r,g,b,a)
      * @param color2 Color in the format '#rrggbb' or '#rgb' (or without hash) or rgb(r,g,b) or rgba(r,g,b,a)
      * @returns distance in the range 0-100^2
@@ -1122,9 +1126,6 @@ class Utils {
     // https://github.com/lukeed/clsx/blob/master/src/index.js
     // License
     // MIT © Luke Edwards
-    /**
-     * @private
-     */
     static _toVal(mix) {
         let y;
         let str = '';
@@ -1159,7 +1160,6 @@ class Utils {
     // MIT © Luke Edwards
     /**
      * Convert any object to a string with its values.
-     * @returns {string}
      */
     static clsx(...inputs) {
         let i = 0;
@@ -1167,7 +1167,6 @@ class Utils {
         let x;
         let str = '';
         while (i < inputs.length) {
-            // eslint-disable-next-line prefer-rest-params
             tmp = inputs[i++];
             if (tmp) {
                 x = Utils._toVal(tmp);
@@ -1183,7 +1182,9 @@ class Utils {
      * Get the current theme name (either from local storage or the browser settings).
      */
     static getThemeName(themeName) {
-        if (window.vendorPrefix && window.vendorPrefix !== '@@vendorPrefix@@' && window.vendorPrefix !== 'MV') {
+        if (window.vendorPrefix &&
+            window.vendorPrefix !== '@@vendorPrefix@@' &&
+            window.vendorPrefix !== 'MV') {
             return window.vendorPrefix;
         }
         themeName = (window._localStorage || window.localStorage).getItem('App.themeName');
@@ -1215,13 +1216,17 @@ class Utils {
     }
     /**
      * Toggle the theme name between 'dark' and 'colored'.
+     *
      * @returns the new theme name.
      */
     static toggleTheme(themeName) {
-        if (window.vendorPrefix && window.vendorPrefix !== '@@vendorPrefix@@' && window.vendorPrefix !== 'MV') {
+        if (window.vendorPrefix &&
+            window.vendorPrefix !== '@@vendorPrefix@@' &&
+            window.vendorPrefix !== 'MV') {
             return window.vendorPrefix;
         }
-        themeName = themeName || (window._localStorage || window.localStorage).getItem('App.themeName') || 'light';
+        themeName =
+            themeName || (window._localStorage || window.localStorage).getItem('App.themeName') || 'light';
         // dark => blue => colored => light => dark
         const themes = Utils.getThemeNames();
         const pos = themeName ? themes.indexOf(themeName) : -1;
@@ -1237,13 +1242,16 @@ class Utils {
     }
     /**
      * Get the list of themes
+     *
      * @returns list of possible themes
      */
     static getThemeNames() {
-        if (window.vendorPrefix && window.vendorPrefix !== '@@vendorPrefix@@' && window.vendorPrefix !== 'MV') {
+        if (window.vendorPrefix &&
+            window.vendorPrefix !== '@@vendorPrefix@@' &&
+            window.vendorPrefix !== 'MV') {
             return [window.vendorPrefix];
         }
-        return ['light', 'dark', 'blue', 'colored'];
+        return ['light', 'dark'];
     }
     /**
      * Parse a query string into its parts.
@@ -1283,6 +1291,7 @@ class Utils {
     }
     /**
      * Returns parent ID.
+     *
      * @returns parent ID or null if no parent
      */
     static getParentId(id) {
@@ -1311,9 +1320,9 @@ class Utils {
         text += ` ${dateObj.getHours().toString().padStart(2, '0')}:${dateObj.getMinutes().toString().padStart(2, '0')}:${dateObj.getSeconds().toString().padStart(2, '0')}.${dateObj.getMilliseconds().toString().padStart(3, '0')}`;
         return text;
     }
-    /*
-       Format seconds to string like 'h:mm:ss' or 'd.hh:mm:ss'
-    */
+    /**
+     *  Format seconds to string like 'h:mm:ss' or 'd.hh:mm:ss'
+     */
     static formatTime(seconds) {
         if (seconds) {
             seconds = Math.round(seconds);
@@ -1342,8 +1351,8 @@ class Utils {
             .replace(/\s/g, '')
             .toLowerCase();
     }
-    /*
-      Open url link in the new target window
+    /**
+     * Open url link in the new target window
      */
     static openLink(url, target) {
         // replace IPv6 Address with [ipv6]:port
@@ -1435,31 +1444,26 @@ class Utils {
     }
     /**
      * Convert quality code into text
+     *
      * @returns lines that decode quality
      */
     static quality2text(quality) {
-        // eslint-disable-next-line no-bitwise
-        const custom = quality & 0xFFFF0000;
+        const custom = quality & 0xffff0000;
         const text = QUALITY_BITS[quality];
         let result;
         if (text) {
             result = [text];
-            // eslint-disable-next-line no-bitwise
         }
         else if (quality & 0x01) {
-            // eslint-disable-next-line no-bitwise
-            result = [QUALITY_BITS[0x01], `0x${(quality & (0xFFFF & ~1)).toString(16)}`];
-            // eslint-disable-next-line no-bitwise
+            result = [QUALITY_BITS[0x01], `0x${(quality & (0xffff & ~1)).toString(16)}`];
         }
         else if (quality & 0x02) {
-            // eslint-disable-next-line no-bitwise
-            result = [QUALITY_BITS[0x02], `0x${(quality & (0xFFFF & ~2)).toString(16)}`];
+            result = [QUALITY_BITS[0x02], `0x${(quality & (0xffff & ~2)).toString(16)}`];
         }
         else {
             result = [`0x${quality.toString(16)}`];
         }
         if (custom) {
-            // eslint-disable-next-line no-bitwise
             result.push(`0x${(custom >> 16).toString(16).toUpperCase()}`);
         }
         return result;
@@ -1472,6 +1476,7 @@ class Utils {
     }
     /**
      * Get states of object
+     *
      * @returns states as an object in form {"value1": "label1", "value2": "label2"} or null
      */
     static getStates(obj) {
@@ -1483,7 +1488,7 @@ class Utils {
                 try {
                     result = JSON.parse(states);
                 }
-                catch (ex) {
+                catch (_b) {
                     console.error(`Cannot parse states: ${states}`);
                     result = null;
                 }
@@ -1518,6 +1523,7 @@ class Utils {
     }
     /**
      * Get svg file as text
+     *
      * @param url URL of SVG file
      * @returns Promise with "data:image..."
      */
@@ -1526,7 +1532,6 @@ class Utils {
         const blob = await response.blob();
         return new Promise(resolve => {
             const reader = new FileReader();
-            // eslint-disable-next-line func-names
             reader.onload = function () {
                 var _a;
                 resolve(((_a = this.result) === null || _a === void 0 ? void 0 : _a.toString()) || '');
@@ -1535,8 +1540,9 @@ class Utils {
         });
     }
     /**
-     * Detect file extension by its content
-     * @returns Detected extension, like 'jpg'
+     * Detect a file extension by its content
+     *
+     * @returns The detected extension, like 'jpg'
      */
     static detectMimeType(
     /** Base64 encoded binary file */
@@ -1550,12 +1556,8 @@ class Utils {
     static isStableRepository(
     /** current configured repository or multi repository */
     activeRepo) {
-        return !!((typeof activeRepo === 'string' &&
-            activeRepo.toLowerCase().startsWith('stable'))
-            ||
-                (activeRepo &&
-                    typeof activeRepo !== 'string' &&
-                    activeRepo.find(r => r.toLowerCase().startsWith('stable'))));
+        return !!((typeof activeRepo === 'string' && activeRepo.toLowerCase().startsWith('stable')) ||
+            (activeRepo && typeof activeRepo !== 'string' && activeRepo.find(r => r.toLowerCase().startsWith('stable'))));
     }
     /**
      * Check if a given string is an integer
@@ -1570,7 +1572,6 @@ class Utils {
      * Check if the date is valid
      */
     static isValidDate(date) {
-        // eslint-disable-next-line no-restricted-globals
         return date instanceof Date && !isNaN(date);
     }
     static getStyle(theme, ...args) {

package/Components/withWidth.d.ts

@@ -1,3 +1,3 @@
-import React, { JSXElementConstructor } from 'react';
-declare const withWidth: () => (WrappedComponent: JSXElementConstructor<any>) => (props: Record<string, any>) => React.JSX.Element;
+import { type JSXElementConstructor, type JSX } from 'react';
+declare function withWidth(): (WrappedComponent: JSXElementConstructor<any>) => (props: Record<string, any>) => JSX.Element;
 export default withWidth;

package/Components/withWidth.js

@@ -9,15 +9,19 @@ const material_1 = require("@mui/material");
 function useWidth() {
     const theme = (0, styles_1.useTheme)();
     const keys = [...theme.breakpoints.keys].reverse();
-    return keys.reduce((output, key) => {
+    return (keys.reduce((output, key) => {
         // eslint-disable-next-line react-hooks/rules-of-hooks
         const matches = (0, material_1.useMediaQuery)(theme.breakpoints.up(key));
         return !output && matches ? key : output;
-    }, null) || 'xs';
+    }, null) || 'xs');
 }
 // FIXME checkout https://mui.com/components/use-media-query/#migrating-from-withwidth
-const withWidth = () => (WrappedComponent) => (props) => {
-    const width = useWidth();
-    return react_1.default.createElement(WrappedComponent, Object.assign({}, props, { width: width }));
-};
+function withWidth() {
+    return (WrappedComponent) => {
+        return function AnyComponent(props) {
+            const width = useWidth();
+            return (react_1.default.createElement(WrappedComponent, Object.assign({}, props, { width: width })));
+        };
+    };
+}
 exports.default = withWidth;

package/Dialogs/ComplexCron.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 interface DialogCronProps {
     onClose: () => void;
     onOk: (cron: string | false) => void;
@@ -17,6 +17,6 @@ declare class DialogComplexCron extends React.Component<DialogCronProps, DialogC
     handleCancel(): void;
     handleOk(): void;
     handleClear(): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default DialogComplexCron;

package/Dialogs/ComplexCron.js

@@ -50,14 +50,14 @@ class DialogComplexCron 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 schedule...')),
             react_1.default.createElement(material_1.DialogContent, { style: { height: '100%', overflow: 'hidden' } },
                 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,
-                !!this.props.clearButton && react_1.default.createElement(material_1.Button, { color: "grey", variant: "contained", onClick: () => this.handleClear(), startIcon: react_1.default.createElement(icons_material_1.Delete, null) }, this.props.clear || i18n_1.default.t('ra_Clear')),
+                !!this.props.clearButton && (react_1.default.createElement(material_1.Button, { color: "grey", variant: "contained", onClick: () => this.handleClear(), startIcon: react_1.default.createElement(icons_material_1.Delete, null) }, this.props.clear || i18n_1.default.t('ra_Clear'))),
                 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, { 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 = DialogComplexCron;

package/Dialogs/Confirm.d.ts

@@ -1,10 +1,10 @@
 /**
- * Copyright 2019-2023 Denis Haev (bluefox) <dogafox@gmail.com>
+ * Copyright 2019-2024 Denis Haev (bluefox) <dogafox@gmail.com>
  *
  * MIT License
  *
- * */
-import React, { Component } from 'react';
+ */
+import React, { Component, type JSX } from 'react';
 interface DialogConfirmProps {
     /** The dialog title; default: Are you sure? (translated) */
     title?: string;
@@ -34,6 +34,6 @@ declare class DialogConfirm extends Component<DialogConfirmProps, DialogConfirmS
     constructor(props: DialogConfirmProps);
     handleOk(): void;
     handleCancel(): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element | null;
 }
 export default DialogConfirm;

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;