@iobroker/adapter-react-v5 6.1.9 → 6.1.10

package/Components/FileBrowser.js

@@ -180,10 +180,10 @@ const styles = {
         fontSize: '1rem',
         verticalAlign: 'top',
         flexGrow: 1,
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
         '@media screen and (max-width: 500px)': {
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
             textAlign: 'end',
             direction: 'rtl',
         },
@@ -381,7 +381,9 @@ const styles = {
 const USER_DATA = '0_userdata.0';
 function getParentDir(dir) {
     const parts = (dir || '').split('/');
-    parts.length && parts.pop();
+    if (parts.length) {
+        parts.pop();
+    }
     return parts.join('/');
 }
 function isFile(path) {
@@ -473,7 +475,7 @@ class FileBrowserClass extends react_1.Component {
                 });
             }
         }
-        catch (e) {
+        catch (_a) {
             expanded = [];
         }
         let viewType;
@@ -589,7 +591,7 @@ class FileBrowserClass extends react_1.Component {
     scrollToSelected() {
         if (this.mounted) {
             const el = document.getElementById(this.state.selected);
-            el && el.scrollIntoView();
+            el === null || el === void 0 ? void 0 : el.scrollIntoView();
         }
     }
     async componentDidMount() {
@@ -597,7 +599,9 @@ class FileBrowserClass extends react_1.Component {
         this.loadFolders()
             .catch(error => console.error(`Cannot load folders: ${error}`));
         this.supportSubscribes = await this.props.socket.checkFeatureSupported('BINARY_STATE_EVENT');
-        this.supportSubscribes && (await this.props.socket.subscribeFiles('*', '*', this.onFileChange));
+        if (this.supportSubscribes) {
+            await this.props.socket.subscribeFiles('*', '*', this.onFileChange);
+        }
     }
     componentWillUnmount() {
         this.supportSubscribes && this.props.socket.unsubscribeFiles('*', '*', this.onFileChange);
@@ -652,7 +656,9 @@ class FileBrowserClass extends react_1.Component {
                     adapter,
                     relPath,
                 });
-                !this.browseListRunning && this.processBrowseList();
+                if (!this.browseListRunning) {
+                    this.processBrowseList();
+                }
             }
         });
     }
@@ -971,13 +977,12 @@ class FileBrowserClass extends react_1.Component {
         return react_1.default.createElement(material_1.Box, { component: "div", key: item.id, id: item.id, style: this.state.viewType === TABLE ? { marginLeft: padding, width: `calc(100% - ${padding}px` } : {}, onClick: e => (this.state.viewType === TABLE ? this.select(item.id, e) : this.changeFolder(e, item.id)), onDoubleClick: e => this.state.viewType === TABLE && this.toggleFolder(item, e), title: this.getText(item.title), className: "browserItem", sx: Utils_1.default.getStyle(this.props.theme, styles[`item${this.state.viewType}`], styles[`itemFolder${this.state.viewType}`], this.state.selected === item.id ? styles.itemSelected : {}, item.temp ? styles.itemFolderTemp : {}) },
             react_1.default.createElement(IconEl, { style: Utils_1.default.getStyle(this.props.theme, styles[`itemFolderIcon${this.state.viewType}`], isSpecialData && styles.specialFolder), onClick: this.state.viewType === TABLE ? (e) => this.toggleFolder(item, e) : undefined }),
             react_1.default.createElement(material_1.Box, { component: "div", sx: Utils_1.default.getStyle(this.props.theme, styles[`itemName${this.state.viewType}`], styles[`itemNameFolder${this.state.viewType}`]) }, isUserData ? this.props.t('ra_User files') : item.name),
-            react_1.default.createElement(material_1.Hidden, { smDown: true },
-                react_1.default.createElement("div", { style: styles[`itemSize${this.state.viewType}`] }, this.state.viewType === TABLE && this.state.folders[item.id]
-                    ? this.state.folders[item.id].length
-                    : '')),
-            react_1.default.createElement(material_1.Hidden, { smDown: true }, this.state.viewType === TABLE && this.props.expertMode ? this.formatAcl(item.acl) : null),
-            react_1.default.createElement(material_1.Hidden, { smDown: true }, this.state.viewType === TABLE && this.props.expertMode ?
-                react_1.default.createElement(material_1.Box, { component: "div", sx: styles[`itemDeleteButton${this.state.viewType}`] }) : null),
+            react_1.default.createElement(material_1.Box, { component: "div", style: styles[`itemSize${this.state.viewType}`], sx: { display: { md: 'inline-block', sm: 'none' } } }, this.state.viewType === TABLE && this.state.folders[item.id]
+                ? this.state.folders[item.id].length
+                : ''),
+            react_1.default.createElement(material_1.Box, { component: "div", sx: { display: { md: 'inline-block', sm: 'none' } } }, this.state.viewType === TABLE && this.props.expertMode ? this.formatAcl(item.acl) : null),
+            this.state.viewType === TABLE && this.props.expertMode ?
+                react_1.default.createElement(material_1.Box, { component: "div", sx: Object.assign(Object.assign({}, styles.itemDeleteButtonTable), { display: { md: 'inline-block', sm: 'none' } }) }) : null,
             this.state.viewType === TABLE && this.props.allowDownload ?
                 react_1.default.createElement("div", { style: styles[`itemDownloadEmpty${this.state.viewType}`] }) : null,
             this.state.viewType === TABLE &&
@@ -1083,9 +1088,9 @@ class FileBrowserClass extends react_1.Component {
                 :
                     this.getFileIcon(ext),
             react_1.default.createElement(material_1.Box, { component: "div", sx: styles[`itemName${this.state.viewType}`] }, item.name),
-            react_1.default.createElement(material_1.Hidden, { smDown: true }, this.formatSize(item.size)),
-            react_1.default.createElement(material_1.Hidden, { smDown: true }, this.state.viewType === TABLE && this.props.expertMode ? this.formatAcl(item.acl) : null),
-            react_1.default.createElement(material_1.Hidden, { smDown: true }, this.state.viewType === TABLE && this.props.expertMode && FileBrowserClass.getEditFile(ext) ?
+            react_1.default.createElement(material_1.Box, { component: "div", sx: { display: { md: 'inline-block', sm: 'none' } } }, this.formatSize(item.size)),
+            react_1.default.createElement(material_1.Box, { component: "div", sx: { display: { md: 'inline-block', sm: 'none' } } }, this.state.viewType === TABLE && this.props.expertMode ? this.formatAcl(item.acl) : null),
+            react_1.default.createElement(material_1.Box, { component: "div", sx: { display: { md: 'inline-block', sm: 'none' } } }, this.state.viewType === TABLE && this.props.expertMode && FileBrowserClass.getEditFile(ext) ?
                 react_1.default.createElement(material_1.IconButton, { "aria-label": "edit", onClick: e => {
                         e.stopPropagation();
                         if (!this.props.onSelect) {
@@ -1098,7 +1103,7 @@ class FileBrowserClass extends react_1.Component {
                                     FileViewer_1.EXTENSIONS[this.state.filterByType].includes(item.ext)))) {
                             this.props.onSelect(item.id, true, !!this.state.folders[item.id]);
                         }
-                    }, sx: styles[`itemDeleteButton${this.state.viewType}`], size: "large" },
+                    }, sx: styles.itemDeleteButtonTable, size: "large" },
                     react_1.default.createElement(icons_material_1.Edit, { fontSize: "small" }))
                 :
                     react_1.default.createElement(material_1.Box, { component: "div", sx: styles[`itemDeleteButton${this.state.viewType}`] })),

package/Components/FileViewer.js

@@ -89,7 +89,9 @@ class FileViewer extends react_1.Component {
         this.timeout = null;
         this.onFileChanged = (id, fileName, size) => {
             if (!this.state.changed) {
-                this.timeout && clearTimeout(this.timeout);
+                if (this.timeout) {
+                    clearTimeout(this.timeout);
+                }
                 this.timeout = setTimeout(() => {
                     this.timeout = null;
                     if (size === null) {
@@ -153,7 +155,7 @@ class FileViewer extends react_1.Component {
                         try {
                             fileData = atob(bufferToBase64(data.data, true));
                         }
-                        catch (e) {
+                        catch (_a) {
                             console.error('Cannot convert base64 to string');
                             fileData = '';
                         }
@@ -187,15 +189,22 @@ class FileViewer extends react_1.Component {
         parts.splice(0, 2);
         const adapter = parts[0];
         const name = parts.splice(1).join('/');
-        this.props.supportSubscribes && this.props.socket.subscribeFiles(adapter, name, this.onFileChanged);
+        if (this.props.supportSubscribes) {
+            this.props.socket.subscribeFiles(adapter, name, this.onFileChanged);
+        }
     }
     componentWillUnmount() {
-        this.timeout && clearTimeout(this.timeout);
+        if (this.timeout) {
+            clearTimeout(this.timeout);
+            this.timeout = null;
+        }
         const parts = this.props.href.split('/');
         parts.splice(0, 2);
         const adapter = parts[0];
         const name = parts.splice(1).join('/');
-        this.props.supportSubscribes && this.props.socket.subscribeFiles(adapter, name, this.onFileChanged);
+        if (this.props.supportSubscribes) {
+            this.props.socket.subscribeFiles(adapter, name, this.onFileChanged);
+        }
     }
     static getEditFile(ext) {
         switch (ext) {

package/Components/ObjectBrowser.d.ts

@@ -57,6 +57,8 @@ export interface TreeItemData {
     title?: string;
     /** if the item has "write" button (value=true, ack=false) */
     button?: boolean;
+    /** If the item has read and write and is boolean */
+    switch?: boolean;
     /** if the item has custom settings in `common.custom` */
     hasCustoms?: boolean;
     /** If this item is visible */