@iobroker/dm-gui-components 0.1.0 → 6.13.7

package/build/Utils.js

@@ -0,0 +1,149 @@
+import React from 'react';
+import { Add, Delete, Edit, Refresh, Search, Wifi, WifiOff, Bluetooth, BluetoothDisabled, Visibility, LinkOff, Link as LinkIcon, NotListedLocation, PlayArrow, Stop, FastForward, FastRewind, Pause, Lightbulb, Power, Fluorescent, WbIncandescent, } from '@mui/icons-material';
+import { I18n, Icon, } from '@iobroker/adapter-react-v5';
+export function renderIcon(action, colors, value) {
+    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 (action.icon?.startsWith('fa-') || action.icon?.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.createElement(Delete, { style: { color } });
+        }
+        if (iconStyle.includes('fa-pen')) {
+            return React.createElement(Edit, { style: { color } });
+        }
+        if (iconStyle.includes('fa-redo-alt')) {
+            return React.createElement(Refresh, { style: { color } });
+        }
+        if (iconStyle.includes('fa-plus')) {
+            return React.createElement(Add, { style: { color } });
+        }
+        if (iconStyle.includes('fa-wifi')) {
+            return React.createElement(Wifi, { style: { color } });
+        }
+        if (iconStyle.includes('fa-wifi-slash')) {
+            return React.createElement(WifiOff, { style: { color } });
+        }
+        if (iconStyle.includes('fa-bluetooth')) {
+            return React.createElement(Bluetooth, { style: { color } });
+        }
+        if (iconStyle.includes('fa-bluetooth-slash')) {
+            return React.createElement(BluetoothDisabled, { style: { color } });
+        }
+        if (iconStyle.includes('fa-eye')) {
+            return React.createElement(Visibility, { style: { color } });
+        }
+        if (iconStyle.includes('fa-search')) {
+            return React.createElement(Search, { style: { color } });
+        }
+        if (iconStyle.includes('fa-unlink')) {
+            return React.createElement(LinkOff, { style: { color } });
+        }
+        if (iconStyle.includes('fa-link')) {
+            return React.createElement(LinkIcon, { style: { color } });
+        }
+        if (iconStyle.includes('fa-search-location')) {
+            return React.createElement(NotListedLocation, { style: { color } });
+        }
+        if (iconStyle.includes('fa-play')) {
+            return React.createElement(PlayArrow, { style: { color } });
+        }
+        if (iconStyle.includes('fa-stop')) {
+            return React.createElement(Stop, { style: { color } });
+        }
+        if (iconStyle.includes('fa-pause')) {
+            return React.createElement(Pause, { style: { color } });
+        }
+        if (iconStyle.includes('forward') || iconStyle.includes('fa-forward')) {
+            return React.createElement(FastForward, { style: { color } });
+        }
+        if (iconStyle.includes('rewind') || iconStyle.includes('fa-rewind')) {
+            return React.createElement(FastRewind, { style: { color } });
+        }
+        return null;
+    }
+    if (value && action.iconOn?.startsWith('data:image')) {
+        return React.createElement(Icon, { src: action.iconOn, style: { color } });
+    }
+    if (action.icon?.startsWith('data:image')) {
+        return React.createElement(Icon, { src: action.icon, style: { color } });
+    }
+    if (action.id === 'edit' || action.id === 'rename') {
+        return React.createElement(Edit, { style: { color } });
+    }
+    if (action.id === 'delete') {
+        return React.createElement(Delete, { style: { color } });
+    }
+    if (action.id === 'refresh') {
+        return React.createElement(Refresh, { style: { color } });
+    }
+    if (action.id === 'newDevice' || action.id === 'new' || action.id === 'add') {
+        return React.createElement(Add, { style: { color } });
+    }
+    if (action.id === 'discover' || action.id === 'search') {
+        return React.createElement(Search, { style: { color } });
+    }
+    if (action.id === 'unpairDevice') {
+        return React.createElement(LinkOff, { style: { color } });
+    }
+    if (action.id === 'pairDevice') {
+        return React.createElement(LinkIcon, { style: { color } });
+    }
+    if (action.id === 'identify') {
+        return React.createElement(NotListedLocation, { style: { color } });
+    }
+    if (action.id === 'play') {
+        return React.createElement(PlayArrow, { style: { color } });
+    }
+    if (action.id === 'stop') {
+        return React.createElement(Stop, { style: { color } });
+    }
+    if (action.id === 'pause') {
+        return React.createElement(Pause, { style: { color } });
+    }
+    if (action.id === 'forward' || action.id === 'next') {
+        return React.createElement(FastForward, { style: { color } });
+    }
+    if (action.id === 'rewind' || action.id === 'previous') {
+        return React.createElement(FastRewind, { style: { color } });
+    }
+    if (action.id === 'lamp' || action.id === 'light') {
+        return React.createElement(Lightbulb, { style: { color } });
+    }
+    if (action.id === 'backlight') {
+        return React.createElement(Fluorescent, { style: { color } });
+    }
+    if (action.id === 'dimmer') {
+        return React.createElement(WbIncandescent, { style: { color } });
+    }
+    if (action.id === 'socket') {
+        return React.createElement(Power, { style: { color } });
+    }
+    return null;
+}
+let language;
+/**
+ * Get Translation
+ * @param {string | object} text - Text to translate
+ * @returns {string}
+ */
+export function getTranslation(text) {
+    language = language || I18n.getLanguage();
+    if (typeof text === 'object') {
+        const words = text;
+        // @ts-ignore
+        return words[language] || text.en;
+    }
+    return I18n.t(text);
+}
+//# sourceMappingURL=Utils.js.map

package/build/Utils.js.map

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

package/build/index.js

@@ -0,0 +1,3 @@
+import DeviceList from './DeviceList';
+export default DeviceList;
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"./src/","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,eAAe,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/dm-gui-components",
-  "version": "0.1.0",
+  "version": "6.13.7",
   "description": "ReactJS components to develop admin interface for ioBroker device manager.",
   "author": {
     "name": "Jey Cee",
@@ -15,6 +15,11 @@
       "email": "dogafox@gmail.com"
     }
   ],
+  "scripts": {
+    "prepublishOnly": "npm run build",
+    "clean": "rimraf build",
+    "build": "tsc && tsc-alias"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ioBroker/dm-gui-components.git"
@@ -22,7 +27,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "module": "./index.js",
+  "files": [
+    "build",
+    "README.md"
+  ],
+  "module": "./build/index.js",
+  "types": "./build/index.d.ts",
   "keywords": [
     "iobroker",
     "adapter",
@@ -34,18 +44,6 @@
   },
   "homepage": "https://github.com/ioBroker/dm-gui-components#readme",
   "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "@iobroker/adapter-react-v5": "^4.9.1",
-    "@mui/icons-material": "^5.15.1",
-    "@mui/material": "5.14.14",
-    "@types/react": "^18.2.45",
-    "@types/react-dom": "^18.2.18",
-    "eslint": "^8.56.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-plugin-eqeqeq-fix": "^1.0.3",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5"
+    "@iobroker/adapter-react-v5": "^4.9.1"
   }
-}
+}

package/Communication.js

@@ -1,268 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const Utils_1 = require("./Utils");
-const JsonConfig_1 = __importDefault(require("./JsonConfig"));
-/**
- * Device List Component
- * @param {object} params - Component parameters
- * @param {object} params.socket - socket object
- * @param {string} params.selectedInstance - Selected instance
- * @returns {*[]} - Array of device cards
- */
-class Communication extends react_1.Component {
-    constructor(props) {
-        super(props);
-        this.sendActionToInstance = (command, messageToSend, refresh) => {
-            const send = async () => {
-                this.setState({ showSpinner: true });
-                /** @type {object} */
-                const response = await this.props.socket.sendTo(this.props.selectedInstance, command, messageToSend);
-                /** @type {string} */
-                const type = response.type;
-                console.log(`Response: ${response.type}`);
-                switch (type) {
-                    case 'message':
-                        console.log(`Message received: ${response.message}`);
-                        if (response.message) {
-                            this.setState({
-                                message: {
-                                    message: response.message,
-                                    handleClose: () => this.setState({ message: null }, () => this.sendActionToInstance('dm:actionProgress', { origin: response.origin })),
-                                },
-                            });
-                        }
-                        break;
-                    case 'confirm':
-                        console.log(`Confirm received: ${response.confirm}`);
-                        if (response.confirm) {
-                            this.setState({
-                                confirm: {
-                                    message: response.confirm,
-                                    handleClose: (confirm) => this.setState({ confirm: null }, () => this.sendActionToInstance('dm:actionProgress', {
-                                        origin: response.origin,
-                                        confirm,
-                                    })),
-                                },
-                            });
-                        }
-                        break;
-                    case 'form':
-                        console.log('Form received');
-                        if (response.form) {
-                            this.setState({
-                                form: Object.assign(Object.assign({}, response.form), { handleClose: (data) => this.setState({ form: null }, () => {
-                                        console.log(`Form ${JSON.stringify(data)}`);
-                                        this.sendActionToInstance('dm:actionProgress', {
-                                            origin: response.origin,
-                                            data,
-                                        });
-                                    }) }),
-                            });
-                        }
-                        break;
-                    case 'progress':
-                        if (response.progress) {
-                            if (this.state.progress) {
-                                const progress = Object.assign(Object.assign({}, this.state.progress), response.progress);
-                                this.setState({ progress });
-                            }
-                            else {
-                                this.setState({ progress: response.progress });
-                            }
-                        }
-                        this.sendActionToInstance('dm:actionProgress', { origin: response.origin });
-                        break;
-                    case 'result':
-                        console.log('Response content', response.result);
-                        if (response.result.refresh) {
-                            if (response.result.refresh === true) {
-                                this.loadData();
-                                console.log('Refreshing all');
-                            }
-                            else if (response.result.refresh === 'instance') {
-                                console.log(`Refreshing instance infos: ${this.props.selectedInstance}`);
-                            }
-                            else if (response.result.refresh === 'device') {
-                                if (refresh) {
-                                    console.log(`Refreshing device infos: ${this.props.selectedInstance}`);
-                                    refresh();
-                                }
-                            }
-                            else {
-                                console.log('Not refreshing anything');
-                            }
-                        }
-                        if (response.result.error) {
-                            console.error(`Error: ${response.result.error}`);
-                            this.setState({ showToast: response.result.error.message });
-                        }
-                        this.setState({ showSpinner: false });
-                        break;
-                    default:
-                        console.log(`Unknown response type: ${type}`);
-                        this.setState({ showSpinner: false });
-                        break;
-                }
-            };
-            send().catch(console.error);
-        };
-        this.sendControlToInstance = async (command, messageToSend) => {
-            const response = await this.props.socket.sendTo(this.props.selectedInstance, command, messageToSend);
-            const type = response.type;
-            console.log(`Response: ${response.type}`);
-            if (response.type === 'result') {
-                console.log('Response content', response.result);
-                if (response.result.error) {
-                    console.error(`Error: ${response.result.error}`);
-                    this.setState({ showToast: response.result.error.message });
-                }
-                else if (response.result.state !== undefined) {
-                    return response.result.state;
-                }
-            }
-            else {
-                console.warn('Unexpected response type', type);
-            }
-            return null;
-        };
-        // @ts-expect-error
-        this.state = {
-            showSpinner: false,
-            showToast: null,
-            message: null,
-            confirm: null,
-            form: null,
-            progress: null,
-        };
-        // eslint-disable-next-line react/no-unused-class-component-methods
-        this.instanceHandler = action => () => this.sendActionToInstance('dm:instanceAction', { actionId: action.id });
-        // eslint-disable-next-line react/no-unused-class-component-methods
-        this.deviceHandler = (deviceId, action, refresh) => () => this.sendActionToInstance('dm:deviceAction', { deviceId, actionId: action.id }, refresh);
-        // eslint-disable-next-line react/no-unused-class-component-methods
-        this.controlHandler = (deviceId, control, state) => () => this.sendControlToInstance('dm:deviceControl', { deviceId, controlId: control.id, state });
-        // eslint-disable-next-line react/no-unused-class-component-methods
-        this.controlStateHandler = (deviceId, control) => () => this.sendControlToInstance('dm:deviceControlState', { deviceId, controlId: control.id });
-        this.props.registerHandler && this.props.registerHandler(() => this.loadData());
-    }
-    // eslint-disable-next-line class-methods-use-this
-    loadData() {
-        console.error('loadData not implemented');
-    }
-    // eslint-disable-next-line react/no-unused-class-component-methods
-    loadDevices() {
-        return this.props.socket.sendTo(this.props.selectedInstance, 'dm:listDevices');
-    }
-    // eslint-disable-next-line react/no-unused-class-component-methods
-    loadInstanceInfos() {
-        return this.props.socket.sendTo(this.props.selectedInstance, 'dm:instanceInfo');
-    }
-    renderMessageDialog() {
-        var _a;
-        if (!this.state.message) {
-            return null;
-        }
-        return react_1.default.createElement(material_1.Dialog, { open: !0, onClose: () => { var _a; return (_a = this.state.message) === null || _a === void 0 ? void 0 : _a.handleClose(); }, hideBackdrop: true, "aria-describedby": "message-dialog-description" },
-            react_1.default.createElement(material_1.DialogContent, null,
-                react_1.default.createElement(material_1.DialogContentText, { id: "message-dialog-description" }, (_a = this.state.message) === null || _a === void 0 ? void 0 : _a.message)),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { onClick: () => { var _a; return (_a = this.state.message) === null || _a === void 0 ? void 0 : _a.handleClose(); }, autoFocus: true }, (0, Utils_1.getTranslation)('okButtonText'))));
-    }
-    renderConfirmDialog() {
-        var _a;
-        if (!this.state.confirm) {
-            return null;
-        }
-        return react_1.default.createElement(material_1.Dialog, { open: !0, onClose: () => { var _a; return (_a = this.state.confirm) === null || _a === void 0 ? void 0 : _a.handleClose(); }, hideBackdrop: true, "aria-describedby": "confirm-dialog-description" },
-            react_1.default.createElement(material_1.DialogContent, null,
-                react_1.default.createElement(material_1.DialogContentText, { id: "confirm-dialog-description" }, (0, Utils_1.getTranslation)((_a = this.state.confirm) === null || _a === void 0 ? void 0 : _a.message))),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: () => { var _a; return (_a = this.state.confirm) === null || _a === void 0 ? void 0 : _a.handleClose(true); }, autoFocus: true }, (0, Utils_1.getTranslation)('yesButtonText')),
-                react_1.default.createElement(material_1.Button, { variant: "contained", 
-                    // @ts-expect-error
-                    color: "grey", onClick: () => { var _a; return (_a = this.state.confirm) === null || _a === void 0 ? void 0 : _a.handleClose(false); }, autoFocus: true, hideBackdrop: true }, (0, Utils_1.getTranslation)('noButtonText'))));
-    }
-    renderSnackbar() {
-        return react_1.default.createElement(material_1.Snackbar, { open: !!this.state.showToast, autoHideDuration: 6000, onClose: () => this.setState({ showToast: null }), message: this.state.showToast });
-    }
-    renderFormDialog() {
-        var _a, _b;
-        if (!this.state.form || !this.state.form.schema || !this.state.form.data) {
-            return null;
-        }
-        return react_1.default.createElement(material_1.Dialog, { open: !0, onClose: () => { var _a; return ((_a = this.state.form) === null || _a === void 0 ? void 0 : _a.handleClose) && this.state.form.handleClose(); }, hideBackdrop: true },
-            ((_a = this.state.form) === null || _a === void 0 ? void 0 : _a.title) ? react_1.default.createElement(material_1.DialogTitle, null, (0, Utils_1.getTranslation)((_b = this.state.form) === null || _b === void 0 ? void 0 : _b.title)) : null,
-            react_1.default.createElement(material_1.DialogContent, null,
-                react_1.default.createElement(JsonConfig_1.default, { instanceId: this.props.selectedInstance, schema: this.state.form.schema, data: this.state.form.data, socket: this.props.socket, onChange: (data) => {
-                        console.log('handleFormChange', { data });
-                        const form = Object.assign({}, this.state.form);
-                        if (form) {
-                            form.data = data;
-                            this.setState({ form });
-                        }
-                    } })),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: () => { var _a, _b; return ((_a = this.state.form) === null || _a === void 0 ? void 0 : _a.handleClose) && this.state.form.handleClose((_b = this.state.form) === null || _b === void 0 ? void 0 : _b.data); }, autoFocus: true }, (0, Utils_1.getTranslation)('okButtonText')),
-                react_1.default.createElement(material_1.Button, { variant: "contained", 
-                    // @ts-expect-error
-                    color: "grey", onClick: () => { var _a; return ((_a = this.state.form) === null || _a === void 0 ? void 0 : _a.handleClose) && this.state.form.handleClose(); }, hideBackdrop: true }, (0, Utils_1.getTranslation)('cancelButtonText'))));
-    }
-    renderProgressDialog() {
-        var _a, _b;
-        if (!((_a = this.state.progress) === null || _a === void 0 ? void 0 : _a.open)) {
-            return null;
-        }
-        return react_1.default.createElement(material_1.Dialog, { open: !0, onClose: () => { }, hideBackdrop: true },
-            react_1.default.createElement(material_1.LinearProgress, { variant: "determinate", value: ((_b = this.state.progress) === null || _b === void 0 ? void 0 : _b.progress) || 0 }));
-    }
-    // eslint-disable-next-line class-methods-use-this
-    renderContent() {
-        return null;
-    }
-    renderSpinner() {
-        var _a;
-        if (!this.state.showSpinner && !((_a = this.state.progress) === null || _a === void 0 ? void 0 : _a.open) && !this.state.message && !this.state.confirm && !this.state.form) {
-            return null;
-        }
-        return react_1.default.createElement(material_1.Backdrop, { style: { zIndex: 1000 }, open: !0 },
-            react_1.default.createElement(material_1.CircularProgress, null));
-    }
-    render() {
-        return react_1.default.createElement(react_1.default.Fragment, null,
-            this.renderSnackbar(),
-            this.renderContent(),
-            this.renderSpinner(),
-            this.renderConfirmDialog(),
-            this.renderMessageDialog(),
-            this.renderFormDialog(),
-            this.renderProgressDialog());
-    }
-}
-exports.default = Communication;

package/DeviceActionButton.js

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