@iobroker/adapter-react-v5 4.13.2 → 4.13.4

package/Components/ObjectBrowser.js

@@ -54,11 +54,11 @@ function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } /**
- * Copyright 2020-2024, Denis Haev <dogafox@gmail.com>
- *
- * MIT License
- *
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } /**
+ * Copyright 2020-2024, Denis Haev <dogafox@gmail.com>
+ *
+ * MIT License
+ *
  **/ // Icons
 // own
 var ICON_SIZE = 24;
@@ -754,9 +754,9 @@ var styles = function styles(theme) {
   };
 };
 
-/**
- * Function that walks through all keys of an object or array and applies a function to each key.
- * @returns {unknown} The copied object
+/**
+ * Function that walks through all keys of an object or array and applies a function to each key.
+ * @returns {unknown} The copied object
  */
 function walkThrough(object, iteratee) {
   if (Array.isArray(object)) {
@@ -775,12 +775,12 @@ function walkThrough(object, iteratee) {
   return copiedObject;
 }
 
-/**
- * Function to reduce an object primarily by a given list of keys
- * @param obj The object which should be filtered
- * @param filterKeys The keys which should be excluded
- * @param excludeTranslations Whether translations should be reduced to only the english value
- * @returns {unknown} The filtered object
+/**
+ * Function to reduce an object primarily by a given list of keys
+ * @param obj The object which should be filtered
+ * @param filterKeys The keys which should be excluded
+ * @param excludeTranslations Whether translations should be reduced to only the english value
+ * @returns {unknown} The filtered object
  */
 function filterObject(obj, filterKeys, excludeTranslations) {
   return walkThrough(obj, function (result, value, key) {
@@ -802,14 +802,14 @@ function filterObject(obj, filterKeys, excludeTranslations) {
   });
 }
 
-/**
- * Function to generate a json-file for an object and trigger download it
- * @param filename {string} The desired filename
- * @param obj {unknown} The obj which should be downloaded
- * @param options Options to filter/reduce the output
- * @param options.beautify {boolean} Whether the output should be beautified
- * @param options.excludeSystemRepositories {boolean} Whether "system.repositories" should be excluded
- * @param options.excludeTranslations {boolean} Whether translations should be reduced to only the english value
+/**
+ * Function to generate a json-file for an object and trigger download it
+ * @param filename {string} The desired filename
+ * @param obj {unknown} The obj which should be downloaded
+ * @param options Options to filter/reduce the output
+ * @param options.beautify {boolean} Whether the output should be beautified
+ * @param options.excludeSystemRepositories {boolean} Whether "system.repositories" should be excluded
+ * @param options.excludeTranslations {boolean} Whether translations should be reduced to only the english value
  */
 function generateFile(filename, obj, options) {
   var el = document.createElement('a');
@@ -852,10 +852,10 @@ function binarySearch(list, find, _start, _end) {
   return false;
 }
 
-/**
- * Check if browser is running on iOS
- *
- * @return {boolean}
+/**
+ * Check if browser is running on iOS
+ *
+ * @return {boolean}
  */
 // function isIOS() {
 //     return [
@@ -1548,30 +1548,30 @@ function findFunctionsForObject(data, id, lang, withParentInfo, funcs) {
   };
 }
 
-/*
-function quality2text(q) {
-    if (!q) {
-        return 'ok';
-    }
-    const custom = q & 0xFFFF0000;
-    let text = '';
-    if (q & 0x40) text += 'device';
-    if (q & 0x80) text += 'sensor';
-    if (q & 0x01) text += ' bad';
-    if (q & 0x02) text += ' not connected';
-    if (q & 0x04) text += ' error';
-
-    return text + (custom ? '|0x' + (custom >> 16).toString(16).toUpperCase() : '') + ' [0x' + q.toString(16).toUpperCase() + ']';
-}
+/*
+function quality2text(q) {
+    if (!q) {
+        return 'ok';
+    }
+    const custom = q & 0xFFFF0000;
+    let text = '';
+    if (q & 0x40) text += 'device';
+    if (q & 0x80) text += 'sensor';
+    if (q & 0x01) text += ' bad';
+    if (q & 0x02) text += ' not connected';
+    if (q & 0x04) text += ' error';
+
+    return text + (custom ? '|0x' + (custom >> 16).toString(16).toUpperCase() : '') + ' [0x' + q.toString(16).toUpperCase() + ']';
+}
 */
 
 /** @typedef  {{ state: ioBroker.State, obj: Record<string, any>, texts: Record<string, any>, dateFormat: any, isFloatComma: boolean }} FormatValueOptions */
 
-/**
- * Format a state value for visualization
- *
- * @param {FormatValueOptions} options
- * @return {{valText: {}, valFull: [{t: (*|String), v: (string|*)}] }}
+/**
+ * Format a state value for visualization
+ *
+ * @param {FormatValueOptions} options
+ * @return {{valText: {}, valFull: [{t: (*|String), v: (string|*)}] }}
  */
 function formatValue(options) {
   var dateFormat = options.dateFormat,
@@ -1698,11 +1698,11 @@ function formatValue(options) {
 
 /** @typedef {{ state: ioBroker.State, isExpertMode: boolean, isButton: boolean }} GetValueStyleOptions */
 
-/**
- * Get css style for given state value
- *
- * @param {GetValueStyleOptions} options
- * @return {{color: (string)}}
+/**
+ * Get css style for given state value
+ *
+ * @param {GetValueStyleOptions} options
+ * @return {{color: (string)}}
  */
 function getValueStyle(options) {
   var state = options.state,
@@ -1746,8 +1746,8 @@ function prepareSparkData(values, from) {
   return v;
 }
 
-/**
- * @type {import('./types').ObjectBrowserTableFilter}
+/**
+ * @type {import('./types').ObjectBrowserTableFilter}
  */
 var DEFAULT_FILTER = {
   id: '',
@@ -1887,25 +1887,25 @@ var SCREEN_WIDTHS = {
 };
 var objectsAlreadyLoaded = false;
 
-/**
- * @extends {React.Component<import('./types').ObjectBrowserProps>}
+/**
+ * @extends {React.Component<import('./types').ObjectBrowserProps>}
  */
 var _NON_EXPERT_NAMESPACES = /*#__PURE__*/new WeakMap();
 var ObjectBrowser = /*#__PURE__*/function (_Component) {
-  /**
-   * @param {import('./types').ObjectBrowserProps} props
+  /**
+   * @param {import('./types').ObjectBrowserProps} props
    */
   function ObjectBrowser(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, ObjectBrowser);
     _this = _callSuper(this, ObjectBrowser, [props]);
-    /**
-     * Namespaces which are allowed to be edited by non-expert users
-     * @type {string[]}
+    /**
+     * Namespaces which are allowed to be edited by non-expert users
+     * @type {string[]}
      */
     _classPrivateFieldInitSpec(_this, _NON_EXPERT_NAMESPACES, ['0_userdata.0.', 'alias.0.']);
-    /**
-     * Context menu handler.
+    /**
+     * Context menu handler.
      */
     (0, _defineProperty2["default"])(_this, "onContextMenu", function (e) {
       // console.log(`CONTEXT MENU: ${this.contextMenu ? Date.now() - this.contextMenu.ts : 'false'}`);
@@ -1924,10 +1924,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
       _this.contextMenu = null;
     });
-    /**
-     * Called when a state changes.
-     * @param {string} id
-     * @param {ioBroker.State} state
+    /**
+     * Called when a state changes.
+     * @param {string} id
+     * @param {ioBroker.State} state
      */
     (0, _defineProperty2["default"])(_this, "onStateChange", function (id, state) {
       console.log("> stateChange ".concat(id));
@@ -1950,9 +1950,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         _this.statesUpdateTimer = null;
       }
     });
-    /**
-     * @param {string} id
-     * @param {ioBroker.Object} obj
+    /**
+     * @param {string} id
+     * @param {ioBroker.Object} obj
      */
     (0, _defineProperty2["default"])(_this, "onObjectChange", function (id, obj /* , oldObj */) {
       var newState;
@@ -1995,9 +1995,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         }, 500);
       }
     });
-    /**
-     * @private
-     * @param {string} id
+    /**
+     * @private
+     * @param {string} id
      */
     (0, _defineProperty2["default"])(_this, "getEnumsForId", function (id) {
       var result = [];
@@ -2020,10 +2020,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
       return result.length ? result : undefined;
     });
-    /**
-     * @private
-     * @param {array} enums
-     * @param {string} objId
+    /**
+     * @private
+     * @param {array} enums
+     * @param {string} objId
      */
     (0, _defineProperty2["default"])(_this, "_createAllEnums", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(enums, objId) {
@@ -2093,9 +2093,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return _ref.apply(this, arguments);
       };
     }());
-    /**
-     * @private
-     * @param {any} objs
+    /**
+     * @private
+     * @param {any} objs
      */
     (0, _defineProperty2["default"])(_this, "loadObjects", /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(objs) {
@@ -2218,9 +2218,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return _ref2.apply(this, arguments);
       };
     }());
-    /**
-     * @private
-     * @param {object} evt
+    /**
+     * @private
+     * @param {object} evt
      */
     (0, _defineProperty2["default"])(_this, "handleJsonUpload", function (evt) {
       var f = evt.target.files[0];
@@ -2581,9 +2581,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         } else {
           _this.resizeLeft = false;
           _this.resizerNextDiv = _this.resizerActiveDiv.nextElementSibling;
-          /* while (this.resizerNextDiv && !this.resizerNextDiv.querySelector('.' + this.props.classes.resizeHandle) && i < 10) {
-              this.resizerNextDiv = this.resizerNextDiv.nextElementSibling;
-              i++;
+          /* while (this.resizerNextDiv && !this.resizerNextDiv.querySelector('.' + this.props.classes.resizeHandle) && i < 10) {
+              this.resizerNextDiv = this.resizerNextDiv.nextElementSibling;
+              i++;
           } */
         }
         _this.resizerNextName = _this.resizerNextDiv.dataset.name;
@@ -2913,6 +2913,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
                   try {
                     if (props.filterFunc(objects[id])) {
                       _this2.objects[id] = objects[id];
+                    } else {
+                      var type = objects[id] && objects[id].type;
+                      // include "folder" types too for icons and names of nodes
+                      if (type && (type === 'channel' || type === 'device' || type === 'folder' || type === 'adapter' || type === 'instance')) {
+                        _this2.objects[id] = objects[id];
+                      }
                     }
                   } catch (e) {
                     console.log("Error by filtering of \"".concat(id, "\": ").concat(e));
@@ -2999,11 +3005,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
       return loadAllObjects;
     }()
-    /**
-     * Check if it is a non-expert id
-     *
-     * @param id id to test
-     * @return {boolean}
+    /**
+     * Check if it is a non-expert id
+     *
+     * @param id id to test
+     * @return {boolean}
      */
   }, {
     key: "isNonExpertId",
@@ -3013,9 +3019,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * @private
-     * @param {ioBroker.EmptyCallback?} cb
+    /**
+     * @private
+     * @param {ioBroker.EmptyCallback?} cb
      */
   }, {
     key: "expandAllSelected",
@@ -3044,9 +3050,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
     }
 
-    /**
-     * @private
-     * @param {boolean} [isDouble]
+    /**
+     * @private
+     * @param {boolean} [isDouble]
      */
   }, {
     key: "onAfterSelect",
@@ -3073,16 +3079,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
     }
 
-    /**
-     * @private
-     * @param {import('./types').ObjectBrowserProps} props
-     * @param {any} state
+    /**
+     * @private
+     * @param {import('./types').ObjectBrowserProps} props
+     * @param {any} state
      */
   }, {
     key: "componentDidMount",
     value: (
-    /**
-     * Called when component is mounted.
+    /**
+     * Called when component is mounted.
      */
     function () {
       var _componentDidMount = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
@@ -3110,8 +3116,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
       return componentDidMount;
     }()
-    /**
-     * Called when component is unmounted.
+    /**
+     * Called when component is unmounted.
      */
     )
   }, {
@@ -3138,10 +3144,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
 
     /** @typedef {{ id: string, obj: ioBroker.Object, item: any }} ShowDeleteDialogOptions */
 
-    /**
-     * Show the delete dialog for a given object
-     *
-     * @param {ShowDeleteDialogOptions} options
+    /**
+     * Show the delete dialog for a given object
+     *
+     * @param {ShowDeleteDialogOptions} options
      */
   }, {
     key: "showDeleteDialog",
@@ -3168,8 +3174,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "refreshComponent",
     value:
-    /**
-     * Called when component is mounted.
+    /**
+     * Called when component is mounted.
      */
     function refreshComponent() {
       var _this5 = this;
@@ -3184,9 +3190,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * Renders the error dialog.
-     * @returns {JSX.Element | null}
+    /**
+     * Renders the error dialog.
+     * @returns {JSX.Element | null}
      */
   }, {
     key: "renderErrorDialog",
@@ -3220,9 +3226,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, this.props.t('ra_Ok')))) : null;
     }
 
-    /**
-     * Show the error dialog.
-     * @param {any} error
+    /**
+     * Show the error dialog.
+     * @param {any} error
      */
   }, {
     key: "showError",
@@ -3232,10 +3238,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * Called when an item is selected/deselected.
-     * @param {string} toggleItem
-     * @param {boolean} [isDouble]
+    /**
+     * Called when an item is selected/deselected.
+     * @param {string} toggleItem
+     * @param {boolean} [isDouble]
      */
   }, {
     key: "onSelect",
@@ -3285,9 +3291,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
     }
 
-    /**
-     * @private
-     * @param {boolean} isLast
+    /**
+     * @private
+     * @param {boolean} isLast
      */
   }, {
     key: "_renderDefinedList",
@@ -3334,9 +3340,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * Renders the columns' selector.
-     * @returns {JSX.Element | null}
+    /**
+     * Renders the columns' selector.
+     * @returns {JSX.Element | null}
      */
   }, {
     key: "renderColumnsSelectorDialog",
@@ -3452,8 +3458,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, this.texts.close)));
     }
 
-    /**
-     * @private
+    /**
+     * @private
      */
   }, {
     key: "getAdditionalColumns",
@@ -3472,8 +3478,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * @private
+    /**
+     * @private
      */
   }, {
     key: "checkUnsubscribes",
@@ -3485,13 +3491,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       this.recordStates = [];
     }
 
-    /**
-     * Find an item.
-     * @param {string} id
-     * @param {string[] | undefined} [_parts]
-     * @param {{ data: { name: string; id: string; }; children: never[]; } | null | undefined} [_root]
-     * @param {string | undefined} [_partyId]
-     * @returns {any}
+    /**
+     * Find an item.
+     * @param {string} id
+     * @param {string[] | undefined} [_parts]
+     * @param {{ data: { name: string; id: string; }; children: never[]; } | null | undefined} [_root]
+     * @param {string | undefined} [_partyId]
+     * @returns {any}
      */
   }, {
     key: "findItem",
@@ -3522,10 +3528,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "parseObjectForAdmins",
     value:
-    /**
-     * @private
-     * @param {{ [x: string]: any; }} columnsForAdmin
-     * @param {any} obj
+    /**
+     * @private
+     * @param {{ [x: string]: any; }} columnsForAdmin
+     * @param {any} obj
      */
     function parseObjectForAdmins(columnsForAdmin, obj) {
       var _this11 = this;
@@ -3597,18 +3603,19 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "processOnObjectChangeElement",
     value:
-    /**
-     * Processes a single element in regard to certain filters, columns for admin and updates object dict
-     * @param id The id of the object
-     * @param obj The object itself
-     * @returns {{filtered: boolean, newState: null}} Returns an object containing the new state (if any) and whether the object was filtered.
+    /**
+     * Processes a single element in regard to certain filters, columns for admin and updates object dict
+     * @param id The id of the object
+     * @param obj The object itself
+     * @returns {{filtered: boolean, newInnerState: null}} Returns an object containing the new state (if any) and whether the object was filtered.
      */
     function processOnObjectChangeElement(id, obj) {
       console.log("> objectChange ".concat(id));
-      var newState = null;
-      if (obj && typeof this.props.filterFunc === 'function' && !this.props.filterFunc(obj)) {
+      var newInnerState = null;
+      var type = obj && obj.type;
+      if (obj && typeof this.props.filterFunc === 'function' && !this.props.filterFunc(obj) && type !== 'channel' && type !== 'device' && type !== 'folder' && type !== 'adapter' && type !== 'instance') {
         return {
-          newState: newState,
+          newInnerState: newInnerState,
           filtered: true
         };
       }
@@ -3616,7 +3623,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         var columnsForAdmin = JSON.parse(JSON.stringify(this.state.columnsForAdmin));
         this.parseObjectForAdmins(columnsForAdmin, obj);
         if (JSON.stringify(this.state.columnsForAdmin) !== JSON.stringify(columnsForAdmin)) {
-          newState = {
+          newInnerState = {
             columnsForAdmin: columnsForAdmin
           };
         }
@@ -3628,14 +3635,14 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         delete this.objects[id];
       }
       return {
-        newState: newState,
+        newInnerState: newInnerState,
         filtered: false
       };
     }
 
-    /**
-     * @private
-     * @param {string} id
+    /**
+     * @private
+     * @param {string} id
      */
   }, {
     key: "subscribe",
@@ -3647,9 +3654,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
     }
 
-    /**
-     * @private
-     * @param {string} id
+    /**
+     * @private
+     * @param {string} id
      */
   }, {
     key: "unsubscribe",
@@ -3668,9 +3675,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
     }
 
-    /**
-     * @private
-     * @param {boolean} isPause
+    /**
+     * @private
+     * @param {boolean} isPause
      */
   }, {
     key: "pauseSubscribe",
@@ -3689,10 +3696,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
     }
 
-    /**
-     * @private
-     * @param {string} [name]
-     * @param {boolean} [value]
+    /**
+     * @private
+     * @param {string} [name]
+     * @param {boolean} [value]
      */
   }, {
     key: "onFilter",
@@ -3762,9 +3769,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return !someNotEmpty;
     }
 
-    /**
-     * @private
-     * @param {string} name
+    /**
+     * @private
+     * @param {string} name
      */
   }, {
     key: "getFilterInput",
@@ -3806,10 +3813,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Close, null))) : null);
     }
 
-    /**
-     * @private
-     * @param {string} name
-     * @param {any[]} values
+    /**
+     * @private
+     * @param {string} name
+     * @param {any[]} values
      */
   }, {
     key: "getFilterSelect",
@@ -3883,8 +3890,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Close, null))) : null);
     }
 
-    /**
-     * @private
+    /**
+     * @private
      */
   }, {
     key: "getFilterSelectRole",
@@ -3892,8 +3899,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return this.getFilterSelect('role', this.info.roles);
     }
 
-    /**
-     * @private
+    /**
+     * @private
      */
   }, {
     key: "getFilterSelectRoom",
@@ -3913,8 +3920,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return this.getFilterSelect('room', rooms);
     }
 
-    /**
-     * @private
+    /**
+     * @private
      */
   }, {
     key: "getFilterSelectFunction",
@@ -3934,8 +3941,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return this.getFilterSelect('func', func);
     }
 
-    /**
-     * @private
+    /**
+     * @private
      */
   }, {
     key: "getFilterSelectType",
@@ -3950,8 +3957,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return this.getFilterSelect('type', types);
     }
 
-    /**
-     * @private
+    /**
+     * @private
      */
   }, {
     key: "getFilterSelectCustoms",
@@ -3973,10 +3980,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return null;
     }
 
-    /**
-     * @private
-     * @param {any} [root]
-     * @param {any[]} [expanded]
+    /**
+     * @private
+     * @param {any} [root]
+     * @param {any[]} [expanded]
      */
   }, {
     key: "onExpandAll",
@@ -3999,8 +4006,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
     }
 
-    /**
-     * @private
+    /**
+     * @private
      */
   }, {
     key: "onCollapseAll",
@@ -4017,11 +4024,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * @private
-     * @param {any} root
-     * @param {number} depth
-     * @param {any[]} expanded
+    /**
+     * @private
+     * @param {any} root
+     * @param {number} depth
+     * @param {any[]} expanded
      */
   }, {
     key: "expandDepth",
@@ -4045,16 +4052,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
     }
 
-    /**
-     * @private
-     * @param {number} depth
-     * @param {any[]} expanded
+    /**
+     * @private
+     * @param {number} depth
+     * @param {any[]} expanded
      */
   }, {
     key: "onExpandVisible",
     value:
-    /**
-     * @private
+    /**
+     * @private
      */
     function onExpandVisible() {
       if (this.state.depth < 9) {
@@ -4069,8 +4076,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
     }
 
-    /**
-     * @private
+    /**
+     * @private
      */
   }, {
     key: "onStatesViewVisible",
@@ -4082,8 +4089,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * @private
+    /**
+     * @private
      */
   }, {
     key: "onCollapseVisible",
@@ -4122,15 +4129,15 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return [];
     }
 
-    /**
-     * Exports the selected objects based on the given options and triggers file generation
-     * @param options Options to filter/reduce the output
-     * @param options.isAll {boolean} Whether all objects should be exported or only the selected ones
-     * @param options.beautify {boolean} Whether the output should be beautified
-     * @param options.excludeSystemRepositories {boolean} Whether "system.repositories" should be excluded
-     * @param options.excludeTranslations {boolean} Whether translations should be reduced to only the english value
-     * @returns {Promise<void>}
-     * @private
+    /**
+     * Exports the selected objects based on the given options and triggers file generation
+     * @param options Options to filter/reduce the output
+     * @param options.isAll {boolean} Whether all objects should be exported or only the selected ones
+     * @param options.beautify {boolean} Whether the output should be beautified
+     * @param options.excludeSystemRepositories {boolean} Whether "system.repositories" should be excluded
+     * @param options.excludeTranslations {boolean} Whether translations should be reduced to only the english value
+     * @returns {Promise<void>}
+     * @private
      */
   }, {
     key: "_exportObjects",
@@ -4223,7 +4230,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return null;
       }
       return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
-        open: !0
+        open: !0,
+        maxWidth: "lg"
       }, /*#__PURE__*/_react["default"].createElement(_material.DialogTitle, null, this.props.t('ra_Select type of export')), /*#__PURE__*/_react["default"].createElement(_material.DialogContent, null, /*#__PURE__*/_react["default"].createElement(_material.DialogContentText, null, this.state.filter.expertMode || this.state.showAllExportOptions ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, this.props.t('ra_You can export all objects or just the selected branch.'), /*#__PURE__*/_react["default"].createElement("br", null), this.props.t('ra_Selected %s object(s)', this.state.showExportDialog), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
         control: /*#__PURE__*/_react["default"].createElement(_material.Checkbox, {
           checked: this.state.noStatesByExportImport,
@@ -4323,9 +4331,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "getToolbar",
     value:
-    /**
-     * Renders the toolbar.
-     * @returns {JSX.Element}
+    /**
+     * Renders the toolbar.
+     * @returns {JSX.Element}
      */
     function getToolbar() {
       var _this25 = this;
@@ -4551,9 +4559,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Build, null))));
     }
 
-    /**
-     * @private
-     * @param {string} id
+    /**
+     * @private
+     * @param {string} id
      */
   }, {
     key: "toggleExpanded",
@@ -4572,10 +4580,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * @private
-     * @param {Event} e
-     * @param {string} text
+    /**
+     * @private
+     * @param {Event} e
+     * @param {string} text
      */
   }, {
     key: "onCopy",
@@ -4596,10 +4604,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderColumnButtons",
     value:
-    /**
-     * @param {string} id
-     * @param {{ data: { obj: { type: string; }; hasCustoms: any; }; }} item
-     * @param {{ cellButtonsButton: string | undefined; cellButtonsButtonAlone: any; cellButtonsButtonIcon: string | undefined; cellButtonsButtonWithCustoms: any; }} classes
+    /**
+     * @param {string} id
+     * @param {{ data: { obj: { type: string; }; hasCustoms: any; }; }} item
+     * @param {{ cellButtonsButton: string | undefined; cellButtonsButtonAlone: any; cellButtonsButtonIcon: string | undefined; cellButtonsButtonWithCustoms: any; }} classes
      */
     function renderColumnButtons(id, item, classes) {
       var _this26 = this,
@@ -4727,27 +4735,27 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       })) : null];
     }
 
-    /**
-     * @private
-     * @param {string} id
+    /**
+     * @private
+     * @param {string} id
      */
   }, {
     key: "readHistory",
     value: function readHistory(id) {
-      /* interface GetHistoryOptions {
-          instance?: string;
-          start?: number;
-          end?: number;
-          step?: number;
-          count?: number;
-          from?: boolean;
-          ack?: boolean;
-          q?: boolean;
-          addID?: boolean;
-          limit?: number;
-          ignoreNull?: boolean;
-          sessionId?: any;
-          aggregate?: 'minmax' | 'min' | 'max' | 'average' | 'total' | 'count' | 'none';
+      /* interface GetHistoryOptions {
+          instance?: string;
+          start?: number;
+          end?: number;
+          step?: number;
+          count?: number;
+          from?: boolean;
+          ack?: boolean;
+          q?: boolean;
+          addID?: boolean;
+          limit?: number;
+          ignoreNull?: boolean;
+          sessionId?: any;
+          aggregate?: 'minmax' | 'min' | 'max' | 'average' | 'total' | 'count' | 'none';
       } */
       if (window.sparkline && this.defaultHistory && this.objects[id] && this.objects[id].common && this.objects[id].common.custom && this.objects[id].common.custom[this.defaultHistory]) {
         var now = new Date();
@@ -4781,12 +4789,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
     }
 
-    /**
-     * @private
-     * @param {string} id
-     * @param {any} item
-     * @param {Record<string, any>} classes
-     * @returns {JSX.Element | null}
+    /**
+     * @private
+     * @param {string} id
+     * @param {any} item
+     * @param {Record<string, any>} classes
+     * @returns {JSX.Element | null}
      */
   }, {
     key: "renderColumnValue",
@@ -4906,9 +4914,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, val));
     }
 
-    /**
-     * @private
-     * @returns {undefined}
+    /**
+     * @private
+     * @returns {undefined}
      */
   }, {
     key: "_syncEnum",
@@ -4958,9 +4966,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * @private
-     * @returns {Promise}
+    /**
+     * @private
+     * @returns {Promise}
      */
   }, {
     key: "syncEnum",
@@ -4976,9 +4984,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * @private
-     * @returns {JSX.Element | null}
+    /**
+     * @private
+     * @returns {JSX.Element | null}
      */
   }, {
     key: "renderEnumDialog",
@@ -5090,9 +5098,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return null;
     }
 
-    /**
-     * @private
-     * @returns {JSX.Element | null}
+    /**
+     * @private
+     * @returns {JSX.Element | null}
      */
   }, {
     key: "renderEditRoleDialog",
@@ -5119,9 +5127,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return null;
     }
 
-    /**
-     * @private
-     * @param {boolean} [isSave]
+    /**
+     * @private
+     * @param {boolean} [isSave]
      */
   }, {
     key: "onColumnsEditCustomDialogClose",
@@ -5155,8 +5163,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
     }
 
-    /**
-     * @private
+    /**
+     * @private
      */
   }, {
     key: "renderColumnsEditCustomDialog",
@@ -5239,20 +5247,20 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return null;
     }
 
-    /**
-     * @private
-     * @param {any} obj
-     * @param {any} it
+    /**
+     * @private
+     * @param {any} obj
+     * @param {any} it
      */
   }, {
     key: "renderCustomValue",
     value:
-    /**
-     * Renders a custom value.
-     * @param {any} obj
-     * @param {any} it
-     * @param {any} item
-     * @returns {JSX.Element | null}
+    /**
+     * Renders a custom value.
+     * @param {any} obj
+     * @param {any} it
+     * @param {any} item
+     * @returns {JSX.Element | null}
      */
     function renderCustomValue(obj, it, item) {
       var _this34 = this;
@@ -5280,13 +5288,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return null;
     }
 
-    /**
-     * Renders a leaf.
-     * @param {any} item
-     * @param {boolean} isExpanded
-     * @param {Record<string, any>} classes
-     * @param {{ count: number; }} counter
-     * @returns {JSX.Element}
+    /**
+     * Renders a leaf.
+     * @param {any} item
+     * @param {boolean} isExpanded
+     * @param {Record<string, any>} classes
+     * @param {{ count: number; }} counter
+     * @returns {JSX.Element}
      */
   }, {
     key: "renderLeaf",
@@ -5337,7 +5345,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
               className: _Utils["default"].clsx(classes.cellIdIconOwn, 'iconOwn')
             }, item.data.icon); // utf-8 char
           } else {
-            iconItem = /*#__PURE__*/_react["default"].createElement("img", {
+            iconItem = /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
               className: _Utils["default"].clsx(classes.cellIdIconOwn, 'iconOwn'),
               src: item.data.icon,
               alt: ""
@@ -5768,13 +5776,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, this.renderColumnButtons(id, item, classes)) : null);
     }
 
-    /**
-     * Renders an item.
-     * @param {any} root
-     * @param {boolean} isExpanded
-     * @param {Record<string, any>} classes
-     * @param {{ count: any; }} [counter]
-     * @returns {JSX.Element[]}
+    /**
+     * Renders an item.
+     * @param {any} root
+     * @param {boolean} isExpanded
+     * @param {Record<string, any>} classes
+     * @param {{ count: any; }} [counter]
+     * @returns {JSX.Element[]}
      */
   }, {
     key: "renderItem",
@@ -5844,12 +5852,12 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return items;
     }
 
-    /**
-     * @private
-     * @param {boolean} [columnsAuto]
-     * @param {string[]} [columns]
-     * @param {any} [columnsForAdmin]
-     * @param {Record<string, number>} [columnsWidths]
+    /**
+     * @private
+     * @param {boolean} [columnsAuto]
+     * @param {string[]} [columns]
+     * @param {any} [columnsForAdmin]
+     * @param {Record<string, number>} [columnsWidths]
      */
   }, {
     key: "calculateColumnsVisibility",
@@ -5993,10 +6001,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "navigateKeyPress",
     value:
-    /**
-     * Handle keyboard events for navigation
-     *
-     * @param {KeyboardEvent} event
+    /**
+     * Handle keyboard events for navigation
+     *
+     * @param {KeyboardEvent} event
      */
     function navigateKeyPress(event) {
       var selectedId = this.state.selectedNonObject || this.state.selected[0];
@@ -6032,13 +6040,13 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }
     }
 
-    /**
-     * Find the id from the root
-     *
-     * @param {Record<string, any>} root The current root
-     * @param {string} id the object id
-     *
-     * @returns {any}
+    /**
+     * Find the id from the root
+     *
+     * @param {Record<string, any>} root The current root
+     * @param {string} id the object id
+     *
+     * @returns {any}
      */
   }, {
     key: "getItemFromRoot",
@@ -6065,10 +6073,10 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderHandleRight",
     value:
-    /**
-     * Render a right handle for resizing
-     *
-     * @return {JSX.Element}
+    /**
+     * Render a right handle for resizing
+     *
+     * @return {JSX.Element}
      */
     function renderHandleRight() {
       return /*#__PURE__*/_react["default"].createElement("div", {
@@ -6079,9 +6087,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * @private
-     * @returns {JSX.Element}
+    /**
+     * @private
+     * @returns {JSX.Element}
      */
   }, {
     key: "renderHeader",
@@ -6216,9 +6224,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, ' ', this.getFilterSelectCustoms()) : null);
     }
 
-    /**
-     * @private
-     * @returns {JSX.Element}
+    /**
+     * @private
+     * @returns {JSX.Element}
      */
   }, {
     key: "renderToast",
@@ -6253,8 +6261,8 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * Called when component is updated.
+    /**
+     * Called when component is updated.
      */
   }, {
     key: "componentDidUpdate",
@@ -6285,9 +6293,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       this.selectedFound = true;
     }
 
-    /**
-     * @private
-     * @returns {JSX.Element | null}
+    /**
+     * @private
+     * @returns {JSX.Element | null}
      */
   }, {
     key: "renderCustomDialog",
@@ -6327,9 +6335,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return null;
     }
 
-    /**
-     * @private
-     * @param {Partial<ioBroker.State>} valAck
+    /**
+     * @private
+     * @param {Partial<ioBroker.State>} valAck
      */
   }, {
     key: "onUpdate",
@@ -6345,9 +6353,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * @private
-     * @returns {JSX.Element | null}
+    /**
+     * @private
+     * @returns {JSX.Element | null}
      */
   }, {
     key: "renderEditObjectDialog",
@@ -6410,9 +6418,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * @private
-     * @returns {JSX.Element | null}
+    /**
+     * @private
+     * @returns {JSX.Element | null}
      */
   }, {
     key: "renderViewObjectFileDialog",
@@ -6438,9 +6446,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * @private
-     * @returns {JSX.Element | null}
+    /**
+     * @private
+     * @returns {JSX.Element | null}
      */
   }, {
     key: "renderAliasEditorDialog",
@@ -6495,11 +6503,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * Renders the right mouse button context menu
-     *
-     * @private
-     * @returns {JSX.Element | null}
+    /**
+     * Renders the right mouse button context menu
+     *
+     * @private
+     * @returns {JSX.Element | null}
      */
   }, {
     key: "renderContextMenu",
@@ -6894,9 +6902,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       }, items);
     }
 
-    /**
-     * @private
-     * @returns {JSX.Element | null}
+    /**
+     * @private
+     * @returns {JSX.Element | null}
      */
   }, {
     key: "renderEditValueDialog",
@@ -6939,9 +6947,9 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       });
     }
 
-    /**
-     * The rendering method of this component.
-     * @returns {JSX.Element}
+    /**
+     * The rendering method of this component.
+     * @returns {JSX.Element}
      */
   }, {
     key: "render",
@@ -7041,11 +7049,11 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return null;
     }
 
-    /**
-     * @private
-     * @param {any} obj
-     * @param {any} it
-     * @param {any} value
+    /**
+     * @private
+     * @param {any} obj
+     * @param {any} it
+     * @param {any} value
      */
   }, {
     key: "setCustomValue",