@iobroker/adapter-react-v5 6.0.14 → 6.0.16

package/Components/FileViewer.js

@@ -224,6 +224,27 @@ class FileViewer extends react_1.Component {
                     this.setState({ imgError: true });
                 }, style: Object.assign(Object.assign({}, styles.img), this.props.getStyleBackgroundImage()), src: `${this.props.href}?ts=${this.state.forceUpdate}`, alt: this.props.href });
         }
+        if (this.state.ext && exports.EXTENSIONS.audio.includes(this.state.ext)) {
+            return react_1.default.createElement("div", { style: {
+                    width: '100%',
+                    height: '100%',
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                } },
+                react_1.default.createElement("audio", { style: { width: '100%' }, src: this.props.href, controls: true }));
+        }
+        if (this.state.ext && exports.EXTENSIONS.video.includes(this.state.ext)) {
+            return (react_1.default.createElement("div", { style: {
+                    width: '100%',
+                    height: '100%',
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                } },
+                react_1.default.createElement("video", { style: { width: '100%', height: '100%' }, controls: true },
+                    react_1.default.createElement("source", { src: this.props.href, type: `video/${this.state.ext}}` }))));
+        }
         if (this.state.code !== null || this.state.text !== null || this.state.editing) {
             // File viewer in adapter-react does not support write
             // return <Editor

package/Components/ObjectBrowser.js

@@ -1781,7 +1781,6 @@ class ObjectBrowserClass extends react_1.Component {
         this.localStorage = window._localStorage || window.localStorage;
         this.lastAppliedFilter = null;
         this.pausedSubscribes = false;
-        this.selectedFound = false;
         this.root = null;
         this.states = {};
         this.subscribes = [];
@@ -2257,6 +2256,7 @@ class ObjectBrowserClass extends react_1.Component {
             selected = props.selected;
         }
         selected = selected.map(id => id.replace(/["']/g, '')).filter(id => id);
+        this.selectedFound = !selected.length && !this.lastSelectedItems.length;
         const columnsStr = this.localStorage.getItem(`${props.dialogName || 'App'}.columns`);
         let columns;
         try {
@@ -2587,8 +2587,9 @@ class ObjectBrowserClass extends react_1.Component {
      * @param isDouble is double click
      */
     onAfterSelect(isDouble) {
+        var _b;
         this.lastSelectedItems = [...this.state.selected];
-        if (this.state.selected && this.state.selected.length) {
+        if ((_b = this.state.selected) === null || _b === void 0 ? void 0 : _b.length) {
             this.localStorage.setItem(`${this.props.dialogName || 'App'}.objectSelected`, JSON.stringify(this.lastSelectedItems));
             if (this.lastSelectedItems.length === 1 && this.objects[this.lastSelectedItems[0]]) {
                 const name = this.lastSelectedItems.length === 1
@@ -2598,7 +2599,8 @@ class ObjectBrowserClass extends react_1.Component {
             }
         }
         else {
-            this.localStorage.setItem(`${this.props.dialogName || 'App'}.objectSelected`, '');
+            this.localStorage.removeItem(`${this.props.dialogName || 'App'}.objectSelected`);
+            this.selectedFound = true;
             if (this.state.selected.length) {
                 this.setState({ selected: [] }, () => this.props.onSelect && this.props.onSelect([], ''));
             }
@@ -4458,7 +4460,7 @@ class ObjectBrowserClass extends react_1.Component {
                 icons),
             react_1.default.createElement("div", { style: Object.assign(Object.assign({}, styles.grow), (invertBackground ? this.styles.invertedBackgroundFlex : {})) }),
             react_1.default.createElement(material_1.Grid, { item: true, container: true, alignItems: "center" }, iconItem),
-            this.props.width !== 'xs' || narrowStyleWithDetails ? react_1.default.createElement("div", null,
+            this.props.width !== 'xs' ? react_1.default.createElement("div", null,
                 react_1.default.createElement(IconCopy_1.default, { className: narrowStyleWithDetails ? '' : 'copyButton', style: styles.cellCopyButton, onClick: e => this.onCopy(e, id) })) : null);
         let colName = (narrowStyleWithDetails && name) || this.columnsVisibility.name ? react_1.default.createElement(material_1.Box, { component: "div", sx: Object.assign(Object.assign(Object.assign({}, styles.cellName), (useDesc ? styles.cellNameWithDesc : undefined)), { width: this.props.width !== 'xs' ? this.columnsVisibility.name : undefined, ml: narrowStyleWithDetails ? 0 : '5px' }) },
             name,
@@ -4615,6 +4617,9 @@ class ObjectBrowserClass extends react_1.Component {
                     padding: 10,
                     backgroundColor: this.props.theme.palette.mode === 'dark' ? '#333' : '#ccc',
                 } },
+                react_1.default.createElement("div", { style: styles.cellDetailsLine },
+                    react_1.default.createElement("div", { style: { flexGrow: 1 } }),
+                    react_1.default.createElement(IconCopy_1.default, { style: styles.cellCopyButtonInDetails, onClick: e => this.onCopy(e, id) })),
                 colName && react_1.default.createElement("div", { style: styles.cellDetailsLine },
                     react_1.default.createElement("span", { style: styles.cellDetailsName },
                         this.texts.name,
@@ -5035,15 +5040,18 @@ class ObjectBrowserClass extends react_1.Component {
      * Called when component is updated.
      */
     componentDidUpdate() {
-        var _b, _c, _d, _e;
+        var _b, _c, _d, _e, _f, _g;
+        if (!this.selectedFound && !((_b = this.state.selected) === null || _b === void 0 ? void 0 : _b.length) && !((_c = this.lastSelectedItems) === null || _c === void 0 ? void 0 : _c.length)) {
+            this.selectedFound = true;
+        }
         if (this.tableRef.current) {
             const scrollBarWidth = this.tableRef.current.offsetWidth - this.tableRef.current.clientWidth;
             if (this.state.scrollBarWidth !== scrollBarWidth) {
                 setTimeout(() => this.setState({ scrollBarWidth }), 100);
             }
             else if (!this.selectedFound &&
-                (((_b = this.state.selected) === null || _b === void 0 ? void 0 : _b[0]) || ((_c = this.lastSelectedItems) === null || _c === void 0 ? void 0 : _c[0]))) {
-                this.scrollToItem(((_d = this.state.selected) === null || _d === void 0 ? void 0 : _d[0]) || ((_e = this.lastSelectedItems) === null || _e === void 0 ? void 0 : _e[0]));
+                (((_d = this.state.selected) === null || _d === void 0 ? void 0 : _d[0]) || ((_e = this.lastSelectedItems) === null || _e === void 0 ? void 0 : _e[0]))) {
+                this.scrollToItem(((_f = this.state.selected) === null || _f === void 0 ? void 0 : _f[0]) || ((_g = this.lastSelectedItems) === null || _g === void 0 ? void 0 : _g[0]));
             }
         }
     }

package/README.md

@@ -781,6 +781,10 @@ The best practice is to replace `padding` with `p` and `margin` with `m`, so you
 -->
 
 ## Changelog
+### 6.0.16 (2024-07-14)
+* (bluefox) Allowed playing mp3 files in the file browser
+* (bluefox) Corrected jump by object selection
+
 ### 6.0.14 (2024-07-07)
 * (bluefox) Corrected theme type selection
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/adapter-react-v5",
-  "version": "6.0.14",
+  "version": "6.0.16",
   "description": "React classes to develop admin interfaces for ioBroker with react.",
   "author": {
     "name": "Denis Haev (bluefox)",
@@ -30,13 +30,13 @@
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@iobroker/socket-client": "^2.4.18",
-    "@iobroker/types": "^6.0.7-alpha.0-20240702-5c723a4ac",
-    "@iobroker/js-controller-common": "^6.0.6",
-    "@iobroker/js-controller-common-db": "^6.0.6",
-    "@mui/icons-material": "^5.16.0",
-    "@mui/material": "^5.16.0",
-    "@mui/x-date-pickers": "^7.9.0",
-    "@sentry/browser": "^8.15.0",
+    "@iobroker/types": "^6.0.8",
+    "@iobroker/js-controller-common": "^6.0.8",
+    "@iobroker/js-controller-common-db": "^6.0.8",
+    "@mui/icons-material": "^5.16.1",
+    "@mui/material": "^5.16.1",
+    "@mui/x-date-pickers": "^7.10.0",
+    "@sentry/browser": "^8.17.0",
     "react-color": "^2.19.3",
     "react-colorful": "^5.6.1",
     "react-cropper": "^2.3.3",