@iobroker/dm-gui-components 8.0.8 → 9.0.0

package/build/DeviceList.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { IconButton, InputAdornment, TextField, Toolbar, Tooltip, LinearProgress, Select, MenuItem, FormControl, InputLabel, } from '@mui/material';
+import { IconButton, InputAdornment, TextField, Toolbar, Tooltip, LinearProgress, Select, MenuItem, FormControl, InputLabel, Box, } from '@mui/material';
 import { Clear, QuestionMark, Refresh, FilterAltOff } from '@mui/icons-material';
 import { I18n, DeviceTypeIcon } from '@iobroker/adapter-react-v5';
-import DeviceCard from './DeviceCard';
+import DeviceCard, { DeviceCardSkeleton } from './DeviceCard';
 import { getTranslation } from './Utils';
 import Communication from './Communication';
 import InstanceActionButton from './InstanceActionButton';
@@ -22,11 +22,11 @@ import zhCn from './i18n/zh-cn.json';
  */
 export default class DeviceList extends Communication {
     static i18nInitialized = false;
-    lastPropsFilter;
     lastInstance;
+    lastAliveSubscribe = '';
     lastTriggerLoad = 0;
-    filterTimeout;
-    language;
+    filterTimeout = null;
+    language = I18n.getLanguage();
     constructor(props) {
         super(props);
         if (!DeviceList.i18nInitialized) {
@@ -45,29 +45,19 @@ export default class DeviceList extends Communication {
                 'zh-cn': zhCn,
             });
         }
-        let selectedInstance;
-        if (this.props.selectedInstance === undefined) {
-            selectedInstance = window.localStorage.getItem('dmSelectedInstance') || '';
-        }
-        else {
-            selectedInstance = this.props.selectedInstance;
-        }
-        Object.assign(this.state, {
+        this.state = {
+            ...this.state,
             devices: [],
-            filteredDevices: [],
             filter: '',
             instanceInfo: null,
             loading: null,
             alive: null,
             groupKey: '',
             dmInstances: null,
-            selectedInstance,
-        });
-        this.lastPropsFilter = this.props.filter;
-        this.lastInstance = selectedInstance;
+            apiVersionError: false,
+        };
+        this.lastInstance = this.state.selectedInstance;
         this.lastTriggerLoad = this.props.triggerLoad || 0;
-        this.filterTimeout = null;
-        this.language = I18n.getLanguage();
     }
     async loadAdapters() {
         await this.props.socket.waitForFirstConnection();
@@ -75,9 +65,6 @@ export default class DeviceList extends Communication {
         const res = await this.props.socket.getObjectViewSystem('instance', 'system.adapter.', 'system.adapter.\u9999');
         const dmInstances = {};
         for (const id in res) {
-            if (!res[id]?.common?.messagebox) {
-                continue;
-            }
             if (!res[id].common.supportedMessages?.deviceManager) {
                 continue;
             }
@@ -102,14 +89,15 @@ export default class DeviceList extends Communication {
     }
     async componentDidMount() {
         let alive = false;
+        // If an instance selector must be shown
         if (this.props.selectedInstance === undefined) {
             // show instance selector
             await this.loadAdapters();
         }
-        if (this.state.alive === null) {
+        if (this.state.alive === null && this.state.selectedInstance) {
             try {
                 // check if the instance is alive
-                const stateAlive = await this.props.socket.getState(`system.adapter.${this.props.selectedInstance}.alive`);
+                const stateAlive = await this.props.socket.getState(`system.adapter.${this.state.selectedInstance}.alive`);
                 if (stateAlive?.val) {
                     alive = true;
                 }
@@ -117,18 +105,16 @@ export default class DeviceList extends Communication {
             catch (error) {
                 console.error(error);
             }
-            this.setState({ alive }, () => this.props.socket.subscribeState(`system.adapter.${this.props.selectedInstance}.alive`, this.aliveHandler));
-            if (!alive) {
-                return;
-            }
+            this.lastAliveSubscribe = this.state.selectedInstance;
+            this.setState({ alive }, () => this.props.socket.subscribeState(`system.adapter.${this.state.selectedInstance}.alive`, this.aliveHandler));
         }
-        else {
+        else if (this.state.alive !== null) {
             alive = this.state.alive;
         }
         if (!this.props.embedded && alive) {
             try {
                 const instanceInfo = await this.loadInstanceInfos();
-                this.setState({ instanceInfo });
+                this.setState({ instanceInfo, apiVersionError: !['v1', 'v2', 'v3'].includes(instanceInfo.apiVersion) });
             }
             catch (error) {
                 console.error(error);
@@ -139,10 +125,12 @@ export default class DeviceList extends Communication {
         }
     }
     componentWillUnmount() {
-        this.props.socket.unsubscribeState(`system.adapter.${this.props.selectedInstance}.alive`, this.aliveHandler);
+        if (this.state.selectedInstance) {
+            this.props.socket.unsubscribeState(`system.adapter.${this.state.selectedInstance}.alive`, this.aliveHandler);
+        }
     }
     aliveHandler = (id, state) => {
-        if (id === `system.adapter.${this.props.selectedInstance}.alive`) {
+        if (this.state.selectedInstance && id === `system.adapter.${this.state.selectedInstance}.alive`) {
             const alive = !!state?.val;
             if (alive !== this.state.alive) {
                 this.setState({ alive }, () => {
@@ -158,20 +146,48 @@ export default class DeviceList extends Communication {
      */
     loadData() {
         this.setState({ loading: true }, async () => {
-            console.log(`Loading devices for ${this.props.selectedInstance}...`);
+            console.log(`Loading devices for ${this.state.selectedInstance}...`);
+            let alive = this.state.alive;
+            if (this.state.selectedInstance !== this.lastAliveSubscribe) {
+                if (this.lastAliveSubscribe) {
+                    // unsubscribe from the old instance
+                    this.props.socket.unsubscribeState(`system.adapter.${this.lastAliveSubscribe}.alive`, this.aliveHandler);
+                }
+                this.lastAliveSubscribe = this.state.selectedInstance;
+                if (this.state.selectedInstance) {
+                    try {
+                        // check if the instance is alive
+                        const stateAlive = await this.props.socket.getState(`system.adapter.${this.state.selectedInstance}.alive`);
+                        if (stateAlive?.val) {
+                            alive = true;
+                        }
+                    }
+                    catch (error) {
+                        console.error(error);
+                    }
+                    await this.props.socket.subscribeState(`system.adapter.${this.state.selectedInstance}.alive`, this.aliveHandler);
+                }
+                else {
+                    alive = false;
+                }
+            }
             let devices = [];
             try {
-                devices = await this.loadDevices();
-                if (!devices || !Array.isArray(devices)) {
-                    console.error(`Message returned from sendTo() doesn't look like one from DeviceManagement, did you accidentally handle the message in your adapter? ${JSON.stringify(devices)}`);
-                    devices = [];
+                this.setState({ devices, loading: !!alive, alive });
+                if (alive) {
+                    await this.loadDevices((batch, total) => {
+                        devices = devices.concat(batch);
+                        this.setState({ devices, loading: true, totalDevices: total });
+                        console.log(`Loaded ${devices.length} of ${total} devices...`);
+                    });
                 }
             }
             catch (error) {
                 console.error(error);
                 devices = [];
             }
-            this.setState({ devices, loading: false }, () => this.applyFilter());
+            this.setState({ devices, loading: false, totalDevices: devices.length });
+            console.log(`Loaded ${devices.length} devices for ${this.state.selectedInstance}`);
         });
     }
     getText(text) {
@@ -180,27 +196,14 @@ export default class DeviceList extends Communication {
         }
         return text;
     }
-    applyFilter() {
-        const filter = this.props.embedded ? this.props.filter : this.state.filter;
-        // filter devices name
-        if (filter) {
-            const filteredDevices = this.state.devices.filter(device => this.getText(device.name).toLowerCase().includes(filter.toLowerCase()));
-            this.setState({ filteredDevices });
-        }
-        else {
-            this.setState({ filteredDevices: this.state.devices });
-        }
-    }
     handleFilterChange(filter) {
-        this.setState({ filter }, () => {
-            if (this.filterTimeout) {
-                clearTimeout(this.filterTimeout);
-            }
-            this.filterTimeout = setTimeout(() => {
-                this.filterTimeout = null;
-                this.applyFilter();
-            }, 250);
-        });
+        if (this.filterTimeout) {
+            clearTimeout(this.filterTimeout);
+        }
+        this.filterTimeout = setTimeout(() => {
+            this.filterTimeout = null;
+            this.setState({ filter });
+        }, 250);
     }
     renderGroups(groups) {
         if (!groups?.length) {
@@ -226,15 +229,14 @@ export default class DeviceList extends Communication {
             this.lastTriggerLoad = this.props.triggerLoad || 0;
             setTimeout(() => this.loadData(), 50);
         }
-        if (this.props.embedded && this.lastPropsFilter !== this.props.filter) {
-            this.lastPropsFilter = this.props.filter;
-            setTimeout(() => this.applyFilter(), 50);
-        }
         // if instance changed
-        if (this.props.embedded && this.lastInstance !== this.props.selectedInstance && this.props.selectedInstance) {
-            this.lastInstance = this.props.selectedInstance;
+        if (this.lastInstance !== this.state.selectedInstance) {
+            this.lastInstance = this.state.selectedInstance;
             setTimeout(() => this.loadData(), 50);
         }
+        if (this.props.selectedInstance && this.props.selectedInstance !== this.state.selectedInstance) {
+            setTimeout(() => this.setState({ selectedInstance: this.props.selectedInstance }), 50);
+        }
         const deviceGroups = [];
         let list;
         if (!this.props.embedded && !this.state.alive) {
@@ -243,22 +245,16 @@ export default class DeviceList extends Communication {
                     React.createElement("span", null, getTranslation('instanceNotAlive'))),
             ];
         }
-        else if (!this.state.devices.length && this.props.selectedInstance) {
+        else if (!this.state.devices.length && this.state.selectedInstance && !this.state.loading) {
             list = [
                 React.createElement("div", { style: emptyStyle, key: "notFound" },
                     React.createElement("span", null, getTranslation('noDevicesFoundText'))),
             ];
         }
-        else if (this.state.devices.length && !this.state.filteredDevices.length) {
-            list = [
-                React.createElement("div", { style: emptyStyle, key: "filtered" },
-                    React.createElement("span", null, getTranslation('allDevicesFilteredOut'))),
-            ];
-        }
         else {
             // build a device types list
-            let filteredDevices = this.state.filteredDevices;
-            if (!this.props.embedded && filteredDevices.find(device => device.group)) {
+            let filteredDevices = this.state.devices;
+            if (!this.state.loading && !this.props.embedded && filteredDevices.find(device => device.group)) {
                 deviceGroups.push({
                     name: I18n.t('All'),
                     value: '',
@@ -299,16 +295,31 @@ export default class DeviceList extends Communication {
                     else {
                         filteredDevices = filteredDevices.filter(device => device.group?.key === this.state.groupKey);
                     }
-                    if (!filteredDevices.length) {
-                        list = [
-                            React.createElement("div", { style: emptyStyle, key: "filtered" },
-                                React.createElement("span", null, getTranslation('allDevicesFilteredOut'))),
-                        ];
+                }
+            }
+            if (this.state.selectedInstance) {
+                list = filteredDevices.map(device => (React.createElement(DeviceCard, { key: JSON.stringify(device.id), smallCards: this.props.smallCards, filter: this.props.embedded ? this.props.filter : this.state.filter, alive: !!this.state.alive, id: device.id, identifierLabel: this.state.instanceInfo?.identifierLabel ?? 'ID', device: device, instanceId: this.state.selectedInstance, uploadImagesToInstance: this.props.uploadImagesToInstance, deviceHandler: this.deviceHandler, controlHandler: this.controlHandler, controlStateHandler: this.controlStateHandler, socket: this.props.socket, themeName: this.props.themeName, themeType: this.props.themeType, theme: this.props.theme, isFloatComma: this.props.isFloatComma, dateFormat: this.props.dateFormat })));
+                if (this.state.loading) {
+                    const skeletons = (this.state.totalDevices ?? list.length + 1) - list.length;
+                    for (let i = 0; i < skeletons; i++) {
+                        list.push(React.createElement(DeviceCardSkeleton, { key: `skeleton-${i}`, smallCards: this.props.smallCards, theme: this.props.theme }));
                     }
                 }
+                else if (this.state.devices.length > 0) {
+                    list.push(React.createElement(Box, { key: "filtered", sx: {
+                            padding: '25px',
+                            '&:not(:first-child)': {
+                                display: 'none',
+                            },
+                        } },
+                        React.createElement("span", null, getTranslation('allDevicesFilteredOut'))));
+                }
             }
-            if (filteredDevices.length && this.props.selectedInstance) {
-                list = filteredDevices.map(device => (React.createElement(DeviceCard, { alive: !!this.state.alive, key: device.id, id: device.id, title: this.getText(device.name), device: device, instanceId: this.props.selectedInstance, uploadImagesToInstance: this.props.uploadImagesToInstance, deviceHandler: this.deviceHandler, controlHandler: this.controlHandler, controlStateHandler: this.controlStateHandler, socket: this.props.socket, themeName: this.props.themeName, themeType: this.props.themeType, theme: this.props.theme, isFloatComma: this.props.isFloatComma, dateFormat: this.props.dateFormat })));
+            else {
+                list = [
+                    React.createElement("div", { style: emptyStyle, key: "selectInstance" },
+                        React.createElement("span", null, getTranslation('selectInstanceText'))),
+                ];
             }
         }
         if (this.props.embedded) {
@@ -319,20 +330,20 @@ export default class DeviceList extends Communication {
         return (React.createElement("div", { style: { width: '100%', height: '100%', overflow: 'hidden' } },
             React.createElement(Toolbar, { variant: "dense", style: { backgroundColor: '#777', display: 'flex' } },
                 this.props.title,
-                this.props.selectedInstance === null && this.state.dmInstances ? (React.createElement(FormControl, null,
-                    React.createElement(InputLabel, { id: "instance-select-label" }, getTranslation('instanceLabelText')),
-                    React.createElement(Select, { labelId: "instance-select-label", id: "instance-select", value: this.state.selectedInstance, onChange: event => {
+                this.props.selectedInstance === undefined && this.state.dmInstances ? (React.createElement(FormControl, null,
+                    React.createElement(InputLabel, { id: "instance-select-label", style: { transform: 'translate(0, -9px) scale(0.75)' } }, getTranslation('instanceLabelText')),
+                    React.createElement(Select, { style: { marginTop: 0, minWidth: 120 }, labelId: "instance-select-label", id: "instance-select", value: this.state.selectedInstance, onChange: event => {
                             window.localStorage.setItem('dmSelectedInstance', event.target.value);
                             this.setState({ selectedInstance: event.target.value });
-                        }, displayEmpty: true, variant: "standard", sx: { minWidth: 120 } }, Object.keys(this.state.dmInstances).map(([id]) => (React.createElement(MenuItem, { key: id, value: id }, id)))))) : null,
-                this.props.selectedInstance ? (React.createElement(Tooltip, { title: getTranslation('refreshTooltip'), slotProps: { popper: { sx: { pointerEvents: 'none' } } } },
+                        }, displayEmpty: true, variant: "standard" }, Object.keys(this.state.dmInstances).map(id => (React.createElement(MenuItem, { key: id, value: id }, id)))))) : null,
+                this.state.selectedInstance ? (React.createElement(Tooltip, { title: getTranslation('refreshTooltip'), slotProps: { popper: { sx: { pointerEvents: 'none' } } } },
                     React.createElement("span", null,
-                        React.createElement(IconButton, { onClick: () => this.loadData(), disabled: !this.state.alive, size: "small" },
+                        React.createElement(IconButton, { onClick: () => this.loadData(), disabled: !this.state.alive || this.state.apiVersionError, size: "small" },
                             React.createElement(Refresh, null))))) : null,
-                this.state.alive && this.state.instanceInfo?.actions?.length ? (React.createElement("div", { style: { marginLeft: 20 } }, this.state.instanceInfo.actions.map(action => (React.createElement(InstanceActionButton, { key: action.id, action: action, instanceHandler: this.instanceHandler }))))) : null,
+                !this.state.apiVersionError && this.state.alive && this.state.instanceInfo?.actions?.length ? (React.createElement("div", { style: { marginLeft: 20 } }, this.state.instanceInfo.actions.map(action => (React.createElement(InstanceActionButton, { key: action.id, action: action, instanceHandler: this.instanceHandler }))))) : null,
                 React.createElement("div", { style: { flexGrow: 1 } }),
-                this.renderGroups(deviceGroups),
-                this.state.alive ? (React.createElement(TextField, { variant: "standard", style: { width: 200 }, size: "small", label: getTranslation('filterLabelText'), onChange: e => this.handleFilterChange(e.target.value), value: this.state.filter, autoComplete: "off", slotProps: {
+                !this.state.apiVersionError && this.renderGroups(deviceGroups),
+                !this.state.apiVersionError && this.state.alive ? (React.createElement(TextField, { variant: "standard", style: { width: 200 }, size: "small", label: getTranslation('filterLabelText'), onChange: e => this.handleFilterChange(e.target.value), value: this.state.filter, autoComplete: "off", slotProps: {
                         input: {
                             autoComplete: 'new-password',
                             endAdornment: this.state.filter ? (React.createElement(InputAdornment, { position: "end" },
@@ -356,7 +367,7 @@ export default class DeviceList extends Communication {
                     ...this.props.style,
                 } },
                 this.state.loading ? React.createElement(LinearProgress, { style: { width: '100%' } }) : null,
-                list)));
+                this.state.apiVersionError ? React.createElement("div", null, I18n.t('apiVersionError')) : list)));
     }
 }
 //# sourceMappingURL=DeviceList.js.map

package/build/DeviceList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeviceList.js","sourceRoot":"./src/","sources":["DeviceList.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\nimport {\n    IconButton,\n    InputAdornment,\n    TextField,\n    Toolbar,\n    Tooltip,\n    LinearProgress,\n    Select,\n    MenuItem,\n    FormControl,\n    InputLabel,\n} from '@mui/material';\n\nimport { Clear, QuestionMark, Refresh, FilterAltOff } from '@mui/icons-material';\n\nimport { I18n, DeviceTypeIcon } from '@iobroker/adapter-react-v5';\nimport type { DeviceInfo, InstanceDetails } from '@iobroker/dm-utils';\n\nimport DeviceCard from './DeviceCard';\nimport { getTranslation } from './Utils';\nimport Communication, { type CommunicationProps, type CommunicationState } from './Communication';\nimport InstanceActionButton from './InstanceActionButton';\n\nimport de from './i18n/de.json';\nimport en from './i18n/en.json';\nimport ru from './i18n/ru.json';\nimport pt from './i18n/pt.json';\nimport nl from './i18n/nl.json';\nimport fr from './i18n/fr.json';\nimport it from './i18n/it.json';\nimport es from './i18n/es.json';\nimport pl from './i18n/pl.json';\nimport uk from './i18n/uk.json';\nimport zhCn from './i18n/zh-cn.json';\n\ninterface DeviceListProps extends CommunicationProps {\n    /** Instance to upload images to, like `adapterName.X` */\n    uploadImagesToInstance?: string;\n    /** Filter devices with this string */\n    filter?: string;\n    /** If this component is used in GUI with own toolbar. `false` if this list is used with multiple instances and true if only with one (in this case, it will monitor alive itself */\n    embedded?: boolean;\n    /** If embedded, this text is shown in the toolbar */\n    title?: string;\n    /** Style of a component that displays all devices */\n    style?: React.CSSProperties;\n    /** Use small cards for devices */\n    smallCards?: boolean;\n    /** To trigger the reload of devices, just change this variable */\n    triggerLoad?: number;\n}\n\ninterface DeviceListState extends CommunicationState {\n    devices: DeviceInfo[];\n    filteredDevices: DeviceInfo[];\n    filter: string;\n    instanceInfo: InstanceDetails;\n    loading: boolean;\n    alive: boolean | null;\n    triggerLoad: number;\n    groupKey: string;\n    dmInstances: { [instanceName: string]: { title: string; instance: number } } | null;\n    selectedInstance: string;\n}\n\n/**\n * Device List Component\n */\nexport default class DeviceList extends Communication<DeviceListProps, DeviceListState> {\n    static i18nInitialized = false;\n\n    private lastPropsFilter: string | undefined;\n\n    private lastInstance: string;\n\n    private lastTriggerLoad = 0;\n\n    private filterTimeout: ReturnType<typeof setTimeout> | null;\n\n    private readonly language: ioBroker.Languages;\n\n    constructor(props: DeviceListProps) {\n        super(props);\n\n        if (!DeviceList.i18nInitialized) {\n            DeviceList.i18nInitialized = true;\n            I18n.extendTranslations({\n                en,\n                de,\n                ru,\n                pt,\n                nl,\n                fr,\n                it,\n                es,\n                pl,\n                uk,\n                'zh-cn': zhCn,\n            });\n        }\n\n        let selectedInstance: string;\n        if (this.props.selectedInstance === undefined) {\n            selectedInstance = window.localStorage.getItem('dmSelectedInstance') || '';\n        } else {\n            selectedInstance = this.props.selectedInstance;\n        }\n\n        Object.assign(this.state, {\n            devices: [],\n            filteredDevices: [],\n            filter: '',\n            instanceInfo: null,\n            loading: null,\n            alive: null,\n            groupKey: '',\n            dmInstances: null,\n            selectedInstance,\n        });\n\n        this.lastPropsFilter = this.props.filter;\n        this.lastInstance = selectedInstance;\n        this.lastTriggerLoad = this.props.triggerLoad || 0;\n        this.filterTimeout = null;\n        this.language = I18n.getLanguage();\n    }\n\n    private async loadAdapters(): Promise<void> {\n        await this.props.socket.waitForFirstConnection();\n\n        console.log('Loading adapters...');\n        const res = await this.props.socket.getObjectViewSystem('instance', 'system.adapter.', 'system.adapter.\\u9999');\n        const dmInstances: { [instanceName: string]: { title: string; instance: number } } = {};\n        for (const id in res) {\n            if (!res[id]?.common?.messagebox) {\n                continue;\n            }\n            if (!res[id].common.supportedMessages?.deviceManager) {\n                continue;\n            }\n\n            const instanceName = id.substring('system.adapter.'.length);\n            try {\n                // Check if the instance is alive by getting the state alive\n                const alive = await this.props.socket.getState(`system.adapter.${instanceName}.alive`);\n                if (!alive?.val) {\n                    continue;\n                }\n\n                const instance = parseInt(instanceName.split('.').pop() || '0') || 0;\n                dmInstances[instanceName] = {\n                    title: '',\n                    instance,\n                };\n            } catch (error) {\n                console.error(error);\n            }\n        }\n\n        this.setState({ dmInstances });\n    }\n\n    async componentDidMount(): Promise<void> {\n        let alive = false;\n        if (this.props.selectedInstance === undefined) {\n            // show instance selector\n            await this.loadAdapters();\n        }\n\n        if (this.state.alive === null) {\n            try {\n                // check if the instance is alive\n                const stateAlive = await this.props.socket.getState(\n                    `system.adapter.${this.props.selectedInstance}.alive`,\n                );\n                if (stateAlive?.val) {\n                    alive = true;\n                }\n            } catch (error) {\n                console.error(error);\n            }\n            this.setState({ alive }, () =>\n                this.props.socket.subscribeState(\n                    `system.adapter.${this.props.selectedInstance}.alive`,\n                    this.aliveHandler,\n                ),\n            );\n            if (!alive) {\n                return;\n            }\n        } else {\n            alive = this.state.alive;\n        }\n\n        if (!this.props.embedded && alive) {\n            try {\n                const instanceInfo = await this.loadInstanceInfos();\n                this.setState({ instanceInfo });\n            } catch (error) {\n                console.error(error);\n            }\n        }\n        if (alive) {\n            this.loadData();\n        }\n    }\n\n    componentWillUnmount(): void {\n        this.props.socket.unsubscribeState(`system.adapter.${this.props.selectedInstance}.alive`, this.aliveHandler);\n    }\n\n    aliveHandler: ioBroker.StateChangeHandler = (id: string, state: ioBroker.State | null | undefined): void => {\n        if (id === `system.adapter.${this.props.selectedInstance}.alive`) {\n            const alive = !!state?.val;\n            if (alive !== this.state.alive) {\n                this.setState({ alive }, () => {\n                    if (alive) {\n                        this.componentDidMount().catch(console.error);\n                    }\n                });\n            }\n        }\n    };\n\n    /**\n     * Load devices\n     */\n    override loadData(): void {\n        this.setState({ loading: true }, async () => {\n            console.log(`Loading devices for ${this.props.selectedInstance}...`);\n            let devices: DeviceInfo[] = [];\n            try {\n                devices = await this.loadDevices();\n\n                if (!devices || !Array.isArray(devices)) {\n                    console.error(\n                        `Message returned from sendTo() doesn't look like one from DeviceManagement, did you accidentally handle the message in your adapter? ${JSON.stringify(\n                            devices,\n                        )}`,\n                    );\n                    devices = [];\n                }\n            } catch (error) {\n                console.error(error);\n                devices = [];\n            }\n\n            this.setState({ devices, loading: false }, () => this.applyFilter());\n        });\n    }\n\n    getText(text: ioBroker.StringOrTranslated): string {\n        if (typeof text === 'object') {\n            return text[this.language] || text.en;\n        }\n\n        return text;\n    }\n\n    applyFilter(): void {\n        const filter = this.props.embedded ? this.props.filter : this.state.filter;\n\n        // filter devices name\n        if (filter) {\n            const filteredDevices = this.state.devices.filter(device =>\n                this.getText(device.name).toLowerCase().includes(filter.toLowerCase()),\n            );\n            this.setState({ filteredDevices });\n        } else {\n            this.setState({ filteredDevices: this.state.devices });\n        }\n    }\n\n    handleFilterChange(filter: string): void {\n        this.setState({ filter }, () => {\n            if (this.filterTimeout) {\n                clearTimeout(this.filterTimeout);\n            }\n            this.filterTimeout = setTimeout(() => {\n                this.filterTimeout = null;\n                this.applyFilter();\n            }, 250);\n        });\n    }\n\n    renderGroups(\n        groups: { name: string; value: string; count: number; icon?: React.JSX.Element | string | null }[] | undefined,\n    ): React.JSX.Element | null {\n        if (!groups?.length) {\n            return null;\n        }\n\n        return (\n            <Select\n                style={{ minWidth: 120, marginRight: 8, marginTop: 12.5 }}\n                variant=\"standard\"\n                value={this.state.groupKey || '_'}\n                renderValue={value => {\n                    if (value === '_') {\n                        value = '';\n                    }\n                    const g = groups.find(g => g.value === value);\n                    return (\n                        <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n                            {g?.icon || <div style={{ width: 24 }} />}\n                            {g?.name || value}\n                        </div>\n                    );\n                }}\n                onChange={e => this.setState({ groupKey: e.target.value === '_' ? '' : e.target.value })}\n            >\n                {groups.map(g => (\n                    <MenuItem\n                        value={g.value || '_'}\n                        key={g.value || '_'}\n                        style={{ display: 'flex', alignItems: 'center', gap: 8 }}\n                    >\n                        {g.icon || <div style={{ width: 24 }} />}\n                        {g.name}\n                    </MenuItem>\n                ))}\n            </Select>\n        );\n    }\n\n    renderContent(): JSX.Element | JSX.Element[] | null {\n        const emptyStyle: React.CSSProperties = {\n            padding: 25,\n        };\n\n        if ((this.props.triggerLoad || 0) !== this.lastTriggerLoad) {\n            this.lastTriggerLoad = this.props.triggerLoad || 0;\n            setTimeout(() => this.loadData(), 50);\n        }\n\n        if (this.props.embedded && this.lastPropsFilter !== this.props.filter) {\n            this.lastPropsFilter = this.props.filter;\n            setTimeout(() => this.applyFilter(), 50);\n        }\n        // if instance changed\n        if (this.props.embedded && this.lastInstance !== this.props.selectedInstance && this.props.selectedInstance) {\n            this.lastInstance = this.props.selectedInstance;\n            setTimeout(() => this.loadData(), 50);\n        }\n        const deviceGroups: { name: string; value: string; count: number; icon?: React.JSX.Element | string | null }[] =\n            [];\n        let list: React.JSX.Element[] | undefined;\n        if (!this.props.embedded && !this.state.alive) {\n            list = [\n                <div\n                    style={emptyStyle}\n                    key=\"notAlive\"\n                >\n                    <span>{getTranslation('instanceNotAlive')}</span>\n                </div>,\n            ];\n        } else if (!this.state.devices.length && this.props.selectedInstance) {\n            list = [\n                <div\n                    style={emptyStyle}\n                    key=\"notFound\"\n                >\n                    <span>{getTranslation('noDevicesFoundText')}</span>\n                </div>,\n            ];\n        } else if (this.state.devices.length && !this.state.filteredDevices.length) {\n            list = [\n                <div\n                    style={emptyStyle}\n                    key=\"filtered\"\n                >\n                    <span>{getTranslation('allDevicesFilteredOut')}</span>\n                </div>,\n            ];\n        } else {\n            // build a device types list\n            let filteredDevices = this.state.filteredDevices;\n            if (!this.props.embedded && filteredDevices.find(device => device.group)) {\n                deviceGroups.push({\n                    name: I18n.t('All'),\n                    value: '',\n                    count: filteredDevices.length,\n                    icon: <FilterAltOff />,\n                });\n                filteredDevices.forEach(device => {\n                    if (device.group) {\n                        const type = deviceGroups.find(t => t.value === device.group?.key);\n                        if (type) {\n                            type.count++;\n                        } else {\n                            const icon = device.group.icon ? <DeviceTypeIcon src={device.group.icon} /> : null;\n\n                            deviceGroups.push({\n                                name: this.getText(device.group.name || device.group.key),\n                                value: device.group.key,\n                                count: 1,\n                                icon,\n                            });\n                        }\n                    }\n                });\n                const unknown = filteredDevices.filter(device => !device.group);\n                if (unknown.length) {\n                    deviceGroups.push({\n                        name: I18n.t('Unknown'),\n                        value: '?',\n                        count: unknown.length,\n                        icon: <QuestionMark />,\n                    });\n                }\n\n                if (this.state.groupKey) {\n                    // filter out all devices belonging to this group\n                    if (this.state.groupKey === '?') {\n                        filteredDevices = filteredDevices.filter(device => !device.group?.key);\n                    } else {\n                        filteredDevices = filteredDevices.filter(device => device.group?.key === this.state.groupKey);\n                    }\n                    if (!filteredDevices.length) {\n                        list = [\n                            <div\n                                style={emptyStyle}\n                                key=\"filtered\"\n                            >\n                                <span>{getTranslation('allDevicesFilteredOut')}</span>\n                            </div>,\n                        ];\n                    }\n                }\n            }\n\n            if (filteredDevices.length && this.props.selectedInstance) {\n                list = filteredDevices.map(device => (\n                    <DeviceCard\n                        alive={!!this.state.alive}\n                        key={device.id}\n                        id={device.id}\n                        title={this.getText(device.name)}\n                        device={device}\n                        instanceId={this.props.selectedInstance!}\n                        uploadImagesToInstance={this.props.uploadImagesToInstance}\n                        deviceHandler={this.deviceHandler}\n                        controlHandler={this.controlHandler}\n                        controlStateHandler={this.controlStateHandler}\n                        socket={this.props.socket}\n                        themeName={this.props.themeName}\n                        themeType={this.props.themeType}\n                        theme={this.props.theme}\n                        isFloatComma={this.props.isFloatComma}\n                        dateFormat={this.props.dateFormat}\n                    />\n                ));\n            }\n        }\n\n        if (this.props.embedded) {\n            return (\n                <>\n                    {this.state.loading ? <LinearProgress style={{ width: '100%' }} /> : null}\n                    {list}\n                </>\n            );\n        }\n\n        return (\n            <div style={{ width: '100%', height: '100%', overflow: 'hidden' }}>\n                <Toolbar\n                    variant=\"dense\"\n                    style={{ backgroundColor: '#777', display: 'flex' }}\n                >\n                    {this.props.title}\n                    {this.props.selectedInstance === null && this.state.dmInstances ? (\n                        <FormControl>\n                            <InputLabel id=\"instance-select-label\">{getTranslation('instanceLabelText')}</InputLabel>\n                            <Select\n                                labelId=\"instance-select-label\"\n                                id=\"instance-select\"\n                                value={this.state.selectedInstance}\n                                onChange={event => {\n                                    window.localStorage.setItem('dmSelectedInstance', event.target.value);\n                                    this.setState({ selectedInstance: event.target.value });\n                                }}\n                                displayEmpty\n                                variant=\"standard\"\n                                sx={{ minWidth: 120 }}\n                            >\n                                {Object.keys(this.state.dmInstances).map(([id]) => (\n                                    <MenuItem\n                                        key={id}\n                                        value={id}\n                                    >\n                                        {id}\n                                    </MenuItem>\n                                ))}\n                            </Select>\n                        </FormControl>\n                    ) : null}\n                    {this.props.selectedInstance ? (\n                        <Tooltip\n                            title={getTranslation('refreshTooltip')}\n                            slotProps={{ popper: { sx: { pointerEvents: 'none' } } }}\n                        >\n                            <span>\n                                <IconButton\n                                    onClick={() => this.loadData()}\n                                    disabled={!this.state.alive}\n                                    size=\"small\"\n                                >\n                                    <Refresh />\n                                </IconButton>\n                            </span>\n                        </Tooltip>\n                    ) : null}\n                    {this.state.alive && this.state.instanceInfo?.actions?.length ? (\n                        <div style={{ marginLeft: 20 }}>\n                            {this.state.instanceInfo.actions.map(action => (\n                                <InstanceActionButton\n                                    key={action.id}\n                                    action={action}\n                                    instanceHandler={this.instanceHandler}\n                                />\n                            ))}\n                        </div>\n                    ) : null}\n\n                    <div style={{ flexGrow: 1 }} />\n\n                    {this.renderGroups(deviceGroups)}\n                    {this.state.alive ? (\n                        <TextField\n                            variant=\"standard\"\n                            style={{ width: 200 }}\n                            size=\"small\"\n                            label={getTranslation('filterLabelText')}\n                            onChange={e => this.handleFilterChange(e.target.value)}\n                            value={this.state.filter}\n                            autoComplete=\"off\"\n                            slotProps={{\n                                input: {\n                                    autoComplete: 'new-password',\n                                    endAdornment: this.state.filter ? (\n                                        <InputAdornment position=\"end\">\n                                            <IconButton\n                                                tabIndex={-1}\n                                                onClick={() => this.handleFilterChange('')}\n                                                edge=\"end\"\n                                            >\n                                                <Clear />\n                                            </IconButton>\n                                        </InputAdornment>\n                                    ) : null,\n                                },\n                                htmlInput: {\n                                    autoComplete: 'off',\n                                },\n                            }}\n                        />\n                    ) : null}\n                </Toolbar>\n                <div\n                    style={{\n                        width: '100%',\n                        height: 'calc(100% - 56px)',\n                        marginTop: 8,\n                        overflow: 'auto',\n                        // justifyContent: 'center',\n                        // alignItems: 'stretch',\n                        // display: 'grid',\n                        // columnGap: 8,\n                        // rowGap: 8,\n                        ...this.props.style,\n                    }}\n                >\n                    {this.state.loading ? <LinearProgress style={{ width: '100%' }} /> : null}\n                    {list}\n                </div>\n            </div>\n        );\n    }\n}\n"]}
+{"version":3,"file":"DeviceList.js","sourceRoot":"./src/","sources":["DeviceList.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\nimport {\n    IconButton,\n    InputAdornment,\n    TextField,\n    Toolbar,\n    Tooltip,\n    LinearProgress,\n    Select,\n    MenuItem,\n    FormControl,\n    InputLabel,\n    Box,\n} from '@mui/material';\n\nimport { Clear, QuestionMark, Refresh, FilterAltOff } from '@mui/icons-material';\n\nimport { I18n, DeviceTypeIcon } from '@iobroker/adapter-react-v5';\nimport type { DeviceInfo, InstanceDetails } from './protocol/api';\n\nimport DeviceCard, { DeviceCardSkeleton } from './DeviceCard';\nimport { getTranslation } from './Utils';\nimport Communication, { type CommunicationProps, type CommunicationState } from './Communication';\nimport InstanceActionButton from './InstanceActionButton';\n\nimport de from './i18n/de.json';\nimport en from './i18n/en.json';\nimport ru from './i18n/ru.json';\nimport pt from './i18n/pt.json';\nimport nl from './i18n/nl.json';\nimport fr from './i18n/fr.json';\nimport it from './i18n/it.json';\nimport es from './i18n/es.json';\nimport pl from './i18n/pl.json';\nimport uk from './i18n/uk.json';\nimport zhCn from './i18n/zh-cn.json';\n\ninterface DeviceListProps extends CommunicationProps {\n    /** Instance to upload images to, like `adapterName.X` */\n    uploadImagesToInstance?: string;\n    /** Filter devices with this string */\n    filter?: string;\n    /** If this component is used in GUI with own toolbar. `false` if this list is used with multiple instances and true if only with one (in this case, it will monitor alive itself */\n    embedded?: boolean;\n    /** If embedded, this text is shown in the toolbar */\n    title?: string;\n    /** Style of a component that displays all devices */\n    style?: React.CSSProperties;\n    /** Use small cards for devices */\n    smallCards?: boolean;\n    /** To trigger the reload of devices, just change this variable */\n    triggerLoad?: number;\n}\n\ninterface DeviceListState extends CommunicationState {\n    devices: DeviceInfo[];\n    totalDevices?: number;\n    filter: string;\n    instanceInfo: InstanceDetails | null;\n    loading: boolean | null;\n    alive: boolean | null;\n    triggerLoad: number;\n    groupKey: string;\n    dmInstances: { [instanceName: string]: { title: string; instance: number } } | null;\n    apiVersionError: boolean;\n}\n\n/**\n * Device List Component\n */\nexport default class DeviceList extends Communication<DeviceListProps, DeviceListState> {\n    static i18nInitialized = false;\n\n    private lastInstance: string;\n\n    private lastAliveSubscribe = '';\n\n    private lastTriggerLoad = 0;\n\n    private filterTimeout: ReturnType<typeof setTimeout> | null = null;\n\n    private readonly language: ioBroker.Languages = I18n.getLanguage();\n\n    constructor(props: DeviceListProps) {\n        super(props);\n\n        if (!DeviceList.i18nInitialized) {\n            DeviceList.i18nInitialized = true;\n            I18n.extendTranslations({\n                en,\n                de,\n                ru,\n                pt,\n                nl,\n                fr,\n                it,\n                es,\n                pl,\n                uk,\n                'zh-cn': zhCn,\n            });\n        }\n\n        this.state = {\n            ...this.state,\n            devices: [],\n            filter: '',\n            instanceInfo: null,\n            loading: null,\n            alive: null,\n            groupKey: '',\n            dmInstances: null,\n            apiVersionError: false,\n        };\n\n        this.lastInstance = this.state.selectedInstance;\n        this.lastTriggerLoad = this.props.triggerLoad || 0;\n    }\n\n    private async loadAdapters(): Promise<void> {\n        await this.props.socket.waitForFirstConnection();\n\n        console.log('Loading adapters...');\n        const res = await this.props.socket.getObjectViewSystem('instance', 'system.adapter.', 'system.adapter.\\u9999');\n        const dmInstances: { [instanceName: string]: { title: string; instance: number } } = {};\n        for (const id in res) {\n            if (!res[id].common.supportedMessages?.deviceManager) {\n                continue;\n            }\n\n            const instanceName = id.substring('system.adapter.'.length);\n            try {\n                // Check if the instance is alive by getting the state alive\n                const alive = await this.props.socket.getState(`system.adapter.${instanceName}.alive`);\n                if (!alive?.val) {\n                    continue;\n                }\n\n                const instance = parseInt(instanceName.split('.').pop() || '0') || 0;\n                dmInstances[instanceName] = {\n                    title: '',\n                    instance,\n                };\n            } catch (error) {\n                console.error(error);\n            }\n        }\n\n        this.setState({ dmInstances });\n    }\n\n    async componentDidMount(): Promise<void> {\n        let alive = false;\n        // If an instance selector must be shown\n        if (this.props.selectedInstance === undefined) {\n            // show instance selector\n            await this.loadAdapters();\n        }\n\n        if (this.state.alive === null && this.state.selectedInstance) {\n            try {\n                // check if the instance is alive\n                const stateAlive = await this.props.socket.getState(\n                    `system.adapter.${this.state.selectedInstance}.alive`,\n                );\n                if (stateAlive?.val) {\n                    alive = true;\n                }\n            } catch (error) {\n                console.error(error);\n            }\n            this.lastAliveSubscribe = this.state.selectedInstance;\n            this.setState({ alive }, () =>\n                this.props.socket.subscribeState(\n                    `system.adapter.${this.state.selectedInstance}.alive`,\n                    this.aliveHandler,\n                ),\n            );\n        } else if (this.state.alive !== null) {\n            alive = this.state.alive;\n        }\n\n        if (!this.props.embedded && alive) {\n            try {\n                const instanceInfo = await this.loadInstanceInfos();\n                this.setState({ instanceInfo, apiVersionError: !['v1', 'v2', 'v3'].includes(instanceInfo.apiVersion) });\n            } catch (error) {\n                console.error(error);\n            }\n        }\n        if (alive) {\n            this.loadData();\n        }\n    }\n\n    componentWillUnmount(): void {\n        if (this.state.selectedInstance) {\n            this.props.socket.unsubscribeState(\n                `system.adapter.${this.state.selectedInstance}.alive`,\n                this.aliveHandler,\n            );\n        }\n    }\n\n    aliveHandler: ioBroker.StateChangeHandler = (id: string, state: ioBroker.State | null | undefined): void => {\n        if (this.state.selectedInstance && id === `system.adapter.${this.state.selectedInstance}.alive`) {\n            const alive = !!state?.val;\n            if (alive !== this.state.alive) {\n                this.setState({ alive }, () => {\n                    if (alive) {\n                        this.componentDidMount().catch(console.error);\n                    }\n                });\n            }\n        }\n    };\n\n    /**\n     * Load devices\n     */\n    override loadData(): void {\n        this.setState({ loading: true }, async () => {\n            console.log(`Loading devices for ${this.state.selectedInstance}...`);\n            let alive = this.state.alive;\n\n            if (this.state.selectedInstance !== this.lastAliveSubscribe) {\n                if (this.lastAliveSubscribe) {\n                    // unsubscribe from the old instance\n                    this.props.socket.unsubscribeState(\n                        `system.adapter.${this.lastAliveSubscribe}.alive`,\n                        this.aliveHandler,\n                    );\n                }\n\n                this.lastAliveSubscribe = this.state.selectedInstance;\n\n                if (this.state.selectedInstance) {\n                    try {\n                        // check if the instance is alive\n                        const stateAlive = await this.props.socket.getState(\n                            `system.adapter.${this.state.selectedInstance}.alive`,\n                        );\n                        if (stateAlive?.val) {\n                            alive = true;\n                        }\n                    } catch (error) {\n                        console.error(error);\n                    }\n                    await this.props.socket.subscribeState(\n                        `system.adapter.${this.state.selectedInstance}.alive`,\n                        this.aliveHandler,\n                    );\n                } else {\n                    alive = false;\n                }\n            }\n\n            let devices: DeviceInfo[] = [];\n            try {\n                this.setState({ devices, loading: !!alive, alive });\n                if (alive) {\n                    await this.loadDevices((batch, total) => {\n                        devices = devices.concat(batch);\n                        this.setState({ devices, loading: true, totalDevices: total });\n                        console.log(`Loaded ${devices.length} of ${total} devices...`);\n                    });\n                }\n            } catch (error) {\n                console.error(error);\n                devices = [];\n            }\n\n            this.setState({ devices, loading: false, totalDevices: devices.length });\n            console.log(`Loaded ${devices.length} devices for ${this.state.selectedInstance}`);\n        });\n    }\n\n    getText(text: ioBroker.StringOrTranslated): string {\n        if (typeof text === 'object') {\n            return text[this.language] || text.en;\n        }\n\n        return text;\n    }\n\n    handleFilterChange(filter: string): void {\n        if (this.filterTimeout) {\n            clearTimeout(this.filterTimeout);\n        }\n        this.filterTimeout = setTimeout(() => {\n            this.filterTimeout = null;\n            this.setState({ filter });\n        }, 250);\n    }\n\n    renderGroups(\n        groups: { name: string; value: string; count: number; icon?: React.JSX.Element | string | null }[] | undefined,\n    ): React.JSX.Element | null {\n        if (!groups?.length) {\n            return null;\n        }\n\n        return (\n            <Select\n                style={{ minWidth: 120, marginRight: 8, marginTop: 12.5 }}\n                variant=\"standard\"\n                value={this.state.groupKey || '_'}\n                renderValue={value => {\n                    if (value === '_') {\n                        value = '';\n                    }\n                    const g = groups.find(g => g.value === value);\n                    return (\n                        <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n                            {g?.icon || <div style={{ width: 24 }} />}\n                            {g?.name || value}\n                        </div>\n                    );\n                }}\n                onChange={e => this.setState({ groupKey: e.target.value === '_' ? '' : e.target.value })}\n            >\n                {groups.map(g => (\n                    <MenuItem\n                        value={g.value || '_'}\n                        key={g.value || '_'}\n                        style={{ display: 'flex', alignItems: 'center', gap: 8 }}\n                    >\n                        {g.icon || <div style={{ width: 24 }} />}\n                        {g.name}\n                    </MenuItem>\n                ))}\n            </Select>\n        );\n    }\n\n    renderContent(): JSX.Element | JSX.Element[] | null {\n        const emptyStyle: React.CSSProperties = {\n            padding: 25,\n        };\n\n        if ((this.props.triggerLoad || 0) !== this.lastTriggerLoad) {\n            this.lastTriggerLoad = this.props.triggerLoad || 0;\n            setTimeout(() => this.loadData(), 50);\n        }\n\n        // if instance changed\n        if (this.lastInstance !== this.state.selectedInstance) {\n            this.lastInstance = this.state.selectedInstance;\n            setTimeout(() => this.loadData(), 50);\n        }\n        if (this.props.selectedInstance && this.props.selectedInstance !== this.state.selectedInstance) {\n            setTimeout(() => this.setState({ selectedInstance: this.props.selectedInstance! }), 50);\n        }\n        const deviceGroups: { name: string; value: string; count: number; icon?: React.JSX.Element | string | null }[] =\n            [];\n        let list: React.JSX.Element[] | undefined;\n        if (!this.props.embedded && !this.state.alive) {\n            list = [\n                <div\n                    style={emptyStyle}\n                    key=\"notAlive\"\n                >\n                    <span>{getTranslation('instanceNotAlive')}</span>\n                </div>,\n            ];\n        } else if (!this.state.devices.length && this.state.selectedInstance && !this.state.loading) {\n            list = [\n                <div\n                    style={emptyStyle}\n                    key=\"notFound\"\n                >\n                    <span>{getTranslation('noDevicesFoundText')}</span>\n                </div>,\n            ];\n        } else {\n            // build a device types list\n            let filteredDevices = this.state.devices;\n            if (!this.state.loading && !this.props.embedded && filteredDevices.find(device => device.group)) {\n                deviceGroups.push({\n                    name: I18n.t('All'),\n                    value: '',\n                    count: filteredDevices.length,\n                    icon: <FilterAltOff />,\n                });\n                filteredDevices.forEach(device => {\n                    if (device.group) {\n                        const type = deviceGroups.find(t => t.value === device.group?.key);\n                        if (type) {\n                            type.count++;\n                        } else {\n                            const icon = device.group.icon ? <DeviceTypeIcon src={device.group.icon} /> : null;\n\n                            deviceGroups.push({\n                                name: this.getText(device.group.name || device.group.key),\n                                value: device.group.key,\n                                count: 1,\n                                icon,\n                            });\n                        }\n                    }\n                });\n                const unknown = filteredDevices.filter(device => !device.group);\n                if (unknown.length) {\n                    deviceGroups.push({\n                        name: I18n.t('Unknown'),\n                        value: '?',\n                        count: unknown.length,\n                        icon: <QuestionMark />,\n                    });\n                }\n\n                if (this.state.groupKey) {\n                    // filter out all devices belonging to this group\n                    if (this.state.groupKey === '?') {\n                        filteredDevices = filteredDevices.filter(device => !device.group?.key);\n                    } else {\n                        filteredDevices = filteredDevices.filter(device => device.group?.key === this.state.groupKey);\n                    }\n                }\n            }\n\n            if (this.state.selectedInstance) {\n                list = filteredDevices.map(device => (\n                    <DeviceCard\n                        key={JSON.stringify(device.id)}\n                        smallCards={this.props.smallCards}\n                        filter={this.props.embedded ? this.props.filter : this.state.filter}\n                        alive={!!this.state.alive}\n                        id={device.id}\n                        identifierLabel={this.state.instanceInfo?.identifierLabel ?? 'ID'}\n                        device={device}\n                        instanceId={this.state.selectedInstance}\n                        uploadImagesToInstance={this.props.uploadImagesToInstance}\n                        deviceHandler={this.deviceHandler}\n                        controlHandler={this.controlHandler}\n                        controlStateHandler={this.controlStateHandler}\n                        socket={this.props.socket}\n                        themeName={this.props.themeName}\n                        themeType={this.props.themeType}\n                        theme={this.props.theme}\n                        isFloatComma={this.props.isFloatComma}\n                        dateFormat={this.props.dateFormat}\n                    />\n                ));\n                if (this.state.loading) {\n                    const skeletons = (this.state.totalDevices ?? list.length + 1) - list.length;\n                    for (let i = 0; i < skeletons; i++) {\n                        list.push(\n                            <DeviceCardSkeleton\n                                key={`skeleton-${i}`}\n                                smallCards={this.props.smallCards}\n                                theme={this.props.theme}\n                            />,\n                        );\n                    }\n                } else if (this.state.devices.length > 0) {\n                    list.push(\n                        <Box\n                            key=\"filtered\"\n                            sx={{\n                                padding: '25px',\n                                '&:not(:first-child)': {\n                                    display: 'none',\n                                },\n                            }}\n                        >\n                            <span>{getTranslation('allDevicesFilteredOut')}</span>\n                        </Box>,\n                    );\n                }\n            } else {\n                list = [\n                    <div\n                        style={emptyStyle}\n                        key=\"selectInstance\"\n                    >\n                        <span>{getTranslation('selectInstanceText')}</span>\n                    </div>,\n                ];\n            }\n        }\n\n        if (this.props.embedded) {\n            return (\n                <>\n                    {this.state.loading ? <LinearProgress style={{ width: '100%' }} /> : null}\n                    {list}\n                </>\n            );\n        }\n\n        return (\n            <div style={{ width: '100%', height: '100%', overflow: 'hidden' }}>\n                <Toolbar\n                    variant=\"dense\"\n                    style={{ backgroundColor: '#777', display: 'flex' }}\n                >\n                    {this.props.title}\n                    {this.props.selectedInstance === undefined && this.state.dmInstances ? (\n                        <FormControl>\n                            <InputLabel\n                                id=\"instance-select-label\"\n                                style={{ transform: 'translate(0, -9px) scale(0.75)' }}\n                            >\n                                {getTranslation('instanceLabelText')}\n                            </InputLabel>\n                            <Select\n                                style={{ marginTop: 0, minWidth: 120 }}\n                                labelId=\"instance-select-label\"\n                                id=\"instance-select\"\n                                value={this.state.selectedInstance}\n                                onChange={event => {\n                                    window.localStorage.setItem('dmSelectedInstance', event.target.value);\n                                    this.setState({ selectedInstance: event.target.value });\n                                }}\n                                displayEmpty\n                                variant=\"standard\"\n                            >\n                                {Object.keys(this.state.dmInstances).map(id => (\n                                    <MenuItem\n                                        key={id}\n                                        value={id}\n                                    >\n                                        {id}\n                                    </MenuItem>\n                                ))}\n                            </Select>\n                        </FormControl>\n                    ) : null}\n                    {this.state.selectedInstance ? (\n                        <Tooltip\n                            title={getTranslation('refreshTooltip')}\n                            slotProps={{ popper: { sx: { pointerEvents: 'none' } } }}\n                        >\n                            <span>\n                                <IconButton\n                                    onClick={() => this.loadData()}\n                                    disabled={!this.state.alive || this.state.apiVersionError}\n                                    size=\"small\"\n                                >\n                                    <Refresh />\n                                </IconButton>\n                            </span>\n                        </Tooltip>\n                    ) : null}\n                    {!this.state.apiVersionError && this.state.alive && this.state.instanceInfo?.actions?.length ? (\n                        <div style={{ marginLeft: 20 }}>\n                            {this.state.instanceInfo.actions.map(action => (\n                                <InstanceActionButton\n                                    key={action.id}\n                                    action={action}\n                                    instanceHandler={this.instanceHandler}\n                                />\n                            ))}\n                        </div>\n                    ) : null}\n\n                    <div style={{ flexGrow: 1 }} />\n\n                    {!this.state.apiVersionError && this.renderGroups(deviceGroups)}\n                    {!this.state.apiVersionError && this.state.alive ? (\n                        <TextField\n                            variant=\"standard\"\n                            style={{ width: 200 }}\n                            size=\"small\"\n                            label={getTranslation('filterLabelText')}\n                            onChange={e => this.handleFilterChange(e.target.value)}\n                            value={this.state.filter}\n                            autoComplete=\"off\"\n                            slotProps={{\n                                input: {\n                                    autoComplete: 'new-password',\n                                    endAdornment: this.state.filter ? (\n                                        <InputAdornment position=\"end\">\n                                            <IconButton\n                                                tabIndex={-1}\n                                                onClick={() => this.handleFilterChange('')}\n                                                edge=\"end\"\n                                            >\n                                                <Clear />\n                                            </IconButton>\n                                        </InputAdornment>\n                                    ) : null,\n                                },\n                                htmlInput: {\n                                    autoComplete: 'off',\n                                },\n                            }}\n                        />\n                    ) : null}\n                </Toolbar>\n                <div\n                    style={{\n                        width: '100%',\n                        height: 'calc(100% - 56px)',\n                        marginTop: 8,\n                        overflow: 'auto',\n                        // justifyContent: 'center',\n                        // alignItems: 'stretch',\n                        // display: 'grid',\n                        // columnGap: 8,\n                        // rowGap: 8,\n                        ...this.props.style,\n                    }}\n                >\n                    {this.state.loading ? <LinearProgress style={{ width: '100%' }} /> : null}\n                    {this.state.apiVersionError ? <div>{I18n.t('apiVersionError')}</div> : list}\n                </div>\n            </div>\n        );\n    }\n}\n"]}

package/build/DeviceStatus.d.ts

@@ -1,6 +1,7 @@
+import type { Connection, IobTheme } from '@iobroker/adapter-react-v5';
 import React, { type CSSProperties, type MouseEvent } from 'react';
-import type { DeviceStatus, DeviceAction, ActionBase, ConfigConnectionType } from '@iobroker/dm-utils';
-import type { IobTheme } from '@iobroker/adapter-react-v5';
+import type { ActionBase, ConfigConnectionType, DeviceAction, DeviceId, DeviceStatus } from './protocol/api';
+import type { StateOrObjectHandler } from './StateOrObjectHandler';
 export declare const ACTIONS: {
     STATUS: string;
     DISABLE: string;
@@ -21,15 +22,17 @@ export interface IconProps {
     fontSize?: 'small';
 }
 interface DeviceStatusProps {
+    socket: Connection;
     status: DeviceStatus | null;
-    deviceId: string;
+    deviceId: DeviceId;
     connectionType?: ConfigConnectionType;
     statusAction?: DeviceAction;
     enabled?: boolean;
     disableEnableAction?: DeviceAction;
-    deviceHandler: (deviceId: string, action: ActionBase, refresh: () => void) => () => void;
+    deviceHandler: (deviceId: DeviceId, action: ActionBase, refresh: () => void) => () => void;
     refresh: () => void;
     theme: IobTheme;
+    stateOrObjectHandler: StateOrObjectHandler;
 }
 /**
  * Device Status component