@iobroker/adapter-react-v5 4.8.1 → 4.9.0

package/Components/JsonConfigComponent/DeviceManager/Communication.js

@@ -1,268 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const Utils_1 = require("./Utils");
-const JsonConfig_1 = __importDefault(require("./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 react_1.Component {
-    constructor(props) {
-        super(props);
-        this.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: Object.assign(Object.assign({}, 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 = Object.assign(Object.assign({}, 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);
-        };
-        this.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;
-        };
-        // @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');
-    }
-    // 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() {
-        var _a;
-        if (!this.state.message) {
-            return null;
-        }
-        return react_1.default.createElement(material_1.Dialog, { open: !0, onClose: () => { var _a; return (_a = this.state.message) === null || _a === void 0 ? void 0 : _a.handleClose(); }, hideBackdrop: true, "aria-describedby": "message-dialog-description" },
-            react_1.default.createElement(material_1.DialogContent, null,
-                react_1.default.createElement(material_1.DialogContentText, { id: "message-dialog-description" }, (_a = this.state.message) === null || _a === void 0 ? void 0 : _a.message)),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { onClick: () => { var _a; return (_a = this.state.message) === null || _a === void 0 ? void 0 : _a.handleClose(); }, autoFocus: true }, (0, Utils_1.getTranslation)('okButtonText'))));
-    }
-    renderConfirmDialog() {
-        var _a;
-        if (!this.state.confirm) {
-            return null;
-        }
-        return react_1.default.createElement(material_1.Dialog, { open: !0, onClose: () => { var _a; return (_a = this.state.confirm) === null || _a === void 0 ? void 0 : _a.handleClose(); }, hideBackdrop: true, "aria-describedby": "confirm-dialog-description" },
-            react_1.default.createElement(material_1.DialogContent, null,
-                react_1.default.createElement(material_1.DialogContentText, { id: "confirm-dialog-description" }, (0, Utils_1.getTranslation)((_a = this.state.confirm) === null || _a === void 0 ? void 0 : _a.message))),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: () => { var _a; return (_a = this.state.confirm) === null || _a === void 0 ? void 0 : _a.handleClose(true); }, autoFocus: true }, (0, Utils_1.getTranslation)('yesButtonText')),
-                react_1.default.createElement(material_1.Button, { variant: "contained", 
-                    // @ts-expect-error
-                    color: "grey", onClick: () => { var _a; return (_a = this.state.confirm) === null || _a === void 0 ? void 0 : _a.handleClose(false); }, autoFocus: true, hideBackdrop: true }, (0, Utils_1.getTranslation)('noButtonText'))));
-    }
-    renderSnackbar() {
-        return react_1.default.createElement(material_1.Snackbar, { open: !!this.state.showToast, autoHideDuration: 6000, onClose: () => this.setState({ showToast: null }), message: this.state.showToast });
-    }
-    renderFormDialog() {
-        var _a, _b;
-        if (!this.state.form || !this.state.form.schema || !this.state.form.data) {
-            return null;
-        }
-        return react_1.default.createElement(material_1.Dialog, { open: !0, onClose: () => { var _a; return ((_a = this.state.form) === null || _a === void 0 ? void 0 : _a.handleClose) && this.state.form.handleClose(); }, hideBackdrop: true },
-            ((_a = this.state.form) === null || _a === void 0 ? void 0 : _a.title) ? react_1.default.createElement(material_1.DialogTitle, null, (0, Utils_1.getTranslation)((_b = this.state.form) === null || _b === void 0 ? void 0 : _b.title)) : null,
-            react_1.default.createElement(material_1.DialogContent, null,
-                react_1.default.createElement(JsonConfig_1.default, { 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 = Object.assign({}, this.state.form);
-                        if (form) {
-                            form.data = data;
-                            this.setState({ form });
-                        }
-                    } })),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: () => { var _a, _b; return ((_a = this.state.form) === null || _a === void 0 ? void 0 : _a.handleClose) && this.state.form.handleClose((_b = this.state.form) === null || _b === void 0 ? void 0 : _b.data); }, autoFocus: true }, (0, Utils_1.getTranslation)('okButtonText')),
-                react_1.default.createElement(material_1.Button, { variant: "contained", 
-                    // @ts-expect-error
-                    color: "grey", onClick: () => { var _a; return ((_a = this.state.form) === null || _a === void 0 ? void 0 : _a.handleClose) && this.state.form.handleClose(); }, hideBackdrop: true }, (0, Utils_1.getTranslation)('cancelButtonText'))));
-    }
-    renderProgressDialog() {
-        var _a, _b;
-        if (!((_a = this.state.progress) === null || _a === void 0 ? void 0 : _a.open)) {
-            return null;
-        }
-        return react_1.default.createElement(material_1.Dialog, { open: !0, onClose: () => { }, hideBackdrop: true },
-            react_1.default.createElement(material_1.LinearProgress, { variant: "determinate", value: ((_b = this.state.progress) === null || _b === void 0 ? void 0 : _b.progress) || 0 }));
-    }
-    // eslint-disable-next-line class-methods-use-this
-    renderContent() {
-        return null;
-    }
-    renderSpinner() {
-        var _a;
-        if (!this.state.showSpinner && !((_a = this.state.progress) === null || _a === void 0 ? void 0 : _a.open) && !this.state.message && !this.state.confirm && !this.state.form) {
-            return null;
-        }
-        return react_1.default.createElement(material_1.Backdrop, { style: { zIndex: 1000 }, open: !0 },
-            react_1.default.createElement(material_1.CircularProgress, null));
-    }
-    render() {
-        return react_1.default.createElement(react_1.default.Fragment, null,
-            this.renderSnackbar(),
-            this.renderContent(),
-            this.renderSpinner(),
-            this.renderConfirmDialog(),
-            this.renderMessageDialog(),
-            this.renderFormDialog(),
-            this.renderProgressDialog());
-    }
-}
-exports.default = Communication;

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

@@ -1,11 +0,0 @@
-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/Components/JsonConfigComponent/DeviceManager/DeviceActionButton.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const TooltipButton_js_1 = __importDefault(require("./TooltipButton.js"));
-const Utils_js_1 = require("./Utils.js");
-function DeviceActionButton(props) {
-    const { deviceId, action, refresh, deviceHandler, disabled, } = props;
-    const tooltip = (0, Utils_js_1.getTranslation)(action.description);
-    const icon = (0, Utils_js_1.renderIcon)(action);
-    return react_1.default.createElement(TooltipButton_js_1.default, { label: action.label || (icon ? null : action.id), tooltip: tooltip, disabled: disabled || action.disabled, Icon: icon, onClick: deviceHandler(deviceId, action, refresh) });
-}
-exports.default = DeviceActionButton;

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

@@ -1,53 +0,0 @@
-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;