@iobroker/dm-gui-components 0.0.2 → 0.0.3

package/DeviceList.d.ts

@@ -4,7 +4,7 @@ import Communication, { CommunicationProps, CommunicationState } from './Communi
 interface DeviceListProps extends CommunicationProps {
     uploadImagesToInstance?: string;
     filter?: string;
-    empbedded?: boolean;
+    embedded?: boolean;
     title?: string;
     style: React.CSSProperties;
 }
@@ -33,7 +33,7 @@ export default class DeviceList extends Communication<DeviceListProps, DeviceLis
     private lastPropsFilter;
     private lastInstance;
     private filterTimeout;
-    private language;
+    private readonly language;
     constructor(props: DeviceListProps);
     componentDidMount(): Promise<void>;
     componentWillUnmount(): void;

package/DeviceList.js

@@ -67,7 +67,7 @@ class DeviceList extends Communication_1.default {
             });
         }
         // @ts-ignore
-        Object.assing(this.state, {
+        Object.assign(this.state, {
             devices: [],
             filteredDevices: [],
             filter: '',
@@ -81,7 +81,7 @@ class DeviceList extends Communication_1.default {
         this.language = adapter_react_v5_1.I18n.getLanguage();
     }
     async componentDidMount() {
-        if (!this.props.empbedded) {
+        if (!this.props.embedded) {
             try {
                 // check if instance is alive
                 const alive = await this.props.socket.getState(`system.adapter.${this.props.selectedInstance}.alive`);
@@ -106,7 +106,7 @@ class DeviceList extends Communication_1.default {
         }
     }
     componentWillUnmount() {
-        if (!this.props.empbedded) {
+        if (!this.props.embedded) {
             this.props.socket.unsubscribeState(`system.adapter.${this.props.selectedInstance}.alive`, this.aliveHandler);
         }
     }
@@ -129,7 +129,7 @@ class DeviceList extends Communication_1.default {
         return text;
     }
     applyFilter() {
-        const filter = this.props.empbedded ? this.props.filter : this.state.filter;
+        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()));
@@ -154,16 +154,16 @@ class DeviceList extends Communication_1.default {
         const emptyStyle = {
             padding: 25,
         };
-        if (this.props.empbedded && this.lastPropsFilter !== this.props.filter) {
+        if (this.props.embedded && this.lastPropsFilter !== this.props.filter) {
             this.lastPropsFilter = this.props.filter;
             setTimeout(() => this.applyFilter(), 50);
         }
-        if (this.props.empbedded && this.lastInstance !== this.props.selectedInstance) {
+        if (this.props.embedded && this.lastInstance !== this.props.selectedInstance) {
             this.lastInstance = this.props.selectedInstance;
             setTimeout(() => this.loadData().catch(console.error), 50);
         }
         let list;
-        if (!this.props.empbedded && !this.state.alive) {
+        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')));
         }
@@ -178,7 +178,7 @@ class DeviceList extends Communication_1.default {
         else {
             list = this.state.filteredDevices.map(device => react_1.default.createElement(DeviceCard_1.default, { 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.empbedded) {
+        if (this.props.embedded) {
             return list;
         }
         return react_1.default.createElement("div", { style: { width: '100%', height: '100%', overflow: 'hidden' } },

package/README.md

@@ -20,7 +20,7 @@ render() {
 -->
 
 ## Changelog
-### 0.0.2 (2023-12-12)
+### 0.0.3 (2023-12-12)
 * (bluefox) initial commit
 
 ## License

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/dm-gui-components",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "ReactJS components to develop admin interface for ioBroker device manager.",
   "author": {
     "name": "Jey Cee",