@iobroker/adapter-react-v5 7.0.2 → 7.1.0

package/src/Dialogs/Cron.tsx

@@ -1,25 +1,15 @@
-import React from 'react';
-
-import {
-    Button,
-    DialogTitle,
-    DialogContent,
-    DialogActions,
-    Dialog,
-    Radio,
-} from '@mui/material';
-
-import {
-    Check as IconOk,
-    Cancel as IconCancel,
-} from '@mui/icons-material';
+import React, { type JSX } from 'react';
+
+import { Button, DialogTitle, DialogContent, DialogActions, Dialog, Radio } from '@mui/material';
+
+import { Check as IconOk, Cancel as IconCancel } from '@mui/icons-material';
 
 import ComplexCron from '../Components/ComplexCron';
 import SimpleCron, { cron2state } from '../Components/SimpleCron';
 import Schedule from '../Components/Schedule';
 
 import I18n from '../i18n';
-import { IobTheme } from '../types';
+import type { IobTheme } from '../types';
 
 // Generate cron expression
 
@@ -63,119 +53,139 @@ class DialogCron extends React.Component<DialogCronProps, DialogCronState> {
             }
         }
 
-        this.state =  {
+        this.state = {
             cron,
-            mode: this.props.simple ? 'simple' :
-                (this.props.complex ? 'complex' :
-                    ((typeof cron === 'object' || cron[0] === '{') && !this.props.noWizard ?
-                        'wizard' :
-                        (cron2state(this.props.cron || '* * * * *') ? 'simple' : 'complex'))),
+            mode: this.props.simple
+                ? 'simple'
+                : this.props.complex
+                  ? 'complex'
+                  : (typeof cron === 'object' || cron[0] === '{') && !this.props.noWizard
+                    ? 'wizard'
+                    : cron2state(this.props.cron || '* * * * *')
+                      ? 'simple'
+                      : 'complex',
         };
     }
 
-    handleCancel() {
+    handleCancel(): void {
         this.props.onClose();
     }
 
-    handleOk() {
+    handleOk(): void {
         this.props.onOk(this.state.cron);
         this.props.onClose();
     }
 
-    setMode(mode: 'simple' | 'complex' | 'wizard') {
+    setMode(mode: 'simple' | 'complex' | 'wizard'): void {
         this.setState({ mode });
     }
 
-    render() {
-        return <Dialog
-            onClose={() => {}}
-            maxWidth="md"
-            fullWidth
-            sx={{ '& .MuiDialog-paper': styles.dialogPaper }}
-            open={!0}
-            aria-labelledby="cron-dialog-title"
-        >
-            <DialogTitle id="cron-dialog-title">{this.props.title || I18n.t('ra_Define schedule...')}</DialogTitle>
-            <DialogContent style={{ height: '100%', overflow: 'hidden' }}>
-                {(this.props.simple && this.props.complex) || (!this.props.simple && !this.props.complex) ? <div>
-                    {!this.props.simple && !this.props.complex && !this.props.noWizard && <>
-                        <Radio
-                            key="wizard"
-                            checked={this.state.mode === 'wizard'}
-                            onChange={() => this.setMode('wizard')}
+    render(): JSX.Element {
+        return (
+            <Dialog
+                onClose={() => {}}
+                maxWidth="md"
+                fullWidth
+                sx={{ '& .MuiDialog-paper': styles.dialogPaper }}
+                open={!0}
+                aria-labelledby="cron-dialog-title"
+            >
+                <DialogTitle id="cron-dialog-title">{this.props.title || I18n.t('ra_Define schedule...')}</DialogTitle>
+                <DialogContent style={{ height: '100%', overflow: 'hidden' }}>
+                    {(this.props.simple && this.props.complex) || (!this.props.simple && !this.props.complex) ? (
+                        <div>
+                            {!this.props.simple && !this.props.complex && !this.props.noWizard && (
+                                <>
+                                    <Radio
+                                        key="wizard"
+                                        checked={this.state.mode === 'wizard'}
+                                        onChange={() => this.setMode('wizard')}
+                                    />
+                                    <label
+                                        onClick={() => this.setMode('wizard')}
+                                        style={this.state.mode !== 'wizard' ? { color: 'lightgrey' } : {}}
+                                    >
+                                        {I18n.t('sc_wizard')}
+                                    </label>
+                                </>
+                            )}
+
+                            {((!this.props.simple && !this.props.complex) || this.props.simple) && (
+                                <>
+                                    <Radio
+                                        key="simple"
+                                        checked={this.state.mode === 'simple'}
+                                        onChange={() => this.setMode('simple')}
+                                    />
+                                    <label
+                                        onClick={() => this.setMode('simple')}
+                                        style={this.state.mode !== 'simple' ? { color: 'lightgrey' } : {}}
+                                    >
+                                        {I18n.t('sc_simple')}
+                                    </label>
+                                </>
+                            )}
+
+                            {((!this.props.simple && !this.props.complex) || this.props.complex) && (
+                                <>
+                                    <Radio
+                                        key="complex"
+                                        checked={this.state.mode === 'complex'}
+                                        onChange={() => this.setMode('complex')}
+                                    />
+                                    <label
+                                        onClick={() => this.setMode('complex')}
+                                        style={this.state.mode !== 'complex' ? { color: 'lightgrey' } : {}}
+                                    >
+                                        {I18n.t('sc_cron')}
+                                    </label>
+                                </>
+                            )}
+                        </div>
+                    ) : null}
+
+                    {this.state.mode === 'simple' && (
+                        <SimpleCron
+                            cronExpression={this.state.cron}
+                            onChange={cron => this.setState({ cron })}
+                            language={I18n.getLanguage()}
                         />
-                        <label
-                            onClick={() => this.setMode('wizard')}
-                            style={this.state.mode !== 'wizard' ? { color: 'lightgrey' } : {}}
-                        >
-                            {I18n.t('sc_wizard')}
-                        </label>
-                    </>}
-
-                    {((!this.props.simple && !this.props.complex) || this.props.simple) && <>
-                        <Radio
-                            key="simple"
-                            checked={this.state.mode === 'simple'}
-                            onChange={() => this.setMode('simple')}
+                    )}
+                    {this.state.mode === 'wizard' && (
+                        <Schedule
+                            theme={this.props.theme}
+                            schedule={this.state.cron}
+                            onChange={(cron: string) => this.setState({ cron })}
                         />
-                        <label
-                            onClick={() => this.setMode('simple')}
-                            style={this.state.mode !== 'simple' ? { color: 'lightgrey' } : {}}
-                        >
-                            {I18n.t('sc_simple')}
-                        </label>
-                    </>}
-
-                    {((!this.props.simple && !this.props.complex) || this.props.complex) && <>
-                        <Radio
-                            key="complex"
-                            checked={this.state.mode === 'complex'}
-                            onChange={() => this.setMode('complex')}
+                    )}
+                    {this.state.mode === 'complex' && (
+                        <ComplexCron
+                            cronExpression={this.state.cron}
+                            onChange={cron => this.setState({ cron })}
+                            language={I18n.getLanguage()}
                         />
-                        <label
-                            onClick={() => this.setMode('complex')}
-                            style={this.state.mode !== 'complex' ? { color: 'lightgrey' } : {}}
-                        >
-                            {I18n.t('sc_cron')}
-                        </label>
-                    </>}
-                </div> : null}
-
-                {this.state.mode === 'simple' && <SimpleCron
-                    cronExpression={this.state.cron}
-                    onChange={cron => this.setState({ cron })}
-                    language={I18n.getLanguage()}
-                />}
-                {this.state.mode === 'wizard' && <Schedule
-                    theme={this.props.theme}
-                    schedule={this.state.cron}
-                    onChange={(cron: string) => this.setState({ cron })}
-                />}
-                {this.state.mode === 'complex' && <ComplexCron
-                    cronExpression={this.state.cron}
-                    onChange={cron => this.setState({ cron })}
-                    language={I18n.getLanguage()}
-                />}
-            </DialogContent>
-            <DialogActions>
-                <Button
-                    variant="contained"
-                    onClick={() => this.handleOk()}
-                    color="primary"
-                    startIcon={<IconOk />}
-                >
-                    {this.props.ok || I18n.t('ra_Ok')}
-                </Button>
-                <Button
-                    variant="contained"
-                    onClick={() => this.handleCancel()}
-                    color="grey"
-                    startIcon={<IconCancel />}
-                >
-                    {this.props.cancel || I18n.t('ra_Cancel')}
-                </Button>
-            </DialogActions>
-        </Dialog>;
+                    )}
+                </DialogContent>
+                <DialogActions>
+                    <Button
+                        variant="contained"
+                        onClick={() => this.handleOk()}
+                        color="primary"
+                        startIcon={<IconOk />}
+                    >
+                        {this.props.ok || I18n.t('ra_Ok')}
+                    </Button>
+                    <Button
+                        variant="contained"
+                        onClick={() => this.handleCancel()}
+                        color="grey"
+                        startIcon={<IconCancel />}
+                    >
+                        {this.props.cancel || I18n.t('ra_Cancel')}
+                    </Button>
+                </DialogActions>
+            </Dialog>
+        );
     }
 }
 

package/src/Dialogs/Error.tsx

@@ -3,18 +3,11 @@
  *
  * MIT License
  *
- * */
+ */
 // please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
-import React, { Component } from 'react';
+import React, { Component, type JSX } from 'react';
 
-import {
-    Button,
-    Dialog,
-    DialogActions,
-    DialogContent,
-    DialogContentText,
-    DialogTitle,
-} from '@mui/material';
+import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';
 
 import { Check as IconCheck } from '@mui/icons-material';
 
@@ -32,40 +25,42 @@ interface DialogErrorProps {
 }
 
 class DialogError extends Component<DialogErrorProps> {
-    handleOk() {
-        this.props.onClose && this.props.onClose();
+    handleOk(): void {
+        if (this.props.onClose) {
+            this.props.onClose();
+        }
     }
 
-    render() {
-        return <Dialog
-            open={!0}
-            maxWidth="sm"
-            fullWidth={this.props.fullWidth !== undefined ? this.props.fullWidth : true}
-            onClose={() => this.handleOk()}
-            aria-labelledby="alert-dialog-title"
-            aria-describedby="alert-dialog-description"
-        >
-            <DialogTitle id="ar_alert_dialog_title">
-                {this.props.title || I18n.t('ra_Error')}
-            </DialogTitle>
-            <DialogContent>
-                <DialogContentText id="ar_alert_dialog_description">
-                    {this.props.text || I18n.t('ra_Unknown error!')}
-                </DialogContentText>
-            </DialogContent>
-            <DialogActions>
-                <Button
-                    id="ar_dialog_error_ok"
-                    variant="contained"
-                    onClick={() => this.handleOk()}
-                    color="primary"
-                    autoFocus
-                    startIcon={<IconCheck />}
-                >
-                    {I18n.t('ra_Ok')}
-                </Button>
-            </DialogActions>
-        </Dialog>;
+    render(): JSX.Element {
+        return (
+            <Dialog
+                open={!0}
+                maxWidth="sm"
+                fullWidth={this.props.fullWidth !== undefined ? this.props.fullWidth : true}
+                onClose={() => this.handleOk()}
+                aria-labelledby="alert-dialog-title"
+                aria-describedby="alert-dialog-description"
+            >
+                <DialogTitle id="ar_alert_dialog_title">{this.props.title || I18n.t('ra_Error')}</DialogTitle>
+                <DialogContent>
+                    <DialogContentText id="ar_alert_dialog_description">
+                        {this.props.text || I18n.t('ra_Unknown error!')}
+                    </DialogContentText>
+                </DialogContent>
+                <DialogActions>
+                    <Button
+                        id="ar_dialog_error_ok"
+                        variant="contained"
+                        onClick={() => this.handleOk()}
+                        color="primary"
+                        autoFocus
+                        startIcon={<IconCheck />}
+                    >
+                        {I18n.t('ra_Ok')}
+                    </Button>
+                </DialogActions>
+            </Dialog>
+        );
     }
 }
 

package/src/Dialogs/Message.tsx

@@ -3,23 +3,14 @@
  *
  * MIT License
  *
- * */
+ */
 
 // please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
-import React, { Component } from 'react';
+import React, { Component, type JSX } from 'react';
 
-import {
-    Button,
-    Dialog,
-    DialogActions,
-    DialogContent,
-    DialogContentText,
-    DialogTitle,
-} from '@mui/material';
+import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';
 
-import {
-    Close as IconClose,
-} from '@mui/icons-material';
+import { Close as IconClose } from '@mui/icons-material';
 
 import I18n from '../i18n';
 
@@ -39,32 +30,43 @@ interface DialogMessageProps {
 }
 
 class DialogMessage extends Component<DialogMessageProps> {
-    handleOk() {
-        this.props.onClose && this.props.onClose();
+    handleOk(): void {
+        if (this.props.onClose) {
+            this.props.onClose();
+        }
     }
 
-    render() {
-        return <Dialog
-            open={!0}
-            maxWidth="sm"
-            fullWidth={this.props.fullWidth !== undefined ? this.props.fullWidth : true}
-            onClose={() => this.handleOk()}
-            aria-labelledby="ar_dialog_message_title"
-            aria-describedby="ar_dialog_message_description"
-        >
-            <DialogTitle id="ar_dialog_message_title">{this.props.title || I18n.t('ra_Message')}</DialogTitle>
-            <DialogContent>
-                <DialogContentText id="ar_dialog_message_description">
-                    <span style={{ marginRight: this.props.icon ? 8 : 0 }}>
-                        {this.props.icon || null}
-                    </span>
-                    {this.props.text}
-                </DialogContentText>
-            </DialogContent>
-            <DialogActions>
-                <Button id="ar_dialog_message_ok" variant="contained" onClick={() => this.handleOk()} color="primary" autoFocus startIcon={<IconClose />}>{this.props.ok || I18n.t('ra_Close')}</Button>
-            </DialogActions>
-        </Dialog>;
+    render(): JSX.Element {
+        return (
+            <Dialog
+                open={!0}
+                maxWidth="sm"
+                fullWidth={this.props.fullWidth !== undefined ? this.props.fullWidth : true}
+                onClose={() => this.handleOk()}
+                aria-labelledby="ar_dialog_message_title"
+                aria-describedby="ar_dialog_message_description"
+            >
+                <DialogTitle id="ar_dialog_message_title">{this.props.title || I18n.t('ra_Message')}</DialogTitle>
+                <DialogContent>
+                    <DialogContentText id="ar_dialog_message_description">
+                        <span style={{ marginRight: this.props.icon ? 8 : 0 }}>{this.props.icon || null}</span>
+                        {this.props.text}
+                    </DialogContentText>
+                </DialogContent>
+                <DialogActions>
+                    <Button
+                        id="ar_dialog_message_ok"
+                        variant="contained"
+                        onClick={() => this.handleOk()}
+                        color="primary"
+                        autoFocus
+                        startIcon={<IconClose />}
+                    >
+                        {this.props.ok || I18n.t('ra_Close')}
+                    </Button>
+                </DialogActions>
+            </Dialog>
+        );
     }
 }