@iobroker/adapter-react-v5 7.4.2 → 7.4.3

package/build/Components/TextWithIcon.js

@@ -110,5 +110,4 @@ export function TextWithIcon(props) {
         item?.icon ? (React.createElement(Icon, { src: item?.icon, className: props.moreClasses?.icon, style: styles.icon })) : null,
         React.createElement("div", { style: styles.text, className: props.moreClasses?.text }, item?.name)));
 }
-;
 //# sourceMappingURL=TextWithIcon.js.map

package/build/Components/TextWithIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextWithIcon.js","sourceRoot":"./src/","sources":["Components/TextWithIcon.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Icon } from './Icon';\nimport { Utils } from './Utils';\nimport type { ThemeType } from '../types';\n\nconst styles: Record<string, React.CSSProperties> = {\n    div: {\n        borderRadius: 3,\n        padding: '0 3px',\n        lineHeight: '20px',\n        whiteSpace: 'nowrap',\n        overflow: 'hidden',\n        display: 'flex',\n        alignItems: 'center',\n    },\n    icon: {\n        width: 16,\n        height: 16,\n        marginRight: 8,\n        verticalAlign: 'middle',\n    },\n    text: {\n        display: 'inline-block',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n    },\n};\n\ninterface TextWithIconProps {\n    lang: ioBroker.Languages;\n    themeType?: ThemeType;\n    value: string | Record<string, any>;\n    list?: ioBroker.Object[] | Record<string, ioBroker.Object>;\n    options?: Record<string, any>;\n    className?: string;\n    style?: React.CSSProperties;\n    title?: string;\n    removePrefix?: string;\n    moreClasses?: {\n        root?: string;\n        icon?: string;\n        text?: string;\n    };\n    icon?: string;\n    color?: string;\n}\n\ninterface TextWithIconItem {\n    name: string;\n    value: string;\n    icon?: string;\n    color?: string;\n}\n\nexport function TextWithIcon(props: TextWithIconProps): React.JSX.Element {\n    const value = props.value;\n    let item: TextWithIconItem;\n    const prefix = props.removePrefix || '';\n\n    if (typeof value === 'string') {\n        const list = props.list || props.options;\n        if (list) {\n            // if a list is array, then it is list of ioBroker.Object\n            if (Array.isArray(list)) {\n                const _item: ioBroker.Object = list.find((obj: ioBroker.Object) => obj._id === prefix + value);\n                if (_item) {\n                    item = {\n                        name: Utils.getObjectNameFromObj(_item, props.lang).replace('system.group.', ''),\n                        value: _item._id,\n                        icon: props.icon || _item.common?.icon,\n                        color: props.color || _item.common?.color,\n                    };\n                } else {\n                    item = {\n                        name: value,\n                        value: prefix + value,\n                    };\n                }\n            } else if (list[prefix + value]) {\n                // List is object with key-value pairs: {'enum.rooms.1': {common: {name: 'Room 1'}}}\n                const obj: ioBroker.Object = list[prefix + value];\n                item = {\n                    name: Utils.getObjectNameFromObj(obj, props.lang).replace('system.group.', ''),\n                    value: obj._id,\n                    icon: props.icon || obj.common?.icon,\n                    color: props.color || obj.common?.color,\n                };\n            } else {\n                // value is a string, ignore list\n                item = {\n                    name: value,\n                    value: prefix + value,\n                    icon: props.icon,\n                    color: props.color,\n                };\n            }\n        } else {\n            item = {\n                name: value,\n                value: prefix + value,\n                icon: props.icon,\n                color: props.color,\n            };\n        }\n    } else if (!value || typeof value !== 'object') {\n        item = {\n            name: '',\n            value: '',\n            icon: props.icon,\n            color: props.color,\n        };\n    } else {\n        // Item is an ioBroker.Object\n        const obj: ioBroker.Object = value as ioBroker.Object;\n        item = {\n            name: Utils.getObjectNameFromObj(obj, props.lang)\n                .replace('system.group.', '')\n                .replace('system.user.', '')\n                .replace('enum.rooms.', '')\n                .replace('enum.functions.', ''),\n            value: obj._id,\n            icon: props.icon || obj.common?.icon,\n            color: props.color || obj.common?.color,\n        };\n    }\n\n    const style = item?.color\n        ? {\n              border: `1px solid ${Utils.invertColor(item?.color)}`,\n              color: Utils.getInvertedColor(item?.color, props.themeType || 'light', true) || undefined,\n              backgroundColor: item?.color,\n          }\n        : {};\n\n    return (\n        <div\n            style={{ ...(props.style || undefined), ...styles.div, ...(style || undefined) }}\n            className={Utils.clsx(props.className, props.moreClasses?.root)}\n            title={props.title || item.value}\n        >\n            {item?.icon ? (\n                <Icon\n                    src={item?.icon}\n                    className={props.moreClasses?.icon}\n                    style={styles.icon}\n                />\n            ) : null}\n            <div\n                style={styles.text}\n                className={props.moreClasses?.text}\n            >\n                {item?.name}\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"TextWithIcon.js","sourceRoot":"./src/","sources":["Components/TextWithIcon.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Icon } from './Icon';\nimport { Utils } from './Utils';\nimport type { ThemeType } from '../types';\n\nconst styles: Record<string, React.CSSProperties> = {\n    div: {\n        borderRadius: 3,\n        padding: '0 3px',\n        lineHeight: '20px',\n        whiteSpace: 'nowrap',\n        overflow: 'hidden',\n        display: 'flex',\n        alignItems: 'center',\n    },\n    icon: {\n        width: 16,\n        height: 16,\n        marginRight: 8,\n        verticalAlign: 'middle',\n    },\n    text: {\n        display: 'inline-block',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n    },\n};\n\ninterface TextWithIconProps {\n    lang: ioBroker.Languages;\n    themeType?: ThemeType;\n    value: string | Record<string, any>;\n    list?: ioBroker.Object[] | Record<string, ioBroker.Object>;\n    options?: Record<string, any>;\n    className?: string;\n    style?: React.CSSProperties;\n    title?: string;\n    removePrefix?: string;\n    moreClasses?: {\n        root?: string;\n        icon?: string;\n        text?: string;\n    };\n    icon?: string;\n    color?: string;\n}\n\ninterface TextWithIconItem {\n    name: string;\n    value: string;\n    icon?: string;\n    color?: string;\n}\n\nexport function TextWithIcon(props: TextWithIconProps): React.JSX.Element {\n    const value = props.value;\n    let item: TextWithIconItem;\n    const prefix = props.removePrefix || '';\n\n    if (typeof value === 'string') {\n        const list = props.list || props.options;\n        if (list) {\n            // if a list is array, then it is list of ioBroker.Object\n            if (Array.isArray(list)) {\n                const _item: ioBroker.Object = list.find((obj: ioBroker.Object) => obj._id === prefix + value);\n                if (_item) {\n                    item = {\n                        name: Utils.getObjectNameFromObj(_item, props.lang).replace('system.group.', ''),\n                        value: _item._id,\n                        icon: props.icon || _item.common?.icon,\n                        color: props.color || _item.common?.color,\n                    };\n                } else {\n                    item = {\n                        name: value,\n                        value: prefix + value,\n                    };\n                }\n            } else if (list[prefix + value]) {\n                // List is object with key-value pairs: {'enum.rooms.1': {common: {name: 'Room 1'}}}\n                const obj: ioBroker.Object = list[prefix + value];\n                item = {\n                    name: Utils.getObjectNameFromObj(obj, props.lang).replace('system.group.', ''),\n                    value: obj._id,\n                    icon: props.icon || obj.common?.icon,\n                    color: props.color || obj.common?.color,\n                };\n            } else {\n                // value is a string, ignore list\n                item = {\n                    name: value,\n                    value: prefix + value,\n                    icon: props.icon,\n                    color: props.color,\n                };\n            }\n        } else {\n            item = {\n                name: value,\n                value: prefix + value,\n                icon: props.icon,\n                color: props.color,\n            };\n        }\n    } else if (!value || typeof value !== 'object') {\n        item = {\n            name: '',\n            value: '',\n            icon: props.icon,\n            color: props.color,\n        };\n    } else {\n        // Item is an ioBroker.Object\n        const obj: ioBroker.Object = value as ioBroker.Object;\n        item = {\n            name: Utils.getObjectNameFromObj(obj, props.lang)\n                .replace('system.group.', '')\n                .replace('system.user.', '')\n                .replace('enum.rooms.', '')\n                .replace('enum.functions.', ''),\n            value: obj._id,\n            icon: props.icon || obj.common?.icon,\n            color: props.color || obj.common?.color,\n        };\n    }\n\n    const style = item?.color\n        ? {\n              border: `1px solid ${Utils.invertColor(item?.color)}`,\n              color: Utils.getInvertedColor(item?.color, props.themeType || 'light', true) || undefined,\n              backgroundColor: item?.color,\n          }\n        : {};\n\n    return (\n        <div\n            style={{ ...(props.style || undefined), ...styles.div, ...(style || undefined) }}\n            className={Utils.clsx(props.className, props.moreClasses?.root)}\n            title={props.title || item.value}\n        >\n            {item?.icon ? (\n                <Icon\n                    src={item?.icon}\n                    className={props.moreClasses?.icon}\n                    style={styles.icon}\n                />\n            ) : null}\n            <div\n                style={styles.text}\n                className={props.moreClasses?.text}\n            >\n                {item?.name}\n            </div>\n        </div>\n    );\n}\n"]}

package/build/Components/Utils.js

@@ -1524,9 +1524,7 @@ export class Utils {
         const blob = await response.blob();
         return new Promise(resolve => {
             const reader = new FileReader();
-            reader.onload = function () {
-                resolve(this.result?.toString() || '');
-            };
+            reader.onload = () => resolve(reader.result?.toString() || '');
             reader.readAsDataURL(blob);
         });
     }