@iobroker/gui-components 8.0.1

package/build/Components/TextWithIcon.js

@@ -0,0 +1,113 @@
+import React from 'react';
+import { Icon } from './Icon';
+import { Utils } from './Utils';
+const styles = {
+    div: {
+        borderRadius: 3,
+        padding: '0 3px',
+        lineHeight: '20px',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        display: 'flex',
+        alignItems: 'center',
+    },
+    icon: {
+        width: 16,
+        height: 16,
+        marginRight: 8,
+        verticalAlign: 'middle',
+    },
+    text: {
+        display: 'inline-block',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+    },
+};
+export function TextWithIcon(props) {
+    const value = props.value;
+    let item;
+    const prefix = props.removePrefix || '';
+    if (typeof value === 'string') {
+        const list = props.list;
+        if (list) {
+            // if a list is array, then it is list of ioBroker.Object
+            if (Array.isArray(list)) {
+                const _item = list.find((obj) => obj?._id === prefix + value);
+                if (_item) {
+                    item = {
+                        name: Utils.getObjectNameFromObj(_item, props.lang).replace('system.group.', ''),
+                        value: _item._id,
+                        icon: props.icon || _item.common?.icon,
+                        color: props.color || _item.common?.color,
+                    };
+                }
+                else {
+                    item = {
+                        name: value,
+                        value: prefix + value,
+                    };
+                }
+            }
+            else if (list[prefix + value]) {
+                // List is the object with key-value pairs: {'enum.rooms.1': {common: {name: 'Room 1'}}}
+                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 {
+                // value is a string, ignore list
+                item = {
+                    name: value,
+                    value: prefix + value,
+                    icon: props.icon,
+                    color: props.color,
+                };
+            }
+        }
+        else {
+            item = {
+                name: value,
+                value: prefix + value,
+                icon: props.icon,
+                color: props.color,
+            };
+        }
+    }
+    else if (!value || typeof value !== 'object') {
+        item = {
+            name: '',
+            value: '',
+            icon: props.icon,
+            color: props.color,
+        };
+    }
+    else {
+        // Item is an ioBroker.Object
+        const obj = value;
+        item = {
+            name: Utils.getObjectNameFromObj(obj, props.lang)
+                .replace('system.group.', '')
+                .replace('system.user.', '')
+                .replace('enum.rooms.', '')
+                .replace('enum.functions.', ''),
+            value: obj._id,
+            icon: props.icon || obj.common?.icon,
+            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,
+        }
+        : {};
+    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    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;\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 the 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/ToggleThemeMenu.d.ts

@@ -0,0 +1,12 @@
+import React, { type JSX } from 'react';
+import type { ThemeName } from '../types';
+interface ToggleThemeMenuProps {
+    themeName: ThemeName;
+    toggleTheme: () => void;
+    t: (key: string) => string;
+    className?: string;
+    style?: React.CSSProperties;
+    size?: 'small' | 'medium' | 'large';
+}
+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,KAAmB,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;AAY7B,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';\nimport type { ThemeName } from '../types';\n\ninterface ToggleThemeMenuProps {\n    themeName: ThemeName;\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/build/Components/TreeTable.d.ts

@@ -0,0 +1,79 @@
+import React, { Component, type JSX } from 'react';
+import type { Connection } from '../Connection';
+import type { IobTheme } from '../types';
+interface Column {
+    cellStyle?: Record<string, any>;
+    editComponent?: React.FC<{
+        value: any;
+        rowData: Record<string, any>;
+        onChange: (newValue: any) => void;
+    }>;
+    field: string;
+    headerStyle?: Record<string, any>;
+    hidden?: boolean;
+    lookup?: Record<string, string>;
+    editable?: boolean | 'never';
+    title?: string;
+    type?: 'string' | 'boolean' | 'numeric' | 'icon' | 'oid' | 'color';
+    subField?: string;
+    subLookup?: Record<string, string>;
+    subStyle?: Record<string, any>;
+}
+interface TreeTableProps {
+    data: Record<string, any>[];
+    className?: string;
+    /** name of table to save settings in localStorage */
+    name?: string;
+    columns: Column[];
+    noSort?: boolean;
+    onUpdate?: ((newData: Record<string, any>, oldData: Record<string, any>) => void) | ((addNew: true) => void);
+    onDelete?: (oldData: Record<string, any>) => void;
+    /** hide add button */
+    noAdd?: boolean;
+    themeType?: string;
+    glowOnChange?: boolean;
+    /** only if an oid type is used */
+    socket?: Connection;
+    /** Shift in pixels for every level */
+    levelShift?: number;
+    adapterName: string;
+    theme: IobTheme;
+}
+interface TreeTableState {
+    opened: string[];
+    editMode: number | false;
+    deleteMode: number | false;
+    editData: Record<string, any> | null;
+    order: 'desc' | 'asc';
+    update: string[] | null;
+    orderBy: string;
+    showSelectColor: boolean;
+    selectIdValue?: string | null;
+    showSelectId?: boolean;
+    data?: Record<string, any>[];
+}
+export declare class TreeTable extends Component<TreeTableProps, TreeTableState> {
+    private selectCallback;
+    private updateTimeout;
+    constructor(props: TreeTableProps);
+    static getDerivedStateFromProps(props: TreeTableProps, state: TreeTableState): Partial<TreeTableState>;
+    renderCellEdit(item: Record<string, any>, col: Column): JSX.Element | null;
+    onChange(col: Column, oldValue: string | number | boolean, newValue: string | number | boolean): void;
+    renderCellEditSelect(col: Column, val: string | number): JSX.Element;
+    renderCellEditString(col: Column, val: string): JSX.Element;
+    renderCellEditNumber(col: Column, val: number): JSX.Element;
+    renderCellEditCustom(col: Column, val: any, item: Record<string, any>): JSX.Element | null;
+    renderCellEditBoolean(col: Column, val: boolean): JSX.Element;
+    renderSelectColorDialog(): JSX.Element;
+    renderCellEditColor(col: Column, val: string): JSX.Element;
+    renderSelectIdDialog(): JSX.Element | null;
+    renderCellEditObjectID(col: Column, val: string): JSX.Element;
+    static renderCellNonEdit(item: Record<string, any>, col: Column): JSX.Element | string | number | null;
+    renderCell(item: Record<string, any>, col: Column, level: number, i: number): JSX.Element;
+    static renderCellWithSubField(item: Record<string, any>, col: Column): JSX.Element;
+    renderLine(item: Record<string, any>, level?: number): JSX.Element | JSX.Element[] | null;
+    handleRequestSort(property: string): void;
+    renderHead(): JSX.Element;
+    render(): JSX.Element | null;
+}
+export {};