@iobroker/adapter-react-v5 5.0.4 → 5.0.6

package/Components/ColorPicker.d.ts

@@ -32,7 +32,6 @@ interface ColorPickerProps {
     /** The CSS class name. */
     className?: string;
     /** Open the color picker above the field? */
-    openAbove?: boolean;
     customPalette?: string[];
     noInputField?: boolean;
     barWidth?: number;

package/Components/ColorPicker.js

@@ -219,7 +219,7 @@ class ColorPicker extends react_1.Component {
                             picker: {
                                 backgroundColor: '#112233',
                             },
-                        }
+                        },
                     } }),
                 color && this.props.noInputField ? react_1.default.createElement(material_1.IconButton, { className: this.props.classes.closeButton, onClick: () => this.handleChange('') },
                     react_1.default.createElement(icons_material_1.Delete, null)) : null,

package/Components/ComplexCron.js

@@ -89,7 +89,7 @@ const MONTHS = [
 ];
 // 5-7,9-11 => [5,6,7,9,10,11]
 function convertMinusIntoArray(value, max) {
-    let result = [];
+    const result = [];
     if (value === '*') {
         if (max === 24 || max === 60 || max === 7) {
             for (let i = 0; i < max; i++) {
@@ -236,12 +236,6 @@ class ComplexCron extends react_1.Component {
             this.setState({ cron }, () => this.props.onChange && this.props.onChange(this.state.cron));
         }
     }
-    onChange(cron) {
-        if (cron !== this.state.cron) {
-            this.setState({ cron });
-            this.props.onChange && this.props.onChange(cron);
-        }
-    }
     onToggle(i, type, max) {
         if (i === true) {
             this.setCronAttr(type, '*');
@@ -300,7 +294,7 @@ class ComplexCron extends react_1.Component {
         ];
     }
     getPeriodsTab(type, max) {
-        let value = this.state[type];
+        const value = this.state[type];
         let every = value === '*';
         let everyN = value === undefined || value === null ? false : value.toString().includes('/');
         let select;
@@ -341,7 +335,7 @@ class ComplexCron extends react_1.Component {
                 react_1.default.createElement(material_1.MenuItem, { key: "everyN", value: "everyN" }, i18n_1.default.t(`sc_everyN_${type}`)),
                 react_1.default.createElement(material_1.MenuItem, { key: "specific", value: "specific" }, i18n_1.default.t(`sc_specific_${type}`))),
             everyN && false && react_1.default.createElement("span", null, value),
-            everyN && react_1.default.createElement(material_1.TextField, { variant: "standard", key: "interval", label: i18n_1.default.t(`sc_${type}`), value: valueNumber, inputProps: { min: 1, max: max }, onChange: e => {
+            everyN && react_1.default.createElement(material_1.TextField, { variant: "standard", key: "interval", label: i18n_1.default.t(`sc_${type}`), value: valueNumber, inputProps: { min: 1, max }, onChange: e => {
                     // @ts-expect-error is allowed
                     this.setState({ [type]: `*/${e.target.value}` }, () => this.recalcCron());
                 }, InputLabelProps: { shrink: true }, type: "number", margin: "normal" }),
@@ -377,25 +371,23 @@ class ComplexCron extends react_1.Component {
                 this.setState({ modes }, () => this.recalcCron());
             }
         }
-        else {
-            if (attr === 'seconds') {
-                this.setState({ seconds: value }, () => this.recalcCron());
-            }
-            else if (attr === 'minutes') {
-                this.setState({ minutes: value }, () => this.recalcCron());
-            }
-            else if (attr === 'hours') {
-                this.setState({ hours: value }, () => this.recalcCron());
-            }
-            else if (attr === 'dates') {
-                this.setState({ dates: value }, () => this.recalcCron());
-            }
-            else if (attr === 'months') {
-                this.setState({ months: value }, () => this.recalcCron());
-            }
-            else if (attr === 'dow') {
-                this.setState({ dow: value }, () => this.recalcCron());
-            }
+        else if (attr === 'seconds') {
+            this.setState({ seconds: value }, () => this.recalcCron());
+        }
+        else if (attr === 'minutes') {
+            this.setState({ minutes: value }, () => this.recalcCron());
+        }
+        else if (attr === 'hours') {
+            this.setState({ hours: value }, () => this.recalcCron());
+        }
+        else if (attr === 'dates') {
+            this.setState({ dates: value }, () => this.recalcCron());
+        }
+        else if (attr === 'months') {
+            this.setState({ months: value }, () => this.recalcCron());
+        }
+        else if (attr === 'dow') {
+            this.setState({ dow: value }, () => this.recalcCron());
         }
     }
     render() {

package/Components/CopyToClipboard.js

@@ -89,11 +89,8 @@ function copy(text, options) {
         // used to preserve spaces and line breaks
         mark.style.whiteSpace = 'pre';
         // do not inherit user-select (it may be `none`)
-        // @ts-ignore
         mark.style.webkitUserSelect = 'text';
-        // @ts-ignore
         mark.style.MozUserSelect = 'text';
-        // @ts-ignore
         mark.style.msUserSelect = 'text';
         mark.style.userSelect = 'text';
         mark.addEventListener('copy', e => {
@@ -105,7 +102,6 @@ function copy(text, options) {
                     debug && console.warn('unable to use e.clipboardData');
                     debug && console.warn('trying IE specific stuff');
                     (_a = window.clipboardData) === null || _a === void 0 ? void 0 : _a.clearData();
-                    // @ts-ignore
                     const _format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting.default;
                     (_b = window.clipboardData) === null || _b === void 0 ? void 0 : _b.setData(_format, text);
                 }

package/Components/CustomModal.js

@@ -84,10 +84,6 @@ const CustomModal = (props) => {
             help ? react_1.default.createElement("div", null, help) : null),
         react_1.default.createElement(material_1.DialogActions, null,
             applyButton !== false && react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(icons_material_1.Check, null), disabled: progress || (applyDisabled && defaultValue === value), onClick: () => onApply(textInput ? value : ''), variant: "contained", color: "primary" }, i18n_1.default.t(titleButtonApply || 'ra_Ok')),
-            react_1.default.createElement(material_1.Button
-            // @ts-expect-error grey is valid color
-            , { 
-                // @ts-expect-error grey is valid color
-                color: "grey", onClick: onClose, disabled: progress, variant: "contained", startIcon: react_1.default.createElement(icons_material_1.Close, null) }, i18n_1.default.t(titleButtonClose || 'ra_Cancel'))));
+            react_1.default.createElement(material_1.Button, { color: "grey", onClick: onClose, disabled: progress, variant: "contained", startIcon: react_1.default.createElement(icons_material_1.Close, null) }, i18n_1.default.t(titleButtonClose || 'ra_Cancel'))));
 };
 exports.default = (0, styles_1.withStyles)(styles)(CustomModal);

package/Components/FileBrowser.js

@@ -1112,16 +1112,17 @@ class FileBrowser extends react_1.Component {
                 this.props.allowDelete &&
                 item.id !== 'vis.0/' &&
                 item.id !== 'vis-2.0/' &&
-                item.id !== USER_DATA ? react_1.default.createElement(material_1.IconButton, { "aria-label": "delete", onClick: e => {
-                    e.stopPropagation();
-                    if (this.suppressDeleteConfirm > Date.now()) {
-                        this.deleteItem(item.id);
-                    }
-                    else {
-                        this.setState({ deleteItem: item.id });
-                    }
-                }, className: this.props.classes[`itemDeleteButton${this.state.viewType}`], size: "large" },
-                react_1.default.createElement(icons_material_1.Delete, { fontSize: "small" }))
+                item.id !== USER_DATA ?
+                react_1.default.createElement(material_1.IconButton, { "aria-label": "delete", onClick: e => {
+                        e.stopPropagation();
+                        if (this.suppressDeleteConfirm > Date.now()) {
+                            this.deleteItem(item.id);
+                        }
+                        else {
+                            this.setState({ deleteItem: item.id });
+                        }
+                    }, className: this.props.classes[`itemDeleteButton${this.state.viewType}`], size: "large" },
+                    react_1.default.createElement(icons_material_1.Delete, { fontSize: "small" }))
                 :
                     (this.state.viewType === TABLE && this.props.allowDelete ?
                         react_1.default.createElement("div", { className: this.props.classes[`itemDeleteButton${this.state.viewType}`] }) : null));
@@ -1514,18 +1515,12 @@ class FileBrowser extends react_1.Component {
                 react_1.default.createElement(material_1.DialogContent, null,
                     react_1.default.createElement(material_1.DialogContentText, null, this.props.t('ra_Are you sure?'))),
                 react_1.default.createElement(material_1.DialogActions, null,
-                    react_1.default.createElement(material_1.Button
-                    // @ts-expect-error grey is valid color
-                    , { 
-                        // @ts-expect-error grey is valid color
-                        color: "grey", variant: "contained", onClick: () => {
+                    react_1.default.createElement(material_1.Button, { color: "grey", variant: "contained", onClick: () => {
                             this.suppressDeleteConfirm = Date.now() + 60000 * 5;
                             this.deleteItem('');
                         } }, this.props.t('ra_Delete (no confirm for 5 mins)')),
                     react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.deleteItem(''), color: "primary", autoFocus: true }, this.props.t('ra_Delete')),
-                    react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.setState({ deleteItem: '' }), 
-                        // @ts-expect-error grey is valid color
-                        color: "grey" }, this.props.t('ra_Cancel'))));
+                    react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.setState({ deleteItem: '' }), color: "grey" }, this.props.t('ra_Cancel'))));
         }
         return false;
     }

package/Components/FileViewer.js

@@ -105,6 +105,7 @@ class FileViewer extends react_1.Component {
                 }, 300);
             }
         };
+        // eslint-disable-next-line class-methods-use-this
         this.writeFile64 = () => {
             /*
             // File viewer in adapter-react does not support write
@@ -232,7 +233,7 @@ class FileViewer extends react_1.Component {
             //     value={this.state.editingValue || this.state.code || this.state.text}
             //     onChange={this.state.editing ? newValue => this.setState({ editingValue: newValue, changed: true }) : undefined}
             // />;
-            return react_1.default.createElement(material_1.TextField, { variant: "standard", className: this.props.classes.textarea, multiline: true, inputProps: { readOnly: !this.state.editing }, value: this.state.editingValue || this.state.code || this.state.text, 
+            return react_1.default.createElement(material_1.TextField, { variant: "standard", className: this.props.classes.textarea, multiline: true, value: this.state.editingValue || this.state.code || this.state.text, 
                 // onChange={newValue => this.setState({ editingValue: newValue, changed: true })}
                 InputProps: { readOnly: !this.state.editing } });
         }
@@ -248,21 +249,13 @@ class FileViewer extends react_1.Component {
             react_1.default.createElement(material_1.DialogContent, { className: this.props.classes.content }, this.getContent()),
             react_1.default.createElement(material_1.DialogActions, null,
                 this.state.copyPossible ?
-                    react_1.default.createElement(material_1.Button
-                    // @ts-expect-error grey is valid color
-                    , { 
-                        // @ts-expect-error grey is valid color
-                        color: "grey", onClick: e => {
+                    react_1.default.createElement(material_1.Button, { color: "grey", onClick: e => {
                             e.stopPropagation();
                             e.preventDefault();
                             Utils_1.default.copyToClipboard(this.state.text || this.state.code || '');
                         }, startIcon: react_1.default.createElement(fa_1.FaCopy, null) }, this.props.t('Copy content')) : null,
                 this.state.editing ?
-                    react_1.default.createElement(material_1.Button
-                    // @ts-expect-error grey is valid color
-                    , { 
-                        // @ts-expect-error grey is valid color
-                        color: "grey", disabled: this.state.editingValue === this.state.code || this.state.editingValue === this.state.text, variant: "contained", onClick: this.writeFile64, startIcon: react_1.default.createElement(icons_material_1.Save, null) }, this.props.t('Save')) : null,
+                    react_1.default.createElement(material_1.Button, { color: "grey", disabled: this.state.editingValue === this.state.code || this.state.editingValue === this.state.text, variant: "contained", onClick: this.writeFile64, startIcon: react_1.default.createElement(icons_material_1.Save, null) }, this.props.t('Save')) : null,
                 react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.props.onClose(), color: "primary", startIcon: react_1.default.createElement(icons_material_1.Close, null) }, this.props.t('Close'))));
     }
 }

package/Components/Icon.d.ts

@@ -17,5 +17,5 @@ interface IconProps {
     /** Alternative text for image */
     alt?: string;
 }
-declare const Icon: (props: IconProps) => React.JSX.Element;
-export default Icon;
+export default function Icon(props: IconProps): React.JSX.Element;
+export {};

package/Components/Icon.js

@@ -98,7 +98,7 @@ function getSelectIdIcon(obj, imagePrefix) {
 exports.getSelectIdIcon = getSelectIdIcon;
 const REMOTE_SERVER = window.location.hostname.includes('iobroker.in');
 const REMOTE_PREFIX = window.location.pathname.substring(0, window.location.pathname.lastIndexOf('/') + 1);
-const Icon = (props) => {
+function Icon(props) {
     var _a, _b, _c;
     if (props.src) {
         if (typeof props.src === 'string') {
@@ -127,5 +127,5 @@ const Icon = (props) => {
         return props.src;
     }
     return null;
-};
+}
 exports.default = Icon;

package/Components/IconSelector.js

@@ -2091,11 +2091,7 @@ class IconSelector extends react_1.Component {
             return react_1.default.createElement(material_1.CircularProgress, null);
         }
         return react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Button
-            // @ts-expect-error grey is valid color
-            , { 
-                // @ts-expect-error grey is valid color
-                color: "grey", variant: "outlined", title: this.props.t('ra_Select predefined icon'), onClick: () => this.setState({ opened: true }, () => this.loadAllIcons()), style: { minWidth: 40, marginRight: 8 } }, "..."),
+            react_1.default.createElement(material_1.Button, { color: "grey", variant: "outlined", title: this.props.t('ra_Select predefined icon'), onClick: () => this.setState({ opened: true }, () => this.loadAllIcons()), style: { minWidth: 40, marginRight: 8 } }, "..."),
             this.state.opened ? react_1.default.createElement(material_1.Dialog, { onClose: () => this.setState({ opened: false }), open: !0 },
                 react_1.default.createElement(material_1.DialogTitle, null,
                     this.props.t('ra_Select predefined icon'),
@@ -2122,11 +2118,7 @@ class IconSelector extends react_1.Component {
                         return null;
                     }))),
                 react_1.default.createElement(material_1.DialogActions, null,
-                    react_1.default.createElement(material_1.Button
-                    // @ts-expect-error grey is valid color
-                    , { 
-                        // @ts-expect-error grey is valid color
-                        color: "grey", variant: "contained", onClick: () => this.setState({ opened: false }), startIcon: react_1.default.createElement(icons_material_1.Close, null) }, this.props.t('ra_Close')))) : null);
+                    react_1.default.createElement(material_1.Button, { color: "grey", variant: "contained", onClick: () => this.setState({ opened: false }), startIcon: react_1.default.createElement(icons_material_1.Close, null) }, this.props.t('ra_Close')))) : null);
     }
 }
 exports.default = IconSelector;

package/Components/Image.js

@@ -108,7 +108,9 @@ class Image extends react_1.Component {
             const inner = svg.innerHTML;
             const svgProps = serializeAttrs(svg.attributes);
             svg.remove();
-            return react_1.default.createElement("svg", Object.assign({ className: this.props.className, style: this.state.color ? { color: this.state.color } : {} }, svgProps, { dangerouslySetInnerHTML: { __html: inner } }));
+            return react_1.default.createElement("svg", Object.assign({ className: this.props.className, style: this.state.color ? { color: this.state.color } : {} }, svgProps, { 
+                // eslint-disable-next-line react/no-danger
+                dangerouslySetInnerHTML: { __html: inner } }));
         }
         catch (e) {
             // ignore

package/Components/Loader.d.ts

@@ -3,7 +3,7 @@
  *
  * MIT License
  *
- **/
+ * */
 import React from 'react';
 import { ThemeName, ThemeType } from '../types';
 declare global {
@@ -18,7 +18,7 @@ interface LoaderProps {
     size?: number;
     /** The chosen theme type. */
     themeType?: ThemeType;
-    /** Theme name*/
+    /** Theme name */
     themeName?: ThemeName;
     /** @deprecated Theme name. use themeName instead */
     theme?: ThemeName;

package/Components/Loader.js

@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *
  * MIT License
  *
- **/
+ * */
 const react_1 = __importStar(require("react"));
 const loaderStyles = `
 /**

package/Components/Loaders/PT.d.ts

@@ -3,7 +3,7 @@
  *
  * MIT License
  *
- **/
+ * */
 import React from 'react';
 import { ThemeType, ThemeName } from '../../types';
 interface LoaderPTProps {

package/Components/Loaders/PT.js

@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *
  * MIT License
  *
- **/
+ * */
 const react_1 = __importStar(require("react"));
 // import './PT.css'
 const ptStyles = `

package/Components/Loaders/Vendor.d.ts

@@ -3,7 +3,7 @@
  *
  * MIT License
  *
- **/
+ * */
 import React from 'react';
 import { ThemeType, ThemeName } from '../../types';
 interface LoaderVendorProps {

package/Components/Loaders/Vendor.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");
 // import './Vendor.css'
@@ -63,7 +63,7 @@ function LoaderVendor(props) {
             backgroundSize: 'cover',
         } },
         react_1.default.createElement("div", { style: { flexGrow: 1 } }),
-        react_1.default.createElement(material_1.CircularProgress, { color: "secondary", size: 200, thickness: 5 }),
+        react_1.default.createElement(material_1.CircularProgress, { color: "secondary", size: props.size || 200, thickness: 5 }),
         react_1.default.createElement("div", { style: { flexGrow: 1 } }));
 }
 exports.default = LoaderVendor;

package/Components/Logo.js

@@ -17,7 +17,7 @@ class Logo extends react_1.default.Component {
             if (!files || !files.length) {
                 return;
             }
-            let f = files[0];
+            const f = files[0];
             if (f) {
                 const r = new window.FileReader();
                 r.onload = () => {

package/Components/MDUtils.js

@@ -13,6 +13,8 @@ class MDUtils {
         return text.replace(/[^a-zA-Zа-яА-Я0-9]/g, '').trim().replace(/\s/g, '').toLowerCase();
     }
     static openLink(url, target) {
+        // replace IPv6 Address with [ipv6]:port
+        url = url.replace(/\/\/([0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*)(:\d+)?\//i, '//[$1]$2/');
         if (target === 'this') {
             window.location.href = url;
         }