@iobroker/adapter-react-v5 3.1.3 → 3.1.6

package/Components/FileBrowser.js

@@ -233,7 +233,7 @@ var styles = function styles(theme) {
       cursor: 'pointer',
       height: ROW_HEIGHT,
       display: 'inline-flex',
-      lineHeight: ROW_HEIGHT + 'px',
+      lineHeight: "".concat(ROW_HEIGHT, "px"),
       '&:hover': {
         background: theme.palette.secondary.light,
         color: _Utils["default"].invertColor(theme.palette.secondary.main, true)
@@ -367,7 +367,14 @@ var styles = function styles(theme) {
       top: 30,
       right: 30
     },
-    uploadCenterTextAndIcon: {},
+    uploadCenterTextAndIcon: {
+      position: 'absolute',
+      top: '50%',
+      left: '50%',
+      height: '30%',
+      width: '50%',
+      margin: '-15% 0 0 -25%'
+    },
     menuButtonExpertActive: {
       color: '#c00000'
     },
@@ -436,13 +443,17 @@ var USER_DATA = '0_userdata.0';
 function sortFolders(a, b) {
   if (a.folder && b.folder) {
     return a.name > b.name ? 1 : a.name < b.name ? -1 : 0;
-  } else if (a.folder) {
+  }
+
+  if (a.folder) {
     return -1;
-  } else if (b.folder) {
+  }
+
+  if (b.folder) {
     return 1;
-  } else {
-    return a.name > b.name ? 1 : a.name < b.name ? -1 : 0;
   }
+
+  return a.name > b.name ? 1 : a.name < b.name ? -1 : 0;
 }
 
 function getParentDir(dir) {
@@ -456,9 +467,9 @@ function isFile(path) {
 
   if (ext && ext.toLowerCase().match(/[a-z]+/) && ext.length < 5) {
     return true;
-  } else {
-    return false;
   }
+
+  return false;
 }
 
 var TABLE = 'Table';
@@ -506,20 +517,20 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         var backgroundImage = _ref.backgroundImage;
 
         if (array.indexOf(backgroundImage) !== -1 && array.length - 1 !== array.indexOf(backgroundImage)) {
-          window.localStorage.setItem('files.backgroundImage', array[array.indexOf(backgroundImage) + 1]);
+          (window._localStorage || window.localStorage).setItem('files.backgroundImage', array[array.indexOf(backgroundImage) + 1]);
           return {
             backgroundImage: array[array.indexOf(backgroundImage) + 1]
           };
-        } else {
-          window.localStorage.setItem('files.backgroundImage', array[0]);
-          return {
-            backgroundImage: array[0]
-          };
         }
+
+        (window._localStorage || window.localStorage).setItem('files.backgroundImage', array[0]);
+        return {
+          backgroundImage: array[0]
+        };
       });
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getClassBackgroundImage", function () {
-      //['light', 'dark', 'colored', 'delete']
+      // ['light', 'dark', 'colored', 'delete']
       switch (_this.state.backgroundImage) {
         case 'light':
           return _this.props.classes.backgroundImageLight;
@@ -537,10 +548,27 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           return null;
       }
     });
-    var expanded = window.localStorage.getItem('files.expanded') || '[]';
+    var expanded = (window._localStorage || window.localStorage).getItem('files.expanded') || '[]';
+
+    if (_this.props.limitPath) {
+      var parts = _this.props.limitPath.split('/');
+
+      _this.limitToObjectID = parts[0];
+      _this.limitToPath = !parts.length ? null : parts.length === 1 && parts[0] === '' ? null : parts.join('/');
+
+      if (_this.limitToPath && _this.limitToPath.endsWith('/')) {
+        _this.limitToPath.substring(0, _this.limitToPath.length - 1);
+      }
+    }
 
     try {
       expanded = JSON.parse(expanded);
+
+      if (_this.limitToPath) {
+        expanded = expanded.filter(function (id) {
+          return id.startsWith(_this.limitToPath + '/') || id === _this.limitToPath || _this.limitToPath.startsWith(id + '/');
+        });
+      }
     } catch (e) {
       expanded = [];
     }
@@ -548,12 +576,12 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     var viewType;
 
     if (_this.props.showViewTypeButton) {
-      viewType = window.localStorage.getItem('files.viewType') || TABLE;
+      viewType = (window._localStorage || window.localStorage).getItem('files.viewType') || TABLE;
     } else {
       viewType = TABLE;
     }
 
-    var selected = _this.props.selected || window.localStorage.getItem('files.selected') || USER_DATA;
+    var selected = _this.props.selected || (window._localStorage || window.localStorage).getItem('files.selected') || USER_DATA;
     var currentDir = '';
 
     if (isFile(selected)) {
@@ -562,12 +590,12 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       currentDir = selected;
     }
 
-    var _backgroundImage = window.localStorage.getItem('files.backgroundImage') || null;
+    var _backgroundImage = (window._localStorage || window.localStorage).getItem('files.backgroundImage') || null;
 
     _this.state = {
       viewType: viewType,
       folders: {},
-      filterEmpty: window.localStorage.getItem('files.empty') !== 'false',
+      filterEmpty: (window._localStorage || window.localStorage).getItem('files.empty') !== 'false',
       expanded: expanded,
       currentDir: currentDir,
       expertMode: _this.props.expertMode,
@@ -606,7 +634,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
 
       this.initialReadFinished = false;
       return this.browseFolder('/').then(function (folders) {
-        return _this2.state.viewType === TABLE ? _this2.browseFolders((0, _toConsumableArray2["default"])(_this2.state.expanded), folders) : _this2.state.currentDir && _this2.state.currentDir !== '/' ? _this2.browseFolder(_this2.state.currentDir, folders) : Promise.resolve(folders);
+        return _this2.state.viewType === TABLE ? _this2.browseFolders((0, _toConsumableArray2["default"])(_this2.state.expanded), folders) : _this2.state.currentDir && _this2.state.currentDir !== '/' && (!_this2.limitToObjectID || _this2.state.currentDir.startsWith(_this2.limitToObjectID)) ? _this2.browseFolder(_this2.state.currentDir, folders) : Promise.resolve(folders);
       }).then(function (folders) {
         return _this2.setState({
           folders: folders
@@ -692,18 +720,18 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       }
 
       if (!foldersList || !foldersList.length) {
-        _resolve(_newFolders);
-      } else {
-        this.browseFolder(foldersList.shift(), _newFolders).then(function () {
-          return setTimeout(function () {
-            return _this4.browseFolders(foldersList, _newFolders, _resolve);
-          }, 0);
-        })["catch"](function () {
-          return setTimeout(function () {
-            return _this4.browseFolders(foldersList, _newFolders, _resolve);
-          }, 0);
-        });
+        return _resolve(_newFolders);
       }
+
+      return this.browseFolder(foldersList.shift(), _newFolders).then(function () {
+        return setTimeout(function () {
+          return _this4.browseFolders(foldersList, _newFolders, _resolve);
+        }, 0);
+      })["catch"](function () {
+        return setTimeout(function () {
+          return _this4.browseFolders(foldersList, _newFolders, _resolve);
+        }, 0);
+      });
     }
   }, {
     key: "readDirSerial",
@@ -845,9 +873,9 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
               return reject(error);
             });
           });
-        } else {
-          return Promise.resolve(_newFolders);
         }
+
+        return Promise.resolve(_newFolders);
       }
 
       if (!folderId || folderId === '/') {
@@ -878,6 +906,10 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           }
 
           objs.forEach(function (obj) {
+            if (_this7.limitToObjectID && _this7.limitToObjectID !== obj._id) {
+              return;
+            }
+
             var item = {
               id: obj._id,
               name: obj._id,
@@ -904,7 +936,9 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             return a.id > b.id ? 1 : a.id < b.id ? -1 : 0;
           });
 
-          _folders.unshift(userData);
+          if (!_this7.limitToObjectID || _this7.limitToObjectID === USER_DATA) {
+            userData && _folders.unshift(userData);
+          }
 
           _newFolders[folderId || '/'] = _folders;
 
@@ -916,56 +950,64 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             })).then(function () {
               return _newFolders;
             });
-          } else {
-            return _newFolders;
           }
+
+          return _newFolders;
         })["catch"](function (e) {
-          return _this7.initialReadFinished && window.alert('Cannot read meta items: ' + e);
+          return _this7.initialReadFinished && window.alert("Cannot read meta items: ".concat(e));
         });
-      } else {
-        var parts = folderId.split('/');
-        var level = parts.length;
-        var adapter = parts.shift();
-        var relPath = parts.join('/'); // make all requests here serial
+      }
 
-        return this.readDirSerial(adapter, relPath).then(function (files) {
-          var _folders = [];
-          files.forEach(function (file) {
-            var item = {
-              id: "".concat(folderId, "/").concat(file.file),
-              ext: _Utils["default"].getFileExtension(file.file),
-              folder: file.isDir,
-              name: file.file,
-              size: file.stats && file.stats.size,
-              modified: file.modifiedAt,
-              acl: file.acl,
-              level: level
-            };
+      var parts = folderId.split('/');
+      var level = parts.length;
+      var adapter = parts.shift();
+      var relPath = parts.join('/'); // make all requests here serial
+
+      return this.readDirSerial(adapter, relPath).then(function (files) {
+        var _folders = [];
+        files.forEach(function (file) {
+          var item = {
+            id: "".concat(folderId, "/").concat(file.file),
+            ext: _Utils["default"].getFileExtension(file.file),
+            folder: file.isDir,
+            name: file.file,
+            size: file.stats && file.stats.size,
+            modified: file.modifiedAt,
+            acl: file.acl,
+            level: level
+          };
 
+          if (_this7.limitToPath) {
+            if (item.folder && (item.id.startsWith(_this7.limitToPath + '/') || item.id === _this7.limitToPath || _this7.limitToPath.startsWith(item.id + '/'))) {
+              _folders.push(item);
+            } else if (item.id.startsWith(_this7.limitToPath + '/')) {
+              _folders.push(item);
+            }
+          } else {
             _folders.push(item);
-          });
+          }
+        });
 
-          _folders.sort(sortFolders);
+        _folders.sort(sortFolders);
 
-          _newFolders[folderId] = _folders;
+        _newFolders[folderId] = _folders;
 
-          if (!_checkEmpty) {
-            return Promise.all(_folders.filter(function (item) {
-              return item.folder;
-            }).map(function (item) {
-              return _this7.browseFolder(item.id, _newFolders, true);
-            })).then(function () {
-              return _newFolders;
-            });
-          } else {
+        if (!_checkEmpty) {
+          return Promise.all(_folders.filter(function (item) {
+            return item.folder;
+          }).map(function (item) {
+            return _this7.browseFolder(item.id, _newFolders, true);
+          })).then(function () {
             return _newFolders;
-          }
-        })["catch"](function (e) {
-          _this7.initialReadFinished && window.alert("Cannot read ".concat(adapter).concat(relPath ? '/' + relPath : '', ": ").concat(e));
-          _newFolders[folderId] = [];
-          return _newFolders;
-        });
-      }
+          });
+        }
+
+        return _newFolders;
+      })["catch"](function (e) {
+        _this7.initialReadFinished && window.alert("Cannot read ".concat(adapter).concat(relPath ? "/".concat(relPath) : '', ": ").concat(e));
+        _newFolders[folderId] = [];
+        return _newFolders;
+      });
     }
   }, {
     key: "toggleFolder",
@@ -979,7 +1021,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       if (pos === -1) {
         expanded.push(item.id);
         expanded.sort();
-        window.localStorage.setItem('files.expanded', JSON.stringify(expanded));
+        (window._localStorage || window.localStorage).setItem('files.expanded', JSON.stringify(expanded));
 
         if (!item.temp) {
           return this.browseFolder(item.id).then(function (folders) {
@@ -997,7 +1039,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         }
       } else {
         expanded.splice(pos, 1);
-        window.localStorage.setItem('files.expanded', JSON.stringify(expanded));
+        (window._localStorage || window.localStorage).setItem('files.expanded', JSON.stringify(expanded));
         this.setState({
           expanded: expanded
         });
@@ -1016,7 +1058,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         folder = '';
       }
 
-      window.localStorage.setItem('files.currentDir', folder);
+      (window._localStorage || window.localStorage).setItem('files.currentDir', folder);
 
       if (folder && !this.state.folders[folder]) {
         return this.browseFolder(folder).then(function (folders) {
@@ -1030,16 +1072,16 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             return _this9.props.onSelect && _this9.props.onSelect('');
           });
         });
-      } else {
-        this.setState({
-          currentDir: folder,
-          selected: folder,
-          path: folder,
-          pathFocus: false
-        }, function () {
-          return _this9.props.onSelect && _this9.props.onSelect('');
-        });
       }
+
+      return this.setState({
+        currentDir: folder,
+        selected: folder,
+        path: folder,
+        pathFocus: false
+      }, function () {
+        return _this9.props.onSelect && _this9.props.onSelect('');
+      });
     }
   }, {
     key: "select",
@@ -1053,7 +1095,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
 
       e && e.stopPropagation();
       this.lastSelect = Date.now();
-      window.localStorage.setItem('files.selected', id);
+      (window._localStorage || window.localStorage).setItem('files.selected', id);
       this.setState({
         selected: id,
         path: id,
@@ -1063,7 +1105,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           var ext = _Utils["default"].getFileExtension(id);
 
           if ((!_this10.props.filterFiles || _this10.props.filterFiles.includes(ext)) && (!_this10.props.filterByType || _FileViewer.EXTENSIONS[_this10.props.filterByType].includes(ext))) {
-            _this10.props.onSelect(id);
+            _this10.props.onSelect(id, false, !!_this10.state.folders[id]);
           } else {
             _this10.props.onSelect('');
           }
@@ -1099,7 +1141,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           return _this11.state.viewType === TABLE && _this11.toggleFolder(item, e);
         },
         title: item.title && (0, _typeof2["default"])(item.title) === 'object' ? item.title[this.props.lang] || item.title.end || '' : item.title || null,
-        className: _Utils["default"].clsx('browserItem', this.props.classes['item' + this.state.viewType], this.props.classes['itemFolder' + this.state.viewType], this.state.selected === item.id && this.props.classes.itemSelected, item.temp && this.props.classes['itemFolderTemp'])
+        className: _Utils["default"].clsx('browserItem', this.props.classes["item".concat(this.state.viewType)], this.props.classes["itemFolder".concat(this.state.viewType)], this.state.selected === item.id && this.props.classes.itemSelected, item.temp && this.props.classes['itemFolderTemp'])
       }, /*#__PURE__*/_react["default"].createElement(Icon, {
         className: _Utils["default"].clsx(this.props.classes['itemFolderIcon' + this.state.viewType], isSpecialData && this.props.classes.specialFolder),
         onClick: this.state.viewType === TABLE ? function (e) {
@@ -1110,17 +1152,16 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       }, isUserData ? this.props.t('ra_User files') : item.name), /*#__PURE__*/_react["default"].createElement(_material.Hidden, {
         smDown: true
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: this.props.classes['itemSize' + this.state.viewType]
+        className: this.props.classes["itemSize".concat(this.state.viewType)]
       }, this.state.viewType === TABLE && this.state.folders[item.id] ? this.state.folders[item.id].length : '')), /*#__PURE__*/_react["default"].createElement(_material.Hidden, {
         smDown: true
       }, this.state.viewType === TABLE ? this.formatAcl(item.acl) : null), /*#__PURE__*/_react["default"].createElement(_material.Hidden, {
         smDown: true
       }, this.state.viewType === TABLE && this.props.expertMode ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: this.props.classes['itemDeleteButton' + this.state.viewType]
+        className: this.props.classes["itemDeleteButton".concat(this.state.viewType)]
       }) : null), this.state.viewType === TABLE && this.props.allowDownload ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: this.props.classes['itemDownloadButton' + this.state.viewType]
-      }) : null, this.state.viewType === TABLE && this.props.allowDelete && this.state.folders[item.id] && this.state.folders[item.id].length && (this.state.expertMode || item.id.startsWith(USER_DATA) || item.id.startsWith('vis.0/')) ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        size: "large",
+        className: this.props.classes["itemDownloadButton".concat(this.state.viewType)]
+      }) : null, this.state.viewType === TABLE && this.props.allowDelete && this.state.folders[item.id] && this.state.folders[item.id].length ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         "aria-label": "delete",
         onClick: function onClick(e) {
           e.stopPropagation();
@@ -1133,7 +1174,8 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             });
           }
         },
-        className: this.props.classes['itemDeleteButton' + this.state.viewType]
+        className: this.props.classes["itemDeleteButton".concat(this.state.viewType)],
+        size: "large"
       }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], {
         fontSize: "small"
       })) : this.state.viewType === TABLE && this.props.allowDelete ? /*#__PURE__*/_react["default"].createElement("div", {
@@ -1152,20 +1194,20 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           return _this12.changeFolder(e);
         },
         title: this.props.t('ra_Back to %s', getParentDir(this.state.currentDir)),
-        className: _Utils["default"].clsx('browserItem', this.props.classes['item' + this.state.viewType], this.props.classes['itemFolder' + this.state.viewType])
+        className: _Utils["default"].clsx('browserItem', this.props.classes["item".concat(this.state.viewType)], this.props.classes["itemFolder".concat(this.state.viewType)])
       }, /*#__PURE__*/_react["default"].createElement(_IconClosed["default"], {
-        className: this.props.classes['itemFolderIcon' + this.state.viewType]
+        className: this.props.classes["itemFolderIcon".concat(this.state.viewType)]
       }), /*#__PURE__*/_react["default"].createElement(_ArrowBack["default"], {
         className: this.props.classes.itemFolderIconBack
       }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: _Utils["default"].clsx(this.props.classes['itemName' + this.state.viewType], this.props.classes['itemNameFolder' + this.state.viewType])
+        className: _Utils["default"].clsx(this.props.classes["itemName".concat(this.state.viewType)], this.props.classes["itemNameFolder".concat(this.state.viewType)])
       }, ".."));
     }
   }, {
     key: "formatSize",
     value: function formatSize(size) {
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: this.props.classes['itemSize' + this.state.viewType]
+        className: this.props.classes["itemSize".concat(this.state.viewType)]
       }, size || size === 0 ? _Utils["default"].formatBytes(size) : '');
     }
   }, {
@@ -1197,24 +1239,24 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       switch (ext) {
         case 'json':
           return /*#__PURE__*/_react["default"].createElement(_Bookmark["default"], {
-            className: this.props.classes['itemIcon' + this.state.viewType]
+            className: this.props.classes["itemIcon".concat(this.state.viewType)]
           });
 
         case 'css':
           return /*#__PURE__*/_react["default"].createElement(_BookmarkBorder["default"], {
-            className: this.props.classes['itemIcon' + this.state.viewType]
+            className: this.props.classes["itemIcon".concat(this.state.viewType)]
           });
 
         case 'js':
         case 'ts':
           return /*#__PURE__*/_react["default"].createElement(_Code["default"], {
-            className: this.props.classes['itemIcon' + this.state.viewType]
+            className: this.props.classes["itemIcon".concat(this.state.viewType)]
           });
 
         case 'html':
         case 'md':
           return /*#__PURE__*/_react["default"].createElement(_Description["default"], {
-            className: this.props.classes['itemIcon' + this.state.viewType]
+            className: this.props.classes["itemIcon".concat(this.state.viewType)]
           });
 
         case 'mp3':
@@ -1224,29 +1266,15 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         case 'mp4':
         case 'flac':
           return /*#__PURE__*/_react["default"].createElement(_MusicNote["default"], {
-            className: this.props.classes['itemIcon' + this.state.viewType]
+            className: this.props.classes["itemIcon".concat(this.state.viewType)]
           });
 
         default:
           return /*#__PURE__*/_react["default"].createElement(_InsertDriveFile["default"], {
-            className: this.props.classes['itemIcon' + this.state.viewType]
+            className: this.props.classes["itemIcon".concat(this.state.viewType)]
           });
       }
     }
-  }, {
-    key: "getEditFile",
-    value: function getEditFile(ext) {
-      switch (ext) {
-        case 'json':
-        case 'js':
-        case 'html':
-        case 'txt':
-          return true;
-
-        default:
-          return false;
-      }
-    }
   }, {
     key: "renderFile",
     value: function renderFile(item) {
@@ -1265,7 +1293,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
               viewer: _this14.imagePrefix + item.id
             });
           } else if ((!_this14.props.filterFiles || _this14.props.filterFiles.includes(item.ext)) && (!_this14.props.filterByType || _FileViewer.EXTENSIONS[_this14.props.filterByType].includes(item.ext))) {
-            _this14.props.onSelect(item.id, true);
+            _this14.props.onSelect(item.id, true, !!_this14.state.folders[item.id]);
           }
         },
         onClick: function onClick(e) {
@@ -1275,7 +1303,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           marginLeft: padding,
           width: "calc(100% - ".concat(padding, "px)")
         } : {},
-        className: _Utils["default"].clsx('browserItem', this.props.classes['item' + this.state.viewType], this.props.classes['itemFile' + this.state.viewType], this.state.selected === item.id && this.props.classes.itemSelected)
+        className: _Utils["default"].clsx('browserItem', this.props.classes["item".concat(this.state.viewType)], this.props.classes["itemFile".concat(this.state.viewType)], this.state.selected === item.id && this.props.classes.itemSelected)
       }, _FileViewer.EXTENSIONS.images.includes(ext) ? this.state.fileErrors.includes(item.id) ? /*#__PURE__*/_react["default"].createElement(_IconNoIcon["default"], {
         className: _Utils["default"].clsx(this.props.classes['itemImage' + this.state.viewType], this.getClassBackgroundImage())
       }) : /*#__PURE__*/_react["default"].createElement("img", {
@@ -1295,15 +1323,15 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         src: this.imagePrefix + item.id,
         alt: item.name
       }) : this.getFileIcon(ext), /*#__PURE__*/_react["default"].createElement("div", {
-        className: this.props.classes['itemName' + this.state.viewType]
+        className: this.props.classes["itemName".concat(this.state.viewType)]
       }, item.name), /*#__PURE__*/_react["default"].createElement(_material.Hidden, {
         smDown: true
       }, this.formatSize(item.size)), /*#__PURE__*/_react["default"].createElement(_material.Hidden, {
         smDown: true
       }, this.state.viewType === TABLE ? this.formatAcl(item.acl) : null), /*#__PURE__*/_react["default"].createElement(_material.Hidden, {
         smDown: true
-      }, this.state.viewType === TABLE && this.props.expertMode && this.getEditFile(ext) ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        "aria-label": "delete",
+      }, this.state.viewType === TABLE && this.props.expertMode && FileBrowser.getEditFile(ext) ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+        "aria-label": "edit",
         onClick: function onClick(e) {
           e.stopPropagation();
 
@@ -1313,25 +1341,24 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
               formatEditFile: ext
             });
           } else if ((!_this14.props.filterFiles || _this14.props.filterFiles.includes(item.ext)) && (!_this14.props.filterByType || _FileViewer.EXTENSIONS[_this14.props.filterByType].includes(item.ext))) {
-            _this14.props.onSelect(item.id, true);
+            _this14.props.onSelect(item.id, true, !!_this14.state.folders[item.id]);
           }
         },
-        className: this.props.classes['itemDeleteButton' + this.state.viewType],
+        className: this.props.classes["itemDeleteButton".concat(this.state.viewType)],
         size: "large"
       }, /*#__PURE__*/_react["default"].createElement(_Edit["default"], {
         fontSize: "small"
       })) : /*#__PURE__*/_react["default"].createElement("div", {
-        className: this.props.classes['itemDeleteButton' + this.state.viewType]
+        className: this.props.classes["itemDeleteButton".concat(this.state.viewType)]
       })), this.state.viewType === TABLE && this.props.allowDownload ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         download: true,
         href: this.imagePrefix + item.id,
-        className: this.props.classes['itemDownloadButton' + this.state.viewType],
+        className: this.props.classes["itemDownloadButton".concat(this.state.viewType)],
         onClick: function onClick(e) {
           return e.stopPropagation();
         },
         size: "large"
-      }, /*#__PURE__*/_react["default"].createElement(_SaveAlt["default"], null)) : null, this.state.viewType === TABLE && this.props.allowDelete && item.id !== 'vis.0/' && item.id !== USER_DATA && (this.state.expertMode || item.id.startsWith(USER_DATA) || item.id.startsWith('vis.0/')) ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        size: "large",
+      }, /*#__PURE__*/_react["default"].createElement(_SaveAlt["default"], null)) : null, this.state.viewType === TABLE && this.props.allowDelete && item.id !== 'vis.0/' && item.id !== USER_DATA ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         "aria-label": "delete",
         onClick: function onClick(e) {
           e.stopPropagation();
@@ -1344,11 +1371,12 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             });
           }
         },
-        className: this.props.classes['itemDeleteButton' + this.state.viewType]
+        className: this.props.classes["itemDeleteButton".concat(this.state.viewType)],
+        size: "large"
       }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], {
         fontSize: "small"
       })) : this.state.viewType === TABLE && this.props.allowDelete ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: this.props.classes['itemDeleteButton' + this.state.viewType]
+        className: this.props.classes["itemDeleteButton".concat(this.state.viewType)]
       }) : null);
     }
   }, {
@@ -1373,46 +1401,46 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             }
           });
           return res;
-        } else {
-          return this.state.folders[folderId].map(function (item) {
-            var res = [];
+        }
 
-            if (item.folder) {
-              var expanded = _this15.state.expanded.includes(item.id);
+        return this.state.folders[folderId].map(function (item) {
+          var res = [];
 
-              res.push(_this15.renderFolder(item, expanded));
+          if (item.folder) {
+            var expanded = _this15.state.expanded.includes(item.id);
 
-              if (_this15.state.folders[item.id] && expanded) {
-                res.push(_this15.renderItems(item.id));
-              }
-            } else if ((!_this15.props.filterFiles || _this15.props.filterFiles.includes(item.ext)) && (!_this15.props.filterByType || _FileViewer.EXTENSIONS[_this15.props.filterByType].includes(item.ext))) {
-              res.push(_this15.renderFile(item));
-            } else {
-              return null;
-            }
+            res.push(_this15.renderFolder(item, expanded));
 
-            return res;
-          });
-        }
-      } else {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: {
-            position: 'relative'
-          }
-        }, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
-          key: folderId,
-          color: "secondary",
-          size: 24
-        }), /*#__PURE__*/_react["default"].createElement("div", {
-          style: {
-            position: 'absolute',
-            zIndex: 2,
-            top: 4,
-            width: 24,
-            textAlign: 'center'
+            if (_this15.state.folders[item.id] && expanded) {
+              res.push(_this15.renderItems(item.id));
+            }
+          } else if ((!_this15.props.filterFiles || _this15.props.filterFiles.includes(item.ext)) && (!_this15.props.filterByType || _FileViewer.EXTENSIONS[_this15.props.filterByType].includes(item.ext))) {
+            res.push(_this15.renderFile(item));
+          } else {
+            return null;
           }
-        }, this.state.queueLength));
+
+          return res;
+        });
       }
+
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          position: 'relative'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
+        key: folderId,
+        color: "secondary",
+        size: 24
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          position: 'absolute',
+          zIndex: 2,
+          top: 4,
+          width: 24,
+          textAlign: 'center'
+        }
+      }, this.state.queueLength));
     }
   }, {
     key: "renderToolbar",
@@ -1440,7 +1468,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         "aria-label": "view mode",
         onClick: function onClick() {
           var viewType = _this16.state.viewType === TABLE ? TILE : TABLE;
-          window.localStorage.setItem('files.viewType', viewType);
+          (window._localStorage || window.localStorage).setItem('files.viewType', viewType);
           var currentDir = _this16.state.selected;
 
           if (isFile(currentDir)) {
@@ -1464,7 +1492,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         color: this.state.filterEmpty ? 'secondary' : 'inherit',
         "aria-label": "filter empty",
         onClick: function onClick() {
-          window.localStorage.setItem('file.empty', !_this16.state.filterEmpty);
+          (window._localStorage || window.localStorage).setItem('file.empty', !_this16.state.filterEmpty);
 
           _this16.setState({
             filterEmpty: !_this16.state.filterEmpty
@@ -1475,7 +1503,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         edge: "start",
         title: this.props.t('ra_Reload files'),
         className: this.props.classes.menuButton,
-        color: 'inherit',
+        color: "inherit",
         "aria-label": "reload files",
         onClick: function onClick() {
           return _this16.setState({
@@ -1487,10 +1515,10 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         size: "large"
       }, /*#__PURE__*/_react["default"].createElement(_Refresh["default"], null)), this.props.allowCreateFolder ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         edge: "start",
-        disabled: this.state.expertMode ? !this.state.selected : !this.state.selected.startsWith('vis.0') && !this.state.selected.startsWith(USER_DATA),
+        disabled: !this.state.selected || !this.state.folders[this.state.selected] || this.limitToPath && !this.state.selected.startsWith(this.limitToPath + '/') && this.limitToPath !== this.state.selected,
         title: this.props.t('ra_Create folder'),
         className: this.props.classes.menuButton,
-        color: 'inherit',
+        color: "inherit",
         "aria-label": "add folder",
         onClick: function onClick() {
           return _this16.setState({
@@ -1500,10 +1528,10 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         size: "large"
       }, /*#__PURE__*/_react["default"].createElement(_CreateNewFolder["default"], null)) : null, this.props.allowUpload ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         edge: "start",
-        disabled: this.state.expertMode ? !this.state.selected : !this.state.selected.startsWith('vis.0') && !this.state.selected.startsWith(USER_DATA),
+        disabled: !this.state.selected || !this.state.folders[this.state.selected] || this.limitToPath && !this.state.selected.startsWith(this.limitToPath + '/') && this.limitToPath !== this.state.selected,
         title: this.props.t('ra_Upload file'),
         className: this.props.classes.menuButton,
-        color: 'inherit',
+        color: "inherit",
         "aria-label": "upload file",
         onClick: function onClick() {
           return _this16.setState({
@@ -1514,7 +1542,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_Publish["default"], null)) : null, /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
         title: this.props.t('ra_Background image')
       }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        color: 'inherit',
+        color: "inherit",
         edge: "start",
         className: this.props.classes.menuButton,
         onClick: this.setStateBackgroundImage,
@@ -1575,7 +1603,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
 
               var parent = _this17.findItem(parentFolder);
 
-              var id = parentFolder + '/' + name;
+              var id = "".concat(parentFolder, "/").concat(name);
               folders[parentFolder].push({
                 id: id,
                 level: parent.level + 1,
@@ -1592,7 +1620,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
                 expanded.sort();
               }
 
-              window.localStorage.setItem('files.expanded', JSON.stringify(expanded));
+              (window._localStorage || window.localStorage).setItem('files.expanded', JSON.stringify(expanded));
 
               _this17.setState({
                 addFolder: false,
@@ -1611,13 +1639,15 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             return text.replace(/[^-_\w\d]/, '_');
           }
         });
-      } else {
-        return null;
       }
+
+      return null;
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState, snapshot) {
+    value: function
+      /* prevProps , prevState, snapshot */
+    componentDidUpdate() {
       var _this18 = this;
 
       this.setOpacityTimer && clearTimeout(this.setOpacityTimer);
@@ -1636,7 +1666,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       var parts = fileName.split('/');
       var adapter = parts.shift();
       return this.props.socket.writeFile64(adapter, parts.join('/'), data)["catch"](function (e) {
-        return window.alert('Cannot write file: ' + e);
+        return window.alert("Cannot write file: ".concat(e));
       });
     }
   }, {
@@ -1710,7 +1740,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
                   return window.alert(_this19.props.t('ra_Invalid parent folder!'));
                 }
 
-                var id = parentFolder + '/' + file.name;
+                var id = "".concat(parentFolder, "/").concat(file.name);
 
                 _this19.uploadFile(id, reader.result).then(function () {
                   if (! --count) {
@@ -1724,7 +1754,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
                         if (!expanded.includes(parentFolder)) {
                           expanded.push(parentFolder);
                           expanded.sort();
-                          window.localStorage.setItem('files.expanded', JSON.stringify(expanded));
+                          (window._localStorage || window.localStorage).setItem('files.expanded', JSON.stringify(expanded));
                         }
 
                         _this19.setState({
@@ -1741,7 +1771,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
                             if (!expanded.includes(parentFolder)) {
                               expanded.push(parentFolder);
                               expanded.sort();
-                              window.localStorage.setItem('files.expanded', JSON.stringify(expanded));
+                              (window._localStorage || window.localStorage).setItem('files.expanded', JSON.stringify(expanded));
                             }
 
                             _this19.setState({
@@ -1776,9 +1806,9 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             className: _this19.props.classes.uploadCenterText
           }, _this19.state.uploadFile === 'dragging' ? _this19.props.t('ra_Drop file here') : _this19.props.t('ra_Place your files here or click here to open the browse dialog')))));
         })];
-      } else {
-        return null;
       }
+
+      return null;
     }
   }, {
     key: "deleteRecursive",
@@ -1788,15 +1818,16 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       var item = this.findItem(id);
 
       if (item.folder) {
-        return (this.state.folders[id] ? Promise.all(this.state.folders[id].map(function (item) {
-          return _this20.deleteRecursive(item.id);
+        return (this.state.folders[id] ? Promise.all(this.state.folders[id].map(function (_item) {
+          return _this20.deleteRecursive(_item.id);
         })) : Promise.resolve()).then(function () {
           // If it is folder of second level
           if (item.level >= 1) {
-            var parts = id.split('/');
-            var adapter = parts.shift();
+            var _parts = id.split('/');
+
+            var _adapter = _parts.shift();
 
-            _this20.props.socket.deleteFolder(adapter, parts.join('/')).then(function () {
+            _this20.props.socket.deleteFolder(_adapter, _parts.join('/')).then(function () {
               // remove this folder
               var folders = JSON.parse(JSON.stringify(_this20.state.folders));
               delete folders[item.id]; // delete folder from parent item
@@ -1822,18 +1853,18 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             });
           }
         });
-      } else {
-        var parts = id.split('/');
-        var adapter = parts.shift();
+      }
 
-        if (parts.length) {
-          return this.props.socket.deleteFile(adapter, parts.join('/'))["catch"](function (e) {
-            return window.alert('Cannot delete file: ' + e);
-          });
-        } else {
-          return Promise.resolve();
-        }
+      var parts = id.split('/');
+      var adapter = parts.shift();
+
+      if (parts.length) {
+        return this.props.socket.deleteFile(adapter, parts.join('/'))["catch"](function (e) {
+          return window.alert("Cannot delete file: ".concat(e));
+        });
       }
+
+      return Promise.resolve();
     }
   }, {
     key: "deleteItem",
@@ -1852,7 +1883,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           if (pos !== -1) {
             var expanded = (0, _toConsumableArray2["default"])(_this21.state.expanded);
             expanded.splice(pos, 1);
-            window.localStorage.setItem('files.expanded', JSON.stringify(expanded));
+            (window._localStorage || window.localStorage).setItem('files.expanded', JSON.stringify(expanded));
             newState.expanded = expanded;
           }
 
@@ -1900,13 +1931,13 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
           id: "form-dialog-title"
         }, this.props.t('ra_Confirm deletion of %s', this.state.deleteItem.split('/').pop())), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], null, this.props.t('ra_Are you sure?'))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+          color: "grey",
           variant: "contained",
           onClick: function onClick() {
             _this22.suppressDeleteConfirm = Date.now() + 60000 * 5;
 
             _this22.deleteItem();
-          },
-          color: "grey"
+          }
         }, this.props.t('ra_Delete (no confirm for 5 mins)')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
           variant: "contained",
           onClick: function onClick() {
@@ -1923,9 +1954,9 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           },
           color: "grey"
         }, this.props.t('ra_Cancel'))));
-      } else {
-        return false;
       }
+
+      return false;
     }
   }, {
     key: "renderViewDialog",
@@ -1967,9 +1998,9 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             });
           }
         });
-      } else {
-        return null;
       }
+
+      return null;
     }
   }, {
     key: "updateItemsAcl",
@@ -2003,7 +2034,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             folder = getParentDir(_this26.state.path);
           }
 
-          return new Promise(function (resolve) {
+          new Promise(function (resolve) {
             if (!_this26.state.folders[folder]) {
               return _this26.browseFolder(folder).then(function (folders) {
                 return _this26.setState({
@@ -2016,9 +2047,9 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
                   errorText: err === NOT_FOUND ? _this26.props.t('ra_Cannot find "%s"', folder) : _this26.props.t('ra_Cannot read "%s"', folder)
                 });
               });
-            } else {
-              return resolve(true);
             }
+
+            return resolve(true);
           }).then(function (result) {
             return result && _this26.setState({
               selected: _this26.state.path,
@@ -2038,7 +2069,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     value: function renderBreadcrumb() {
       var _this27 = this;
 
-      var parts = this.state.selected.startsWith('/') ? this.state.selected.split('/') : ('/' + this.state.selected).split('/');
+      var parts = this.state.selected.startsWith('/') ? this.state.selected.split('/') : "/".concat(this.state.selected).split('/');
       var p = [];
       return parts.map(function (part, i) {
         part && p.push(part);
@@ -2046,26 +2077,26 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
 
         if (i < parts.length - 1) {
           return [/*#__PURE__*/_react["default"].createElement("div", {
-            key: _this27.state.selected + '_' + i,
+            key: "".concat(_this27.state.selected, "_").concat(i),
             className: _this27.props.classes.pathDivBreadcrumbDir,
             onClick: function onClick(e) {
               return _this27.changeFolder(e, path || '/');
             }
           }, part || _this27.props.t('ra_Root')), /*#__PURE__*/_react["default"].createElement("span", {
-            key: _this27.state.selected + '_s_' + i,
+            key: "".concat(_this27.state.selected, "_s_").concat(i),
             className: _this27.props.classes.pathDivBreadcrumbSlash
           }, '>')];
-        } else {
-          return /*#__PURE__*/_react["default"].createElement("div", {
-            key: _this27.state.selected + '_' + i,
-            className: _this27.props.classes.pathDivBreadcrumbFile,
-            onClick: function onClick() {
-              return _this27.setState({
-                pathFocus: true
-              });
-            }
-          }, part);
         }
+
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          key: "".concat(_this27.state.selected, "_").concat(i),
+          className: _this27.props.classes.pathDivBreadcrumbFile,
+          onClick: function onClick() {
+            return _this27.setState({
+              pathFocus: true
+            });
+          }
+        }, part);
       });
     }
   }, {
@@ -2081,7 +2112,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         onKeyDown: function onKeyDown(e) {
           return e.keyCode === 13 && _this28.changeToPath();
         },
-        onBlur: function onBlur(e) {
+        onBlur: function onBlur() {
           return _this28.changeToPath();
         },
         onChange: function onChange(e) {
@@ -2119,7 +2150,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         style: this.props.style,
         className: _Utils["default"].clsx(this.props.classes.root, this.props.className)
       }, this.props.showToolbar ? this.renderToolbar() : null, this.state.viewType === TILE ? this.renderPath() : null, /*#__PURE__*/_react["default"].createElement("div", {
-        className: _Utils["default"].clsx(this.props.classes.filesDiv, this.props.classes['filesDiv' + this.state.viewType])
+        className: _Utils["default"].clsx(this.props.classes.filesDiv, this.props.classes["filesDiv".concat(this.state.viewType)])
       }, this.state.viewType === TABLE ? this.renderItems('/') : this.renderItems(this.state.currentDir || '/')), this.props.allowUpload ? this.renderInputDialog() : null, this.props.allowUpload ? this.renderUpload() : null, this.props.allowDelete ? this.renderDeleteDialog() : null, this.props.allowView ? this.renderViewDialog() : null, this.state.modalEditOfAccess && this.props.modalEditOfAccessControl && this.props.modalEditOfAccessControl(this, this.state.modalEditOfAccessObjData), this.renderError());
     }
   }], [{
@@ -2128,10 +2159,24 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       if (props.expertMode !== undefined && props.expertMode !== state.expertMode) {
         return {
           expertMode: props.expertMode,
-          loadAllFolders: !state.allFoldersLoaded && props.expertMode
+          loadAllFolders: true
         };
-      } else {
-        return null;
+      }
+
+      return null;
+    }
+  }, {
+    key: "getEditFile",
+    value: function getEditFile(ext) {
+      switch (ext) {
+        case 'json':
+        case 'js':
+        case 'html':
+        case 'txt':
+          return true;
+
+        default:
+          return false;
       }
     }
   }]);
@@ -2139,12 +2184,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 FileBrowser.defaultProps = {
-  objectAddBoolean: false,
-  objectEditBoolean: false,
-  objectStatesView: false,
-  objectImportExport: false,
-  objectEditOfAccessControl: false,
-  modalNewObject: function modalNewObject() {},
   modalEditOfAccessControl: function modalEditOfAccessControl() {}
 };
 FileBrowser.propTypes = {
@@ -2171,8 +2210,9 @@ FileBrowser.propTypes = {
   // like ['png', 'svg', 'bmp', 'jpg', 'jpeg']
   filterByType: _propTypes["default"].string,
   // images, code or txt from FileViewer.EXTENSIONS
-  onSelect: _propTypes["default"].func // function (id, isDoubleClick)
-
+  onSelect: _propTypes["default"].func,
+  // function (id, isDoubleClick)
+  modalEditOfAccessControl: _propTypes["default"].func
 };
 /** @type {typeof FileBrowser} */