@iobroker/json-config 1.0.0 → 1.0.2

package/build/JsonConfigComponent/DeviceManager/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 '@/JsonConfigComponent/wrapper/i18n';
+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/JsonConfigComponent/DeviceManager/DeviceList.js.map

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+interface DeviceStatusProps {
+    status: any;
+}
+/**
+ * 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: DeviceStatusProps): React.JSX.Element | null;
+export {};

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface InstanceActionButtonProps {
+    action: any;
+    instanceHandler: (action: any) => () => void;
+}
+export default function InstanceActionButton(params: InstanceActionButtonProps): React.JSX.Element | null;
+export {};

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

@@ -0,0 +1 @@
+{"version":3,"file":"InstanceActionButton.js","sourceRoot":"./src/","sources":["JsonConfigComponent/DeviceManager/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/build/JsonConfigComponent/DeviceManager/JsonConfig.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Connection } from '@iobroker/socket-client';
+interface JsonConfigProps {
+    instanceId: string;
+    socket: Connection;
+    schema: Record<string, any>;
+    data: Record<string, any>;
+    onChange: (data: Record<string, any>) => void;
+}
+export default function JsonConfig(props: JsonConfigProps): React.JSX.Element | null;
+export {};

package/build/JsonConfigComponent/DeviceManager/JsonConfig.js

@@ -0,0 +1,66 @@
+import React, { useState } from 'react';
+import JsonConfigComponent from '@/JsonConfigComponent';
+export default function JsonConfig(props) {
+    const { instanceId, socket, schema, data, onChange, } = props;
+    console.log('JsonConfig', props);
+    const [error, setError] = useState();
+    if (schema === undefined) {
+        return null;
+    }
+    const [adapterName, instance] = instanceId.split('.', 2);
+    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, onChange: _data => onChange(_data), embedded: true }));
+    /*
+    JSON adapter config:
+            className={classes.scroll}
+            socket={socket}
+            theme={this.props.theme}
+            themeName={this.props.themeName}
+            themeType={this.props.themeType}
+            adapterName={this.props.adapterName}
+            instance={this.props.instance}
+            isFloatComma={this.props.isFloatComma}
+            dateFormat={this.props.dateFormat}
+            schema={this.state.schema}
+            common={this.state.common}
+            data={this.state.data}
+            updateData={this.state.updateData}
+            onError={(error) => this.setState({ error })}
+            onChange={(data, changed) => this.setState({ data, changed })}
+            customs={{ configCustomEasyAccess: ConfigCustomEasyAccess }}
+    Object custom:
+            instanceObj={instanceObj}
+            customObj={customObj}
+            custom={true}
+            className={ '' }
+            adapterName={adapter}
+            instance={parseInt(instance.split('.').pop(), 10) || 0}
+            socket={this.props.socket}
+            theme={this.props.theme}
+            themeName={this.props.themeName}
+            themeType={this.props.themeType}
+            multiEdit={this.props.objectIDs.length > 1}
+
+            schema={this.jsonConfigs[adapter].json}
+            data={data}
+            onError={error =>
+                this.setState({error}, () => this.props.onError && this.props.onError(error))}
+            onValueChange={(attr, value) => {
+                console.log(attr + ' => ' + value);
+                const newValues = JSON.parse(JSON.stringify(this.state.newValues));
+                newValues[instance] = newValues[instance] || {};
+                if (this.commonConfig[instance][attr] === value) {
+                    delete newValues[instance][attr];
+                    if (!Object.keys(newValues[instance]).length) {
+                        delete newValues[instance];
+                    }
+                } else {
+                    newValues[instance][attr] = value;
+                }
+                this.setState({newValues, hasChanges: this.isChanged(newValues)}, () =>
+                    this.props.onChange && this.props.onChange(this.state.hasChanges));
+            }}
+    */
+}
+//# sourceMappingURL=JsonConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JsonConfig.js","sourceRoot":"./src/","sources":["JsonConfigComponent/DeviceManager/JsonConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAWxD,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;QACtB,OAAO,IAAI,CAAC;KACf;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,EACjB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAClC,QAAQ,SACV,CACH,CAAC;IAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAkDE;AACN,CAAC"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface TooltipButtonProps {
+    tooltip?: string;
+    label?: string;
+    disabled?: boolean;
+    Icon: React.JSX.Element | null;
+    onClick?: () => void;
+}
+export default function TooltipButton(props: TooltipButtonProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipButton.js","sourceRoot":"./src/","sources":["JsonConfigComponent/DeviceManager/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;QACT,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;KACd;IAED,OAAO,oBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO;QAChE,IAAI;QACJ,IAAI,CACI,CAAC;AAClB,CAAC"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ControlBase } from '@iobroker/dm-utils/build/types/base';
+export declare function renderIcon(action: ControlBase, colors?: {
+    primary: string;
+    secondary: string;
+}, value?: string | number | boolean | null): React.JSX.Element | null;
+/**
+ * Get Translation
+ * @param {string | object} text - Text to translate
+ * @returns {string}
+ */
+export declare function getTranslation(text: ioBroker.StringOrTranslated): string;