@iobroker/adapter-react-v5 7.0.1 → 7.1.0

package/Components/Utils.d.ts

@@ -3,9 +3,9 @@
  *
  * MIT License
  *
- * */
+ */
 import React from 'react';
-import { IobTheme, ThemeName, ThemeType } from '../types';
+import type { IobTheme, ThemeName, ThemeType } from '../types';
 type SmartName = null | false | string | ({
     [lang in ioBroker.Languages]?: string;
 } & {
@@ -77,7 +77,13 @@ declare class Utils {
         icon?: string;
         color?: string;
         language?: ioBroker.Languages;
-    }, defaultEnabling?: boolean): any;
+    }, defaultEnabling?: boolean): {
+        name: string;
+        enabled?: boolean;
+        useCustom?: boolean;
+        icon?: string;
+        color?: string;
+    };
     /**
         Sets smartName settings for the given object.
      */
@@ -162,6 +168,7 @@ declare class Utils {
     static copyToClipboard(text: string, e?: Event): boolean;
     /**
      * Gets the extension of a file name.
+     *
      * @param fileName the file name.
      * @returns The extension in lower case.
      */
@@ -169,52 +176,52 @@ declare 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: number): string;
+    static formatBytes(bytes: number): string;
     /**
      * 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: string, themeType: ThemeType, 
-    /** dark theme has light color in control, or light theme has light color in control */
-    invert?: boolean): string | undefined;
+    static getInvertedColor(color: string, themeType: ThemeType, invert?: boolean): string | undefined;
     /**
      * 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: string, bw?: boolean): string;
     /**
      * 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]
      */
     static color2rgb(hex: string): false | [number, number, number] | '';
     /**
      * 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: [number, number, number]): [number, number, number];
     /**
      * 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
      */
     static colorDistance(color1: string, color2: string): number;
-    /**
-     * @private
-     */
-    static _toVal(mix: ClassValue): string;
+    private static _toVal;
     /**
      * Convert any object to a string with its values.
-     * @returns {string}
      */
     static clsx(...inputs: ClassValue[]): string;
     /**
@@ -231,11 +238,13 @@ declare class Utils {
     static setThemeName(themeName: ThemeName): void;
     /**
      * Toggle the theme name between 'dark' and 'colored'.
+     *
      * @returns the new theme name.
      */
     static toggleTheme(themeName?: ThemeName | null): ThemeName;
     /**
      * Get the list of themes
+     *
      * @returns list of possible themes
      */
     static getThemeNames(): ThemeName[];
@@ -245,12 +254,19 @@ declare class Utils {
     static parseQuery(query: string): Record<string, string | number | boolean>;
     /**
      * Returns parent ID.
+     *
      * @returns parent ID or null if no parent
      */
     static getParentId(id: string): string | null;
     static formatDate(dateObj: Date, dateFormat: string): string;
+    /**
+     *  Format seconds to string like 'h:mm:ss' or 'd.hh:mm:ss'
+     */
     static formatTime(seconds: number): string;
     static MDtext2link(text: string): string;
+    /**
+     * Open url link in the new target window
+     */
     static openLink(url: string, target?: string): void;
     static MDgetTitle(text: string): string;
     static MDextractHeader(text: string): {
@@ -266,6 +282,7 @@ declare class Utils {
     json: Record<string, any>): void;
     /**
      * Convert quality code into text
+     *
      * @returns lines that decode quality
      */
     static quality2text(quality: ioBroker.STATE_QUALITY[keyof ioBroker.STATE_QUALITY]): string[];
@@ -275,18 +292,21 @@ declare class Utils {
     static clone(object: Record<string, any>): Record<string, any>;
     /**
      * Get states of object
+     *
      * @returns states as an object in form {"value1": "label1", "value2": "label2"} or null
      */
     static getStates(obj: ioBroker.StateObject | null | undefined): Record<string, string> | null;
     /**
      * Get svg file as text
+     *
      * @param url URL of SVG file
      * @returns Promise with "data:image..."
      */
     static getSvg(url: string): Promise<string>;
     /**
-     * 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 */

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;