@iobroker/adapter-react-v5 4.5.3 → 4.5.5

package/Components/FileBrowser.js

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 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 _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -323,6 +325,9 @@ var styles = function styles(theme) {
     menuButtonExpertActive: {
       color: '#c00000'
     },
+    menuButtonRestrictActive: {
+      color: '#c05000'
+    },
     pathDiv: {
       display: 'flex',
       width: "calc(100% - ".concat(theme.spacing(2), ")"),
@@ -479,18 +484,29 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       viewType = TABLE;
     }
     var selected = _this.props.selected || (window._localStorage || window.localStorage).getItem('files.selected') || USER_DATA;
-
-    // TODO: Now we do not support multiple selection
-    if (Array.isArray(selected)) {
-      selected = selected[0];
-    }
     var currentDir = '';
-    if (isFile(selected)) {
-      currentDir = getParentDir(selected);
+    var _backgroundImage = (window._localStorage || window.localStorage).getItem('files.backgroundImage') || null;
+    if (props.restrictToFolder) {
+      selected = props.restrictToFolder;
+      currentDir = props.restrictToFolder;
+      var _parts = props.restrictToFolder.split('/');
+      expanded = [];
+      var path = '';
+      for (var i = 0; i < _parts.length; i++) {
+        path += (path ? '/' : '') + _parts[i];
+        expanded.push(path);
+      }
     } else {
-      currentDir = selected;
+      // TODO: Now we do not support multiple selection
+      if (Array.isArray(selected)) {
+        selected = selected[0];
+      }
+      if (isFile(selected)) {
+        currentDir = getParentDir(selected);
+      } else {
+        currentDir = selected;
+      }
     }
-    var _backgroundImage = (window._localStorage || window.localStorage).getItem('files.backgroundImage') || null;
     _this.state = {
       viewType: viewType,
       folders: {},
@@ -514,7 +530,8 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       // allFoldersLoaded: false,
       fileErrors: [],
       filterByType: props.filterByType || window.localStorage.getItem('files.filterByType') || '',
-      showTypesMenu: null
+      showTypesMenu: null,
+      restrictToFolder: props.restrictToFolder || ''
     };
     _this.imagePrefix = _this.props.imagePrefix || './files/';
     _this.levelPadding = _this.props.levelPadding || 20;
@@ -529,40 +546,75 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
   }
   (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);
-      }).then(function (folders) {
-        return _this2.setState({
-          folders: folders
-        }, 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,
-              pathFocus: false
-            }, function () {
-              return _this2.scrollToSelected();
-            });
-          } else {
-            _this2.scrollToSelected();
+    value: function () {
+      var _loadFolders = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var _this2 = this;
+        var folders;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              this.initialReadFinished = false;
+              _context.next = 3;
+              return this.browseFolder('/');
+            case 3:
+              folders = _context.sent;
+              if (!(this.state.viewType === TABLE)) {
+                _context.next = 10;
+                break;
+              }
+              _context.next = 7;
+              return this.browseFolders((0, _toConsumableArray2["default"])(this.state.expanded), folders);
+            case 7:
+              folders = _context.sent;
+              _context.next = 14;
+              break;
+            case 10:
+              if (!(this.state.currentDir && this.state.currentDir !== '/' && (!this.limitToObjectID || this.state.currentDir.startsWith(this.limitToObjectID)))) {
+                _context.next = 14;
+                break;
+              }
+              _context.next = 13;
+              return this.browseFolder(this.state.currentDir, folders);
+            case 13:
+              folders = _context.sent;
+            case 14:
+              this.setState({
+                folders: folders
+              }, 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,
+                    pathFocus: false
+                  }, function () {
+                    return _this2.scrollToSelected();
+                  });
+                } else {
+                  _this2.scrollToSelected();
+                }
+                _this2.initialReadFinished = true;
+              });
+            case 15:
+            case "end":
+              return _context.stop();
           }
-          _this2.initialReadFinished = true;
-        });
-      });
-    }
+        }, _callee, this);
+      }));
+      function loadFolders() {
+        return _loadFolders.apply(this, arguments);
+      }
+      return loadFolders;
+    }()
   }, {
     key: "scrollToSelected",
     value: function scrollToSelected() {
@@ -757,9 +809,13 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         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
-          if (!_this7.state.expertMode) {
+          if (_this7.state.restrictToFolder) {
+            var _adapter = _this7.state.restrictToFolder.split('/')[0];
+            objs = objs.filter(function (obj) {
+              return obj._id === _adapter;
+            });
+          } else if (!_this7.state.expertMode) {
+            // load only adapter.admin and not other meta files like hm-rpc.0.devices.blablabla
             objs = objs.filter(function (obj) {
               return !obj._id.endsWith('.admin');
             });
@@ -834,7 +890,13 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
             acl: file.acl,
             level: level
           };
-          if (_this7.limitToPath) {
+          if (_this7.state.restrictToFolder) {
+            if (item.folder && (item.id.startsWith("".concat(_this7.state.restrictToFolder, "/")) || item.id === _this7.state.restrictToFolder || _this7.state.restrictToFolder.startsWith("".concat(item.id, "/")))) {
+              _folders.push(item);
+            } else if (item.id.startsWith("".concat(_this7.state.restrictToFolder, "/"))) {
+              _folders.push(item);
+            }
+          } else if (_this7.limitToPath) {
             if (item.folder && (item.id.startsWith("".concat(_this7.limitToPath, "/")) || item.id === _this7.limitToPath || _this7.limitToPath.startsWith("".concat(item.id, "/")))) {
               _folders.push(item);
             } else if (item.id.startsWith("".concat(_this7.limitToPath, "/"))) {
@@ -1272,7 +1334,21 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/_react["default"].createElement(_material.Toolbar, {
         key: "toolbar",
         variant: "dense"
-      }, this.props.showExpertButton ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+      }, this.props.allowNonRestricted && this.props.restrictToFolder ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+        edge: "start",
+        title: this.state.restrictToFolder ? this.props.t('ra_Show all folders') : this.props.t('ra_Restrict to folder'),
+        className: _Utils["default"].clsx(this.props.classes.menuButton, this.state.restrictToFolder && this.props.classes.menuButtonRestrictActive),
+        "aria-label": "restricted to folder",
+        onClick: function onClick() {
+          return _this16.setState({
+            restrictToFolder: _this16.state.restrictToFolder ? '' : _this16.props.restrictToFolder,
+            loadAllFolders: true
+          });
+        },
+        size: "small"
+      }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.FolderSpecial, {
+        fontSize: "small"
+      })) : null, this.props.showExpertButton ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
         edge: "start",
         title: this.props.t('ra_Toggle expert mode'),
         className: _Utils["default"].clsx(this.props.classes.menuButton, this.state.expertMode && this.props.classes.menuButtonExpertActive),
@@ -1688,9 +1764,9 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         })) : Promise.resolve()).then(function () {
           // 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 () {
+            var _parts2 = id.split('/');
+            var _adapter2 = _parts2.shift();
+            _this20.props.socket.deleteFolder(_adapter2, _parts2.join('/')).then(function () {
               // remove this folder
               var folders = JSON.parse(JSON.stringify(_this20.state.folders));
               delete folders[item.id];
@@ -2060,6 +2136,11 @@ FileBrowser.propTypes = {
   showExpertButton: _propTypes["default"].bool,
   viewType: _propTypes["default"].string,
   showViewTypeButton: _propTypes["default"].bool,
+  restrictToFolder: _propTypes["default"].string,
+  // If defined, allow selecting only files from this folder
+  allowNonRestricted: _propTypes["default"].bool,
+  // If restrictToFolder defined, allow selecting files outside of this folder
+
   selected: _propTypes["default"].string,
   tileView: _propTypes["default"].bool,
   filterFiles: _propTypes["default"].array,
@@ -2074,6 +2155,5 @@ FileBrowser.propTypes = {
 
 /** @type {typeof FileBrowser} */
 var _export = (0, _withWidth["default"])()((0, _styles.withStyles)(styles)(FileBrowser));
-var _default = _export;
-exports["default"] = _default;
+var _default = exports["default"] = _export;
 //# sourceMappingURL=FileBrowser.js.map