@iobroker/adapter-react-v5 7.2.3 → 7.2.6

package/{src/Components/TableResize.tsx → build/Components/TableResize.js}

@@ -5,77 +5,44 @@
  *
  */
 import React, { Component } from 'react';
-
 import { Table, Skeleton } from '@mui/material';
-
-interface TableResizeProps {
-    name?: string;
-    ready?: boolean;
-    stickyHeader?: boolean;
-    size?: 'small' | 'medium';
-    className?: string;
-    sx?: Record<string, any>;
-    style?: React.CSSProperties;
-    initialWidths?: (number | 'auto')[];
-    minWidths?: number[];
-    dblTitle?: string;
-    children?: React.ReactNode;
-}
-
-class TableResize extends Component<TableResizeProps> {
-    private readonly resizerRefTable: React.RefObject<HTMLTableElement>;
-
-    private resizerActiveIndex: number | null;
-
-    private resizerActiveDiv: HTMLDivElement | null;
-
-    private resizerCurrentWidths: (number | 'auto')[];
-
-    private widthFilled: boolean = false;
-
-    private installTimeout: ReturnType<typeof setTimeout> | null = null;
-
-    private resizerMin: number = 0;
-
-    private resizerMinNext: number = 0;
-
-    private resizerPosition: number = 0;
-
-    private resizerOldWidth: number = 0;
-
-    private resizerOldWidthNext: number = 0;
-
-    constructor(props: TableResizeProps) {
+export class TableResize extends Component {
+    resizerRefTable;
+    resizerActiveIndex;
+    resizerActiveDiv;
+    resizerCurrentWidths;
+    widthFilled = false;
+    installTimeout = null;
+    resizerMin = 0;
+    resizerMinNext = 0;
+    resizerPosition = 0;
+    resizerOldWidth = 0;
+    resizerOldWidthNext = 0;
+    constructor(props) {
         super(props);
         this.resizerRefTable = React.createRef();
         this.resizerActiveIndex = null;
         this.resizerActiveDiv = null;
         this.resizerCurrentWidths = [];
     }
-
-    componentDidMount(): void {
+    componentDidMount() {
         this.resizerInstall();
     }
-
-    componentWillUnmount(): void {
+    componentWillUnmount() {
         this.resizerUninstall();
     }
-
-    resizerInstall(): void {
-        if (this.resizerRefTable.current && !(this.resizerRefTable.current as any)._installed) {
-            (this.resizerRefTable.current as any)._installed = true;
+    resizerInstall() {
+        if (this.resizerRefTable.current && !this.resizerRefTable.current._installed) {
+            this.resizerRefTable.current._installed = true;
             const ths = this.resizerRefTable.current.querySelectorAll('th');
-
-            const widthsStored = ((window as any)._localStorage || window.localStorage).getItem(
-                `App.${this.props.name || 'history'}.table`,
-            );
+            const widthsStored = (window._localStorage || window.localStorage).getItem(`App.${this.props.name || 'history'}.table`);
             this.widthFilled = false;
-
             if (widthsStored) {
                 try {
                     this.resizerCurrentWidths = JSON.parse(widthsStored);
                     this.widthFilled = true;
-                } catch {
+                }
+                catch {
                     // ignore
                 }
             }
@@ -83,13 +50,15 @@ class TableResize extends Component<TableResizeProps> {
                 if (this.resizerCurrentWidths.length !== ths.length) {
                     this.resizerCurrentWidths = [];
                     this.widthFilled = false;
-                } else {
+                }
+                else {
                     const tableWidth = this.resizerRefTable.current.offsetWidth;
-                    let storedWidth: number | null = 0;
+                    let storedWidth = 0;
                     for (let w = 0; w < this.resizerCurrentWidths.length; w++) {
-                        if (window.isFinite(this.resizerCurrentWidths[w] as number)) {
-                            storedWidth += this.resizerCurrentWidths[w] as number;
-                        } else {
+                        if (window.isFinite(this.resizerCurrentWidths[w])) {
+                            storedWidth += this.resizerCurrentWidths[w];
+                        }
+                        else {
                             storedWidth = null;
                             break;
                         }
@@ -100,10 +69,8 @@ class TableResize extends Component<TableResizeProps> {
                     }
                 }
             }
-
             for (let i = 0; i < ths.length; i++) {
                 !this.widthFilled && this.resizerCurrentWidths.push(ths[i].offsetWidth);
-
                 // last column does need a handle
                 if (i < ths.length - 1) {
                     const div = window.document.createElement('div');
@@ -118,36 +85,30 @@ class TableResize extends Component<TableResizeProps> {
             if (this.widthFilled) {
                 this.resizerApplyWidths();
             }
-        } else {
+        }
+        else {
             this.installTimeout = setTimeout(() => {
                 this.installTimeout = null;
                 this.resizerInstall();
             }, 100);
         }
     }
-
-    resizerReset = (): void => {
+    resizerReset = () => {
         for (let c = 0; c < this.resizerCurrentWidths.length; c++) {
             this.resizerCurrentWidths[c] = (this.props.initialWidths || [])[c] || 'auto';
         }
-
-        ((window as any)._localStorage || window.localStorage).setItem(
-            `App.${this.props.name || 'history'}.table`,
-            JSON.stringify(this.resizerCurrentWidths),
-        );
+        (window._localStorage || window.localStorage).setItem(`App.${this.props.name || 'history'}.table`, JSON.stringify(this.resizerCurrentWidths));
         this.resizerApplyWidths();
     };
-
-    resizerUninstall(): void {
+    resizerUninstall() {
         this.installTimeout && clearTimeout(this.installTimeout);
         this.installTimeout = null;
-
         // resizer
-        if (this.resizerRefTable.current && (this.resizerRefTable.current as any)._installed) {
-            (this.resizerRefTable.current as any)._installed = false;
+        if (this.resizerRefTable.current && this.resizerRefTable.current._installed) {
+            this.resizerRefTable.current._installed = false;
             const ths = this.resizerRefTable.current.querySelectorAll('th');
             for (let i = 0; i < ths.length; i++) {
-                const div: HTMLDivElement | null = ths[i].querySelector('.resize-handle');
+                const div = ths[i].querySelector('.resize-handle');
                 if (div) {
                     div.onmousedown = null;
                     div.remove();
@@ -155,74 +116,60 @@ class TableResize extends Component<TableResizeProps> {
             }
         }
     }
-
-    resizerApplyWidths(): string | undefined {
-        const gridTemplateColumns: string[] = [];
+    resizerApplyWidths() {
+        const gridTemplateColumns = [];
         if (this.resizerCurrentWidths.length) {
             for (let c = 0; c < this.resizerCurrentWidths.length; c++) {
                 if (this.resizerCurrentWidths[c]) {
-                    gridTemplateColumns.push(
-                        this.resizerCurrentWidths[c] !== 'auto' ? `${this.resizerCurrentWidths[c]}px` : 'auto',
-                    );
-                } else if (this.props.initialWidths && this.props.initialWidths[c]) {
-                    gridTemplateColumns.push(
-                        this.props.initialWidths[c] !== 'auto' ? `${this.props.initialWidths[c]}px` : 'auto',
-                    );
-                } else {
+                    gridTemplateColumns.push(this.resizerCurrentWidths[c] !== 'auto' ? `${this.resizerCurrentWidths[c]}px` : 'auto');
+                }
+                else if (this.props.initialWidths && this.props.initialWidths[c]) {
+                    gridTemplateColumns.push(this.props.initialWidths[c] !== 'auto' ? `${this.props.initialWidths[c]}px` : 'auto');
+                }
+                else {
                     gridTemplateColumns.push('auto');
                 }
             }
-        } else if (this.props.initialWidths) {
+        }
+        else if (this.props.initialWidths) {
             for (let c = 0; c < this.props.initialWidths.length; c++) {
                 if (this.props.initialWidths[c]) {
-                    gridTemplateColumns.push(
-                        this.props.initialWidths[c] !== 'auto' ? `${this.props.initialWidths[c]}px` : 'auto',
-                    );
-                } else {
+                    gridTemplateColumns.push(this.props.initialWidths[c] !== 'auto' ? `${this.props.initialWidths[c]}px` : 'auto');
+                }
+                else {
                     gridTemplateColumns.push('auto');
                 }
             }
         }
-
         if (this.resizerRefTable.current && gridTemplateColumns.length) {
             this.resizerRefTable.current.style.gridTemplateColumns = gridTemplateColumns.join(' ');
         }
-
         return gridTemplateColumns.length ? gridTemplateColumns.join(' ') : undefined;
     }
-
-    resizerMouseMove = (e: MouseEvent): void => {
+    resizerMouseMove = (e) => {
         if (this.resizerActiveDiv && this.resizerActiveIndex !== null) {
             const width = this.resizerOldWidth + e.clientX - this.resizerPosition;
             const widthNext = this.resizerOldWidthNext - e.clientX + this.resizerPosition;
-            if (
-                (!this.resizerMin || width > this.resizerMin) &&
-                (!this.resizerMinNext || widthNext > this.resizerMinNext)
-            ) {
+            if ((!this.resizerMin || width > this.resizerMin) &&
+                (!this.resizerMinNext || widthNext > this.resizerMinNext)) {
                 this.resizerCurrentWidths[this.resizerActiveIndex] = width;
                 this.resizerCurrentWidths[this.resizerActiveIndex + 1] = widthNext;
                 this.resizerApplyWidths();
             }
         }
     };
-
-    resizerMouseUp = (): void => {
-        ((window as any)._localStorage || window.localStorage).setItem(
-            `App.${this.props.name || 'history'}.table`,
-            JSON.stringify(this.resizerCurrentWidths),
-        );
-
+    resizerMouseUp = () => {
+        (window._localStorage || window.localStorage).setItem(`App.${this.props.name || 'history'}.table`, JSON.stringify(this.resizerCurrentWidths));
         this.resizerActiveIndex = null;
         this.resizerActiveDiv = null;
         window.removeEventListener('mousemove', this.resizerMouseMove);
         window.removeEventListener('mouseup', this.resizerMouseUp);
     };
-
-    resizerMouseDown = (e: MouseEvent): void => {
+    resizerMouseDown = (e) => {
         if (this.resizerActiveIndex === null || this.resizerActiveIndex === undefined) {
-            console.log(`Mouse down ${(e.target as HTMLDivElement)?.dataset.index}`);
-            this.resizerActiveIndex = parseInt((e.target as HTMLDivElement)?.dataset.index || '0', 10);
-            this.resizerActiveDiv = e.target as HTMLDivElement;
+            console.log(`Mouse down ${e.target?.dataset.index}`);
+            this.resizerActiveIndex = parseInt(e.target?.dataset.index || '0', 10);
+            this.resizerActiveDiv = e.target;
             this.resizerMin = this.props.minWidths ? this.props.minWidths[this.resizerActiveIndex] : 0;
             this.resizerMinNext = this.props.minWidths ? this.props.minWidths[this.resizerActiveIndex + 1] : 0;
             this.resizerPosition = e.clientX;
@@ -240,35 +187,18 @@ class TableResize extends Component<TableResizeProps> {
                         ths[this.resizerActiveIndex + 1].offsetWidth;
                 }
             }
-
-            this.resizerOldWidth = this.resizerCurrentWidths[this.resizerActiveIndex] as number;
-            this.resizerOldWidthNext = this.resizerCurrentWidths[this.resizerActiveIndex + 1] as number;
-
+            this.resizerOldWidth = this.resizerCurrentWidths[this.resizerActiveIndex];
+            this.resizerOldWidthNext = this.resizerCurrentWidths[this.resizerActiveIndex + 1];
             window.addEventListener('mousemove', this.resizerMouseMove);
             window.addEventListener('mouseup', this.resizerMouseUp);
         }
     };
-
-    render(): React.JSX.Element {
+    render() {
         if (this.props.ready === false) {
-            return <Skeleton />;
+            return React.createElement(Skeleton, null);
         }
-
         const style = { gridTemplateColumns: this.resizerApplyWidths() };
-
-        return (
-            <Table
-                stickyHeader={this.props.stickyHeader}
-                size={this.props.size || 'small'}
-                className={this.props.className}
-                sx={this.props.sx}
-                ref={this.resizerRefTable}
-                style={{ ...(this.props.style || undefined), ...style }}
-            >
-                {this.props.children}
-            </Table>
-        );
+        return (React.createElement(Table, { stickyHeader: this.props.stickyHeader, size: this.props.size || 'small', className: this.props.className, sx: this.props.sx, ref: this.resizerRefTable, style: { ...(this.props.style || undefined), ...style } }, this.props.children));
     }
 }
-
-export default TableResize;
+//# sourceMappingURL=TableResize.js.map

package/build/Components/TableResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableResize.js","sourceRoot":"./src/","sources":["Components/TableResize.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright 2022-2024, Denis Haev <dogafox@gmail.com>\n *\n * MIT License\n *\n */\nimport React, { Component } from 'react';\n\nimport { Table, Skeleton } from '@mui/material';\n\ninterface TableResizeProps {\n    name?: string;\n    ready?: boolean;\n    stickyHeader?: boolean;\n    size?: 'small' | 'medium';\n    className?: string;\n    sx?: Record<string, any>;\n    style?: React.CSSProperties;\n    initialWidths?: (number | 'auto')[];\n    minWidths?: number[];\n    dblTitle?: string;\n    children?: React.ReactNode;\n}\n\nexport class TableResize extends Component<TableResizeProps> {\n    private readonly resizerRefTable: React.RefObject<HTMLTableElement>;\n\n    private resizerActiveIndex: number | null;\n\n    private resizerActiveDiv: HTMLDivElement | null;\n\n    private resizerCurrentWidths: (number | 'auto')[];\n\n    private widthFilled: boolean = false;\n\n    private installTimeout: ReturnType<typeof setTimeout> | null = null;\n\n    private resizerMin: number = 0;\n\n    private resizerMinNext: number = 0;\n\n    private resizerPosition: number = 0;\n\n    private resizerOldWidth: number = 0;\n\n    private resizerOldWidthNext: number = 0;\n\n    constructor(props: TableResizeProps) {\n        super(props);\n        this.resizerRefTable = React.createRef();\n        this.resizerActiveIndex = null;\n        this.resizerActiveDiv = null;\n        this.resizerCurrentWidths = [];\n    }\n\n    componentDidMount(): void {\n        this.resizerInstall();\n    }\n\n    componentWillUnmount(): void {\n        this.resizerUninstall();\n    }\n\n    resizerInstall(): void {\n        if (this.resizerRefTable.current && !(this.resizerRefTable.current as any)._installed) {\n            (this.resizerRefTable.current as any)._installed = true;\n            const ths = this.resizerRefTable.current.querySelectorAll('th');\n\n            const widthsStored = ((window as any)._localStorage || window.localStorage).getItem(\n                `App.${this.props.name || 'history'}.table`,\n            );\n            this.widthFilled = false;\n\n            if (widthsStored) {\n                try {\n                    this.resizerCurrentWidths = JSON.parse(widthsStored);\n                    this.widthFilled = true;\n                } catch {\n                    // ignore\n                }\n            }\n            if (this.widthFilled) {\n                if (this.resizerCurrentWidths.length !== ths.length) {\n                    this.resizerCurrentWidths = [];\n                    this.widthFilled = false;\n                } else {\n                    const tableWidth = this.resizerRefTable.current.offsetWidth;\n                    let storedWidth: number | null = 0;\n                    for (let w = 0; w < this.resizerCurrentWidths.length; w++) {\n                        if (window.isFinite(this.resizerCurrentWidths[w] as number)) {\n                            storedWidth += this.resizerCurrentWidths[w] as number;\n                        } else {\n                            storedWidth = null;\n                            break;\n                        }\n                    }\n                    if (storedWidth !== null && Math.abs(storedWidth - tableWidth) > 20) {\n                        this.resizerCurrentWidths = [];\n                        this.widthFilled = false;\n                    }\n                }\n            }\n\n            for (let i = 0; i < ths.length; i++) {\n                !this.widthFilled && this.resizerCurrentWidths.push(ths[i].offsetWidth);\n\n                // last column does need a handle\n                if (i < ths.length - 1) {\n                    const div = window.document.createElement('div');\n                    div.dataset.index = i.toString();\n                    div.onmousedown = this.resizerMouseDown;\n                    div.ondblclick = this.resizerReset;\n                    div.title = this.props.dblTitle || 'Double click to reset table layout';\n                    div.className = 'resize-handle';\n                    ths[i].appendChild(div);\n                }\n            }\n            if (this.widthFilled) {\n                this.resizerApplyWidths();\n            }\n        } else {\n            this.installTimeout = setTimeout(() => {\n                this.installTimeout = null;\n                this.resizerInstall();\n            }, 100);\n        }\n    }\n\n    resizerReset = (): void => {\n        for (let c = 0; c < this.resizerCurrentWidths.length; c++) {\n            this.resizerCurrentWidths[c] = (this.props.initialWidths || [])[c] || 'auto';\n        }\n\n        ((window as any)._localStorage || window.localStorage).setItem(\n            `App.${this.props.name || 'history'}.table`,\n            JSON.stringify(this.resizerCurrentWidths),\n        );\n        this.resizerApplyWidths();\n    };\n\n    resizerUninstall(): void {\n        this.installTimeout && clearTimeout(this.installTimeout);\n        this.installTimeout = null;\n\n        // resizer\n        if (this.resizerRefTable.current && (this.resizerRefTable.current as any)._installed) {\n            (this.resizerRefTable.current as any)._installed = false;\n            const ths = this.resizerRefTable.current.querySelectorAll('th');\n            for (let i = 0; i < ths.length; i++) {\n                const div: HTMLDivElement | null = ths[i].querySelector('.resize-handle');\n                if (div) {\n                    div.onmousedown = null;\n                    div.remove();\n                }\n            }\n        }\n    }\n\n    resizerApplyWidths(): string | undefined {\n        const gridTemplateColumns: string[] = [];\n        if (this.resizerCurrentWidths.length) {\n            for (let c = 0; c < this.resizerCurrentWidths.length; c++) {\n                if (this.resizerCurrentWidths[c]) {\n                    gridTemplateColumns.push(\n                        this.resizerCurrentWidths[c] !== 'auto' ? `${this.resizerCurrentWidths[c]}px` : 'auto',\n                    );\n                } else if (this.props.initialWidths && this.props.initialWidths[c]) {\n                    gridTemplateColumns.push(\n                        this.props.initialWidths[c] !== 'auto' ? `${this.props.initialWidths[c]}px` : 'auto',\n                    );\n                } else {\n                    gridTemplateColumns.push('auto');\n                }\n            }\n        } else if (this.props.initialWidths) {\n            for (let c = 0; c < this.props.initialWidths.length; c++) {\n                if (this.props.initialWidths[c]) {\n                    gridTemplateColumns.push(\n                        this.props.initialWidths[c] !== 'auto' ? `${this.props.initialWidths[c]}px` : 'auto',\n                    );\n                } else {\n                    gridTemplateColumns.push('auto');\n                }\n            }\n        }\n\n        if (this.resizerRefTable.current && gridTemplateColumns.length) {\n            this.resizerRefTable.current.style.gridTemplateColumns = gridTemplateColumns.join(' ');\n        }\n\n        return gridTemplateColumns.length ? gridTemplateColumns.join(' ') : undefined;\n    }\n\n    resizerMouseMove = (e: MouseEvent): void => {\n        if (this.resizerActiveDiv && this.resizerActiveIndex !== null) {\n            const width = this.resizerOldWidth + e.clientX - this.resizerPosition;\n            const widthNext = this.resizerOldWidthNext - e.clientX + this.resizerPosition;\n            if (\n                (!this.resizerMin || width > this.resizerMin) &&\n                (!this.resizerMinNext || widthNext > this.resizerMinNext)\n            ) {\n                this.resizerCurrentWidths[this.resizerActiveIndex] = width;\n                this.resizerCurrentWidths[this.resizerActiveIndex + 1] = widthNext;\n                this.resizerApplyWidths();\n            }\n        }\n    };\n\n    resizerMouseUp = (): void => {\n        ((window as any)._localStorage || window.localStorage).setItem(\n            `App.${this.props.name || 'history'}.table`,\n            JSON.stringify(this.resizerCurrentWidths),\n        );\n\n        this.resizerActiveIndex = null;\n        this.resizerActiveDiv = null;\n        window.removeEventListener('mousemove', this.resizerMouseMove);\n        window.removeEventListener('mouseup', this.resizerMouseUp);\n    };\n\n    resizerMouseDown = (e: MouseEvent): void => {\n        if (this.resizerActiveIndex === null || this.resizerActiveIndex === undefined) {\n            console.log(`Mouse down ${(e.target as HTMLDivElement)?.dataset.index}`);\n            this.resizerActiveIndex = parseInt((e.target as HTMLDivElement)?.dataset.index || '0', 10);\n            this.resizerActiveDiv = e.target as HTMLDivElement;\n            this.resizerMin = this.props.minWidths ? this.props.minWidths[this.resizerActiveIndex] : 0;\n            this.resizerMinNext = this.props.minWidths ? this.props.minWidths[this.resizerActiveIndex + 1] : 0;\n            this.resizerPosition = e.clientX;\n            let ths;\n            if (this.resizerCurrentWidths[this.resizerActiveIndex] === 'auto') {\n                ths = this.resizerRefTable.current?.querySelectorAll('th');\n                if (ths) {\n                    this.resizerCurrentWidths[this.resizerActiveIndex] = ths[this.resizerActiveIndex].offsetWidth;\n                }\n            }\n            if (this.resizerCurrentWidths[this.resizerActiveIndex + 1] === 'auto') {\n                ths = ths || this.resizerRefTable.current?.querySelectorAll('th');\n                if (ths) {\n                    this.resizerCurrentWidths[this.resizerActiveIndex + 1] =\n                        ths[this.resizerActiveIndex + 1].offsetWidth;\n                }\n            }\n\n            this.resizerOldWidth = this.resizerCurrentWidths[this.resizerActiveIndex] as number;\n            this.resizerOldWidthNext = this.resizerCurrentWidths[this.resizerActiveIndex + 1] as number;\n\n            window.addEventListener('mousemove', this.resizerMouseMove);\n            window.addEventListener('mouseup', this.resizerMouseUp);\n        }\n    };\n\n    render(): React.JSX.Element {\n        if (this.props.ready === false) {\n            return <Skeleton />;\n        }\n\n        const style = { gridTemplateColumns: this.resizerApplyWidths() };\n\n        return (\n            <Table\n                stickyHeader={this.props.stickyHeader}\n                size={this.props.size || 'small'}\n                className={this.props.className}\n                sx={this.props.sx}\n                ref={this.resizerRefTable}\n                style={{ ...(this.props.style || undefined), ...style }}\n            >\n                {this.props.children}\n            </Table>\n        );\n    }\n}\n"]}

package/{Components → build/Components}/TextWithIcon.d.ts

@@ -18,5 +18,5 @@ interface TextWithIconProps {
     icon?: string;
     color?: string;
 }
-declare const TextWithIcon: (props: TextWithIconProps) => React.JSX.Element;
-export default TextWithIcon;
+export declare function TextWithIcon(props: TextWithIconProps): React.JSX.Element;
+export {};

package/{src/Components/TextWithIcon.tsx → build/Components/TextWithIcon.js}

@@ -1,10 +1,7 @@
 import React from 'react';
-
-import Icon from './Icon';
-import Utils from './Utils';
-import type { ThemeType } from '../types';
-
-const styles: Record<string, React.CSSProperties> = {
+import { Icon } from './Icon';
+import { Utils } from './Utils';
+const styles = {
     div: {
         borderRadius: 3,
         padding: '0 3px',
@@ -26,44 +23,16 @@ const styles: Record<string, React.CSSProperties> = {
         textOverflow: 'ellipsis',
     },
 };
-
-interface TextWithIconProps {
-    lang: ioBroker.Languages;
-    themeType?: ThemeType;
-    value: string | Record<string, any>;
-    list?: ioBroker.Object[] | Record<string, ioBroker.Object>;
-    options?: Record<string, any>;
-    className?: string;
-    style?: React.CSSProperties;
-    title?: string;
-    removePrefix?: string;
-    moreClasses?: {
-        root?: string;
-        icon?: string;
-        text?: string;
-    };
-    icon?: string;
-    color?: string;
-}
-
-interface TextWithIconItem {
-    name: string;
-    value: string;
-    icon?: string;
-    color?: string;
-}
-
-const TextWithIcon = (props: TextWithIconProps): React.JSX.Element => {
+export function TextWithIcon(props) {
     const value = props.value;
-    let item: TextWithIconItem;
+    let item;
     const prefix = props.removePrefix || '';
-
     if (typeof value === 'string') {
         const list = props.list || props.options;
         if (list) {
             // if a list is array, then it is list of ioBroker.Object
             if (Array.isArray(list)) {
-                const _item: ioBroker.Object = list.find((obj: ioBroker.Object) => obj._id === prefix + value);
+                const _item = list.find((obj) => obj._id === prefix + value);
                 if (_item) {
                     item = {
                         name: Utils.getObjectNameFromObj(_item, props.lang).replace('system.group.', ''),
@@ -71,22 +40,25 @@ const TextWithIcon = (props: TextWithIconProps): React.JSX.Element => {
                         icon: props.icon || _item.common?.icon,
                         color: props.color || _item.common?.color,
                     };
-                } else {
+                }
+                else {
                     item = {
                         name: value,
                         value: prefix + value,
                     };
                 }
-            } else if (list[prefix + value]) {
+            }
+            else if (list[prefix + value]) {
                 // List is object with key-value pairs: {'enum.rooms.1': {common: {name: 'Room 1'}}}
-                const obj: ioBroker.Object = list[prefix + value];
+                const obj = list[prefix + value];
                 item = {
                     name: Utils.getObjectNameFromObj(obj, props.lang).replace('system.group.', ''),
                     value: obj._id,
                     icon: props.icon || obj.common?.icon,
                     color: props.color || obj.common?.color,
                 };
-            } else {
+            }
+            else {
                 // value is a string, ignore list
                 item = {
                     name: value,
@@ -95,7 +67,8 @@ const TextWithIcon = (props: TextWithIconProps): React.JSX.Element => {
                     color: props.color,
                 };
             }
-        } else {
+        }
+        else {
             item = {
                 name: value,
                 value: prefix + value,
@@ -103,16 +76,18 @@ const TextWithIcon = (props: TextWithIconProps): React.JSX.Element => {
                 color: props.color,
             };
         }
-    } else if (!value || typeof value !== 'object') {
+    }
+    else if (!value || typeof value !== 'object') {
         item = {
             name: '',
             value: '',
             icon: props.icon,
             color: props.color,
         };
-    } else {
+    }
+    else {
         // Item is an ioBroker.Object
-        const obj: ioBroker.Object = value as ioBroker.Object;
+        const obj = value;
         item = {
             name: Utils.getObjectNameFromObj(obj, props.lang)
                 .replace('system.group.', '')
@@ -124,36 +99,16 @@ const TextWithIcon = (props: TextWithIconProps): React.JSX.Element => {
             color: props.color || obj.common?.color,
         };
     }
-
     const style = item?.color
         ? {
-              border: `1px solid ${Utils.invertColor(item?.color)}`,
-              color: Utils.getInvertedColor(item?.color, props.themeType || 'light', true) || undefined,
-              backgroundColor: item?.color,
-          }
+            border: `1px solid ${Utils.invertColor(item?.color)}`,
+            color: Utils.getInvertedColor(item?.color, props.themeType || 'light', true) || undefined,
+            backgroundColor: item?.color,
+        }
         : {};
-
-    return (
-        <div
-            style={{ ...(props.style || undefined), ...styles.div, ...(style || undefined) }}
-            className={Utils.clsx(props.className, props.moreClasses?.root)}
-            title={props.title || item.value}
-        >
-            {item?.icon ? (
-                <Icon
-                    src={item?.icon}
-                    className={props.moreClasses?.icon}
-                    style={styles.icon}
-                />
-            ) : null}
-            <div
-                style={styles.text}
-                className={props.moreClasses?.text}
-            >
-                {item?.name}
-            </div>
-        </div>
-    );
-};
-
-export default TextWithIcon;
+    return (React.createElement("div", { style: { ...(props.style || undefined), ...styles.div, ...(style || undefined) }, className: Utils.clsx(props.className, props.moreClasses?.root), title: props.title || item.value },
+        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

@@ -0,0 +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"]}

package/{Components → build/Components}/ToggleThemeMenu.d.ts

@@ -7,5 +7,5 @@ interface ToggleThemeMenuProps {
     style?: React.CSSProperties;
     size?: 'small' | 'medium' | 'large';
 }
-export default function ToggleThemeMenu({ themeName, toggleTheme, t, className, style, size, }: ToggleThemeMenuProps): JSX.Element;
+export declare function ToggleThemeMenu({ themeName, toggleTheme, t, className, style, size, }: ToggleThemeMenuProps): JSX.Element;
 export {};

package/build/Components/ToggleThemeMenu.js

@@ -0,0 +1,13 @@
+import React, {} from 'react';
+import { IconButton, Tooltip } from '@mui/material';
+import { Brightness4 as Brightness4Icon, Brightness5 as Brightness5Icon, Brightness6 as Brightness6Icon, Brightness7 as Brightness7Icon, } from '@mui/icons-material';
+export function ToggleThemeMenu({ themeName, toggleTheme, t, className, style, size, }) {
+    return (React.createElement("div", { className: className || undefined, style: style || undefined },
+        React.createElement(Tooltip, { title: t('ra_Change color theme'), slotProps: { popper: { sx: { pointerEvents: 'none' } } } },
+            React.createElement(IconButton, { onClick: () => toggleTheme(), size: size || 'medium' },
+                themeName === 'dark' && React.createElement(Brightness4Icon, { className: className }),
+                themeName === 'blue' && React.createElement(Brightness5Icon, { className: className }),
+                themeName === 'colored' && React.createElement(Brightness6Icon, { className: className }),
+                themeName !== 'dark' && themeName !== 'blue' && themeName !== 'colored' && (React.createElement(Brightness7Icon, { className: className }))))));
+}
+//# sourceMappingURL=ToggleThemeMenu.js.map

package/build/Components/ToggleThemeMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleThemeMenu.js","sourceRoot":"./src/","sources":["Components/ToggleThemeMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EACH,WAAW,IAAI,eAAe,EAC9B,WAAW,IAAI,eAAe,EAC9B,WAAW,IAAI,eAAe,EAC9B,WAAW,IAAI,eAAe,GACjC,MAAM,qBAAqB,CAAC;AAW7B,MAAM,UAAU,eAAe,CAAC,EAC5B,SAAS,EACT,WAAW,EACX,CAAC,EACD,SAAS,EACT,KAAK,EACL,IAAI,GACe;IACnB,OAAO,CACH,6BACI,SAAS,EAAE,SAAS,IAAI,SAAS,EACjC,KAAK,EAAE,KAAK,IAAI,SAAS;QAEzB,oBAAC,OAAO,IACJ,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAC,EACjC,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE;YAExD,oBAAC,UAAU,IACP,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAC5B,IAAI,EAAE,IAAI,IAAI,QAAQ;gBAErB,SAAS,KAAK,MAAM,IAAI,oBAAC,eAAe,IAAC,SAAS,EAAE,SAAS,GAAI;gBACjE,SAAS,KAAK,MAAM,IAAI,oBAAC,eAAe,IAAC,SAAS,EAAE,SAAS,GAAI;gBACjE,SAAS,KAAK,SAAS,IAAI,oBAAC,eAAe,IAAC,SAAS,EAAE,SAAS,GAAI;gBACpE,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,SAAS,IAAI,CACxE,oBAAC,eAAe,IAAC,SAAS,EAAE,SAAS,GAAI,CAC5C,CACQ,CACP,CACR,CACT,CAAC;AACN,CAAC","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { IconButton, Tooltip } from '@mui/material';\n\nimport {\n    Brightness4 as Brightness4Icon,\n    Brightness5 as Brightness5Icon,\n    Brightness6 as Brightness6Icon,\n    Brightness7 as Brightness7Icon,\n} from '@mui/icons-material';\n\ninterface ToggleThemeMenuProps {\n    themeName: 'dark' | 'blue' | 'colored' | 'light';\n    toggleTheme: () => void;\n    t: (key: string) => string;\n    className?: string;\n    style?: React.CSSProperties;\n    size?: 'small' | 'medium' | 'large';\n}\n\nexport function ToggleThemeMenu({\n    themeName,\n    toggleTheme,\n    t,\n    className,\n    style,\n    size,\n}: ToggleThemeMenuProps): JSX.Element {\n    return (\n        <div\n            className={className || undefined}\n            style={style || undefined}\n        >\n            <Tooltip\n                title={t('ra_Change color theme')}\n                slotProps={{ popper: { sx: { pointerEvents: 'none' } } }}\n            >\n                <IconButton\n                    onClick={() => toggleTheme()}\n                    size={size || 'medium'}\n                >\n                    {themeName === 'dark' && <Brightness4Icon className={className} />}\n                    {themeName === 'blue' && <Brightness5Icon className={className} />}\n                    {themeName === 'colored' && <Brightness6Icon className={className} />}\n                    {themeName !== 'dark' && themeName !== 'blue' && themeName !== 'colored' && (\n                        <Brightness7Icon className={className} />\n                    )}\n                </IconButton>\n            </Tooltip>\n        </div>\n    );\n}\n"]}

package/{Components → build/Components}/TreeTable.d.ts

@@ -1,5 +1,5 @@
 import React, { Component, type JSX } from 'react';
-import type Connection from '../Connection';
+import type { Connection } from '../Connection';
 import type { IobTheme } from '../types';
 interface Column {
     cellStyle?: Record<string, any>;
@@ -52,7 +52,7 @@ interface TreeTableState {
     showSelectId?: boolean;
     data?: Record<string, any>[];
 }
-declare class TreeTable extends Component<TreeTableProps, TreeTableState> {
+export declare class TreeTable extends Component<TreeTableProps, TreeTableState> {
     private selectCallback;
     private updateTimeout;
     constructor(props: TreeTableProps);
@@ -76,4 +76,4 @@ declare class TreeTable extends Component<TreeTableProps, TreeTableState> {
     renderHead(): JSX.Element;
     render(): JSX.Element | null;
 }
-export default TreeTable;
+export {};