@iobroker/json-config 6.13.5 → 6.13.7

package/build/JsonConfigComponent/DeviceManager/Communication.js

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

@@ -1 +0,0 @@
-{"version":3,"file":"Communication.js","sourceRoot":"./src/","sources":["JsonConfigComponent/DeviceManager/Communication.tsx"],"names":[],"mappings":"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"}

package/build/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/build/JsonConfigComponent/DeviceManager/DeviceActionButton.js

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

@@ -1 +0,0 @@
-{"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

@@ -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;

package/build/JsonConfigComponent/DeviceManager/DeviceCard.js

@@ -1,308 +0,0 @@
-import React, { Component } from 'react';
-import { Button, Typography, Dialog, DialogActions, DialogContent, IconButton, Fab, DialogTitle, Card, CardActions, CardHeader, CardContent, Paper, } from '@mui/material';
-import { MoreVert as MoreVertIcon, VideogameAsset as ControlIcon, Close as CloseIcon, } from '@mui/icons-material';
-import Utils from '@/Utils';
-import I18n from '@/JsonConfigComponent/wrapper/i18n';
-import { Icon } from '@iobroker/adapter-react-v5';
-import DeviceActionButton from './DeviceActionButton';
-import DeviceControlComponent from './DeviceControl';
-import DeviceStatus from './DeviceStatus';
-import JsonConfig from './JsonConfig';
-import DeviceImageUpload from './DeviceImageUpload';
-import { getTranslation } from './Utils';
-const NoImageIcon = (props) => React.createElement("svg", { viewBox: "0 0 24 24", width: "24", height: "24", style: props.style, className: props.className },
-    React.createElement("path", { fill: "currentColor", d: "M21.9,21.9l-8.49-8.49l0,0L3.59,3.59l0,0L2.1,2.1L0.69,3.51L3,5.83V19c0,1.1,0.9,2,2,2h13.17l2.31,2.31L21.9,21.9z M5,18 l3.5-4.5l2.5,3.01L12.17,15l3,3H5z M21,18.17L5.83,3H19c1.1,0,2,0.9,2,2V18.17z" }));
-function getText(text) {
-    if (typeof text === 'object') {
-        return text[I18n.getLanguage()] || text.en;
-    }
-    return text;
-}
-/**
- * Device Card Component
- */
-class DeviceCard extends Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            open: false,
-            details: null,
-            data: {},
-            icon: props.device.icon,
-            showControlDialog: false,
-        };
-    }
-    async fetchIcon() {
-        if (!this.props.device.icon) {
-            // try to load the icon from file storage
-            const fileName = `${this.props.device.manufacturer ? `${this.props.device.manufacturer}_` : ''}${this.props.device.model ? this.props.device.model : this.props.device.id}`;
-            try {
-                const file = await this.props.socket.readFile(this.props.instanceId.replace('system.adapter.', ''), `${fileName}.webp`, true);
-                this.setState({ icon: `data:image/${file.mimeType},${file}` });
-                // const response = await fetch(url);
-                // if (response.ok) {
-                //     const blob = await response.blob();
-                //     const reader = new FileReader();
-                //     reader.onloadend = () => {
-                //         setIcon(reader.result);
-                //     };
-                //     reader.readAsDataURL(blob);
-                // } else {
-                //     throw new Error('Response not ok');
-                // }
-            }
-            catch (error) {
-                this.state.icon && this.setState({ icon: '' });
-            }
-        }
-    }
-    componentDidMount() {
-        this.fetchIcon()
-            .catch(e => console.error(e));
-    }
-    /**
-     * Load the device details
-     */
-    async loadDetails() {
-        console.log(`Loading device details for ${this.props.device.id}... from ${this.props.instanceId}`);
-        const details = await this.props.socket.sendTo(this.props.instanceId, 'dm:deviceDetails', this.props.device.id);
-        console.log(`Got device details for ${this.props.device.id}:`, details);
-        this.setState({ details, data: details?.data || {} });
-    }
-    /**
-     * Refresh the device details
-     */
-    refresh = () => {
-        this.setState({ details: null });
-        this.loadDetails().catch(console.error);
-    };
-    /**
-     * Copy the device ID to the clipboard
-     * @returns {void}
-     */
-    copyToClipboard = async () => {
-        const textToCopy = this.props.device.id;
-        Utils.copyToClipboard(textToCopy);
-        alert(`${getTranslation('copied')} ${textToCopy} ${getTranslation('toClipboard')}!`);
-    };
-    renderDialog() {
-        if (!this.state.open || !this.state.details) {
-            return null;
-        }
-        return React.createElement(Dialog, { open: !0, maxWidth: "md", onClose: () => this.setState({ open: false }) },
-            React.createElement(DialogContent, null,
-                React.createElement(JsonConfig, { instanceId: this.props.instanceId, socket: this.props.socket, schema: this.state.details.schema, data: this.state.data, onChange: (data) => this.setState({ data }) })),
-            React.createElement(DialogActions, null,
-                React.createElement(Button, { disabled: !this.props.alive, variant: "contained", color: "primary", onClick: () => this.setState({ open: false }), autoFocus: true }, getTranslation('closeButtonText'))));
-    }
-    renderControlDialog() {
-        if (!this.state.showControlDialog || !this.props.alive) {
-            return null;
-        }
-        const colors = { primary: '#111', secondary: '#888' };
-        return React.createElement(Dialog, { open: !0, onClose: () => this.setState({ showControlDialog: false }) },
-            React.createElement(DialogTitle, null,
-                this.props.title,
-                React.createElement(IconButton, { style: {
-                        position: 'absolute',
-                        top: 5,
-                        right: 5,
-                        zIndex: 10,
-                    }, onClick: () => this.setState({ showControlDialog: false }) },
-                    React.createElement(CloseIcon, null))),
-            React.createElement(DialogContent, { style: { display: 'flex', flexDirection: 'column' } }, this.props.device.controls?.map(control => React.createElement(DeviceControlComponent, { disabled: false, key: control.id, control: control, socket: this.props.socket, colors: colors, deviceId: this.props.device.id, controlHandler: this.props.controlHandler, controlStateHandler: this.props.controlStateHandler }))));
-    }
-    renderControls() {
-        const colors = { primary: '#111', secondary: '#888' };
-        const firstControl = this.props.device.controls?.[0];
-        if (this.props.device.controls?.length === 1 && firstControl && ((firstControl.type === 'icon' || firstControl.type === 'switch') && !firstControl.label)) {
-            // control can be placed in button icon
-            return React.createElement(DeviceControlComponent, { disabled: !this.props.alive, control: firstControl, colors: colors, socket: this.props.socket, deviceId: this.props.device.id, controlHandler: this.props.controlHandler, controlStateHandler: this.props.controlStateHandler });
-        }
-        if (this.props.device.controls?.length) {
-            // place button and show controls dialog
-            return React.createElement(Fab, { size: "small", disabled: !this.props.alive, onClick: () => this.setState({ showControlDialog: true }) },
-                React.createElement(ControlIcon, null));
-        }
-        return null;
-    }
-    renderActions() {
-        return this.props.device.actions?.length ? this.props.device.actions.map(a => React.createElement(DeviceActionButton, { disabled: !this.props.alive, key: a.id, deviceId: this.props.device.id, action: a, deviceHandler: this.props.deviceHandler, refresh: this.refresh })) : null;
-    }
-    renderSmall() {
-        const hasDetails = this.props.device.hasDetails;
-        const status = !this.props.device.status ? [] : Array.isArray(this.props.device.status) ? this.props.device.status : [this.props.device.status];
-        return React.createElement(Card, { sx: {
-                maxWidth: 345,
-                minWidth: 200,
-            } },
-            React.createElement(CardHeader, { sx: theme => ({
-                    backgroundColor: this.props.device.color || theme.palette.secondary.main,
-                    color: this.props.device.color ? Utils.invertColor(this.props.device.color, true) : theme.palette.secondary.contrastText,
-                    maxWidth: 345,
-                }), avatar: React.createElement("div", null,
-                    this.props.uploadImagesToInstance ? React.createElement(DeviceImageUpload, { uploadImagesToInstance: this.props.uploadImagesToInstance, deviceId: this.props.device.id, manufacturer: getText(this.props.device.manufacturer), model: getText(this.props.device.model), onImageSelect: async (imageData) => imageData && this.setState({ icon: imageData }), socket: this.props.socket }) : null,
-                    this.state.icon ? React.createElement(Icon, { src: this.state.icon }) : React.createElement(NoImageIcon, null)), action: hasDetails ? React.createElement(IconButton, { "aria-label": "settings", onClick: () => {
-                        if (!this.state.open) {
-                            this.loadDetails().catch(console.error);
-                            this.setState({ open: true });
-                        }
-                    } },
-                    React.createElement(MoreVertIcon, null)) : null, title: this.props.title, subheader: this.props.device.manufacturer ? React.createElement("span", null,
-                    React.createElement("b", { style: { marginRight: 4 } },
-                        getTranslation('manufacturer'),
-                        ":"),
-                    getText(this.props.device.manufacturer)) : null }),
-            React.createElement(CardContent, { style: { position: 'relative' } },
-                status?.length ? React.createElement("div", { style: {
-                        display: 'flex',
-                        position: 'absolute',
-                        top: -11,
-                        background: '#88888880',
-                        padding: '0 8px',
-                        borderRadius: 5,
-                        width: 'calc(100% - 46px)',
-                    } }, status.map((s, i) => React.createElement(DeviceStatus, { key: i, status: s }))) : null,
-                React.createElement("div", null,
-                    React.createElement(Typography, { variant: "body1" },
-                        React.createElement("div", { onClick: this.copyToClipboard },
-                            React.createElement("b", null, "ID:"),
-                            React.createElement("span", { style: { marginLeft: 4 } }, this.props.device.id.replace(/.*\.\d\./, ''))),
-                        this.props.device.manufacturer ? React.createElement("div", null,
-                            React.createElement("b", { style: { marginRight: 4 } },
-                                getTranslation('manufacturer'),
-                                ":"),
-                            getText(this.props.device.manufacturer)) : null,
-                        this.props.device.model ? React.createElement("div", null,
-                            React.createElement("b", { style: { marginRight: 4 } },
-                                getTranslation('model'),
-                                ":"),
-                            getText(this.props.device.model)) : null))),
-            React.createElement(CardActions, { disableSpacing: true },
-                this.renderActions(),
-                React.createElement("div", { style: { flexGrow: 1 } }),
-                this.renderControls()),
-            this.renderDialog(),
-            this.renderControlDialog());
-    }
-    renderBig() {
-        const cardStyle = {
-            // backgroundColor: '#fafafa',
-            width: 300,
-            minHeight: 280,
-            margin: 10,
-            overflow: 'hidden',
-            display: 'inline-block',
-        };
-        /** @type {CSSProperties} */
-        const headerStyle = {
-            display: 'flex',
-            position: 'relative',
-            justifyContent: 'space-between',
-            minHeight: 60,
-            color: '#000',
-            padding: '0 10px 0 10px',
-            backgroundColor: '#77c7ff8c',
-            borderRadius: '4px 4px 0 0',
-        };
-        /** @type {CSSProperties} */
-        const imgAreaStyle = {
-            height: 45,
-            width: 45,
-            margin: 'auto',
-            justifyContent: 'center',
-            display: 'grid',
-        };
-        /** @type {CSSProperties} */
-        const imgStyle = {
-            zIndex: 2,
-            maxWidth: '100%',
-            maxHeight: '100%',
-        };
-        /** @type {CSSProperties} */
-        const titleStyle = {
-            color: '#333',
-            width: '100%',
-            fontSize: 16,
-            fontWeight: 'bold',
-            paddingTop: 16,
-            paddingLeft: 8,
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-        };
-        /** @type {CSSProperties} */
-        const detailsButtonStyle = {
-            right: 20,
-            bottom: -20,
-            position: 'absolute',
-        };
-        /** @type {CSSProperties} */
-        const bodyStyle = {
-            height: 'calc(100% - 116px)',
-        };
-        /** @type {CSSProperties} */
-        const deviceInfoStyle = {
-            padding: '20px 16px 0 16px',
-            height: 133,
-        };
-        /** @type {CSSProperties} */
-        const statusStyle = {
-            padding: '15px 15px 0 15px',
-            height: 41,
-        };
-        const status = !this.props.device.status ? [] : Array.isArray(this.props.device.status) ? this.props.device.status : [this.props.device.status];
-        return React.createElement(Paper, { style: cardStyle, key: this.props.id },
-            React.createElement("div", { style: headerStyle },
-                React.createElement("div", { style: imgAreaStyle },
-                    this.props.uploadImagesToInstance ? React.createElement(DeviceImageUpload, { uploadImagesToInstance: this.props.uploadImagesToInstance, deviceId: this.props.device.id, manufacturer: getText(this.props.device.manufacturer), model: getText(this.props.device.model), onImageSelect: async (imageData) => imageData && this.setState({ icon: imageData }), socket: this.props.socket }) : null,
-                    React.createElement(Icon, { src: this.state.icon, style: imgStyle })),
-                React.createElement("div", { style: titleStyle }, this.props.title),
-                this.props.device.hasDetails ? React.createElement(Fab, { disabled: !this.props.alive, size: "small", style: detailsButtonStyle, onClick: () => {
-                        if (!this.state.open) {
-                            this.loadDetails().catch(console.error);
-                            this.setState({ open: true });
-                        }
-                    }, color: "primary" },
-                    React.createElement(MoreVertIcon, null)) : null),
-            React.createElement("div", { style: statusStyle }, status.map((s, i) => React.createElement(DeviceStatus, { key: i, status: s }))),
-            React.createElement("div", { style: bodyStyle },
-                React.createElement(Typography, { variant: "body1", style: deviceInfoStyle },
-                    React.createElement("div", { onClick: this.copyToClipboard },
-                        React.createElement("b", { style: { marginRight: 4 } }, "ID:"),
-                        this.props.device.id.replace(/.*\.\d\./, '')),
-                    this.props.device.manufacturer ? React.createElement("div", null,
-                        React.createElement("b", { style: { marginRight: 4 } },
-                            getTranslation('manufacturer'),
-                            ":"),
-                        getText(this.props.device.manufacturer)) : null,
-                    this.props.device.model ? React.createElement("div", null,
-                        React.createElement("b", { style: { marginRight: 4 } },
-                            getTranslation('model'),
-                            ":"),
-                        getText(this.props.device.model)) : null),
-                !!this.props.device.actions?.length && React.createElement("div", { style: {
-                        flex: 1,
-                        position: 'relative',
-                        display: 'flex',
-                        gap: 8,
-                        paddingBottom: 5,
-                        height: 34,
-                        paddingLeft: 10,
-                        paddingRight: 10,
-                    } },
-                    this.renderActions(),
-                    React.createElement("div", { style: { flexGrow: 1 } }),
-                    this.renderControls())),
-            this.renderDialog(),
-            this.renderControlDialog());
-    }
-    render() {
-        if (this.props.smallCards) {
-            return this.renderSmall();
-        }
-        return this.renderBig();
-    }
-}
-export default DeviceCard;
-//# sourceMappingURL=DeviceCard.js.map