@iobroker/dm-gui-components 0.0.10 → 6.13.6

package/DeviceList.js

@@ -1,226 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const icons_material_1 = require("@mui/icons-material");
-const adapter_react_v5_1 = require("@iobroker/adapter-react-v5");
-const DeviceCard_1 = __importDefault(require("./DeviceCard"));
-const Utils_1 = require("./Utils");
-const Communication_1 = __importDefault(require("./Communication"));
-const InstanceActionButton_1 = __importDefault(require("./InstanceActionButton"));
-const de_json_1 = __importDefault(require("./i18n/de.json"));
-const en_json_1 = __importDefault(require("./i18n/en.json"));
-const ru_json_1 = __importDefault(require("./i18n/ru.json"));
-const pt_json_1 = __importDefault(require("./i18n/pt.json"));
-const nl_json_1 = __importDefault(require("./i18n/nl.json"));
-const fr_json_1 = __importDefault(require("./i18n/fr.json"));
-const it_json_1 = __importDefault(require("./i18n/it.json"));
-const es_json_1 = __importDefault(require("./i18n/es.json"));
-const pl_json_1 = __importDefault(require("./i18n/pl.json"));
-const uk_json_1 = __importDefault(require("./i18n/uk.json"));
-const zh_cn_json_1 = __importDefault(require("./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
- */
-class DeviceList extends Communication_1.default {
-    constructor(props) {
-        super(props);
-        this.aliveHandler = (id, state) => {
-            if (id === `system.adapter.${this.props.selectedInstance}.alive`) {
-                const alive = !!(state === null || state === void 0 ? void 0 : state.val);
-                if (alive !== this.state.alive) {
-                    this.setState({ alive }, () => {
-                        if (alive) {
-                            this.componentDidMount().catch(console.error);
-                        }
-                    });
-                }
-            }
-        };
-        if (!DeviceList.i18nInitialized) {
-            DeviceList.i18nInitialized = true;
-            // @ts-expect-error
-            adapter_react_v5_1.I18n.extendTranslations({
-                en: en_json_1.default,
-                de: de_json_1.default,
-                ru: ru_json_1.default,
-                pt: pt_json_1.default,
-                nl: nl_json_1.default,
-                fr: fr_json_1.default,
-                it: it_json_1.default,
-                es: es_json_1.default,
-                pl: pl_json_1.default,
-                uk: uk_json_1.default,
-                'zh-cn': zh_cn_json_1.default,
-            });
-        }
-        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 = adapter_react_v5_1.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 === null || stateAlive === void 0 ? void 0 : 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);
-    }
-    /**
-    * 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() {
-        var _a, _b;
-        /** @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_1.default.createElement("div", { style: emptyStyle },
-                react_1.default.createElement("span", null, (0, Utils_1.getTranslation)('instanceNotAlive')));
-        }
-        else if (!this.state.devices.length && this.props.selectedInstance) {
-            list = react_1.default.createElement("div", { style: emptyStyle },
-                react_1.default.createElement("span", null, (0, Utils_1.getTranslation)('noDevicesFoundText')));
-        }
-        else if (this.state.devices.length && !this.state.filteredDevices.length) {
-            list = react_1.default.createElement("div", { style: emptyStyle },
-                react_1.default.createElement("span", null, (0, Utils_1.getTranslation)('allDevicesFilteredOut')));
-        }
-        else {
-            list = this.state.filteredDevices.map(device => react_1.default.createElement(DeviceCard_1.default, { 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_1.default.createElement(react_1.default.Fragment, null,
-                this.state.loading ? react_1.default.createElement(material_1.LinearProgress, { style: { width: '100%' } }) : null,
-                list);
-        }
-        return react_1.default.createElement("div", { style: { width: '100%', height: '100%', overflow: 'hidden' } },
-            react_1.default.createElement(material_1.Toolbar, { variant: "dense", style: { backgroundColor: '#777', display: 'flex' } },
-                this.props.title,
-                this.props.selectedInstance ? react_1.default.createElement(material_1.Tooltip, { title: (0, Utils_1.getTranslation)('refreshTooltip') },
-                    react_1.default.createElement("span", null,
-                        react_1.default.createElement(material_1.IconButton, { onClick: () => this.loadData(), disabled: !this.state.alive, size: "small" },
-                            react_1.default.createElement(icons_material_1.Refresh, null)))) : null,
-                this.state.alive && ((_b = (_a = this.state.instanceInfo) === null || _a === void 0 ? void 0 : _a.actions) === null || _b === void 0 ? void 0 : _b.length) ? react_1.default.createElement("div", { style: { marginLeft: 20 } }, this.state.instanceInfo.actions.map(action => react_1.default.createElement(InstanceActionButton_1.default, { key: action.id, action: action, instanceHandler: this.instanceHandler }))) : null,
-                react_1.default.createElement("div", { style: { flexGrow: 1 } }),
-                this.state.alive ? react_1.default.createElement(material_1.TextField, { variant: "standard", style: { width: 200 }, size: "small", label: (0, Utils_1.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_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                            react_1.default.createElement(material_1.IconButton, { onClick: () => this.handleFilterChange(''), edge: "end" },
-                                react_1.default.createElement(icons_material_1.Clear, null))) : null,
-                    } }) : null),
-            react_1.default.createElement("div", { style: Object.assign({ width: '100%', height: 'calc(100% - 56px)', marginTop: 8, overflow: 'auto' }, this.props.style) },
-                this.state.loading ? react_1.default.createElement(material_1.LinearProgress, { style: { width: '100%' } }) : null,
-                list));
-    }
-}
-DeviceList.i18nInitialized = false;
-exports.default = DeviceList;

package/DeviceStatus.js

@@ -1,111 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const icons_material_1 = require("@mui/icons-material");
-const Utils_1 = require("./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
- */
-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_1.default.createElement(icons_material_1.BatteryFull, { style: iconStyleOK });
-        }
-        else if (status.battery >= 90 && status.battery <= 95) {
-            batteryIconTooltip = react_1.default.createElement(icons_material_1.Battery90, { style: iconStyleOK });
-        }
-        else if (status.battery >= 80 && status.battery <= 89) {
-            batteryIconTooltip = react_1.default.createElement(icons_material_1.Battery80, { style: iconStyleOK });
-        }
-        else if (status.battery >= 60 && status.battery <= 79) {
-            batteryIconTooltip = react_1.default.createElement(icons_material_1.Battery60, { style: iconStyleOK });
-        }
-        else if (status.battery >= 50 && status.battery <= 59) {
-            batteryIconTooltip = react_1.default.createElement(icons_material_1.Battery50, { style: iconStyleOK });
-        }
-        else if (status.battery >= 30 && status.battery <= 49) {
-            batteryIconTooltip = react_1.default.createElement(icons_material_1.Battery30, { style: iconStyleOK });
-        }
-        else if (status.battery >= 20 && status.battery <= 29) {
-            batteryIconTooltip = react_1.default.createElement(icons_material_1.Battery20, { style: iconStyleNotOK });
-        }
-        else {
-            batteryIconTooltip = react_1.default.createElement(icons_material_1.BatteryAlert, { style: iconStyleNotOK });
-        }
-    }
-    return react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
-        status.connection === 'connected' && react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
-            react_1.default.createElement(material_1.Tooltip, { title: (0, Utils_1.getTranslation)('connectedIconTooltip') },
-                react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } },
-                    react_1.default.createElement(icons_material_1.Link, { style: iconStyleOK })))),
-        status.connection === 'disconnected' && react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
-            react_1.default.createElement(material_1.Tooltip, { title: (0, Utils_1.getTranslation)('disconnectedIconTooltip') },
-                react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } },
-                    react_1.default.createElement(icons_material_1.LinkOff, { style: iconStyleNotOK })))),
-        status.rssi && react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
-            react_1.default.createElement(material_1.Tooltip, { title: "RSSI" },
-                react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } },
-                    react_1.default.createElement(icons_material_1.NetworkCheck, null),
-                    react_1.default.createElement("p", { style: { fontSize: 'small', margin: 0 } }, status.rssi)))),
-        typeof status.battery === 'number' && react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
-            react_1.default.createElement(material_1.Tooltip, { title: (0, Utils_1.getTranslation)('batteryTooltip') },
-                react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } },
-                    batteryIconTooltip,
-                    react_1.default.createElement("p", { style: { fontSize: 'small', margin: 0 } },
-                        status.battery,
-                        "%")))),
-        typeof status.battery === 'string' && react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
-            react_1.default.createElement(material_1.Tooltip, { title: (0, Utils_1.getTranslation)('batteryTooltip') },
-                react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } },
-                    status.battery === 'charging' ? react_1.default.createElement(icons_material_1.BatteryCharging50, null) : react_1.default.createElement(icons_material_1.BatteryFull, null),
-                    status.battery !== 'charging' ? (status.battery.includes('V') || status.battery.includes('mV') ?
-                        react_1.default.createElement("p", { style: { fontSize: 'small', margin: 0 } }, status.battery) :
-                        react_1.default.createElement("p", { style: { fontSize: 'small', margin: 0 } },
-                            react_1.default.createElement("span", { style: { marginRight: 4 } }, status.battery),
-                            "mV")) : null))),
-        typeof status.battery === 'boolean' && react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
-            react_1.default.createElement(material_1.Tooltip, { title: (0, Utils_1.getTranslation)('batteryTooltip') },
-                react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } }, status.battery ? react_1.default.createElement(icons_material_1.BatteryFull, { style: iconStyleOK }) :
-                    react_1.default.createElement(icons_material_1.BatteryAlert, { style: iconStyleNotOK })))),
-        status.warning && react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center' } }, typeof status.warning === 'string' || typeof status.warning === 'object' ?
-            react_1.default.createElement(material_1.Tooltip, { title: (0, Utils_1.getTranslation)(status.warning) },
-                react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } },
-                    react_1.default.createElement(icons_material_1.Warning, { style: iconStyleWarning }))) :
-            react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center' } },
-                react_1.default.createElement(icons_material_1.Warning, { style: iconStyleWarning }))));
-}
-exports.default = DeviceStatus;

package/InstanceActionButton.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const TooltipButton_1 = __importDefault(require("./TooltipButton"));
-const Utils_1 = require("./Utils");
-function InstanceActionButton(params) {
-    const { action, instanceHandler } = params;
-    const tooltip = (0, Utils_1.getTranslation)((action === null || action === void 0 ? void 0 : action.description) ? action.description : '');
-    const title = (0, Utils_1.getTranslation)((action === null || action === void 0 ? void 0 : action.title) ? action.title : '');
-    const icon = (0, Utils_1.renderIcon)(action);
-    return react_1.default.createElement(TooltipButton_1.default, { tooltip: tooltip, label: title, disabled: action.disabled, Icon: icon, onClick: instanceHandler(action) });
-}
-exports.default = InstanceActionButton;

package/TooltipButton.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-function TooltipButton(props) {
-    const { tooltip, label, disabled, Icon, onClick } = props;
-    const text = !!label && react_1.default.createElement(material_1.Typography, { variant: "button", style: { marginLeft: 4 } }, label);
-    if (tooltip) {
-        return react_1.default.createElement(material_1.Tooltip, { title: tooltip },
-            react_1.default.createElement("span", null,
-                react_1.default.createElement(material_1.IconButton, { onClick: onClick, disabled: disabled, size: "small" },
-                    Icon,
-                    text)));
-    }
-    return react_1.default.createElement(material_1.IconButton, { onClick: onClick, disabled: disabled, size: "small" },
-        Icon,
-        text);
-}
-exports.default = TooltipButton;

package/Utils.js

@@ -1,157 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTranslation = exports.renderIcon = void 0;
-const react_1 = __importDefault(require("react"));
-const icons_material_1 = require("@mui/icons-material");
-const adapter_react_v5_1 = require("@iobroker/adapter-react-v5");
-function renderIcon(action, colors, value) {
-    var _a, _b, _c, _d;
-    if (!action) {
-        return null;
-    }
-    let color = (value && action.colorOn) || action.color || (action.state ? 'primary' : 'inherit');
-    if (colors) {
-        if (color === 'primary') {
-            color = colors.primary;
-        }
-        else if (color === 'secondary') {
-            color = colors.secondary;
-        }
-    }
-    if (((_a = action.icon) === null || _a === void 0 ? void 0 : _a.startsWith('fa-')) || ((_b = action.icon) === null || _b === void 0 ? void 0 : _b.startsWith('fas'))) {
-        const iconStyle = action.icon.split(' ').map(s => s.trim()).filter(s => s !== 'fa-solid');
-        if (iconStyle.includes('fa-trash-can') || iconStyle.includes('fa-trash')) {
-            return react_1.default.createElement(icons_material_1.Delete, { style: { color } });
-        }
-        if (iconStyle.includes('fa-pen')) {
-            return react_1.default.createElement(icons_material_1.Edit, { style: { color } });
-        }
-        if (iconStyle.includes('fa-redo-alt')) {
-            return react_1.default.createElement(icons_material_1.Refresh, { style: { color } });
-        }
-        if (iconStyle.includes('fa-plus')) {
-            return react_1.default.createElement(icons_material_1.Add, { style: { color } });
-        }
-        if (iconStyle.includes('fa-wifi')) {
-            return react_1.default.createElement(icons_material_1.Wifi, { style: { color } });
-        }
-        if (iconStyle.includes('fa-wifi-slash')) {
-            return react_1.default.createElement(icons_material_1.WifiOff, { style: { color } });
-        }
-        if (iconStyle.includes('fa-bluetooth')) {
-            return react_1.default.createElement(icons_material_1.Bluetooth, { style: { color } });
-        }
-        if (iconStyle.includes('fa-bluetooth-slash')) {
-            return react_1.default.createElement(icons_material_1.BluetoothDisabled, { style: { color } });
-        }
-        if (iconStyle.includes('fa-eye')) {
-            return react_1.default.createElement(icons_material_1.Visibility, { style: { color } });
-        }
-        if (iconStyle.includes('fa-search')) {
-            return react_1.default.createElement(icons_material_1.Search, { style: { color } });
-        }
-        if (iconStyle.includes('fa-unlink')) {
-            return react_1.default.createElement(icons_material_1.LinkOff, { style: { color } });
-        }
-        if (iconStyle.includes('fa-link')) {
-            return react_1.default.createElement(icons_material_1.Link, { style: { color } });
-        }
-        if (iconStyle.includes('fa-search-location')) {
-            return react_1.default.createElement(icons_material_1.NotListedLocation, { style: { color } });
-        }
-        if (iconStyle.includes('fa-play')) {
-            return react_1.default.createElement(icons_material_1.PlayArrow, { style: { color } });
-        }
-        if (iconStyle.includes('fa-stop')) {
-            return react_1.default.createElement(icons_material_1.Stop, { style: { color } });
-        }
-        if (iconStyle.includes('fa-pause')) {
-            return react_1.default.createElement(icons_material_1.Pause, { style: { color } });
-        }
-        if (iconStyle.includes('forward') || iconStyle.includes('fa-forward')) {
-            return react_1.default.createElement(icons_material_1.FastForward, { style: { color } });
-        }
-        if (iconStyle.includes('rewind') || iconStyle.includes('fa-rewind')) {
-            return react_1.default.createElement(icons_material_1.FastRewind, { style: { color } });
-        }
-        return null;
-    }
-    if (value && ((_c = action.iconOn) === null || _c === void 0 ? void 0 : _c.startsWith('data:image'))) {
-        return react_1.default.createElement(adapter_react_v5_1.Icon, { src: action.iconOn, style: { color } });
-    }
-    if ((_d = action.icon) === null || _d === void 0 ? void 0 : _d.startsWith('data:image')) {
-        return react_1.default.createElement(adapter_react_v5_1.Icon, { src: action.icon, style: { color } });
-    }
-    if (action.id === 'edit' || action.id === 'rename') {
-        return react_1.default.createElement(icons_material_1.Edit, { style: { color } });
-    }
-    if (action.id === 'delete') {
-        return react_1.default.createElement(icons_material_1.Delete, { style: { color } });
-    }
-    if (action.id === 'refresh') {
-        return react_1.default.createElement(icons_material_1.Refresh, { style: { color } });
-    }
-    if (action.id === 'newDevice' || action.id === 'new' || action.id === 'add') {
-        return react_1.default.createElement(icons_material_1.Add, { style: { color } });
-    }
-    if (action.id === 'discover' || action.id === 'search') {
-        return react_1.default.createElement(icons_material_1.Search, { style: { color } });
-    }
-    if (action.id === 'unpairDevice') {
-        return react_1.default.createElement(icons_material_1.LinkOff, { style: { color } });
-    }
-    if (action.id === 'pairDevice') {
-        return react_1.default.createElement(icons_material_1.Link, { style: { color } });
-    }
-    if (action.id === 'identify') {
-        return react_1.default.createElement(icons_material_1.NotListedLocation, { style: { color } });
-    }
-    if (action.id === 'play') {
-        return react_1.default.createElement(icons_material_1.PlayArrow, { style: { color } });
-    }
-    if (action.id === 'stop') {
-        return react_1.default.createElement(icons_material_1.Stop, { style: { color } });
-    }
-    if (action.id === 'pause') {
-        return react_1.default.createElement(icons_material_1.Pause, { style: { color } });
-    }
-    if (action.id === 'forward' || action.id === 'next') {
-        return react_1.default.createElement(icons_material_1.FastForward, { style: { color } });
-    }
-    if (action.id === 'rewind' || action.id === 'previous') {
-        return react_1.default.createElement(icons_material_1.FastRewind, { style: { color } });
-    }
-    if (action.id === 'lamp' || action.id === 'light') {
-        return react_1.default.createElement(icons_material_1.Lightbulb, { style: { color } });
-    }
-    if (action.id === 'backlight') {
-        return react_1.default.createElement(icons_material_1.Fluorescent, { style: { color } });
-    }
-    if (action.id === 'dimmer') {
-        return react_1.default.createElement(icons_material_1.WbIncandescent, { style: { color } });
-    }
-    if (action.id === 'socket') {
-        return react_1.default.createElement(icons_material_1.Power, { style: { color } });
-    }
-    return null;
-}
-exports.renderIcon = renderIcon;
-let language;
-/**
- * Get Translation
- * @param {string | object} text - Text to translate
- * @returns {string}
- */
-function getTranslation(text) {
-    language = language || adapter_react_v5_1.I18n.getLanguage();
-    if (typeof text === 'object') {
-        const words = text;
-        // @ts-ignore
-        return words[language] || text.en;
-    }
-    return adapter_react_v5_1.I18n.t(text);
-}
-exports.getTranslation = getTranslation;

package/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const DeviceList_1 = __importDefault(require("./DeviceList"));
-exports.default = DeviceList_1.default;

package/{index.d.ts → build/index.d.ts}

@@ -1,2 +1,2 @@
-export default DeviceList;
 import DeviceList from './DeviceList';
+export default DeviceList;