@iobroker/adapter-react-v5 3.1.34 → 3.2.0

package/Components/FileBrowser.js

@@ -1,136 +1,74 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof3 = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styles = require("@mui/styles");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactDropzone = _interopRequireDefault(require("react-dropzone"));
-
 var _LinearProgress = _interopRequireDefault(require("@mui/material/LinearProgress"));
-
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-
 var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 var _Fab = _interopRequireDefault(require("@mui/material/Fab"));
-
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-
 var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
-
 var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
-
 var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
-
 var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
-
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-
 var _Input = _interopRequireDefault(require("@mui/material/Input"));
-
 var _material = require("@mui/material");
-
 var _Error = _interopRequireDefault(require("../Dialogs/Error"));
-
 var _Utils = _interopRequireDefault(require("./Utils"));
-
 var _TextInput = _interopRequireDefault(require("../Dialogs/TextInput"));
-
 var _FileViewer = _interopRequireWildcard(require("./FileViewer"));
-
 var _Refresh = _interopRequireDefault(require("@mui/icons-material/Refresh"));
-
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-
 var _Bookmark = _interopRequireDefault(require("@mui/icons-material/Bookmark"));
-
 var _BookmarkBorder = _interopRequireDefault(require("@mui/icons-material/BookmarkBorder"));
-
 var _Description = _interopRequireDefault(require("@mui/icons-material/Description"));
-
 var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
-
 var _Code = _interopRequireDefault(require("@mui/icons-material/Code"));
-
 var _InsertDriveFile = _interopRequireDefault(require("@mui/icons-material/InsertDriveFile"));
-
 var _Publish = _interopRequireDefault(require("@mui/icons-material/Publish"));
-
 var _MusicNote = _interopRequireDefault(require("@mui/icons-material/MusicNote"));
-
 var _SaveAlt = _interopRequireDefault(require("@mui/icons-material/SaveAlt"));
-
 var _CreateNewFolder = _interopRequireDefault(require("@mui/icons-material/CreateNewFolder"));
-
 var _FolderOpen = _interopRequireDefault(require("@mui/icons-material/FolderOpen"));
-
 var _List = _interopRequireDefault(require("@mui/icons-material/List"));
-
 var _ViewModule = _interopRequireDefault(require("@mui/icons-material/ViewModule"));
-
 var _ArrowBack = _interopRequireDefault(require("@mui/icons-material/ArrowBack"));
-
 var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
-
 var _Brightness = _interopRequireDefault(require("@mui/icons-material/Brightness6"));
-
 var _IconExpert = _interopRequireDefault(require("../icons/IconExpert"));
-
 var _IconClosed = _interopRequireDefault(require("../icons/IconClosed"));
-
 var _IconOpen = _interopRequireDefault(require("../icons/IconOpen"));
-
 var _IconNoIcon = _interopRequireDefault(require("../icons/IconNoIcon"));
-
 var _withWidth = _interopRequireDefault(require("./withWidth"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var ROW_HEIGHT = 32;
 var BUTTON_WIDTH = 32;
 var TILE_HEIGHT = 120;
 var TILE_WIDTH = 64;
 var NOT_FOUND = 'Not found';
-
 var styles = function styles(theme) {
   return {
     dialog: {
@@ -452,58 +390,45 @@ var styles = function styles(theme) {
     }
   };
 };
-
 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;
   }
-
   if (a.folder) {
     return -1;
   }
-
   if (b.folder) {
     return 1;
   }
-
   return a.name > b.name ? 1 : a.name < b.name ? -1 : 0;
 }
-
 function getParentDir(dir) {
   var parts = (dir || '').split('/');
   parts.length && parts.pop();
   return parts.join('/');
 }
-
 function isFile(path) {
   var ext = _Utils["default"].getFileExtension(path);
-
   if (ext && ext.toLowerCase().match(/[a-z]+/) && ext.length < 5) {
     return true;
   }
-
   return false;
 }
-
 var TABLE = 'Table';
 var TILE = 'Tile';
+
 /**
  * @extends {React.Component<import('./types').FileBrowserProps>}
  */
-
 var FileBrowser = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FileBrowser, _Component);
-
   var _super = _createSuper(FileBrowser);
-
   /**
    * @param {Readonly<import("./types").FileBrowserProps>} props
    */
   function FileBrowser(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, FileBrowser);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFileChange", function (id, fileName, size) {
@@ -511,12 +436,10 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       var pos = key.lastIndexOf('/');
       var folder = key.substring(0, pos);
       console.log("File changed ".concat(key, "[").concat(size, "]"));
-
       if (_this.state.folders[folder]) {
         _this._tempTimeout[folder] && clearTimeout(_this._tempTimeout[folder]);
         _this._tempTimeout[folder] = setTimeout(function () {
           delete _this._tempTimeout[folder];
-
           _this.browseFolder(folder, true).then(function (folders) {
             return _this.setState({
               folders: folders
@@ -527,17 +450,14 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setStateBackgroundImage", function () {
       var array = ['light', 'dark', 'colored', 'delete'];
-
       _this.setState(function (_ref) {
         var backgroundImage = _ref.backgroundImage;
-
         if (array.indexOf(backgroundImage) !== -1 && array.length - 1 !== array.indexOf(backgroundImage)) {
           (window._localStorage || window.localStorage).setItem('files.backgroundImage', array[array.indexOf(backgroundImage) + 1]);
           return {
             backgroundImage: array[array.indexOf(backgroundImage) + 1]
           };
         }
-
         (window._localStorage || window.localStorage).setItem('files.backgroundImage', array[0]);
         return {
           backgroundImage: array[0]
@@ -549,36 +469,27 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       switch (_this.state.backgroundImage) {
         case 'light':
           return _this.props.classes.backgroundImageLight;
-
         case 'dark':
           return _this.props.classes.backgroundImageDark;
-
         case 'colored':
           return _this.props.classes.backgroundImageColored;
-
         case 'delete':
           return null;
-
         default:
           return null;
       }
     });
     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 + '/');
@@ -587,26 +498,20 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     } catch (e) {
       expanded = [];
     }
-
     var viewType;
-
     if (_this.props.showViewTypeButton) {
       viewType = (window._localStorage || window.localStorage).getItem('files.viewType') || TABLE;
     } else {
       viewType = TABLE;
     }
-
     var selected = _this.props.selected || (window._localStorage || window.localStorage).getItem('files.selected') || USER_DATA;
     var currentDir = '';
-
     if (isFile(selected)) {
       currentDir = getParentDir(selected);
     } else {
       currentDir = selected;
     }
-
     var _backgroundImage = (window._localStorage || window.localStorage).getItem('files.backgroundImage') || null;
-
     _this.state = {
       viewType: viewType,
       folders: {},
@@ -641,12 +546,10 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     _this._tempTimeout = {};
     return _this;
   }
-
   (0, _createClass2["default"])(FileBrowser, [{
     key: "loadFolders",
     value: function loadFolders() {
       var _this2 = this;
-
       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.limitToObjectID || _this2.state.currentDir.startsWith(_this2.limitToObjectID)) ? _this2.browseFolder(_this2.state.currentDir, folders) : Promise.resolve(folders);
@@ -656,19 +559,15 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         }, function () {
           if (_this2.state.viewType === TABLE && !_this2.findItem(_this2.state.selected)) {
             var parts = _this2.state.selected.split('/');
-
             while (parts.length && !_this2.findItem(parts.join('/'))) {
               parts.pop();
             }
-
             var selected;
-
             if (parts.length) {
               selected = parts.join('/');
             } else {
               selected = USER_DATA;
             }
-
             _this2.setState({
               selected: selected,
               path: selected,
@@ -679,7 +578,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           } else {
             _this2.scrollToSelected();
           }
-
           _this2.initialReadFinished = true;
         });
       });
@@ -696,7 +594,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this3 = this;
-
       this.mounted = true;
       this.loadFolders();
       return this.props.socket.checkFeatureSupported('BINARY_STATE_EVENT').then(function (result) {
@@ -720,24 +617,20 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "browseFolders",
     value: function browseFolders(foldersList, _newFolders, _resolve) {
       var _this4 = this;
-
       if (!_newFolders) {
         _newFolders = {};
         Object.keys(this.state.folders).forEach(function (folder) {
           return _newFolders[folder] = _this4.state.folders[folder];
         });
       }
-
       if (!_resolve) {
         return new Promise(function (resolve) {
           return _this4.browseFolders(foldersList, _newFolders, resolve);
         });
       }
-
       if (!foldersList || !foldersList.length) {
         return _resolve(_newFolders);
       }
-
       return this.browseFolder(foldersList.shift(), _newFolders).then(function () {
         return setTimeout(function () {
           return _this4.browseFolders(foldersList, _newFolders, _resolve);
@@ -752,7 +645,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "readDirSerial",
     value: function readDirSerial(adapter, relPath) {
       var _this5 = this;
-
       return new Promise(function (resolve, reject) {
         if (_this5.browseList) {
           // if component still mounted
@@ -762,7 +654,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             adapter: adapter,
             relPath: relPath
           });
-
           !_this5.browseListRunning && _this5.processBrowseList();
         }
       });
@@ -771,10 +662,8 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "processBrowseList",
     value: function processBrowseList(level) {
       var _this6 = this;
-
       if (!this.browseListRunning && this.browseList && this.browseList.length) {
         this.browseListRunning = true;
-
         if (this.browseList.length > 10) {
           // not too often
           if (!(this.browseList.length % 10)) {
@@ -787,13 +676,11 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             queueLength: this.browseList.length
           });
         }
-
         this.browseList[0].processing = true;
         this.props.socket.readDir(this.browseList[0].adapter, this.browseList[0].relPath).then(function (files) {
           if (_this6.browseList) {
             // if component still mounted
             var item = _this6.browseList.shift();
-
             if (item) {
               var resolve = item.resolve;
               item.resolve = null;
@@ -802,7 +689,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
               item.relPath = null;
               resolve(files);
               _this6.browseListRunning = false;
-
               if (_this6.browseList.length) {
                 if (level < 5) {
                   _this6.processBrowseList(level + 1);
@@ -826,7 +712,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           if (_this6.browseList) {
             // if component still mounted
             var item = _this6.browseList.shift();
-
             if (item) {
               var reject = item.reject;
               item.resolve = null;
@@ -835,7 +720,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
               item.relPath = null;
               reject(e);
               _this6.browseListRunning = false;
-
               if (_this6.browseList.length) {
                 if (level < 5) {
                   _this6.processBrowseList(level + 1);
@@ -862,19 +746,16 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "browseFolder",
     value: function browseFolder(folderId, _newFolders, _checkEmpty, force) {
       var _this7 = this;
-
       if (typeof _newFolders === 'boolean') {
         force = _newFolders;
         _newFolders = null;
       }
-
       if (!_newFolders) {
         _newFolders = {};
         Object.keys(this.state.folders).forEach(function (folder) {
           return _newFolders[folder] = _this7.state.folders[folder];
         });
       }
-
       if (_newFolders[folderId] && !force) {
         if (!_checkEmpty) {
           return new Promise(function (resolve, reject) {
@@ -889,42 +770,37 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             });
           });
         }
-
         return Promise.resolve(_newFolders);
       }
-
       if (!folderId || folderId === '/') {
         return this.props.socket.readMetaItems().then(function (objs) {
           var _folders = [];
-          var userData = null; // load only adapter.admin and not other meta files like hm-rpc.0.devices.blablabla
+          var userData = null;
 
+          // load only adapter.admin and not other meta files like hm-rpc.0.devices.blablabla
           if (!_this7.state.expertMode) {
             objs = objs.filter(function (obj) {
               return !obj._id.endsWith('.admin');
             });
           }
-
           var pos = objs.findIndex(function (obj) {
             return obj._id === 'system.meta.uuid';
           });
-
           if (pos !== -1) {
             objs.splice(pos, 1);
-          } // remember, that all folders are loaded
-
+          }
 
+          // remember, that all folders are loaded
           if (_this7.state.expertMode) {
             _this7.setState({
               allFoldersLoaded: true,
               loadFolders: false
             });
           }
-
           objs.forEach(function (obj) {
             if (_this7.limitToObjectID && _this7.limitToObjectID !== obj._id) {
               return;
             }
-
             var item = {
               id: obj._id,
               name: obj._id,
@@ -938,7 +814,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
               acl: obj.acl,
               level: 0
             };
-
             if (item.id === USER_DATA) {
               // user data must be first
               userData = item;
@@ -946,17 +821,13 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
               _folders.push(item);
             }
           });
-
           _folders.sort(function (a, b) {
             return a.id > b.id ? 1 : a.id < b.id ? -1 : 0;
           });
-
           if (!_this7.limitToObjectID || _this7.limitToObjectID === USER_DATA) {
             userData && _folders.unshift(userData);
           }
-
           _newFolders[folderId || '/'] = _folders;
-
           if (!_checkEmpty) {
             return Promise.all(_folders.filter(function (item) {
               return item.folder;
@@ -966,18 +837,17 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
               return _newFolders;
             });
           }
-
           return _newFolders;
         })["catch"](function (e) {
           return _this7.initialReadFinished && window.alert("Cannot read meta items: ".concat(e));
         });
       }
-
       var parts = folderId.split('/');
       var level = parts.length;
       var adapter = parts.shift();
-      var relPath = parts.join('/'); // make all requests here serial
+      var relPath = parts.join('/');
 
+      // make all requests here serial
       return this.readDirSerial(adapter, relPath).then(function (files) {
         var _folders = [];
         files.forEach(function (file) {
@@ -991,7 +861,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             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);
@@ -1002,11 +871,8 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             _folders.push(item);
           }
         });
-
         _folders.sort(sortFolders);
-
         _newFolders[folderId] = _folders;
-
         if (!_checkEmpty) {
           return Promise.all(_folders.filter(function (item) {
             return item.folder;
@@ -1016,7 +882,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             return _newFolders;
           });
         }
-
         return _newFolders;
       })["catch"](function (e) {
         _this7.initialReadFinished && window.alert("Cannot read ".concat(adapter).concat(relPath ? "/".concat(relPath) : '', ": ").concat(e));
@@ -1028,16 +893,13 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "toggleFolder",
     value: function toggleFolder(item, e) {
       var _this8 = this;
-
       e && e.stopPropagation();
       var expanded = (0, _toConsumableArray2["default"])(this.state.expanded);
       var pos = expanded.indexOf(item.id);
-
       if (pos === -1) {
         expanded.push(item.id);
         expanded.sort();
         (window._localStorage || window.localStorage).setItem('files.expanded', JSON.stringify(expanded));
-
         if (!item.temp) {
           return this.browseFolder(item.id).then(function (folders) {
             return _this8.setState({
@@ -1064,17 +926,13 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "changeFolder",
     value: function changeFolder(e, folder) {
       var _this9 = this;
-
       e && e.stopPropagation();
       this.lastSelect = Date.now();
       folder = folder || getParentDir(this.state.currentDir);
-
       if (folder === '/') {
         folder = '';
       }
-
       (window._localStorage || window.localStorage).setItem('files.currentDir', folder);
-
       if (folder && !this.state.folders[folder]) {
         return this.browseFolder(folder).then(function (folders) {
           return _this9.setState({
@@ -1088,7 +946,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           });
         });
       }
-
       return this.setState({
         currentDir: folder,
         selected: folder,
@@ -1102,12 +959,10 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "select",
     value: function select(id, e, cb) {
       var _this10 = this;
-
       if (typeof e === 'function') {
         cb = e;
         e = null;
       }
-
       e && e.stopPropagation();
       this.lastSelect = Date.now();
       (window._localStorage || window.localStorage).setItem('files.selected', id);
@@ -1118,14 +973,12 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       }, function () {
         if (_this10.props.onSelect) {
           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, false, !!_this10.state.folders[id]);
           } else {
             _this10.props.onSelect('');
           }
         }
-
         cb && cb();
       });
     }
@@ -1133,11 +986,9 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "renderFolder",
     value: function renderFolder(item, expanded) {
       var _this11 = this;
-
       if (this.state.filterEmpty && (!this.state.folders[item.id] || !this.state.folders[item.id].length) && item.id !== USER_DATA && !item.temp) {
         return null;
       }
-
       var Icon = expanded ? _IconOpen["default"] : _IconClosed["default"];
       var padding = this.state.viewType === TABLE ? item.level * this.levelPadding : 0;
       var isUserData = item.name === USER_DATA;
@@ -1180,7 +1031,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         "aria-label": "delete",
         onClick: function onClick(e) {
           e.stopPropagation();
-
           if (_this11.suppressDeleteConfirm > Date.now()) {
             _this11.deleteItem(item.id);
           } else {
@@ -1201,7 +1051,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "renderBackFolder",
     value: function renderBackFolder() {
       var _this12 = this;
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: this.state.currentDir,
         id: this.state.currentDir,
@@ -1229,13 +1078,10 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "formatAcl",
     value: function formatAcl(acl) {
       var _this13 = this;
-
       var access = acl && (acl.permissions || acl.file);
-
       if (access) {
         access = access.toString(16).padStart(3, '0');
       }
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes['itemAccess' + this.state.viewType]
       }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
@@ -1257,24 +1103,20 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           return /*#__PURE__*/_react["default"].createElement(_Bookmark["default"], {
             className: this.props.classes["itemIcon".concat(this.state.viewType)]
           });
-
         case 'css':
           return /*#__PURE__*/_react["default"].createElement(_BookmarkBorder["default"], {
             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".concat(this.state.viewType)]
           });
-
         case 'html':
         case 'md':
           return /*#__PURE__*/_react["default"].createElement(_Description["default"], {
             className: this.props.classes["itemIcon".concat(this.state.viewType)]
           });
-
         case 'mp3':
         case 'ogg':
         case 'wav':
@@ -1284,7 +1126,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           return /*#__PURE__*/_react["default"].createElement(_MusicNote["default"], {
             className: this.props.classes["itemIcon".concat(this.state.viewType)]
           });
-
         default:
           return /*#__PURE__*/_react["default"].createElement(_InsertDriveFile["default"], {
             className: this.props.classes["itemIcon".concat(this.state.viewType)]
@@ -1295,11 +1136,8 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "renderFile",
     value: function renderFile(item) {
       var _this14 = this;
-
       var padding = this.state.viewType === TABLE ? item.level * this.levelPadding : 0;
-
       var ext = _Utils["default"].getFileExtension(item.name);
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: item.id,
         id: item.id,
@@ -1326,10 +1164,8 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         onError: function onError(e) {
           e.target.onerror = null;
           var fileErrors = (0, _toConsumableArray2["default"])(_this14.state.fileErrors);
-
           if (!fileErrors.includes(item.id)) {
             fileErrors.push(item.id);
-
             _this14.setState({
               fileErrors: fileErrors
             });
@@ -1350,7 +1186,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         "aria-label": "edit",
         onClick: function onClick(e) {
           e.stopPropagation();
-
           if (!_this14.props.onSelect) {
             _this14.setState({
               viewer: _this14.imagePrefix + item.id,
@@ -1378,7 +1213,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         "aria-label": "delete",
         onClick: function onClick(e) {
           e.stopPropagation();
-
           if (_this14.suppressDeleteConfirm > Date.now()) {
             _this14.deleteItem(item.id);
           } else {
@@ -1399,16 +1233,13 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "renderItems",
     value: function renderItems(folderId) {
       var _this15 = this;
-
       if (this.state.folders && this.state.folders[folderId]) {
         // tile
         if (this.state.viewType === TILE) {
           var res = [];
-
           if (folderId && folderId !== '/') {
             res.push(this.renderBackFolder());
           }
-
           this.state.folders[folderId].forEach(function (item) {
             if (item.folder) {
               res.push(_this15.renderFolder(item));
@@ -1418,15 +1249,11 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           });
           return res;
         }
-
         return this.state.folders[folderId].map(function (item) {
           var res = [];
-
           if (item.folder) {
             var expanded = _this15.state.expanded.includes(item.id);
-
             res.push(_this15.renderFolder(item, expanded));
-
             if (_this15.state.folders[item.id] && expanded) {
               res.push(_this15.renderItems(item.id));
             }
@@ -1435,11 +1262,9 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           } else {
             return null;
           }
-
           return res;
         });
       }
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: {
           position: 'relative'
@@ -1462,7 +1287,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "renderToolbar",
     value: function renderToolbar() {
       var _this16 = this;
-
       return /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], {
         key: "toolbar",
         variant: "dense"
@@ -1486,11 +1310,9 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           var viewType = _this16.state.viewType === TABLE ? TILE : TABLE;
           (window._localStorage || window.localStorage).setItem('files.viewType', viewType);
           var currentDir = _this16.state.selected;
-
           if (isFile(currentDir)) {
             currentDir = getParentDir(currentDir);
           }
-
           _this16.setState({
             viewType: viewType,
             currentDir: currentDir
@@ -1509,7 +1331,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         "aria-label": "filter empty",
         onClick: function onClick() {
           (window._localStorage || window.localStorage).setItem('file.empty', !_this16.state.filterEmpty);
-
           _this16.setState({
             filterEmpty: !_this16.state.filterEmpty
           });
@@ -1569,19 +1390,15 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "findItem",
     value: function findItem(id, folders) {
       folders = folders || this.state.folders;
-
       if (!folders) {
         return null;
       }
-
       var parts = id.split('/');
       parts.pop();
       var parentFolder = parts.join('/') || '/';
-
       if (!folders[parentFolder]) {
         return null;
       }
-
       return folders[parentFolder].find(function (item) {
         return item.id === id;
       });
@@ -1590,14 +1407,11 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "renderInputDialog",
     value: function renderInputDialog() {
       var _this17 = this;
-
       if (this.state.addFolder) {
         var parentFolder = this.findFirstFolder(this.state.selected);
-
         if (!parentFolder) {
           return window.alert(this.props.t('ra_Invalid parent folder!'));
         }
-
         return /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
           key: "inputDialog",
           applyText: this.props.t('ra_Create'),
@@ -1616,9 +1430,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
               Object.keys(_this17.state.folders).forEach(function (folder) {
                 return folders[folder] = _this17.state.folders[folder];
               });
-
               var parent = _this17.findItem(parentFolder);
-
               var id = "".concat(parentFolder, "/").concat(name);
               folders[parentFolder].push({
                 id: id,
@@ -1630,14 +1442,11 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
               folders[parentFolder].sort(sortFolders);
               folders[id] = [];
               var expanded = (0, _toConsumableArray2["default"])(_this17.state.expanded);
-
               if (!expanded.includes(parentFolder)) {
                 expanded.push(parentFolder);
                 expanded.sort();
               }
-
               (window._localStorage || window.localStorage).setItem('files.expanded', JSON.stringify(expanded));
-
               _this17.setState({
                 addFolder: false,
                 folders: folders,
@@ -1656,21 +1465,17 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           }
         });
       }
-
       return null;
     }
   }, {
     key: "componentDidUpdate",
-    value: function
-      /* prevProps , prevState, snapshot */
+    value: function /* prevProps , prevState, snapshot */
     componentDidUpdate() {
       var _this18 = this;
-
       this.setOpacityTimer && clearTimeout(this.setOpacityTimer);
       this.setOpacityTimer = setTimeout(function () {
         _this18.setOpacityTimer = null;
         var items = window.document.getElementsByClassName('browserItem');
-
         for (var i = 0; i < items.length; i++) {
           items[i].style.opacity = 1;
         }
@@ -1689,30 +1494,26 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "findFirstFolder",
     value: function findFirstFolder(id) {
       var parentFolder = id;
-      var item = this.findItem(parentFolder); // find folder
-
+      var item = this.findItem(parentFolder);
+      // find folder
       if (item && !item.folder) {
         var parts = parentFolder.split('/');
         parts.pop();
         parentFolder = '';
-
         while (parts.length) {
           var _item = this.findItem(parts.join('/'));
-
           if (_item && _item.folder) {
             parentFolder = parts.join('/');
             break;
           }
         }
       }
-
       return parentFolder;
     }
   }, {
     key: "renderUpload",
     value: function renderUpload() {
       var _this19 = this;
-
       if (this.state.uploadFile) {
         return [/*#__PURE__*/_react["default"].createElement(_Fab["default"], {
           key: "close",
@@ -1740,24 +1541,18 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             var count = acceptedFiles.length;
             acceptedFiles.forEach(function (file) {
               var reader = new FileReader();
-
               reader.onabort = function () {
                 return console.log('file reading was aborted');
               };
-
               reader.onerror = function () {
                 return console.log('file reading has failed');
               };
-
               reader.onload = function () {
                 var parentFolder = _this19.findFirstFolder(_this19.state.selected);
-
                 if (!parentFolder) {
                   return window.alert(_this19.props.t('ra_Invalid parent folder!'));
                 }
-
                 var id = "".concat(parentFolder, "/").concat(file.name);
-
                 _this19.uploadFile(id, reader.result).then(function () {
                   if (! --count) {
                     _this19.setState({
@@ -1766,13 +1561,11 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
                       if (_this19.supportSubscribes) {
                         // open current folder
                         var expanded = (0, _toConsumableArray2["default"])(_this19.state.expanded);
-
                         if (!expanded.includes(parentFolder)) {
                           expanded.push(parentFolder);
                           expanded.sort();
                           (window._localStorage || window.localStorage).setItem('files.expanded', JSON.stringify(expanded));
                         }
-
                         _this19.setState({
                           expanded: expanded
                         }, function () {
@@ -1783,13 +1576,11 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
                           return _this19.browseFolder(parentFolder, true).then(function (folders) {
                             // open current folder
                             var expanded = (0, _toConsumableArray2["default"])(_this19.state.expanded);
-
                             if (!expanded.includes(parentFolder)) {
                               expanded.push(parentFolder);
                               expanded.sort();
                               (window._localStorage || window.localStorage).setItem('files.expanded', JSON.stringify(expanded));
                             }
-
                             _this19.setState({
                               folders: folders,
                               expanded: expanded
@@ -1803,13 +1594,12 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
                   }
                 });
               };
-
               reader.readAsArrayBuffer(file);
             });
           }
         }, function (_ref2) {
           var getRootProps = _ref2.getRootProps,
-              getInputProps = _ref2.getInputProps;
+            getInputProps = _ref2.getInputProps;
           return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
             className: _Utils["default"].clsx(_this19.props.classes.uploadDiv, _this19.state.uploadFile === 'dragging' && _this19.props.classes.uploadDivDragging)
           }, getRootProps()), /*#__PURE__*/_react["default"].createElement("input", getInputProps()), /*#__PURE__*/_react["default"].createElement("div", {
@@ -1823,16 +1613,13 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           }, _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')))));
         })];
       }
-
       return null;
     }
   }, {
     key: "deleteRecursive",
     value: function deleteRecursive(id) {
       var _this20 = this;
-
       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);
@@ -1840,26 +1627,21 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           // If it is folder of second level
           if (item.level >= 1) {
             var _parts = id.split('/');
-
             var _adapter = _parts.shift();
-
             _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
-
+              delete folders[item.id];
+              // delete folder from parent item
               var parentId = getParentDir(item.id);
               var parentFolder = folders[parentId];
-
               if (parentFolder) {
                 var pos = parentFolder.indexOf(parentFolder.find(function (f) {
                   return f.id === item.id;
                 }));
-
                 if (pos !== -1) {
                   parentFolder.splice(pos, 1);
                 }
-
                 _this20.select(parentId, function () {
                   return _this20.setState({
                     folders: folders
@@ -1870,42 +1652,34 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           }
         });
       }
-
       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",
     value: function deleteItem(_deleteItem) {
       var _this21 = this;
-
       _deleteItem = _deleteItem || this.state.deleteItem;
       this.setState({
         deleteItem: ''
       }, function () {
         return _this21.deleteRecursive(_deleteItem).then(function () {
           var newState = {};
-
           var pos = _this21.state.expanded.indexOf(_deleteItem);
-
           if (pos !== -1) {
             var expanded = (0, _toConsumableArray2["default"])(_this21.state.expanded);
             expanded.splice(pos, 1);
             (window._localStorage || window.localStorage).setItem('files.expanded', JSON.stringify(expanded));
             newState.expanded = expanded;
           }
-
           if (!_this21.supportSubscribes) {
             var parentFolder = _this21.findFirstFolder(_deleteItem);
-
             var folders = {};
             Object.keys(_this21.state.folders).forEach(function (name) {
               if (name !== parentFolder && !name.startsWith(parentFolder + '/')) {
@@ -1913,7 +1687,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
               }
             });
             newState.folders = folders;
-
             _this21.setState(newState, function () {
               return setTimeout(function () {
                 return _this21.browseFolders((0, _toConsumableArray2["default"])(_this21.state.expanded), folders).then(function (folders) {
@@ -1933,7 +1706,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "renderDeleteDialog",
     value: function renderDeleteDialog() {
       var _this22 = this;
-
       if (this.state.deleteItem) {
         return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
           key: "deleteDialog",
@@ -1951,7 +1723,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           variant: "contained",
           onClick: function onClick() {
             _this22.suppressDeleteConfirm = Date.now() + 60000 * 5;
-
             _this22.deleteItem();
           }
         }, this.props.t('ra_Delete (no confirm for 5 mins)')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
@@ -1971,14 +1742,12 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           color: "grey"
         }, this.props.t('ra_Cancel'))));
       }
-
       return false;
     }
   }, {
     key: "renderViewDialog",
     value: function renderViewDialog() {
       var _this23 = this;
-
       return this.state.viewer ? /*#__PURE__*/_react["default"].createElement(_FileViewer["default"], {
         supportSubscribes: this.supportSubscribes,
         key: this.state.viewer,
@@ -2003,7 +1772,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "renderError",
     value: function renderError() {
       var _this24 = this;
-
       if (this.state.errorText) {
         return /*#__PURE__*/_react["default"].createElement(_Error["default"], {
           key: "errorDialog",
@@ -2015,19 +1783,16 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           }
         });
       }
-
       return null;
     }
   }, {
     key: "updateItemsAcl",
     value: function updateItemsAcl(info) {
       var _this25 = this;
-
       var folders = JSON.parse(JSON.stringify(this.state.folders));
       var changed;
       info.forEach(function (it) {
         var item = _this25.findItem(it.id, folders);
-
         if (item && JSON.stringify(item.acl) !== JSON.stringify(it.acl)) {
           item.acl = it.acl;
           changed = true;
@@ -2041,15 +1806,12 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "changeToPath",
     value: function changeToPath() {
       var _this26 = this;
-
       setTimeout(function () {
         if (_this26.state.path !== _this26.state.selected && (!_this26.lastSelect || Date.now() - _this26.lastSelect > 100)) {
           var folder = _this26.state.path;
-
           if (isFile(_this26.state.path)) {
             folder = getParentDir(_this26.state.path);
           }
-
           new Promise(function (resolve) {
             if (!_this26.state.folders[folder]) {
               return _this26.browseFolder(folder).then(function (folders) {
@@ -2064,7 +1826,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
                 });
               });
             }
-
             return resolve(true);
           }).then(function (result) {
             return result && _this26.setState({
@@ -2084,13 +1845,11 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "renderBreadcrumb",
     value: function renderBreadcrumb() {
       var _this27 = this;
-
       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);
         var path = p.join('/');
-
         if (i < parts.length - 1) {
           return [/*#__PURE__*/_react["default"].createElement("div", {
             key: "".concat(_this27.state.selected, "_").concat(i),
@@ -2103,7 +1862,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             className: _this27.props.classes.pathDivBreadcrumbSlash
           }, '>')];
         }
-
         return /*#__PURE__*/_react["default"].createElement("div", {
           key: "".concat(_this27.state.selected, "_").concat(i),
           className: _this27.props.classes.pathDivBreadcrumbFile,
@@ -2119,7 +1877,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "renderPath",
     value: function renderPath() {
       var _this28 = this;
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: "path",
         className: _Utils["default"].clsx(this.props.classes.pathDiv, !this.state.pathFocus && this.props.classes.pathDivBreadcrumb)
@@ -2143,11 +1900,9 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this29 = this;
-
       if (!this.props.ready) {
         return /*#__PURE__*/_react["default"].createElement(_LinearProgress["default"], null);
       }
-
       if (this.state.loadAllFolders && !this.foldersLoading) {
         this.foldersLoading = true;
         setTimeout(function () {
@@ -2156,12 +1911,10 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             folders: {}
           }, function () {
             _this29.foldersLoading = false;
-
             _this29.loadFolders();
           });
         }, 300);
       }
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: this.props.style,
         className: _Utils["default"].clsx(this.props.classes.root, this.props.className)
@@ -2178,7 +1931,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           loadAllFolders: true
         };
       }
-
       return null;
     }
   }, {
@@ -2191,7 +1943,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         case 'html':
         case 'txt':
           return true;
-
         default:
           return false;
       }
@@ -2199,7 +1950,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
   }]);
   return FileBrowser;
 }(_react.Component);
-
 FileBrowser.defaultProps = {
   modalEditOfAccessControl: function modalEditOfAccessControl() {}
 };
@@ -2229,12 +1979,12 @@ FileBrowser.propTypes = {
   // images, code or txt from FileViewer.EXTENSIONS
   onSelect: _propTypes["default"].func,
   // function (id, isDoubleClick)
+
   modalEditOfAccessControl: _propTypes["default"].func
 };
-/** @type {typeof FileBrowser} */
 
+/** @type {typeof FileBrowser} */
 var _export = (0, _withWidth["default"])()((0, _styles.withStyles)(styles)(FileBrowser));
-
 var _default = _export;
 exports["default"] = _default;
 //# sourceMappingURL=FileBrowser.js.map