@iobroker/adapter-react-v5 7.0.1 → 7.0.2

package/src/Components/CopyToClipboard.tsx

@@ -1,165 +1,165 @@
-/*
-MIT License
-
-Copyright (c) 2017 sudodoki <smd.deluzion@gmail.com>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
- */
-// https://github.com/sudodoki/toggle-selection/blob/gh-pages/index.js
-function deselectCurrent() {
-    const selection = document.getSelection();
-    if (!selection?.rangeCount) {
-        return () => {};
-    }
-    let active = document.activeElement as HTMLElement | null;
-
-    const ranges: Range[] = [];
-    for (let i = 0; i < selection.rangeCount; i++) {
-        ranges.push(selection.getRangeAt(i));
-    }
-
-    switch (active?.tagName.toUpperCase()) { // .toUpperCase handles XHTML
-        case 'INPUT':
-        case 'TEXTAREA':
-            active.blur();
-            break;
-
-        default:
-            active = null;
-            break;
-    }
-
-    selection.removeAllRanges();
-    return () => {
-        selection.type === 'Caret' &&
-        selection.removeAllRanges();
-
-        if (!selection.rangeCount) {
-            ranges.forEach(range => selection.addRange(range));
-        }
-
-        active && active.focus();
-    };
-}
-
-// https://github.com/sudodoki/copy-to-clipboard/blob/master/index.js
-
-const clipboardToIE11Formatting = {
-    'text/plain': 'Text',
-    'text/html': 'Url',
-    default: 'Text',
-};
-
-const defaultMessage = 'Copy to clipboard: #{key}, Enter';
-
-function format(message: string): string {
-    const copyKey = `${/mac os x/i.test(navigator.userAgent) ? '⌘' : 'Ctrl'}+C`;
-    return message.replace(/#{\s*key\s*}/g, copyKey);
-}
-
-function copy(text: string, options?: { debug?: boolean; format?: string; message?: string }) {
-    let reselectPrevious;
-    let range;
-    let selection;
-    let mark;
-    let success = false;
-    options = options || {};
-    const debug = options.debug || false;
-    try {
-        reselectPrevious = deselectCurrent();
-
-        range = document.createRange();
-        selection = document.getSelection();
-
-        mark = document.createElement('span');
-        mark.textContent = text;
-        // avoid screen readers from reading out loud the text
-        mark.ariaHidden = 'true';
-        // reset user styles for span element
-        mark.style.all = 'unset';
-        // prevents scrolling to the end of the page
-        mark.style.position = 'fixed';
-        mark.style.top = '0px';
-        mark.style.clip = 'rect(0, 0, 0, 0)';
-        // used to preserve spaces and line breaks
-        mark.style.whiteSpace = 'pre';
-        // do not inherit user-select (it may be `none`)
-        mark.style.webkitUserSelect = 'text';
-        mark.style.MozUserSelect = 'text';
-        mark.style.msUserSelect = 'text';
-        mark.style.userSelect = 'text';
-        mark.addEventListener('copy', e => {
-            e.stopPropagation();
-            if (options?.format) {
-                e.preventDefault();
-                if (typeof e.clipboardData === 'undefined') { // IE 11
-                    debug && console.warn('unable to use e.clipboardData');
-                    debug && console.warn('trying IE specific stuff');
-                    (window as any).clipboardData?.clearData();
-                    const _format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting.default;
-                    (window as any).clipboardData?.setData(_format, text);
-                } else { // all other browsers
-                    e.clipboardData?.clearData();
-                    e.clipboardData?.setData(options.format, text);
-                }
-            }
-        });
-
-        document.body.appendChild(mark);
-
-        range.selectNodeContents(mark);
-        selection?.addRange(range);
-
-        const successful = document.execCommand('copy');
-        if (!successful) {
-            throw new Error('copy command was unsuccessful');
-        }
-        success = true;
-    } catch (err) {
-        debug && console.error('unable to copy using execCommand: ', err);
-        debug && console.warn('trying IE specific stuff');
-        try {
-            (window as any).clipboardData.setData(options.format || 'text', text);
-            // options.onCopy && options.onCopy((window as any).clipboardData);
-            success = true;
-        } catch (error) {
-            debug && console.error('unable to copy using clipboardData: ', error);
-            debug && console.error('falling back to prompt');
-            const message = format('message' in options ? options.message || '' : defaultMessage);
-            window.prompt(message, text);
-        }
-    } finally {
-        if (selection) {
-            if (range && typeof selection.removeRange === 'function') {
-                selection.removeRange(range);
-            } else {
-                selection.removeAllRanges();
-            }
-        }
-
-        if (mark) {
-            document.body.removeChild(mark);
-        }
-        reselectPrevious && reselectPrevious();
-    }
-
-    return success;
-}
-
-export default copy;
+/*
+MIT License
+
+Copyright (c) 2017 sudodoki <smd.deluzion@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+ */
+// https://github.com/sudodoki/toggle-selection/blob/gh-pages/index.js
+function deselectCurrent() {
+    const selection = document.getSelection();
+    if (!selection?.rangeCount) {
+        return () => {};
+    }
+    let active = document.activeElement as HTMLElement | null;
+
+    const ranges: Range[] = [];
+    for (let i = 0; i < selection.rangeCount; i++) {
+        ranges.push(selection.getRangeAt(i));
+    }
+
+    switch (active?.tagName.toUpperCase()) { // .toUpperCase handles XHTML
+        case 'INPUT':
+        case 'TEXTAREA':
+            active.blur();
+            break;
+
+        default:
+            active = null;
+            break;
+    }
+
+    selection.removeAllRanges();
+    return () => {
+        selection.type === 'Caret' &&
+        selection.removeAllRanges();
+
+        if (!selection.rangeCount) {
+            ranges.forEach(range => selection.addRange(range));
+        }
+
+        active && active.focus();
+    };
+}
+
+// https://github.com/sudodoki/copy-to-clipboard/blob/master/index.js
+
+const clipboardToIE11Formatting = {
+    'text/plain': 'Text',
+    'text/html': 'Url',
+    default: 'Text',
+};
+
+const defaultMessage = 'Copy to clipboard: #{key}, Enter';
+
+function format(message: string): string {
+    const copyKey = `${/mac os x/i.test(navigator.userAgent) ? '⌘' : 'Ctrl'}+C`;
+    return message.replace(/#{\s*key\s*}/g, copyKey);
+}
+
+function copy(text: string, options?: { debug?: boolean; format?: string; message?: string }) {
+    let reselectPrevious;
+    let range;
+    let selection;
+    let mark;
+    let success = false;
+    options = options || {};
+    const debug = options.debug || false;
+    try {
+        reselectPrevious = deselectCurrent();
+
+        range = document.createRange();
+        selection = document.getSelection();
+
+        mark = document.createElement('span');
+        mark.textContent = text;
+        // avoid screen readers from reading out loud the text
+        mark.ariaHidden = 'true';
+        // reset user styles for span element
+        mark.style.all = 'unset';
+        // prevents scrolling to the end of the page
+        mark.style.position = 'fixed';
+        mark.style.top = '0px';
+        mark.style.clip = 'rect(0, 0, 0, 0)';
+        // used to preserve spaces and line breaks
+        mark.style.whiteSpace = 'pre';
+        // do not inherit user-select (it may be `none`)
+        mark.style.webkitUserSelect = 'text';
+        mark.style.MozUserSelect = 'text';
+        mark.style.msUserSelect = 'text';
+        mark.style.userSelect = 'text';
+        mark.addEventListener('copy', e => {
+            e.stopPropagation();
+            if (options?.format) {
+                e.preventDefault();
+                if (typeof e.clipboardData === 'undefined') { // IE 11
+                    debug && console.warn('unable to use e.clipboardData');
+                    debug && console.warn('trying IE specific stuff');
+                    (window as any).clipboardData?.clearData();
+                    const _format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting.default;
+                    (window as any).clipboardData?.setData(_format, text);
+                } else { // all other browsers
+                    e.clipboardData?.clearData();
+                    e.clipboardData?.setData(options.format, text);
+                }
+            }
+        });
+
+        document.body.appendChild(mark);
+
+        range.selectNodeContents(mark);
+        selection?.addRange(range);
+
+        const successful = document.execCommand('copy');
+        if (!successful) {
+            throw new Error('copy command was unsuccessful');
+        }
+        success = true;
+    } catch (err) {
+        debug && console.error('unable to copy using execCommand: ', err);
+        debug && console.warn('trying IE specific stuff');
+        try {
+            (window as any).clipboardData.setData(options.format || 'text', text);
+            // options.onCopy && options.onCopy((window as any).clipboardData);
+            success = true;
+        } catch (error) {
+            debug && console.error('unable to copy using clipboardData: ', error);
+            debug && console.error('falling back to prompt');
+            const message = format('message' in options ? options.message || '' : defaultMessage);
+            window.prompt(message, text);
+        }
+    } finally {
+        if (selection) {
+            if (range && typeof selection.removeRange === 'function') {
+                selection.removeRange(range);
+            } else {
+                selection.removeAllRanges();
+            }
+        }
+
+        if (mark) {
+            document.body.removeChild(mark);
+        }
+        reselectPrevious && reselectPrevious();
+    }
+
+    return success;
+}
+
+export default copy;

package/src/Components/CustomModal.tsx

@@ -1,163 +1,163 @@
-import React, { useEffect, useState } from 'react';
-
-import {
-    Dialog, DialogActions, DialogContent,
-    DialogTitle, IconButton, TextField, Button,
-} from '@mui/material';
-
-import {
-    Check as CheckIcon,
-    Close as CloseIcon,
-    Language as LanguageIcon,
-} from '@mui/icons-material';
-
-import I18n from '../i18n';
-import { IobTheme } from '../types';
-import Utils from './Utils';
-
-const styles: Record<string, any> = {
-    modalDialog: {
-        minWidth: 400,
-        maxWidth: 800,
-    },
-    overflowHidden: {
-        display: 'flex',
-        overflow: 'hidden',
-    },
-    titleIcon: {
-        marginRight: 5,
-    },
-    content: {
-        fontSize: 16,
-    },
-    languageButton: {
-        position: 'absolute',
-        right: 8,
-        top: 8,
-    },
-    languageButtonActive: (theme: IobTheme) => ({
-        color: theme.palette.primary.main,
-    }),
-};
-
-interface CustomModalProps {
-    icon?: any;
-    open: boolean;
-    onClose: () => void;
-    children: React.JSX.Element | null;
-    titleButtonClose?: string;
-    titleButtonApply?: string;
-    onApply: (result: string) => void;
-    fullWidth?: boolean;
-    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    applyButton?: boolean;
-    applyDisabled?: boolean;
-    overflowHidden?: boolean;
-    help?: string;
-    noTranslation?: boolean;
-    toggleTranslation?: () => void;
-    title?: string;
-    progress?: boolean;
-    textInput?: boolean;
-    defaultValue?: string;
-    theme: IobTheme;
-}
-
-const CustomModal = (props: CustomModalProps) => {
-    const {
-        open,
-        toggleTranslation,
-        noTranslation,
-        title,
-        fullWidth,
-        help,
-        maxWidth,
-        progress,
-        icon,
-        applyDisabled,
-        applyButton,
-        onClose,
-        children,
-        titleButtonApply,
-        titleButtonClose,
-        onApply,
-        textInput,
-        defaultValue,
-        overflowHidden,
-    } = props;
-
-    const [value, setValue] = useState<string>(defaultValue || '');
-
-    useEffect(() => {
-        setValue(defaultValue || '');
-    }, [defaultValue]);
-
-    let Icon = null;
-
-    if (icon) {
-        Icon = icon;
-    }
-
-    return <Dialog
-        open={open}
-        maxWidth={maxWidth || 'md'}
-        fullWidth={!!fullWidth}
-        disableEscapeKeyDown={false}
-        onClose={onClose}
-        sx={{ '& .MuiDialog-paper': styles.modalDialog }}
-    >
-        {title && <DialogTitle>
-            {icon ? <Icon style={styles.titleIcon} /> : null}
-            {title}
-            {I18n.getLanguage() !== 'en' && toggleTranslation ? <IconButton
-                size="large"
-                sx={Utils.getStyle(props.theme, styles.languageButton, noTranslation && styles.languageButtonActive)}
-                onClick={() => toggleTranslation()}
-                title={I18n.t('Disable/Enable translation')}
-            >
-                <LanguageIcon />
-            </IconButton> : null}
-        </DialogTitle>}
-        <DialogContent
-            style={{ ...styles.content, ...(overflowHidden ? styles.overflowHidden : undefined), paddingTop: 8 }}
-        >
-            {textInput && <TextField
-                // className={className}
-                autoComplete="off"
-                fullWidth
-                autoFocus
-                variant="outlined"
-                size="medium"
-                // rows={10}
-                multiline
-                value={value}
-                onChange={e => setValue(e.target.value)}
-                // customValue
-            />}
-            {children}
-            {help ? <div>{help}</div> : null}
-        </DialogContent>
-        <DialogActions>
-            {applyButton !== false && <Button
-                startIcon={<CheckIcon />}
-                disabled={progress || (applyDisabled && defaultValue === value)}
-                onClick={() => onApply(textInput ? value : '')}
-                variant="contained"
-                color="primary"
-            >
-                {I18n.t(titleButtonApply || 'ra_Ok')}
-            </Button>}
-            <Button
-                color="grey"
-                onClick={onClose}
-                disabled={progress}
-                variant="contained"
-                startIcon={<CloseIcon />}
-            >
-                {I18n.t(titleButtonClose || 'ra_Cancel')}
-            </Button>
-        </DialogActions>
-    </Dialog>;
-};
-
-export default CustomModal;
+import React, { useEffect, useState } from 'react';
+
+import {
+    Dialog, DialogActions, DialogContent,
+    DialogTitle, IconButton, TextField, Button,
+} from '@mui/material';
+
+import {
+    Check as CheckIcon,
+    Close as CloseIcon,
+    Language as LanguageIcon,
+} from '@mui/icons-material';
+
+import I18n from '../i18n';
+import { IobTheme } from '../types';
+import Utils from './Utils';
+
+const styles: Record<string, any> = {
+    modalDialog: {
+        minWidth: 400,
+        maxWidth: 800,
+    },
+    overflowHidden: {
+        display: 'flex',
+        overflow: 'hidden',
+    },
+    titleIcon: {
+        marginRight: 5,
+    },
+    content: {
+        fontSize: 16,
+    },
+    languageButton: {
+        position: 'absolute',
+        right: 8,
+        top: 8,
+    },
+    languageButtonActive: (theme: IobTheme) => ({
+        color: theme.palette.primary.main,
+    }),
+};
+
+interface CustomModalProps {
+    icon?: any;
+    open: boolean;
+    onClose: () => void;
+    children: React.JSX.Element | null;
+    titleButtonClose?: string;
+    titleButtonApply?: string;
+    onApply: (result: string) => void;
+    fullWidth?: boolean;
+    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    applyButton?: boolean;
+    applyDisabled?: boolean;
+    overflowHidden?: boolean;
+    help?: string;
+    noTranslation?: boolean;
+    toggleTranslation?: () => void;
+    title?: string;
+    progress?: boolean;
+    textInput?: boolean;
+    defaultValue?: string;
+    theme: IobTheme;
+}
+
+const CustomModal = (props: CustomModalProps) => {
+    const {
+        open,
+        toggleTranslation,
+        noTranslation,
+        title,
+        fullWidth,
+        help,
+        maxWidth,
+        progress,
+        icon,
+        applyDisabled,
+        applyButton,
+        onClose,
+        children,
+        titleButtonApply,
+        titleButtonClose,
+        onApply,
+        textInput,
+        defaultValue,
+        overflowHidden,
+    } = props;
+
+    const [value, setValue] = useState<string>(defaultValue || '');
+
+    useEffect(() => {
+        setValue(defaultValue || '');
+    }, [defaultValue]);
+
+    let Icon = null;
+
+    if (icon) {
+        Icon = icon;
+    }
+
+    return <Dialog
+        open={open}
+        maxWidth={maxWidth || 'md'}
+        fullWidth={!!fullWidth}
+        disableEscapeKeyDown={false}
+        onClose={onClose}
+        sx={{ '& .MuiDialog-paper': styles.modalDialog }}
+    >
+        {title && <DialogTitle>
+            {icon ? <Icon style={styles.titleIcon} /> : null}
+            {title}
+            {I18n.getLanguage() !== 'en' && toggleTranslation ? <IconButton
+                size="large"
+                sx={Utils.getStyle(props.theme, styles.languageButton, noTranslation && styles.languageButtonActive)}
+                onClick={() => toggleTranslation()}
+                title={I18n.t('Disable/Enable translation')}
+            >
+                <LanguageIcon />
+            </IconButton> : null}
+        </DialogTitle>}
+        <DialogContent
+            style={{ ...styles.content, ...(overflowHidden ? styles.overflowHidden : undefined), paddingTop: 8 }}
+        >
+            {textInput && <TextField
+                // className={className}
+                autoComplete="off"
+                fullWidth
+                autoFocus
+                variant="outlined"
+                size="medium"
+                // rows={10}
+                multiline
+                value={value}
+                onChange={e => setValue(e.target.value)}
+                // customValue
+            />}
+            {children}
+            {help ? <div>{help}</div> : null}
+        </DialogContent>
+        <DialogActions>
+            {applyButton !== false && <Button
+                startIcon={<CheckIcon />}
+                disabled={progress || (applyDisabled && defaultValue === value)}
+                onClick={() => onApply(textInput ? value : '')}
+                variant="contained"
+                color="primary"
+            >
+                {I18n.t(titleButtonApply || 'ra_Ok')}
+            </Button>}
+            <Button
+                color="grey"
+                onClick={onClose}
+                disabled={progress}
+                variant="contained"
+                startIcon={<CloseIcon />}
+            >
+                {I18n.t(titleButtonClose || 'ra_Cancel')}
+            </Button>
+        </DialogActions>
+    </Dialog>;
+};
+
+export default CustomModal;