@iobroker/adapter-react-v5 7.0.1 → 7.1.0

package/src/Dialogs/SimpleCron.tsx

@@ -1,100 +1,100 @@
-import React from 'react';
-import {
-    Button,
-    DialogTitle,
-    DialogContent,
-    DialogActions,
-    Dialog,
-} from '@mui/material';
-
-import {
-    Check as IconOk,
-    Cancel as IconCancel,
-} from '@mui/icons-material';
-
-import SimpleCron from '../Components/SimpleCron';
-
-import I18n from '../i18n';
-
-// Generates cron expression
-
-const styles: Record<string, React.CSSProperties> = {
-    dialogPaper: {
-        height: 'calc(100% - 96px)',
-    },
-};
-
-interface DialogCronProps {
-    onClose: () => void;
-    onOk: (cron: string) => void;
-    title?: string;
-    cron?: string;
-    cancel?: string;
-    ok?: string;
-}
-
-interface DialogCronState {
-    cron: string;
-}
-
-class DialogSimpleCron extends React.Component<DialogCronProps, DialogCronState> {
-    constructor(props: DialogCronProps) {
-        super(props);
-
-        let cron;
-        if (this.props.cron && typeof this.props.cron === 'string' && this.props.cron.replace(/^["']/, '')[0] !== '{') {
-            cron = this.props.cron.replace(/['"]/g, '').trim();
-        } else {
-            cron = this.props.cron || '{}';
-            if (typeof cron === 'string') {
-                cron = cron.replace(/^["']/, '').replace(/["']\n?$/, '');
-            }
-        }
-
-        this.state =  {
-            cron,
-        };
-    }
-
-    handleCancel() {
-        this.props.onClose();
-    }
-
-    handleOk() {
-        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>;
-    }
-}
-
-export default DialogSimpleCron;
+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 SimpleCron from '../Components/SimpleCron';
+
+import I18n from '../i18n';
+
+// Generates cron expression
+
+const styles: Record<string, React.CSSProperties> = {
+    dialogPaper: {
+        height: 'calc(100% - 96px)',
+    },
+};
+
+interface DialogCronProps {
+    onClose: () => void;
+    onOk: (cron: string) => void;
+    title?: string;
+    cron?: string;
+    cancel?: string;
+    ok?: string;
+}
+
+interface DialogCronState {
+    cron: string;
+}
+
+class DialogSimpleCron extends React.Component<DialogCronProps, DialogCronState> {
+    constructor(props: DialogCronProps) {
+        super(props);
+
+        let cron;
+        if (this.props.cron && typeof this.props.cron === 'string' && this.props.cron.replace(/^["']/, '')[0] !== '{') {
+            cron = this.props.cron.replace(/['"]/g, '').trim();
+        } else {
+            cron = this.props.cron || '{}';
+            if (typeof cron === 'string') {
+                cron = cron.replace(/^["']/, '').replace(/["']\n?$/, '');
+            }
+        }
+
+        this.state = {
+            cron,
+        };
+    }
+
+    handleCancel(): void {
+        this.props.onClose();
+    }
+
+    handleOk(): void {
+        this.props.onOk(this.state.cron);
+        this.props.onClose();
+    }
+
+    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>
+        );
+    }
+}
+
+export default DialogSimpleCron;

package/src/Dialogs/TextInput.tsx

@@ -1,107 +1,99 @@
-import React from 'react';
-
-import {
-    Button,
-    TextField,
-    Dialog,
-    DialogActions,
-    DialogContent,
-    DialogContentText,
-    DialogTitle,
-} from '@mui/material';
-
-import { Close as IconClose, Check as IconCheck } from '@mui/icons-material';
-
-import I18n from '../i18n';
-
-import withWidth from '../Components/withWidth';
-
-interface TextInputProps {
-    /** The dialog close callback */
-    onClose: (text: string | null) => void;
-    /** The title text */
-    titleText: string;
-    /** Prompt text (default: empty) */
-    promptText?: string;
-    /** Label text (default: empty) */
-    labelText?: string;
-    /** The text of the cancel button */
-    cancelText: string;
-    /** The text of the "apply" button */
-    applyText: string;
-    /** The verification callback. Return a non-empty string if there was an error */
-    verify?: (text: string) => string;
-    /** The text replacement callback */
-    rule?: (text: string) => string;
-    /** The type of the textbox (default: text) */
-    type?: 'text' | 'number' | 'password' | 'email';
-    /** The intial 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) {
-    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);
-                    }
-
-                    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);
+import React, { type JSX } from 'react';
+
+import { Button, TextField, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';
+
+import { Close as IconClose, Check as IconCheck } from '@mui/icons-material';
+
+import I18n from '../i18n';
+
+import withWidth from '../Components/withWidth';
+
+interface TextInputProps {
+    /** The dialog close callback */
+    onClose: (text: string | null) => void;
+    /** The title text */
+    titleText: string;
+    /** Prompt text (default: empty) */
+    promptText?: string;
+    /** Label text (default: empty) */
+    labelText?: string;
+    /** The text of the cancel button */
+    cancelText: string;
+    /** The text of the "apply" button */
+    applyText: string;
+    /** The verification callback. Return a non-empty string if there was an error */
+    verify?: (text: string) => string;
+    /** The text replacement callback */
+    rule?: (text: string) => string;
+    /** The type of the textbox (default: text) */
+    type?: 'text' | 'number' | 'password' | 'email';
+    /** 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): 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.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>
+    );
+}
+
+export default withWidth()(TextInput);