@iobroker/adapter-react-v5 7.0.2 → 7.1.0

package/src/Components/Router.tsx

@@ -1,8 +1,7 @@
 import { Component } from 'react';
 
-interface Router<P = {}, S = {}> extends Component<P, S> {}
-
-class Router<P, S> extends Component<P, S> {
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+class Router<P = {}, S = {}> extends Component<P, S> {
     protected onHashChangedBound: () => void;
 
     constructor(props: P) {
@@ -10,15 +9,16 @@ class Router<P, S> extends Component<P, S> {
         this.onHashChangedBound = this.onHashChanged.bind(this);
     }
 
-    componentDidMount() {
+    componentDidMount(): void {
         window.addEventListener('hashchange', this.onHashChangedBound);
     }
 
-    componentWillUnmount() {
+    componentWillUnmount(): void {
         window.removeEventListener('hashchange', this.onHashChangedBound);
     }
 
-    onHashChanged() {
+    // eslint-disable-next-line class-methods-use-this
+    onHashChanged(): void {
         // override this function
     }
 
@@ -31,17 +31,17 @@ class Router<P, S> extends Component<P, S> {
         const parts = hash.split('/').map(item => {
             try {
                 return item ? decodeURIComponent(item) : '';
-            } catch (e) {
+            } catch {
                 console.error(`Router: Cannot decode ${item}`);
                 return item || '';
             }
         });
         // #tabName/dialogName/deviceId
         return {
-            tab:    parts[0] || '',
+            tab: parts[0] || '',
             dialog: parts[1] || '',
-            id:     parts[2] || '',
-            arg:    parts[3] || '',
+            id: parts[2] || '',
+            arg: parts[3] || '',
         };
     }
 
@@ -53,7 +53,7 @@ class Router<P, S> extends Component<P, S> {
         dialog?: string | null,
         id?: string | null,
         arg?: string | null,
-    ) {
+    ): void {
         let hash = '';
         const location = Router.getLocation();
         if (arg !== undefined && !id) {

package/src/Components/SaveCloseButtons.tsx

@@ -1,15 +1,12 @@
 // please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
-import React from 'react';
+import React, { type JSX } from 'react';
 
 import { Fab, Toolbar } from '@mui/material';
 
-import {
-    Save as IconSave,
-    Close as IconClose,
-} from '@mui/icons-material';
+import { Save as IconSave, Close as IconClose } from '@mui/icons-material';
 
 import I18n from '../i18n';
-import { IobTheme } from '../types';
+import type { IobTheme } from '../types';
 
 const styles: Record<string, React.CSSProperties> = {
     buttonIcon: {
@@ -48,17 +45,17 @@ class SaveCloseButtons extends React.Component<SaveCloseButtonsProps> {
         } else {
             try {
                 this.isIFrame = !newReact && window.self !== window.top;
-            } catch (e) {
+            } catch {
                 this.isIFrame = !newReact;
             }
         }
     }
 
-    render() {
+    render(): JSX.Element {
         const noTextOnButtons = this.props.noTextOnButtons;
         const buttonStyle: React.CSSProperties = {
             borderRadius: this.props.theme.saveToolbar.button.borderRadius || 3,
-            height:       this.props.theme.saveToolbar.button.height       || 32,
+            height: this.props.theme.saveToolbar.button.height || 32,
         };
 
         const style: React.CSSProperties = {
@@ -76,37 +73,44 @@ class SaveCloseButtons extends React.Component<SaveCloseButtonsProps> {
             buttonStyle.border = '1px solid red';
         }
 
-        return <Toolbar
-            // position="absolute"
-            style={style}
-        >
-            <Fab
-                variant="extended"
-                aria-label="Save"
-                disabled={!this.props.changed || this.props.error}
-                onClick={() => this.props.onSave(false)}
-                style={buttonStyle}
+        return (
+            <Toolbar
+                // position="absolute"
+                style={style}
             >
-                <IconSave style={!noTextOnButtons ? styles.buttonIcon : undefined} />
-                {!noTextOnButtons && I18n.t('ra_Save')}
-            </Fab>
-            <Fab
-                variant="extended"
-                aria-label="Save and close"
-                disabled={!this.props.changed || this.props.error}
-                onClick={() => this.props.onSave(true)}
-                style={{ ...buttonStyle, ...{ marginLeft: 10 } }}
-            >
-                <IconSave style={!noTextOnButtons ? styles.buttonIcon : undefined} />
-                {!noTextOnButtons ? I18n.t('ra_Save and close') : '+'}
-                {noTextOnButtons && <IconClose />}
-            </Fab>
-            <div style={{ flexGrow: 1 }} />
-            <Fab variant="extended" aria-label="Close" onClick={() => this.props.onClose()} style={buttonStyle}>
-                <IconClose style={!noTextOnButtons ? styles.buttonIcon : undefined} />
-                {!noTextOnButtons && I18n.t('ra_Close')}
-            </Fab>
-        </Toolbar>;
+                <Fab
+                    variant="extended"
+                    aria-label="Save"
+                    disabled={!this.props.changed || this.props.error}
+                    onClick={() => this.props.onSave(false)}
+                    style={buttonStyle}
+                >
+                    <IconSave style={!noTextOnButtons ? styles.buttonIcon : undefined} />
+                    {!noTextOnButtons && I18n.t('ra_Save')}
+                </Fab>
+                <Fab
+                    variant="extended"
+                    aria-label="Save and close"
+                    disabled={!this.props.changed || this.props.error}
+                    onClick={() => this.props.onSave(true)}
+                    style={{ ...buttonStyle, ...{ marginLeft: 10 } }}
+                >
+                    <IconSave style={!noTextOnButtons ? styles.buttonIcon : undefined} />
+                    {!noTextOnButtons ? I18n.t('ra_Save and close') : '+'}
+                    {noTextOnButtons && <IconClose />}
+                </Fab>
+                <div style={{ flexGrow: 1 }} />
+                <Fab
+                    variant="extended"
+                    aria-label="Close"
+                    onClick={() => this.props.onClose()}
+                    style={buttonStyle}
+                >
+                    <IconClose style={!noTextOnButtons ? styles.buttonIcon : undefined} />
+                    {!noTextOnButtons && I18n.t('ra_Close')}
+                </Fab>
+            </Toolbar>
+        );
     }
 }