@iobroker/adapter-react-v5 3.1.34 → 3.2.0

package/Components/ObjectBrowser.js

@@ -1,200 +1,104 @@
 "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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 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"));
-
 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 _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _copyToClipboard = _interopRequireDefault(require("./copy-to-clipboard"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _reactInlinesvg = _interopRequireDefault(require("react-inlinesvg"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-
 var _Select = _interopRequireDefault(require("@mui/material/Select"));
-
 var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-
 var _Input = _interopRequireDefault(require("@mui/material/Input"));
-
 var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
-
 var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
-
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
-
 var _Snackbar = _interopRequireDefault(require("@mui/material/Snackbar"));
-
 var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
-
 var _List = _interopRequireDefault(require("@mui/material/List"));
-
 var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
-
 var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
-
 var _ListItemSecondaryAction = _interopRequireDefault(require("@mui/material/ListItemSecondaryAction"));
-
 var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
-
 var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
-
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-
 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 _Fab = _interopRequireDefault(require("@mui/material/Fab"));
-
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-
 var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
-
 var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
-
 var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
-
 var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
-
 var _Settings = _interopRequireDefault(require("@mui/icons-material/Settings"));
-
 var _SettingsApplications = _interopRequireDefault(require("@mui/icons-material/SettingsApplications"));
-
 var _Photo = _interopRequireDefault(require("@mui/icons-material/Photo"));
-
 var _SupervisedUserCircle = _interopRequireDefault(require("@mui/icons-material/SupervisedUserCircle"));
-
 var _CalendarToday = _interopRequireDefault(require("@mui/icons-material/CalendarToday"));
-
 var _PersonOutlined = _interopRequireDefault(require("@mui/icons-material/PersonOutlined"));
-
 var _Router = _interopRequireDefault(require("@mui/icons-material/Router"));
-
 var _Wifi = _interopRequireDefault(require("@mui/icons-material/Wifi"));
-
 var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
-
 var _Description = _interopRequireDefault(require("@mui/icons-material/Description"));
-
 var _Code = _interopRequireDefault(require("@mui/icons-material/Code"));
-
 var _ShowChart = _interopRequireDefault(require("@mui/icons-material/ShowChart"));
-
 var _ListAlt = _interopRequireDefault(require("@mui/icons-material/ListAlt"));
-
 var _ViewColumn = _interopRequireDefault(require("@mui/icons-material/ViewColumn"));
-
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-
 var _Build = _interopRequireDefault(require("@mui/icons-material/Build"));
-
 var _Publish = _interopRequireDefault(require("@mui/icons-material/Publish"));
-
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
-
 var _Refresh = _interopRequireDefault(require("@mui/icons-material/Refresh"));
-
 var _LooksOne = _interopRequireDefault(require("@mui/icons-material/LooksOne"));
-
 var _RoomService = _interopRequireDefault(require("@mui/icons-material/RoomService"));
-
 var _Error = _interopRequireDefault(require("@mui/icons-material/Error"));
-
 var _WifiOff = _interopRequireDefault(require("@mui/icons-material/WifiOff"));
-
 var _IconExpert = _interopRequireDefault(require("../icons/IconExpert"));
-
 var _IconAdapter = _interopRequireDefault(require("../icons/IconAdapter"));
-
 var _IconAlias = _interopRequireDefault(require("../icons/IconAlias"));
-
 var _IconChannel = _interopRequireDefault(require("../icons/IconChannel"));
-
 var _IconCopy = _interopRequireDefault(require("../icons/IconCopy"));
-
 var _IconDevice = _interopRequireDefault(require("../icons/IconDevice"));
-
 var _IconDocument = _interopRequireDefault(require("../icons/IconDocument"));
-
 var _IconDocumentReadOnly = _interopRequireDefault(require("../icons/IconDocumentReadOnly"));
-
 var _IconInstance = _interopRequireDefault(require("../icons/IconInstance"));
-
 var _IconState = _interopRequireDefault(require("../icons/IconState"));
-
 var _IconClosed = _interopRequireDefault(require("../icons/IconClosed"));
-
 var _IconOpen = _interopRequireDefault(require("../icons/IconOpen"));
-
 var _IconClearFilter = _interopRequireDefault(require("../icons/IconClearFilter"));
-
 var _Icon = _interopRequireDefault(require("./Icon"));
-
 var _withWidth = _interopRequireDefault(require("./withWidth"));
-
 var _Utils = _interopRequireDefault(require("./Utils"));
-
 var _TabContainer = _interopRequireDefault(require("./TabContainer"));
-
 var _TabContent = _interopRequireDefault(require("./TabContent"));
-
 var _TabHeader = _interopRequireDefault(require("./TabHeader"));
-
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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 ICON_SIZE = 24;
 var ROW_HEIGHT = 32;
 var ITEM_LEVEL = 16;
@@ -207,14 +111,13 @@ var COLOR_NAME_CONNECTED_DARK = '#57ff45';
 var COLOR_NAME_CONNECTED_LIGHT = '#098c04';
 var COLOR_NAME_DISCONNECTED_DARK = '#f3ad11';
 var COLOR_NAME_DISCONNECTED_LIGHT = '#6c5008';
-
 var styles = function styles(theme) {
   return {
     toolbar: {
       minHeight: 38 //Theme.toolbar.height,
       //        boxShadow: '0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)'
-
     },
+
     toolbarButtons: {
       padding: 4,
       marginLeft: 4
@@ -370,10 +273,11 @@ var styles = function styles(theme) {
     cellIdSpan: {
       overflow: 'hidden',
       textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap' //display: 'inline-block',
+      whiteSpace: 'nowrap'
+      //display: 'inline-block',
       //verticalAlign: 'top',
-
     },
+
     cellIdIconFolder: {
       marginRight: theme.spacing(1),
       width: ROW_HEIGHT - 4,
@@ -821,7 +725,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 function generateFile(filename, obj) {
   var el = document.createElement('a');
   el.setAttribute('href', 'data:application/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(obj, null, 2)));
@@ -830,85 +733,64 @@ function generateFile(filename, obj) {
   document.body.appendChild(el);
   el.click();
   document.body.removeChild(el);
-} // d=data, t=target, s=start, e=end, m=middle
-
+}
 
+// d=data, t=target, s=start, e=end, m=middle
 function binarySearch(list, find, _start, _end) {
   _start = _start || 0;
-
   if (_end === undefined) {
     _end = list.length - 1;
-
     if (!_end) {
       return list[0] === find;
     }
   }
-
   var middle = Math.floor((_start + _end) / 2);
-
   if (find === list[middle]) {
     return list[middle];
   }
-
   if (_end - 1 === _start) {
     return list[_start] === find || list[_end] === find;
   }
-
   if (find > list[middle]) {
     return binarySearch(list, find, middle, _end);
   }
-
   if (find < list[middle]) {
     return binarySearch(list, find, _start, middle);
   }
 }
-
 function applyFilter(item, filters, lang, objects, context, counter, customFilter, selectedTypes, _depth) {
   _depth = _depth || 0;
   var filteredOut = false;
-
   if (!context) {
     context = {};
-
     if (filters.id) {
       context.id = filters.id.toLowerCase();
     }
-
     if (filters.name) {
       context.name = filters.name.toLowerCase();
     }
-
     if (filters.type) {
       context.type = filters.type.toLowerCase();
     }
-
     if (filters.custom) {
       context.custom = filters.custom.toLowerCase();
     }
-
     if (filters.role) {
       context.role = filters.role.toLowerCase();
     }
-
     if (filters.room) {
       context.room = objects[filters.room] && objects[filters.room].common && objects[filters.room].common.members || [];
     }
-
     if (filters.func) {
       context.func = objects[filters.func] && objects[filters.func].common && objects[filters.func].common.members || [];
     }
   }
-
   var data = item.data;
-
   if (data && data.id) {
     var _data$obj;
-
     var common = (_data$obj = data.obj) === null || _data$obj === void 0 ? void 0 : _data$obj.common;
-
     if (customFilter) {
       var _customFilter$common, _customFilter$common2, _customFilter$common3;
-
       if (customFilter.type) {
         if (typeof customFilter.type === 'string') {
           if (!data.obj || customFilter.type !== data.obj.type) {
@@ -920,7 +802,6 @@ function applyFilter(item, filters, lang, objects, context, counter, customFilte
           }
         }
       }
-
       if (!filteredOut && (_customFilter$common = customFilter.common) !== null && _customFilter$common !== void 0 && _customFilter$common.type) {
         if (!(common !== null && common !== void 0 && common.type)) {
           filteredOut = true;
@@ -934,7 +815,6 @@ function applyFilter(item, filters, lang, objects, context, counter, customFilte
           }
         }
       }
-
       if (!filteredOut && (_customFilter$common2 = customFilter.common) !== null && _customFilter$common2 !== void 0 && _customFilter$common2.role) {
         if (!(common !== null && common !== void 0 && common.role)) {
           filteredOut = true;
@@ -950,7 +830,6 @@ function applyFilter(item, filters, lang, objects, context, counter, customFilte
           }
         }
       }
-
       if (!filteredOut && (_customFilter$common3 = customFilter.common) !== null && _customFilter$common3 !== void 0 && _customFilter$common3.custom) {
         if (!(common !== null && common !== void 0 && common.custom)) {
           filteredOut = true;
@@ -968,33 +847,28 @@ function applyFilter(item, filters, lang, objects, context, counter, customFilte
         }
       }
     }
-
     if (!filteredOut && !filters.expertMode) {
-      filteredOut = data.id === 'system' || data.id === 'enum' || // (data.obj && data.obj.type === 'meta') ||
+      filteredOut = data.id === 'system' || data.id === 'enum' ||
+      // (data.obj && data.obj.type === 'meta') ||
       data.id.startsWith('system.') || data.id.startsWith('enum.') || data.id.startsWith('_design/') || data.id.endsWith('.admin') || common && common.expert;
     }
-
     if (!filteredOut && context.id) {
       if (data.fID === undefined) {
         data.fID = data.id.toLowerCase();
       }
-
       filteredOut = !data.fID.includes(context.id);
     }
-
     if (!filteredOut && context.name) {
       if (common) {
         if (data.fName === undefined) {
           data.fName = common && getName(common.name, lang) || '';
           data.fName = data.fName.toLowerCase();
         }
-
         filteredOut = !data.fName.includes(context.name);
       } else {
         filteredOut = true;
       }
     }
-
     if (!filteredOut && filters.role && common) {
       if (common) {
         filteredOut = !(common.role && common.role.startsWith(context.role));
@@ -1002,27 +876,22 @@ function applyFilter(item, filters, lang, objects, context, counter, customFilte
         filteredOut = true;
       }
     }
-
     if (!filteredOut && context.room) {
       filteredOut = !context.room.find(function (id) {
         return id === data.id || data.id.startsWith(id + '.');
       });
     }
-
     if (!filteredOut && context.func) {
       filteredOut = !context.func.find(function (id) {
         return id === data.id || data.id.startsWith(id + '.');
       });
     }
-
     if (!filteredOut && context.type) {
       filteredOut = !(data.obj && data.obj.type && data.obj.type === context.type);
     }
-
     if (!filteredOut && selectedTypes) {
       filteredOut = !(data.obj && data.obj.type && selectedTypes.includes(data.obj.type));
     }
-
     if (!filteredOut && context.custom) {
       if (common) {
         filteredOut = !common.custom || !common.custom[context.custom];
@@ -1031,56 +900,47 @@ function applyFilter(item, filters, lang, objects, context, counter, customFilte
       }
     }
   }
-
   data.visible = !filteredOut;
   data.hasVisibleChildren = false;
-
   if (item.children && _depth < 20) {
     item.children.forEach(function (_item) {
       var visible = applyFilter(_item, filters, lang, objects, context, counter, customFilter, selectedTypes, _depth + 1);
-
       if (visible) {
         data.hasVisibleChildren = true;
       }
     });
-  } // const visible = data.visible || data.hasVisibleChildren;
-
+  }
 
+  // const visible = data.visible || data.hasVisibleChildren;
   data.sumVisibility = data.visible || data.hasVisibleChildren; // || data.hasVisibleParent;
-
   if (counter && data.sumVisibility) {
     counter.count++;
-  } // show all children of visible object with opacity 0.5
-
+  }
 
+  // show all children of visible object with opacity 0.5
   if (data.id && data.sumVisibility && item.children) {
     item.children.forEach(function (_item) {
       return _item.data.hasVisibleParent = true;
     });
   }
-
   return data.visible || data.hasVisibleChildren;
 }
-
 function getVisibleItems(item, type, objects, _result) {
   _result = _result || [];
   var data = item.data;
-
   if (data.sumVisibility) {
     var _item$children;
-
     data.id && objects[data.id] && (!type || objects[data.id].type === type) && _result.push(data.id);
     (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.forEach(function (_item) {
       return getVisibleItems(_item, type, objects, _result);
     });
   }
-
   return _result;
 }
-
 function getSystemIcon(objects, id, k, imagePrefix) {
-  var icon; // system or design have special icons
+  var icon;
 
+  // system or design have special icons
   if (id.startsWith('_design/') || id === 'system') {
     icon = /*#__PURE__*/_react["default"].createElement(_SettingsApplications["default"], {
       className: "iconOwn"
@@ -1127,10 +987,8 @@ function getSystemIcon(objects, id, k, imagePrefix) {
       icon = getSelectIdIcon(objects, 'system.adapter.' + id, imagePrefix);
     }
   }
-
   return icon || null;
 }
-
 function buildTree(objects, options) {
   options = options || {};
   var imagePrefix = options.imagePrefix || '.';
@@ -1141,8 +999,9 @@ function buildTree(objects, options) {
     b = b.replace(/\./g, '!!!');
     if (a > b) return 1;
     return -1;
-  }); // find empty nodes and create names for it
+  });
 
+  // find empty nodes and create names for it
   var currentPathArr = [];
   var currentPath = '';
   var currentPathLen = 0;
@@ -1165,27 +1024,20 @@ function buildTree(objects, options) {
     hasSomeCustoms: false
   };
   var croot = root;
-
   var _loop = function _loop(i) {
     var id = ids[i];
-
     if (!id) {
       return "continue";
     }
-
     var obj = objects[id];
     var parts = id.split('.');
-
     if (obj.type && !info.types.includes(obj.type)) {
       info.types.push(obj.type);
     }
-
     if (obj) {
       var _common$adminUI;
-
       var common = obj.common;
       var role = common && common.role;
-
       if (role && !info.roles.includes(role)) {
         info.roles.push(role);
       } else if (id.startsWith('enum.rooms.')) {
@@ -1201,23 +1053,23 @@ function buildTree(objects, options) {
         info.customs.push(id.substring('system.adapter.'.length));
       }
     }
-
     info.ids.push(id);
-    var repeat = void 0; // if next level
+    var repeat = void 0;
 
+    // if next level
     do {
-      repeat = false; // If current level is still OK and we can add ID to children
+      repeat = false;
 
+      // If current level is still OK and we can add ID to children
       if (!currentPath || id.startsWith(currentPath + '.')) {
         var _obj$common, _obj$common2, _obj$common3;
-
         // if more than one level added
         if (parts.length - currentPathLen > 1) {
-          var curPath = currentPath; // generate missing levels
-
+          var curPath = currentPath;
+          // generate missing levels
           var _loop2 = function _loop2(k) {
-            curPath += (curPath ? '.' : '') + parts[k]; // level does not exist
-
+            curPath += (curPath ? '.' : '') + parts[k];
+            // level does not exist
             if (!binarySearch(info.ids, curPath)) {
               var _croot2 = {
                 data: {
@@ -1240,12 +1092,10 @@ function buildTree(objects, options) {
               });
             }
           };
-
           for (var k = currentPathLen; k < parts.length - 1; k++) {
             _loop2(k);
           }
         }
-
         var _croot = {
           data: {
             name: parts[parts.length - 1],
@@ -1268,17 +1118,14 @@ function buildTree(objects, options) {
         currentPath = id;
       } else {
         var u = 0;
-
         while (currentPathArr[u] === parts[u]) {
           u++;
         }
-
         if (u > 0) {
           var move = currentPathArr.length;
           currentPathArr = currentPathArr.splice(0, u);
           currentPathLen = u;
           currentPath = currentPathArr.join('.');
-
           while (move > u) {
             croot = croot.data.parent;
             move--;
@@ -1289,24 +1136,18 @@ function buildTree(objects, options) {
           currentPath = '';
           currentPathLen = 0;
         }
-
         repeat = true;
       }
     } while (repeat);
   };
-
   for (var i = 0; i < ids.length; i++) {
     var _ret = _loop(i);
-
     if (_ret === "continue") continue;
   }
-
   info.roomEnums.sort(function (a, b) {
     var _objects$a, _objects$a$common, _objects$b, _objects$b$common;
-
     var aName = getName(((_objects$a = objects[a]) === null || _objects$a === void 0 ? void 0 : (_objects$a$common = _objects$a.common) === null || _objects$a$common === void 0 ? void 0 : _objects$a$common.name) || a.split('.').pop());
     var bName = getName(((_objects$b = objects[b]) === null || _objects$b === void 0 ? void 0 : (_objects$b$common = _objects$b.common) === null || _objects$b$common === void 0 ? void 0 : _objects$b$common.name) || b.split('.').pop());
-
     if (aName > bName) {
       return 1;
     } else if (aName < bName) {
@@ -1317,10 +1158,8 @@ function buildTree(objects, options) {
   });
   info.funcEnums.sort(function (a, b) {
     var _objects$a2, _objects$a2$common, _objects$b2, _objects$b2$common;
-
     var aName = getName(((_objects$a2 = objects[a]) === null || _objects$a2 === void 0 ? void 0 : (_objects$a2$common = _objects$a2.common) === null || _objects$a2$common === void 0 ? void 0 : _objects$a2$common.name) || a.split('.').pop());
     var bName = getName(((_objects$b2 = objects[b]) === null || _objects$b2 === void 0 ? void 0 : (_objects$b2$common = _objects$b2.common) === null || _objects$b2$common === void 0 ? void 0 : _objects$b2$common.name) || b.split('.').pop());
-
     if (aName > bName) {
       return 1;
     } else if (aName < bName) {
@@ -1336,26 +1175,21 @@ function buildTree(objects, options) {
     root: root
   };
 }
-
 function findNode(root, id, _parts, _path, _level) {
   if (root.data.id === id) {
     return root;
   }
-
   if (!_parts) {
     _parts = id.split('.');
     _level = 0;
     _path = _parts[_level];
   }
-
   if (!root.children && root.data.id !== id) {
     return null;
   } else {
     var found;
-
     for (var i = 0; i < root.children.length; i++) {
       var _id = root.children[i].data.id;
-
       if (_id === _path) {
         found = root.children[i];
         break;
@@ -1363,7 +1197,6 @@ function findNode(root, id, _parts, _path, _level) {
         break;
       }
     }
-
     if (found) {
       return findNode(found, id, _parts, _path + '.' + _parts[_level + 1], _level + 1);
     } else {
@@ -1371,7 +1204,6 @@ function findNode(root, id, _parts, _path, _level) {
     }
   }
 }
-
 function getName(name, lang) {
   if (name && (0, _typeof2["default"])(name) === 'object') {
     return (name[lang] || name.en || '').toString();
@@ -1379,7 +1211,6 @@ function getName(name, lang) {
     return (name || '').toString();
   }
 }
-
 function findRoomsForObject(data, id, lang, withParentInfo, rooms) {
   if (!id) {
     return {
@@ -1387,15 +1218,11 @@ function findRoomsForObject(data, id, lang, withParentInfo, rooms) {
       per: false
     };
   }
-
   rooms = rooms || [];
-
   for (var i = 0; i < data.roomEnums.length; i++) {
     var _data$objects$data$ro, _common$members;
-
     var common = (_data$objects$data$ro = data.objects[data.roomEnums[i]]) === null || _data$objects$data$ro === void 0 ? void 0 : _data$objects$data$ro.common;
     var name = getName(common.name, lang);
-
     if (common !== null && common !== void 0 && (_common$members = common.members) !== null && _common$members !== void 0 && _common$members.includes(id) && !rooms.includes(name)) {
       if (!withParentInfo) {
         rooms.push(name);
@@ -1407,18 +1234,16 @@ function findRoomsForObject(data, id, lang, withParentInfo, rooms) {
       }
     }
   }
+  var ownEnums;
 
-  var ownEnums; // Check parent
-
+  // Check parent
   var parts = id.split('.');
   parts.pop();
   id = parts.join('.');
-
   if (data.objects[id]) {
     ownEnums = rooms.length;
     findRoomsForObject(data, id, lang, withParentInfo, rooms);
   }
-
   return {
     rooms: rooms,
     per: !ownEnums
@@ -1429,23 +1254,17 @@ function findEnumsForObjectAsIds(data, id, enumName, funcs) {
   if (!id) {
     return [];
   }
-
   funcs = funcs || [];
-
   for (var i = 0; i < data[enumName].length; i++) {
     var _data$objects$data$en, _common$members2;
-
     var common = (_data$objects$data$en = data.objects[data[enumName][i]]) === null || _data$objects$data$en === void 0 ? void 0 : _data$objects$data$en.common;
-
     if (common !== null && common !== void 0 && (_common$members2 = common.members) !== null && _common$members2 !== void 0 && _common$members2.includes(id) && !funcs.includes(data[enumName][i])) {
       funcs.push(data[enumName][i]);
     }
   }
-
   funcs.sort();
   return funcs;
 }
-
 function findFunctionsForObject(data, id, lang, withParentInfo, funcs) {
   if (!id) {
     return {
@@ -1453,15 +1272,11 @@ function findFunctionsForObject(data, id, lang, withParentInfo, funcs) {
       pef: false
     };
   }
-
   funcs = funcs || [];
-
   for (var i = 0; i < data.funcEnums.length; i++) {
     var _data$objects$data$fu, _common$members3;
-
     var common = (_data$objects$data$fu = data.objects[data.funcEnums[i]]) === null || _data$objects$data$fu === void 0 ? void 0 : _data$objects$data$fu.common;
     var name = getName(common.name, lang);
-
     if (common !== null && common !== void 0 && (_common$members3 = common.members) !== null && _common$members3 !== void 0 && _common$members3.includes(id) && !funcs.includes(name)) {
       if (!withParentInfo) {
         funcs.push(name);
@@ -1473,23 +1288,22 @@ function findFunctionsForObject(data, id, lang, withParentInfo, funcs) {
       }
     }
   }
+  var ownEnums;
 
-  var ownEnums; // Check parent
-
+  // Check parent
   var parts = id.split('.');
   parts.pop();
   id = parts.join('.');
-
   if (data.objects[id]) {
     ownEnums = funcs.length;
     findFunctionsForObject(data, id, lang, withParentInfo, funcs);
   }
-
   return {
     funcs: funcs,
     pef: !ownEnums
   };
 }
+
 /*function quality2text(q) {
     if (!q) {
         return 'ok';
@@ -1505,21 +1319,19 @@ function findFunctionsForObject(data, id, lang, withParentInfo, funcs) {
     return text + (custom ? '|0x' + (custom >> 16).toString(16).toUpperCase() : '') + ' [0x' + q.toString(16).toUpperCase() + ']';
 }*/
 
-
 function formatValue(id, state, obj, texts, dateFormat, isFloatComma) {
   var states = _Utils["default"].getStates(obj);
-
   var isCommon = obj.common;
   var valText = {};
   var v = isCommon && isCommon.type === 'file' ? '[file]' : !state || state.val === null ? '(null)' : state.val === undefined ? '[undef]' : state.val;
   var type = (0, _typeof2["default"])(v);
-
   if (isCommon && isCommon.role && typeof isCommon.role === 'string' && isCommon.role.match(/^value\.time|^date/)) {
     if (v && typeof v === 'string') {
       if (v.length === 13) {
         // (length of "1647597254924") warning, this solution only works till Nov 20 2286 18:46:39CET
         v = new Date(parseInt(v, 10)).toString();
-      } else {// we don't know what is that, so leave it as it is
+      } else {
+        // we don't know what is that, so leave it as it is
       }
     } else {
       // null and undefined could not be here. See `let v = (isCommon && isCommon.type === 'file') ....` above
@@ -1528,7 +1340,6 @@ function formatValue(id, state, obj, texts, dateFormat, isFloatComma) {
   } else {
     if (type === 'number') {
       v = Math.round(v * 100000000) / 100000000; // remove 4.00000000000000001
-
       if (isFloatComma) {
         v = v.toString().replace('.', ',');
       }
@@ -1537,31 +1348,26 @@ function formatValue(id, state, obj, texts, dateFormat, isFloatComma) {
     } else if (type !== 'string') {
       v = v.toString();
     }
-
     if (typeof v !== 'string') {
       v = v.toString();
     }
-  } // try to replace number with "common.states"
-
+  }
 
+  // try to replace number with "common.states"
   if (states && states[v] !== undefined) {
     if (v !== states[v]) {
       valText.s = v;
       v = states[v];
     }
   }
-
   var valFull;
-
   if (isCommon && isCommon.unit) {
     valText.u = isCommon.unit;
   }
-
   valFull = [{
     t: texts.value,
     v: v
   }];
-
   if (state) {
     if (state.ack !== undefined && state.ack !== null) {
       valFull.push({
@@ -1569,61 +1375,50 @@ function formatValue(id, state, obj, texts, dateFormat, isFloatComma) {
         v: state.ack.toString()
       });
     }
-
     if (state.ts) {
       valFull.push({
         t: texts.ts,
         v: state.ts ? _Utils["default"].formatDate(new Date(state.ts), dateFormat) : ''
       });
     }
-
     if (state.lc) {
       valFull.push({
         t: texts.lc,
         v: state.lc ? _Utils["default"].formatDate(new Date(state.lc), dateFormat) : ''
       });
     }
-
     if (state.from) {
       var from = state.from.toString();
-
       if (from.startsWith('system.adapter.')) {
         from = from.substring(15);
       }
-
       valFull.push({
         t: texts.from,
         v: from
       });
     }
-
     if (state.user) {
       var user = state.user.toString();
-
       if (user.startsWith('system.user.')) {
         user = user.substring(12);
       }
-
       valFull.push({
         t: texts.user,
         v: user
       });
     }
-
     if (state.c) {
       valFull.push({
         t: texts.c,
         v: state.c
       });
     }
-
     valFull.push({
       t: texts.quality,
       v: _Utils["default"].quality2text(state.q || 0).join(', '),
       nbr: true
     });
   }
-
   valText.v = v;
   return {
     valText: valText,
@@ -1633,16 +1428,11 @@ function formatValue(id, state, obj, texts, dateFormat, isFloatComma) {
     }
   };
 }
-
 function getSelectIdIcon(objects, id, imagePrefix) {
   imagePrefix = imagePrefix || '.'; //http://localhost:8081';
-
   var src = '';
-
   var _id_ = 'system.adapter.' + id;
-
   var aIcon = id && objects[_id_] && objects[_id_].common && objects[_id_].common.icon;
-
   if (aIcon) {
     // if not BASE64
     if (!aIcon.startsWith('data:image/')) {
@@ -1666,36 +1456,29 @@ function getSelectIdIcon(objects, id, imagePrefix) {
     }
   } else {
     var common = objects[id] && objects[id].common;
-
     if (common) {
       var cIcon = common.icon;
-
       if (cIcon) {
         if (!cIcon.startsWith('data:image/')) {
           if (cIcon.includes('.')) {
             var instance;
-
             if (objects[id].type === 'instance' || objects[id].type === 'adapter') {
               src = "".concat(imagePrefix, "/adapter/").concat(common.name, "/").concat(cIcon);
             } else if (id && id.startsWith('system.adapter.')) {
               instance = id.split('.', 3);
-
               if (cIcon[0] === '/') {
                 instance[2] += cIcon;
               } else {
                 instance[2] += '/' + cIcon;
               }
-
               src = "".concat(imagePrefix, "/adapter/").concat(instance[2]);
             } else {
               instance = id.split('.', 2);
-
               if (cIcon[0] === '/') {
                 instance[0] += cIcon;
               } else {
                 instance[0] += '/' + cIcon;
               }
-
               src = "".concat(imagePrefix, "/adapter/").concat(instance[0]);
             }
           } else if (aIcon && aIcon.length < 3) {
@@ -1718,22 +1501,18 @@ function getSelectIdIcon(objects, id, imagePrefix) {
       }
     }
   }
-
   return src || null;
 }
-
 function prepareSparkData(values, from) {
   // set every hour one point
   var time = from;
   var i = 1;
   var v = [];
-
   while (i < values.length && time < from + 25 * 3600000) {
     // find the interval
     while (values[i - 1].ts < time && time <= values[i].ts && i < values.length) {
       i++;
     }
-
     if (i === 1 && values[i - 1].ts >= time) {
       // assume the value was always null
       v.push(0);
@@ -1743,23 +1522,20 @@ function prepareSparkData(values, from) {
       } else {
         // remove nulls
         values[i - 1].val = values[i - 1].val || 0;
-        values[i].val = values[i].val || 0; // interpolate
-
+        values[i].val = values[i].val || 0;
+        // interpolate
         var val = values[i - 1].val + (values[i].val - values[i - 1].val) * (time - values[i - 1].ts) / (values[i].ts - values[i - 1].ts);
         v.push(val);
       }
     }
-
     time += 3600000;
   }
-
   return v;
 }
+
 /**
  * @type {import('./types').ObjectBrowserTableFilter}
  */
-
-
 var DEFAULT_FILTER = {
   id: '',
   name: '',
@@ -1897,41 +1673,33 @@ var SCREEN_WIDTHS = {
   }
 };
 var objectsAlreadyLoaded = false;
+
 /**
  * @extends {React.Component<import('./types').ObjectBrowserProps>}
  */
-
 var ObjectBrowser = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(ObjectBrowser, _Component);
-
   var _super = _createSuper(ObjectBrowser);
-
   /**
    * @param {import('./types').ObjectBrowserProps} props
    */
   function ObjectBrowser(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, ObjectBrowser);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onStateChange", function (id, state) {
       console.log('> stateChange ' + id);
-
       if (_this.states[id]) {
         var item = _this.findItem(id);
-
         if (item && item.data.state) {
           item.data.state = null;
         }
       }
-
       _this.states[id] = state;
-
       if (!_this.pausedSubscribes) {
         if (!_this.statesUpdateTimer) {
           _this.statesUpdateTimer = setTimeout(function () {
             _this.statesUpdateTimer = null;
-
             _this.forceUpdate();
           }, 300);
         }
@@ -1944,29 +1712,22 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onObjectChange", function (id, obj, oldObj) {
       var newState;
-
       if (Array.isArray(id)) {
         id.forEach(function (event) {
           console.log('> objectChange ' + event.id);
-
           if (event.obj && typeof _this.props.filterFunc === 'function' && !_this.props.filterFunc(event.obj)) {
             return;
           }
-
           if (event.id.startsWith('system.adapter.') && event.obj && event.obj.type === 'adapter') {
             var columnsForAdmin = JSON.parse(JSON.stringify(_this.state.columnsForAdmin));
-
             _this.parseObjectForAdmins(columnsForAdmin, event.obj);
-
             if (JSON.stringify(_this.state.columnsForAdmin) !== JSON.stringify(columnsForAdmin)) {
               newState = {
                 columnsForAdmin: columnsForAdmin
               };
             }
           }
-
           _this.objects = _this.objects || [];
-
           if (_this.objects[event.id]) {
             if (event.obj) {
               _this.objects[event.id] = event.obj;
@@ -1980,23 +1741,18 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       } else {
         console.log('> objectChange ' + id);
         _this.objects = _this.objects || [];
-
         if (obj && typeof _this.props.filterFunc === 'function' && !_this.props.filterFunc(obj)) {
           return;
         }
-
         if (id.startsWith('system.adapter.') && obj && obj.type === 'adapter') {
           var columnsForAdmin = JSON.parse(JSON.stringify(_this.state.columnsForAdmin));
-
           _this.parseObjectForAdmins(columnsForAdmin, obj);
-
           if (JSON.stringify(_this.state.columnsForAdmin) !== JSON.stringify(columnsForAdmin)) {
             newState = {
               columnsForAdmin: columnsForAdmin
             };
           }
         }
-
         if (_this.objects[id]) {
           if (obj) {
             _this.objects[id] = obj;
@@ -2007,34 +1763,28 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           delete _this.objects[id];
         }
       }
-
       newState && _this.setState(newState);
-
       if (!_this.objectsUpdateTimer && _this.objects) {
         _this.objectsUpdateTimer = setTimeout(function () {
           _this.objectsUpdateTimer = null;
-
           var _buildTree = buildTree(_this.objects, _this.props),
-              info = _buildTree.info,
-              root = _buildTree.root;
-
+            info = _buildTree.info,
+            root = _buildTree.root;
           _this.root = root;
           _this.info = info;
           _this.lastAppliedFilter = null; // apply filter anew
 
           if (!_this.pausedSubscribes) {
             _this.forceUpdate();
-          } // else it will be re-rendered when dialog will be closed
-
+          }
+          // else it will be re-rendered when dialog will be closed
         }, 500);
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getEnumsForId", function (id) {
       var result = [];
-
       _this.info.enums.forEach(function (_id) {
         var _this$objects$_id, _this$objects$_id$com, _this$objects$_id$com2;
-
         if ((_this$objects$_id = _this.objects[_id]) !== null && _this$objects$_id !== void 0 && (_this$objects$_id$com = _this$objects$_id.common) !== null && _this$objects$_id$com !== void 0 && (_this$objects$_id$com2 = _this$objects$_id$com.members) !== null && _this$objects$_id$com2 !== void 0 && _this$objects$_id$com2.includes(id)) {
           var en = {
             _id: _this.objects[_id]._id,
@@ -2042,50 +1792,40 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             "native": _this.objects[_id]["native"],
             type: 'enum'
           };
-
           if (en.common) {
             delete en.common.members;
             delete en.common.custom;
             delete en.common.mobile;
           }
-
           result.push(en);
         }
       });
-
       return result.length ? result : undefined;
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_createAllEnums", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(enums, objId) {
         var e, _enObj$common, _enObj$common$members, id, _enObj, enObj;
-
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
                 e = 0;
-
               case 1:
                 if (!(e < enums.length)) {
                   _context.next = 24;
                   break;
                 }
-
                 id = enums[e];
                 _enObj = void 0;
-
                 if ((0, _typeof2["default"])(id) === 'object') {
                   _enObj = id;
                   id = id._id;
                 }
-
                 enObj = _this.objects[id];
-
                 if (enObj) {
                   _context.next = 14;
                   break;
                 }
-
                 enObj = _enObj || {
                   _id: id,
                   common: {
@@ -2098,30 +1838,25 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                 enObj.common.members = [objId];
                 _context.next = 12;
                 return _this.props.socket.setObject(id, enObj);
-
               case 12:
                 _context.next = 21;
                 break;
-
               case 14:
                 if ((_enObj$common = enObj.common) !== null && _enObj$common !== void 0 && (_enObj$common$members = _enObj$common.members) !== null && _enObj$common$members !== void 0 && _enObj$common$members.includes(objId)) {
                   _context.next = 21;
                   break;
                 }
-
                 enObj.common = enObj.common || {};
-                enObj.common.members = enObj.common.members || []; // add missing object
-
+                enObj.common.members = enObj.common.members || [];
+                // add missing object
                 enObj.common.members.push(objId);
                 enObj.common.members.sort();
                 _context.next = 21;
                 return _this.props.socket.setObject(id, enObj);
-
               case 21:
                 e++;
                 _context.next = 1;
                 break;
-
               case 24:
               case "end":
                 return _context.stop();
@@ -2129,7 +1864,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           }
         }, _callee);
       }));
-
       return function (_x, _x2) {
         return _ref.apply(this, arguments);
       };
@@ -2145,103 +1879,79 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                   _context2.next = 42;
                   break;
                 }
-
                 _context2.t0 = _regenerator["default"].keys(objs);
-
               case 2:
                 if ((_context2.t1 = _context2.t0()).done) {
                   _context2.next = 42;
                   break;
                 }
-
                 id = _context2.t1.value;
-
                 if (!(!objs.hasOwnProperty(id) || !objs[id])) {
                   _context2.next = 6;
                   break;
                 }
-
                 return _context2.abrupt("continue", 2);
-
               case 6:
                 obj = objs[id];
                 enums = null;
-
                 if (obj && obj.common && obj.common.enums) {
                   enums = obj.common.enums;
                   delete obj.common.enums;
                 } else {
                   enums = null;
                 }
-
                 _context2.prev = 9;
                 _context2.next = 12;
                 return _this.props.socket.setObject(id, obj);
-
               case 12:
                 _context2.t2 = enums;
-
                 if (!_context2.t2) {
                   _context2.next = 16;
                   break;
                 }
-
                 _context2.next = 16;
                 return _this._createAllEnums(enums, obj._id);
-
               case 16:
                 if (!(obj.type === 'state')) {
                   _context2.next = 35;
                   break;
                 }
-
                 _context2.prev = 17;
                 _context2.next = 20;
                 return _this.props.socket.getState(obj._id);
-
               case 20:
                 state = _context2.sent;
-
                 if (!(!state || state.val === null)) {
                   _context2.next = 30;
                   break;
                 }
-
                 _context2.prev = 22;
                 _context2.next = 25;
                 return _this.props.socket.setState(obj._id, !obj.common || obj.common.def === undefined ? null : obj.common.def, true);
-
               case 25:
                 _context2.next = 30;
                 break;
-
               case 27:
                 _context2.prev = 27;
                 _context2.t3 = _context2["catch"](22);
                 window.alert("Cannot set state \"".concat(obj._id, "\": ").concat(_context2.t3));
-
               case 30:
                 _context2.next = 35;
                 break;
-
               case 32:
                 _context2.prev = 32;
                 _context2.t4 = _context2["catch"](17);
                 window.alert("Cannot read state \"".concat(obj._id, "\": ").concat(_context2.t4));
-
               case 35:
                 _context2.next = 40;
                 break;
-
               case 37:
                 _context2.prev = 37;
                 _context2.t5 = _context2["catch"](9);
                 window.alert(_context2.t5);
-
               case 40:
                 _context2.next = 2;
                 break;
-
               case 42:
               case "end":
                 return _context2.stop();
@@ -2249,17 +1959,14 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           }
         }, _callee2, null, [[9, 37], [17, 32], [22, 27]]);
       }));
-
       return function (_x3) {
         return _ref2.apply(this, arguments);
       };
     }());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleJsonUpload", function (evt) {
       var f = evt.target.files[0];
-
       if (f) {
         var r = new FileReader();
-
         r.onload = /*#__PURE__*/function () {
           var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(e) {
             var contents, json, len, id, enums, state;
@@ -2272,87 +1979,67 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                     json = JSON.parse(contents);
                     len = Object.keys(json).length;
                     id = json._id;
-
                     if (!(id === undefined && len)) {
                       _context3.next = 11;
                       break;
                     }
-
                     _context3.next = 8;
                     return _this.loadObjects(json);
-
                   case 8:
                     window.alert(_this.props.t('ra_%s object(s) processed', len));
                     _context3.next = 33;
                     break;
-
                   case 11:
                     if (id) {
                       _context3.next = 13;
                       break;
                     }
-
                     return _context3.abrupt("return", window.alert(_this.props.t('ra_Invalid structure')));
-
                   case 13:
                     _context3.prev = 13;
-
                     if (json.common.enums) {
                       enums = json.common.enums;
                       delete json.common.enums;
                     }
-
                     _context3.next = 17;
                     return _this.props.socket.setObject(json._id, json);
-
                   case 17:
                     if (!(json.type === 'state')) {
                       _context3.next = 24;
                       break;
                     }
-
                     _context3.next = 20;
                     return _this.props.socket.getState(json._id);
-
                   case 20:
                     state = _context3.sent;
-
                     if (!(!state || state.val === null || state.val === undefined)) {
                       _context3.next = 24;
                       break;
                     }
-
                     _context3.next = 24;
                     return _this.props.socket.getState(json._id, json.common.def === undefined ? null : json.common.def, true);
-
                   case 24:
                     if (!enums) {
                       _context3.next = 27;
                       break;
                     }
-
                     _context3.next = 27;
                     return _this._createAllEnums(enums, json._id);
-
                   case 27:
                     window.alert(_this.props.t('ra_%s was imported', json._id));
                     _context3.next = 33;
                     break;
-
                   case 30:
                     _context3.prev = 30;
                     _context3.t0 = _context3["catch"](13);
                     window.alert(_context3.t0);
-
                   case 33:
                     _context3.next = 38;
                     break;
-
                   case 35:
                     _context3.prev = 35;
                     _context3.t1 = _context3["catch"](1);
                     window.alert(_context3.t1);
-
                   case 38:
                   case "end":
                     return _context3.stop();
@@ -2360,12 +2047,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
               }
             }, _callee3, null, [[1, 35], [13, 30]]);
           }));
-
           return function (_x4) {
             return _ref3.apply(this, arguments);
           };
         }();
-
         r.readAsText(f);
       } else {
         window.alert(_this.props.t('ra_Failed to open JSON File'));
@@ -2373,7 +2058,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toolTipObjectCreating", function () {
       var _this$objects$id2;
-
       var t = _this.props.t;
       var value = [/*#__PURE__*/_react["default"].createElement("div", {
         key: 1
@@ -2397,13 +2081,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, t('ra_Non-experts may create new objects only in "0_userdata.0" or "alias.0".')), /*#__PURE__*/_react["default"].createElement("div", {
         key: 9
       }, t('ra_The experts may create objects everywhere but from second level (e.g. "vis.0" or "javascript.0").'))];
-
       if (_this.state.selected.length || _this.state.selectedNonObject) {
         var _this$objects$id;
-
         var id = _this.state.selected[0] || _this.state.selectedNonObject;
-
-        if (id.split('.').length < 2 || _this.objects[id] && ((_this$objects$id = _this.objects[id]) === null || _this$objects$id === void 0 ? void 0 : _this$objects$id.type) === 'state') {// show default tooltip
+        if (id.split('.').length < 2 || _this.objects[id] && ((_this$objects$id = _this.objects[id]) === null || _this$objects$id === void 0 ? void 0 : _this$objects$id.type) === 'state') {
+          // show default tooltip
         } else {
           if (_this.state.filter.expertMode) {
             switch ((_this$objects$id2 = _this.objects[id]) === null || _this$objects$id2 === void 0 ? void 0 : _this$objects$id2.type) {
@@ -2423,7 +2105,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                   key: 9
                 }, t('ra_The experts may create objects everywhere but from second level (e.g. "vis.0" or "javascript.0").'))];
                 break;
-
               case 'folder':
                 value = [/*#__PURE__*/_react["default"].createElement("div", {
                   key: 1
@@ -2444,7 +2125,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                   key: 9
                 }, t('ra_The experts may create objects everywhere but from second level (e.g. "vis.0" or "javascript.0").'))];
                 break;
-
               case 'channel':
                 value = [/*#__PURE__*/_react["default"].createElement("div", {
                   key: 1
@@ -2461,7 +2141,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                   key: 9
                 }, t('ra_The experts may create objects everywhere but from second level (e.g. "vis.0" or "javascript.0").'))];
                 break;
-
               default:
                 break;
             }
@@ -2491,7 +2170,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           }
         }
       }
-
       return value.length ? value : t('ra_Add new child object to selected parent');
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderTooltipAccessControl", function (acl) {
@@ -2499,7 +2177,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       if (!acl) {
         return null;
       }
-
       var check = [{
         value: '0x400',
         valueNum: 0x400,
@@ -2532,7 +2209,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         group: 'Everyone'
       }];
       var arrayTooltipText = [];
-
       var funcRenderStateObject = function funcRenderStateObject() {
         var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'object';
         var rights = acl[value];
@@ -2546,7 +2222,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           }
         });
       };
-
       arrayTooltipText.push( /*#__PURE__*/_react["default"].createElement("span", {
         key: "group"
       }, _this.texts.ownerGroup + ': ' + (acl.ownerGroup || '').replace('system.group.', '')));
@@ -2554,11 +2229,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         key: "owner"
       }, _this.texts.ownerUser + ': ' + (acl.owner || '').replace('system.user.', '')));
       funcRenderStateObject();
-
       if (acl.state) {
         funcRenderStateObject('state');
       }
-
       return arrayTooltipText.length ? /*#__PURE__*/_react["default"].createElement("span", {
         className: _this.props.classes.tooltipAccessControl
       }, arrayTooltipText.map(function (el) {
@@ -2569,7 +2242,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       if (_this.resizerActiveDiv) {
         var width;
         var widthNext;
-
         if (_this.resizeLeft) {
           width = _this.resizerOldWidth - e.clientX + _this.resizerPosition;
           widthNext = _this.resizerOldWidthNext + e.clientX - _this.resizerPosition;
@@ -2577,7 +2249,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           width = _this.resizerOldWidth + e.clientX - _this.resizerPosition;
           widthNext = _this.resizerOldWidthNext - e.clientX + _this.resizerPosition;
         }
-
         if ((!_this.resizerMin || width > _this.resizerMin) && (!_this.resizerNextMin || widthNext > _this.resizerNextMin)) {
           _this.resizerCurrentWidths[_this.resizerActiveName] = width;
           _this.resizerCurrentWidths[_this.resizerNextName] = widthNext;
@@ -2585,7 +2256,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           _this.resizerNextDiv.style.width = widthNext + 'px';
           _this.columnsVisibility[_this.resizerActiveName] = width;
           _this.columnsVisibility[_this.resizerNextName] = widthNext;
-
           if (_this.resizerNextName === 'nameHeader') {
             _this.columnsVisibility['name'] = widthNext - _this.state.scrollBarWidth;
             _this.resizerCurrentWidths['name'] = widthNext - _this.state.scrollBarWidth;
@@ -2593,12 +2263,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             _this.columnsVisibility['name'] = width - _this.state.scrollBarWidth;
             _this.resizerCurrentWidths['name'] = width - _this.state.scrollBarWidth;
           }
-
           _this.customWidth = true;
           _this.resizeTimeout && clearTimeout(_this.resizeTimeout);
           _this.resizeTimeout = setTimeout(function () {
             _this.resizeTimeout = null;
-
             _this.forceUpdate();
           }, 200);
         }
@@ -2618,24 +2286,19 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         if (!_this.storedWidths) {
           _this.storedWidths = JSON.parse(JSON.stringify(SCREEN_WIDTHS[_this.props.width]));
         }
-
         _this.resizerCurrentWidths = _this.resizerCurrentWidths || {};
         _this.resizerActiveDiv = e.target.parentNode;
         _this.resizerActiveName = _this.resizerActiveDiv.dataset.name;
         var i = 0;
-
         if (e.target.dataset.left === 'true') {
           _this.resizeLeft = true;
           _this.resizerNextDiv = _this.resizerActiveDiv.previousElementSibling;
-
           var handle = _this.resizerNextDiv.querySelector('.' + _this.props.classes.resizeHandle);
-
           while (_this.resizerNextDiv && !handle && i < 10) {
             _this.resizerNextDiv = _this.resizerNextDiv.previousElementSibling;
             handle = _this.resizerNextDiv.querySelector('.' + _this.props.classes.resizeHandle);
             i++;
           }
-
           if (handle && handle.dataset.left !== 'true') {
             _this.resizerNextDiv = _this.resizerNextDiv.nextElementSibling;
           }
@@ -2663,11 +2326,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "resizerReset", function () {
       _this.customWidth = false;
       SCREEN_WIDTHS[_this.props.width] = JSON.parse(JSON.stringify(_this.storedWidths));
-
       _this.calculateColumnsVisibility();
-
       (window._localStorage || window.localStorage).removeItem("".concat(_this.props.dialogName || 'App', ".table"));
-
       _this.forceUpdate();
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "extendObject", function (id, data) {
@@ -2681,29 +2341,22 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     });
     _this.lastSelectedItems = (window._localStorage || window.localStorage).getItem("".concat(props.dialogName || 'App', ".objectSelected")) || '[]';
-
     try {
       _this.lastSelectedItems = JSON.parse(_this.lastSelectedItems);
-
       if ((0, _typeof2["default"])(_this.lastSelectedItems) !== 'object') {
         _this.lastSelectedItems = [_this.lastSelectedItems];
       }
-
       _this.lastSelectedItems = _this.lastSelectedItems.filter(function (id) {
         return id;
       });
     } catch (e) {}
-
     var expanded = (window._localStorage || window.localStorage).getItem("".concat(props.dialogName || 'App', ".objectExpanded")) || '[]';
-
     try {
       expanded = JSON.parse(expanded);
     } catch (e) {
       expanded = [];
     }
-
     var filter = props.defaultFilters || (window._localStorage || window.localStorage).getItem("".concat(props.dialogName || 'App', ".objectFilter")) || Object.assign({}, DEFAULT_FILTER);
-
     if (typeof filter === 'string') {
       try {
         filter = JSON.parse(filter);
@@ -2711,7 +2364,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         filter = Object.assign({}, DEFAULT_FILTER);
       }
     }
-
     filter.expertMode = props.expertMode !== undefined ? props.expertMode : (window._sessionStorage || window.sessionStorage).getItem('App.expertMode') === 'true';
     _this.tableRef = /*#__PURE__*/(0, _react.createRef)();
     _this.filterRefs = {};
@@ -2726,57 +2378,44 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
     _this.subscribes = [];
     _this.statesUpdateTimer = null;
     _this.objectsUpdateTimer = null;
-    _this.visibleCols = props.columns || SCREEN_WIDTHS[props.width].fields; // remove type column if only one type must be selected
-
+    _this.visibleCols = props.columns || SCREEN_WIDTHS[props.width].fields;
+    // remove type column if only one type must be selected
     if (props.types && props.types.length === 1) {
       var pos = _this.visibleCols.indexOf('type');
-
       pos !== -1 && _this.visibleCols.splice(pos, 1);
     }
-
     _this.possibleCols = SCREEN_WIDTHS.xl.fields;
     var customDialog = null;
-
     if (props.router) {
       var location = props.router.getLocation();
-
       if (location.id && location.dialog === 'customs') {
         customDialog = [location.id];
-
         _this.pauseSubscribe(true);
       }
     }
-
     var selected = props.selected || '';
-
     if ((0, _typeof2["default"])(selected) !== 'object') {
       selected = [selected];
     }
-
     selected = selected.map(function (id) {
       return id.replace(/["']/g, '');
     }).filter(function (id) {
       return id;
     });
     var columns = null; // (window._localStorage || window.localStorage).getItem(`${props.dialogName || 'App'}.columns`);
-
     try {
       columns = columns ? JSON.parse(columns) : null;
     } catch (e) {
       columns = null;
     }
-
     var columnsWidths = null; // (window._localStorage || window.localStorage).getItem(`${props.dialogName || 'App'}.columnsWidths`);
-
     try {
       columnsWidths = columnsWidths ? JSON.parse(columnsWidths) : {};
     } catch (e) {
       columnsWidths = {};
     }
-
     _this.imagePrefix = props.imagePrefix || '.';
     var foldersFirst = (window._localStorage || window.localStorage).getItem((props.dialogName || 'App') + '.foldersFirst');
-
     if (foldersFirst === 'false') {
       foldersFirst = false;
     } else if (foldersFirst === 'true') {
@@ -2784,14 +2423,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
     } else {
       foldersFirst = props.foldersFirst === undefined ? true : props.foldersFirst;
     }
-
     var statesView = false;
-
     try {
       statesView = _this.props.objectStatesView ? JSON.parse((window._localStorage || window.localStorage).getItem((props.dialogName || 'App') + '.objectStatesView')) || false : false;
-    } catch (error) {// ignore
+    } catch (error) {
+      // ignore
     }
-
     _this.state = {
       loaded: false,
       foldersFirst: foldersFirst,
@@ -2878,7 +2515,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
     };
     _this.levelPadding = props.levelPadding || ITEM_LEVEL;
     var resizerCurrentWidths = (window._localStorage || window.localStorage).getItem("".concat(_this.props.dialogName || 'App', ".table"));
-
     if (resizerCurrentWidths) {
       try {
         resizerCurrentWidths = JSON.parse(resizerCurrentWidths);
@@ -2893,20 +2529,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           }
         });
         _this.customWidth = true;
-      } catch (e) {// ignore
+      } catch (e) {
+        // ignore
       }
     }
-
     _this.calculateColumnsVisibility();
-
     return _this;
   }
-
   (0, _createClass2["default"])(ObjectBrowser, [{
     key: "loadAllObjects",
     value: function loadAllObjects(update) {
       var _this2 = this;
-
       var props = this.props;
       var objects;
       return new Promise(function (resolve) {
@@ -2919,12 +2552,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return _this2.props.objectsWorker ? _this2.props.objectsWorker.getObjects(update) : props.socket.getObjects(update, true);
       }).then(function (_objects) {
         objects = _objects;
-
         if (props.types && props.types[0] !== 'state') {
           if (props.length >= 1) {
             console.error('more than one type does not supported! Use filterFunc instead');
           }
-
           return props.socket.getObjectView(null, null, props.types[0]);
         } else {
           return !objects['system.config'] ? props.socket.getObject('system.config').then(function (obj) {
@@ -2935,30 +2566,24 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }
       }).then(function (moreObjects) {
         _this2.systemConfig = objects['system.config'] || moreObjects['system.config'] || {};
-
         if (moreObjects) {
           if (moreObjects['system.config']) {
             delete moreObjects['system.config'];
           }
-
           Object.assign(objects, moreObjects);
         }
-
         _this2.systemConfig.common = _this2.systemConfig.common || {};
         _this2.systemConfig.common.defaultNewAcl = _this2.systemConfig.common.defaultNewAcl || {};
         _this2.systemConfig.common.defaultNewAcl.owner = _this2.systemConfig.common.defaultNewAcl.owner || 'system.user.admin';
         _this2.systemConfig.common.defaultNewAcl.ownerGroup = _this2.systemConfig.common.defaultNewAcl.ownerGroup || 'system.group.administrator';
-
         if (typeof _this2.systemConfig.common.defaultNewAcl.state !== 'number') {
           // TODO: may be convert here from string
           _this2.systemConfig.common.defaultNewAcl.state = 0x664;
         }
-
         if (typeof _this2.systemConfig.common.defaultNewAcl.object !== 'number') {
           // TODO: may be convert here from string
           _this2.systemConfig.common.defaultNewAcl.state = 0x664;
         }
-
         if (typeof props.filterFunc === 'function') {
           _this2.objects = {};
           Object.keys(objects).forEach(function (id) {
@@ -2973,19 +2598,18 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         } else if (props.types) {
           _this2.objects = {};
           Object.keys(objects).forEach(function (id) {
-            var type = objects[id] && objects[id].type; // include "folder" types too
-
+            var type = objects[id] && objects[id].type;
+            // include "folder" types too
             if (type && (type === 'channel' || type === 'device' || type === 'enum' || type === 'folder' || type === 'adapter' || type === 'instance' || props.types.includes(type))) {
               _this2.objects[id] = objects[id];
             }
           });
         } else {
           _this2.objects = objects;
-        } // read default history
-
+        }
 
+        // read default history
         _this2.defaultHistory = _this2.systemConfig.common.defaultHistory;
-
         if (_this2.defaultHistory) {
           props.socket.getState("system.adapter.".concat(_this2.defaultHistory, ".alive")).then(function (state) {
             if (!state || !state.val) {
@@ -2995,21 +2619,20 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             return window.alert('Cannot get state: ' + e);
           });
         }
-
         return _this2.getAdditionalColumns();
       }).then(function (columnsForAdmin) {
         _this2.calculateColumnsVisibility(null, null, columnsForAdmin);
-
         var _buildTree2 = buildTree(_this2.objects, _this2.props),
-            info = _buildTree2.info,
-            root = _buildTree2.root;
-
+          info = _buildTree2.info,
+          root = _buildTree2.root;
         _this2.root = root;
-        _this2.info = info; // Show first selected item
+        _this2.info = info;
 
+        // Show first selected item
         var node = _this2.state.selected && _this2.state.selected.length && findNode(_this2.root, _this2.state.selected[0]);
-        _this2.lastAppliedFilter = null; // If selected ID is not visible, reset filter
+        _this2.lastAppliedFilter = null;
 
+        // If selected ID is not visible, reset filter
         if (node && !applyFilter(node, _this2.state.filter, _this2.state.lang, _this2.objects, null, null, props.customFilter, props.types)) {
           // reset filter
           _this2.setState({
@@ -3040,11 +2663,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return _this2.showError(e);
       });
     }
+
     /**
      * @private
      * @param {ioBroker.EmptyCallback} cb
      */
-
   }, {
     key: "expandAllSelected",
     value: function expandAllSelected(cb) {
@@ -3053,17 +2676,14 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       this.state.selected.forEach(function (id) {
         var parts = id.split('.');
         var path = [];
-
         for (var i = 0; i < parts.length - 1; i++) {
           path.push(parts[i]);
-
           if (!expanded.includes(path.join('.'))) {
             expanded.push(path.join('.'));
             changed = true;
           }
         }
       });
-
       if (changed) {
         expanded.sort();
         (window._localStorage || window.localStorage).setItem("".concat(this.props.dialogName || 'App', ".objectExpanded"), JSON.stringify(expanded));
@@ -3074,18 +2694,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         cb && cb();
       }
     }
+
     /**
      * @private
      * @param {boolean} [isDouble]
      */
-
   }, {
     key: "onAfterSelect",
     value: function onAfterSelect(isDouble) {
       var _this3 = this;
-
       this.lastSelectedItems = (0, _toConsumableArray2["default"])(this.state.selected);
-
       if (this.state.selected && this.state.selected.length) {
         (window._localStorage || window.localStorage).setItem("".concat(this.props.dialogName || 'App', ".objectSelected"), JSON.stringify(this.lastSelectedItems));
         var name = this.lastSelectedItems.length === 1 ? _Utils["default"].getObjectName(this.objects, this.lastSelectedItems[0], null, {
@@ -3094,7 +2712,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         this.props.onSelect && this.props.onSelect(this.lastSelectedItems, name, isDouble);
       } else {
         (window._localStorage || window.localStorage).setItem("".concat(this.props.dialogName || 'App', ".objectSelected"), '');
-
         if (this.state.selected.length) {
           this.setState({
             selected: []
@@ -3106,12 +2723,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }
       }
     }
+
     /**
      * @private
      * @param {import('./types').ObjectBrowserProps} props
      * @param {any} state
      */
-
   }, {
     key: "componentDidMount",
     value:
@@ -3120,57 +2737,50 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      */
     function componentDidMount() {
       var _this4 = this;
-
       this.loadAllObjects(!objectsAlreadyLoaded).then(function () {
         if (_this4.props.objectsWorker) {
           _this4.props.objectsWorker.registerHandler(_this4.onObjectChange);
         } else {
           _this4.props.socket.subscribeObject('*', _this4.onObjectChange);
         }
-
         objectsAlreadyLoaded = true;
       });
     }
+
     /**
      * Called when component is unmounted.
      */
-
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this5 = this;
-
       this.filterTimer && clearTimeout(this.filterTimer);
       this.filterTimer = null;
-
       if (this.props.objectsWorker) {
         this.props.objectsWorker.unregisterHandler(this.onObjectChange, true);
       } else {
         this.props.socket.unsubscribeObject('*', this.onObjectChange);
-      } // remove all subscribes
-
+      }
 
+      // remove all subscribes
       this.subscribes.forEach(function (pattern) {
         console.log('- unsubscribe ' + pattern);
-
         _this5.props.socket.unsubscribeState(pattern, _this5.onStateChange);
       });
       this.subscribes = [];
       this.objects = {};
     }
+
     /**
      * Called when component is mounted.
      */
-
   }, {
     key: "refreshComponent",
     value: function refreshComponent() {
       var _this6 = this;
-
       // remove all subscribes
       this.subscribes.forEach(function (pattern) {
         console.log('- unsubscribe ' + pattern);
-
         _this6.props.socket.unsubscribeState(pattern, _this6.onStateChange);
       });
       this.subscribes = [];
@@ -3178,16 +2788,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return console.log('updated!');
       });
     }
+
     /**
      * Renders the error dialog.
      * @returns {JSX.Element | null}
      */
-
   }, {
     key: "renderErrorDialog",
     value: function renderErrorDialog() {
       var _this7 = this;
-
       return this.state.error ? /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
         open: true,
         maxWidth: "sm",
@@ -3215,11 +2824,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null)
       }, this.props.t('ra_Ok')))) : null;
     }
+
     /**
      * Show the error dialog.
      * @param {any} error
      */
-
   }, {
     key: "showError",
     value: function showError(error) {
@@ -3227,21 +2836,19 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         error: (0, _typeof2["default"])(error) === 'object' ? error && typeof error.toString === 'function' ? error.toString() : JSON.stringify(error) : error
       });
     }
+
     /**
      * Called when an item is selected/deselected.
      * @param {string} toggleItem
      * @param {boolean} [isDouble]
      */
-
   }, {
     key: "onSelect",
     value: function onSelect(toggleItem, isDouble) {
       var _this8 = this;
-
       if (!this.props.multiSelect) {
         if (this.objects[toggleItem] && (!this.props.types || this.props.types.includes(this.objects[toggleItem].type))) {
           (window._localStorage || window.localStorage).removeItem("".concat(this.props.dialogName || 'App', ".selectedNonObject"));
-
           if (this.state.selected[0] !== toggleItem) {
             this.setState({
               selected: [toggleItem],
@@ -3266,14 +2873,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           (window._localStorage || window.localStorage).removeItem("".concat(this.props.dialogName || 'App', ".selectedNonObject"));
           var selected = (0, _toConsumableArray2["default"])(this.state.selected);
           var pos = selected.indexOf(toggleItem);
-
           if (pos === -1) {
             selected.push(toggleItem);
             selected.sort();
           } else if (!isDouble) {
             selected.splice(pos, 1);
           }
-
           this.setState({
             selected: selected,
             selectedNonObject: ''
@@ -3283,11 +2888,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }
       }
     }
+
     /**
      * @private
      * @param {boolean} isLast
      */
-
     /*
     _renderDefinedList(isLast) {
         const cols = [...this.possibleCols];
@@ -3354,12 +2959,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      * Renders the columns selector.
      * @returns {JSX.Element | null}
      */
-
   }, {
     key: "renderColumnsSelectorDialog",
     value: function renderColumnsSelectorDialog() {
       var _this9 = this;
-
       if (!this.state.columnsSelectorShow) {
         return null;
       } else {
@@ -3383,7 +2986,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             checked: this.state.foldersFirst,
             onChange: function onChange() {
               (window._localStorage || window.localStorage).setItem((_this9.props.dialogName || 'App') + '.foldersFirst', _this9.state.foldersFirst ? 'false' : 'true');
-
               _this9.setState({
                 foldersFirst: !_this9.state.foldersFirst
               });
@@ -3396,7 +2998,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             checked: this.state.linesEnabled,
             onChange: function onChange() {
               (window._localStorage || window.localStorage).setItem((_this9.props.dialogName || 'App') + '.lines', _this9.state.linesEnabled ? 'false' : 'true');
-
               _this9.setState({
                 linesEnabled: !_this9.state.linesEnabled
               });
@@ -3415,30 +3016,30 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }, this.texts['close'])));
       }
     }
+
     /**
      * @private
      */
-
   }, {
     key: "getAdditionalColumns",
     value: function getAdditionalColumns() {
       var _this10 = this;
-
       return this.props.socket.getAdapters().then(function (instances) {
-        var columnsForAdmin = null; // find all additional columns
-
+        var columnsForAdmin = null;
+        // find all additional columns
         instances.forEach(function (obj) {
           return columnsForAdmin = _this10.parseObjectForAdmins(columnsForAdmin, obj);
         });
         return columnsForAdmin;
-      })["catch"](function (e) {// window.alert('Cannot get adapters: ' + e);
+      })["catch"](function (e) {
+        // window.alert('Cannot get adapters: ' + e);
         // Object browser in Web has no additional columns
       });
     }
+
     /**
      * @private
      */
-
   }, {
     key: "checkUnsubscribes",
     value: function checkUnsubscribes() {
@@ -3446,9 +3047,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       for (var i = this.subscribes.length - 1; i >= 0; i--) {
         !this.recordStates.includes(this.subscribes[i]) && this.unsubscribe(this.subscribes[i]);
       }
-
       this.recordStates = [];
     }
+
     /**
      * Find an item.
      * @param {string} id
@@ -3457,24 +3058,19 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      * @param {string | undefined} [_partyId]
      * @returns {any}
      */
-
   }, {
     key: "findItem",
     value: function findItem(id, _parts, _root, _partyId) {
       _parts = _parts || id.split('.');
       _root = _root || this.root;
-
       if (!_root || !_parts.length) {
         return null;
       }
-
       _partyId = (_partyId ? _partyId + '.' : '') + _parts.shift();
-
       if (_root.children) {
         var item = _root.children.find(function (i) {
           return i.data.id === _partyId;
         });
-
         if (item) {
           if (item.data.id === id) {
             return item;
@@ -3488,12 +3084,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return null;
       }
     }
+
     /**
      * Called when a state changes.
      * @param {string} id
      * @param {ioBroker.State} state
      */
-
   }, {
     key: "parseObjectForAdmins",
     value:
@@ -3504,29 +3100,25 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      */
     function parseObjectForAdmins(columnsForAdmin, obj) {
       var _this11 = this;
-
       if (obj.common && obj.common.adminColumns && obj.common.name) {
         var columns = obj.common.adminColumns;
-
         if ((0, _typeof2["default"])(columns) !== 'object') {
           columns = [columns];
         }
-
         columns = columns.map(function (item) {
           if ((0, _typeof2["default"])(item) !== 'object') {
             return {
               path: item,
               name: item.split('.').pop()
             };
-          } // string => array
-
+          }
 
+          // string => array
           if (item.objTypes && (0, _typeof2["default"])(item.objTypes) !== 'object') {
             item.objTypes = [item.objTypes];
           } else if (!item.objTypes) {
             item.objTypes = null;
           }
-
           if (!item.name && item.path) {
             return {
               path: item.path,
@@ -3537,7 +3129,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
               objTypes: item.objTypes
             };
           }
-
           if ((0, _typeof2["default"])(item.name) !== 'object' && item.path) {
             return {
               path: item.path,
@@ -3548,7 +3139,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
               objTypes: item.objTypes
             };
           }
-
           if (!item.path) {
             console.warn("Admin columns for ".concat(obj._id, " ignored, because path not found"));
             return null;
@@ -3565,7 +3155,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }).filter(function (item) {
           return item;
         });
-
         if (columns && columns.length) {
           columnsForAdmin = columnsForAdmin || {};
           columnsForAdmin[obj.common.name] = columns.sort(function (a, b) {
@@ -3575,15 +3164,14 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       } else if (obj.common && obj.common.name && columnsForAdmin && columnsForAdmin[obj.common.name]) {
         delete columnsForAdmin[obj.common.name];
       }
-
       return columnsForAdmin;
     }
+
     /**
      * @param {string} id
      * @param {ioBroker.Object} obj
      * @param {import('./types').OldObject} oldObj
      */
-
   }, {
     key: "subscribe",
     value:
@@ -3598,41 +3186,36 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         !this.pausedSubscribes && this.props.socket.subscribeState(id, this.onStateChange);
       }
     }
+
     /**
      * @private
      * @param {string} id
      */
-
   }, {
     key: "unsubscribe",
     value: function unsubscribe(id) {
       var pos = this.subscribes.indexOf(id);
-
       if (pos !== -1) {
         this.subscribes.splice(pos, 1);
-
         if (this.states[id]) {
           delete this.states[id];
         }
-
         console.log("- unsubscribe ".concat(id));
         this.props.socket.unsubscribeState(id, this.onStateChange);
-
         if (this.pausedSubscribes) {
           console.warn('Unsubscribe during pause?');
         }
       }
     }
+
     /**
      * @private
      * @param {boolean} isPause
      */
-
   }, {
     key: "pauseSubscribe",
     value: function pauseSubscribe(isPause) {
       var _this12 = this;
-
       if (!this.pausedSubscribes && isPause) {
         this.pausedSubscribes = true;
         this.subscribes.forEach(function (id) {
@@ -3645,17 +3228,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         });
       }
     }
+
     /**
      * @private
      * @param {string} [name]
      * @param {boolean} [value]
      */
-
   }, {
     key: "onFilter",
     value: function onFilter(name, value) {
       var _this13 = this;
-
       this.filterTimer = null;
       var filter = {};
       Object.keys(this.filterRefs).forEach(function (name) {
@@ -3668,17 +3250,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           }
         }
       });
-
       if (name) {
         filter[name] = value;
-
         if (name === 'expertMode') {
           (window._sessionStorage || window.sessionStorage).setItem('App.expertMode', value ? 'true' : 'false');
         }
       }
-
       filter = Object.assign({}, this.state.filter, filter);
-
       if (JSON.stringify(this.state.filter) !== JSON.stringify(filter)) {
         (window._localStorage || window.localStorage).setItem((this.props.dialogName || 'App') + '.objectFilter', JSON.stringify(filter));
         this.setState({
@@ -3692,13 +3270,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
     key: "clearFilter",
     value: function clearFilter() {
       var _this14 = this;
-
       var filter = {};
       Object.keys(this.filterRefs).forEach(function (name) {
         if (_this14.filterRefs[name] && _this14.filterRefs[name].current) {
           for (var i = 0; i < _this14.filterRefs[name].current.childNodes.length; i++) {
             var item = _this14.filterRefs[name].current.childNodes[i];
-
             if (item.tagName === 'INPUT') {
               filter[name] = '';
               item.value = '';
@@ -3708,7 +3284,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }
       });
       filter = Object.assign({}, this.state.filter, filter);
-
       if (JSON.stringify(this.state.filter) !== JSON.stringify(filter)) {
         (window._localStorage || window.localStorage).setItem((this.props.dialogName || 'App') + '.objectFilter', JSON.stringify(filter));
         this.setState({
@@ -3723,27 +3298,26 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
     key: "isFilterEmpty",
     value: function isFilterEmpty() {
       var _this15 = this;
-
       var someNotEmpty = Object.keys(this.state.filter).find(function (attr) {
         return attr !== 'expertMode' && _this15.state.filter[attr];
       });
       return !someNotEmpty;
     }
+
     /**
      * @private
      * @param {string} name
      */
-
   }, {
     key: "getFilterInput",
     value: function getFilterInput(name) {
       var _this16 = this,
-          _this$filterRefs$name,
-          _this$filterRefs$name2;
-
+        _this$filterRefs$name,
+        _this$filterRefs$name2;
       return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
         className: _Utils["default"].clsx(this.props.classes.headerCellInput, this.props.classes.filterInput),
-        key: name + '_' + this.state.filterKey //style={{ marginTop: 0, marginBottom: 0 }}
+        key: name + '_' + this.state.filterKey
+        //style={{ marginTop: 0, marginBottom: 0 }}
         ,
         margin: "dense"
       }, /*#__PURE__*/_react["default"].createElement(_Input["default"], {
@@ -3770,25 +3344,23 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         size: "small",
         onClick: function onClick() {
           _this16.filterRefs[name].current.firstChild.value = '';
-
           _this16.onFilter(name, '');
         }
       }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null))) : null);
     }
+
     /**
      * @private
      * @param {string} name
      * @param {any[]} values
      */
-
   }, {
     key: "getFilterSelect",
     value: function getFilterSelect(name, values) {
       var _this17 = this,
-          _this$filterRefs$name3,
-          _this$filterRefs$name4,
-          _this$filterRefs$name5;
-
+        _this$filterRefs$name3,
+        _this$filterRefs$name4,
+        _this$filterRefs$name5;
       var hasIcons = !!values.find(function (item) {
         return item.icon;
       });
@@ -3822,7 +3394,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         var id;
         var name;
         var icon;
-
         if ((0, _typeof2["default"])(item) === 'object') {
           id = item.value;
           name = item.name;
@@ -3831,7 +3402,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           id = item;
           name = item;
         }
-
         return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
           className: _this17.props.classes.headerCellSelectItem,
           key: id,
@@ -3845,11 +3415,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         size: "small",
         onClick: function onClick() {
           var newFilter = _objectSpread({}, _this17.state.filter);
-
           newFilter[name] = '';
           _this17.filterRefs[name].current.childNodes[1].value = '';
           (window._localStorage || window.localStorage).setItem((_this17.props.dialogName || 'App') + '.objectFilter', JSON.stringify(newFilter));
-
           _this17.setState({
             filter: newFilter,
             filterKey: _this17.state.filterKey + 1
@@ -3859,27 +3427,25 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }
       }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null))) : null);
     }
+
     /**
      * @private
      */
-
   }, {
     key: "getFilterSelectRole",
     value: function getFilterSelectRole() {
       return this.getFilterSelect('role', this.info.roles);
     }
+
     /**
      * @private
      */
-
   }, {
     key: "getFilterSelectRoom",
     value: function getFilterSelectRoom() {
       var _this18 = this;
-
       var rooms = this.info.roomEnums.map(function (id) {
         var _this18$objects$id, _this18$objects$id$co, _this18$objects$id2, _this18$objects$id2$c;
-
         return {
           name: getName(((_this18$objects$id = _this18.objects[id]) === null || _this18$objects$id === void 0 ? void 0 : (_this18$objects$id$co = _this18$objects$id.common) === null || _this18$objects$id$co === void 0 ? void 0 : _this18$objects$id$co.name) || id.split('.').pop()),
           value: id,
@@ -3891,18 +3457,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
       return this.getFilterSelect('room', rooms);
     }
+
     /**
      * @private
      */
-
   }, {
     key: "getFilterSelectFunction",
     value: function getFilterSelectFunction() {
       var _this19 = this;
-
       var func = this.info.funcEnums.map(function (id) {
         var _this19$objects$id, _this19$objects$id$co;
-
         return {
           name: getName(_this19.objects[id] && _this19.objects[id].common && _this19.objects[id].common.name || id.split('.').pop()),
           value: id,
@@ -3914,10 +3478,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
       return this.getFilterSelect('func', func);
     }
+
     /**
      * @private
      */
-
   }, {
     key: "getFilterSelectType",
     value: function getFilterSelectType() {
@@ -3930,15 +3494,14 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
       return this.getFilterSelect('type', types);
     }
+
     /**
      * @private
      */
-
   }, {
     key: "getFilterSelectCustoms",
     value: function getFilterSelectCustoms() {
       var _this20 = this;
-
       if (this.info.customs.length) {
         var customs = this.info.customs.map(function (id) {
           return {
@@ -3955,27 +3518,24 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return null;
       }
     }
+
     /**
      * @private
      * @param {any} [root]
      * @param {any[]} [expanded]
      */
-
   }, {
     key: "onExpandAll",
     value: function onExpandAll(root, expanded) {
       var _this21 = this;
-
       root = root || this.root;
       expanded = expanded || [];
       root.children && root.children.forEach(function (item) {
         if (item.data.sumVisibility) {
           expanded.push(item.data.id);
-
           _this21.onExpandAll(item, expanded);
         }
       });
-
       if (root === this.root) {
         expanded.sort();
         (window._localStorage || window.localStorage).setItem((this.props.dialogName || 'App') + '.objectExpanded', JSON.stringify(expanded));
@@ -3984,15 +3544,14 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         });
       }
     }
+
     /**
      * @private
      */
-
   }, {
     key: "onCollapseAll",
     value: function onCollapseAll() {
       var _this22 = this;
-
       (window._localStorage || window.localStorage).setItem("".concat(this.props.dialogName || 'App', ".objectExpanded"), JSON.stringify([]));
       (window._localStorage || window.localStorage).setItem("".concat(this.props.dialogName || 'App', ".objectSelected"), '[]');
       this.setState({
@@ -4003,20 +3562,18 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return _this22.onAfterSelect();
       });
     }
+
     /**
      * @private
      * @param {any} root
      * @param {number} depth
      * @param {any[]} expanded
      */
-
   }, {
     key: "expandDepth",
     value: function expandDepth(root, depth, expanded) {
       var _this23 = this;
-
       root = root || this.root;
-
       if (depth > 0) {
         if (root.children) {
           root.children.forEach(function (item) {
@@ -4025,7 +3582,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                 expanded.push(item.data.id);
                 expanded.sort();
               }
-
               if (depth - 1 > 0) {
                 _this23.expandDepth(item, depth - 1, expanded);
               }
@@ -4034,12 +3590,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }
       }
     }
+
     /**
      * @private
      * @param {number} depth
      * @param {any[]} expanded
      */
-
   }, {
     key: "collapseDepth",
     value: function collapseDepth(depth, expanded) {
@@ -4047,10 +3603,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return id.split('.').length <= depth;
       });
     }
+
     /**
      * @private
      */
-
   }, {
     key: "onExpandVisible",
     value: function onExpandVisible() {
@@ -4065,10 +3621,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         });
       }
     }
+
     /**
      * @private
      */
-
   }, {
     key: "onStatesViewVisible",
     value: function onStatesViewVisible() {
@@ -4078,10 +3634,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         statesView: statesView
       });
     }
+
     /**
      * @private
      */
-
   }, {
     key: "onCollapseVisible",
     value: function onCollapseVisible() {
@@ -4095,11 +3651,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         });
       }
     }
+
     /**
      * @private
      * @param {string} id
      */
-
   }, {
     key: "_getSelectedIdsForExport",
     value: function _getSelectedIdsForExport() {
@@ -4110,19 +3666,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         var id = this.state.selected[0] || this.state.selectedNonObject;
         var idDot = id + '.';
         var idLen = idDot.length;
-
         for (var k = 0; k < keys.length; k++) {
           var key = keys[k];
-
           if (id === key || key.startsWith(idDot)) {
             result.push(key);
           }
-
           if (key.substring(0, idLen) > idDot) {
             break;
           }
         }
-
         return result;
       } else {
         return [];
@@ -4132,25 +3684,21 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
     key: "_exportObjects",
     value: function _exportObjects(isAll) {
       var _this24 = this;
-
       if (isAll) {
         generateFile('allObjects.json', this.objects);
       } else if (this.state.selected.length || this.state.selectedNonObject) {
         var result = {};
         var id = this.state.selected[0] || this.state.selectedNonObject;
-
         this._getSelectedIdsForExport().forEach(function (key) {
-          result[key] = JSON.parse(JSON.stringify(_this24.objects[key])); // add enum information
-
+          result[key] = JSON.parse(JSON.stringify(_this24.objects[key]));
+          // add enum information
           if (result[key].common) {
             var enums = _this24.getEnumsForId(key);
-
             if (enums) {
               result[key].common.enums = enums;
             }
           }
         });
-
         generateFile(id + '.json', result);
       } else {
         window.alert(this.props.t('ra_Save of objects-tree is not possible'));
@@ -4160,7 +3708,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
     key: "renderExportDialog",
     value: function renderExportDialog() {
       var _this25 = this;
-
       if (this.state.showExportDialog === false) {
         return null;
       } else {
@@ -4199,11 +3746,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }, this.props.t('ra_Cancel'))));
       }
     }
+
     /**
      * @private
      * @param {object} evt
      */
-
   }, {
     key: "getToolbar",
     value:
@@ -4213,12 +3760,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      */
     function getToolbar() {
       var _this26 = this;
-
       var allowObjectCreation = false;
-
       if (this.state.selected.length || this.state.selectedNonObject) {
         var id = this.state.selected[0] || this.state.selectedNonObject;
-
         if (id.split('.').length < 2 || this.objects[id] && this.objects[id].type === 'state') {
           allowObjectCreation = false;
         } else {
@@ -4229,7 +3773,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           }
         }
       }
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: {
           display: 'flex',
@@ -4262,7 +3805,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_IconExpert["default"], null))), !this.props.disableColumnSelector && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
         title: this.props.t('ra_Configure')
       }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        key: "columnSelector" // color={this.state.columnsAuto ? 'primary' : 'default'}
+        key: "columnSelector"
+        // color={this.state.columnsAuto ? 'primary' : 'default'}
         ,
         onClick: function onClick() {
           return _this26.setState({
@@ -4369,15 +3913,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         onClick: function onClick() {
           // get all visible states
           var ids = getVisibleItems(_this26.root, 'state', _this26.objects);
-
           if (ids.length) {
             _this26.pauseSubscribe(true);
-
             if (ids.length === 1) {
               (window._localStorage || window.localStorage).setItem((_this26.props.dialogName || 'App') + '.objectSelected', _this26.state.selected[0]);
               _this26.props.router && _this26.props.router.doNavigate(null, 'custom', _this26.state.selected[0]);
             }
-
             _this26.setState({
               customDialog: ids
             });
@@ -4390,42 +3931,39 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         size: "large"
       }, /*#__PURE__*/_react["default"].createElement(_Build["default"], null))));
     }
+
     /**
      * @private
      * @param {string} id
      */
-
   }, {
     key: "toggleExpanded",
     value: function toggleExpanded(id) {
       var expanded = JSON.parse(JSON.stringify(this.state.expanded));
       var pos = expanded.indexOf(id);
-
       if (pos === -1) {
         expanded.push(id);
         expanded.sort();
       } else {
         expanded.splice(pos, 1);
       }
-
       (window._localStorage || window.localStorage).setItem((this.props.dialogName || 'App') + '.objectExpanded', JSON.stringify(expanded));
       this.setState({
         expanded: expanded
       });
     }
+
     /**
      * @private
      * @param {Event} e
      * @param {string} text
      */
-
   }, {
     key: "onCopy",
     value: function onCopy(e, text) {
       e.stopPropagation();
       e.preventDefault();
       (0, _copyToClipboard["default"])(text);
-
       if (text.length < 50) {
         this.setState({
           toast: this.props.t('ra_Copied %s', text)
@@ -4446,10 +3984,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      */
     function renderColumnButtons(id, item, classes) {
       var _this27 = this,
-          _item$children2,
-          _item$data$obj$common,
-          _item$data$obj$common3;
-
+        _item$children2,
+        _item$data$obj$common,
+        _item$data$obj$common3;
       if (!item.data.obj) {
         return this.props.onObjectDelete || this.props.objectEditOfAccessControl ? /*#__PURE__*/_react["default"].createElement("div", {
           className: classes.buttonDiv
@@ -4475,7 +4012,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           className: classes.cellButtonsButtonIcon
         })) : null) : null;
       }
-
       item.data.aclTooltip = item.data.aclTooltip || this.renderTooltipAccessControl(item.data.obj.acl);
       var acl = item.data.obj.acl ? item.data.obj.type === 'state' ? item.data.obj.acl.state : item.data.obj.acl.object : 0;
       var aclSystemConfig = item.data.obj.acl && (item.data.obj.type === 'state' ? this.systemConfig.common.defaultNewAcl.state : this.systemConfig.common.defaultNewAcl.object);
@@ -4504,7 +4040,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         title: this.texts.editObject,
         onClick: function onClick() {
           (window._localStorage || window.localStorage).setItem("".concat(_this27.props.dialogName || 'App', ".objectSelected"), id);
-
           _this27.setState({
             editObjectDialog: id
           });
@@ -4518,7 +4053,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         "aria-label": "delete",
         onClick: function onClick() {
           var _item$children3, _item$data$obj$common2;
-
           return _this27.props.onObjectDelete(id, !!((_item$children3 = item.children) !== null && _item$children3 !== void 0 && _item$children3.length), !((_item$data$obj$common2 = item.data.obj.common) !== null && _item$data$obj$common2 !== void 0 && _item$data$obj$common2.dontDelete));
         },
         title: this.texts.deleteObject
@@ -4532,11 +4066,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         title: this.texts.customConfig,
         onClick: function onClick() {
           (window._localStorage || window.localStorage).setItem((_this27.props.dialogName || 'App') + '.objectSelected', id);
-
           _this27.pauseSubscribe(true);
-
           _this27.props.router && _this27.props.router.doNavigate(null, 'customs', id);
-
           _this27.setState({
             customDialog: [id]
           });
@@ -4545,11 +4076,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         className: classes.cellButtonsButtonIcon
       })) : null];
     }
+
     /**
      * @private
      * @param {string} id
      */
-
   }, {
     key: "readHistory",
     value: function readHistory(id) {
@@ -4587,7 +4118,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           aggregate: 'minmax'
         }).then(function (values) {
           var sparks = window.document.getElementsByClassName('sparkline');
-
           for (var s = 0; s < sparks.length; s++) {
             if (sparks[s].dataset.id === id) {
               var v = prepareSparkData(values, nowMs);
@@ -4600,6 +4130,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         });
       }
     }
+
     /**
      * @private
      * @param {string} id
@@ -4607,19 +4138,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      * @param {Record<string, any>} classes
      * @returns {JSX.Element | null}
      */
-
   }, {
     key: "renderColumnValue",
     value: function renderColumnValue(id, item, classes) {
       var _obj$common4,
-          _this28 = this;
-
+        _this28 = this;
       var obj = item.data.obj;
-
       if (!obj || !this.states) {
         return null;
       }
-
       if (((_obj$common4 = obj.common) === null || _obj$common4 === void 0 ? void 0 : _obj$common4.type) === 'file') {
         return /*#__PURE__*/_react["default"].createElement("div", {
           className: _Utils["default"].clsx(classes.cellValueText, classes.cellValueFile)
@@ -4632,15 +4159,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           };
           this.subscribe(id);
         }
-
         return null;
       } else {
         !this.recordStates.includes(id) && this.recordStates.push(id);
       }
-
       var state = this.states[id];
       var info = item.data.state;
-
       if (!info) {
         info = item.data.state = item.data.state || formatValue(id, state, obj, this.texts, this.props.dateFormat, this.props.isFloatComma);
         info.valFull = info.valFull.map(function (item) {
@@ -4648,7 +4172,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             return [/*#__PURE__*/_react["default"].createElement("div", {
               className: classes.cellValueTooltipBoth,
               key: item.t
-            }, item.t, ": ", item.v), //<div className={classes.cellValueTooltipValue} key={item.t + '_v'}>{item.v}</div>,
+            }, item.t, ": ", item.v),
+            //<div className={classes.cellValueTooltipValue} key={item.t + '_v'}>{item.v}</div>,
             !item.nbr ? /*#__PURE__*/_react["default"].createElement("br", {
               key: item.t + '_br'
             }) : null];
@@ -4664,7 +4189,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             }) : null];
           }
         });
-
         if (this.defaultHistory && this.objects[id] && this.objects[id].common && this.objects[id].common.custom && this.objects[id].common.custom[this.defaultHistory]) {
           info.valFull.push( /*#__PURE__*/_react["default"].createElement("svg", {
             key: "sparkline",
@@ -4678,7 +4202,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             strokeWidth: "3"
           }));
         }
-
         var copyText = info.valText.v || '';
         info.val = copyText;
         info.valText = [/*#__PURE__*/_react["default"].createElement("span", {
@@ -4696,18 +4219,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             return _this28.onCopy(e, copyText);
           },
           key: "cc"
-        }) //<IconEdit className={ Utils.clsx(classes.cellButtonsValueButton, 'copyButton', classes.cellButtonsValueButtonEdit) } key="ce" />
+        })
+        //<IconEdit className={ Utils.clsx(classes.cellButtonsValueButton, 'copyButton', classes.cellButtonsValueButtonEdit) } key="ce" />
         ];
       }
 
       var val = info.valText;
-
       if (!this.state.filter.expertMode && item.data.button) {
         val = /*#__PURE__*/_react["default"].createElement(_RoomService["default"], {
           className: _Utils["default"].clsx(this.props.classes.cellValueButton, !this.states[id] || !this.states[id].val ? this.props.classes.cellValueButtonFalse : '')
         });
       }
-
       return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
         key: "value",
         title: info.valFull,
@@ -4723,30 +4245,25 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         className: classes.cellValueText
       }, val));
     }
+
     /**
      * @private
      * @returns {undefined}
      */
-
   }, {
     key: "_syncEnum",
     value: function _syncEnum(id, enumIds, newArray, cb) {
       var _this29 = this;
-
       if (!enumIds || !enumIds.length) {
         return cb && cb();
       } else {
         var _this$info$objects$en;
-
         var enumId = enumIds.pop();
         var promises = [];
-
         if ((_this$info$objects$en = this.info.objects[enumId]) !== null && _this$info$objects$en !== void 0 && _this$info$objects$en.common) {
           var _this$info$objects$en2, _this$info$objects$en3;
-
           if ((_this$info$objects$en2 = this.info.objects[enumId].common.members) !== null && _this$info$objects$en2 !== void 0 && _this$info$objects$en2.length) {
             var pos = this.info.objects[enumId].common.members.indexOf(id);
-
             if (pos !== -1 && !newArray.includes(enumId)) {
               // delete from members
               var obj = JSON.parse(JSON.stringify(this.info.objects[enumId]));
@@ -4757,19 +4274,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                 return _this29.showError(e);
               }));
             }
-          } // add to it
-
+          }
 
+          // add to it
           if (newArray.includes(enumId) && !((_this$info$objects$en3 = this.info.objects[enumId].common.members) !== null && _this$info$objects$en3 !== void 0 && _this$info$objects$en3.includes(id))) {
             // add to object
             var _obj = JSON.parse(JSON.stringify(this.info.objects[enumId]));
-
             _obj.common.members = _obj.common.members || [];
-
             _obj.common.members.push(id);
-
             _obj.common.members.sort();
-
             promises.push(this.props.socket.setObject(enumId, _obj).then(function () {
               return _this29.info.objects[enumId] = _obj;
             })["catch"](function (e) {
@@ -4777,7 +4290,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             }));
           }
         }
-
         Promise.all(promises).then(function () {
           return setTimeout(function () {
             return _this29._syncEnum(id, enumIds, newArray, cb);
@@ -4785,35 +4297,33 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         });
       }
     }
+
     /**
      * @private
      * @returns {Promise}
      */
-
   }, {
     key: "syncEnum",
     value: function syncEnum(id, enumName, newArray) {
       var _this30 = this;
-
       var toCheck = (0, _toConsumableArray2["default"])(this.info[enumName === 'func' ? 'funcEnums' : 'roomEnums']);
       return new Promise(function (resolve) {
         return _this30._syncEnum(id, toCheck, newArray, function (error) {
-          error && _this30.showError(error); // force update of object
-
+          error && _this30.showError(error);
+          // force update of object
           resolve();
         });
       });
     }
+
     /**
      * @private
      * @returns {JSX.Element | null}
      */
-
   }, {
     key: "renderEnumDialog",
     value: function renderEnumDialog() {
       var _this31 = this;
-
       if (this.state.enumDialog) {
         var type = this.state.enumDialog.type;
         var item = this.state.enumDialog.item;
@@ -4836,7 +4346,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
               alt: item.name
             }));
           }
-        }); // const hasIcons = !!enums.find(item => item.icon);
+        });
+
+        // const hasIcons = !!enums.find(item => item.icon);
 
         return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
           className: this.props.classes.enumDialog,
@@ -4847,7 +4359,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           },
           "aria-labelledby": "enum-dialog-title",
           open: !0 // true
-
         }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
           id: "enum-dialog-title"
         }, type === 'func' ? this.props.t('ra_Define functions') : this.props.t('ra_Define rooms'), /*#__PURE__*/_react["default"].createElement(_Fab["default"], {
@@ -4871,7 +4382,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           var id;
           var name;
           var icon;
-
           if ((0, _typeof2["default"])(item) === 'object') {
             id = item.value;
             name = item.name;
@@ -4880,7 +4390,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             id = item;
             name = item;
           }
-
           var labelId = "checkbox-list-label-".concat(id);
           return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
             className: _this31.props.classes.headerCellSelectItem,
@@ -4888,14 +4397,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             onClick: function onClick() {
               var pos = itemEnums.indexOf(id);
               var enumDialogEnums = JSON.parse(JSON.stringify(_this31.state.enumDialogEnums));
-
               if (pos === -1) {
                 enumDialogEnums.push(id);
                 enumDialogEnums.sort();
               } else {
                 enumDialogEnums.splice(pos, 1);
               }
-
               _this31.setState({
                 enumDialogEnums: enumDialogEnums
               });
@@ -4920,16 +4427,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return null;
       }
     }
+
     /**
      * @private
      * @returns {JSX.Element | null}
      */
-
   }, {
     key: "renderEditRoleDialog",
     value: function renderEditRoleDialog() {
       var _this32 = this;
-
       if (this.state.roleDialog && this.props.objectBrowserEditRole) {
         var ObjectBrowserEditRole = this.props.objectBrowserEditRole;
         return /*#__PURE__*/_react["default"].createElement(ObjectBrowserEditRole, {
@@ -4942,7 +4448,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             if (obj) {
               _this32.info.objects[_this32.state.roleDialog] = obj;
             }
-
             _this32.setState({
               roleDialog: false
             });
@@ -4952,25 +4457,22 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return null;
       }
     }
+
     /**
      * @private
      * @param {boolean} [isSave]
      */
-
   }, {
     key: "onColumnsEditCustomDialogClose",
     value: function onColumnsEditCustomDialogClose(isSave) {
       var _this33 = this;
-
       if (isSave) {
         var value = this.customColumnDialog.value;
-
         if (this.customColumnDialog.type === 'boolean') {
           value = value === 'true' || value === true;
         } else if (this.customColumnDialog.type === 'number') {
           value = parseFloat(value);
         }
-
         this.customColumnDialog = null;
         this.props.socket.getObject(this.state.columnsEditCustomDialog.obj._id).then(function (obj) {
           if (_this33.setCustomValue(obj, _this33.state.columnsEditCustomDialog.it, value)) {
@@ -4992,15 +4494,14 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         });
       }
     }
+
     /**
      * @private
      */
-
   }, {
     key: "renderColumnsEditCustomDialog",
     value: function renderColumnsEditCustomDialog() {
       var _this34 = this;
-
       if (this.state.columnsEditCustomDialog) {
         if (!this.customColumnDialog) {
           var value = this.getCustomValue(this.state.columnsEditCustomDialog.obj, this.state.columnsEditCustomDialog.it);
@@ -5010,7 +4511,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             value: (value === null || value === undefined ? '' : value).toString()
           };
         }
-
         return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
           onClose: function onClose() {
             return _this34.setState({
@@ -5033,7 +4533,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             onChange: function onChange(e) {
               _this34.customColumnDialog.value = e.target.checked.toString();
               var changed = _this34.customColumnDialog.value !== _this34.customColumnDialog.initValue;
-
               if (changed === !_this34.state.customColumnDialogValueChanged) {
                 _this34.setState({
                   customColumnDialogValueChanged: changed
@@ -5053,7 +4552,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           onChange: function onChange(e) {
             _this34.customColumnDialog.value = e.target.value;
             var changed = _this34.customColumnDialog.value !== _this34.customColumnDialog.initValue;
-
             if (changed === !_this34.state.customColumnDialogValueChanged) {
               _this34.setState({
                 customColumnDialogValueChanged: changed
@@ -5081,19 +4579,18 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return null;
       }
     }
+
     /**
      * @private
      * @param {any} obj
      * @param {any} it
      */
-
   }, {
     key: "getCustomValue",
     value: function getCustomValue(obj, it) {
       if (obj && obj._id && obj._id.startsWith(it.adapter + '.') && it.path.length > 1) {
         var p = it.path;
         var value;
-
         if (obj[p[0]] && (0, _typeof2["default"])(obj[p[0]]) === 'object') {
           if (p.length === 2) {
             // most common case
@@ -5107,7 +4604,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           } else if (p.length === 6) {
             value = obj[p[0]][p[1]] && (0, _typeof2["default"])(obj[p[0]][p[1]]) === 'object' && obj[p[0]][p[1]][p[2]] && obj[p[0]][p[1]][p[2]][p[3]] && obj[p[0]][p[1]][p[2]][p[3]][p[4]] ? obj[p[0]][p[1]][p[2]][p[3]][p[4]][p[5]] : null;
           }
-
           if (value === undefined || value === null) {
             return null;
           } else {
@@ -5118,19 +4614,18 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return null;
       }
     }
+
     /**
      * @private
      * @param {any} obj
      * @param {any} it
      * @param {any} value
      */
-
   }, {
     key: "setCustomValue",
     value: function setCustomValue(obj, it, value) {
       if (obj && obj._id && obj._id.startsWith(it.adapter + '.') && it.path.length > 1) {
         var p = it.path;
-
         if (obj[p[0]] && (0, _typeof2["default"])(obj[p[0]]) === 'object') {
           if (p.length === 2) {
             // most common case
@@ -5159,9 +4654,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           }
         }
       }
-
       return false;
     }
+
     /**
      * Renders a custom value.
      * @param {any} obj
@@ -5169,14 +4664,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      * @param {any} item
      * @returns {JSX.Element | null}
      */
-
   }, {
     key: "renderCustomValue",
     value: function renderCustomValue(obj, it, item) {
       var _this35 = this;
-
       var text = this.getCustomValue(obj, it);
-
       if (text !== null && text !== undefined) {
         if (it.edit && !this.props.notEditable && (!it.objTypes || it.objTypes.includes(obj.type))) {
           return /*#__PURE__*/_react["default"].createElement("div", {
@@ -5201,6 +4693,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return null;
       }
     }
+
     /**
      * Renders a leaf.
      * @param {any} item
@@ -5209,28 +4702,26 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      * @param {{ count: number; }} counter
      * @returns {JSX.Element}
      */
-
   }, {
     key: "renderLeaf",
     value: function renderLeaf(item, isExpanded, classes, counter) {
       var _this36 = this,
-          _common$alias,
-          _common$alias2,
-          _this$states$id2,
-          _item$data,
-          _item$data2,
-          _this$states$id3,
-          _this$states$id4,
-          _this$states$id5;
-
+        _common$alias,
+        _common$alias2,
+        _this$states$id2,
+        _item$data,
+        _item$data2,
+        _this$states$id3,
+        _this$states$id4,
+        _this$states$id5;
       var id = item.data.id;
       counter.count++;
-      isExpanded = isExpanded === undefined ? this.state.expanded.includes(id) : isExpanded; // icon
+      isExpanded = isExpanded === undefined ? this.state.expanded.includes(id) : isExpanded;
 
+      // icon
       var iconFolder;
       var obj = item.data.obj;
       var itemType = obj === null || obj === void 0 ? void 0 : obj.type;
-
       if (item.children || itemType === 'folder' || itemType === 'device' || itemType === 'channel' || itemType === 'meta') {
         iconFolder = isExpanded ? /*#__PURE__*/_react["default"].createElement(_IconOpen["default"], {
           className: classes.cellIdIconFolder,
@@ -5254,9 +4745,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           });
         }
       }
-
       var iconItem = null;
-
       if (item.data.icon) {
         if (typeof item.data.icon === 'string') {
           if (item.data.icon.length < 3) {
@@ -5274,72 +4763,56 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           iconItem = item.data.icon;
         }
       }
-
       var common = obj === null || obj === void 0 ? void 0 : obj.common;
-
       var typeImg = obj && obj.type && ITEM_IMAGES[obj.type] || /*#__PURE__*/_react["default"].createElement("div", {
         className: "itemIcon"
       });
-
       var paddingLeft = this.levelPadding * item.data.level;
-
       if (item.data.lang !== this.state.lang) {
         var _findRoomsForObject = findRoomsForObject(this.info, id, this.state.lang),
-            rooms = _findRoomsForObject.rooms,
-            per = _findRoomsForObject.per;
-
+          rooms = _findRoomsForObject.rooms,
+          per = _findRoomsForObject.per;
         item.data.rooms = rooms.join(', ');
         item.data.per = per;
-
         var _findFunctionsForObje = findFunctionsForObject(this.info, id, this.state.lang),
-            funcs = _findFunctionsForObje.funcs,
-            pef = _findFunctionsForObje.pef;
-
+          funcs = _findFunctionsForObje.funcs,
+          pef = _findFunctionsForObje.pef;
         item.data.funcs = funcs.join(', ');
         item.data.pef = pef;
         item.data.lang = this.state.lang;
       }
-
       var checkbox = this.props.multiSelect && this.objects[id] && (!this.props.types || this.props.types.includes(this.objects[id].type)) ? /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
         className: classes.checkBox,
         checked: this.state.selected.includes(id)
       }) : null;
       var valueEditable = !this.props.notEditable && itemType === 'state' && (this.state.filter.expertMode || (common === null || common === void 0 ? void 0 : common.write) !== false);
-
       if (this.props.objectBrowserViewFile && (common === null || common === void 0 ? void 0 : common.type) === 'file') {
         valueEditable = true;
       }
-
       var enumEditable = !this.props.notEditable && this.objects[id] && (this.state.filter.expertMode || itemType === 'state' || itemType === 'channel' || itemType === 'device');
       var checkVisibleObjectType = this.state.statesView && (itemType === 'state' || itemType === 'channel' || itemType === 'device');
       var newValue = '';
       var newValueTitle = [];
-
       if (checkVisibleObjectType) {
         var _this$states$id;
-
         newValue = (_this$states$id = this.states[id]) === null || _this$states$id === void 0 ? void 0 : _this$states$id.from;
-
         if (newValue === undefined) {
           newValue = '&nbsp;';
         } else {
           newValue = newValue ? newValue.replace(/^system\.adapter\.|^system\./, '') : '';
           newValueTitle.push("".concat(this.texts.stateChangedFrom, " ").concat(newValue));
         }
-
         if (obj.user) {
           var user = obj.user.replace('system.user.', '');
           newValue += "/".concat(user);
           newValueTitle.push("".concat(this.texts.stateChangedBy, " ").concat(user));
         }
       }
-
       if (obj) {
         obj.from && newValueTitle.push(this.texts.objectChangedFrom + ' ' + obj.from.replace(/^system\.adapter\.|^system\./, ''));
         obj.user && newValueTitle.push(this.texts.objectChangedBy + ' ' + obj.user.replace(/^system\.user\./, ''));
         obj.ts && newValueTitle.push(this.texts.objectChangedByUser + ' ' + _Utils["default"].formatDate(new Date(obj.ts), this.props.dateFormat));
       }
-
       var readWriteAlias = (0, _typeof2["default"])(common === null || common === void 0 ? void 0 : (_common$alias = common.alias) === null || _common$alias === void 0 ? void 0 : _common$alias.id) === 'object';
       var alias = id.startsWith('alias.') && common !== null && common !== void 0 && (_common$alias2 = common.alias) !== null && _common$alias2 !== void 0 && _common$alias2.id ? readWriteAlias ? /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.cellIdAliasReadWriteDiv
@@ -5347,9 +4820,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         onClick: function onClick(e) {
           e.stopPropagation();
           e.preventDefault();
-
           _this36.onSelect(common.alias.id.read);
-
           setTimeout(function () {
             _this36.expandAllSelected(function () {
               return _this36.scrollToItem(common.alias.id.read);
@@ -5361,9 +4832,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         onClick: function onClick(e) {
           e.stopPropagation();
           e.preventDefault();
-
           _this36.onSelect(common.alias.id.write);
-
           setTimeout(function () {
             _this36.expandAllSelected(function () {
               return _this36.scrollToItem(common.alias.id.write);
@@ -5375,9 +4844,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         onClick: function onClick(e) {
           e.stopPropagation();
           e.preventDefault();
-
           _this36.onSelect(common.alias.id);
-
           setTimeout(function () {
             _this36.expandAllSelected(function () {
               return _this36.scrollToItem(common.alias.id);
@@ -5388,47 +4855,37 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, "\u2192", common.alias.id) : null;
       var checkColor = common === null || common === void 0 ? void 0 : common.color;
       var invertBackground = 'none';
-
       if (checkColor && !this.state.selected.includes(id)) {
         invertBackground = _Utils["default"].invertColor(checkColor, true);
       }
-
       if (!checkColor || this.state.selected.includes(id)) {
         checkColor = 'inherit';
       }
-
       var icons = [];
-
       if (common !== null && common !== void 0 && common.statusStates) {
         var ids = {};
         Object.keys(common.statusStates).forEach(function (name) {
           var _id = common.statusStates[name];
-
           if (_id.split('.').length < 3) {
             _id = id + '.' + _id;
           }
-
           ids[name] = _id;
-
           if (!_this36.states[_id]) {
             var _this36$objects$_id;
-
             if (((_this36$objects$_id = _this36.objects[_id]) === null || _this36$objects$_id === void 0 ? void 0 : _this36$objects$_id.type) === 'state') {
               !_this36.recordStates.includes(_id) && _this36.recordStates.push(_id);
               _this36.states[_id] = {
                 val: null
               };
-
               _this36.subscribe(_id);
             }
           } else {
             !_this36.recordStates.includes(_id) && _this36.recordStates.push(_id);
           }
-        }); // calculate color
+        });
+        // calculate color
         // errorId has priority
-
         var colorSet = false;
-
         if (common.statusStates.errorId && this.states[ids.errorId] && this.states[ids.errorId].val) {
           checkColor = this.props.themeType === 'dark' ? COLOR_NAME_ERROR_DARK : COLOR_NAME_ERROR_LIGHT;
           colorSet = true;
@@ -5438,7 +4895,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             className: this.props.classes.iconDeviceError
           }));
         }
-
         if (ids.onlineId && this.states[ids.onlineId] && this.states[ids.onlineId].val !== null) {
           if (!colorSet) {
             if (this.states[ids.onlineId].val) {
@@ -5501,7 +4957,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           }
         }
       }
-
       var q = checkVisibleObjectType ? _Utils["default"].quality2text(((_this$states$id2 = this.states[id]) === null || _this$states$id2 === void 0 ? void 0 : _this$states$id2.q) || 0).join(', ') : null;
       return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
         container: true,
@@ -5602,7 +5057,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         },
         onClick: enumEditable ? function () {
           var enums = findEnumsForObjectAsIds(_this36.info, item.data.id, 'roomEnums');
-
           _this36.setState({
             enumDialogEnums: enums,
             enumDialog: {
@@ -5620,7 +5074,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         },
         onClick: enumEditable ? function () {
           var enums = findEnumsForObjectAsIds(_this36.info, item.data.id, 'funcEnums');
-
           _this36.setState({
             enumDialogEnums: enums,
             enumDialog: {
@@ -5671,27 +5124,24 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           if (!obj || !_this36.states) {
             return null;
           }
-
           if ((common === null || common === void 0 ? void 0 : common.type) === 'file') {
             return _this36.setState({
               viewFileDialog: id
             });
-          } // in non-expert mode control button directly
-
+          }
 
+          // in non-expert mode control button directly
           if (!_this36.state.filter.expertMode && item.data.button) {
             return _this36.props.socket.setState(id, true)["catch"](function (e) {
               return window.alert("Cannot write state \"".concat(id, "\": ").concat(e));
             });
           }
-
           _this36.edit = {
             val: _this36.states[id] ? _this36.states[id].val : '',
             q: _this36.states[id] ? _this36.states[id].q || 0 : 0,
             ack: false,
             id: id
           };
-
           _this36.setState({
             updateOpened: true
           });
@@ -5703,6 +5153,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }
       }, this.renderColumnButtons(id, item, classes)) : null);
     }
+
     /**
      * Renders an item.
      * @param {any} root
@@ -5711,19 +5162,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      * @param {{ count: any; }} [counter]
      * @returns {JSX.Element[]}
      */
-
   }, {
     key: "renderItem",
     value: function renderItem(root, isExpanded, classes, counter) {
       var _this37 = this;
-
       var items = [];
       counter = counter || {
         count: 0
       };
       var leaf = this.renderLeaf(root, isExpanded, classes, counter);
       var DragWrapper = this.props.DragWrapper;
-
       if (this.props.dragEnabled) {
         if (root.data.sumVisibility) {
           leaf = /*#__PURE__*/_react["default"].createElement(DragWrapper, {
@@ -5739,10 +5187,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           }, leaf);
         }
       }
-
       root.data.id && items.push(leaf);
       isExpanded = isExpanded === undefined ? binarySearch(this.state.expanded, root.data.id) : isExpanded;
-
       if (!root.data.id || isExpanded) {
         if (!this.state.foldersFirst) {
           root.children && items.push(root.children.map(function (item) {
@@ -5752,7 +5198,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                 return _this37.renderItem(item, undefined, classes, counter);
               }
             }
-
             return null;
           }));
         } else {
@@ -5766,10 +5211,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                 }
               }
             }
-
             return null;
-          })); // then items
-
+          }));
+          // then items
           root.children && items.push(root.children.map(function (item) {
             if (!item.children) {
               // do not render too many items in column editor mode
@@ -5779,14 +5223,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                 }
               }
             }
-
             return null;
           }));
         }
       }
-
       return items;
     }
+
     /**
      * @private
      * @param {boolean} [columnsAuto]
@@ -5794,12 +5237,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      * @param {any} [columnsForAdmin]
      * @param {Record<string, number>} [columnsWidths]
      */
-
   }, {
     key: "calculateColumnsVisibility",
     value: function calculateColumnsVisibility(columnsAuto, columns, columnsForAdmin, columnsWidths) {
       var _this38 = this;
-
       columnsWidths = columnsWidths || this.state.columnsWidths;
       columnsForAdmin = columnsForAdmin || this.state.columnsForAdmin;
       columns = columns || this.state.columns || [];
@@ -5812,7 +5253,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
       this.adapterColumns = [];
       var WIDTHS = SCREEN_WIDTHS[this.props.width].widths;
-
       if (columnsAuto) {
         this.columnsVisibility = {
           id: SCREEN_WIDTHS[this.props.width].idWidth,
@@ -5829,10 +5269,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           val: this.visibleCols.includes('val') ? WIDTHS.val || 0 : 0,
           buttons: this.visibleCols.includes('buttons') ? WIDTHS.buttons || 0 : 0
         };
-
         if (this.columnsVisibility.name && !this.customWidth) {
           var widthSum = this.columnsVisibility.id; // id is always visible
-
           if (this.state.statesView) {
             widthSum += this.columnsVisibility.changedFrom;
             widthSum += this.columnsVisibility.qualityCode;
@@ -5844,7 +5282,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             widthSum += this.columnsVisibility.room;
             widthSum += this.columnsVisibility.func;
           }
-
           widthSum += this.columnsVisibility.val;
           widthSum += this.columnsVisibility.buttons;
           this.columnsVisibility.name = "calc(100% - ".concat(widthSum + 5, "px)");
@@ -5852,7 +5289,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         } else if (!this.customWidth) {
           // Calculate the with of ID
           var _widthSum = 0; // id is always visible
-
           if (this.state.statesView) {
             _widthSum += this.columnsVisibility.changedFrom;
             _widthSum += this.columnsVisibility.qualityCode;
@@ -5864,7 +5300,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             _widthSum += this.columnsVisibility.room;
             _widthSum += this.columnsVisibility.func;
           }
-
           _widthSum += this.columnsVisibility.val;
           _widthSum += this.columnsVisibility.buttons;
           this.columnsVisibility.id = "calc(100% - ".concat(_widthSum + 5, "px)");
@@ -5879,20 +5314,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           func: columns.includes('func') ? columnsWidths.func || WIDTHS.func || SCREEN_WIDTHS[this.props.width].widths.func || 0 : 0
         };
         var _widthSum2 = this.columnsVisibility.id; // id is always visible
-
         if (this.columnsVisibility.name) {
           _widthSum2 += this.columnsVisibility.type;
           _widthSum2 += this.columnsVisibility.role;
           _widthSum2 += this.columnsVisibility.room;
           _widthSum2 += this.columnsVisibility.func;
         }
-
         if (columnsForAdmin && columns) {
           Object.keys(columnsForAdmin).sort().forEach(function (adapter) {
             return columnsForAdmin[adapter].forEach(function (column) {
               var id = '_' + adapter + '_' + column.path;
               _this38.columnsVisibility[id] = columns.includes(id);
-
               if (columns.includes(id)) {
                 var item = {
                   adapter: adapter,
@@ -5901,21 +5333,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                   path: column.path.split('.'),
                   pathText: column.path
                 };
-
                 if (column.edit) {
                   item.edit = true;
-
                   if (column.type) {
                     item.type = column.type;
                   }
-
                   if (column.objTypes) {
                     item.objTypes = column.objTypes;
                   }
                 }
-
                 _this38.adapterColumns.push(item);
-
                 _this38.columnsVisibility[id] = columnsWidths[item.id] || column.width || SCREEN_WIDTHS[_this38.props.width].widths.func || SCREEN_WIDTHS.xl.widths.func;
                 _widthSum2 += _this38.columnsVisibility[id];
               } else {
@@ -5924,17 +5351,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             });
           });
         }
-
         this.adapterColumns.sort(function (a, b) {
           return a.id > b.id ? -1 : a.id < b.id ? 1 : 0;
         });
-        this.columnsVisibility.val = columns.includes('val') ? columnsWidths.val || WIDTHS.val || SCREEN_WIDTHS.xl.widths.val : 0; // do not show buttons if not desired
+        this.columnsVisibility.val = columns.includes('val') ? columnsWidths.val || WIDTHS.val || SCREEN_WIDTHS.xl.widths.val : 0;
 
+        // do not show buttons if not desired
         if (!this.props.columns || this.props.columns.includes('buttons')) {
           this.columnsVisibility.buttons = columns.includes('buttons') ? columnsWidths.buttons || WIDTHS.buttons || SCREEN_WIDTHS.xl.widths.buttons : 0;
           _widthSum2 += this.columnsVisibility.buttons;
         }
-
         if (this.columnsVisibility.name && !columnsWidths.name) {
           _widthSum2 += this.columnsVisibility.val;
           this.columnsVisibility.name = "calc(100% - ".concat(_widthSum2, "px)");
@@ -5960,10 +5386,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      */
     function renderHeader() {
       var _this39 = this;
-
       var classes = this.props.classes;
       var filterClearInValue = null;
-
       if (!this.columnsVisibility.buttons && !this.isFilterEmpty()) {
         filterClearInValue = /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
           onClick: function onClick() {
@@ -5976,7 +5400,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           className: classes.buttonClearFilterIcon
         }));
       }
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.headerRow
       }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -6087,16 +5510,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }
       }, " ", this.getFilterSelectCustoms()) : null);
     }
+
     /**
      * @private
      * @returns {JSX.Element}
      */
-
   }, {
     key: "renderToast",
     value: function renderToast() {
       var _this40 = this;
-
       return /*#__PURE__*/_react["default"].createElement(_Snackbar["default"], {
         open: !!this.state.toast,
         autoHideDuration: 3000,
@@ -6125,18 +5547,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         })))
       });
     }
+
     /**
      * Called when component is updated.
      */
-
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var _this41 = this;
-
       if (this.tableRef.current) {
         var scrollBarWidth = this.tableRef.current.offsetWidth - this.tableRef.current.clientWidth;
-
         if (this.state.scrollBarWidth !== scrollBarWidth) {
           setTimeout(function () {
             return _this41.setState({
@@ -6161,16 +5581,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
       this.selectedFound = true;
     }
+
     /**
      * @private
      * @returns {JSX.Element | null}
      */
-
   }, {
     key: "renderCustomDialog",
     value: function renderCustomDialog() {
       var _this42 = this;
-
       if (this.state.customDialog && this.props.objectCustomDialog) {
         var ObjectCustomDialog = this.props.objectCustomDialog;
         return /*#__PURE__*/_react["default"].createElement(ObjectCustomDialog, {
@@ -6190,17 +5609,14 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           customsInstances: this.info.customs,
           onClose: function onClose() {
             _this42.pauseSubscribe(false);
-
             _this42.setState({
               customDialog: null
             });
-
             if (_this42.changedIds) {
-              _this42.changedIds = null; // update all changed IDs
-
+              _this42.changedIds = null;
+              // update all changed IDs
               _this42.forceUpdate();
             }
-
             _this42.props.router && _this42.props.router.doNavigate('tab-objects');
           }
         });
@@ -6208,16 +5624,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return null;
       }
     }
+
     /**
      * @private
      * @param {Partial<ioBroker.State>} valAck
      */
-
   }, {
     key: "onUpdate",
     value: function onUpdate(valAck) {
       var _this43 = this;
-
       this.props.socket.setState(this.edit.id, {
         val: valAck.val,
         ack: valAck.ack,
@@ -6227,20 +5642,18 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return _this43.showError('Cannot write value: ' + e);
       });
     }
+
     /**
      * @private
      * @returns {JSX.Element | null}
      */
-
   }, {
     key: "renderEditObjectDialog",
     value: function renderEditObjectDialog() {
       var _this44 = this;
-
       if (!this.state.editObjectDialog || !this.props.objectBrowserEditObject) {
         return null;
       }
-
       var ObjectBrowserEditObject = this.props.objectBrowserEditObject;
       return /*#__PURE__*/_react["default"].createElement(ObjectBrowserEditObject, {
         key: this.state.editObjectDialog,
@@ -6268,19 +5681,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         onClose: function onClose(obj) {
           if (obj) {
             var updateAlias;
-
             if (_this44.state.editObjectDialog.startsWith('alias.')) {
               var _this44$objects$_this, _obj$common5;
-
               if (JSON.stringify((_this44$objects$_this = _this44.objects[_this44.state.editObjectDialog].common) === null || _this44$objects$_this === void 0 ? void 0 : _this44$objects$_this.alias) !== JSON.stringify((_obj$common5 = obj.common) === null || _obj$common5 === void 0 ? void 0 : _obj$common5.alias)) {
                 updateAlias = _this44.state.editObjectDialog;
               }
             }
-
             _this44.props.socket.setObject(obj._id, obj).then(function () {
               if (updateAlias && _this44.subscribes.includes(updateAlias)) {
                 _this44.unsubscribe(updateAlias);
-
                 setTimeout(function () {
                   return _this44.subscribe(updateAlias);
                 }, 100);
@@ -6289,27 +5698,24 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
               return _this44.showError("Cannot write object: ".concat(e));
             });
           }
-
           _this44.setState({
             editObjectDialog: ''
           });
         }
       });
     }
+
     /**
      * @private
      * @returns {JSX.Element | null}
      */
-
   }, {
     key: "renderViewObjectFileDialog",
     value: function renderViewObjectFileDialog() {
       var _this45 = this;
-
       if (!this.state.viewFileDialog || !this.props.objectBrowserViewFile) {
         return null;
       }
-
       var ObjectBrowserViewFile = this.props.objectBrowserViewFile;
       return /*#__PURE__*/_react["default"].createElement(ObjectBrowserViewFile, {
         key: "viewFile",
@@ -6326,31 +5732,27 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }
       });
     }
+
     /**
      * @private
      * @returns {JSX.Element | null}
      */
-
   }, {
     key: "renderEditValueDialog",
     value: function renderEditValueDialog() {
       var _this$objects$this$ed,
-          _this46 = this;
-
+        _this46 = this;
       if (!this.state.updateOpened || !this.props.objectBrowserValue) {
         return null;
       }
-
       if (!this.edit.id) {
         console.error('Invalid ID for edit: ' + JSON.stringify(this.edit));
         return null;
       }
-
       if (!this.objects[this.edit.id]) {
         console.error("Something went wrong. Possibly the object ".concat(this.edit.id, " was deleted."));
         return null;
       }
-
       var type = (_this$objects$this$ed = this.objects[this.edit.id].common) !== null && _this$objects$this$ed !== void 0 && _this$objects$this$ed.type ? this.objects[this.edit.id].common.type : (0, _typeof2["default"])(this.edit.val);
       var ObjectBrowserValue = this.props.objectBrowserValue;
       return /*#__PURE__*/_react["default"].createElement(ObjectBrowserValue, {
@@ -6369,7 +5771,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           _this46.setState({
             updateOpened: false
           });
-
           res && _this46.onUpdate(res);
         }
       });
@@ -6383,18 +5784,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      */
     function render() {
       var _this47 = this;
-
       this.recordStates = [];
-      this.unsubscribeTimer && clearTimeout(this.unsubscribeTimer); // apply filter if changed
+      this.unsubscribeTimer && clearTimeout(this.unsubscribeTimer);
 
+      // apply filter if changed
       var jsonFilter = JSON.stringify(this.state.filter);
-
       if (this.lastAppliedFilter !== jsonFilter && this.objects && this.root) {
         var counter = {
           count: 0
         };
         applyFilter(this.root, this.state.filter, this.state.lang, this.objects, null, counter, this.props.customFilter, this.props.types);
-
         if (counter.count < 500 && !this.state.expandAllVisible) {
           setTimeout(function () {
             return _this47.setState({
@@ -6408,16 +5807,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             });
           });
         }
-
         this.lastAppliedFilter = jsonFilter;
       }
-
       this.unsubscribeTimer = setTimeout(function () {
         _this47.unsubscribeTimer = null;
-
         _this47.checkUnsubscribes();
       }, 200);
-
       if (!this.state.loaded) {
         return /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
           key: this.props.dialogName + '_c'
@@ -6438,19 +5833,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
     value: function getDerivedStateFromProps(props, state) {
       var newState = {};
       var changed = false;
-
       if (props.expertMode !== undefined && props.expertMode !== state.filter.expertMode) {
         changed = true;
         newState.filter = Object.assign({}, state.filter);
         newState.filter.expertMode = props.expertMode;
       }
-
       return changed ? newState : null;
     }
   }]);
   return ObjectBrowser;
 }(_react.Component);
-
 ObjectBrowser.defaultProps = {
   objectAddBoolean: false,
   objectEditBoolean: false,
@@ -6525,20 +5917,21 @@ ObjectBrowser.propTypes = {
   // optional ['state', 'instance', 'channel']
   columns: _propTypes["default"].array,
   // optional ['name', 'type', 'role', 'room', 'func', 'val', 'buttons']
+
   objectsWorker: _propTypes["default"].object,
   // optional cache of objects
   filterFunc: _propTypes["default"].func,
   // function to filter out all unnecessary objects. It cannot be used together with "types"
   // Example for function: `obj => obj.common && obj.common.type === 'boolean'` to show only boolean states
+
   dragSettings: _propTypes["default"].object,
   DragWrapper: _propTypes["default"].func,
   dragEnabled: _propTypes["default"].bool,
   useDrag: _propTypes["default"].func
 };
-/** @type {typeof ObjectBrowser} */
 
+/** @type {typeof ObjectBrowser} */
 var _export = (0, _withWidth["default"])()((0, _withStyles["default"])(styles)(ObjectBrowser));
-
 var _default = _export;
 exports["default"] = _default;
 //# sourceMappingURL=ObjectBrowser.js.map