@iobroker/adapter-react-v5 7.0.1 → 7.0.2

package/src/Dialogs/Cron.tsx

@@ -1,182 +1,182 @@
-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 ComplexCron from '../Components/ComplexCron';
-import SimpleCron, { cron2state } from '../Components/SimpleCron';
-import Schedule from '../Components/Schedule';
-
-import I18n from '../i18n';
-import { IobTheme } from '../types';
-
-// Generate 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;
-    /** show only simple configuration */
-    simple?: boolean;
-    /** show only complex configuration */
-    complex?: boolean;
-    /** do not show wizard */
-    noWizard?: boolean;
-    theme: IobTheme;
-}
-
-interface DialogCronState {
-    cron: string;
-    mode: 'simple' | 'complex' | 'wizard';
-}
-
-class DialogCron 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,
-            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() {
-        this.props.onClose();
-    }
-
-    handleOk() {
-        this.props.onOk(this.state.cron);
-        this.props.onClose();
-    }
-
-    setMode(mode: 'simple' | 'complex' | 'wizard') {
-        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')}
-                        />
-                        <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()}
-                />}
-                {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>;
-    }
-}
-
-export default DialogCron;
+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 ComplexCron from '../Components/ComplexCron';
+import SimpleCron, { cron2state } from '../Components/SimpleCron';
+import Schedule from '../Components/Schedule';
+
+import I18n from '../i18n';
+import { IobTheme } from '../types';
+
+// Generate 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;
+    /** show only simple configuration */
+    simple?: boolean;
+    /** show only complex configuration */
+    complex?: boolean;
+    /** do not show wizard */
+    noWizard?: boolean;
+    theme: IobTheme;
+}
+
+interface DialogCronState {
+    cron: string;
+    mode: 'simple' | 'complex' | 'wizard';
+}
+
+class DialogCron 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,
+            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() {
+        this.props.onClose();
+    }
+
+    handleOk() {
+        this.props.onOk(this.state.cron);
+        this.props.onClose();
+    }
+
+    setMode(mode: 'simple' | 'complex' | 'wizard') {
+        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')}
+                        />
+                        <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()}
+                />}
+                {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>;
+    }
+}
+
+export default DialogCron;

package/src/Dialogs/Error.tsx

@@ -1,72 +1,72 @@
-/**
- * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
- *
- * 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 {
-    Button,
-    Dialog,
-    DialogActions,
-    DialogContent,
-    DialogContentText,
-    DialogTitle,
-} from '@mui/material';
-
-import { Check as IconCheck } from '@mui/icons-material';
-
-import I18n from '../i18n';
-
-interface DialogErrorProps {
-    /* The dialog title; default: Error (translated) */
-    title?: string;
-    /* The dialog text */
-    text: string | React.JSX.Element;
-    /* Close handler. */
-    onClose?: () => void;
-    /* if the dialog must be fill sized */
-    fullWidth?: boolean;
-}
-
-class DialogError extends Component<DialogErrorProps> {
-    handleOk() {
-        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>;
-    }
-}
-
-export default DialogError;
+/**
+ * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
+ *
+ * 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 {
+    Button,
+    Dialog,
+    DialogActions,
+    DialogContent,
+    DialogContentText,
+    DialogTitle,
+} from '@mui/material';
+
+import { Check as IconCheck } from '@mui/icons-material';
+
+import I18n from '../i18n';
+
+interface DialogErrorProps {
+    /* The dialog title; default: Error (translated) */
+    title?: string;
+    /* The dialog text */
+    text: string | React.JSX.Element;
+    /* Close handler. */
+    onClose?: () => void;
+    /* if the dialog must be fill sized */
+    fullWidth?: boolean;
+}
+
+class DialogError extends Component<DialogErrorProps> {
+    handleOk() {
+        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>;
+    }
+}
+
+export default DialogError;

package/src/Dialogs/Message.tsx

@@ -1,71 +1,71 @@
-/**
- * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
- *
- * 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 {
-    Button,
-    Dialog,
-    DialogActions,
-    DialogContent,
-    DialogContentText,
-    DialogTitle,
-} from '@mui/material';
-
-import {
-    Close as IconClose,
-} from '@mui/icons-material';
-
-import I18n from '../i18n';
-
-interface DialogMessageProps {
-    /* The dialog title; default: Message (translated) */
-    title?: string;
-    /* The dialog text */
-    text: string | React.JSX.Element;
-    /* Close handler. */
-    onClose?: () => void;
-    /* if the dialog must be fill sized */
-    fullWidth?: boolean;
-    /* optional icon */
-    icon?: React.JSX.Element;
-    /* optional ok button text */
-    ok?: string;
-}
-
-class DialogMessage extends Component<DialogMessageProps> {
-    handleOk() {
-        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>;
-    }
-}
-
-export default DialogMessage;
+/**
+ * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
+ *
+ * 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 {
+    Button,
+    Dialog,
+    DialogActions,
+    DialogContent,
+    DialogContentText,
+    DialogTitle,
+} from '@mui/material';
+
+import {
+    Close as IconClose,
+} from '@mui/icons-material';
+
+import I18n from '../i18n';
+
+interface DialogMessageProps {
+    /* The dialog title; default: Message (translated) */
+    title?: string;
+    /* The dialog text */
+    text: string | React.JSX.Element;
+    /* Close handler. */
+    onClose?: () => void;
+    /* if the dialog must be fill sized */
+    fullWidth?: boolean;
+    /* optional icon */
+    icon?: React.JSX.Element;
+    /* optional ok button text */
+    ok?: string;
+}
+
+class DialogMessage extends Component<DialogMessageProps> {
+    handleOk() {
+        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>;
+    }
+}
+
+export default DialogMessage;