@iobroker/json-config 1.0.0 → 1.0.1

package/build/JsonConfigComponent/DeviceManager/Communication.d.ts

@@ -0,0 +1,63 @@
+import React, { Component } from 'react';
+import { Connection } from '@iobroker/socket-client';
+import { ActionBase, ControlBase, ControlState } from '@iobroker/dm-utils/build/types/base';
+export type CommunicationProps = {
+    socket: Connection;
+    selectedInstance: string;
+    registerHandler?: (handler: null | ((command: string) => void)) => void;
+};
+interface CommunicationForm {
+    title?: string | null | undefined;
+    schema?: Record<string, any>;
+    data?: Record<string, any>;
+    handleClose?: (data?: Record<string, any>) => void;
+}
+export type CommunicationState = {
+    showSpinner: boolean;
+    showToast: string | null;
+    message: {
+        message: string;
+        handleClose: () => void;
+    } | null;
+    confirm: {
+        message: string;
+        handleClose: (confirmation?: boolean) => void;
+    } | null;
+    form: CommunicationForm | null;
+    progress: {
+        open: boolean;
+        progress: number;
+    } | null;
+};
+/**
+ * Device List Component
+ * @param {object} params - Component parameters
+ * @param {object} params.socket - socket object
+ * @param {string} params.selectedInstance - Selected instance
+ * @returns {*[]} - Array of device cards
+ */
+declare class Communication<P extends CommunicationProps, S extends CommunicationState> extends Component<P, S> {
+    instanceHandler: (action: ActionBase<'api'>) => () => void;
+    deviceHandler: (deviceId: string, action: ActionBase<'api'>, refresh: () => void) => () => void;
+    controlHandler: (deviceId: string, control: ControlBase, state: ControlState) => () => Promise<ioBroker.State | null>;
+    controlStateHandler: (deviceId: string, control: ControlBase) => () => Promise<ioBroker.State | null>;
+    constructor(props: P);
+    loadData(): void;
+    sendActionToInstance: (command: string, messageToSend: any, refresh?: () => void) => void;
+    sendControlToInstance: (command: string, messageToSend: {
+        deviceId: string;
+        controlId: string;
+        state?: ControlState;
+    }) => Promise<ioBroker.State>;
+    loadDevices(): Promise<any>;
+    loadInstanceInfos(): Promise<any>;
+    renderMessageDialog(): React.JSX.Element | null;
+    renderConfirmDialog(): React.JSX.Element;
+    renderSnackbar(): React.JSX.Element;
+    renderFormDialog(): React.JSX.Element;
+    renderProgressDialog(): React.JSX.Element;
+    renderContent(): React.JSX.Element | React.JSX.Element[] | null;
+    renderSpinner(): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export default Communication;

package/build/JsonConfigComponent/DeviceManager/Communication.js

@@ -0,0 +1,247 @@
+import React, { Component } from 'react';
+import { Backdrop, Button, CircularProgress, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, LinearProgress, Snackbar, } from '@mui/material';
+import { getTranslation } from './Utils';
+import JsonConfig from './JsonConfig';
+/**
+ * Device List Component
+ * @param {object} params - Component parameters
+ * @param {object} params.socket - socket object
+ * @param {string} params.selectedInstance - Selected instance
+ * @returns {*[]} - Array of device cards
+ */
+class Communication extends Component {
+    // eslint-disable-next-line react/no-unused-class-component-methods
+    instanceHandler;
+    // eslint-disable-next-line react/no-unused-class-component-methods
+    deviceHandler;
+    // eslint-disable-next-line react/no-unused-class-component-methods
+    controlHandler;
+    // eslint-disable-next-line react/no-unused-class-component-methods
+    controlStateHandler;
+    constructor(props) {
+        super(props);
+        // @ts-expect-error
+        this.state = {
+            showSpinner: false,
+            showToast: null,
+            message: null,
+            confirm: null,
+            form: null,
+            progress: null,
+        };
+        // eslint-disable-next-line react/no-unused-class-component-methods
+        this.instanceHandler = action => () => this.sendActionToInstance('dm:instanceAction', { actionId: action.id });
+        // eslint-disable-next-line react/no-unused-class-component-methods
+        this.deviceHandler = (deviceId, action, refresh) => () => this.sendActionToInstance('dm:deviceAction', { deviceId, actionId: action.id }, refresh);
+        // eslint-disable-next-line react/no-unused-class-component-methods
+        this.controlHandler = (deviceId, control, state) => () => this.sendControlToInstance('dm:deviceControl', { deviceId, controlId: control.id, state });
+        // eslint-disable-next-line react/no-unused-class-component-methods
+        this.controlStateHandler = (deviceId, control) => () => this.sendControlToInstance('dm:deviceControlState', { deviceId, controlId: control.id });
+        this.props.registerHandler && this.props.registerHandler(() => this.loadData());
+    }
+    // eslint-disable-next-line class-methods-use-this
+    loadData() {
+        console.error('loadData not implemented');
+    }
+    sendActionToInstance = (command, messageToSend, refresh) => {
+        const send = async () => {
+            this.setState({ showSpinner: true });
+            /** @type {object} */
+            const response = await this.props.socket.sendTo(this.props.selectedInstance, command, messageToSend);
+            /** @type {string} */
+            const type = response.type;
+            console.log(`Response: ${response.type}`);
+            switch (type) {
+                case 'message':
+                    console.log(`Message received: ${response.message}`);
+                    if (response.message) {
+                        this.setState({
+                            message: {
+                                message: response.message,
+                                handleClose: () => this.setState({ message: null }, () => this.sendActionToInstance('dm:actionProgress', { origin: response.origin })),
+                            },
+                        });
+                    }
+                    break;
+                case 'confirm':
+                    console.log(`Confirm received: ${response.confirm}`);
+                    if (response.confirm) {
+                        this.setState({
+                            confirm: {
+                                message: response.confirm,
+                                handleClose: (confirm) => this.setState({ confirm: null }, () => this.sendActionToInstance('dm:actionProgress', {
+                                    origin: response.origin,
+                                    confirm,
+                                })),
+                            },
+                        });
+                    }
+                    break;
+                case 'form':
+                    console.log('Form received');
+                    if (response.form) {
+                        this.setState({
+                            form: {
+                                ...response.form,
+                                handleClose: (data) => this.setState({ form: null }, () => {
+                                    console.log(`Form ${JSON.stringify(data)}`);
+                                    this.sendActionToInstance('dm:actionProgress', {
+                                        origin: response.origin,
+                                        data,
+                                    });
+                                }),
+                            },
+                        });
+                    }
+                    break;
+                case 'progress':
+                    if (response.progress) {
+                        if (this.state.progress) {
+                            const progress = { ...this.state.progress, ...response.progress };
+                            this.setState({ progress });
+                        }
+                        else {
+                            this.setState({ progress: response.progress });
+                        }
+                    }
+                    this.sendActionToInstance('dm:actionProgress', { origin: response.origin });
+                    break;
+                case 'result':
+                    console.log('Response content', response.result);
+                    if (response.result.refresh) {
+                        if (response.result.refresh === true) {
+                            this.loadData();
+                            console.log('Refreshing all');
+                        }
+                        else if (response.result.refresh === 'instance') {
+                            console.log(`Refreshing instance infos: ${this.props.selectedInstance}`);
+                        }
+                        else if (response.result.refresh === 'device') {
+                            if (refresh) {
+                                console.log(`Refreshing device infos: ${this.props.selectedInstance}`);
+                                refresh();
+                            }
+                        }
+                        else {
+                            console.log('Not refreshing anything');
+                        }
+                    }
+                    if (response.result.error) {
+                        console.error(`Error: ${response.result.error}`);
+                        this.setState({ showToast: response.result.error.message });
+                    }
+                    this.setState({ showSpinner: false });
+                    break;
+                default:
+                    console.log(`Unknown response type: ${type}`);
+                    this.setState({ showSpinner: false });
+                    break;
+            }
+        };
+        send().catch(console.error);
+    };
+    sendControlToInstance = async (command, messageToSend) => {
+        const response = await this.props.socket.sendTo(this.props.selectedInstance, command, messageToSend);
+        const type = response.type;
+        console.log(`Response: ${response.type}`);
+        if (response.type === 'result') {
+            console.log('Response content', response.result);
+            if (response.result.error) {
+                console.error(`Error: ${response.result.error}`);
+                this.setState({ showToast: response.result.error.message });
+            }
+            else if (response.result.state !== undefined) {
+                return response.result.state;
+            }
+        }
+        else {
+            console.warn('Unexpected response type', type);
+        }
+        return null;
+    };
+    // eslint-disable-next-line react/no-unused-class-component-methods
+    loadDevices() {
+        return this.props.socket.sendTo(this.props.selectedInstance, 'dm:listDevices');
+    }
+    // eslint-disable-next-line react/no-unused-class-component-methods
+    loadInstanceInfos() {
+        return this.props.socket.sendTo(this.props.selectedInstance, 'dm:instanceInfo');
+    }
+    renderMessageDialog() {
+        if (!this.state.message) {
+            return null;
+        }
+        return React.createElement(Dialog, { open: !0, onClose: () => this.state.message?.handleClose(), hideBackdrop: true, "aria-describedby": "message-dialog-description" },
+            React.createElement(DialogContent, null,
+                React.createElement(DialogContentText, { id: "message-dialog-description" }, this.state.message?.message)),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { onClick: () => this.state.message?.handleClose(), autoFocus: true }, getTranslation('okButtonText'))));
+    }
+    renderConfirmDialog() {
+        if (!this.state.confirm) {
+            return null;
+        }
+        return React.createElement(Dialog, { open: !0, onClose: () => this.state.confirm?.handleClose(), hideBackdrop: true, "aria-describedby": "confirm-dialog-description" },
+            React.createElement(DialogContent, null,
+                React.createElement(DialogContentText, { id: "confirm-dialog-description" }, getTranslation(this.state.confirm?.message))),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { variant: "contained", color: "primary", onClick: () => this.state.confirm?.handleClose(true), autoFocus: true }, getTranslation('yesButtonText')),
+                React.createElement(Button, { variant: "contained", 
+                    // @ts-expect-error
+                    color: "grey", onClick: () => this.state.confirm?.handleClose(false), autoFocus: true, hideBackdrop: true }, getTranslation('noButtonText'))));
+    }
+    renderSnackbar() {
+        return React.createElement(Snackbar, { open: !!this.state.showToast, autoHideDuration: 6000, onClose: () => this.setState({ showToast: null }), message: this.state.showToast });
+    }
+    renderFormDialog() {
+        if (!this.state.form || !this.state.form.schema || !this.state.form.data) {
+            return null;
+        }
+        return React.createElement(Dialog, { open: !0, onClose: () => this.state.form?.handleClose && this.state.form.handleClose(), hideBackdrop: true },
+            this.state.form?.title ? React.createElement(DialogTitle, null, getTranslation(this.state.form?.title)) : null,
+            React.createElement(DialogContent, null,
+                React.createElement(JsonConfig, { instanceId: this.props.selectedInstance, schema: this.state.form.schema, data: this.state.form.data, socket: this.props.socket, onChange: (data) => {
+                        console.log('handleFormChange', { data });
+                        const form = { ...this.state.form };
+                        if (form) {
+                            form.data = data;
+                            this.setState({ form });
+                        }
+                    } })),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { variant: "contained", color: "primary", onClick: () => this.state.form?.handleClose && this.state.form.handleClose(this.state.form?.data), autoFocus: true }, getTranslation('okButtonText')),
+                React.createElement(Button, { variant: "contained", 
+                    // @ts-expect-error
+                    color: "grey", onClick: () => this.state.form?.handleClose && this.state.form.handleClose(), hideBackdrop: true }, getTranslation('cancelButtonText'))));
+    }
+    renderProgressDialog() {
+        if (!this.state.progress?.open) {
+            return null;
+        }
+        return React.createElement(Dialog, { open: !0, onClose: () => { }, hideBackdrop: true },
+            React.createElement(LinearProgress, { variant: "determinate", value: this.state.progress?.progress || 0 }));
+    }
+    // eslint-disable-next-line class-methods-use-this
+    renderContent() {
+        return null;
+    }
+    renderSpinner() {
+        if (!this.state.showSpinner && !this.state.progress?.open && !this.state.message && !this.state.confirm && !this.state.form) {
+            return null;
+        }
+        return React.createElement(Backdrop, { style: { zIndex: 1000 }, open: !0 },
+            React.createElement(CircularProgress, null));
+    }
+    render() {
+        return React.createElement(React.Fragment, null,
+            this.renderSnackbar(),
+            this.renderContent(),
+            this.renderSpinner(),
+            this.renderConfirmDialog(),
+            this.renderMessageDialog(),
+            this.renderFormDialog(),
+            this.renderProgressDialog());
+    }
+}
+export default Communication;
+//# sourceMappingURL=Communication.js.map

package/build/JsonConfigComponent/DeviceManager/Communication.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Communication.js","sourceRoot":"./src/","sources":["JsonConfigComponent/DeviceManager/Communication.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EACH,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,MAAM,EACN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,cAAc,EACd,QAAQ,GACX,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,UAAU,MAAM,cAAc,CAAC;AAuEtC;;;;;;GAMG;AACH,MAAM,aAA0E,SAAQ,SAAe;IACnG,mEAAmE;IACnE,eAAe,CAA4C;IAE3D,mEAAmE;IACnE,aAAa,CAAmF;IAEhG,mEAAmE;IACnE,cAAc,CAAwG;IAEtH,mEAAmE;IACnE,mBAAmB,CAAmF;IAEtG,YAAY,KAAQ;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,mBAAmB;QACnB,IAAI,CAAC,KAAK,GAAG;YACT,WAAW,EAAE,KAAK;YAClB,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,IAAI;SACjB,CAAC;QAEF,mEAAmE;QACnE,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;QAE/G,mEAAmE;QACnE,IAAI,CAAC,aAAa,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;QAEnJ,mEAAmE;QACnE,IAAI,CAAC,cAAc,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;QAErJ,mEAAmE;QACnE,IAAI,CAAC,mBAAmB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,uBAAuB,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;QAEjJ,IAAI,CAAC,KAAK,CAAC,eAAe,IAAI,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IACpF,CAAC;IAED,kDAAkD;IAClD,QAAQ;QACJ,OAAO,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;IAC9C,CAAC;IAED,oBAAoB,GAAG,CAAC,OAAe,EAAE,aAAkB,EAAE,OAAoB,EAAE,EAAE;QACjF,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE;YACpB,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;YACrC,qBAAqB;YACrB,MAAM,QAAQ,GAAqB,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;YAEvH,qBAAqB;YACrB,MAAM,IAAI,GAAW,QAAQ,CAAC,IAAI,CAAC;YACnC,OAAO,CAAC,GAAG,CAAC,aAAa,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;YAC1C,QAAQ,IAAI,EAAE;gBACV,KAAK,SAAS;oBACV,OAAO,CAAC,GAAG,CAAC,qBAAqB,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;oBACrD,IAAI,QAAQ,CAAC,OAAO,EAAE;wBAClB,IAAI,CAAC,QAAQ,CAAC;4BACV,OAAO,EAAE;gCACL,OAAO,EAAE,QAAQ,CAAC,OAAO;gCACzB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,CACrD,IAAI,CAAC,oBAAoB,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;6BACnF;yBACJ,CAAC,CAAC;qBACN;oBACD,MAAM;gBAEV,KAAK,SAAS;oBACV,OAAO,CAAC,GAAG,CAAC,qBAAqB,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;oBACrD,IAAI,QAAQ,CAAC,OAAO,EAAE;wBAClB,IAAI,CAAC,QAAQ,CAAC;4BACV,OAAO,EAAE;gCACL,OAAO,EAAE,QAAQ,CAAC,OAAO;gCACzB,WAAW,EAAE,CAAC,OAAiB,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,CACtE,IAAI,CAAC,oBAAoB,CAAC,mBAAmB,EAAE;oCAC3C,MAAM,EAAE,QAAQ,CAAC,MAAM;oCACvB,OAAO;iCACV,CAAC,CAAC;6BACV;yBACJ,CAAC,CAAC;qBACN;oBACD,MAAM;gBAEV,KAAK,MAAM;oBACP,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;oBAC7B,IAAI,QAAQ,CAAC,IAAI,EAAE;wBACf,IAAI,CAAC,QAAQ,CAAC;4BACV,IAAI,EAAE;gCACF,GAAG,QAAQ,CAAC,IAAI;gCAChB,WAAW,EAAE,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE;oCAC3D,OAAO,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oCAC5C,IAAI,CAAC,oBAAoB,CAAC,mBAAmB,EAAE;wCAC3C,MAAM,EAAE,QAAQ,CAAC,MAAM;wCACvB,IAAI;qCACP,CAAC,CAAC;gCACP,CAAC,CAAC;6BACL;yBACJ,CAAC,CAAC;qBACN;oBACD,MAAM;gBAEV,KAAK,UAAU;oBACX,IAAI,QAAQ,CAAC,QAAQ,EAAE;wBACnB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;4BACrB,MAAM,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC;4BAClE,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;yBAC/B;6BAAM;4BACH,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;yBAClD;qBACJ;oBACD,IAAI,CAAC,oBAAoB,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;oBAC5E,MAAM;gBAEV,KAAK,QAAQ;oBACT,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;oBACjD,IAAI,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE;wBACzB,IAAI,QAAQ,CAAC,MAAM,CAAC,OAAO,KAAK,IAAI,EAAE;4BAClC,IAAI,CAAC,QAAQ,EAAE,CAAC;4BAChB,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;yBACjC;6BAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,OAAO,KAAK,UAAU,EAAE;4BAC/C,OAAO,CAAC,GAAG,CAAC,8BAA8B,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAC;yBAC5E;6BAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE;4BAC7C,IAAI,OAAO,EAAE;gCACT,OAAO,CAAC,GAAG,CAAC,4BAA4B,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAC;gCACvE,OAAO,EAAE,CAAC;6BACb;yBACJ;6BAAM;4BACH,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;yBAC1C;qBACJ;oBACD,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE;wBACvB,OAAO,CAAC,KAAK,CAAC,UAAU,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;wBACjD,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;qBAC/D;oBACD,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;oBACtC,MAAM;gBACV;oBACI,OAAO,CAAC,GAAG,CAAC,0BAA0B,IAAI,EAAE,CAAC,CAAC;oBAC9C,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;oBACtC,MAAM;aACb;QACL,CAAC,CAAC;QAEF,IAAI,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,qBAAqB,GAAG,KAAK,EAAE,OAAe,EAAE,aAA4E,EAAE,EAAE;QAC5H,MAAM,QAAQ,GAAsB,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;QACxH,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;QAC3B,OAAO,CAAC,GAAG,CAAC,aAAa,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;QAC1C,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,EAAE;YAC5B,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE;gBACvB,OAAO,CAAC,KAAK,CAAC,UAAU,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;gBACjD,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;aAC/D;iBAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS,EAAE;gBAC5C,OAAO,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;aAChC;SACJ;aAAM;YACH,OAAO,CAAC,IAAI,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAAC;SAClD;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,mEAAmE;IACnE,WAAW;QACP,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;IACnF,CAAC;IAED,mEAAmE;IACnE,iBAAiB;QACb,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IACpF,CAAC;IAED,mBAAmB;QACf,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACrB,OAAO,IAAI,CAAC;SACf;QAED,OAAO,oBAAC,MAAM,IACV,IAAI,EAAE,CAAC,CAAC,EACR,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAChD,YAAY,4BACK,4BAA4B;YAE7C,oBAAC,aAAa;gBACV,oBAAC,iBAAiB,IAAC,EAAE,EAAC,4BAA4B,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAqB,CACxF;YAChB,oBAAC,aAAa;gBACV,oBAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAChD,SAAS,UAER,cAAc,CAAC,cAAc,CAAC,CAC1B,CACG,CACX,CAAC;IACd,CAAC;IAED,mBAAmB;QACf,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACrB,OAAO,IAAI,CAAC;SACf;QAED,OAAO,oBAAC,MAAM,IACV,IAAI,EAAE,CAAC,CAAC,EACR,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAChD,YAAY,4BACK,4BAA4B;YAE7C,oBAAC,aAAa;gBACV,oBAAC,iBAAiB,IAAC,EAAE,EAAC,4BAA4B,IAC7C,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAC5B,CACR;YAChB,oBAAC,aAAa;gBACV,oBAAC,MAAM,IACH,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,EACpD,SAAS,UAER,cAAc,CAAC,eAAe,CAAC,CAC3B;gBACT,oBAAC,MAAM,IACH,OAAO,EAAC,WAAW;oBACnB,mBAAmB;oBACnB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EACrD,SAAS,QACT,YAAY,UAEX,cAAc,CAAC,cAAc,CAAC,CAC1B,CACG,CACX,CAAC;IACd,CAAC;IAED,cAAc;QACV,OAAO,oBAAC,QAAQ,IACZ,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAC5B,gBAAgB,EAAE,IAAI,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EACjD,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAC/B,CAAC;IACP,CAAC;IAED,gBAAgB;QACZ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;YACtE,OAAO,IAAI,CAAC;SACf;QACD,OAAO,oBAAC,MAAM,IAAC,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,YAAY;YAC9G,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,oBAAC,WAAW,QAAE,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAe,CAAC,CAAC,CAAC,IAAI;YACpG,oBAAC,aAAa;gBACV,oBAAC,UAAU,IACP,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,EACvC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAC9B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAC1B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,QAAQ,EAAE,CAAC,IAAS,EAAE,EAAE;wBACpB,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;wBAC1C,MAAM,IAAI,GAAyC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;wBAC1E,IAAI,IAAI,EAAE;4BACN,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;4BACjB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;yBAC3B;oBACL,CAAC,GACH,CACU;YAChB,oBAAC,aAAa;gBACV,oBAAC,MAAM,IACH,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EACjG,SAAS,UAER,cAAc,CAAC,cAAc,CAAC,CAC1B;gBACT,oBAAC,MAAM,IACH,OAAO,EAAC,WAAW;oBACnB,mBAAmB;oBACnB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,EAC5E,YAAY,UAEX,cAAc,CAAC,kBAAkB,CAAC,CAC9B,CACG,CACX,CAAC;IACd,CAAC;IAED,oBAAoB;QAChB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE;YAC5B,OAAO,IAAI,CAAC;SACf;QAED,OAAO,oBAAC,MAAM,IACV,IAAI,EAAE,CAAC,CAAC,EACR,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,YAAY;YAEZ,oBAAC,cAAc,IAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,IAAI,CAAC,GAAI,CAC9E,CAAC;IACd,CAAC;IAED,kDAAkD;IAClD,aAAa;QACT,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,aAAa;QACT,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACzH,OAAO,IAAI,CAAC;SACf;QACD,OAAO,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;YAC9C,oBAAC,gBAAgB,OAAG,CACb,CAAC;IAChB,CAAC;IAED,MAAM;QACF,OAAO;YACF,IAAI,CAAC,cAAc,EAAE;YACrB,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,mBAAmB,EAAE;YAC1B,IAAI,CAAC,mBAAmB,EAAE;YAC1B,IAAI,CAAC,gBAAgB,EAAE;YACvB,IAAI,CAAC,oBAAoB,EAAE,CAC7B,CAAC;IACR,CAAC;CACJ;AAED,eAAe,aAAa,CAAC"}

package/build/JsonConfigComponent/DeviceManager/DeviceActionButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ActionBase } from '@iobroker/dm-utils/build/types/base';
+interface DeviceActionButtonProps {
+    deviceId: string;
+    action: any;
+    refresh: () => void;
+    deviceHandler: (deviceId: string, action: ActionBase<'api'>, refresh: () => void) => () => void;
+    disabled?: boolean;
+}
+export default function DeviceActionButton(props: DeviceActionButtonProps): React.JSX.Element;
+export {};

package/build/JsonConfigComponent/DeviceManager/DeviceActionButton.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import TooltipButton from './TooltipButton.js';
+import { renderIcon, getTranslation } from './Utils.js';
+export default function DeviceActionButton(props) {
+    const { deviceId, action, refresh, deviceHandler, disabled, } = props;
+    const tooltip = getTranslation(action.description);
+    const icon = renderIcon(action);
+    return React.createElement(TooltipButton, { label: action.label || (icon ? null : action.id), tooltip: tooltip, disabled: disabled || action.disabled, Icon: icon, onClick: deviceHandler(deviceId, action, refresh) });
+}
+//# sourceMappingURL=DeviceActionButton.js.map

package/build/JsonConfigComponent/DeviceManager/DeviceActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceActionButton.js","sourceRoot":"./src/","sources":["JsonConfigComponent/DeviceManager/DeviceActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAUxD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAA8B;IACrE,MAAM,EACF,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,GACrD,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,cAAc,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAEnD,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;IAEhC,OAAO,oBAAC,aAAa,IACjB,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAChD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EACrC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,GACnD,CAAC;AACP,CAAC"}

package/build/JsonConfigComponent/DeviceManager/DeviceCard.d.ts

@@ -0,0 +1,53 @@
+import React, { Component } from 'react';
+import { Connection } from '@iobroker/socket-client';
+import { DeviceDetails, DeviceInfo } from '@iobroker/dm-utils';
+import { ActionBase, ControlBase, ControlState } from '@iobroker/dm-utils/build/types/base';
+interface DeviceCardProps {
+    title?: string;
+    id: string;
+    device: DeviceInfo;
+    instanceId: string;
+    socket: Connection;
+    uploadImagesToInstance?: string;
+    deviceHandler: (deviceId: string, action: ActionBase<'api'>, refresh: () => void) => () => void;
+    controlHandler: (deviceId: string, control: ControlBase, state: ControlState) => () => Promise<ioBroker.State | null>;
+    controlStateHandler: (deviceId: string, control: ControlBase) => () => Promise<ioBroker.State | null>;
+    smallCards?: boolean;
+    alive: boolean;
+}
+interface DeviceCardState {
+    open: boolean;
+    details: DeviceDetails | null;
+    data: Record<string, any>;
+    icon: string | undefined;
+    showControlDialog: boolean;
+}
+/**
+ * Device Card Component
+ */
+declare class DeviceCard extends Component<DeviceCardProps, DeviceCardState> {
+    constructor(props: DeviceCardProps);
+    fetchIcon(): Promise<void>;
+    componentDidMount(): void;
+    /**
+     * Load the device details
+     */
+    loadDetails(): Promise<void>;
+    /**
+     * Refresh the device details
+     */
+    refresh: () => void;
+    /**
+     * Copy the device ID to the clipboard
+     * @returns {void}
+     */
+    copyToClipboard: () => Promise<void>;
+    renderDialog(): React.JSX.Element;
+    renderControlDialog(): React.JSX.Element;
+    renderControls(): React.JSX.Element;
+    renderActions(): React.JSX.Element[];
+    renderSmall(): React.JSX.Element;
+    renderBig(): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export default DeviceCard;