@iobroker/adapter-react-v5 3.1.21 → 3.1.24

package/Components/ObjectBrowser.js

@@ -67,8 +67,6 @@ var _List = _interopRequireDefault(require("@mui/material/List"));
 
 var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
 
-var _ListItemButton = _interopRequireDefault(require("@mui/material/ListItemButton"));
-
 var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
 
 var _ListItemSecondaryAction = _interopRequireDefault(require("@mui/material/ListItemSecondaryAction"));
@@ -95,10 +93,6 @@ var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormContro
 
 var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
 
-var _Slider = _interopRequireDefault(require("@mui/material/Slider"));
-
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
 var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
 
 var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
@@ -911,10 +905,63 @@ function applyFilter(item, filters, lang, objects, context, counter, customFilte
     var common = data.obj && data.obj.common;
 
     if (customFilter) {
-      if (customFilter.type && customFilter.type !== data.obj.type) {
-        filteredOut = true;
-      } else if (customFilter.common && customFilter.common.custom) {
-        if (!common || !common.custom || customFilter.common.custom !== true && !common.custom[customFilter.common.custom]) {
+      var _customFilter$common, _customFilter$common2, _customFilter$common3;
+
+      if (customFilter.type) {
+        if (typeof customFilter.type === 'string') {
+          if (customFilter.type !== data.obj.type) {
+            filteredOut = true;
+          }
+        } else if (Array.isArray(customFilter.type)) {
+          if (!customFilter.type.includes(data.obj.type)) {
+            filteredOut = true;
+          }
+        }
+      }
+
+      if (!filteredOut && (_customFilter$common = customFilter.common) !== null && _customFilter$common !== void 0 && _customFilter$common.type) {
+        if (!common || !common.type) {
+          filteredOut = true;
+        } else if (typeof customFilter.common.type === 'string') {
+          if (customFilter.common.type !== common.type) {
+            filteredOut = true;
+          }
+        } else if (Array.isArray(customFilter.common.type)) {
+          if (!customFilter.type.includes(common.type)) {
+            filteredOut = true;
+          }
+        }
+      }
+
+      if (!filteredOut && (_customFilter$common2 = customFilter.common) !== null && _customFilter$common2 !== void 0 && _customFilter$common2.role) {
+        if (!common || !common.role) {
+          filteredOut = true;
+        } else if (typeof customFilter.common.role === 'string') {
+          if (common.role.startsWith(customFilter.common.role)) {
+            filteredOut = true;
+          }
+        } else if (Array.isArray(customFilter.common.role)) {
+          if (!customFilter.common.role.find(function (role) {
+            return customFilter.role.includes(role);
+          })) {
+            filteredOut = true;
+          }
+        }
+      }
+
+      if (!filteredOut && (_customFilter$common3 = customFilter.common) !== null && _customFilter$common3 !== void 0 && _customFilter$common3.custom) {
+        if (!common || !common.custom) {
+          filteredOut = true;
+        } else if (customFilter.common.custom === '_dataSources') {
+          // TODO: make it configurable
+          if (!Object.keys(common.custom).find(function (id) {
+            return id.startsWith('history.') || id.startsWith('sql.') || id.startsWith('influxdb.');
+          })) {
+            filteredOut = true;
+          }
+        } else if (customFilter.common.custom !== true && !Object.keys(common.custom).find(function (id) {
+          return id.startsWith(customFilter.common.custom);
+        })) {
           filteredOut = true;
         }
       }
@@ -2723,7 +2770,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       columns: columns,
       columnsForAdmin: null,
       columnsSelectorShow: false,
-      columnsAuto: (window._localStorage || window.localStorage).getItem("".concat(props.dialogName || 'App', ".columnsAuto")) !== 'false',
+      columnsAuto: true,
+      // (window._localStorage || window.localStorage).getItem(`${props.dialogName || 'App'}.columnsAuto`) !== 'false',
       columnsWidths: columnsWidths,
       columnsDialogTransparent: 100,
       columnsEditCustomDialog: null,
@@ -3169,85 +3217,68 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      * @param {boolean} isLast
      */
 
-  }, {
-    key: "_renderDefinedList",
-    value: function _renderDefinedList(isLast) {
-      var _this9 = this;
-
-      var cols = (0, _toConsumableArray2["default"])(this.possibleCols);
-      cols.unshift('id');
-
-      if (this.props.columns && !this.props.columns.includes('buttons')) {
-        var pos = cols.indexOf('buttons');
-
-        if (pos !== -1) {
-          cols.splice(pos, 1);
-        }
-      }
-
-      return cols.filter(function (id) {
-        return isLast && (id === 'val' || id === 'buttons') || !isLast && id !== 'val' && id !== 'buttons';
-      }).map(function (id) {
-        return /*#__PURE__*/_react["default"].createElement(_ListItemButton["default"], {
-          onClick: function onClick() {
-            if (!_this9.state.columnsAuto && id !== 'id') {
-              var columns = (0, _toConsumableArray2["default"])(_this9.state.columns || []);
-
-              var _pos = columns.indexOf(id);
-
-              if (_pos === -1) {
-                columns.push(id);
-                columns.sort();
-              } else {
-                columns.splice(_pos, 1);
-              }
-
-              (window._localStorage || window.localStorage).setItem((_this9.props.dialogName || 'App') + '.columns', JSON.stringify(columns));
-
-              _this9.calculateColumnsVisibility(null, columns);
-
-              _this9.setState({
-                columns: columns
-              });
+    /*
+    _renderDefinedList(isLast) {
+        const cols = [...this.possibleCols];
+        cols.unshift('id');
+        if (this.props.columns && !this.props.columns.includes('buttons')) {
+            const pos = cols.indexOf('buttons');
+            if (pos !== -1) {
+                cols.splice(pos, 1);
             }
-          },
-          key: id
-        }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-          edge: "start",
-          disabled: id === 'id' || _this9.state.columnsAuto,
-          checked: id === 'id' || (_this9.state.columnsAuto ? _this9.visibleCols.includes(id) : _this9.state.columns && _this9.state.columns.includes(id)),
-          disableRipple: true
-        }), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
-          primary: _this9.texts['filter_' + id] || _this9.props.t('ra_' + id)
-        }), /*#__PURE__*/_react["default"].createElement(_ListItemSecondaryAction["default"], null, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
-          variant: "standard",
-          className: _this9.props.classes.columnsDialogInputWidth,
-          style: {
-            marginTop: 0,
-            marginBottom: 0
-          },
-          margin: "dense"
-        }, /*#__PURE__*/_react["default"].createElement(_Input["default"], {
-          classes: {
-            underline: 'no-underline'
-          },
-          placeholder: _this9.props.t('ra_Width'),
-          value: _this9.state.columnsWidths[id] || '',
-          onChange: function onChange(e) {
-            var columnsWidths = JSON.parse(JSON.stringify(_this9.state.columnsWidths));
-            columnsWidths[id] = e.target.value;
-            (window._localStorage || window.localStorage).setItem((_this9.props.dialogName || 'App') + '.columnsWidths', JSON.stringify(columnsWidths));
-
-            _this9.calculateColumnsVisibility(null, null, null, columnsWidths);
+        }
+        return cols
+            .filter(id => (isLast && (id === 'val' || id === 'buttons')) || (!isLast && id !== 'val' && id !== 'buttons'))
+            .map(id =>
+                <ListItemButton onClick={() => {
+                    if (!this.state.columnsAuto && id !== 'id') {
+                        const columns = [...(this.state.columns || [])];
+                        const pos = columns.indexOf(id);
+                        if (pos === -1) {
+                            columns.push(id);
+                            columns.sort();
+                        } else {
+                            columns.splice(pos, 1);
+                        }
+                        (window._localStorage || window.localStorage).setItem((this.props.dialogName || 'App') + '.columns', JSON.stringify(columns));
+                        this.calculateColumnsVisibility(null, columns);
+                        this.setState({ columns });
+                    }
+                }} key={id}>
+                    <Checkbox
+                        edge="start"
+                        disabled={id === 'id' || this.state.columnsAuto}
+                        checked={id === 'id' || (this.state.columnsAuto ? this.visibleCols.includes(id) : (this.state.columns && this.state.columns.includes(id)))}
+                        disableRipple
+                    />
+                    <ListItemText primary={this.texts['filter_' + id] || this.props.t('ra_' + id)} />
+                    <ListItemSecondaryAction>
+                        <FormControl
+                            variant="standard"
+                            className={this.props.classes.columnsDialogInputWidth}
+                            style={{ marginTop: 0, marginBottom: 0 }}
+                            margin="dense"
+                        >
+                            <Input
+                                classes={{ underline: 'no-underline' }}
+                                placeholder={this.props.t('ra_Width')}
+                                value={this.state.columnsWidths[id] || ''}
+                                onChange={e => {
+                                    const columnsWidths = JSON.parse(JSON.stringify(this.state.columnsWidths));
+                                    columnsWidths[id] = e.target.value;
+                                    (window._localStorage || window.localStorage).setItem((this.props.dialogName || 'App') + '.columnsWidths', JSON.stringify(columnsWidths));
+                                    this.calculateColumnsVisibility(null, null, null, columnsWidths);
+                                    this.setState({ columnsWidths });
+                                }}
+                                autoComplete="off"
+                            />
+                        </FormControl>
+                    </ListItemSecondaryAction>
+                </ListItemButton>
+            );
+    }
+    */
 
-            _this9.setState({
-              columnsWidths: columnsWidths
-            });
-          },
-          autoComplete: "off"
-        }))));
-      });
-    }
     /**
      * Renders the columns selector.
      * @returns {JSX.Element | null}
@@ -3256,14 +3287,14 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderColumnsSelectorDialog",
     value: function renderColumnsSelectorDialog() {
-      var _this10 = this;
+      var _this9 = this;
 
       if (!this.state.columnsSelectorShow) {
         return null;
       } else {
         return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
           onClose: function onClose() {
-            return _this10.setState({
+            return _this9.setState({
               columnsSelectorShow: false
             });
           },
@@ -3273,49 +3304,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           }
         }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
           className: this.props.classes.fontSizeTitle
-        }, this.props.t('ra_Configure visible columns')), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
+        }, this.props.t('ra_Configure')), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
           className: this.props.classes.fontSizeTitle
         }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-          className: this.props.classes.switchColumnAuto,
-          control: /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
-            checked: this.state.columnsAuto,
-            onChange: function onChange() {
-              (window._localStorage || window.localStorage).setItem((_this10.props.dialogName || 'App') + '.columnsAuto', _this10.state.columnsAuto ? 'false' : 'true');
-
-              if (!_this10.state.columnsAuto) {
-                _this10.calculateColumnsVisibility(true);
-
-                _this10.setState({
-                  columnsAuto: true
-                });
-              } else {
-                if (!_this10.state.columns) {
-                  _this10.calculateColumnsVisibility(false, (0, _toConsumableArray2["default"])(_this10.visibleCols));
-
-                  _this10.setState({
-                    columnsAuto: false,
-                    columns: (0, _toConsumableArray2["default"])(_this10.visibleCols)
-                  });
-                } else {
-                  _this10.calculateColumnsVisibility(false);
-
-                  _this10.setState({
-                    columnsAuto: false
-                  });
-                }
-              }
-            }
-          }),
-          label: this.props.t('ra_Auto (no custom columns)')
-        }), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
           className: this.props.classes.switchColumnAuto,
           control: /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
             checked: this.state.foldersFirst,
             onChange: function onChange() {
-              (window._localStorage || window.localStorage).setItem((_this10.props.dialogName || 'App') + '.foldersFirst', _this10.state.foldersFirst ? 'false' : 'true');
+              (window._localStorage || window.localStorage).setItem((_this9.props.dialogName || 'App') + '.foldersFirst', _this9.state.foldersFirst ? 'false' : 'true');
 
-              _this10.setState({
-                foldersFirst: !_this10.state.foldersFirst
+              _this9.setState({
+                foldersFirst: !_this9.state.foldersFirst
               });
             }
           }),
@@ -3325,96 +3324,18 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           control: /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
             checked: this.state.linesEnabled,
             onChange: function onChange() {
-              (window._localStorage || window.localStorage).setItem((_this10.props.dialogName || 'App') + '.lines', _this10.state.linesEnabled ? 'false' : 'true');
+              (window._localStorage || window.localStorage).setItem((_this9.props.dialogName || 'App') + '.lines', _this9.state.linesEnabled ? 'false' : 'true');
 
-              _this10.setState({
-                linesEnabled: !_this10.state.linesEnabled
+              _this9.setState({
+                linesEnabled: !_this9.state.linesEnabled
               });
             }
           }),
           label: this.props.t('ra_Show lines between rows')
-        }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-          classes: {
-            root: this.props.classes.dialogColumnsLabel
-          }
-        }, this.props.t('ra_Transparent dialog')), /*#__PURE__*/_react["default"].createElement(_Slider["default"], {
-          classes: {
-            root: this.props.classes.width100
-          },
-          value: this.state.columnsDialogTransparent,
-          min: 20,
-          max: 100,
-          step: 10,
-          onChange: function onChange(event, newValue) {
-            return _this10.setState({
-              columnsDialogTransparent: newValue
-            });
-          }
-        }), /*#__PURE__*/_react["default"].createElement(_List["default"], null, this._renderDefinedList(false), this.state.columnsForAdmin && Object.keys(this.state.columnsForAdmin).sort().map(function (adapter) {
-          return _this10.state.columnsForAdmin[adapter].map(function (column) {
-            return /*#__PURE__*/_react["default"].createElement(_ListItemButton["default"], {
-              onClick: function onClick() {
-                if (!_this10.state.columnsAuto) {
-                  var columns = (0, _toConsumableArray2["default"])(_this10.state.columns || []);
-                  var id = '_' + adapter + '_' + column.path;
-                  var pos = columns.indexOf(id);
-
-                  if (pos === -1) {
-                    columns.push(id);
-                    columns.sort();
-                  } else {
-                    columns.splice(pos, 1);
-                  }
-
-                  _this10.calculateColumnsVisibility(null, columns);
-
-                  (window._localStorage || window.localStorage).setItem((_this10.props.dialogName || 'App') + '.columns', JSON.stringify(columns));
-
-                  _this10.setState({
-                    columns: columns
-                  });
-                }
-              },
-              key: adapter + '_' + column.name
-            }, /*#__PURE__*/_react["default"].createElement(_ListItemIcon["default"], null, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-              disabled: _this10.state.columnsAuto,
-              edge: "start",
-              checked: !_this10.state.columnsAuto && _this10.state.columns && _this10.state.columns.includes('_' + adapter + '_' + column.path),
-              disableRipple: true
-            })), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
-              primary: column.name + ' (' + adapter + ')'
-            }), /*#__PURE__*/_react["default"].createElement(_ListItemSecondaryAction["default"], null, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
-              variant: "standard",
-              className: _this10.props.classes.columnsDialogInputWidth,
-              style: {
-                marginTop: 0,
-                marginBottom: 0
-              },
-              margin: "dense"
-            }, /*#__PURE__*/_react["default"].createElement(_Input["default"], {
-              classes: {
-                underline: 'no-underline'
-              },
-              placeholder: _this10.props.t('ra_Width'),
-              value: _this10.state.columnsWidths['_' + adapter + '_' + column.path] || '',
-              onChange: function onChange(e) {
-                var columnsWidths = JSON.parse(JSON.stringify(_this10.state.columnsWidths));
-                columnsWidths['_' + adapter + '_' + column.path] = e.target.value;
-                (window._localStorage || window.localStorage).setItem((_this10.props.dialogName || 'App') + '.columnsWidths', JSON.stringify(columnsWidths));
-
-                _this10.calculateColumnsVisibility(null, null, null, columnsWidths);
-
-                _this10.setState({
-                  columnsWidths: columnsWidths
-                });
-              },
-              autoComplete: "off"
-            }))));
-          });
-        }), this._renderDefinedList(true))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        })), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
           variant: "contained",
           onClick: function onClick() {
-            return _this10.setState({
+            return _this9.setState({
               columnsSelectorShow: false
             });
           },
@@ -3430,13 +3351,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "getAdditionalColumns",
     value: function getAdditionalColumns() {
-      var _this11 = this;
+      var _this10 = this;
 
       return this.props.socket.getAdapters().then(function (instances) {
         var columnsForAdmin = null; // find all additional columns
 
         instances.forEach(function (obj) {
-          return columnsForAdmin = _this11.parseObjectForAdmins(columnsForAdmin, obj);
+          return columnsForAdmin = _this10.parseObjectForAdmins(columnsForAdmin, obj);
         });
         return columnsForAdmin;
       })["catch"](function (e) {// window.alert('Cannot get adapters: ' + e);
@@ -3511,7 +3432,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      * @param {any} obj
      */
     function parseObjectForAdmins(columnsForAdmin, obj) {
-      var _this12 = this;
+      var _this11 = this;
 
       if (obj.common && obj.common.adminColumns && obj.common.name) {
         var columns = obj.common.adminColumns;
@@ -3563,7 +3484,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           } else {
             return {
               path: item.path,
-              name: item.name[_this12.props.lang] || item.name.en,
+              name: item.name[_this11.props.lang] || item.name.en,
               width: item.width,
               edit: !!item.edit,
               type: item.type,
@@ -3639,17 +3560,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "pauseSubscribe",
     value: function pauseSubscribe(isPause) {
-      var _this13 = this;
+      var _this12 = this;
 
       if (!this.pausedSubscribes && isPause) {
         this.pausedSubscribes = true;
         this.subscribes.forEach(function (id) {
-          return _this13.props.socket.unsubscribeState(id, _this13.onStateChange);
+          return _this12.props.socket.unsubscribeState(id, _this12.onStateChange);
         });
       } else if (this.pausedSubscribes && !isPause) {
         this.pausedSubscribes = false;
         this.subscribes.forEach(function (id) {
-          return _this13.props.socket.subscribeState(id, _this13.onStateChange);
+          return _this12.props.socket.subscribeState(id, _this12.onStateChange);
         });
       }
     }
@@ -3662,15 +3583,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "onFilter",
     value: function onFilter(name, value) {
-      var _this14 = this;
+      var _this13 = this;
 
       this.filterTimer = null;
       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.children.length; i++) {
-            if (_this14.filterRefs[name].current.children[i].tagName === 'INPUT') {
-              filter[name] = _this14.filterRefs[name].current.children[i].value;
+        if (_this13.filterRefs[name] && _this13.filterRefs[name].current) {
+          for (var i = 0; i < _this13.filterRefs[name].current.children.length; i++) {
+            if (_this13.filterRefs[name].current.children[i].tagName === 'INPUT') {
+              filter[name] = _this13.filterRefs[name].current.children[i].value;
               break;
             }
           }
@@ -3692,20 +3613,20 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         this.setState({
           filter: filter
         }, function () {
-          return _this14.props.onFilterChanged && _this14.props.onFilterChanged(filter);
+          return _this13.props.onFilterChanged && _this13.props.onFilterChanged(filter);
         });
       }
     }
   }, {
     key: "clearFilter",
     value: function clearFilter() {
-      var _this15 = this;
+      var _this14 = this;
 
       var filter = {};
       Object.keys(this.filterRefs).forEach(function (name) {
-        if (_this15.filterRefs[name] && _this15.filterRefs[name].current) {
-          for (var i = 0; i < _this15.filterRefs[name].current.childNodes.length; i++) {
-            var item = _this15.filterRefs[name].current.childNodes[i];
+        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] = '';
@@ -3723,17 +3644,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           filter: filter,
           filterKey: this.state.filterKey + 1
         }, function () {
-          return _this15.props.onFilterChanged && _this15.props.onFilterChanged(filter);
+          return _this14.props.onFilterChanged && _this14.props.onFilterChanged(filter);
         });
       }
     }
   }, {
     key: "isFilterEmpty",
     value: function isFilterEmpty() {
-      var _this16 = this;
+      var _this15 = this;
 
       var someNotEmpty = Object.keys(this.state.filter).find(function (attr) {
-        return attr !== 'expertMode' && _this16.state.filter[attr];
+        return attr !== 'expertMode' && _this15.state.filter[attr];
       });
       return !someNotEmpty;
     }
@@ -3745,7 +3666,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "getFilterInput",
     value: function getFilterInput(name) {
-      var _this17 = this,
+      var _this16 = this,
           _this$filterRefs$name,
           _this$filterRefs$name2;
 
@@ -3763,9 +3684,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         placeholder: this.texts['filter_' + name],
         defaultValue: this.state.filter[name],
         onChange: function onChange() {
-          _this17.filterTimer && clearTimeout(_this17.filterTimer);
-          _this17.filterTimer = setTimeout(function () {
-            return _this17.onFilter();
+          _this16.filterTimer && clearTimeout(_this16.filterTimer);
+          _this16.filterTimer = setTimeout(function () {
+            return _this16.onFilter();
           }, 400);
         },
         autoComplete: "off"
@@ -3777,9 +3698,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         size: "small",
         onClick: function onClick() {
-          _this17.filterRefs[name].current.firstChild.value = '';
+          _this16.filterRefs[name].current.firstChild.value = '';
 
-          _this17.onFilter(name, '');
+          _this16.onFilter(name, '');
         }
       }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null))) : null);
     }
@@ -3792,7 +3713,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "getFilterSelect",
     value: function getFilterSelect(name, values) {
-      var _this18 = this,
+      var _this17 = this,
           _this$filterRefs$name3,
           _this$filterRefs$name4,
           _this$filterRefs$name5;
@@ -3810,9 +3731,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         ref: this.filterRefs[name],
         className: this.props.classes.headerCellInput + ' no-underline',
         onChange: function onChange() {
-          _this18.filterTimer && clearTimeout(_this18.filterTimer);
-          _this18.filterTimer = setTimeout(function () {
-            return _this18.onFilter();
+          _this17.filterTimer && clearTimeout(_this17.filterTimer);
+          _this17.filterTimer = setTimeout(function () {
+            return _this17.onFilter();
           }, 400);
         },
         defaultValue: this.state.filter[name] || '',
@@ -3841,7 +3762,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }
 
         return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-          className: _this18.props.classes.headerCellSelectItem,
+          className: _this17.props.classes.headerCellSelectItem,
           key: id,
           value: id
         }, icon ? icon : hasIcons ? /*#__PURE__*/_react["default"].createElement("div", {
@@ -3852,17 +3773,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         size: "small",
         onClick: function onClick() {
-          var newFilter = _objectSpread({}, _this18.state.filter);
+          var newFilter = _objectSpread({}, _this17.state.filter);
 
           newFilter[name] = '';
-          _this18.filterRefs[name].current.childNodes[1].value = '';
-          (window._localStorage || window.localStorage).setItem((_this18.props.dialogName || 'App') + '.objectFilter', JSON.stringify(newFilter));
+          _this17.filterRefs[name].current.childNodes[1].value = '';
+          (window._localStorage || window.localStorage).setItem((_this17.props.dialogName || 'App') + '.objectFilter', JSON.stringify(newFilter));
 
-          _this18.setState({
+          _this17.setState({
             filter: newFilter,
-            filterKey: _this18.state.filterKey + 1
+            filterKey: _this17.state.filterKey + 1
           }, function () {
-            return _this18.props.onFilterChanged && _this18.props.onFilterChanged(newFilter);
+            return _this17.props.onFilterChanged && _this17.props.onFilterChanged(newFilter);
           });
         }
       }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null))) : null);
@@ -3883,17 +3804,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "getFilterSelectRoom",
     value: function getFilterSelectRoom() {
-      var _this19 = this;
+      var _this18 = this;
 
       var rooms = this.info.roomEnums.map(function (id) {
-        var _this19$objects$id, _this19$objects$id$co, _this19$objects$id2, _this19$objects$id2$c;
+        var _this18$objects$id, _this18$objects$id$co, _this18$objects$id2, _this18$objects$id2$c;
 
         return {
-          name: getName(((_this19$objects$id = _this19.objects[id]) === null || _this19$objects$id === void 0 ? void 0 : (_this19$objects$id$co = _this19$objects$id.common) === null || _this19$objects$id$co === void 0 ? void 0 : _this19$objects$id$co.name) || id.split('.').pop()),
+          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,
           icon: /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-            src: (_this19$objects$id2 = _this19.objects[id]) === null || _this19$objects$id2 === void 0 ? void 0 : (_this19$objects$id2$c = _this19$objects$id2.common) === null || _this19$objects$id2$c === void 0 ? void 0 : _this19$objects$id2$c.icon,
-            className: _this19.props.classes.selectIcon
+            src: (_this18$objects$id2 = _this18.objects[id]) === null || _this18$objects$id2 === void 0 ? void 0 : (_this18$objects$id2$c = _this18$objects$id2.common) === null || _this18$objects$id2$c === void 0 ? void 0 : _this18$objects$id2$c.icon,
+            className: _this18.props.classes.selectIcon
           })
         };
       });
@@ -3906,17 +3827,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "getFilterSelectFunction",
     value: function getFilterSelectFunction() {
-      var _this20 = this;
+      var _this19 = this;
 
       var func = this.info.funcEnums.map(function (id) {
-        var _this20$objects$id, _this20$objects$id$co;
+        var _this19$objects$id, _this19$objects$id$co;
 
         return {
-          name: getName(_this20.objects[id] && _this20.objects[id].common && _this20.objects[id].common.name || id.split('.').pop()),
+          name: getName(_this19.objects[id] && _this19.objects[id].common && _this19.objects[id].common.name || id.split('.').pop()),
           value: id,
           icon: /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-            src: (_this20$objects$id = _this20.objects[id]) === null || _this20$objects$id === void 0 ? void 0 : (_this20$objects$id$co = _this20$objects$id.common) === null || _this20$objects$id$co === void 0 ? void 0 : _this20$objects$id$co.icon,
-            className: _this20.props.classes.selectIcon
+            src: (_this19$objects$id = _this19.objects[id]) === null || _this19$objects$id === void 0 ? void 0 : (_this19$objects$id$co = _this19$objects$id.common) === null || _this19$objects$id$co === void 0 ? void 0 : _this19$objects$id$co.icon,
+            className: _this19.props.classes.selectIcon
           })
         };
       });
@@ -3945,7 +3866,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "getFilterSelectCustoms",
     value: function getFilterSelectCustoms() {
-      var _this21 = this;
+      var _this20 = this;
 
       if (this.info.customs.length) {
         var customs = this.info.customs.map(function (id) {
@@ -3953,8 +3874,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             name: id,
             value: id,
             icon: /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-              src: getSelectIdIcon(_this21.objects, id, _this21.imagePrefix),
-              className: _this21.props.classes.selectIcon
+              src: getSelectIdIcon(_this20.objects, id, _this20.imagePrefix),
+              className: _this20.props.classes.selectIcon
             })
           };
         });
@@ -3972,7 +3893,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "onExpandAll",
     value: function onExpandAll(root, expanded) {
-      var _this22 = this;
+      var _this21 = this;
 
       root = root || this.root;
       expanded = expanded || [];
@@ -3980,7 +3901,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         if (item.data.sumVisibility) {
           expanded.push(item.data.id);
 
-          _this22.onExpandAll(item, expanded);
+          _this21.onExpandAll(item, expanded);
         }
       });
 
@@ -3999,7 +3920,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "onCollapseAll",
     value: function onCollapseAll() {
-      var _this23 = this;
+      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"), '[]');
@@ -4008,7 +3929,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         depth: 0,
         selected: []
       }, function () {
-        return _this23.onAfterSelect();
+        return _this22.onAfterSelect();
       });
     }
     /**
@@ -4021,7 +3942,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "expandDepth",
     value: function expandDepth(root, depth, expanded) {
-      var _this24 = this;
+      var _this23 = this;
 
       root = root || this.root;
 
@@ -4035,7 +3956,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
               }
 
               if (depth - 1 > 0) {
-                _this24.expandDepth(item, depth - 1, expanded);
+                _this23.expandDepth(item, depth - 1, expanded);
               }
             }
           });
@@ -4139,7 +4060,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "_exportObjects",
     value: function _exportObjects(isAll) {
-      var _this25 = this;
+      var _this24 = this;
 
       if (isAll) {
         generateFile('allObjects.json', this.objects);
@@ -4148,10 +4069,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         var id = this.state.selected[0] || this.state.selectedNonObject;
 
         this._getSelectedIdsForExport().forEach(function (key) {
-          result[key] = JSON.parse(JSON.stringify(_this25.objects[key])); // add enum information
+          result[key] = JSON.parse(JSON.stringify(_this24.objects[key])); // add enum information
 
           if (result[key].common) {
-            var enums = _this25.getEnumsForId(key);
+            var enums = _this24.getEnumsForId(key);
 
             if (enums) {
               result[key].common.enums = enums;
@@ -4167,7 +4088,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderExportDialog",
     value: function renderExportDialog() {
-      var _this26 = this;
+      var _this25 = this;
 
       if (this.state.showExportDialog === false) {
         return null;
@@ -4178,10 +4099,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           color: "grey",
           variant: "outlined",
           onClick: function onClick() {
-            return _this26.setState({
+            return _this25.setState({
               showExportDialog: false
             }, function () {
-              return _this26._exportObjects(true);
+              return _this25._exportObjects(true);
             });
           }
         }, this.props.t('ra_All objects')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
@@ -4189,17 +4110,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           variant: "contained",
           autoFocus: true,
           onClick: function onClick() {
-            return _this26.setState({
+            return _this25.setState({
               showExportDialog: false
             }, function () {
-              return _this26._exportObjects(false);
+              return _this25._exportObjects(false);
             });
           }
         }, this.props.t('ra_Only selected')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
           color: "grey",
           variant: "contained",
           onClick: function onClick() {
-            return _this26.setState({
+            return _this25.setState({
               showExportDialog: false
             });
           },
@@ -4220,7 +4141,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      * @returns {JSX.Element}
      */
     function getToolbar() {
-      var _this27 = this;
+      var _this26 = this;
 
       var allowObjectCreation = false;
 
@@ -4254,7 +4175,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         title: this.props.t('ra_Refresh tree')
       }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         onClick: function onClick() {
-          return _this27.refreshComponent();
+          return _this26.refreshComponent();
         },
         disabled: this.state.updating,
         size: "large"
@@ -4264,16 +4185,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         key: "expertMode",
         color: this.state.filter.expertMode ? 'secondary' : 'default',
         onClick: function onClick() {
-          return _this27.onFilter('expertMode', !_this27.state.filter.expertMode);
+          return _this26.onFilter('expertMode', !_this26.state.filter.expertMode);
         },
         size: "large"
       }, /*#__PURE__*/_react["default"].createElement(_IconExpert["default"], null))), !this.props.disableColumnSelector && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-        title: this.props.t('ra_Configure visible columns')
+        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 _this27.setState({
+          return _this26.setState({
             columnsSelectorShow: true
           });
         },
@@ -4283,7 +4204,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         key: "expandAll",
         onClick: function onClick() {
-          return _this27.onExpandAll();
+          return _this26.onExpandAll();
         },
         size: "large"
       }, /*#__PURE__*/_react["default"].createElement(_IconOpen["default"], null))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
@@ -4291,7 +4212,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         key: "collapseAll",
         onClick: function onClick() {
-          return _this27.onCollapseAll();
+          return _this26.onCollapseAll();
         },
         size: "large"
       }, /*#__PURE__*/_react["default"].createElement(_IconClosed["default"], null))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
@@ -4300,7 +4221,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         key: "expandVisible",
         color: "primary",
         onClick: function onClick() {
-          return _this27.onExpandVisible();
+          return _this26.onExpandVisible();
         },
         size: "large"
       }, /*#__PURE__*/_react["default"].createElement(StyledBadge, {
@@ -4312,7 +4233,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         key: "collapseVisible",
         color: "primary",
         onClick: function onClick() {
-          return _this27.onCollapseVisible();
+          return _this26.onCollapseVisible();
         },
         size: "large"
       }, /*#__PURE__*/_react["default"].createElement(StyledBadge, {
@@ -4322,7 +4243,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         title: this.props.t('ra_Toggle the states view')
       }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         onClick: function onClick() {
-          return _this27.onStatesViewVisible();
+          return _this26.onStatesViewVisible();
         },
         size: "large"
       }, /*#__PURE__*/_react["default"].createElement(_LooksOne["default"], {
@@ -4332,7 +4253,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         disabled: !allowObjectCreation,
         onClick: function onClick() {
-          return _this27.setState({
+          return _this26.setState({
             modalNewObj: true
           });
         },
@@ -4346,7 +4267,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           input.setAttribute('id', 'files');
           input.setAttribute('opacity', 0);
           input.addEventListener('change', function (e) {
-            return _this27.handleJsonUpload(e);
+            return _this26.handleJsonUpload(e);
           }, false);
           input.click();
         },
@@ -4355,8 +4276,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         title: this.props.t('ra_Save objects tree as JSON file')
       }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         onClick: function onClick() {
-          return _this27.setState({
-            showExportDialog: _this27._getSelectedIdsForExport().length
+          return _this26.setState({
+            showExportDialog: _this26._getSelectedIdsForExport().length
           });
         },
         size: "large"
@@ -4370,28 +4291,28 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           whiteSpace: 'nowrap'
         }
       }, "".concat(this.props.t('ra_Objects'), ": ").concat(Object.keys(this.info.objects).length, ", ").concat(this.props.t('ra_States'), ": ").concat(Object.keys(this.info.objects).filter(function (el) {
-        return _this27.info.objects[el].type === 'state';
+        return _this26.info.objects[el].type === 'state';
       }).length)), this.props.objectEditBoolean && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
         title: this.props.t('ra_Edit custom config')
       }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         onClick: function onClick() {
           // get all visible states
-          var ids = getVisibleItems(_this27.root, 'state', _this27.objects);
+          var ids = getVisibleItems(_this26.root, 'state', _this26.objects);
 
           if (ids.length) {
-            _this27.pauseSubscribe(true);
+            _this26.pauseSubscribe(true);
 
             if (ids.length === 1) {
-              (window._localStorage || window.localStorage).setItem((_this27.props.dialogName || 'App') + '.objectSelected', _this27.state.selected[0]);
-              _this27.props.router && _this27.props.router.doNavigate(null, 'custom', _this27.state.selected[0]);
+              (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]);
             }
 
-            _this27.setState({
+            _this26.setState({
               customDialog: ids
             });
           } else {
-            _this27.setState({
-              toast: _this27.props.t('ra_please select object')
+            _this26.setState({
+              toast: _this26.props.t('ra_please select object')
             });
           }
         },
@@ -4453,7 +4374,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      * @param {{ cellButtonsButton: string | undefined; cellButtonsButtonAlone: any; cellButtonsButtonIcon: string | undefined; cellButtonsButtonWithCustoms: any; }} classes
      */
     function renderColumnButtons(id, item, classes) {
-      var _this28 = this,
+      var _this27 = this,
           _item$children2,
           _item$data$obj$common,
           _item$data$obj$common3;
@@ -4464,7 +4385,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }, this.state.filter.expertMode && this.props.objectEditOfAccessControl ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
           className: _Utils["default"].clsx(classes.cellButtonsButton, classes.cellButtonsEmptyButton, classes.cellButtonMinWidth),
           onClick: function onClick() {
-            return _this28.setState({
+            return _this27.setState({
               modalEditOfAccess: true,
               modalEmptyId: id,
               modalEditOfAccessObjData: item.data
@@ -4477,7 +4398,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           "aria-label": "delete",
           title: this.texts.deleteObject,
           onClick: function onClick() {
-            return _this28.props.onObjectDelete(id, !!(item.children && item.children.length), false);
+            return _this27.props.onObjectDelete(id, !!(item.children && item.children.length), false);
           }
         }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], {
           className: classes.cellButtonsButtonIcon
@@ -4493,7 +4414,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         className: classes.cellButtonMinWidth,
         onClick: function onClick() {
-          return _this28.setState({
+          return _this27.setState({
             modalEditOfAccess: true,
             modalEditOfAccessObjData: item.data
           });
@@ -4511,9 +4432,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         "aria-label": "edit",
         title: this.texts.editObject,
         onClick: function onClick() {
-          (window._localStorage || window.localStorage).setItem("".concat(_this28.props.dialogName || 'App', ".objectSelected"), id);
+          (window._localStorage || window.localStorage).setItem("".concat(_this27.props.dialogName || 'App', ".objectSelected"), id);
 
-          _this28.setState({
+          _this27.setState({
             editObjectDialog: id
           });
         }
@@ -4527,7 +4448,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         onClick: function onClick() {
           var _item$children3, _item$data$obj$common2;
 
-          return _this28.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));
+          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
       }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], {
@@ -4539,13 +4460,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         "aria-label": "config",
         title: this.texts.customConfig,
         onClick: function onClick() {
-          (window._localStorage || window.localStorage).setItem((_this28.props.dialogName || 'App') + '.objectSelected', id);
+          (window._localStorage || window.localStorage).setItem((_this27.props.dialogName || 'App') + '.objectSelected', id);
 
-          _this28.pauseSubscribe(true);
+          _this27.pauseSubscribe(true);
 
-          _this28.props.router && _this28.props.router.doNavigate(null, 'customs', id);
+          _this27.props.router && _this27.props.router.doNavigate(null, 'customs', id);
 
-          _this28.setState({
+          _this27.setState({
             customDialog: [id]
           });
         }
@@ -4561,8 +4482,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "readHistory",
     value: function readHistory(id) {
-      var _this29 = this;
-
       /*interface GetHistoryOptions {
           instance?: string;
           start?: number;
@@ -4606,7 +4525,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             }
           }
         })["catch"](function (e) {
-          return _this29.showError(e);
+          return console.warn('Cannot read history: ' + e);
         });
       }
     }
@@ -4622,7 +4541,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
     key: "renderColumnValue",
     value: function renderColumnValue(id, item, classes) {
       var _obj$common4,
-          _this30 = this;
+          _this28 = this;
 
       var obj = item.data.obj;
 
@@ -4654,7 +4573,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       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) {
-          if (item.t === _this30.texts.quality && state.q) {
+          if (item.t === _this28.texts.quality && state.q) {
             return [/*#__PURE__*/_react["default"].createElement("div", {
               className: classes.cellValueTooltipBoth,
               key: item.t
@@ -4703,7 +4622,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }, "(", info.valText.s, ")") : null, /*#__PURE__*/_react["default"].createElement(_IconCopy["default"], {
           className: _Utils["default"].clsx(classes.cellButtonsValueButton, 'copyButton', classes.cellButtonsValueButtonCopy),
           onClick: function onClick(e) {
-            return _this30.onCopy(e, copyText);
+            return _this28.onCopy(e, copyText);
           },
           key: "cc"
         }) //<IconEdit className={ Utils.clsx(classes.cellButtonsValueButton, 'copyButton', classes.cellButtonsValueButtonEdit) } key="ce" />
@@ -4726,7 +4645,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           popper: this.props.classes.cellValueTooltipBox
         },
         onOpen: function onOpen() {
-          return _this30.readHistory(id);
+          return _this28.readHistory(id);
         }
       }, /*#__PURE__*/_react["default"].createElement("div", {
         style: info.style,
@@ -4741,7 +4660,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "_syncEnum",
     value: function _syncEnum(id, enumIds, newArray, cb) {
-      var _this31 = this;
+      var _this29 = this;
 
       if (!enumIds || !enumIds.length) {
         return cb && cb();
@@ -4762,9 +4681,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
               var obj = JSON.parse(JSON.stringify(this.info.objects[enumId]));
               obj.common.members.splice(pos, 1);
               promises.push(this.props.socket.setObject(enumId, obj).then(function () {
-                return _this31.info.objects[enumId] = obj;
+                return _this29.info.objects[enumId] = obj;
               })["catch"](function (e) {
-                return _this31.showError(e);
+                return _this29.showError(e);
               }));
             }
           } // add to it
@@ -4781,16 +4700,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
             _obj.common.members.sort();
 
             promises.push(this.props.socket.setObject(enumId, _obj).then(function () {
-              return _this31.info.objects[enumId] = _obj;
+              return _this29.info.objects[enumId] = _obj;
             })["catch"](function (e) {
-              return _this31.showError(e);
+              return _this29.showError(e);
             }));
           }
         }
 
         Promise.all(promises).then(function () {
           return setTimeout(function () {
-            return _this31._syncEnum(id, enumIds, newArray, cb);
+            return _this29._syncEnum(id, enumIds, newArray, cb);
           }, 0);
         });
       }
@@ -4803,12 +4722,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "syncEnum",
     value: function syncEnum(id, enumName, newArray) {
-      var _this32 = this;
+      var _this30 = this;
 
       var toCheck = (0, _toConsumableArray2["default"])(this.info[enumName === 'func' ? 'funcEnums' : 'roomEnums']);
       return new Promise(function (resolve) {
-        return _this32._syncEnum(id, toCheck, newArray, function (error) {
-          error && _this32.showError(error); // force update of object
+        return _this30._syncEnum(id, toCheck, newArray, function (error) {
+          error && _this30.showError(error); // force update of object
 
           resolve();
         });
@@ -4822,7 +4741,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderEnumDialog",
     value: function renderEnumDialog() {
-      var _this33 = this;
+      var _this31 = this;
 
       if (this.state.enumDialog) {
         var type = this.state.enumDialog.type;
@@ -4831,18 +4750,18 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         var enumsOriginal = this.state.enumDialog.enumsOriginal;
         var enums = (type === 'room' ? this.info.roomEnums : this.info.funcEnums).map(function (id) {
           return {
-            name: getName(_this33.objects[id] && _this33.objects[id].common && _this33.objects[id].common.name || id.split('.').pop(), _this33.props.lang),
+            name: getName(_this31.objects[id] && _this31.objects[id].common && _this31.objects[id].common.name || id.split('.').pop(), _this31.props.lang),
             value: id,
-            icon: getSelectIdIcon(_this33.objects, id, _this33.imagePrefix)
+            icon: getSelectIdIcon(_this31.objects, id, _this31.imagePrefix)
           };
         });
         enums.forEach(function (item) {
           if (item.icon && typeof item.icon == 'string') {
             item.icon = /*#__PURE__*/_react["default"].createElement("div", {
-              className: _this33.props.classes.enumIconDiv
+              className: _this31.props.classes.enumIconDiv
             }, /*#__PURE__*/_react["default"].createElement("img", {
               src: item.icon,
-              className: _this33.props.classes.enumIcon,
+              className: _this31.props.classes.enumIcon,
               alt: item.name
             }));
           }
@@ -4851,7 +4770,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
           className: this.props.classes.enumDialog,
           onClose: function onClose() {
-            return _this33.setState({
+            return _this31.setState({
               enumDialog: null
             });
           },
@@ -4865,8 +4784,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           disabled: JSON.stringify(enumsOriginal) === JSON.stringify(itemEnums),
           size: "small",
           onClick: function onClick() {
-            return _this33.syncEnum(item.data.id, type, itemEnums).then(function () {
-              return _this33.setState({
+            return _this31.syncEnum(item.data.id, type, itemEnums).then(function () {
+              return _this31.setState({
                 enumDialog: null,
                 enumDialogEnums: null
               });
@@ -4892,11 +4811,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
 
           var labelId = "checkbox-list-label-".concat(id);
           return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-            className: _this33.props.classes.headerCellSelectItem,
+            className: _this31.props.classes.headerCellSelectItem,
             key: id,
             onClick: function onClick() {
               var pos = itemEnums.indexOf(id);
-              var enumDialogEnums = JSON.parse(JSON.stringify(_this33.state.enumDialogEnums));
+              var enumDialogEnums = JSON.parse(JSON.stringify(_this31.state.enumDialogEnums));
 
               if (pos === -1) {
                 enumDialogEnums.push(id);
@@ -4905,13 +4824,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                 enumDialogEnums.splice(pos, 1);
               }
 
-              _this33.setState({
+              _this31.setState({
                 enumDialogEnums: enumDialogEnums
               });
             }
           }, /*#__PURE__*/_react["default"].createElement(_ListItemIcon["default"], {
             classes: {
-              root: _this33.props.classes.enumCheckbox
+              root: _this31.props.classes.enumCheckbox
             }
           }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
             edge: "start",
@@ -4937,7 +4856,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderEditRoleDialog",
     value: function renderEditRoleDialog() {
-      var _this34 = this;
+      var _this32 = this;
 
       if (this.state.roleDialog && this.props.objectBrowserEditRole) {
         var ObjectBrowserEditRole = this.props.objectBrowserEditRole;
@@ -4949,10 +4868,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           roles: this.info.roles,
           onClose: function onClose(obj) {
             if (obj) {
-              _this34.info.objects[_this34.state.roleDialog] = obj;
+              _this32.info.objects[_this32.state.roleDialog] = obj;
             }
 
-            _this34.setState({
+            _this32.setState({
               roleDialog: false
             });
           }
@@ -4969,7 +4888,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "onColumnsEditCustomDialogClose",
     value: function onColumnsEditCustomDialogClose(isSave) {
-      var _this35 = this;
+      var _this33 = this;
 
       if (isSave) {
         var value = this.customColumnDialog.value;
@@ -4982,17 +4901,17 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
 
         this.customColumnDialog = null;
         this.props.socket.getObject(this.state.columnsEditCustomDialog.obj._id).then(function (obj) {
-          if (_this35.setCustomValue(obj, _this35.state.columnsEditCustomDialog.it, value)) {
-            return _this35.props.socket.setObject(obj._id, obj);
+          if (_this33.setCustomValue(obj, _this33.state.columnsEditCustomDialog.it, value)) {
+            return _this33.props.socket.setObject(obj._id, obj);
           } else {
-            throw new Error(_this35.props.t('ra_Cannot update attribute, because not found in the object'));
+            throw new Error(_this33.props.t('ra_Cannot update attribute, because not found in the object'));
           }
         }).then(function () {
-          return _this35.setState({
+          return _this33.setState({
             columnsEditCustomDialog: null
           });
         })["catch"](function (e) {
-          return _this35.showError(e);
+          return _this33.showError(e);
         });
       } else {
         this.customColumnDialog = null;
@@ -5008,7 +4927,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderColumnsEditCustomDialog",
     value: function renderColumnsEditCustomDialog() {
-      var _this36 = this;
+      var _this34 = this;
 
       if (this.state.columnsEditCustomDialog) {
         if (!this.customColumnDialog) {
@@ -5022,7 +4941,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
 
         return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
           onClose: function onClose() {
-            return _this36.setState({
+            return _this34.setState({
               columnsEditCustomDialog: null
             });
           },
@@ -5036,15 +4955,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }, this.customColumnDialog.type === 'boolean' ? /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
           control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
             onKeyUp: function onKeyUp(e) {
-              return e.keyCode === 13 && _this36.onColumnsEditCustomDialogClose(true);
+              return e.keyCode === 13 && _this34.onColumnsEditCustomDialogClose(true);
             },
             defaultChecked: this.customColumnDialog.value === 'true',
             onChange: function onChange(e) {
-              _this36.customColumnDialog.value = e.target.checked.toString();
-              var changed = _this36.customColumnDialog.value !== _this36.customColumnDialog.initValue;
+              _this34.customColumnDialog.value = e.target.checked.toString();
+              var changed = _this34.customColumnDialog.value !== _this34.customColumnDialog.initValue;
 
-              if (changed === !_this36.state.customColumnDialogValueChanged) {
-                _this36.setState({
+              if (changed === !_this34.state.customColumnDialogValueChanged) {
+                _this34.setState({
                   customColumnDialogValueChanged: changed
                 });
               }
@@ -5056,15 +4975,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           defaultValue: this.customColumnDialog.value,
           fullWidth: true,
           onKeyUp: function onKeyUp(e) {
-            return e.keyCode === 13 && _this36.onColumnsEditCustomDialogClose(true);
+            return e.keyCode === 13 && _this34.onColumnsEditCustomDialogClose(true);
           },
           label: "".concat(this.state.columnsEditCustomDialog.it.name, " (").concat(this.state.columnsEditCustomDialog.it.pathText, ")"),
           onChange: function onChange(e) {
-            _this36.customColumnDialog.value = e.target.value;
-            var changed = _this36.customColumnDialog.value !== _this36.customColumnDialog.initValue;
+            _this34.customColumnDialog.value = e.target.value;
+            var changed = _this34.customColumnDialog.value !== _this34.customColumnDialog.initValue;
 
-            if (changed === !_this36.state.customColumnDialogValueChanged) {
-              _this36.setState({
+            if (changed === !_this34.state.customColumnDialogValueChanged) {
+              _this34.setState({
                 customColumnDialogValueChanged: changed
               });
             }
@@ -5073,7 +4992,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
           variant: "contained",
           onClick: function onClick() {
-            return _this36.onColumnsEditCustomDialogClose(true);
+            return _this34.onColumnsEditCustomDialogClose(true);
           },
           disabled: !this.state.customColumnDialogValueChanged,
           color: "primary",
@@ -5082,7 +5001,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           color: "grey",
           variant: "contained",
           onClick: function onClick() {
-            return _this36.onColumnsEditCustomDialogClose();
+            return _this34.onColumnsEditCustomDialogClose();
           },
           startIcon: /*#__PURE__*/_react["default"].createElement(_Close["default"], null)
         }, this.props.t('ra_Cancel'))));
@@ -5182,7 +5101,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderCustomValue",
     value: function renderCustomValue(obj, it, item) {
-      var _this37 = this;
+      var _this35 = this;
 
       var text = this.getCustomValue(obj, it);
 
@@ -5191,7 +5110,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           return /*#__PURE__*/_react["default"].createElement("div", {
             className: _Utils["default"].clsx(this.props.classes.columnCustom, this.props.classes.columnCustomEditable, this.props.classes['columnCustom_' + it.align]),
             onClick: function onClick() {
-              return _this37.setState({
+              return _this35.setState({
                 columnsEditCustomDialog: {
                   item: item,
                   it: it,
@@ -5222,7 +5141,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderLeaf",
     value: function renderLeaf(item, isExpanded, classes, counter) {
-      var _this38 = this,
+      var _this36 = this,
           _common$alias,
           _common$alias2,
           _this$states$id2,
@@ -5244,12 +5163,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         iconFolder = isExpanded ? /*#__PURE__*/_react["default"].createElement(_IconOpen["default"], {
           className: classes.cellIdIconFolder,
           onClick: function onClick() {
-            return _this38.toggleExpanded(id);
+            return _this36.toggleExpanded(id);
           }
         }) : /*#__PURE__*/_react["default"].createElement(_IconClosed["default"], {
           className: classes.cellIdIconFolder,
           onClick: function onClick() {
-            return _this38.toggleExpanded(id);
+            return _this36.toggleExpanded(id);
           }
         });
       } else {
@@ -5357,11 +5276,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           e.stopPropagation();
           e.preventDefault();
 
-          _this38.onSelect(common.alias.id.read);
+          _this36.onSelect(common.alias.id.read);
 
           setTimeout(function () {
-            _this38.expandAllSelected(function () {
-              return _this38.scrollToItem(common.alias.id.read);
+            _this36.expandAllSelected(function () {
+              return _this36.scrollToItem(common.alias.id.read);
             });
           }, 100);
         },
@@ -5371,11 +5290,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           e.stopPropagation();
           e.preventDefault();
 
-          _this38.onSelect(common.alias.id.write);
+          _this36.onSelect(common.alias.id.write);
 
           setTimeout(function () {
-            _this38.expandAllSelected(function () {
-              return _this38.scrollToItem(common.alias.id.write);
+            _this36.expandAllSelected(function () {
+              return _this36.scrollToItem(common.alias.id.write);
             });
           }, 100);
         },
@@ -5385,11 +5304,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           e.stopPropagation();
           e.preventDefault();
 
-          _this38.onSelect(common.alias.id);
+          _this36.onSelect(common.alias.id);
 
           setTimeout(function () {
-            _this38.expandAllSelected(function () {
-              return _this38.scrollToItem(common.alias.id);
+            _this36.expandAllSelected(function () {
+              return _this36.scrollToItem(common.alias.id);
             });
           }, 100);
         },
@@ -5419,19 +5338,19 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
 
           ids[name] = _id;
 
-          if (!_this38.states[_id]) {
-            var _this38$objects$_id;
+          if (!_this36.states[_id]) {
+            var _this36$objects$_id;
 
-            if (((_this38$objects$_id = _this38.objects[_id]) === null || _this38$objects$_id === void 0 ? void 0 : _this38$objects$_id.type) === 'state') {
-              !_this38.recordStates.includes(_id) && _this38.recordStates.push(_id);
-              _this38.states[_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
               };
 
-              _this38.subscribe(_id);
+              _this36.subscribe(_id);
             }
           } else {
-            !_this38.recordStates.includes(_id) && _this38.recordStates.push(_id);
+            !_this36.recordStates.includes(_id) && _this36.recordStates.push(_id);
           }
         }); // calculate color
         // errorId has priority
@@ -5520,13 +5439,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         key: id,
         id: id,
         onClick: function onClick() {
-          return _this38.onSelect(id);
+          return _this36.onSelect(id);
         },
         onDoubleClick: function onDoubleClick() {
           if (!item.children) {
-            _this38.onSelect(id, true);
+            _this36.onSelect(id, true);
           } else {
-            _this38.toggleExpanded(id);
+            _this36.toggleExpanded(id);
           }
         }
       }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
@@ -5571,7 +5490,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_IconCopy["default"], {
         className: _Utils["default"].clsx(classes.cellCopyButton, 'copyButton'),
         onClick: function onClick(e) {
-          return _this38.onCopy(e, id);
+          return _this36.onCopy(e, id);
         }
       }))), this.columnsVisibility.name ? /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.cellName,
@@ -5585,7 +5504,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_IconCopy["default"], {
         className: _Utils["default"].clsx(classes.cellCopyButton, 'copyButton'),
         onClick: function onClick(e) {
-          return _this38.onCopy(e, item.data.title);
+          return _this36.onCopy(e, item.data.title);
         }
       })) : null) : null, !this.state.statesView ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, this.columnsVisibility.type ? /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.cellType,
@@ -5599,7 +5518,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           cursor: this.state.filter.expertMode && enumEditable && this.props.objectBrowserEditRole ? 'text' : 'default'
         },
         onClick: this.state.filter.expertMode && enumEditable && this.props.objectBrowserEditRole ? function () {
-          return _this38.setState({
+          return _this36.setState({
             roleDialog: item.data.id
           });
         } : undefined
@@ -5610,9 +5529,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           cursor: enumEditable ? 'text' : 'default'
         },
         onClick: enumEditable ? function () {
-          var enums = findEnumsForObjectAsIds(_this38.info, item.data.id, 'roomEnums');
+          var enums = findEnumsForObjectAsIds(_this36.info, item.data.id, 'roomEnums');
 
-          _this38.setState({
+          _this36.setState({
             enumDialogEnums: enums,
             enumDialog: {
               item: item,
@@ -5628,9 +5547,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           cursor: enumEditable ? 'text' : 'default'
         },
         onClick: enumEditable ? function () {
-          var enums = findEnumsForObjectAsIds(_this38.info, item.data.id, 'funcEnums');
+          var enums = findEnumsForObjectAsIds(_this36.info, item.data.id, 'funcEnums');
 
-          _this38.setState({
+          _this36.setState({
             enumDialogEnums: enums,
             enumDialog: {
               item: item,
@@ -5665,11 +5584,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/_react["default"].createElement("div", {
           className: classes.cellAdapter,
           style: {
-            width: _this38.columnsVisibility[it.id]
+            width: _this36.columnsVisibility[it.id]
           },
           key: it.id,
           title: it.adapter + ' => ' + it.pathText
-        }, _this38.renderCustomValue(obj, it, item));
+        }, _this36.renderCustomValue(obj, it, item));
       }), this.columnsVisibility.val ? /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.cellValue,
         style: {
@@ -5677,31 +5596,31 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           cursor: valueEditable ? (common === null || common === void 0 ? void 0 : common.type) === 'file' ? 'zoom-in' : item.data.button ? 'grab' : 'text' : 'default'
         },
         onClick: valueEditable ? function () {
-          if (!obj || !_this38.states) {
+          if (!obj || !_this36.states) {
             return null;
           }
 
           if ((common === null || common === void 0 ? void 0 : common.type) === 'file') {
-            return _this38.setState({
+            return _this36.setState({
               viewFileDialog: id
             });
           } // in non-expert mode control button directly
 
 
-          if (!_this38.state.filter.expertMode && item.data.button) {
-            return _this38.props.socket.setState(id, true)["catch"](function (e) {
+          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));
             });
           }
 
-          _this38.edit = {
-            val: _this38.states[id] ? _this38.states[id].val : '',
-            q: _this38.states[id] ? _this38.states[id].q || 0 : 0,
+          _this36.edit = {
+            val: _this36.states[id] ? _this36.states[id].val : '',
+            q: _this36.states[id] ? _this36.states[id].q || 0 : 0,
             ack: false,
             id: id
           };
 
-          _this38.setState({
+          _this36.setState({
             updateOpened: true
           });
         } : undefined
@@ -5724,7 +5643,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderItem",
     value: function renderItem(root, isExpanded, classes, counter) {
-      var _this39 = this;
+      var _this37 = this;
 
       var items = [];
       counter = counter || {
@@ -5756,9 +5675,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         if (!this.state.foldersFirst) {
           root.children && items.push(root.children.map(function (item) {
             // do not render too many items in column editor mode
-            if (!_this39.state.columnsSelectorShow || counter.count < 15) {
+            if (!_this37.state.columnsSelectorShow || counter.count < 15) {
               if (item.data.sumVisibility) {
-                return _this39.renderItem(item, undefined, classes, counter);
+                return _this37.renderItem(item, undefined, classes, counter);
               }
             }
 
@@ -5769,9 +5688,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           root.children && items.push(root.children.map(function (item) {
             if (item.children) {
               // do not render too many items in column editor mode
-              if (!_this39.state.columnsSelectorShow || counter.count < 15) {
+              if (!_this37.state.columnsSelectorShow || counter.count < 15) {
                 if (item.data.sumVisibility) {
-                  return _this39.renderItem(item, undefined, classes, counter);
+                  return _this37.renderItem(item, undefined, classes, counter);
                 }
               }
             }
@@ -5782,9 +5701,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           root.children && items.push(root.children.map(function (item) {
             if (!item.children) {
               // do not render too many items in column editor mode
-              if (!_this39.state.columnsSelectorShow || counter.count < 15) {
+              if (!_this37.state.columnsSelectorShow || counter.count < 15) {
                 if (item.data.sumVisibility) {
-                  return _this39.renderItem(item, undefined, classes, counter);
+                  return _this37.renderItem(item, undefined, classes, counter);
                 }
               }
             }
@@ -5807,7 +5726,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "calculateColumnsVisibility",
     value: function calculateColumnsVisibility(columnsAuto, columns, columnsForAdmin, columnsWidths) {
-      var _this40 = this;
+      var _this38 = this;
 
       columnsWidths = columnsWidths || this.state.columnsWidths;
       columnsForAdmin = columnsForAdmin || this.state.columnsForAdmin;
@@ -5900,7 +5819,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           Object.keys(columnsForAdmin).sort().forEach(function (adapter) {
             return columnsForAdmin[adapter].forEach(function (column) {
               var id = '_' + adapter + '_' + column.path;
-              _this40.columnsVisibility[id] = columns.includes(id);
+              _this38.columnsVisibility[id] = columns.includes(id);
 
               if (columns.includes(id)) {
                 var item = {
@@ -5923,12 +5842,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                   }
                 }
 
-                _this40.adapterColumns.push(item);
+                _this38.adapterColumns.push(item);
 
-                _this40.columnsVisibility[id] = columnsWidths[item.id] || column.width || SCREEN_WIDTHS[_this40.props.width].widths.func || SCREEN_WIDTHS.xl.widths.func;
-                _widthSum2 += _this40.columnsVisibility[id];
+                _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 {
-                _this40.columnsVisibility[id] = 0;
+                _this38.columnsVisibility[id] = 0;
               }
             });
           });
@@ -5950,10 +5869,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           this.columnsVisibility.nameHeader = "calc(100% - ".concat(_widthSum2 + 5 + this.state.scrollBarWidth, "px)");
         } else {
           var newWidth = Object.keys(this.columnsVisibility).reduce(function (accumulator, name) {
-            if (name === 'id' || typeof _this40.columnsVisibility[name] === 'string' || !_this40.columnsVisibility[name]) {
+            if (name === 'id' || typeof _this38.columnsVisibility[name] === 'string' || !_this38.columnsVisibility[name]) {
               return accumulator;
             } else {
-              return accumulator + _this40.columnsVisibility[name];
+              return accumulator + _this38.columnsVisibility[name];
             }
           }, 0);
           this.columnsVisibility.id = "calc(100% - ".concat(newWidth, "px)");
@@ -5968,7 +5887,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      * @returns {JSX.Element}
      */
     function renderHeader() {
-      var _this41 = this;
+      var _this39 = this;
 
       var classes = this.props.classes;
       var filterClearInValue = null;
@@ -5976,7 +5895,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       if (!this.columnsVisibility.buttons && !this.isFilterEmpty()) {
         filterClearInValue = /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
           onClick: function onClick() {
-            return _this41.clearFilter();
+            return _this39.clearFilter();
           },
           className: classes.buttonClearFilter,
           title: this.props.t('ra_Clear filter'),
@@ -6068,7 +5987,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/_react["default"].createElement("div", {
           className: _Utils["default"].clsx(classes.headerCell, classes.headerCellValue),
           style: {
-            width: _this41.columnsVisibility[item.id]
+            width: _this39.columnsVisibility[item.id]
           },
           title: item.adapter,
           key: item.id,
@@ -6104,18 +6023,18 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderToast",
     value: function renderToast() {
-      var _this42 = this;
+      var _this40 = this;
 
       return /*#__PURE__*/_react["default"].createElement(_Snackbar["default"], {
         open: !!this.state.toast,
         autoHideDuration: 3000,
         onClick: function onClick() {
-          return _this42.setState({
+          return _this40.setState({
             toast: ''
           });
         },
         onClose: function onClose() {
-          return _this42.setState({
+          return _this40.setState({
             toast: ''
           });
         },
@@ -6125,7 +6044,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           "aria-label": "close",
           color: "inherit",
           onClick: function onClick() {
-            return _this42.setState({
+            return _this40.setState({
               toast: ''
             });
           }
@@ -6141,14 +6060,14 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
-      var _this43 = this;
+      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 _this43.setState({
+            return _this41.setState({
               scrollBarWidth: scrollBarWidth
             });
           }, 100);
@@ -6178,13 +6097,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderCustomDialog",
     value: function renderCustomDialog() {
-      var _this44 = this;
+      var _this42 = this;
 
       if (this.state.customDialog && this.props.objectCustomDialog) {
         var ObjectCustomDialog = this.props.objectCustomDialog;
         return /*#__PURE__*/_react["default"].createElement(ObjectCustomDialog, {
           reportChangedIds: function reportChangedIds(changedIds) {
-            return _this44.changedIds = (0, _toConsumableArray2["default"])(changedIds);
+            return _this42.changedIds = (0, _toConsumableArray2["default"])(changedIds);
           },
           objectIDs: this.state.customDialog,
           expertMode: this.state.filter.expertMode,
@@ -6198,19 +6117,19 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           objects: this.objects,
           customsInstances: this.info.customs,
           onClose: function onClose() {
-            _this44.pauseSubscribe(false);
+            _this42.pauseSubscribe(false);
 
-            _this44.setState({
+            _this42.setState({
               customDialog: null
             });
 
-            if (_this44.changedIds) {
-              _this44.changedIds = null; // update all changed IDs
+            if (_this42.changedIds) {
+              _this42.changedIds = null; // update all changed IDs
 
-              _this44.forceUpdate();
+              _this42.forceUpdate();
             }
 
-            _this44.props.router && _this44.props.router.doNavigate('tab-objects');
+            _this42.props.router && _this42.props.router.doNavigate('tab-objects');
           }
         });
       } else {
@@ -6225,7 +6144,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "onUpdate",
     value: function onUpdate(valAck) {
-      var _this45 = this;
+      var _this43 = this;
 
       this.props.socket.setState(this.edit.id, {
         val: valAck.val,
@@ -6233,7 +6152,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         q: valAck.q || 0,
         expire: valAck.expire || undefined
       })["catch"](function (e) {
-        return _this45.showError('Cannot write value: ' + e);
+        return _this43.showError('Cannot write value: ' + e);
       });
     }
     /**
@@ -6244,7 +6163,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderEditObjectDialog",
     value: function renderEditObjectDialog() {
-      var _this46 = this;
+      var _this44 = this;
 
       if (!this.state.editObjectDialog || !this.props.objectBrowserEditObject) {
         return null;
@@ -6264,24 +6183,24 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         t: this.props.t,
         expertMode: this.state.filter.expertMode,
         onNewObject: function onNewObject(obj) {
-          return _this46.props.socket.setObject(obj._id, obj).then(function () {
-            return _this46.setState({
+          return _this44.props.socket.setObject(obj._id, obj).then(function () {
+            return _this44.setState({
               editObjectDialog: obj._id
             }, function () {
-              return _this46.onSelect(obj._id);
+              return _this44.onSelect(obj._id);
             });
           })["catch"](function (e) {
-            return _this46.showError('Cannot write object: ' + e);
+            return _this44.showError('Cannot write object: ' + e);
           });
         },
         onClose: function onClose(obj) {
-          _this46.setState({
+          _this44.setState({
             editObjectDialog: ''
           });
 
           if (obj) {
-            _this46.props.socket.setObject(obj._id, obj)["catch"](function (e) {
-              return _this46.showError('Cannot write object: ' + e);
+            _this44.props.socket.setObject(obj._id, obj)["catch"](function (e) {
+              return _this44.showError('Cannot write object: ' + e);
             });
           }
         }
@@ -6295,7 +6214,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderViewObjectFileDialog",
     value: function renderViewObjectFileDialog() {
-      var _this47 = this;
+      var _this45 = this;
 
       if (!this.state.viewFileDialog || !this.props.objectBrowserViewFile) {
         return null;
@@ -6311,7 +6230,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         t: this.props.t,
         expertMode: this.state.filter.expertMode,
         onClose: function onClose() {
-          return _this47.setState({
+          return _this45.setState({
             viewFileDialog: ''
           });
         }
@@ -6326,7 +6245,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
     key: "renderEditValueDialog",
     value: function renderEditValueDialog() {
       var _this$objects$this$ed,
-          _this48 = this;
+          _this46 = this;
 
       if (!this.state.updateOpened || !this.props.objectBrowserValue) {
         return null;
@@ -6357,11 +6276,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         defaultHistory: this.defaultHistory,
         dateFormat: this.props.dateFormat,
         onClose: function onClose(res) {
-          _this48.setState({
+          _this46.setState({
             updateOpened: false
           });
 
-          res && _this48.onUpdate(res);
+          res && _this46.onUpdate(res);
         }
       });
     }
@@ -6373,7 +6292,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      * @returns {JSX.Element}
      */
     function render() {
-      var _this49 = this;
+      var _this47 = this;
 
       this.recordStates = [];
       this.unsubscribeTimer && clearTimeout(this.unsubscribeTimer); // apply filter if changed
@@ -6388,13 +6307,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
 
         if (counter.count < 500 && !this.state.expandAllVisible) {
           setTimeout(function () {
-            return _this49.setState({
+            return _this47.setState({
               expandAllVisible: true
             });
           });
         } else if (counter.count >= 500 && this.state.expandAllVisible) {
           setTimeout(function () {
-            return _this49.setState({
+            return _this47.setState({
               expandAllVisible: false
             });
           });
@@ -6404,9 +6323,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
 
       this.unsubscribeTimer = setTimeout(function () {
-        _this49.unsubscribeTimer = null;
+        _this47.unsubscribeTimer = null;
 
-        _this49.checkUnsubscribes();
+        _this47.checkUnsubscribes();
       }, 200);
 
       if (!this.state.loaded) {
@@ -6494,7 +6413,17 @@ ObjectBrowser.propTypes = {
   onObjectDelete: _propTypes["default"].func,
   // optional function (id, hasChildren, objectExists) {  }
   customFilter: _propTypes["default"].object,
-  // optional {common: {custom: true}} or {common: {custom: 'sql.0'}}
+  // optional
+  // `{common: {custom: true}}` - show only objects with some custom settings
+  // `{common: {custom: 'sql.0'}}` - show only objects with sql.0 custom settings (only of the specific instance)
+  // `{common: {custom: '_dataSources'}}` - show only objects of adapters `influxdb' or 'sql' or 'history'
+  // `{common: {custom: 'adapterName.'}}` - show only objects of custom settings of specific adapter (all instances)
+  // `{type: 'channel'}` - show only channels
+  // `{type: ['channel', 'device']}` - show only channels and devices
+  // `{common: {type: 'number'}` - show only states of type 'number
+  // `{common: {type: ['number', 'string']}` - show only states of type 'number and string
+  // `{common: {role: 'switch']}` - show only states with roles starting from switch
+  // `{common: {role: ['switch', 'button]}` - show only states with roles starting from `switch` and `button`
   objectBrowserValue: _propTypes["default"].object,
   objectBrowserEditObject: _propTypes["default"].object,
   objectBrowserEditRole: _propTypes["default"].object,