@iobroker/json-config 7.3.1 → 7.4.0

package/build/JsonConfigComponent/ConfigStaticInfo.d.ts

@@ -0,0 +1,10 @@
+import { type JSX } from 'react';
+import type { ConfigItemStaticInfo } from '#JC/types';
+import ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';
+interface ConfigStaticInfoProps extends ConfigGenericProps {
+    schema: ConfigItemStaticInfo;
+}
+declare class ConfigStaticInfo extends ConfigGeneric<ConfigStaticInfoProps, ConfigGenericState> {
+    renderItem(_error: string): JSX.Element;
+}
+export default ConfigStaticInfo;

package/build/JsonConfigComponent/ConfigStaticInfo.js

@@ -0,0 +1,213 @@
+import React from 'react';
+import { Box } from '@mui/material';
+import { ContentCopy } from '@mui/icons-material';
+import { I18n, Icon, Utils } from '@iobroker/adapter-react-v5';
+import ConfigGeneric from './ConfigGeneric';
+function valueBlinkOnce(theme, force, color) {
+    if (typeof color === 'string') {
+        return {
+            '@keyframes newValueAnimationOnceColor': {
+                '0%': {
+                    color: force ? `${color} !important` : color,
+                },
+                '100%': {
+                    color: theme.palette.mode === 'dark'
+                        ? force
+                            ? '#fff !important'
+                            : '#fff'
+                        : force
+                            ? '#000 !important'
+                            : '#000',
+                },
+            },
+            animation: 'newValueAnimationOnceColor 2s ease-in-out',
+        };
+    }
+    return {
+        '@keyframes newValueAnimationOnce': {
+            '0%': {
+                color: force ? `#00f900 !important` : '#00f900',
+            },
+            '80%': {
+                color: theme.palette.mode === 'dark'
+                    ? force
+                        ? `#518851 !important`
+                        : '#518851'
+                    : force
+                        ? `#008000 !important`
+                        : '#008000',
+            },
+            '100%': {
+                color: theme.palette.mode === 'dark'
+                    ? force
+                        ? '#fff !important'
+                        : '#fff'
+                    : force
+                        ? '#000 !important'
+                        : '#000',
+            },
+        },
+        animation: 'newValueAnimationOnce 2s ease-in-out',
+    };
+}
+function valueBlink(theme, color) {
+    if (typeof color === 'string') {
+        return {
+            '@keyframes blinkAnimationColor': {
+                '0%': {
+                    color,
+                },
+                '100%': {
+                    color: theme.palette.mode === 'dark' ? '#fff' : '#000',
+                },
+            },
+            animation: 'blinkAnimationColor 2s ease-in-out infinite',
+        };
+    }
+    return {
+        '@keyframes blinkAnimation': {
+            '0%': {
+                color: '#00f900',
+            },
+            '80%': {
+                color: theme.palette.mode === 'dark' ? '#518851' : '#008000',
+            },
+            '100%': {
+                color: theme.palette.mode === 'dark' ? '#fff' : '#000',
+            },
+        },
+        animation: 'blinkAnimation 2s ease-in-out infinite',
+    };
+}
+const styles = {
+    label: {
+        fontWeight: 'bold',
+    },
+    valueImage: {
+        maxHeight: '100%',
+    },
+    valueAndUnit: {
+        display: 'flex',
+        gap: 4,
+        alignItems: 'baseline',
+    },
+    value: {},
+    unit: {
+        fontSize: 'smaller',
+        opacity: 0.7,
+    },
+};
+class ConfigStaticInfo extends ConfigGeneric {
+    renderItem(_error) {
+        let label = this.getText(this.props.schema.text || this.props.schema.label, this.props.schema.noTranslation);
+        if (this.props.schema.addColon && typeof label === 'string' && !label.trim().endsWith(':')) {
+            label = `${label.trim()}:`;
+        }
+        if (label &&
+            (label.includes('<a ') || label.includes('<br') || label.includes('<b>') || label.includes('<i>'))) {
+            label = Utils.renderTextWithA(label);
+        }
+        let fontSize;
+        if (this.props.schema.size === 'normal') {
+            fontSize = 16;
+        }
+        else if (this.props.schema.size === 'large') {
+            fontSize = 20;
+        }
+        else if (typeof this.props.schema.size === 'number') {
+            fontSize = this.props.schema.size;
+        }
+        const divStyle = {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            alignItems: 'center',
+            position: 'relative',
+            fontSize,
+        };
+        if (this.props.schema.narrow) {
+            divStyle.gap = 8;
+        }
+        else {
+            divStyle.justifyContent = 'space-between';
+        }
+        let value;
+        let valueTxt;
+        if (this.props.schema.data && typeof this.props.schema.data === 'object' && this.props.schema.data.en) {
+            valueTxt = this.getText(this.props.schema.data);
+        }
+        else if (typeof this.props.schema.data === 'object' ||
+            this.props.schema.data === undefined ||
+            this.props.schema.data === null) {
+            valueTxt = JSON.stringify(this.props.schema.data);
+        }
+        else if (typeof this.props.schema.data === 'number') {
+            valueTxt = this.props.schema.data.toString();
+            if (this.props.isFloatComma) {
+                valueTxt = valueTxt.replace('.', ',');
+            }
+        }
+        else {
+            valueTxt = this.props.schema.data.toString();
+        }
+        if (valueTxt.startsWith('data:image/')) {
+            value = (React.createElement("div", { style: { ...styles.value, ...styles.valueImage, ...(this.props.schema.styleValue || undefined) } },
+                React.createElement(Icon, { src: valueTxt })));
+        }
+        else {
+            value = React.createElement("div", { style: { ...styles.value, ...(this.props.schema.styleValue || undefined) } }, valueTxt);
+        }
+        if (this.props.schema.blinkOnUpdate && this.props.schema.blink) {
+            const style1 = valueBlinkOnce(this.props.theme, true, this.props.schema.blinkOnUpdate);
+            const style2 = valueBlink(this.props.theme, this.props.schema.blink);
+            value = (React.createElement(Box, { key: valueTxt, sx: { ...style1, ...style2 } }, value));
+        }
+        else if (this.props.schema.blinkOnUpdate) {
+            const style = valueBlinkOnce(this.props.theme, false, this.props.schema.blinkOnUpdate);
+            value = (React.createElement(Box, { key: valueTxt, sx: style }, value));
+        }
+        else if (this.props.schema.blink) {
+            const style = valueBlink(this.props.theme, this.props.schema.blink);
+            value = React.createElement(Box, { sx: style }, value);
+        }
+        if (this.props.schema.unit) {
+            value = (React.createElement("div", { style: styles.valueAndUnit },
+                value,
+                React.createElement("div", { style: { ...styles.unit, ...(this.props.schema.styleUnit || undefined) } }, this.getText(this.props.schema.unit))));
+        }
+        let labelIcon;
+        if (this.props.schema.labelIcon) {
+            labelIcon = (React.createElement(Icon, { src: this.props.schema.labelIcon, style: { marginRight: 4 } }));
+        }
+        let copyButton;
+        if (this.props.schema.copyToClipboard) {
+            copyButton = (React.createElement(ContentCopy, { className: "staticCopyButton", style: {
+                    position: 'absolute',
+                    top: 'calc(50% - 12px)',
+                    right: 0,
+                    cursor: 'pointer',
+                }, onClick: () => {
+                    Utils.copyToClipboard(valueTxt);
+                    window.alert(I18n.t('ra_Copied'));
+                } }));
+        }
+        return (React.createElement(Box, { component: "div", style: divStyle, sx: {
+                '& .staticCopyButton': {
+                    display: 'none',
+                },
+                '& .staticCopyButton:action': {
+                    transform: 'scale(0.9)',
+                },
+                '&:hover .staticCopyButton': {
+                    display: 'block',
+                },
+            } },
+            React.createElement("div", { style: { ...styles.label, ...(this.props.schema.styleLabel || undefined) } },
+                labelIcon,
+                label),
+            value,
+            copyButton));
+    }
+}
+export default ConfigStaticInfo;
+//# sourceMappingURL=ConfigStaticInfo.js.map

package/build/JsonConfigComponent/ConfigStaticInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigStaticInfo.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigStaticInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Box } from '@mui/material';\nimport { ContentCopy } from '@mui/icons-material';\nimport { I18n, Icon, type IobTheme, Utils } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemStaticInfo } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nfunction valueBlinkOnce(theme: IobTheme, force: boolean, color?: string | boolean): any {\n    if (typeof color === 'string') {\n        return {\n            '@keyframes newValueAnimationOnceColor': {\n                '0%': {\n                    color: force ? `${color} !important` : color,\n                },\n                '100%': {\n                    color:\n                        theme.palette.mode === 'dark'\n                            ? force\n                                ? '#fff !important'\n                                : '#fff'\n                            : force\n                              ? '#000 !important'\n                              : '#000',\n                },\n            },\n            animation: 'newValueAnimationOnceColor 2s ease-in-out',\n        };\n    }\n    return {\n        '@keyframes newValueAnimationOnce': {\n            '0%': {\n                color: force ? `#00f900 !important` : '#00f900',\n            },\n            '80%': {\n                color:\n                    theme.palette.mode === 'dark'\n                        ? force\n                            ? `#518851 !important`\n                            : '#518851'\n                        : force\n                          ? `#008000 !important`\n                          : '#008000',\n            },\n            '100%': {\n                color:\n                    theme.palette.mode === 'dark'\n                        ? force\n                            ? '#fff !important'\n                            : '#fff'\n                        : force\n                          ? '#000 !important'\n                          : '#000',\n            },\n        },\n        animation: 'newValueAnimationOnce 2s ease-in-out',\n    };\n}\n\nfunction valueBlink(theme: IobTheme, color?: string | boolean): any {\n    if (typeof color === 'string') {\n        return {\n            '@keyframes blinkAnimationColor': {\n                '0%': {\n                    color,\n                },\n                '100%': {\n                    color: theme.palette.mode === 'dark' ? '#fff' : '#000',\n                },\n            },\n            animation: 'blinkAnimationColor 2s ease-in-out infinite',\n        };\n    }\n    return {\n        '@keyframes blinkAnimation': {\n            '0%': {\n                color: '#00f900',\n            },\n            '80%': {\n                color: theme.palette.mode === 'dark' ? '#518851' : '#008000',\n            },\n            '100%': {\n                color: theme.palette.mode === 'dark' ? '#fff' : '#000',\n            },\n        },\n        animation: 'blinkAnimation 2s ease-in-out infinite',\n    };\n}\n\nconst styles: Record<string, any> = {\n    label: {\n        fontWeight: 'bold',\n    },\n    valueImage: {\n        maxHeight: '100%',\n    },\n    valueAndUnit: {\n        display: 'flex',\n        gap: 4,\n        alignItems: 'baseline',\n    },\n    value: {},\n    unit: {\n        fontSize: 'smaller',\n        opacity: 0.7,\n    },\n};\n\ninterface ConfigStaticInfoProps extends ConfigGenericProps {\n    schema: ConfigItemStaticInfo;\n}\n\nclass ConfigStaticInfo extends ConfigGeneric<ConfigStaticInfoProps, ConfigGenericState> {\n    renderItem(_error: string): JSX.Element {\n        let label: string | JSX.Element | JSX.Element[] = this.getText(\n            this.props.schema.text || this.props.schema.label,\n            this.props.schema.noTranslation,\n        );\n        if (this.props.schema.addColon && typeof label === 'string' && !label.trim().endsWith(':')) {\n            label = `${label.trim()}:`;\n        }\n\n        if (\n            label &&\n            (label.includes('<a ') || label.includes('<br') || label.includes('<b>') || label.includes('<i>'))\n        ) {\n            label = Utils.renderTextWithA(label);\n        }\n        let fontSize: number | undefined;\n        if (this.props.schema.size === 'normal') {\n            fontSize = 16;\n        } else if (this.props.schema.size === 'large') {\n            fontSize = 20;\n        } else if (typeof this.props.schema.size === 'number') {\n            fontSize = this.props.schema.size;\n        }\n\n        const divStyle: React.CSSProperties = {\n            width: '100%',\n            height: '100%',\n            display: 'flex',\n            alignItems: 'center',\n            position: 'relative',\n            fontSize,\n        };\n\n        if (this.props.schema.narrow) {\n            divStyle.gap = 8;\n        } else {\n            divStyle.justifyContent = 'space-between';\n        }\n\n        let value: React.JSX.Element;\n        let valueTxt: string;\n        if (this.props.schema.data && typeof this.props.schema.data === 'object' && this.props.schema.data.en) {\n            valueTxt = this.getText(this.props.schema.data);\n        } else if (\n            typeof this.props.schema.data === 'object' ||\n            this.props.schema.data === undefined ||\n            this.props.schema.data === null\n        ) {\n            valueTxt = JSON.stringify(this.props.schema.data);\n        } else if (typeof this.props.schema.data === 'number') {\n            valueTxt = this.props.schema.data.toString();\n            if (this.props.isFloatComma) {\n                valueTxt = valueTxt.replace('.', ',');\n            }\n        } else {\n            valueTxt = this.props.schema.data.toString();\n        }\n        if (valueTxt.startsWith('data:image/')) {\n            value = (\n                <div style={{ ...styles.value, ...styles.valueImage, ...(this.props.schema.styleValue || undefined) }}>\n                    <Icon src={valueTxt} />\n                </div>\n            );\n        } else {\n            value = <div style={{ ...styles.value, ...(this.props.schema.styleValue || undefined) }}>{valueTxt}</div>;\n        }\n        if (this.props.schema.blinkOnUpdate && this.props.schema.blink) {\n            const style1 = valueBlinkOnce(this.props.theme, true, this.props.schema.blinkOnUpdate);\n            const style2 = valueBlink(this.props.theme, this.props.schema.blink);\n            value = (\n                <Box\n                    key={valueTxt}\n                    sx={{ ...style1, ...style2 }}\n                >\n                    {value}\n                </Box>\n            );\n        } else if (this.props.schema.blinkOnUpdate) {\n            const style = valueBlinkOnce(this.props.theme, false, this.props.schema.blinkOnUpdate);\n            value = (\n                <Box\n                    key={valueTxt}\n                    sx={style}\n                >\n                    {value}\n                </Box>\n            );\n        } else if (this.props.schema.blink) {\n            const style = valueBlink(this.props.theme, this.props.schema.blink);\n            value = <Box sx={style}>{value}</Box>;\n        }\n\n        if (this.props.schema.unit) {\n            value = (\n                <div style={styles.valueAndUnit}>\n                    {value}\n                    <div style={{ ...styles.unit, ...(this.props.schema.styleUnit || undefined) }}>\n                        {this.getText(this.props.schema.unit)}\n                    </div>\n                </div>\n            );\n        }\n\n        let labelIcon: React.JSX.Element | undefined;\n        if (this.props.schema.labelIcon) {\n            labelIcon = (\n                <Icon\n                    src={this.props.schema.labelIcon}\n                    style={{ marginRight: 4 }}\n                />\n            );\n        }\n        let copyButton: React.JSX.Element | undefined;\n        if (this.props.schema.copyToClipboard) {\n            copyButton = (\n                <ContentCopy\n                    className=\"staticCopyButton\"\n                    style={{\n                        position: 'absolute',\n                        top: 'calc(50% - 12px)',\n                        right: 0,\n                        cursor: 'pointer',\n                    }}\n                    onClick={() => {\n                        Utils.copyToClipboard(valueTxt);\n                        window.alert(I18n.t('ra_Copied'));\n                    }}\n                />\n            );\n        }\n\n        return (\n            <Box\n                component=\"div\"\n                style={divStyle}\n                sx={{\n                    '& .staticCopyButton': {\n                        display: 'none',\n                    },\n                    '& .staticCopyButton:action': {\n                        transform: 'scale(0.9)',\n                    },\n                    '&:hover .staticCopyButton': {\n                        display: 'block',\n                    },\n                }}\n            >\n                <div style={{ ...styles.label, ...(this.props.schema.styleLabel || undefined) }}>\n                    {labelIcon}\n                    {label}\n                </div>\n                {value}\n                {copyButton}\n            </Box>\n        );\n    }\n}\n\nexport default ConfigStaticInfo;\n"]}

package/build/JsonConfigComponent/ConfigStaticText.d.ts

@@ -1,10 +1,10 @@
 import { type JSX } from 'react';
 import type { ConfigItemStaticText } from '#JC/types';
 import ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';
-interface ConfigInstanceSelectProps extends ConfigGenericProps {
+interface ConfigStaticTextProps extends ConfigGenericProps {
     schema: ConfigItemStaticText;
 }
-declare class ConfigStaticText extends ConfigGeneric<ConfigInstanceSelectProps, ConfigGenericState> {
+declare class ConfigStaticText extends ConfigGeneric<ConfigStaticTextProps, ConfigGenericState> {
     renderItem(_error: string, disabled: boolean): JSX.Element;
 }
 export default ConfigStaticText;

package/build/JsonConfigComponent/ConfigStaticText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigStaticText.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigStaticText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAiB,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAGlE,OAAO,aAAmE,MAAM,iBAAiB,CAAC;AAElG,MAAM,MAAM,GAAwB;IAChC,SAAS,EAAE;QACP,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KAChB;IACD,IAAI,EAAE,CAAC,KAAe,EAAE,EAAE,CAAC,CAAC;QACxB,cAAc,EAAE,WAAW;QAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC5D,MAAM,EAAE,SAAS;KACpB,CAAC;CACL,CAAC;AAEF,6EAA6E;AAC7E,SAAS,MAAM,CAAC,IAAY,EAAE,MAAmC,EAAE,UAAkB;IACjF,IAAI,OAAO,CAAC;IACZ,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,IAAI,CAAC,IAAI,EAAE;QACP,GAAG,GAAG,yBAAyB,UAAU,EAAE,CAAC;QAC5C,OAAO,GAAG,MAAM,IAAI,OAAO,CAAC;KAC/B;SAAM,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QACxC,OAAO,GAAG,MAAM,IAAI,OAAO,CAAC;QAC5B,GAAG,GAAG,IAAI,CAAC;KACd;SAAM,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QACxC,OAAO,GAAG,MAAM,IAAI,OAAO,CAAC;QAC5B,GAAG,GAAG,IAAI,CAAC;KACd;SAAM,IAAI,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;QAClE,OAAO,GAAG,MAAM,IAAI,QAAQ,CAAC;QAC7B,GAAG,GAAG,IAAI,CAAC;KACd;SAAM;QACH,GAAG,GAAG,yBAAyB,UAAU,IAAI,IAAI,EAAE,CAAC;QACpD,OAAO,GAAG,MAAM,IAAI,OAAO,CAAC;KAC/B;IACD,IAAI,OAAO,KAAK,OAAO,EAAE;QACrB,eAAe;QACf,UAAU,CACN,CAAC,IAAY,EAAE,EAAE;YACb,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;gBACtB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;aAC/B;iBAAM,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;gBAC7B,GAAG,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC;aACrE;iBAAM,IAAI,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;gBAClE,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;aAC/B;QACL,CAAC,EACD,GAAG,EACH,GAAG,CACN,CAAC;KACL;SAAM;QACH,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YACrB,GAAG,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC;SAChG;aAAM,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YAC5B,GAAG,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC;SACrE;QAED,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;KAC7B;AACL,CAAC;AAMD,MAAM,gBAAiB,SAAQ,aAA4D;IACvF,UAAU,CAAC,MAAc,EAAE,QAAiB,CAAC,oBAAoB;QAC7D,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE;YAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAC5B,OAAO,CACH,oBAAC,MAAM,IACH,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,SAAS,EAC/C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,EACxC,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,IAAI,SAAS,CAAC,EAAE,EAChF,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,EACf,OAAO,EACH,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;oBAClB,CAAC,CAAC,GAAG,EAAE;wBACD,2CAA2C;wBAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;4BAC/B,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC;4BAC5C,CAAC,CAAC,IAAI,CAAC;wBACX,IAAI,IAAI,EAAE;4BACN,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;gCAC7B,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;oCACxB,OAAO,EAAE,MAAM;oCACf,GAAG,EAAE,IAAI;oCACT,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;oCAChC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;iCACjC,CAAC,CAAC;6BACN;iCAAM;gCACH,MAAM,CACF,IAAI,EACJ,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EACxB,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CACrD,CAAC;6BACL;yBACJ;oBACL,CAAC;oBACH,CAAC,CAAC,IAAI,IAGb,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAC5F,CACZ,CAAC;SACL;QACD,IAAI,IAAI,GAAyC,IAAI,CAAC,OAAO,CACzD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EACjD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAClC,CAAC;QACF,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE;YACxG,IAAI,GAAG,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;SACtC;QAED,OAAO,CACH,oBAAC,GAAG,IACA,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,IAAI,SAAS,CAAC,EAAE,EAC3D,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACpD,OAAO,EACH,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;gBAClB,CAAC,CAAC,GAAG,EAAE;oBACD,2CAA2C;oBAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oBACxF,IAAI,IAAI,EAAE;wBACN,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;4BAC7B,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;gCACxB,OAAO,EAAE,MAAM;gCACf,GAAG,EAAE,IAAI;gCACT,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI,QAAQ;gCAC5C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;6BACjC,CAAC,CAAC;yBACN;6BAAM;4BACH,MAAM,CACF,IAAI,EACJ,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI,QAAQ,EACpC,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CACrD,CAAC;yBACL;qBACJ;gBACL,CAAC;gBACH,CAAC,CAAC,IAAI,IAGb,IAAI,CACH,CACT,CAAC;IACN,CAAC;CACJ;AAED,eAAe,gBAAgB,CAAC","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Box, Button } from '@mui/material';\n\nimport { type IobTheme, Utils } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemStaticText } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nconst styles: Record<string, any> = {\n    fullWidth: {\n        height: '100%',\n        width: '100%',\n    },\n    link: (theme: IobTheme) => ({\n        textDecoration: 'underline',\n        color: theme.palette.mode === 'dark' ? '#4dabf5' : '#254e72',\n        cursor: 'pointer',\n    }),\n};\n\n// eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\nfunction onLink(href: string, target: '_blank' | '_self' | string, instanceId: string): void {\n    let _target;\n    let url = '';\n    if (!href) {\n        url = `#tab-instances/config/${instanceId}`;\n        _target = target || '_self';\n    } else if (href.toString().startsWith('#')) {\n        _target = target || '_self';\n        url = href;\n    } else if (href.toString().startsWith('/')) {\n        _target = target || '_self';\n        url = href;\n    } else if (href.startsWith('http://') || href.startsWith('https://')) {\n        _target = target || '_blank';\n        url = href;\n    } else {\n        url = `#tab-instances/config/${instanceId}/${href}`;\n        _target = target || '_self';\n    }\n    if (_target === '_self') {\n        // close dialog\n        setTimeout(\n            (_url: string) => {\n                if (_url.startsWith('#')) {\n                    window.location.hash = _url;\n                } else if (_url.startsWith('/')) {\n                    url = `${window.location.protocol}:${window.location.host}${url}`;\n                } else if (_url.startsWith('http://') || _url.startsWith('https://')) {\n                    window.location.href = _url;\n                }\n            },\n            100,\n            url,\n        );\n    } else {\n        if (url.startsWith('#')) {\n            url = `${window.location.protocol}:${window.location.host}${window.location.pathname}${url}`;\n        } else if (url.startsWith('/')) {\n            url = `${window.location.protocol}:${window.location.host}${url}`;\n        }\n\n        window.open(url, _target);\n    }\n}\n\ninterface ConfigInstanceSelectProps extends ConfigGenericProps {\n    schema: ConfigItemStaticText;\n}\n\nclass ConfigStaticText extends ConfigGeneric<ConfigInstanceSelectProps, ConfigGenericState> {\n    renderItem(_error: string, disabled: boolean /* , defaultValue */): JSX.Element {\n        if (this.props.schema.button) {\n            const icon = this.getIcon();\n            return (\n                <Button\n                    variant={this.props.schema.variant || undefined}\n                    color={this.props.schema.color || 'grey'}\n                    style={{ ...styles.fullWidth, ...(this.props.schema.controlStyle || undefined) }}\n                    disabled={disabled}\n                    startIcon={icon}\n                    onClick={\n                        this.props.schema.href\n                            ? () => {\n                                  // calculate one more time just before call\n                                  const href = this.props.schema.href\n                                      ? this.getText(this.props.schema.href, true)\n                                      : null;\n                                  if (href) {\n                                      if (this.props.onBackEndCommand) {\n                                          this.props.onBackEndCommand({\n                                              command: 'link',\n                                              url: href,\n                                              target: this.props.schema.target,\n                                              close: this.props.schema.close,\n                                          });\n                                      } else {\n                                          onLink(\n                                              href,\n                                              this.props.schema.target,\n                                              `${this.props.adapterName}.${this.props.instance}`,\n                                          );\n                                      }\n                                  }\n                              }\n                            : null\n                    }\n                >\n                    {this.getText(this.props.schema.text || this.props.schema.label, this.props.schema.noTranslation)}\n                </Button>\n            );\n        }\n        let text: string | JSX.Element | JSX.Element[] = this.getText(\n            this.props.schema.text || this.props.schema.label,\n            this.props.schema.noTranslation,\n        );\n        if (text && (text.includes('<a ') || text.includes('<br') || text.includes('<b>') || text.includes('<i>'))) {\n            text = Utils.renderTextWithA(text);\n        }\n\n        return (\n            <Box\n                component=\"span\"\n                style={{ ...(this.props.schema.controlStyle || undefined) }}\n                sx={this.props.schema.href ? styles.link : undefined}\n                onClick={\n                    this.props.schema.href\n                        ? () => {\n                              // calculate one more time just before call\n                              const href = this.props.schema.href ? this.getText(this.props.schema.href, true) : null;\n                              if (href) {\n                                  if (this.props.onBackEndCommand) {\n                                      this.props.onBackEndCommand({\n                                          command: 'link',\n                                          url: href,\n                                          target: this.props.schema.target || '_blank',\n                                          close: this.props.schema.close,\n                                      });\n                                  } else {\n                                      onLink(\n                                          href,\n                                          this.props.schema.target || '_blank',\n                                          `${this.props.adapterName}.${this.props.instance}`,\n                                      );\n                                  }\n                              }\n                          }\n                        : null\n                }\n            >\n                {text}\n            </Box>\n        );\n    }\n}\n\nexport default ConfigStaticText;\n"]}
+{"version":3,"file":"ConfigStaticText.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigStaticText.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Box, Button } from '@mui/material';\n\nimport { type IobTheme, Utils } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemStaticText } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nconst styles: Record<string, any> = {\n    fullWidth: {\n        height: '100%',\n        width: '100%',\n    },\n    link: (theme: IobTheme) => ({\n        textDecoration: 'underline',\n        color: theme.palette.mode === 'dark' ? '#4dabf5' : '#254e72',\n        cursor: 'pointer',\n    }),\n};\n\n// eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\nfunction onLink(href: string, target: '_blank' | '_self' | string, instanceId: string): void {\n    let _target;\n    let url = '';\n    if (!href) {\n        url = `#tab-instances/config/${instanceId}`;\n        _target = target || '_self';\n    } else if (href.toString().startsWith('#')) {\n        _target = target || '_self';\n        url = href;\n    } else if (href.toString().startsWith('/')) {\n        _target = target || '_self';\n        url = href;\n    } else if (href.startsWith('http://') || href.startsWith('https://')) {\n        _target = target || '_blank';\n        url = href;\n    } else {\n        url = `#tab-instances/config/${instanceId}/${href}`;\n        _target = target || '_self';\n    }\n    if (_target === '_self') {\n        // close dialog\n        setTimeout(\n            (_url: string) => {\n                if (_url.startsWith('#')) {\n                    window.location.hash = _url;\n                } else if (_url.startsWith('/')) {\n                    url = `${window.location.protocol}:${window.location.host}${url}`;\n                } else if (_url.startsWith('http://') || _url.startsWith('https://')) {\n                    window.location.href = _url;\n                }\n            },\n            100,\n            url,\n        );\n    } else {\n        if (url.startsWith('#')) {\n            url = `${window.location.protocol}:${window.location.host}${window.location.pathname}${url}`;\n        } else if (url.startsWith('/')) {\n            url = `${window.location.protocol}:${window.location.host}${url}`;\n        }\n\n        window.open(url, _target);\n    }\n}\n\ninterface ConfigStaticTextProps extends ConfigGenericProps {\n    schema: ConfigItemStaticText;\n}\n\nclass ConfigStaticText extends ConfigGeneric<ConfigStaticTextProps, ConfigGenericState> {\n    renderItem(_error: string, disabled: boolean /* , defaultValue */): JSX.Element {\n        if (this.props.schema.button) {\n            const icon = this.getIcon();\n            return (\n                <Button\n                    variant={this.props.schema.variant || undefined}\n                    color={this.props.schema.color || 'grey'}\n                    style={{ ...styles.fullWidth, ...(this.props.schema.controlStyle || undefined) }}\n                    disabled={disabled}\n                    startIcon={icon}\n                    onClick={\n                        this.props.schema.href\n                            ? () => {\n                                  // calculate one more time just before call\n                                  const href = this.props.schema.href\n                                      ? this.getText(this.props.schema.href, true)\n                                      : null;\n                                  if (href) {\n                                      if (this.props.onBackEndCommand) {\n                                          this.props.onBackEndCommand({\n                                              command: 'link',\n                                              url: href,\n                                              target: this.props.schema.target,\n                                              close: this.props.schema.close,\n                                          });\n                                      } else {\n                                          onLink(\n                                              href,\n                                              this.props.schema.target,\n                                              `${this.props.adapterName}.${this.props.instance}`,\n                                          );\n                                      }\n                                  }\n                              }\n                            : null\n                    }\n                >\n                    {this.getText(this.props.schema.text || this.props.schema.label, this.props.schema.noTranslation)}\n                </Button>\n            );\n        }\n        let text: string | JSX.Element | JSX.Element[] = this.getText(\n            this.props.schema.text || this.props.schema.label,\n            this.props.schema.noTranslation,\n        );\n        if (text && (text.includes('<a ') || text.includes('<br') || text.includes('<b>') || text.includes('<i>'))) {\n            text = Utils.renderTextWithA(text);\n        }\n\n        return (\n            <Box\n                component=\"span\"\n                style={{ ...(this.props.schema.controlStyle || undefined) }}\n                sx={this.props.schema.href ? styles.link : undefined}\n                onClick={\n                    this.props.schema.href\n                        ? () => {\n                              // calculate one more time just before call\n                              const href = this.props.schema.href ? this.getText(this.props.schema.href, true) : null;\n                              if (href) {\n                                  if (this.props.onBackEndCommand) {\n                                      this.props.onBackEndCommand({\n                                          command: 'link',\n                                          url: href,\n                                          target: this.props.schema.target || '_blank',\n                                          close: this.props.schema.close,\n                                      });\n                                  } else {\n                                      onLink(\n                                          href,\n                                          this.props.schema.target || '_blank',\n                                          `${this.props.adapterName}.${this.props.instance}`,\n                                      );\n                                  }\n                              }\n                          }\n                        : null\n                }\n            >\n                {text}\n            </Box>\n        );\n    }\n}\n\nexport default ConfigStaticText;\n"]}

package/build/JsonConfigComponent/ConfigText.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Autocomplete, TextField, TextareaAutosize, InputAdornment, IconButton } from '@mui/material';
 import { Close as CloseIcon } from '@mui/icons-material';
-import { I18n } from '@iobroker/adapter-react-v5';
+import { I18n, IconCopy, Utils } from '@iobroker/adapter-react-v5';
 import ConfigGeneric from './ConfigGeneric';
 const styles = {
     indeterminate: {
@@ -142,18 +142,26 @@ class ConfigText extends ConfigGeneric {
                     }, placeholder: this.getText(this.props.schema.placeholder) }),
                 helper || error || this.state.jsonError ? (React.createElement("div", { style: error ? styles.error : styles.helper }, error || (this.state.jsonError ? I18n.t('ra_Invalid JSON') : helper))) : null));
         }
+        let actionButton;
+        if ((this.props.schema.readOnly || disabled) && this.props.schema.copyToClipboard) {
+            actionButton = (React.createElement(IconButton, { size: "small", onClick: () => {
+                    Utils.copyToClipboard(this.state.value);
+                    window.alert(I18n.t('ra_Copied'));
+                } },
+                React.createElement(IconCopy, null)));
+        }
+        else if (!this.props.schema.readOnly && !disabled && this.state.value && !this.props.schema.noClearButton) {
+            actionButton = (React.createElement(InputAdornment, { position: "end" },
+                React.createElement(IconButton, { size: "small", onClick: () => this.setState({ value: '', oldValue: this.state.value }, () => this.onChange(this.props.attr, '')) },
+                    React.createElement(CloseIcon, null))));
+        }
         return (React.createElement(TextField, { variant: "standard", fullWidth: true, value: this.state.value === null || this.state.value === undefined ? '' : this.state.value, error: !!error || !!this.state.jsonError, disabled: !!disabled, slotProps: {
                 htmlInput: {
                     maxLength: this.props.schema.maxLength || this.props.schema.max || undefined,
                     readOnly: this.props.schema.readOnly || false,
                 },
                 input: {
-                    endAdornment: !this.props.schema.readOnly &&
-                        !disabled &&
-                        this.state.value &&
-                        !this.props.schema.noClearButton ? (React.createElement(InputAdornment, { position: "end" },
-                        React.createElement(IconButton, { size: "small", onClick: () => this.setState({ value: '', oldValue: this.state.value }, () => this.onChange(this.props.attr, '')) },
-                            React.createElement(CloseIcon, null)))) : null,
+                    endAdornment: actionButton,
                 },
             }, onChange: e => {
                 const value = e.target.value;

package/build/JsonConfigComponent/ConfigText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigText.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigText.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Autocomplete, TextField, TextareaAutosize, InputAdornment, IconButton } from '@mui/material';\n\nimport { Close as CloseIcon } from '@mui/icons-material';\n\nimport { I18n } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemText } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nconst styles: Record<string, React.CSSProperties> = {\n    indeterminate: {\n        opacity: 0.5,\n    },\n    label: {\n        width: '100%',\n        fontSize: 16,\n    },\n    helper: {\n        width: '100%',\n        fontSize: 12,\n    },\n    error: {\n        width: '100%',\n        fontSize: 12,\n        color: '#FF0000',\n    },\n};\n\ninterface ConfigTextProps extends ConfigGenericProps {\n    schema: ConfigItemText;\n}\n\ninterface ConfigTextState extends ConfigGenericState {\n    oldValue?: string;\n    jsonError?: boolean;\n}\n\nclass ConfigText extends ConfigGeneric<ConfigTextProps, ConfigTextState> {\n    private updateTimeout: ReturnType<typeof setTimeout> | null = null;\n\n    componentDidMount(): void {\n        super.componentDidMount();\n        let value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n\n        if (Array.isArray(value) && this.props.multiEdit) {\n            value = ConfigGeneric.DIFFERENT_VALUE;\n            this.setState({ value, oldValue: value, jsonError: false });\n            return;\n        }\n\n        this.setState({ value, oldValue: value, jsonError: this.validateJson(value) });\n    }\n\n    validateJson(value: string | null | undefined): boolean {\n        let jsonError = false;\n        if (this.props.schema.validateJson) {\n            if (value || !this.props.schema.allowEmpty) {\n                try {\n                    JSON.parse(value);\n                } catch (err: unknown) {\n                    console.log('Error in JSON', err);\n                    jsonError = true;\n                }\n            }\n        }\n\n        return jsonError;\n    }\n\n    static getDerivedStateFromProps(props: ConfigTextProps, state: ConfigTextState): Partial<ConfigTextState> | null {\n        if (props.multiEdit && state.value === ConfigGeneric.DIFFERENT_VALUE) {\n            return { value: ConfigGeneric.DIFFERENT_VALUE };\n        }\n\n        let value = ConfigGeneric.getValue(props.data, props.attr);\n\n        if (value !== null && value !== undefined) {\n            value = value.toString();\n        }\n\n        if (value === null || value === undefined || (value !== state.value && value !== state.oldValue)) {\n            return { value };\n        }\n        return null;\n    }\n\n    renderItem(error?: boolean, disabled?: boolean): JSX.Element {\n        const isIndeterminate = Array.isArray(this.state.value) || this.state.value === ConfigGeneric.DIFFERENT_VALUE;\n\n        if (this.props.schema.time) {\n            // show read-only time\n\n            let time = '';\n            if (typeof this.state.value === 'number') {\n                // If the value is a number, it is a timestamp.\n                if (this.state.value && this.state.value < 946659600000) {\n                    // If the value is less than 2000-01-01, it is a timestamp in seconds.\n                    time = new Date(this.state.value * 1000).toLocaleString();\n                } else {\n                    time = new Date(this.state.value).toLocaleString();\n                }\n            } else if (typeof this.state.value === 'string') {\n                // If the value is a string, it is a date string.\n                time = new Date(this.state.value).toLocaleString();\n            }\n\n            return (\n                <TextField\n                    variant=\"standard\"\n                    fullWidth\n                    value={time}\n                    error={!!error || !!this.state.jsonError}\n                    disabled={!!disabled}\n                    slotProps={{\n                        htmlInput: {\n                            readOnly: true,\n                        },\n                    }}\n                    placeholder={this.getText(this.props.schema.placeholder)}\n                    label={this.getText(this.props.schema.label)}\n                    helperText={this.renderHelp(\n                        this.props.schema.help,\n                        this.props.schema.helpLink,\n                        this.props.schema.noTranslation,\n                    )}\n                />\n            );\n        }\n\n        if (this.state.oldValue !== null && this.state.oldValue !== undefined) {\n            if (this.updateTimeout) {\n                clearTimeout(this.updateTimeout);\n            }\n            this.updateTimeout = setTimeout(() => {\n                this.updateTimeout = null;\n                this.setState({ oldValue: null });\n            }, 30);\n        } else if (this.updateTimeout) {\n            clearTimeout(this.updateTimeout);\n            this.updateTimeout = null;\n        }\n\n        if (isIndeterminate) {\n            const autoCompleteOptions = ConfigGeneric.getValue(this.props.data, this.props.attr);\n            const arr =\n                autoCompleteOptions\n                    ?.filter((a: any) => a || a === 0)\n                    .map((item: any) => ({ label: item.toString() || '', value: item })) || [];\n\n            arr.unshift({ label: I18n.t(ConfigGeneric.DIFFERENT_LABEL), value: ConfigGeneric.DIFFERENT_VALUE });\n\n            return (\n                <Autocomplete\n                    style={styles.indeterminate}\n                    fullWidth\n                    value={arr[0]}\n                    // getOptionSelected={(option, value) => option.label === value.label}\n                    onChange={(_, value) => {\n                        const val = value ? value.value : '';\n                        const mayBePromise = this.onChange(this.props.attr, val, () => {\n                            this.setState({ value: val, oldValue: val, jsonError: this.validateJson(value) });\n                        });\n                        if (mayBePromise instanceof Promise) {\n                            mayBePromise.catch(e => console.error(`Cannot set value: ${e}`));\n                        }\n                    }}\n                    options={arr}\n                    getOptionLabel={option => option.label}\n                    renderInput={params => (\n                        <TextField\n                            variant=\"standard\"\n                            {...params}\n                            error={!!error}\n                            placeholder={this.getText(this.props.schema.placeholder)}\n                            slotProps={{\n                                htmlInput: {\n                                    ...params.inputProps,\n                                    maxLength: this.props.schema.maxLength || this.props.schema.max || undefined,\n                                    readOnly: this.props.schema.readOnly || false,\n                                },\n                            }}\n                            label={this.getText(this.props.schema.label)}\n                            helperText={this.renderHelp(\n                                this.props.schema.help,\n                                this.props.schema.helpLink,\n                                this.props.schema.noTranslation,\n                            )}\n                            disabled={!!disabled}\n                        />\n                    )}\n                />\n            );\n        }\n        if (this.props.schema.minRows > 1) {\n            const helper = this.renderHelp(\n                this.props.schema.help,\n                this.props.schema.helpLink,\n                this.props.schema.noTranslation,\n            );\n            return (\n                <div style={{ width: '100%' }}>\n                    {this.props.schema.label ? (\n                        <div style={styles.label}>{this.getText(this.props.schema.label)}</div>\n                    ) : null}\n                    <TextareaAutosize\n                        // variant=\"standard\"\n                        style={{\n                            width: '100%',\n                            resize: 'vertical',\n                            backgroundColor: this.props.themeType === 'dark' ? '#363636' : '#cccccc',\n                            color: this.props.themeType === 'dark' ? '#fff' : '#111',\n                        }}\n                        minRows={this.props.schema.minRows}\n                        maxRows={this.props.schema.maxRows}\n                        value={this.state.value === null || this.state.value === undefined ? '' : this.state.value}\n                        disabled={!!disabled}\n                        readOnly={this.props.schema.readOnly || false}\n                        onChange={e => {\n                            const value = e.target.value;\n                            this.setState(\n                                { value, oldValue: this.state.value, jsonError: this.validateJson(value) },\n                                () => this.onChange(this.props.attr, value || ''),\n                            );\n                        }}\n                        placeholder={this.getText(this.props.schema.placeholder)}\n                    />\n                    {helper || error || this.state.jsonError ? (\n                        <div style={error ? styles.error : styles.helper}>\n                            {error || (this.state.jsonError ? I18n.t('ra_Invalid JSON') : helper)}\n                        </div>\n                    ) : null}\n                </div>\n            );\n        }\n        return (\n            <TextField\n                variant=\"standard\"\n                fullWidth\n                value={this.state.value === null || this.state.value === undefined ? '' : this.state.value}\n                error={!!error || !!this.state.jsonError}\n                disabled={!!disabled}\n                slotProps={{\n                    htmlInput: {\n                        maxLength: this.props.schema.maxLength || this.props.schema.max || undefined,\n                        readOnly: this.props.schema.readOnly || false,\n                    },\n                    input: {\n                        endAdornment:\n                            !this.props.schema.readOnly &&\n                            !disabled &&\n                            this.state.value &&\n                            !this.props.schema.noClearButton ? (\n                                <InputAdornment position=\"end\">\n                                    <IconButton\n                                        size=\"small\"\n                                        onClick={() =>\n                                            this.setState({ value: '', oldValue: this.state.value }, () =>\n                                                this.onChange(this.props.attr, ''),\n                                            )\n                                        }\n                                    >\n                                        <CloseIcon />\n                                    </IconButton>\n                                </InputAdornment>\n                            ) : null,\n                    },\n                }}\n                onChange={e => {\n                    const value = e.target.value;\n\n                    this.setState({ value, oldValue: this.state.value, jsonError: this.validateJson(value) }, () =>\n                        this.onChange(this.props.attr, value),\n                    );\n                }}\n                placeholder={this.getText(this.props.schema.placeholder)}\n                label={this.getText(this.props.schema.label)}\n                helperText={\n                    this.state.jsonError\n                        ? I18n.t('ra_Invalid JSON')\n                        : this.renderHelp(\n                              this.props.schema.help,\n                              this.props.schema.helpLink,\n                              this.props.schema.noTranslation,\n                          )\n                }\n            />\n        );\n    }\n}\n\nexport default ConfigText;\n"]}
+{"version":3,"file":"ConfigText.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigText.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Autocomplete, TextField, TextareaAutosize, InputAdornment, IconButton } from '@mui/material';\n\nimport { Close as CloseIcon } from '@mui/icons-material';\n\nimport { I18n, IconCopy, Utils } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemText } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nconst styles: Record<string, React.CSSProperties> = {\n    indeterminate: {\n        opacity: 0.5,\n    },\n    label: {\n        width: '100%',\n        fontSize: 16,\n    },\n    helper: {\n        width: '100%',\n        fontSize: 12,\n    },\n    error: {\n        width: '100%',\n        fontSize: 12,\n        color: '#FF0000',\n    },\n};\n\ninterface ConfigTextProps extends ConfigGenericProps {\n    schema: ConfigItemText;\n}\n\ninterface ConfigTextState extends ConfigGenericState {\n    oldValue?: string;\n    jsonError?: boolean;\n}\n\nclass ConfigText extends ConfigGeneric<ConfigTextProps, ConfigTextState> {\n    private updateTimeout: ReturnType<typeof setTimeout> | null = null;\n\n    componentDidMount(): void {\n        super.componentDidMount();\n        let value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n\n        if (Array.isArray(value) && this.props.multiEdit) {\n            value = ConfigGeneric.DIFFERENT_VALUE;\n            this.setState({ value, oldValue: value, jsonError: false });\n            return;\n        }\n\n        this.setState({ value, oldValue: value, jsonError: this.validateJson(value) });\n    }\n\n    validateJson(value: string | null | undefined): boolean {\n        let jsonError = false;\n        if (this.props.schema.validateJson) {\n            if (value || !this.props.schema.allowEmpty) {\n                try {\n                    JSON.parse(value);\n                } catch (err: unknown) {\n                    console.log('Error in JSON', err);\n                    jsonError = true;\n                }\n            }\n        }\n\n        return jsonError;\n    }\n\n    static getDerivedStateFromProps(props: ConfigTextProps, state: ConfigTextState): Partial<ConfigTextState> | null {\n        if (props.multiEdit && state.value === ConfigGeneric.DIFFERENT_VALUE) {\n            return { value: ConfigGeneric.DIFFERENT_VALUE };\n        }\n\n        let value = ConfigGeneric.getValue(props.data, props.attr);\n\n        if (value !== null && value !== undefined) {\n            value = value.toString();\n        }\n\n        if (value === null || value === undefined || (value !== state.value && value !== state.oldValue)) {\n            return { value };\n        }\n        return null;\n    }\n\n    renderItem(error?: boolean, disabled?: boolean): JSX.Element {\n        const isIndeterminate = Array.isArray(this.state.value) || this.state.value === ConfigGeneric.DIFFERENT_VALUE;\n\n        if (this.props.schema.time) {\n            // show read-only time\n\n            let time = '';\n            if (typeof this.state.value === 'number') {\n                // If the value is a number, it is a timestamp.\n                if (this.state.value && this.state.value < 946659600000) {\n                    // If the value is less than 2000-01-01, it is a timestamp in seconds.\n                    time = new Date(this.state.value * 1000).toLocaleString();\n                } else {\n                    time = new Date(this.state.value).toLocaleString();\n                }\n            } else if (typeof this.state.value === 'string') {\n                // If the value is a string, it is a date string.\n                time = new Date(this.state.value).toLocaleString();\n            }\n\n            return (\n                <TextField\n                    variant=\"standard\"\n                    fullWidth\n                    value={time}\n                    error={!!error || !!this.state.jsonError}\n                    disabled={!!disabled}\n                    slotProps={{\n                        htmlInput: {\n                            readOnly: true,\n                        },\n                    }}\n                    placeholder={this.getText(this.props.schema.placeholder)}\n                    label={this.getText(this.props.schema.label)}\n                    helperText={this.renderHelp(\n                        this.props.schema.help,\n                        this.props.schema.helpLink,\n                        this.props.schema.noTranslation,\n                    )}\n                />\n            );\n        }\n\n        if (this.state.oldValue !== null && this.state.oldValue !== undefined) {\n            if (this.updateTimeout) {\n                clearTimeout(this.updateTimeout);\n            }\n            this.updateTimeout = setTimeout(() => {\n                this.updateTimeout = null;\n                this.setState({ oldValue: null });\n            }, 30);\n        } else if (this.updateTimeout) {\n            clearTimeout(this.updateTimeout);\n            this.updateTimeout = null;\n        }\n\n        if (isIndeterminate) {\n            const autoCompleteOptions = ConfigGeneric.getValue(this.props.data, this.props.attr);\n            const arr =\n                autoCompleteOptions\n                    ?.filter((a: any) => a || a === 0)\n                    .map((item: any) => ({ label: item.toString() || '', value: item })) || [];\n\n            arr.unshift({ label: I18n.t(ConfigGeneric.DIFFERENT_LABEL), value: ConfigGeneric.DIFFERENT_VALUE });\n\n            return (\n                <Autocomplete\n                    style={styles.indeterminate}\n                    fullWidth\n                    value={arr[0]}\n                    // getOptionSelected={(option, value) => option.label === value.label}\n                    onChange={(_, value) => {\n                        const val = value ? value.value : '';\n                        const mayBePromise = this.onChange(this.props.attr, val, () => {\n                            this.setState({ value: val, oldValue: val, jsonError: this.validateJson(value) });\n                        });\n                        if (mayBePromise instanceof Promise) {\n                            mayBePromise.catch(e => console.error(`Cannot set value: ${e}`));\n                        }\n                    }}\n                    options={arr}\n                    getOptionLabel={option => option.label}\n                    renderInput={params => (\n                        <TextField\n                            variant=\"standard\"\n                            {...params}\n                            error={!!error}\n                            placeholder={this.getText(this.props.schema.placeholder)}\n                            slotProps={{\n                                htmlInput: {\n                                    ...params.inputProps,\n                                    maxLength: this.props.schema.maxLength || this.props.schema.max || undefined,\n                                    readOnly: this.props.schema.readOnly || false,\n                                },\n                            }}\n                            label={this.getText(this.props.schema.label)}\n                            helperText={this.renderHelp(\n                                this.props.schema.help,\n                                this.props.schema.helpLink,\n                                this.props.schema.noTranslation,\n                            )}\n                            disabled={!!disabled}\n                        />\n                    )}\n                />\n            );\n        }\n        if (this.props.schema.minRows > 1) {\n            const helper = this.renderHelp(\n                this.props.schema.help,\n                this.props.schema.helpLink,\n                this.props.schema.noTranslation,\n            );\n            return (\n                <div style={{ width: '100%' }}>\n                    {this.props.schema.label ? (\n                        <div style={styles.label}>{this.getText(this.props.schema.label)}</div>\n                    ) : null}\n                    <TextareaAutosize\n                        // variant=\"standard\"\n                        style={{\n                            width: '100%',\n                            resize: 'vertical',\n                            backgroundColor: this.props.themeType === 'dark' ? '#363636' : '#cccccc',\n                            color: this.props.themeType === 'dark' ? '#fff' : '#111',\n                        }}\n                        minRows={this.props.schema.minRows}\n                        maxRows={this.props.schema.maxRows}\n                        value={this.state.value === null || this.state.value === undefined ? '' : this.state.value}\n                        disabled={!!disabled}\n                        readOnly={this.props.schema.readOnly || false}\n                        onChange={e => {\n                            const value = e.target.value;\n                            this.setState(\n                                { value, oldValue: this.state.value, jsonError: this.validateJson(value) },\n                                () => this.onChange(this.props.attr, value || ''),\n                            );\n                        }}\n                        placeholder={this.getText(this.props.schema.placeholder)}\n                    />\n                    {helper || error || this.state.jsonError ? (\n                        <div style={error ? styles.error : styles.helper}>\n                            {error || (this.state.jsonError ? I18n.t('ra_Invalid JSON') : helper)}\n                        </div>\n                    ) : null}\n                </div>\n            );\n        }\n        let actionButton: React.JSX.Element | undefined;\n        if ((this.props.schema.readOnly || disabled) && this.props.schema.copyToClipboard) {\n            actionButton = (\n                <IconButton\n                    size=\"small\"\n                    onClick={() => {\n                        Utils.copyToClipboard(this.state.value);\n                        window.alert(I18n.t('ra_Copied'));\n                    }}\n                >\n                    <IconCopy />\n                </IconButton>\n            );\n        } else if (!this.props.schema.readOnly && !disabled && this.state.value && !this.props.schema.noClearButton) {\n            actionButton = (\n                <InputAdornment position=\"end\">\n                    <IconButton\n                        size=\"small\"\n                        onClick={() =>\n                            this.setState({ value: '', oldValue: this.state.value }, () =>\n                                this.onChange(this.props.attr, ''),\n                            )\n                        }\n                    >\n                        <CloseIcon />\n                    </IconButton>\n                </InputAdornment>\n            );\n        }\n\n        return (\n            <TextField\n                variant=\"standard\"\n                fullWidth\n                value={this.state.value === null || this.state.value === undefined ? '' : this.state.value}\n                error={!!error || !!this.state.jsonError}\n                disabled={!!disabled}\n                slotProps={{\n                    htmlInput: {\n                        maxLength: this.props.schema.maxLength || this.props.schema.max || undefined,\n                        readOnly: this.props.schema.readOnly || false,\n                    },\n                    input: {\n                        endAdornment: actionButton,\n                    },\n                }}\n                onChange={e => {\n                    const value = e.target.value;\n\n                    this.setState({ value, oldValue: this.state.value, jsonError: this.validateJson(value) }, () =>\n                        this.onChange(this.props.attr, value),\n                    );\n                }}\n                placeholder={this.getText(this.props.schema.placeholder)}\n                label={this.getText(this.props.schema.label)}\n                helperText={\n                    this.state.jsonError\n                        ? I18n.t('ra_Invalid JSON')\n                        : this.renderHelp(\n                              this.props.schema.help,\n                              this.props.schema.helpLink,\n                              this.props.schema.noTranslation,\n                          )\n                }\n            />\n        );\n    }\n}\n\nexport default ConfigText;\n"]}

package/build/JsonConfigComponent/ConfigTextSendTo.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TextField, IconButton } from '@mui/material';
-import { Icon, IconCopy, Utils } from '@iobroker/adapter-react-v5';
+import { I18n, Icon, IconCopy, Utils } from '@iobroker/adapter-react-v5';
 import getIconByName from './Icons';
 import ConfigGeneric from './ConfigGeneric';
 const styles = {
@@ -79,7 +79,7 @@ class ConfigTextSendTo extends ConfigGeneric {
                     input: {
                         endAdornment: this.props.schema.copyToClipboard ? (React.createElement(IconButton, { size: "small", onClick: () => {
                                 Utils.copyToClipboard(this.state.text);
-                                window.alert('Copied');
+                                window.alert(I18n.t('ra_Copied'));
                             } },
                             React.createElement(IconCopy, null))) : undefined,
                     },

package/build/JsonConfigComponent/ConfigTextSendTo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigTextSendTo.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigTextSendTo.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { TextField, IconButton } from '@mui/material';\n\nimport { Icon, IconCopy, Utils } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemSendTo } from '#JC/types';\nimport getIconByName from './Icons';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nconst styles: Record<string, React.CSSProperties> = {\n    fullWidth: {\n        width: '100%',\n    },\n};\n\ninterface ConfigTextSendToProps extends ConfigGenericProps {\n    schema: ConfigItemSendTo;\n}\n\ninterface ConfigTextSendToState extends ConfigGenericState {\n    text?: string;\n    style?: React.CSSProperties;\n    icon?: string;\n    iconStyle?: React.CSSProperties;\n}\n\ninterface Response {\n    text: string;\n    style?: React.CSSProperties;\n    icon?: string;\n    iconStyle?: React.CSSProperties;\n}\n\nclass ConfigTextSendTo extends ConfigGeneric<ConfigTextSendToProps, ConfigTextSendToState> {\n    private initialized = false;\n\n    private _context: string | undefined;\n\n    askInstance(): void {\n        if (this.props.alive) {\n            let data: Record<string, any> | undefined = this.props.schema.data;\n            if (data === undefined && this.props.schema.jsonData) {\n                const dataStr: string = this.getPattern(this.props.schema.jsonData);\n                try {\n                    data = JSON.parse(dataStr);\n                } catch {\n                    console.error(`Cannot parse json data: ${dataStr}`);\n                }\n            }\n\n            if (data === undefined) {\n                data = null;\n            }\n\n            void this.props.socket\n                .sendTo(`${this.props.adapterName}.${this.props.instance}`, this.props.schema.command || 'send', data)\n                .then(result => {\n                    if (typeof result === 'object') {\n                        const _data: Response = result;\n                        this.setState({\n                            text: _data.text || '',\n                            style: _data.style,\n                            icon: _data.icon,\n                            iconStyle: _data.iconStyle,\n                        });\n                    } else if (typeof result === 'string') {\n                        this.setState({ text: result || '' });\n                    }\n                })\n                .catch(e => console.error(`Cannot send command: ${e}`));\n        }\n    }\n\n    getContext(): string {\n        const context: Record<string, any> = {};\n        if (Array.isArray(this.props.schema.alsoDependsOn)) {\n            this.props.schema.alsoDependsOn.forEach(\n                attr => (context[attr] = ConfigGeneric.getValue(this.props.data, attr)),\n            );\n        }\n        return JSON.stringify(context);\n    }\n\n    renderItem(/* error, disabled, defaultValue */): JSX.Element {\n        if (this.props.alive) {\n            const context = this.getContext();\n            if (context !== this._context || !this.initialized) {\n                this._context = context;\n                setTimeout(() => this.askInstance(), this.initialized ? 300 : 50);\n                this.initialized = true;\n            }\n        }\n\n        if (this.state.text === undefined) {\n            return null;\n        }\n\n        let icon: JSX.Element | null = null;\n        if (this.state.icon) {\n            icon = getIconByName(this.state.icon, {\n                marginRight: this.state.text ? 8 : undefined,\n                ...(this.state.iconStyle || undefined),\n            });\n            if (!icon) {\n                icon = (\n                    <Icon\n                        src={this.state.icon}\n                        style={{ marginRight: this.state.text ? 8 : undefined, ...(this.state.iconStyle || undefined) }}\n                    />\n                );\n            }\n        }\n\n        if (this.props.schema.container === 'text') {\n            return (\n                <TextField\n                    variant=\"standard\"\n                    fullWidth\n                    slotProps={{\n                        input: {\n                            endAdornment: this.props.schema.copyToClipboard ? (\n                                <IconButton\n                                    size=\"small\"\n                                    onClick={() => {\n                                        Utils.copyToClipboard(this.state.text);\n                                        window.alert('Copied');\n                                    }}\n                                >\n                                    <IconCopy />\n                                </IconButton>\n                            ) : undefined,\n                        },\n                    }}\n                    value={this.state.text}\n                    label={this.getText(this.props.schema.label)}\n                    helperText={this.renderHelp(\n                        this.props.schema.help,\n                        this.props.schema.helpLink,\n                        this.props.schema.noTranslation,\n                    )}\n                />\n            );\n        }\n        return (\n            <div style={{ ...styles.fullWidth, ...(this.state.style || undefined) }}>\n                {icon}\n                {this.props.schema.container === 'html' ? (\n                    <span dangerouslySetInnerHTML={{ __html: this.state.text || '' }} />\n                ) : (\n                    this.state.text\n                )}\n            </div>\n        );\n    }\n}\n\nexport default ConfigTextSendTo;\n"]}
+{"version":3,"file":"ConfigTextSendTo.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigTextSendTo.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { TextField, IconButton } from '@mui/material';\n\nimport { I18n, Icon, IconCopy, Utils } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemSendTo } from '#JC/types';\nimport getIconByName from './Icons';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nconst styles: Record<string, React.CSSProperties> = {\n    fullWidth: {\n        width: '100%',\n    },\n};\n\ninterface ConfigTextSendToProps extends ConfigGenericProps {\n    schema: ConfigItemSendTo;\n}\n\ninterface ConfigTextSendToState extends ConfigGenericState {\n    text?: string;\n    style?: React.CSSProperties;\n    icon?: string;\n    iconStyle?: React.CSSProperties;\n}\n\ninterface Response {\n    text: string;\n    style?: React.CSSProperties;\n    icon?: string;\n    iconStyle?: React.CSSProperties;\n}\n\nclass ConfigTextSendTo extends ConfigGeneric<ConfigTextSendToProps, ConfigTextSendToState> {\n    private initialized = false;\n\n    private _context: string | undefined;\n\n    askInstance(): void {\n        if (this.props.alive) {\n            let data: Record<string, any> | undefined = this.props.schema.data;\n            if (data === undefined && this.props.schema.jsonData) {\n                const dataStr: string = this.getPattern(this.props.schema.jsonData);\n                try {\n                    data = JSON.parse(dataStr);\n                } catch {\n                    console.error(`Cannot parse json data: ${dataStr}`);\n                }\n            }\n\n            if (data === undefined) {\n                data = null;\n            }\n\n            void this.props.socket\n                .sendTo(`${this.props.adapterName}.${this.props.instance}`, this.props.schema.command || 'send', data)\n                .then(result => {\n                    if (typeof result === 'object') {\n                        const _data: Response = result;\n                        this.setState({\n                            text: _data.text || '',\n                            style: _data.style,\n                            icon: _data.icon,\n                            iconStyle: _data.iconStyle,\n                        });\n                    } else if (typeof result === 'string') {\n                        this.setState({ text: result || '' });\n                    }\n                })\n                .catch(e => console.error(`Cannot send command: ${e}`));\n        }\n    }\n\n    getContext(): string {\n        const context: Record<string, any> = {};\n        if (Array.isArray(this.props.schema.alsoDependsOn)) {\n            this.props.schema.alsoDependsOn.forEach(\n                attr => (context[attr] = ConfigGeneric.getValue(this.props.data, attr)),\n            );\n        }\n        return JSON.stringify(context);\n    }\n\n    renderItem(/* error, disabled, defaultValue */): JSX.Element {\n        if (this.props.alive) {\n            const context = this.getContext();\n            if (context !== this._context || !this.initialized) {\n                this._context = context;\n                setTimeout(() => this.askInstance(), this.initialized ? 300 : 50);\n                this.initialized = true;\n            }\n        }\n\n        if (this.state.text === undefined) {\n            return null;\n        }\n\n        let icon: JSX.Element | null = null;\n        if (this.state.icon) {\n            icon = getIconByName(this.state.icon, {\n                marginRight: this.state.text ? 8 : undefined,\n                ...(this.state.iconStyle || undefined),\n            });\n            if (!icon) {\n                icon = (\n                    <Icon\n                        src={this.state.icon}\n                        style={{ marginRight: this.state.text ? 8 : undefined, ...(this.state.iconStyle || undefined) }}\n                    />\n                );\n            }\n        }\n\n        if (this.props.schema.container === 'text') {\n            return (\n                <TextField\n                    variant=\"standard\"\n                    fullWidth\n                    slotProps={{\n                        input: {\n                            endAdornment: this.props.schema.copyToClipboard ? (\n                                <IconButton\n                                    size=\"small\"\n                                    onClick={() => {\n                                        Utils.copyToClipboard(this.state.text);\n                                        window.alert(I18n.t('ra_Copied'));\n                                    }}\n                                >\n                                    <IconCopy />\n                                </IconButton>\n                            ) : undefined,\n                        },\n                    }}\n                    value={this.state.text}\n                    label={this.getText(this.props.schema.label)}\n                    helperText={this.renderHelp(\n                        this.props.schema.help,\n                        this.props.schema.helpLink,\n                        this.props.schema.noTranslation,\n                    )}\n                />\n            );\n        }\n        return (\n            <div style={{ ...styles.fullWidth, ...(this.state.style || undefined) }}>\n                {icon}\n                {this.props.schema.container === 'html' ? (\n                    <span dangerouslySetInnerHTML={{ __html: this.state.text || '' }} />\n                ) : (\n                    this.state.text\n                )}\n            </div>\n        );\n    }\n}\n\nexport default ConfigTextSendTo;\n"]}

package/build/types.d.ts

@@ -32,6 +32,7 @@ export type ConfigItemType =
     | 'pattern'
     | 'sendto'
     | 'setState'
+    | 'staticInfo'
     | 'staticText'
     | 'staticLink'
     | 'staticImage'
@@ -263,6 +264,8 @@ export interface ConfigItemText extends ConfigItem {
     max?: number;
     /** read-only field */
     readOnly?: boolean;
+    /** show copy to clipboard button, but only if disabled or read-only */
+    copyToClipboard?: boolean;
     /** default is true. Set this attribute to `false` if trim is not desired. */
     trim?: boolean;
     /** default is 1. Set this attribute to `2` or more if you want to have a textarea with more than one row. */
@@ -418,7 +421,7 @@ export interface ConfigItemStaticImage extends ConfigItem {
 export interface ConfigItemStaticText extends Omit<ConfigItem, 'button'> {
     type: 'staticText';
     /** multi-language text */
-    text: string;
+    text: ioBroker.StringOrTranslated;
     /** @deprecated use text */
     label?: ioBroker.StringOrTranslated;
     /** link. Link could be dynamic like `#tab-objects/customs/${data.parentId} */
@@ -439,6 +442,34 @@ export interface ConfigItemStaticText extends Omit<ConfigItem, 'button'> {
     controlStyle: CustomCSSProperties;
 }
 
+export interface ConfigItemStaticInfo extends ConfigItem {
+    type: 'staticInfo';
+    /** multi-language text or value */
+    data: ioBroker.StringOrTranslated | number | boolean;
+    /** Base64 icon */
+    labelIcon?: string;
+    /** Unit */
+    unit?: ioBroker.StringOrTranslated;
+    /** Normally the title and value are shown on the left and right of the line. With this flag, the value will appear just after the label*/
+    narrow?: boolean;
+    /** Add to label the colon at the end if not exist in label */
+    addColon?: boolean;
+    /** Value should blink when updated (true or color) */
+    blinkOnUpdate?: boolean | string;
+    /** Value should blink continuously (true or color) */
+    blink?: boolean | string;
+    /** Show copy to clipboard button for value */
+    copyToClipboard?: boolean;
+    /** Label style */
+    styleLabel?: CustomCSSProperties;
+    /** Value style */
+    styleValue?: CustomCSSProperties;
+    /** Unit style */
+    styleUnit?: CustomCSSProperties;
+    /** Font size */
+    size?: number | 'small' | 'normal' | 'large';
+}
+
 export interface ConfigItemRoom extends ConfigItem {
     type: 'room';
     short?: boolean;
@@ -938,6 +969,7 @@ export type ConfigItemAny =
     | ConfigItemSetState
     | ConfigItemStaticDivider
     | ConfigItemStaticHeader
+    | ConfigItemStaticInfo
     | ConfigItemStaticImage
     | ConfigItemStaticText
     | ConfigItemTopic