@iobroker/adapter-react-v5 7.0.2 → 7.1.0

package/src/Dialogs/SimpleCron.tsx

@@ -1,16 +1,7 @@
-import React from 'react';
-import {
-    Button,
-    DialogTitle,
-    DialogContent,
-    DialogActions,
-    Dialog,
-} from '@mui/material';
+import React, { type JSX } from 'react';
+import { Button, DialogTitle, DialogContent, DialogActions, Dialog } from '@mui/material';
 
-import {
-    Check as IconOk,
-    Cancel as IconCancel,
-} from '@mui/icons-material';
+import { Check as IconOk, Cancel as IconCancel } from '@mui/icons-material';
 
 import SimpleCron from '../Components/SimpleCron';
 
@@ -51,49 +42,58 @@ class DialogSimpleCron extends React.Component<DialogCronProps, DialogCronState>
             }
         }
 
-        this.state =  {
+        this.state = {
             cron,
         };
     }
 
-    handleCancel() {
+    handleCancel(): void {
         this.props.onClose();
     }
 
-    handleOk() {
+    handleOk(): void {
         this.props.onOk(this.state.cron);
         this.props.onClose();
     }
 
-    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 CRON...')}</DialogTitle>
-            <DialogContent style={{ height: '100%', overflow: 'hidden' }}>
-                <SimpleCron
-                    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>;
+    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 CRON...')}</DialogTitle>
+                <DialogContent style={{ height: '100%', overflow: 'hidden' }}>
+                    <SimpleCron
+                        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>
+        );
     }
 }
 

package/src/Dialogs/TextInput.tsx

@@ -1,14 +1,6 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 
-import {
-    Button,
-    TextField,
-    Dialog,
-    DialogActions,
-    DialogContent,
-    DialogContentText,
-    DialogTitle,
-} from '@mui/material';
+import { Button, TextField, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';
 
 import { Close as IconClose, Check as IconCheck } from '@mui/icons-material';
 
@@ -35,73 +27,73 @@ interface TextInputProps {
     rule?: (text: string) => string;
     /** The type of the textbox (default: text) */
     type?: 'text' | 'number' | 'password' | 'email';
-    /** The intial input value when opening the dialog */
+    /** The initial input value when opening the dialog */
     value?: string;
     /** @deprecated Use value. The input when opening the dialog */
     input?: string;
     /** If true, the dialog will be full width */
     fullWidth?: boolean;
 }
-function TextInput(props: TextInputProps) {
+function TextInput(props: TextInputProps): JSX.Element {
     const [text, setText] = React.useState<string>(props.input || props.value || '');
     const [error, setError] = React.useState<string | boolean>('');
-    return <Dialog
-        open={!0}
-        onClose={() => props.onClose(null)}
-        aria-labelledby="form-dialog-title"
-        fullWidth={props.fullWidth !== undefined ? props.fullWidth : false}
-    >
-        <DialogTitle id="form-dialog-title">{props.titleText}</DialogTitle>
-        <DialogContent>
-            <DialogContentText>
-                {props.promptText}
-            </DialogContentText>
-            <TextField
-                variant="standard"
-                autoFocus
-                margin="dense"
-                error={!!error}
-                helperText={error === true || !error ? '' : error}
-                value={text}
-                label={props.labelText || ''}
-                type={props.type || 'text'}
-                onKeyUp={e => e.charCode === 13 && text && props.onClose(text)}
-                onChange={e => {
-                    let _error: string | boolean = '';
-                    if (props.verify) {
-                        _error = !props.verify(e.target.value);
-                    }
+    return (
+        <Dialog
+            open={!0}
+            onClose={() => props.onClose(null)}
+            aria-labelledby="form-dialog-title"
+            fullWidth={props.fullWidth !== undefined ? props.fullWidth : false}
+        >
+            <DialogTitle id="form-dialog-title">{props.titleText}</DialogTitle>
+            <DialogContent>
+                <DialogContentText>{props.promptText}</DialogContentText>
+                <TextField
+                    variant="standard"
+                    autoFocus
+                    margin="dense"
+                    error={!!error}
+                    helperText={error === true || !error ? '' : error}
+                    value={text}
+                    label={props.labelText || ''}
+                    type={props.type || 'text'}
+                    onKeyUp={e => e.code === 'Enter' && text && props.onClose(text)}
+                    onChange={e => {
+                        let _error: string | boolean = '';
+                        if (props.verify) {
+                            _error = !props.verify(e.target.value);
+                        }
 
-                    if (props.rule) {
-                        setText(props.rule(e.target.value));
-                    } else {
-                        setText(e.target.value);
-                    }
-                    setError(_error);
-                }}
-                fullWidth
-            />
-        </DialogContent>
-        <DialogActions>
-            <Button
-                variant="contained"
-                disabled={!text || !!error}
-                onClick={() => props.onClose(text)}
-                color="primary"
-                startIcon={<IconCheck />}
-            >
-                {props.applyText || I18n.t('ra_Ok')}
-            </Button>
-            <Button
-                color="grey"
-                variant="contained"
-                onClick={() => props.onClose(null)}
-                startIcon={<IconClose />}
-            >
-                {props.cancelText || I18n.t('ra_Cancel')}
-            </Button>
-        </DialogActions>
-    </Dialog>;
+                        if (props.rule) {
+                            setText(props.rule(e.target.value));
+                        } else {
+                            setText(e.target.value);
+                        }
+                        setError(_error);
+                    }}
+                    fullWidth
+                />
+            </DialogContent>
+            <DialogActions>
+                <Button
+                    variant="contained"
+                    disabled={!text || !!error}
+                    onClick={() => props.onClose(text)}
+                    color="primary"
+                    startIcon={<IconCheck />}
+                >
+                    {props.applyText || I18n.t('ra_Ok')}
+                </Button>
+                <Button
+                    color="grey"
+                    variant="contained"
+                    onClick={() => props.onClose(null)}
+                    startIcon={<IconClose />}
+                >
+                    {props.cancelText || I18n.t('ra_Cancel')}
+                </Button>
+            </DialogActions>
+        </Dialog>
+    );
 }
 
 export default withWidth()(TextInput);