@iobroker/adapter-react-v5 7.0.1 → 7.0.2

package/Components/404.js

@@ -28,17 +28,17 @@ const styles = {
         fontFamily: "'Inconsolata', Helvetica, sans-serif",
         fontSize: '1.5rem',
         color: 'rgba(128, 175, 255, 0.8)',
-        textShadow: `0 0 1ex rgba(51, 70, 255, 1),
+        textShadow: `0 0 1ex rgba(51, 70, 255, 1),
         0 0 2px rgba(255, 255, 255, 0.8)`,
     },
     overlay: {
         pointerEvents: 'none',
         width: '100%',
         height: '100%',
-        background: `repeating-linear-gradient(
-                180deg,
-            rgba(0, 0, 0, 0) 0,
-            rgba(0, 0, 0, 0.3) 50%,
+        background: `repeating-linear-gradient(
+                180deg,
+            rgba(0, 0, 0, 0) 0,
+            rgba(0, 0, 0, 0.3) 50%,
             rgba(0, 0, 0, 0) 100%)`,
         backgroundSize: 'auto 4px',
         zIndex: 99,
@@ -53,12 +53,12 @@ const styles = {
             bottom: 0,
             width: '100%',
             height: '100%',
-            backgroundImage: `linear-gradient(
-                0deg,
-                transparent 0%,
-                rgba(32, 50, 128, 0.2) 2%,
-                rgba(32, 50, 128, 0.8) 3%,
-                rgba(32, 50, 128, 0.2) 3%,
+            backgroundImage: `linear-gradient(
+                0deg,
+                transparent 0%,
+                rgba(32, 50, 128, 0.2) 2%,
+                rgba(32, 50, 128, 0.8) 3%,
+                rgba(32, 50, 128, 0.2) 3%,
                 transparent 100%)`,
             backgroundRepeat: 'no-repeat',
             animation: 'scan 7.5s linear 0s infinite',
@@ -75,8 +75,8 @@ const styles = {
     },
     output: {
         color: 'rgba(128, 175, 255, 0.8)',
-        textShadow: `
-        0 0 1px rgba(51, 70, 255, 0.4),
+        textShadow: `
+        0 0 1px rgba(51, 70, 255, 0.4),
             0 0 2px rgba(255, 255, 255, 0.8)`,
         '&::before': {
             content: '"> "',

package/Components/FileBrowser.js

@@ -420,7 +420,9 @@ class FileBrowserClass extends react_1.Component {
             const folder = key.substring(0, pos);
             console.log(`File changed ${key}[${size}]`);
             if (this.state.folders[folder]) {
-                this._tempTimeout[folder] && clearTimeout(this._tempTimeout[folder]);
+                if (this._tempTimeout[folder]) {
+                    clearTimeout(this._tempTimeout[folder]);
+                }
                 this._tempTimeout[folder] = setTimeout(() => {
                     delete this._tempTimeout[folder];
                     this.browseFolder(folder, null, false, true)
@@ -604,7 +606,9 @@ class FileBrowserClass extends react_1.Component {
         }
     }
     componentWillUnmount() {
-        this.supportSubscribes && this.props.socket.unsubscribeFiles('*', '*', this.onFileChange);
+        if (this.supportSubscribes) {
+            this.props.socket.unsubscribeFiles('*', '*', this.onFileChange);
+        }
         this.mounted = false;
         this.browseList = null;
         this.browseListRunning = false;
@@ -687,7 +691,9 @@ class FileBrowserClass extends react_1.Component {
                         item.reject = null;
                         item.adapter = null;
                         item.relPath = null;
-                        resolve && resolve(files);
+                        if (resolve) {
+                            resolve(files);
+                        }
                         this.browseListRunning = false;
                         if (this.browseList.length) {
                             if (level < 5) {
@@ -716,7 +722,9 @@ class FileBrowserClass extends react_1.Component {
                         item.reject = null;
                         item.adapter = null;
                         item.relPath = null;
-                        reject && reject(e);
+                        if (reject) {
+                            reject(e);
+                        }
                         this.browseListRunning = false;
                         if (this.browseList.length) {
                             if (level < 5) {
@@ -804,7 +812,9 @@ class FileBrowserClass extends react_1.Component {
                 });
                 _folders.sort((a, b) => (a.id > b.id ? 1 : (a.id < b.id ? -1 : 0)));
                 if (!this.limitToObjectID || this.limitToObjectID === USER_DATA) {
-                    userData && _folders.unshift(userData);
+                    if (userData) {
+                        _folders.unshift(userData);
+                    }
                 }
                 newFoldersNotNull[folderId || '/'] = _folders;
                 if (!_checkEmpty) {
@@ -815,7 +825,9 @@ class FileBrowserClass extends react_1.Component {
                 }
             }
             catch (e) {
-                this.initialReadFinished && window.alert(`Cannot read meta items: ${e}`);
+                if (this.initialReadFinished) {
+                    window.alert(`Cannot read meta items: ${e}`);
+                }
                 newFoldersNotNull[folderId || '/'] = [];
             }
             return newFoldersNotNull;
@@ -876,7 +888,9 @@ class FileBrowserClass extends react_1.Component {
             }
         }
         catch (e) {
-            this.initialReadFinished && window.alert(`Cannot read ${adapter}${relPath ? `/${relPath}` : ''}: ${e}`);
+            if (this.initialReadFinished) {
+                window.alert(`Cannot read ${adapter}${relPath ? `/${relPath}` : ''}: ${e}`);
+            }
             newFoldersNotNull[folderId] = [];
         }
         return newFoldersNotNull;
@@ -907,7 +921,9 @@ class FileBrowserClass extends react_1.Component {
         }
     }
     changeFolder(e, folder) {
-        e && e.stopPropagation();
+        if (e) {
+            e.stopPropagation();
+        }
         this.lastSelect = Date.now();
         let _folder = folder || getParentDir(this.state.currentDir);
         if (_folder === '/') {
@@ -935,7 +951,9 @@ class FileBrowserClass extends react_1.Component {
         }, () => this.props.onSelect && this.props.onSelect(''));
     }
     select(id, e, cb) {
-        e && e.stopPropagation();
+        if (e) {
+            e.stopPropagation();
+        }
         this.lastSelect = Date.now();
         this.localStorage.setItem('files.selected', id);
         this.setState({ selected: id, path: id, pathFocus: false }, () => {
@@ -950,7 +968,9 @@ class FileBrowserClass extends react_1.Component {
                     this.props.onSelect('');
                 }
             }
-            cb && cb();
+            if (cb) {
+                cb();
+            }
         });
     }
     getText(text) {
@@ -1236,7 +1256,7 @@ class FileBrowserClass extends react_1.Component {
                         !this.state.selected.startsWith(`${this.limitToPath}/`) &&
                         this.limitToPath !== this.state.selected), title: this.props.t('ra_Upload file'), style: styles.menuButton, color: "inherit", "aria-label": "upload file", onClick: () => this.setState({ uploadFile: true }), size: "small" },
                 react_1.default.createElement(icons_material_1.Publish, { fontSize: "small" })) : null,
-            this.props.showTypeSelector && IconType ? react_1.default.createElement(material_1.Tooltip, { title: this.props.t('ra_Filter files'), componentsProps: { popper: { sx: styles.tooltip } } },
+            this.props.showTypeSelector && IconType ? react_1.default.createElement(material_1.Tooltip, { title: this.props.t('ra_Filter files'), slotProps: { popper: { sx: styles.tooltip } } },
                 react_1.default.createElement(material_1.IconButton, { size: "small", onClick: e => this.setState({ showTypesMenu: e.target }) },
                     react_1.default.createElement(IconType, { fontSize: "small" }))) : null,
             this.state.showTypesMenu ? react_1.default.createElement(material_1.Menu, { open: !0, anchorEl: this.state.showTypesMenu, onClose: () => this.setState({ showTypesMenu: null }) }, Object.keys(FILE_TYPE_ICONS).map(type => {
@@ -1255,10 +1275,10 @@ class FileBrowserClass extends react_1.Component {
                         react_1.default.createElement(MyIcon, { fontSize: "small" })),
                     react_1.default.createElement(material_1.ListItemText, null, this.props.t(`ra_fileType_${type}`)));
             })) : null,
-            react_1.default.createElement(material_1.Tooltip, { title: this.props.t('ra_Background image'), componentsProps: { popper: { sx: styles.tooltip } } },
+            react_1.default.createElement(material_1.Tooltip, { title: this.props.t('ra_Background image'), slotProps: { popper: { sx: styles.tooltip } } },
                 react_1.default.createElement(material_1.IconButton, { color: "inherit", edge: "start", style: styles.menuButton, onClick: this.setStateBackgroundImage, size: "small" },
                     react_1.default.createElement(icons_material_1.Brightness6, { fontSize: "small" }))),
-            this.state.viewType !== TABLE && this.props.allowDelete ? react_1.default.createElement(material_1.Tooltip, { title: this.props.t('ra_Delete'), componentsProps: { popper: { sx: styles.tooltip } } },
+            this.state.viewType !== TABLE && this.props.allowDelete ? react_1.default.createElement(material_1.Tooltip, { title: this.props.t('ra_Delete'), slotProps: { popper: { sx: styles.tooltip } } },
                 react_1.default.createElement("span", null,
                     react_1.default.createElement(material_1.IconButton, { "aria-label": "delete", disabled: !this.state.selected ||
                             this.state.selected === 'vis.0/' ||
@@ -1327,7 +1347,9 @@ class FileBrowserClass extends react_1.Component {
         return null;
     }
     componentDidUpdate( /* prevProps , prevState, snapshot */) {
-        this.setOpacityTimer && clearTimeout(this.setOpacityTimer);
+        if (this.setOpacityTimer) {
+            clearTimeout(this.setOpacityTimer);
+        }
         this.setOpacityTimer = setTimeout(() => {
             this.setOpacityTimer = null;
             const items = window.document.getElementsByClassName('browserItem');
@@ -1545,7 +1567,9 @@ class FileBrowserClass extends react_1.Component {
             }
         });
         if (changed) {
-            this.cacheFoldersTimeout && clearTimeout(this.cacheFoldersTimeout);
+            if (this.cacheFoldersTimeout) {
+                clearTimeout(this.cacheFoldersTimeout);
+            }
             this.cacheFoldersTimeout = setTimeout(() => {
                 this.cacheFoldersTimeout = null;
                 const folders = this.cacheFolders || {};
@@ -1588,7 +1612,9 @@ class FileBrowserClass extends react_1.Component {
             : `/${this.state.currentDir}`.split('/');
         const p = [];
         return react_1.default.createElement(material_1.Breadcrumbs, { style: { paddingLeft: 8 } }, parts.map((part, i) => {
-            part && p.push(part);
+            if (part) {
+                p.push(part);
+            }
             const path = p.join('/');
             if (i < parts.length - 1) {
                 return react_1.default.createElement(material_1.Box, { component: "div", key: `${this.state.selected}_${i}`, sx: styles.pathDivBreadcrumbDir, onClick: e => this.changeFolder(e, path || '/') }, part || this.props.t('ra_Root'));

package/Components/Loader.js

@@ -30,229 +30,229 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *
  * */
 const react_1 = __importStar(require("react"));
-const loaderStyles = `
-/**
- * Copyright 2018-2024 Denis Haev (bluefox) <dogafox@gmail.com>
- *
- * MIT License
- *
- **/
-
-.logo-background-light, .logo-background-colored {
-    background: white;
-}
-.logo-background-dark, .logo-background-blue {
-    background: black;
-}
-.logo-div {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    -ms-transform: translateX(-50%) translateY(-50%);
-    -webkit-transform: translate(-50%,-50%);
-    transform: translate(-50%,-50%);
-    overflow: hidden;
-    border-radius: 50%;
-    z-index: 2;
-}
-.logo-border {
-    /*border-color: #164477;*/
-    border-top-color: #3399CC;
-    border-left-color: #164477;
-    border-bottom-color: #164477;
-    border-right-color: #164477;
-    border-radius: 50%;
-    border-style: solid;
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-}
-.logo-top {
-    position: absolute;
-    width: 4.5%;
-    height: 16%;
-    top: 0;
-    z-index: 2;
-}
-.logo-i {
-    position: absolute;
-    width: 14.5%;
-    height: 60%;
-    top: 20%;
-    left: 42%;
-    background: #3399CC;
-}
-.logo-i-top {
-    position: absolute;
-    width: 14.5%;
-    height: 4%;
-    left: 42%;
-    background: #3399CC;
-    border-radius: 100%;
-}
-.logo-back {
-    width: 100%;
-    height: 100%;
-    z-index: 0;
-    overflow: hidden;
-}
-@keyframes logo-grow {
-    0% {
-        width: 230px;
-        height: 230px;
-        transform: translate(-50%,-50%) scale(1);
-        opacity: 1
-    }
-    99% {
-        width: 230px;
-        height: 230px;
-        transform: translate(-50%,-50%) scale(10);
-        opacity: 0;
-    }
-    100% {
-        width: 0;
-        height: 0;
-        opacity: 0;
-    }
-}
-@keyframes logo-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
-@keyframes logo-color-inside-light {
-    0% {
-        background: #FEFEFE;
-    }
-    100% {
-        background: #3399CC;
-    }
-}
-@keyframes logo-color-inside-dark {
-    0% {
-        background: #030303;
-    }
-    100% {
-        background: #3399CC;
-    }
-}
-@keyframes logo-color-inside-colored {
-    0% {
-        background: #FEFEFE;
-    }
-    100% {
-        background: #3399CC;
-    }
-}
-@keyframes logo-color-inside-blue {
-    0% {
-        background: #030303;
-    }
-    100% {
-        background: #3399CC;
-    }
-}
-
-@keyframes logo-color-outside-light {
-    0% {
-        border-color: #FEFEFE;
-    }
-    100% {
-        border-top-color: #3399CC;
-        border-left-color: #164477;
-        border-bottom-color: #164477;
-        border-right-color: #164477;
-    }
-}
-@keyframes logo-color-outside-dark  {
-    0% {
-        border-color: #040404;
-    }
-    100% {
-        border-top-color: #3399CC;
-        border-left-color: #164477;
-        border-bottom-color: #164477;
-        border-right-color: #164477;
-    }
-}
-@keyframes logo-color-outside-colored {
-    0% {
-        border-color: #FEFEFE;
-    }
-    100% {
-        border-top-color: #3399CC;
-        border-left-color: #164477;
-        border-bottom-color: #164477;
-        border-right-color: #164477;
-    }
-}
-@keyframes logo-color-outside-blue  {
-    0% {
-        border-color: #040404;
-    }
-    100% {
-        border-top-color: #3399CC;
-        border-left-color: #164477;
-        border-bottom-color: #164477;
-        border-right-color: #164477;
-    }
-}
-
-.logo-animate-wait {
-    animation: logo-color-outside 1.5s, logo-spin 1.5s linear infinite;
-}
-
-.logo-animate-grow-light {
-    background: #DDD;
-}
-.logo-animate-grow-dark {
-    background: #1d1d1d;
-}
-.logo-animate-grow-colored {
-    background: #DDD;
-}
-.logo-animate-grow-blue {
-    background: #1d1d1d;
-}
-
-.logo-animate-grow {
-    display: inline-block;
-    text-align: center;
-    z-index: 1;
-    top: 50%;
-    left: 50%;
-    -ms-transform: translateX(-50%) translateY(-50%);
-    -webkit-transform: translate(-50%,-50%);
-    transform: translate(-50%,-50%);
-    width: 245px;
-    height: 245px;
-    border-radius: 50%;
-    position: absolute;
-    animation: logo-grow 1s 1 ease forwards;
-}
-
-.logo-animate-color-inside-light {
-    animation: logo-color-inside-light 2.5s;
-}
-.logo-animate-color-inside-dark {
-    animation: logo-color-inside-dark 2.5s;
-}
-.logo-animate-color-inside-colored {
-    animation: logo-color-inside-colored 2.5s;
-}
-.logo-animate-color-inside-blue {
-    animation: logo-color-inside-blue 2.5s;
-}
-
-.logo-animate-color-outside-light {
-    animation: logo-color-outside-light 1.5s;
-}
-.logo-animate-color-outside-dark {
-    animation: logo-color-outside-dark 1.5s;
-}
-.logo-animate-color-outside-colored {
-    animation: logo-color-outside-colored 1.5s;
-}
-.logo-animate-color-outside-blue {
-    animation: logo-color-outside-blue 1.5s;
-}
+const loaderStyles = `
+/**
+ * Copyright 2018-2024 Denis Haev (bluefox) <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ **/
+
+.logo-background-light, .logo-background-colored {
+    background: white;
+}
+.logo-background-dark, .logo-background-blue {
+    background: black;
+}
+.logo-div {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -ms-transform: translateX(-50%) translateY(-50%);
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+    overflow: hidden;
+    border-radius: 50%;
+    z-index: 2;
+}
+.logo-border {
+    /*border-color: #164477;*/
+    border-top-color: #3399CC;
+    border-left-color: #164477;
+    border-bottom-color: #164477;
+    border-right-color: #164477;
+    border-radius: 50%;
+    border-style: solid;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+}
+.logo-top {
+    position: absolute;
+    width: 4.5%;
+    height: 16%;
+    top: 0;
+    z-index: 2;
+}
+.logo-i {
+    position: absolute;
+    width: 14.5%;
+    height: 60%;
+    top: 20%;
+    left: 42%;
+    background: #3399CC;
+}
+.logo-i-top {
+    position: absolute;
+    width: 14.5%;
+    height: 4%;
+    left: 42%;
+    background: #3399CC;
+    border-radius: 100%;
+}
+.logo-back {
+    width: 100%;
+    height: 100%;
+    z-index: 0;
+    overflow: hidden;
+}
+@keyframes logo-grow {
+    0% {
+        width: 230px;
+        height: 230px;
+        transform: translate(-50%,-50%) scale(1);
+        opacity: 1
+    }
+    99% {
+        width: 230px;
+        height: 230px;
+        transform: translate(-50%,-50%) scale(10);
+        opacity: 0;
+    }
+    100% {
+        width: 0;
+        height: 0;
+        opacity: 0;
+    }
+}
+@keyframes logo-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
+@keyframes logo-color-inside-light {
+    0% {
+        background: #FEFEFE;
+    }
+    100% {
+        background: #3399CC;
+    }
+}
+@keyframes logo-color-inside-dark {
+    0% {
+        background: #030303;
+    }
+    100% {
+        background: #3399CC;
+    }
+}
+@keyframes logo-color-inside-colored {
+    0% {
+        background: #FEFEFE;
+    }
+    100% {
+        background: #3399CC;
+    }
+}
+@keyframes logo-color-inside-blue {
+    0% {
+        background: #030303;
+    }
+    100% {
+        background: #3399CC;
+    }
+}
+
+@keyframes logo-color-outside-light {
+    0% {
+        border-color: #FEFEFE;
+    }
+    100% {
+        border-top-color: #3399CC;
+        border-left-color: #164477;
+        border-bottom-color: #164477;
+        border-right-color: #164477;
+    }
+}
+@keyframes logo-color-outside-dark  {
+    0% {
+        border-color: #040404;
+    }
+    100% {
+        border-top-color: #3399CC;
+        border-left-color: #164477;
+        border-bottom-color: #164477;
+        border-right-color: #164477;
+    }
+}
+@keyframes logo-color-outside-colored {
+    0% {
+        border-color: #FEFEFE;
+    }
+    100% {
+        border-top-color: #3399CC;
+        border-left-color: #164477;
+        border-bottom-color: #164477;
+        border-right-color: #164477;
+    }
+}
+@keyframes logo-color-outside-blue  {
+    0% {
+        border-color: #040404;
+    }
+    100% {
+        border-top-color: #3399CC;
+        border-left-color: #164477;
+        border-bottom-color: #164477;
+        border-right-color: #164477;
+    }
+}
+
+.logo-animate-wait {
+    animation: logo-color-outside 1.5s, logo-spin 1.5s linear infinite;
+}
+
+.logo-animate-grow-light {
+    background: #DDD;
+}
+.logo-animate-grow-dark {
+    background: #1d1d1d;
+}
+.logo-animate-grow-colored {
+    background: #DDD;
+}
+.logo-animate-grow-blue {
+    background: #1d1d1d;
+}
+
+.logo-animate-grow {
+    display: inline-block;
+    text-align: center;
+    z-index: 1;
+    top: 50%;
+    left: 50%;
+    -ms-transform: translateX(-50%) translateY(-50%);
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+    width: 245px;
+    height: 245px;
+    border-radius: 50%;
+    position: absolute;
+    animation: logo-grow 1s 1 ease forwards;
+}
+
+.logo-animate-color-inside-light {
+    animation: logo-color-inside-light 2.5s;
+}
+.logo-animate-color-inside-dark {
+    animation: logo-color-inside-dark 2.5s;
+}
+.logo-animate-color-inside-colored {
+    animation: logo-color-inside-colored 2.5s;
+}
+.logo-animate-color-inside-blue {
+    animation: logo-color-inside-blue 2.5s;
+}
+
+.logo-animate-color-outside-light {
+    animation: logo-color-outside-light 1.5s;
+}
+.logo-animate-color-outside-dark {
+    animation: logo-color-outside-dark 1.5s;
+}
+.logo-animate-color-outside-colored {
+    animation: logo-color-outside-colored 1.5s;
+}
+.logo-animate-color-outside-blue {
+    animation: logo-color-outside-blue 1.5s;
+}
 `;
 function Loader(props) {
     (0, react_1.useEffect)(() => {