@iobroker/gui-components 8.0.1

package/build/Components/CopyToClipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyToClipboard.js","sourceRoot":"./src/","sources":["Components/CopyToClipboard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,sEAAsE;AACtE,SAAS,eAAe;IACpB,MAAM,SAAS,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;IAC1C,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC;QACzB,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACpB,CAAC;IACD,IAAI,MAAM,GAAG,QAAQ,CAAC,aAAmC,CAAC;IAE1D,MAAM,MAAM,GAAY,EAAE,CAAC;IAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5C,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACzC,CAAC;IAED,QACI,MAAM,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC,6BAA6B;MAC7D,CAAC;QACC,KAAK,OAAO,CAAC;QACb,KAAK,UAAU;YACX,MAAM,CAAC,IAAI,EAAE,CAAC;YACd,MAAM;QAEV;YACI,MAAM,GAAG,IAAI,CAAC;YACd,MAAM;IACd,CAAC;IAED,SAAS,CAAC,eAAe,EAAE,CAAC;IAC5B,OAAO,GAAG,EAAE;QACR,SAAS,CAAC,IAAI,KAAK,OAAO,IAAI,SAAS,CAAC,eAAe,EAAE,CAAC;QAE1D,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;YACxB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QACvD,CAAC;QAED,MAAM,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;IAC7B,CAAC,CAAC;AACN,CAAC;AAED,qEAAqE;AAErE,MAAM,yBAAyB,GAAG;IAC9B,YAAY,EAAE,MAAM;IACpB,WAAW,EAAE,KAAK;IAClB,OAAO,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,cAAc,GAAG,kCAAkC,CAAC;AAE1D,SAAS,MAAM,CAAC,OAAe;IAC3B,MAAM,OAAO,GAAG,GAAG,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC;IAC5E,OAAO,OAAO,CAAC,OAAO,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;AACrD,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,IAAI,CAChB,IAAY,EACZ,OAAoF;IAEpF,IAAI,gBAAgB,CAAC;IACrB,IAAI,KAAK,CAAC;IACV,IAAI,SAAS,CAAC;IACd,IAAI,IAAI,CAAC;IACT,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;IACxB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC;IACrC,IAAI,CAAC;QACD,gBAAgB,GAAG,eAAe,EAAE,CAAC;QAErC,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QAC/B,SAAS,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;QAEpC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACtC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,sDAAsD;QACtD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;QACzB,qCAAqC;QACrC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,OAAO,CAAC;QACzB,4CAA4C;QAC5C,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC9B,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,kBAAkB,CAAC;QACrC,0CAA0C;QAC1C,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;QAC9B,gDAAgD;QAChD,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QAC/B,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE;YAC9B,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,OAAO,EAAE,MAAM,EAAE,CAAC;gBAClB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,OAAO,CAAC,CAAC,aAAa,KAAK,WAAW,EAAE,CAAC;oBACzC,QAAQ;oBACR,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;oBACvD,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;oBACjD,MAAc,CAAC,aAAa,EAAE,SAAS,EAAE,CAAC;oBAC3C,MAAM,OAAO,GAAG,yBAAyB,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,yBAAyB,CAAC,OAAO,CAAC;oBAC9F,MAAc,CAAC,aAAa,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;gBAC1D,CAAC;qBAAM,CAAC;oBACJ,qBAAqB;oBACrB,CAAC,CAAC,aAAa,EAAE,SAAS,EAAE,CAAC;oBAC7B,CAAC,CAAC,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBACnD,CAAC;YACL,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAEhC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC/B,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE3B,0CAA0C;QAC1C,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAChD,IAAI,CAAC,UAAU,EAAE,CAAC;YACd,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;QACrD,CAAC;QACD,OAAO,GAAG,IAAI,CAAC;IACnB,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACX,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,oCAAoC,EAAE,GAAG,CAAC,CAAC;QAClE,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;QAClD,IAAI,CAAC;YACA,MAAc,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,IAAI,MAAM,EAAE,IAAI,CAAC,CAAC;YACtE,mEAAmE;YACnE,OAAO,GAAG,IAAI,CAAC;QACnB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,sCAAsC,EAAE,KAAK,CAAC,CAAC;YACtE,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC;YACjD,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;YACtF,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;YAAS,CAAC;QACP,IAAI,SAAS,EAAE,CAAC;YACZ,IAAI,KAAK,IAAI,OAAO,SAAS,CAAC,WAAW,KAAK,UAAU,EAAE,CAAC;gBACvD,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC;iBAAM,CAAC;gBACJ,SAAS,CAAC,eAAe,EAAE,CAAC;YAChC,CAAC;QACL,CAAC;QAED,IAAI,IAAI,EAAE,CAAC;YACP,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;QACD,gBAAgB,IAAI,gBAAgB,EAAE,CAAC;IAC3C,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC","sourcesContent":["/*\r\nMIT License\r\n\r\nCopyright (c) 2017 sudodoki <smd.deluzion@gmail.com>\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy\r\nof this software and associated documentation files (the \"Software\"), to deal\r\nin the Software without restriction, including without limitation the rights\r\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\ncopies of the Software, and to permit persons to whom the Software is\r\nfurnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in all\r\ncopies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\nSOFTWARE.\r\n */\r\n// https://github.com/sudodoki/toggle-selection/blob/gh-pages/index.js\r\nfunction deselectCurrent() {\r\n    const selection = document.getSelection();\r\n    if (!selection?.rangeCount) {\r\n        return () => {};\r\n    }\r\n    let active = document.activeElement as HTMLElement | null;\r\n\r\n    const ranges: Range[] = [];\r\n    for (let i = 0; i < selection.rangeCount; i++) {\r\n        ranges.push(selection.getRangeAt(i));\r\n    }\r\n\r\n    switch (\r\n        active?.tagName.toUpperCase() // .toUpperCase handles XHTML\r\n    ) {\r\n        case 'INPUT':\r\n        case 'TEXTAREA':\r\n            active.blur();\r\n            break;\r\n\r\n        default:\r\n            active = null;\r\n            break;\r\n    }\r\n\r\n    selection.removeAllRanges();\r\n    return () => {\r\n        selection.type === 'Caret' && selection.removeAllRanges();\r\n\r\n        if (!selection.rangeCount) {\r\n            ranges.forEach(range => selection.addRange(range));\r\n        }\r\n\r\n        active && active.focus();\r\n    };\r\n}\r\n\r\n// https://github.com/sudodoki/copy-to-clipboard/blob/master/index.js\r\n\r\nconst clipboardToIE11Formatting = {\r\n    'text/plain': 'Text',\r\n    'text/html': 'Url',\r\n    default: 'Text',\r\n};\r\n\r\nconst defaultMessage = 'Copy to clipboard: #{key}, Enter';\r\n\r\nfunction format(message: string): string {\r\n    const copyKey = `${/mac os x/i.test(navigator.userAgent) ? '⌘' : 'Ctrl'}+C`;\r\n    return message.replace(/#{\\s*key\\s*}/g, copyKey);\r\n}\r\n\r\n/**\r\n * Copy text to clipboard\r\n *\r\n * @param text Text to copy\r\n * @param options Options\r\n * @param options.debug Debug mode\r\n * @param options.format Format of the data\r\n * @param options.message Message to show in prompt\r\n */\r\nexport function copy(\r\n    text: string,\r\n    options?: { debug?: boolean; format?: 'text/plain' | 'text/html'; message?: string },\r\n): boolean {\r\n    let reselectPrevious;\r\n    let range;\r\n    let selection;\r\n    let mark;\r\n    let success = false;\r\n    options = options || {};\r\n    const debug = options.debug || false;\r\n    try {\r\n        reselectPrevious = deselectCurrent();\r\n\r\n        range = document.createRange();\r\n        selection = document.getSelection();\r\n\r\n        mark = document.createElement('span');\r\n        mark.textContent = text;\r\n        // avoid screen readers from reading out loud the text\r\n        mark.ariaHidden = 'true';\r\n        // reset user styles for span element\r\n        mark.style.all = 'unset';\r\n        // prevents scrolling to the end of the page\r\n        mark.style.position = 'fixed';\r\n        mark.style.top = '0px';\r\n        mark.style.clip = 'rect(0, 0, 0, 0)';\r\n        // used to preserve spaces and line breaks\r\n        mark.style.whiteSpace = 'pre';\r\n        // do not inherit user-select (it may be `none`)\r\n        mark.style.userSelect = 'text';\r\n        mark.addEventListener('copy', e => {\r\n            e.stopPropagation();\r\n            if (options?.format) {\r\n                e.preventDefault();\r\n                if (typeof e.clipboardData === 'undefined') {\r\n                    // IE 11\r\n                    debug && console.warn('unable to use e.clipboardData');\r\n                    debug && console.warn('trying IE specific stuff');\r\n                    (window as any).clipboardData?.clearData();\r\n                    const _format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting.default;\r\n                    (window as any).clipboardData?.setData(_format, text);\r\n                } else {\r\n                    // all other browsers\r\n                    e.clipboardData?.clearData();\r\n                    e.clipboardData?.setData(options.format, text);\r\n                }\r\n            }\r\n        });\r\n\r\n        document.body.appendChild(mark);\r\n\r\n        range.selectNodeContents(mark);\r\n        selection?.addRange(range);\r\n\r\n        // there is no alternative for execCommand\r\n        const successful = document.execCommand('copy');\r\n        if (!successful) {\r\n            throw new Error('copy command was unsuccessful');\r\n        }\r\n        success = true;\r\n    } catch (err) {\r\n        debug && console.error('unable to copy using execCommand: ', err);\r\n        debug && console.warn('trying IE specific stuff');\r\n        try {\r\n            (window as any).clipboardData.setData(options.format || 'text', text);\r\n            // options.onCopy && options.onCopy((window as any).clipboardData);\r\n            success = true;\r\n        } catch (error) {\r\n            debug && console.error('unable to copy using clipboardData: ', error);\r\n            debug && console.error('falling back to prompt');\r\n            const message = format('message' in options ? options.message || '' : defaultMessage);\r\n            window.prompt(message, text);\r\n        }\r\n    } finally {\r\n        if (selection) {\r\n            if (range && typeof selection.removeRange === 'function') {\r\n                selection.removeRange(range);\r\n            } else {\r\n                selection.removeAllRanges();\r\n            }\r\n        }\r\n\r\n        if (mark) {\r\n            document.body.removeChild(mark);\r\n        }\r\n        reselectPrevious && reselectPrevious();\r\n    }\r\n\r\n    return success;\r\n}\r\n"]}

package/build/Components/CustomModal.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { IobTheme } from '../types';
+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;
+}
+export declare function CustomModal(props: CustomModalProps): React.JSX.Element;
+export {};

package/build/Components/CustomModal.js

@@ -0,0 +1,62 @@
+import React, { useEffect, useState } from 'react';
+import { Dialog, DialogActions, DialogContent, DialogTitle, IconButton, TextField, Button, useMediaQuery, useTheme, } from '@mui/material';
+import { Check as CheckIcon, Close as CloseIcon, Language as LanguageIcon } from '@mui/icons-material';
+import { I18n } from '../i18n';
+import { Utils } from './Utils';
+const styles = {
+    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) => ({
+        color: theme.palette.primary.main,
+    }),
+};
+export function CustomModal(props) {
+    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(defaultValue || '');
+    useEffect(() => {
+        setValue(defaultValue || '');
+    }, [defaultValue]);
+    const muiTheme = useTheme();
+    const isSmallScreen = useMediaQuery(muiTheme.breakpoints.down('md'));
+    let Icon = null;
+    if (icon) {
+        Icon = icon;
+    }
+    return (React.createElement(Dialog, { open: open, maxWidth: isSmallScreen ? false : maxWidth || 'md', fullWidth: !!fullWidth, fullScreen: isSmallScreen, disableEscapeKeyDown: false, onClose: onClose, sx: { '& .MuiDialog-paper': isSmallScreen ? {} : styles.modalDialog } },
+        title && (React.createElement(DialogTitle, null,
+            icon ? React.createElement(Icon, { style: styles.titleIcon }) : null,
+            title,
+            I18n.getLanguage() !== 'en' && toggleTranslation ? (React.createElement(IconButton, { size: "large", sx: Utils.getStyle(props.theme, styles.languageButton, noTranslation && styles.languageButtonActive), onClick: () => toggleTranslation(), title: I18n.t('Disable/Enable translation') },
+                React.createElement(LanguageIcon, null))) : null)),
+        React.createElement(DialogContent, { style: { ...styles.content, ...(overflowHidden ? styles.overflowHidden : undefined), paddingTop: 8 } },
+            textInput && (React.createElement(TextField
+            // className={className}
+            , { 
+                // className={className}
+                autoComplete: "off", fullWidth: true, autoFocus: true, variant: "outlined", size: "medium", 
+                // rows={10}
+                multiline: true, value: value, onChange: e => setValue(e.target.value) })),
+            children,
+            help ? React.createElement("div", null, help) : null),
+        React.createElement(DialogActions, null,
+            applyButton !== false && (React.createElement(Button, { startIcon: React.createElement(CheckIcon, null), disabled: progress || (applyDisabled && defaultValue === value), onClick: () => onApply(textInput ? value : ''), variant: "contained", color: "primary" }, I18n.t(titleButtonApply || 'ra_Ok'))),
+            React.createElement(Button, { color: "grey", onClick: onClose, disabled: progress, variant: "contained", startIcon: React.createElement(CloseIcon, null) }, I18n.t(titleButtonClose || 'ra_Cancel')))));
+}
+//# sourceMappingURL=CustomModal.js.map

package/build/Components/CustomModal.js.map

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

package/build/Components/DeviceType/DeviceTypeIcon.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Types } from '@iobroker/type-detector';
+export type TypesExtended = Types | 'invalid' | 'hub3' | 'node' | 'hub5' | 'controller';
+export interface IconProps {
+    /** URL, UTF-8 character, or svg code (data:image/svg...) */
+    src?: string | React.JSX.Element | null | undefined;
+    /** Class name */
+    className?: string;
+    /** Style for image */
+    style?: React.CSSProperties;
+    /** Styles for mui */
+    sx?: Record<string, any>;
+    /** Tooltip */
+    title?: string | true;
+    /** Styles for utf-8 characters */
+    styleUTF8?: React.CSSProperties;
+    /** On error handler */
+    onError?: React.ReactEventHandler<HTMLImageElement>;
+    /** Reference to image */
+    ref?: React.RefObject<HTMLImageElement>;
+    /** Alternative text for image */
+    alt?: string;
+    /** On click handler */
+    onClick?: React.MouseEventHandler<any>;
+}
+export type TypeIconProps = IconProps & {
+    type?: TypesExtended;
+};
+export declare function DeviceTypeIcon(props: TypeIconProps): React.JSX.Element | null;

package/build/Components/DeviceType/DeviceTypeIcon.js

@@ -0,0 +1,108 @@
+import React, { useEffect } from 'react';
+import { Box, Tooltip } from '@mui/material';
+import { AiOutlineLineChart as TypeIconChart } from 'react-icons/ai';
+import { GoDeviceCameraVideo as TypeIconCamera } from 'react-icons/go';
+import { 
+// FaExternalLinkSquareAlt as TypeIconURL,
+FaImage as TypeIconImage, FaRegLightbulb as TypeIconDimmer, FaInfoCircle as TypeIconInfo, FaLightbulb as TypeIconLight, FaLock as TypeIconLock, FaStreetView as TypeIconLocation, FaStepForward as TypeIconMedia, FaSlidersH as TypeIconSlider, FaVolumeDown as TypeIconVolume, FaVolumeUp as TypeIconVolumeGroup, FaFan as TypeIconAC, FaWrench as TypeIconInstance, } from 'react-icons/fa';
+import { MdFormatColorFill as TypeIconHUE, MdFormatColorFill as TypeIconCT, MdWarning as TypeIconWarning, MdQuestionMark as TypeIconUnknown, MdOutlineMyLocation as TypeIconLocationOne, MdDeviceHub as TypeIconHub3, MdPolyline as TypeIconNode, MdHub as TypeIconHub5, MdControlCamera as TypeIconController, } from 'react-icons/md';
+import { WiCloudy as TypeIconWeather } from 'react-icons/wi';
+import { IoIosRadioButtonOn as TypeIconButtonSensor } from 'react-icons/io';
+import { TbSunElectricity as TypeIconIlluminance } from 'react-icons/tb';
+import { PiPaletteDuotone as TypeIconRGBWSingle } from 'react-icons/pi';
+import { Types } from '@iobroker/type-detector';
+import { I18n } from '../../i18n';
+import { Icon } from '../Icon';
+import { Cleaner as TypeIconVacuumCleaner, Humidity as TypeIconHumidity, Jalousie as TypeIconBlinds, PushButton as TypeIconButton, DoorOpened as TypeIconDoor, FireOn as TypeIconFireAlarm, FloodOn as TypeIconFloodAlarm, Gate as TypeIconGate, MotionOn as TypeIconMotion, RGB as TypeIconRGB, Socket as TypeIconSocket, Thermometer as TypeIconTemperature, Thermostat as TypeIconThermostat, 
+// HeatValve as TypeIconValve,
+WindowOpened as TypeIconWindow, WindowTilted as TypeIconWindowTilt, } from './icons';
+import { extendDeviceTypeTranslation } from './deviceTypeTranslations';
+const TYPE_ICONS = {
+    [Types.airCondition]: TypeIconAC,
+    [Types.blind]: TypeIconBlinds,
+    [Types.blindButtons]: TypeIconBlinds,
+    [Types.button]: TypeIconButton,
+    [Types.buttonSensor]: TypeIconButtonSensor,
+    [Types.camera]: TypeIconCamera,
+    [Types.chart]: TypeIconChart,
+    // [Types.url]: TypeIconURL,
+    [Types.image]: TypeIconImage,
+    [Types.dimmer]: TypeIconDimmer,
+    [Types.door]: TypeIconDoor,
+    [Types.fireAlarm]: TypeIconFireAlarm,
+    // @ts-expect-error special case
+    'sensor.alarm.fire': TypeIconFireAlarm,
+    [Types.floodAlarm]: TypeIconFloodAlarm,
+    'sensor.alarm.flood': TypeIconFloodAlarm,
+    [Types.gate]: TypeIconGate,
+    [Types.humidity]: TypeIconHumidity,
+    [Types.illuminance]: TypeIconIlluminance,
+    [Types.info]: TypeIconInfo,
+    [Types.light]: TypeIconLight,
+    [Types.lock]: TypeIconLock,
+    [Types.location]: TypeIconLocation,
+    [Types.locationOne]: TypeIconLocationOne,
+    [Types.media]: TypeIconMedia,
+    [Types.motion]: TypeIconMotion,
+    [Types.ct]: TypeIconCT,
+    [Types.rgb]: TypeIconRGB,
+    [Types.rgbSingle]: TypeIconRGB,
+    [Types.rgbwSingle]: TypeIconRGBWSingle,
+    [Types.hue]: TypeIconHUE,
+    [Types.cie]: TypeIconRGB,
+    [Types.slider]: TypeIconSlider,
+    [Types.socket]: TypeIconSocket,
+    [Types.temperature]: TypeIconTemperature,
+    [Types.thermostat]: TypeIconThermostat,
+    // [Types.valve]: TypeIconValve,
+    [Types.vacuumCleaner]: TypeIconVacuumCleaner,
+    [Types.volume]: TypeIconVolume,
+    [Types.volumeGroup]: TypeIconVolumeGroup,
+    [Types.window]: TypeIconWindow,
+    [Types.windowTilt]: TypeIconWindowTilt,
+    [Types.weatherCurrent]: TypeIconWeather,
+    [Types.weatherForecast]: TypeIconWeather,
+    [Types.warning]: TypeIconWarning,
+    [Types.unknown]: TypeIconUnknown,
+    [Types.instance]: TypeIconInstance,
+    // Special matter types
+    invalid: TypeIconWarning,
+    hub3: TypeIconHub3,
+    node: TypeIconNode,
+    hub5: TypeIconHub5,
+    controller: TypeIconController,
+};
+const defaultStyle = {
+    width: 32,
+    height: 32,
+};
+export function DeviceTypeIcon(props) {
+    const [loaded, setLoaded] = React.useState(false);
+    useEffect(() => {
+        if (props.title && !loaded) {
+            extendDeviceTypeTranslation();
+            setLoaded(true);
+        }
+    }, [props.title, loaded]);
+    if (!loaded && props.title) {
+        return (React.createElement(Box, { style: { ...defaultStyle, ...(props.style || undefined) }, className: props.className, sx: props.sx }));
+    }
+    // src could contain a device type too, so detect if it is a type
+    const type = props.type ||
+        (props.src ? Object.keys(TYPE_ICONS).find(type => props.src === type) : undefined);
+    if (!type && props.src) {
+        return (React.createElement(Icon, { style: defaultStyle, ...props, title: props.title === true ? undefined : props.title, src: props.src }));
+    }
+    const TypeIcon = type && TYPE_ICONS[type];
+    if (!TypeIcon) {
+        // Show the first letter of a type
+        return type ? (React.createElement("span", { style: { ...defaultStyle, ...(props.style || undefined) } }, type[0].toUpperCase())) : null;
+    }
+    const icon = (React.createElement(TypeIcon, { style: { ...defaultStyle, ...(props.style || undefined) }, onClick: props.onClick, className: props.className, sx: props.sx }));
+    if (props.title) {
+        return (React.createElement(Tooltip, { slotProps: { popper: { sx: { pointerEvents: 'none' } } }, title: props.title === true ? I18n.t(`type-${type}`) : props.title },
+            React.createElement("div", { style: { display: 'flex' } }, icon)));
+    }
+    return icon;
+}
+//# sourceMappingURL=DeviceTypeIcon.js.map

package/build/Components/DeviceType/DeviceTypeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTypeIcon.js","sourceRoot":"./src/","sources":["Components/DeviceType/DeviceTypeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,kBAAkB,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,mBAAmB,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEvE,OAAO;AACH,0CAA0C;AAC1C,OAAO,IAAI,aAAa,EACxB,cAAc,IAAI,cAAc,EAChC,YAAY,IAAI,YAAY,EAC5B,WAAW,IAAI,aAAa,EAC5B,MAAM,IAAI,YAAY,EACtB,YAAY,IAAI,gBAAgB,EAChC,aAAa,IAAI,aAAa,EAC9B,UAAU,IAAI,cAAc,EAC5B,YAAY,IAAI,cAAc,EAC9B,UAAU,IAAI,mBAAmB,EACjC,KAAK,IAAI,UAAU,EACnB,QAAQ,IAAI,gBAAgB,GAC/B,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACH,iBAAiB,IAAI,WAAW,EAChC,iBAAiB,IAAI,UAAU,EAC/B,SAAS,IAAI,eAAe,EAC5B,cAAc,IAAI,eAAe,EACjC,mBAAmB,IAAI,mBAAmB,EAC1C,WAAW,IAAI,YAAY,EAC3B,UAAU,IAAI,YAAY,EAC1B,KAAK,IAAI,YAAY,EACrB,eAAe,IAAI,kBAAkB,GACxC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,gBAAgB,IAAI,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,OAAO,EACH,OAAO,IAAI,qBAAqB,EAChC,QAAQ,IAAI,gBAAgB,EAC5B,QAAQ,IAAI,cAAc,EAC1B,UAAU,IAAI,cAAc,EAC5B,UAAU,IAAI,YAAY,EAC1B,MAAM,IAAI,iBAAiB,EAC3B,OAAO,IAAI,kBAAkB,EAC7B,IAAI,IAAI,YAAY,EACpB,QAAQ,IAAI,cAAc,EAC1B,GAAG,IAAI,WAAW,EAClB,MAAM,IAAI,cAAc,EACxB,WAAW,IAAI,mBAAmB,EAClC,UAAU,IAAI,kBAAkB;AAChC,8BAA8B;AAC9B,YAAY,IAAI,cAAc,EAC9B,YAAY,IAAI,kBAAkB,GAErC,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAIvE,MAAM,UAAU,GAAkD;IAC9D,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,UAAU;IAChC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,cAAc;IAC7B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,cAAc;IACpC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,cAAc;IAC9B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,oBAAoB;IAC1C,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,cAAc;IAC9B,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,aAAa;IAC5B,4BAA4B;IAC5B,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,aAAa;IAC5B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,cAAc;IAC9B,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY;IAC1B,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,iBAAiB;IACpC,gCAAgC;IAChC,mBAAmB,EAAE,iBAAiB;IACtC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,kBAAkB;IACtC,oBAAoB,EAAE,kBAAkB;IACxC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY;IAC1B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,gBAAgB;IAClC,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,mBAAmB;IACxC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY;IAC1B,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,aAAa;IAC5B,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY;IAC1B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,gBAAgB;IAClC,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,mBAAmB;IACxC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,aAAa;IAC5B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,cAAc;IAC9B,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,UAAU;IACtB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,WAAW;IACxB,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,WAAW;IAC9B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,kBAAkB;IACtC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,WAAW;IACxB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,WAAW;IACxB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,cAAc;IAC9B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,cAAc;IAC9B,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,mBAAmB;IACxC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,kBAAkB;IACtC,gCAAgC;IAChC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,qBAAqB;IAC5C,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,cAAc;IAC9B,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,mBAAmB;IACxC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,cAAc;IAC9B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,kBAAkB;IACtC,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,eAAe;IACvC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,eAAe;IACxC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,eAAe;IAEhC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,eAAe;IAChC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,gBAAgB;IAElC,uBAAuB;IACvB,OAAO,EAAE,eAAe;IACxB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,YAAY;IAClB,UAAU,EAAE,kBAAkB;CACjC,CAAC;AAEF,MAAM,YAAY,GAAwB;IACtC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACb,CAAC;AA2BF,MAAM,UAAU,cAAc,CAAC,KAAoB;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;YACzB,2BAA2B,EAAE,CAAC;YAC9B,SAAS,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE1B,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QACzB,OAAO,CACH,oBAAC,GAAG,IACA,KAAK,EAAE,EAAE,GAAG,YAAY,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,EAAE,EACzD,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,EAAE,EAAE,KAAK,CAAC,EAAE,GACd,CACL,CAAC;IACN,CAAC;IACD,iEAAiE;IACjE,MAAM,IAAI,GACN,KAAK,CAAC,IAAI;QACV,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAE,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,IAAI,CAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAE1G,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;QACrB,OAAO,CACH,oBAAC,IAAI,IACD,KAAK,EAAE,YAAY,KACf,KAAK,EACT,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EACrD,GAAG,EAAE,KAAK,CAAC,GAAG,GAChB,CACL,CAAC;IACN,CAAC;IAED,MAAM,QAAQ,GAAG,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,kCAAkC;QAClC,OAAO,IAAI,CAAC,CAAC,CAAC,CACV,8BAAM,KAAK,EAAE,EAAE,GAAG,YAAY,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,EAAE,IAAG,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAQ,CAClG,CAAC,CAAC,CAAC,IAAI,CAAC;IACb,CAAC;IAED,MAAM,IAAI,GAAG,CACT,oBAAC,QAAQ,IACL,KAAK,EAAE,EAAE,GAAG,YAAY,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,EAAE,EACzD,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,EAAE,EAAE,KAAK,CAAC,EAAE,GACd,CACL,CAAC;IAEF,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,OAAO,CACH,oBAAC,OAAO,IACJ,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE,EACxD,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;YAElE,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,IAAI,CAAO,CACvC,CACb,CAAC;IACN,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import React, { useEffect } from 'react';\n\nimport { Box, Tooltip } from '@mui/material';\n\nimport { AiOutlineLineChart as TypeIconChart } from 'react-icons/ai';\nimport { GoDeviceCameraVideo as TypeIconCamera } from 'react-icons/go';\n\nimport {\n    // FaExternalLinkSquareAlt as TypeIconURL,\n    FaImage as TypeIconImage,\n    FaRegLightbulb as TypeIconDimmer,\n    FaInfoCircle as TypeIconInfo,\n    FaLightbulb as TypeIconLight,\n    FaLock as TypeIconLock,\n    FaStreetView as TypeIconLocation,\n    FaStepForward as TypeIconMedia,\n    FaSlidersH as TypeIconSlider,\n    FaVolumeDown as TypeIconVolume,\n    FaVolumeUp as TypeIconVolumeGroup,\n    FaFan as TypeIconAC,\n    FaWrench as TypeIconInstance,\n} from 'react-icons/fa';\n\nimport {\n    MdFormatColorFill as TypeIconHUE,\n    MdFormatColorFill as TypeIconCT,\n    MdWarning as TypeIconWarning,\n    MdQuestionMark as TypeIconUnknown,\n    MdOutlineMyLocation as TypeIconLocationOne,\n    MdDeviceHub as TypeIconHub3,\n    MdPolyline as TypeIconNode,\n    MdHub as TypeIconHub5,\n    MdControlCamera as TypeIconController,\n} from 'react-icons/md';\nimport { WiCloudy as TypeIconWeather } from 'react-icons/wi';\nimport { IoIosRadioButtonOn as TypeIconButtonSensor } from 'react-icons/io';\nimport { TbSunElectricity as TypeIconIlluminance } from 'react-icons/tb';\nimport { PiPaletteDuotone as TypeIconRGBWSingle } from 'react-icons/pi';\n\nimport { Types } from '@iobroker/type-detector';\n\nimport { I18n } from '../../i18n';\nimport { Icon } from '../Icon';\n\nimport {\n    Cleaner as TypeIconVacuumCleaner,\n    Humidity as TypeIconHumidity,\n    Jalousie as TypeIconBlinds,\n    PushButton as TypeIconButton,\n    DoorOpened as TypeIconDoor,\n    FireOn as TypeIconFireAlarm,\n    FloodOn as TypeIconFloodAlarm,\n    Gate as TypeIconGate,\n    MotionOn as TypeIconMotion,\n    RGB as TypeIconRGB,\n    Socket as TypeIconSocket,\n    Thermometer as TypeIconTemperature,\n    Thermostat as TypeIconThermostat,\n    // HeatValve as TypeIconValve,\n    WindowOpened as TypeIconWindow,\n    WindowTilted as TypeIconWindowTilt,\n    type IconPropsSVG,\n} from './icons';\nimport { extendDeviceTypeTranslation } from './deviceTypeTranslations';\n\nexport type TypesExtended = Types | 'invalid' | 'hub3' | 'node' | 'hub5' | 'controller';\n\nconst TYPE_ICONS: Record<TypesExtended, React.FC<IconPropsSVG>> = {\n    [Types.airCondition]: TypeIconAC,\n    [Types.blind]: TypeIconBlinds,\n    [Types.blindButtons]: TypeIconBlinds,\n    [Types.button]: TypeIconButton,\n    [Types.buttonSensor]: TypeIconButtonSensor,\n    [Types.camera]: TypeIconCamera,\n    [Types.chart]: TypeIconChart,\n    // [Types.url]: TypeIconURL,\n    [Types.image]: TypeIconImage,\n    [Types.dimmer]: TypeIconDimmer,\n    [Types.door]: TypeIconDoor,\n    [Types.fireAlarm]: TypeIconFireAlarm,\n    // @ts-expect-error special case\n    'sensor.alarm.fire': TypeIconFireAlarm,\n    [Types.floodAlarm]: TypeIconFloodAlarm,\n    'sensor.alarm.flood': TypeIconFloodAlarm,\n    [Types.gate]: TypeIconGate,\n    [Types.humidity]: TypeIconHumidity,\n    [Types.illuminance]: TypeIconIlluminance,\n    [Types.info]: TypeIconInfo,\n    [Types.light]: TypeIconLight,\n    [Types.lock]: TypeIconLock,\n    [Types.location]: TypeIconLocation,\n    [Types.locationOne]: TypeIconLocationOne,\n    [Types.media]: TypeIconMedia,\n    [Types.motion]: TypeIconMotion,\n    [Types.ct]: TypeIconCT,\n    [Types.rgb]: TypeIconRGB,\n    [Types.rgbSingle]: TypeIconRGB,\n    [Types.rgbwSingle]: TypeIconRGBWSingle,\n    [Types.hue]: TypeIconHUE,\n    [Types.cie]: TypeIconRGB,\n    [Types.slider]: TypeIconSlider,\n    [Types.socket]: TypeIconSocket,\n    [Types.temperature]: TypeIconTemperature,\n    [Types.thermostat]: TypeIconThermostat,\n    // [Types.valve]: TypeIconValve,\n    [Types.vacuumCleaner]: TypeIconVacuumCleaner,\n    [Types.volume]: TypeIconVolume,\n    [Types.volumeGroup]: TypeIconVolumeGroup,\n    [Types.window]: TypeIconWindow,\n    [Types.windowTilt]: TypeIconWindowTilt,\n    [Types.weatherCurrent]: TypeIconWeather,\n    [Types.weatherForecast]: TypeIconWeather,\n    [Types.warning]: TypeIconWarning,\n\n    [Types.unknown]: TypeIconUnknown,\n    [Types.instance]: TypeIconInstance,\n\n    // Special matter types\n    invalid: TypeIconWarning,\n    hub3: TypeIconHub3,\n    node: TypeIconNode,\n    hub5: TypeIconHub5,\n    controller: TypeIconController,\n};\n\nconst defaultStyle: React.CSSProperties = {\n    width: 32,\n    height: 32,\n};\n\nexport interface IconProps {\n    /** URL, UTF-8 character, or svg code (data:image/svg...) */\n    src?: string | React.JSX.Element | null | undefined;\n    /** Class name */\n    className?: string;\n    /** Style for image */\n    style?: React.CSSProperties;\n    /** Styles for mui */\n    sx?: Record<string, any>;\n    /** Tooltip */\n    title?: string | true;\n    /** Styles for utf-8 characters */\n    styleUTF8?: React.CSSProperties;\n    /** On error handler */\n    onError?: React.ReactEventHandler<HTMLImageElement>;\n    /** Reference to image */\n    ref?: React.RefObject<HTMLImageElement>;\n    /** Alternative text for image */\n    alt?: string;\n    /** On click handler */\n    onClick?: React.MouseEventHandler<any>;\n}\n\nexport type TypeIconProps = IconProps & { type?: TypesExtended };\n\nexport function DeviceTypeIcon(props: TypeIconProps): React.JSX.Element | null {\n    const [loaded, setLoaded] = React.useState(false);\n\n    useEffect(() => {\n        if (props.title && !loaded) {\n            extendDeviceTypeTranslation();\n            setLoaded(true);\n        }\n    }, [props.title, loaded]);\n\n    if (!loaded && props.title) {\n        return (\n            <Box\n                style={{ ...defaultStyle, ...(props.style || undefined) }}\n                className={props.className}\n                sx={props.sx}\n            />\n        );\n    }\n    // src could contain a device type too, so detect if it is a type\n    const type: TypesExtended | undefined =\n        props.type ||\n        (props.src ? (Object.keys(TYPE_ICONS).find(type => props.src === type) as TypesExtended) : undefined);\n\n    if (!type && props.src) {\n        return (\n            <Icon\n                style={defaultStyle}\n                {...props}\n                title={props.title === true ? undefined : props.title}\n                src={props.src}\n            />\n        );\n    }\n\n    const TypeIcon = type && TYPE_ICONS[type];\n    if (!TypeIcon) {\n        // Show the first letter of a type\n        return type ? (\n            <span style={{ ...defaultStyle, ...(props.style || undefined) }}>{type[0].toUpperCase()}</span>\n        ) : null;\n    }\n\n    const icon = (\n        <TypeIcon\n            style={{ ...defaultStyle, ...(props.style || undefined) }}\n            onClick={props.onClick}\n            className={props.className}\n            sx={props.sx}\n        />\n    );\n\n    if (props.title) {\n        return (\n            <Tooltip\n                slotProps={{ popper: { sx: { pointerEvents: 'none' } } }}\n                title={props.title === true ? I18n.t(`type-${type}`) : props.title}\n            >\n                <div style={{ display: 'flex' }}>{icon}</div>\n            </Tooltip>\n        );\n    }\n\n    return icon;\n}\n"]}

package/build/Components/DeviceType/DeviceTypeOptions.d.ts

@@ -0,0 +1,2 @@
+import type { IconType } from 'react-icons';
+export declare const STATES_NAME_ICONS: Record<string, IconType>;

package/build/Components/DeviceType/DeviceTypeOptions.js

@@ -0,0 +1,69 @@
+import { FcElectricalSensor } from 'react-icons/fc';
+import { SiBoost } from 'react-icons/si';
+import { TiCogOutline as IconWorking } from 'react-icons/ti';
+import { MdPermScanWifi as IconUnreach, MdPriorityHigh as IconMaintain, MdBatteryAlert as IconLowbat, MdError as IconError, MdDirections, MdGpsFixed, MdWork, MdDeveloperMode, } from 'react-icons/md';
+import { AiOutlineAppstoreAdd, AiOutlineRadiusBottomleft, AiOutlineColumnHeight, AiOutlineColumnWidth, AiOutlineSwap, AiFillPauseCircle, AiOutlinePoweroff, } from 'react-icons/ai';
+import { BiLastPage } from 'react-icons/bi';
+import { FaCompressArrowsAlt, FaRunning, FaSun, FaCompress, FaVolumeMute, FaToggleOn, FaDoorOpen, } from 'react-icons/fa';
+import { GiElectricalResistance, GiLaserPrecision, GiStopSign, GiNuclearWaste, GiMatterStates, GiTreeSwing, GiSpeedometer, GiElectric, GiLightningFrequency, } from 'react-icons/gi';
+import { IoIosColorPalette, IoIosWater } from 'react-icons/io';
+import { WiDaySunny, WiFire, WiHumidity, WiSmoke, WiThermometer } from 'react-icons/wi';
+import { FiPower } from 'react-icons/fi';
+import { HiOutlineLightBulb } from 'react-icons/hi';
+import { ImPower } from 'react-icons/im';
+import { WindowTilted } from './icons';
+export const STATES_NAME_ICONS = {
+    SET: AiOutlineAppstoreAdd,
+    WORKING: MdWork,
+    UNREACH: IconUnreach,
+    LOWBAT: IconLowbat,
+    MAINTAIN: IconMaintain,
+    ERROR: IconError,
+    DIRECTION: MdDirections,
+    CONNECTED: IconUnreach,
+    ACTUAL: IconWorking,
+    SECOND: BiLastPage,
+    PRESS_LONG: FaCompressArrowsAlt,
+    PRESS: FaCompress,
+    MUTE: FaVolumeMute,
+    ACCURACY: GiLaserPrecision,
+    RADIUS: AiOutlineRadiusBottomleft,
+    ELEVATION: AiOutlineColumnHeight,
+    LATITUDE: AiOutlineColumnWidth,
+    LONGITUDE: AiOutlineSwap,
+    GPS: MdGpsFixed,
+    ON_ACTUAL: FaToggleOn,
+    ON_SET: FaToggleOn,
+    OPEN: FaDoorOpen,
+    STOP: GiStopSign,
+    WATER_ALARM: IoIosWater, // water
+    WASTE_ALARM: GiNuclearWaste,
+    PAUSE: AiFillPauseCircle,
+    STATE: GiMatterStates,
+    BATTERY: IconLowbat,
+    WASTE: GiNuclearWaste,
+    WATER: IoIosWater,
+    WORK_MODE: MdWork,
+    MODE: MdDeveloperMode,
+    POWER: AiOutlinePoweroff,
+    BOOST: SiBoost,
+    HUMIDITY: WiHumidity,
+    TEMPERATURE: WiThermometer,
+    BRIGHTNESS: WiDaySunny,
+    MOTION: FaRunning,
+    FIRE: WiFire,
+    WINDOW: WindowTilted,
+    SMOKE: WiSmoke,
+    SWING: GiTreeSwing,
+    SPEED: GiSpeedometer,
+    DIMMER: HiOutlineLightBulb,
+    ON: FiPower,
+    COLOR_TEMP: FaSun,
+    ELECTRIC_POWER: ImPower,
+    CURRENT: GiElectric,
+    VOLTAGE: GiElectricalResistance,
+    CONSUMPTION: FcElectricalSensor,
+    FREQUENCY: GiLightningFrequency,
+    HUE: IoIosColorPalette,
+};
+//# sourceMappingURL=DeviceTypeOptions.js.map

package/build/Components/DeviceType/DeviceTypeOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTypeOptions.js","sourceRoot":"./src/","sources":["Components/DeviceType/DeviceTypeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,YAAY,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EACH,cAAc,IAAI,WAAW,EAC7B,cAAc,IAAI,YAAY,EAC9B,cAAc,IAAI,UAAU,EAC5B,OAAO,IAAI,SAAS,EACpB,YAAY,EACZ,UAAU,EACV,MAAM,EACN,eAAe,GAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACH,oBAAoB,EACpB,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,iBAAiB,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EACH,mBAAmB,EACnB,SAAS,EACT,KAAK,EACL,UAAU,EACV,YAAY,EACZ,UAAU,EACV,UAAU,GACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACH,sBAAsB,EACtB,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,cAAc,EACd,WAAW,EACX,aAAa,EACb,UAAU,EACV,oBAAoB,GACvB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACxF,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGzC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAA6B;IACvD,GAAG,EAAE,oBAAoB;IACzB,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,WAAW;IACpB,MAAM,EAAE,UAAU;IAClB,QAAQ,EAAE,YAAY;IACtB,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,UAAU;IAClB,UAAU,EAAE,mBAAmB;IAC/B,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,yBAAyB;IACjC,SAAS,EAAE,qBAAqB;IAChC,QAAQ,EAAE,oBAAoB;IAC9B,SAAS,EAAE,aAAa;IACxB,GAAG,EAAE,UAAU;IACf,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,UAAU;IAChB,WAAW,EAAE,UAAU,EAAE,QAAQ;IACjC,WAAW,EAAE,cAAc;IAC3B,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,cAAc;IACrB,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,aAAa;IAC1B,UAAU,EAAE,UAAU;IACtB,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,kBAAkB;IAC1B,EAAE,EAAE,OAAO;IACX,UAAU,EAAE,KAAK;IACjB,cAAc,EAAE,OAAO;IACvB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,sBAAsB;IAC/B,WAAW,EAAE,kBAAkB;IAC/B,SAAS,EAAE,oBAAoB;IAC/B,GAAG,EAAE,iBAAiB;CACzB,CAAC","sourcesContent":["import { FcElectricalSensor } from 'react-icons/fc';\nimport { SiBoost } from 'react-icons/si';\nimport { TiCogOutline as IconWorking } from 'react-icons/ti';\nimport {\n    MdPermScanWifi as IconUnreach,\n    MdPriorityHigh as IconMaintain,\n    MdBatteryAlert as IconLowbat,\n    MdError as IconError,\n    MdDirections,\n    MdGpsFixed,\n    MdWork,\n    MdDeveloperMode,\n} from 'react-icons/md';\nimport {\n    AiOutlineAppstoreAdd,\n    AiOutlineRadiusBottomleft,\n    AiOutlineColumnHeight,\n    AiOutlineColumnWidth,\n    AiOutlineSwap,\n    AiFillPauseCircle,\n    AiOutlinePoweroff,\n} from 'react-icons/ai';\nimport { BiLastPage } from 'react-icons/bi';\nimport {\n    FaCompressArrowsAlt,\n    FaRunning,\n    FaSun,\n    FaCompress,\n    FaVolumeMute,\n    FaToggleOn,\n    FaDoorOpen,\n} from 'react-icons/fa';\nimport {\n    GiElectricalResistance,\n    GiLaserPrecision,\n    GiStopSign,\n    GiNuclearWaste,\n    GiMatterStates,\n    GiTreeSwing,\n    GiSpeedometer,\n    GiElectric,\n    GiLightningFrequency,\n} from 'react-icons/gi';\nimport { IoIosColorPalette, IoIosWater } from 'react-icons/io';\nimport { WiDaySunny, WiFire, WiHumidity, WiSmoke, WiThermometer } from 'react-icons/wi';\nimport { FiPower } from 'react-icons/fi';\nimport { HiOutlineLightBulb } from 'react-icons/hi';\nimport { ImPower } from 'react-icons/im';\nimport type { IconType } from 'react-icons';\n\nimport { WindowTilted } from './icons';\n\nexport const STATES_NAME_ICONS: Record<string, IconType> = {\n    SET: AiOutlineAppstoreAdd,\n    WORKING: MdWork,\n    UNREACH: IconUnreach,\n    LOWBAT: IconLowbat,\n    MAINTAIN: IconMaintain,\n    ERROR: IconError,\n    DIRECTION: MdDirections,\n    CONNECTED: IconUnreach,\n    ACTUAL: IconWorking,\n    SECOND: BiLastPage,\n    PRESS_LONG: FaCompressArrowsAlt,\n    PRESS: FaCompress,\n    MUTE: FaVolumeMute,\n    ACCURACY: GiLaserPrecision,\n    RADIUS: AiOutlineRadiusBottomleft,\n    ELEVATION: AiOutlineColumnHeight,\n    LATITUDE: AiOutlineColumnWidth,\n    LONGITUDE: AiOutlineSwap,\n    GPS: MdGpsFixed,\n    ON_ACTUAL: FaToggleOn,\n    ON_SET: FaToggleOn,\n    OPEN: FaDoorOpen,\n    STOP: GiStopSign,\n    WATER_ALARM: IoIosWater, // water\n    WASTE_ALARM: GiNuclearWaste,\n    PAUSE: AiFillPauseCircle,\n    STATE: GiMatterStates,\n    BATTERY: IconLowbat,\n    WASTE: GiNuclearWaste,\n    WATER: IoIosWater,\n    WORK_MODE: MdWork,\n    MODE: MdDeveloperMode,\n    POWER: AiOutlinePoweroff,\n    BOOST: SiBoost,\n    HUMIDITY: WiHumidity,\n    TEMPERATURE: WiThermometer,\n    BRIGHTNESS: WiDaySunny,\n    MOTION: FaRunning,\n    FIRE: WiFire,\n    WINDOW: WindowTilted,\n    SMOKE: WiSmoke,\n    SWING: GiTreeSwing,\n    SPEED: GiSpeedometer,\n    DIMMER: HiOutlineLightBulb,\n    ON: FiPower,\n    COLOR_TEMP: FaSun,\n    ELECTRIC_POWER: ImPower,\n    CURRENT: GiElectric,\n    VOLTAGE: GiElectricalResistance,\n    CONSUMPTION: FcElectricalSensor,\n    FREQUENCY: GiLightningFrequency,\n    HUE: IoIosColorPalette,\n};\n"]}

package/build/Components/DeviceType/DeviceTypeSelector.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Types } from '@iobroker/type-detector';
+import type { ThemeType } from '../../types';
+export declare function DeviceTypeSelector(props: {
+    themeType: ThemeType;
+    supportedDevices?: Types[];
+    unsupportedDevices?: Types[];
+    value?: Types | '';
+    onChange: (value: Types) => void;
+    label?: string;
+    style?: React.CSSProperties;
+    sx?: Record<string, any>;
+    disabled?: boolean;
+    error?: boolean;
+    /** Show icons for applications: google, amazon, material, alias. Used in devices */
+    showApplications?: {
+        TYPE_OPTIONS: Partial<Record<Types, Record<string, boolean>>>;
+        ICONS_TYPE: Record<string, React.JSX.Element>;
+    };
+}): React.JSX.Element;

package/build/Components/DeviceType/DeviceTypeSelector.js

@@ -0,0 +1,83 @@
+import React, { useEffect } from 'react';
+import { Box, FormControl, InputLabel, MenuItem, Select } from '@mui/material';
+import { Types } from '@iobroker/type-detector';
+import { I18n } from '../../i18n';
+import { Icon } from '../Icon';
+import { DeviceTypeIcon } from './DeviceTypeIcon';
+import { extendDeviceTypeTranslation } from './deviceTypeTranslations';
+const styles = {
+    itemChildrenWrapper: {
+        display: 'flex',
+        width: '100%',
+        justifyContent: 'space-between',
+    },
+    type: {
+        marginTop: 10,
+    },
+    selectIcon: {
+        paddingRight: 8,
+        verticalAlign: 'middle',
+        width: 20,
+        height: 20,
+    },
+    selectText: {
+        verticalAlign: 'middle',
+    },
+    iconWrapper: {
+        display: 'flex',
+        alignItems: 'center',
+    },
+    iconStyle: {
+        width: 16,
+        height: 16,
+        margin: '0 3px',
+    },
+    emptyIcon: {
+        width: 16,
+        height: 16,
+        margin: '0 3px',
+    },
+};
+export function DeviceTypeSelector(props) {
+    const [typesWords, setTypesWords] = React.useState({});
+    const [types, setTypes] = React.useState([]);
+    useEffect(() => {
+        const _typesWords = {};
+        Object.keys(Types)
+            .filter(id => (!props.supportedDevices || props.supportedDevices?.includes(id)) &&
+            !props.unsupportedDevices?.includes(id))
+            .forEach(typeId => (_typesWords[typeId] = I18n.t(`type-${Types[typeId]}`)));
+        // sort types by ABC in the current language
+        const _types = Object.keys(_typesWords);
+        _types.sort((a, b) => {
+            if (_typesWords[a] === _typesWords[b]) {
+                return 0;
+            }
+            return _typesWords[a].localeCompare(_typesWords[b], 'de');
+        });
+        extendDeviceTypeTranslation();
+        setTypes(_types);
+        setTypesWords(_typesWords);
+    }, [props.supportedDevices, props.unsupportedDevices]);
+    if (!types) {
+        return (React.createElement(Box, { style: {
+                ...styles.type,
+                ...props.style,
+            }, sx: props.sx }));
+    }
+    return (React.createElement(FormControl, { style: {
+            ...styles.type,
+            ...props.style,
+        }, sx: props.sx, variant: "standard", error: !!props.error },
+        React.createElement(InputLabel, null, props.label || I18n.t('type-Device type')),
+        React.createElement(Select, { variant: "standard", disabled: !!props.disabled, value: props.value, onChange: e => props.onChange(e.target.value) }, types.map(typeId => (React.createElement(MenuItem, { key: Types[typeId], value: Types[typeId] },
+            React.createElement("div", { style: styles.itemChildrenWrapper },
+                React.createElement("div", null,
+                    React.createElement(DeviceTypeIcon, { type: Types[typeId], style: {
+                            ...styles.selectIcon,
+                            color: props.themeType === 'dark' ? '#FFFFFF' : '#000',
+                        } }),
+                    React.createElement("span", { style: styles.selectText }, typesWords[typeId])),
+                props.showApplications?.TYPE_OPTIONS[typeId] ? (React.createElement("div", { style: styles.iconWrapper }, Object.keys(props.showApplications.TYPE_OPTIONS[typeId]).map(key => props.showApplications.TYPE_OPTIONS[typeId][key] ? (React.createElement(Icon, { key: key, style: styles.iconStyle, src: props.showApplications.ICONS_TYPE[key] })) : (React.createElement("div", { key: key, style: styles.emptyIcon }))))) : null)))))));
+}
+//# sourceMappingURL=DeviceTypeSelector.js.map

package/build/Components/DeviceType/DeviceTypeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTypeSelector.js","sourceRoot":"./src/","sources":["Components/DeviceType/DeviceTypeSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, FormControl, InputLabel, MenuItem, Select } from '@mui/material';\n\nimport { Types } from '@iobroker/type-detector';\n\nimport { I18n } from '../../i18n';\nimport { Icon } from '../Icon';\nimport type { ThemeType } from '../../types';\n\nimport { DeviceTypeIcon } from './DeviceTypeIcon';\nimport { extendDeviceTypeTranslation } from './deviceTypeTranslations';\n\nconst styles: Record<\n    'itemChildrenWrapper' | 'type' | 'selectIcon' | 'selectText' | 'iconWrapper' | 'iconStyle' | 'emptyIcon',\n    React.CSSProperties\n> = {\n    itemChildrenWrapper: {\n        display: 'flex',\n        width: '100%',\n        justifyContent: 'space-between',\n    },\n    type: {\n        marginTop: 10,\n    },\n    selectIcon: {\n        paddingRight: 8,\n        verticalAlign: 'middle',\n        width: 20,\n        height: 20,\n    },\n    selectText: {\n        verticalAlign: 'middle',\n    },\n    iconWrapper: {\n        display: 'flex',\n        alignItems: 'center',\n    },\n    iconStyle: {\n        width: 16,\n        height: 16,\n        margin: '0 3px',\n    },\n    emptyIcon: {\n        width: 16,\n        height: 16,\n        margin: '0 3px',\n    },\n};\n\nexport function DeviceTypeSelector(props: {\n    themeType: ThemeType;\n    supportedDevices?: Types[];\n    unsupportedDevices?: Types[];\n    value?: Types | '';\n    onChange: (value: Types) => void;\n    label?: string;\n    style?: React.CSSProperties;\n    sx?: Record<string, any>;\n    disabled?: boolean;\n    error?: boolean;\n    /** Show icons for applications: google, amazon, material, alias. Used in devices */\n    showApplications?: {\n        TYPE_OPTIONS: Partial<Record<Types, Record<string, boolean>>>;\n        ICONS_TYPE: Record<string, React.JSX.Element>;\n    };\n}): React.JSX.Element {\n    const [typesWords, setTypesWords] = React.useState<Partial<Record<Types, string>>>({});\n    const [types, setTypes] = React.useState<Types[] | null>([]);\n\n    useEffect(() => {\n        const _typesWords: Partial<Record<Types, string>> = {};\n        Object.keys(Types)\n            .filter(\n                id =>\n                    (!props.supportedDevices || props.supportedDevices?.includes(id as Types)) &&\n                    !props.unsupportedDevices?.includes(id as Types),\n            )\n            .forEach(typeId => (_typesWords[typeId as Types] = I18n.t(`type-${Types[typeId as Types]}`)));\n\n        // sort types by ABC in the current language\n        const _types: Types[] = Object.keys(_typesWords) as Types[];\n\n        _types.sort((a, b) => {\n            if (_typesWords[a] === _typesWords[b]) {\n                return 0;\n            }\n            return _typesWords[a].localeCompare(_typesWords[b], 'de');\n        });\n\n        extendDeviceTypeTranslation();\n\n        setTypes(_types);\n        setTypesWords(_typesWords);\n    }, [props.supportedDevices, props.unsupportedDevices]);\n\n    if (!types) {\n        return (\n            <Box\n                style={{\n                    ...styles.type,\n                    ...props.style,\n                }}\n                sx={props.sx}\n            />\n        );\n    }\n\n    return (\n        <FormControl\n            style={{\n                ...styles.type,\n                ...props.style,\n            }}\n            sx={props.sx}\n            variant=\"standard\"\n            error={!!props.error}\n        >\n            <InputLabel>{props.label || I18n.t('type-Device type')}</InputLabel>\n            <Select\n                variant=\"standard\"\n                disabled={!!props.disabled}\n                value={props.value}\n                onChange={e => props.onChange(e.target.value as Types)}\n            >\n                {types.map(typeId => (\n                    <MenuItem\n                        key={Types[typeId]}\n                        value={Types[typeId]}\n                    >\n                        <div style={styles.itemChildrenWrapper}>\n                            <div>\n                                <DeviceTypeIcon\n                                    type={Types[typeId]}\n                                    style={{\n                                        ...styles.selectIcon,\n                                        color: props.themeType === 'dark' ? '#FFFFFF' : '#000',\n                                    }}\n                                />\n                                <span style={styles.selectText}>{typesWords[typeId]}</span>\n                            </div>\n                            {props.showApplications?.TYPE_OPTIONS[typeId] ? (\n                                <div style={styles.iconWrapper}>\n                                    {Object.keys(props.showApplications.TYPE_OPTIONS[typeId]).map(key =>\n                                        props.showApplications.TYPE_OPTIONS[typeId][key] ? (\n                                            <Icon\n                                                key={key}\n                                                style={styles.iconStyle}\n                                                src={props.showApplications.ICONS_TYPE[key]}\n                                            />\n                                        ) : (\n                                            <div\n                                                key={key}\n                                                style={styles.emptyIcon}\n                                            />\n                                        ),\n                                    )}\n                                </div>\n                            ) : null}\n                        </div>\n                    </MenuItem>\n                ))}\n            </Select>\n        </FormControl>\n    );\n}\n"]}

package/build/Components/DeviceType/deviceTypeTranslations.d.ts

@@ -0,0 +1 @@
+export declare function extendDeviceTypeTranslation(): void;

package/build/Components/DeviceType/deviceTypeTranslations.js

@@ -0,0 +1,30 @@
+import { I18n } from '../../i18n';
+import enLang from './i18n/en.json';
+import deLang from './i18n/de.json';
+import ruLang from './i18n/ru.json';
+import ptLang from './i18n/pt.json';
+import plLang from './i18n/pl.json';
+import frLang from './i18n/fr.json';
+import itLang from './i18n/it.json';
+import nlLang from './i18n/nl.json';
+import ukLang from './i18n/uk.json';
+import zhLang from './i18n/zh-cn.json';
+let translationLoaded = false;
+export function extendDeviceTypeTranslation() {
+    if (!translationLoaded) {
+        translationLoaded = true;
+        I18n.extendTranslations({
+            en: enLang,
+            de: deLang,
+            ru: ruLang,
+            pt: ptLang,
+            pl: plLang,
+            fr: frLang,
+            it: itLang,
+            nl: nlLang,
+            uk: ukLang,
+            'zh-cn': zhLang,
+        });
+    }
+}
+//# sourceMappingURL=deviceTypeTranslations.js.map

package/build/Components/DeviceType/deviceTypeTranslations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deviceTypeTranslations.js","sourceRoot":"./src/","sources":["Components/DeviceType/deviceTypeTranslations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,IAAI,iBAAiB,GAAG,KAAK,CAAC;AAC9B,MAAM,UAAU,2BAA2B;IACvC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACrB,iBAAiB,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,kBAAkB,CAAC;YACpB,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,OAAO,EAAE,MAAM;SAClB,CAAC,CAAC;IACP,CAAC;AACL,CAAC","sourcesContent":["import { I18n } from '../../i18n';\nimport enLang from './i18n/en.json';\nimport deLang from './i18n/de.json';\nimport ruLang from './i18n/ru.json';\nimport ptLang from './i18n/pt.json';\nimport plLang from './i18n/pl.json';\nimport frLang from './i18n/fr.json';\nimport itLang from './i18n/it.json';\nimport nlLang from './i18n/nl.json';\nimport ukLang from './i18n/uk.json';\nimport zhLang from './i18n/zh-cn.json';\n\nlet translationLoaded = false;\nexport function extendDeviceTypeTranslation(): void {\n    if (!translationLoaded) {\n        translationLoaded = true;\n        I18n.extendTranslations({\n            en: enLang,\n            de: deLang,\n            ru: ruLang,\n            pt: ptLang,\n            pl: plLang,\n            fr: frLang,\n            it: itLang,\n            nl: nlLang,\n            uk: ukLang,\n            'zh-cn': zhLang,\n        });\n    }\n}\n"]}

package/build/Components/DeviceType/i18n/de.json

@@ -0,0 +1,46 @@
+{
+    "type-Device type": "Gerätetyp",
+    "type-airCondition": "Klimaanlage",
+    "type-blind": "Jalousien",
+    "type-blindButtons": "Jalousie über Tasten gesteuert",
+    "type-button": "Taste",
+    "type-buttonSensor": "Taste mit Rückmeldung",
+    "type-camera": "Kamera",
+    "type-chart": "Diagramm",
+    "type-cie": "CIE Farblicht",
+    "type-ct": "Farbtemperatur",
+    "type-dimmer": "Dimmer",
+    "type-door": "Türsensor",
+    "type-fireAlarm": "Feueralarm",
+    "type-floodAlarm": "Wasseralarm",
+    "type-gate": "Tor-Steuerung",
+    "type-hue": "HUE-Licht",
+    "type-humidity": "Feuchtigkeit",
+    "type-illuminance": "Beleuchtungsstärke",
+    "type-image": "Bild",
+    "type-info": "Information",
+    "type-instance": "Instanz",
+    "type-light": "Licht",
+    "type-location": "Position",
+    "type-locationOne": "Position als ein Zustand",
+    "type-lock": "Schloss",
+    "type-media": "Mediaplayer",
+    "type-motion": "Bewegungssensor",
+    "type-rgb": "RGB-Licht",
+    "type-rgbSingle": "R,G,B-Licht Einzelwerte",
+    "type-rgbwSingle": "R,G,B,W-Licht Einzelwerte",
+    "type-slider": "Schieberegler",
+    "type-socket": "Steckdose",
+    "type-temperature": "Temperatur",
+    "type-thermostat": "Thermostat",
+    "type-url": "URL",
+    "type-vacuumCleaner": "Staubsauger",
+    "type-valve": "Ventil",
+    "type-volume": "Lautstärke",
+    "type-volumeGroup": "Lautstärke-Gruppe",
+    "type-warning": "Warnung",
+    "type-weatherCurrent": "Aktuelle Wetterlage",
+    "type-weatherForecast": "Wettervorhersage",
+    "type-window": "Fenstersensor",
+    "type-windowTilt": "Fensterkippung-Sensor"
+}