@iobroker/dm-gui-components 0.1.0 → 6.13.7

package/build/DeviceControl.js

@@ -0,0 +1,119 @@
+import React, { Component } from 'react';
+import { Button, Fab, Switch, } from '@mui/material';
+import { renderIcon, getTranslation } from './Utils';
+/**
+ * Device Control component
+ * @param {object} props - Parameters
+ * @param {object} props.control - Control object
+ * @param {object} props.socket - Socket object
+ * @param {object} props.controlHandler - Control handler to set the state
+ * @param {object} props.controlStateHandler - Control handler to read the state
+ * @returns {React.JSX.Element|null}
+ * @constructor
+ */
+export default class DeviceControl extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: props.control.state?.val,
+            ts: props.control.state?.ts,
+        };
+    }
+    componentDidMount() {
+        if (this.props.control.stateId) {
+            this.props.socket.subscribeState(this.props.control.stateId, this.stateHandler);
+        }
+    }
+    stateHandler = async (id, state) => {
+        if (id === this.props.control.stateId && state) {
+            // request new state
+            const newState = await (this.props.controlStateHandler(this.props.deviceId, this.props.control)());
+            if (newState?.ts && (!this.state.ts || newState.ts > this.state.ts)) {
+                this.setState({
+                    value: newState.val,
+                    ts: newState.ts,
+                });
+            }
+        }
+    };
+    componentWillUnmount() {
+        if (this.props.control.stateId) {
+            this.props.socket.unsubscribeState(this.props.control.stateId, this.stateHandler);
+        }
+    }
+    static getDerivedStateFromProps(props, state) {
+        if (props.control.state?.ts && (!state.ts || props.control.state?.ts > state.ts)) {
+            return {
+                value: props.control.state.val,
+                ts: props.control.state.ts,
+            };
+        }
+        return null;
+    }
+    async sendControl(deviceId, control, value) {
+        const result = await (this.props.controlHandler(deviceId, control, value)());
+        if (result?.ts && (!this.state.ts || result?.ts > this.state.ts)) {
+            this.setState({
+                value: result.val,
+                ts: result.ts,
+            });
+        }
+    }
+    renderButton() {
+        const tooltip = getTranslation(this.props.control.description);
+        const icon = renderIcon(this.props.control, this.props.colors, this.state.value);
+        if (!this.props.control.label) {
+            return React.createElement(Fab, { disabled: this.props.disabled, title: tooltip, onClick: () => this.sendControl(this.props.deviceId, this.props.control, true) }, icon);
+        }
+        return React.createElement(Button, { disabled: this.props.disabled, title: tooltip, onClick: () => this.sendControl(this.props.deviceId, this.props.control, true), startIcon: icon }, this.props.control.label);
+    }
+    renderSwitch() {
+        const tooltip = getTranslation(this.props.control.description);
+        // const icon = renderIcon(this.props.control, this.props.colors, this.state.value);
+        return React.createElement(Switch, { disabled: this.props.disabled, title: tooltip, checked: this.state.value, onChange: e => this.sendControl(this.props.deviceId, this.props.control, e.target.checked) });
+    }
+    getColor() {
+        let color;
+        if (this.state.value) {
+            color = this.props.control.colorOn || 'primary';
+        }
+        else if (this.props.control.type === 'switch') {
+            color = this.props.control.color;
+        }
+        if (color === 'primary') {
+            return this.props.colors.primary;
+        }
+        if (color === 'secondary') {
+            return this.props.colors.secondary;
+        }
+        return color;
+    }
+    renderSelect() {
+    }
+    renderSlider() {
+    }
+    renderColor() {
+    }
+    renderIcon() {
+        const tooltip = getTranslation(this.props.control.description);
+        const icon = renderIcon(this.props.control, this.props.colors, this.state.value);
+        const color = this.getColor();
+        if (!this.props.control.label) {
+            return React.createElement(Fab, { disabled: this.props.disabled, size: "small", title: tooltip, color: color === this.props.colors.primary ? 'primary' : (color === this.props.colors.secondary ? 'secondary' : undefined), style: color === this.props.colors.primary || color === this.props.colors.secondary ? undefined : { color }, onClick: () => this.sendControl(this.props.deviceId, this.props.control, !this.state.value) }, icon);
+        }
+        return React.createElement(Button, { disabled: this.props.disabled, title: tooltip, color: color === this.props.colors.primary ? 'primary' : (color === this.props.colors.secondary ? 'secondary' : undefined), style: color === this.props.colors.primary || color === this.props.colors.secondary ? undefined : { color }, onClick: () => this.sendControl(this.props.deviceId, this.props.control, !this.state.value), startIcon: icon }, this.props.control.label);
+    }
+    render() {
+        if (this.props.control.type === 'button') {
+            return this.renderButton();
+        }
+        if (this.props.control.type === 'icon') {
+            return this.renderIcon();
+        }
+        if (this.props.control.type === 'switch') {
+            return this.renderSwitch();
+        }
+        return React.createElement("div", { style: { color: 'red' } }, this.props.control.type);
+    }
+}
+//# sourceMappingURL=DeviceControl.js.map

package/build/DeviceControl.js.map

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

package/{DeviceImageUpload.js → build/DeviceImageUpload.js}

@@ -1,9 +1,4 @@
-"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"));
+import React from 'react';
 function DeviceImageUpload(params) {
     const { socket, manufacturer, model, deviceId, onImageSelect, uploadImagesToInstance, } = params;
     const handleImageUpload = async (event) => {
@@ -63,7 +58,8 @@ function DeviceImageUpload(params) {
         height: '45px',
         zIndex: 3,
     };
-    return react_1.default.createElement("div", null,
-        react_1.default.createElement("input", { style: imageUploadButtonStyle, type: "file", accept: "image/*", onChange: handleImageUpload }));
+    return React.createElement("div", null,
+        React.createElement("input", { style: imageUploadButtonStyle, type: "file", accept: "image/*", onChange: handleImageUpload }));
 }
-exports.default = DeviceImageUpload;
+export default DeviceImageUpload;
+//# sourceMappingURL=DeviceImageUpload.js.map

package/build/DeviceImageUpload.js.map

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

package/build/DeviceList.js

@@ -0,0 +1,235 @@
+import React from 'react';
+import { IconButton, InputAdornment, TextField, Toolbar, Tooltip, LinearProgress, } from '@mui/material';
+import { Clear, Refresh } from '@mui/icons-material';
+import { I18n } from '@iobroker/adapter-react-v5';
+import DeviceCard from './DeviceCard';
+import { getTranslation } from './Utils';
+import Communication from './Communication';
+import InstanceActionButton from './InstanceActionButton';
+import de from './i18n/de.json';
+import en from './i18n/en.json';
+import ru from './i18n/ru.json';
+import pt from './i18n/pt.json';
+import nl from './i18n/nl.json';
+import fr from './i18n/fr.json';
+import it from './i18n/it.json';
+import es from './i18n/es.json';
+import pl from './i18n/pl.json';
+import uk from './i18n/uk.json';
+import zhCn from './i18n/zh-cn.json';
+/**
+ * Device List Component
+ * @param {object} params - Component parameters
+ * @param {object} params.socket - socket object
+ * @param {string} params.selectedInstance - Selected instance
+ * @param {string} params.uploadImagesToInstance - Instance to upload images to
+ * @param {string} params.filter - Filter
+ * @param {string} params.empbedded - true if this list used with multiple instances and false if only with one
+ * @param {string} params.title - Title in appbar (only in non-embedded mode)
+ * @param {string} params.style - Style of devices list
+ * @returns {*[]} - Array of device cards
+ */
+export default class DeviceList extends Communication {
+    static i18nInitialized = false;
+    lastPropsFilter;
+    lastInstance;
+    filterTimeout;
+    language;
+    constructor(props) {
+        super(props);
+        if (!DeviceList.i18nInitialized) {
+            DeviceList.i18nInitialized = true;
+            // @ts-expect-error
+            I18n.extendTranslations({
+                en,
+                de,
+                ru,
+                pt,
+                nl,
+                fr,
+                it,
+                es,
+                pl,
+                uk,
+                'zh-cn': zhCn,
+            });
+        }
+        Object.assign(this.state, {
+            devices: [],
+            filteredDevices: [],
+            filter: '',
+            instanceInfo: null,
+            loading: null,
+            alive: null,
+        });
+        this.lastPropsFilter = this.props.filter;
+        this.lastInstance = this.props.selectedInstance;
+        this.filterTimeout = null;
+        this.language = I18n.getLanguage();
+    }
+    async componentDidMount() {
+        let alive = false;
+        if (this.state.alive === null) {
+            try {
+                // check if instance is alive
+                const stateAlive = await this.props.socket.getState(`system.adapter.${this.props.selectedInstance}.alive`);
+                if (stateAlive?.val) {
+                    alive = true;
+                }
+            }
+            catch (error) {
+                console.error(error);
+            }
+            this.setState({ alive }, () => this.props.socket.subscribeState(`system.adapter.${this.props.selectedInstance}.alive`, this.aliveHandler));
+            if (!alive) {
+                return;
+            }
+        }
+        else {
+            alive = this.state.alive;
+        }
+        if (!this.props.embedded && alive) {
+            try {
+                const instanceInfo = await this.loadInstanceInfos();
+                this.setState({ instanceInfo });
+            }
+            catch (error) {
+                console.error(error);
+            }
+        }
+        if (alive) {
+            this.loadData();
+        }
+    }
+    componentWillUnmount() {
+        this.props.socket.unsubscribeState(`system.adapter.${this.props.selectedInstance}.alive`, this.aliveHandler);
+    }
+    aliveHandler = (id, state) => {
+        if (id === `system.adapter.${this.props.selectedInstance}.alive`) {
+            const alive = !!state?.val;
+            if (alive !== this.state.alive) {
+                this.setState({ alive }, () => {
+                    if (alive) {
+                        this.componentDidMount().catch(console.error);
+                    }
+                });
+            }
+        }
+    };
+    /**
+    * Load devices
+    */
+    loadData() {
+        this.setState({ loading: true }, async () => {
+            console.log(`Loading devices for ${this.props.selectedInstance}...`);
+            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 = [];
+                }
+            }
+            catch (error) {
+                console.error(error);
+                devices = [];
+            }
+            this.setState({ devices, loading: false }, () => this.applyFilter());
+        });
+    }
+    getText(text) {
+        if (typeof text === 'object') {
+            return text[this.language] || text.en;
+        }
+        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 }, () => {
+            this.filterTimeout && clearTimeout(this.filterTimeout);
+            this.filterTimeout = setTimeout(() => {
+                this.filterTimeout = null;
+                this.applyFilter();
+            }, 250);
+        });
+    }
+    renderContent() {
+        /** @type {object} */
+        const emptyStyle = {
+            padding: 25,
+        };
+        if (this.props.embedded && this.lastPropsFilter !== this.props.filter) {
+            this.lastPropsFilter = this.props.filter;
+            setTimeout(() => this.applyFilter(), 50);
+        }
+        if (this.props.embedded && this.lastInstance !== this.props.selectedInstance) {
+            this.lastInstance = this.props.selectedInstance;
+            setTimeout(() => this.loadData(), 50);
+        }
+        let list;
+        if (!this.props.embedded && !this.state.alive) {
+            list = React.createElement("div", { style: emptyStyle },
+                React.createElement("span", null, getTranslation('instanceNotAlive')));
+        }
+        else if (!this.state.devices.length && this.props.selectedInstance) {
+            list = React.createElement("div", { style: emptyStyle },
+                React.createElement("span", null, getTranslation('noDevicesFoundText')));
+        }
+        else if (this.state.devices.length && !this.state.filteredDevices.length) {
+            list = React.createElement("div", { style: emptyStyle },
+                React.createElement("span", null, getTranslation('allDevicesFilteredOut')));
+        }
+        else {
+            list = this.state.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 }));
+        }
+        if (this.props.embedded) {
+            return React.createElement(React.Fragment, null,
+                this.state.loading ? React.createElement(LinearProgress, { style: { width: '100%' } }) : null,
+                list);
+        }
+        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 ? React.createElement(Tooltip, { title: getTranslation('refreshTooltip') },
+                    React.createElement("span", null,
+                        React.createElement(IconButton, { onClick: () => this.loadData(), disabled: !this.state.alive, 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,
+                React.createElement("div", { style: { flexGrow: 1 } }),
+                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", inputProps: {
+                        autoComplete: 'new-password',
+                        form: { autoComplete: 'off' },
+                    }, 
+                    // eslint-disable-next-line react/jsx-no-duplicate-props
+                    InputProps: {
+                        endAdornment: this.state.filter ? React.createElement(InputAdornment, { position: "end" },
+                            React.createElement(IconButton, { onClick: () => this.handleFilterChange(''), edge: "end" },
+                                React.createElement(Clear, null))) : null,
+                    } }) : null),
+            React.createElement("div", { style: {
+                    width: '100%',
+                    height: 'calc(100% - 56px)',
+                    marginTop: 8,
+                    overflow: 'auto',
+                    // justifyContent: 'center',
+                    // alignItems: 'stretch',
+                    // display: 'grid',
+                    // columnGap: 8,
+                    // rowGap: 8,
+                    ...this.props.style,
+                } },
+                this.state.loading ? React.createElement(LinearProgress, { style: { width: '100%' } }) : null,
+                list));
+    }
+}
+//# sourceMappingURL=DeviceList.js.map

package/build/DeviceList.js.map

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

package/build/DeviceStatus.js

@@ -0,0 +1,106 @@
+import React from 'react';
+import { Tooltip } from '@mui/material';
+import { Link as LinkIcon, LinkOff as LinkOffIcon, NetworkCheck as NetworkCheckIcon, Battery20 as Battery20Icon, Battery30 as Battery30Icon, Battery50 as Battery50Icon, Battery60 as Battery60Icon, Battery80 as Battery80Icon, Battery90 as Battery90Icon, BatteryFull as BatteryFullIcon, BatteryAlert as BatteryAlertIcon, Warning as WarningIcon, BatteryCharging50 as BatteryCharging50Icon, } from '@mui/icons-material';
+import { getTranslation } from './Utils';
+/**
+ * Device Status component
+ * @param {object} params - Parameters
+ * @param {object} params.status - Status object, e.g. { connection: 'connected', battery: 100, rssi: -50 }
+ * @returns {React.JSX.Element|null}
+ * @constructor
+ */
+export default function DeviceStatus(params) {
+    if (!params.status) {
+        return null;
+    }
+    let status;
+    if (typeof params.status === 'string') {
+        status = {
+            connection: params.status,
+        };
+    }
+    else {
+        status = params.status;
+    }
+    /** @type {object} */
+    const iconStyleOK = {
+        fill: '#00ac00',
+    };
+    /** @type {object} */
+    const iconStyleNotOK = {
+        fill: '#ff0000',
+    };
+    /** @type {object} */
+    const iconStyleWarning = {
+        fill: '#ff9900',
+    };
+    /** @type {object} */
+    let batteryIconTooltip;
+    if (typeof status.battery === 'number') {
+        if (status.battery >= 96 && status.battery <= 100) {
+            batteryIconTooltip = React.createElement(BatteryFullIcon, { style: iconStyleOK });
+        }
+        else if (status.battery >= 90 && status.battery <= 95) {
+            batteryIconTooltip = React.createElement(Battery90Icon, { style: iconStyleOK });
+        }
+        else if (status.battery >= 80 && status.battery <= 89) {
+            batteryIconTooltip = React.createElement(Battery80Icon, { style: iconStyleOK });
+        }
+        else if (status.battery >= 60 && status.battery <= 79) {
+            batteryIconTooltip = React.createElement(Battery60Icon, { style: iconStyleOK });
+        }
+        else if (status.battery >= 50 && status.battery <= 59) {
+            batteryIconTooltip = React.createElement(Battery50Icon, { style: iconStyleOK });
+        }
+        else if (status.battery >= 30 && status.battery <= 49) {
+            batteryIconTooltip = React.createElement(Battery30Icon, { style: iconStyleOK });
+        }
+        else if (status.battery >= 20 && status.battery <= 29) {
+            batteryIconTooltip = React.createElement(Battery20Icon, { style: iconStyleNotOK });
+        }
+        else {
+            batteryIconTooltip = React.createElement(BatteryAlertIcon, { style: iconStyleNotOK });
+        }
+    }
+    return React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
+        status.connection === 'connected' && React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
+            React.createElement(Tooltip, { title: getTranslation('connectedIconTooltip') },
+                React.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } },
+                    React.createElement(LinkIcon, { style: iconStyleOK })))),
+        status.connection === 'disconnected' && React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
+            React.createElement(Tooltip, { title: getTranslation('disconnectedIconTooltip') },
+                React.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } },
+                    React.createElement(LinkOffIcon, { style: iconStyleNotOK })))),
+        status.rssi && React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
+            React.createElement(Tooltip, { title: "RSSI" },
+                React.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } },
+                    React.createElement(NetworkCheckIcon, null),
+                    React.createElement("p", { style: { fontSize: 'small', margin: 0 } }, status.rssi)))),
+        typeof status.battery === 'number' && React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
+            React.createElement(Tooltip, { title: getTranslation('batteryTooltip') },
+                React.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } },
+                    batteryIconTooltip,
+                    React.createElement("p", { style: { fontSize: 'small', margin: 0 } },
+                        status.battery,
+                        "%")))),
+        typeof status.battery === 'string' && React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
+            React.createElement(Tooltip, { title: getTranslation('batteryTooltip') },
+                React.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } },
+                    status.battery === 'charging' ? React.createElement(BatteryCharging50Icon, null) : React.createElement(BatteryFullIcon, null),
+                    status.battery !== 'charging' ? (status.battery.includes('V') || status.battery.includes('mV') ?
+                        React.createElement("p", { style: { fontSize: 'small', margin: 0 } }, status.battery) :
+                        React.createElement("p", { style: { fontSize: 'small', margin: 0 } },
+                            React.createElement("span", { style: { marginRight: 4 } }, status.battery),
+                            "mV")) : null))),
+        typeof status.battery === 'boolean' && React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
+            React.createElement(Tooltip, { title: getTranslation('batteryTooltip') },
+                React.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } }, status.battery ? React.createElement(BatteryFullIcon, { style: iconStyleOK }) :
+                    React.createElement(BatteryAlertIcon, { style: iconStyleNotOK })))),
+        status.warning && React.createElement("div", { style: { display: 'flex', alignItems: 'center' } }, typeof status.warning === 'string' || typeof status.warning === 'object' ?
+            React.createElement(Tooltip, { title: getTranslation(status.warning) },
+                React.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } },
+                    React.createElement(WarningIcon, { style: iconStyleWarning }))) :
+            React.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } },
+                React.createElement(WarningIcon, { style: iconStyleWarning }))));
+}
+//# sourceMappingURL=DeviceStatus.js.map

package/build/DeviceStatus.js.map

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

package/build/InstanceActionButton.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import TooltipButton from './TooltipButton';
+import { renderIcon, getTranslation } from './Utils';
+export default function InstanceActionButton(params) {
+    const { action, instanceHandler } = params;
+    const tooltip = getTranslation(action?.description ? action.description : '');
+    const title = getTranslation(action?.title ? action.title : '');
+    const icon = renderIcon(action);
+    return React.createElement(TooltipButton, { tooltip: tooltip, label: title, disabled: action.disabled, Icon: icon, onClick: instanceHandler(action) });
+}
+//# sourceMappingURL=InstanceActionButton.js.map

package/build/InstanceActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstanceActionButton.js","sourceRoot":"./src/","sources":["InstanceActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAOrD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,MAAiC;IAC1E,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;IAE3C,MAAM,OAAO,GAAG,cAAc,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC9E,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEhE,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;IAEhC,OAAO,oBAAC,aAAa,IACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,GAClC,CAAC;AACP,CAAC"}

package/{JsonConfig.js → build/JsonConfig.js}

@@ -1,41 +1,18 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const adapter_react_v5_1 = require("@iobroker/adapter-react-v5");
-function JsonConfig(props) {
+import React, { useState } from 'react';
+import { JsonConfigComponent } from '@iobroker/adapter-react-v5';
+export default function JsonConfig(props) {
     const { instanceId, socket, schema, data, onChange, } = props;
     console.log('JsonConfig', props);
-    const [error, setError] = (0, react_1.useState)();
+    const [error, setError] = useState();
     if (schema === undefined) {
         return null;
     }
     const [adapterName, instance] = instanceId.split('.', 2);
-    return react_1.default.createElement(react_1.default.Fragment, null,
-        error && react_1.default.createElement("div", null, error),
-        react_1.default.createElement(adapter_react_v5_1.JsonConfigComponent, { socket: socket, adapterName: adapterName, instance: parseInt(instance), schema: schema, data: data, onError: setError, onChange: _data => onChange(_data), embedded: true }));
+    return React.createElement(React.Fragment, null,
+        error && React.createElement("div", null, error),
+        React.createElement(JsonConfigComponent, { socket: socket, adapterName: adapterName, instance: parseInt(instance), schema: schema, data: data, onError: setError, 
+            // @ts-expect-error types needed
+            onChange: _data => onChange(_data), embedded: true }));
     /*
     JSON adapter config:
             className={classes.scroll}
@@ -88,4 +65,4 @@ function JsonConfig(props) {
             }}
     */
 }
-exports.default = JsonConfig;
+//# sourceMappingURL=JsonConfig.js.map

package/build/JsonConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonConfig.js","sourceRoot":"./src/","sources":["JsonConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAc,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAU7E,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACrD,MAAM,EACF,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAC7C,GAAG,KAAK,CAAC;IACV,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAE,CAAC;IAErC,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAEzD,OAAO;QACF,KAAK,IAAI,iCAAM,KAAK,CAAO;QAC5B,oBAAC,mBAAmB,IAChB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAC5B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,QAAQ;YACjB,gCAAgC;YAChC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAClC,QAAQ,SACV,CACH,CAAC;IAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAkDE;AACN,CAAC"}

package/build/TooltipButton.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { IconButton, Tooltip, Typography } from '@mui/material';
+export default function TooltipButton(props) {
+    const { tooltip, label, disabled, Icon, onClick } = props;
+    const text = !!label && React.createElement(Typography, { variant: "button", style: { marginLeft: 4 } }, label);
+    if (tooltip) {
+        return React.createElement(Tooltip, { title: tooltip },
+            React.createElement("span", null,
+                React.createElement(IconButton, { onClick: onClick, disabled: disabled, size: "small" },
+                    Icon,
+                    text)));
+    }
+    return React.createElement(IconButton, { onClick: onClick, disabled: disabled, size: "small" },
+        Icon,
+        text);
+}
+//# sourceMappingURL=TooltipButton.js.map

package/build/TooltipButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipButton.js","sourceRoot":"./src/","sources":["TooltipButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAUhE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC3D,MAAM,EACF,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAC1C,GAAG,KAAK,CAAC;IAEV,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,IAAI,oBAAC,UAAU,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,IAAG,KAAK,CAAc,CAAC;IAEpG,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO;YAC1B;gBACI,oBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO;oBACzD,IAAI;oBACJ,IAAI,CACI,CACV,CACD,CAAC;IACf,CAAC;IAED,OAAO,oBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO;QAChE,IAAI;QACJ,IAAI,CACI,CAAC;AAClB,CAAC"}