@iobroker/adapter-react-v5 2.1.9 → 2.1.10

package/Components/ObjectBrowser.js

@@ -11,6 +11,8 @@ exports["default"] = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -29,10 +31,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -41,10 +39,6 @@ var _copyToClipboard = _interopRequireDefault(require("./copy-to-clipboard"));
 
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
-var _styles = require("@mui/material/styles");
-
-var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
-
 var _reactInlinesvg = _interopRequireDefault(require("react-inlinesvg"));
 
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
@@ -189,6 +183,8 @@ var _TabContent = _interopRequireDefault(require("./TabContent"));
 
 var _TabHeader = _interopRequireDefault(require("./TabHeader"));
 
+var _withWidth = _interopRequireDefault(require("./withWidth"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -201,28 +197,6 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function useWidth() {
-  var theme = (0, _styles.useTheme)();
-  var keys = (0, _toConsumableArray2["default"])(theme.breakpoints.keys).reverse();
-  return keys.reduce(function (output, key) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var matches = (0, _useMediaQuery["default"])(theme.breakpoints.up(key));
-    return !output && matches ? key : output;
-  }, null) || 'xs';
-} // FIXME checkout https://mui.com/components/use-media-query/#migrating-from-withwidth
-
-
-var withWidth = function withWidth() {
-  return function (WrappedComponent) {
-    return function (props) {
-      var width = useWidth();
-      return /*#__PURE__*/_react["default"].createElement(WrappedComponent, (0, _extends2["default"])({}, props, {
-        width: width
-      }));
-    };
-  };
-};
-
 var ICON_SIZE = 24;
 var ROW_HEIGHT = 32;
 var ITEM_LEVEL = 16;
@@ -331,7 +305,7 @@ var styles = function styles(theme) {
       paddingTop: 0,
       //theme.spacing(1),
       paddingLeft: 0,
-      width: "calc(100% - ".concat(theme.spacing(1), "px)"),
+      width: "calc(100% - ".concat(theme.spacing(1), ")"),
       height: "calc(100% - 38px)",
       overflow: 'auto'
     },
@@ -611,6 +585,7 @@ var styles = function styles(theme) {
         opacity: 1
       },
       paddingTop: 0,
+      paddingLeft: 0,
       marginTop: -2
     },
     cellButtonsEmptyButton: {
@@ -644,7 +619,7 @@ var styles = function styles(theme) {
       cursor: 'pointer'
     },
     cellButtonsValueButtonEdit: {
-      right: SMALL_BUTTON_SIZE / 2 + theme.spacing(2)
+      right: SMALL_BUTTON_SIZE / 2 + parseInt(theme.spacing(2), 10)
     },
     filteredOut: {
       opacity: 0.5
@@ -850,7 +825,8 @@ function binarySearch(list, find, _start, _end) {
   }
 }
 
-function applyFilter(item, filters, lang, objects, context, counter, customFilter, selectedTypes) {
+function applyFilter(item, filters, lang, objects, context, counter, customFilter, selectedTypes, _depth) {
+  _depth = _depth || 0;
   var filteredOut = false;
 
   if (!context) {
@@ -966,9 +942,9 @@ function applyFilter(item, filters, lang, objects, context, counter, customFilte
   data.visible = !filteredOut;
   data.hasVisibleChildren = false;
 
-  if (item.children) {
+  if (item.children && _depth < 20) {
     item.children.forEach(function (_item) {
-      var visible = applyFilter(_item, filters, lang, objects, context, counter, customFilter, selectedTypes);
+      var visible = applyFilter(_item, filters, lang, objects, context, counter, customFilter, selectedTypes, _depth + 1);
 
       if (visible) {
         data.hasVisibleChildren = true;
@@ -1907,8 +1883,6 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           return;
         }
 
-        ;
-
         if (id.startsWith('system.adapter.') && obj && obj.type === 'adapter') {
           var columnsForAdmin = JSON.parse(JSON.stringify(_this.state.columnsForAdmin));
 
@@ -3027,8 +3001,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
       return cols.filter(function (id) {
         return isLast && (id === 'val' || id === 'buttons') || !isLast && id !== 'val' && id !== 'buttons';
       }).map(function (id) {
-        return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-          button: true,
+        return /*#__PURE__*/_react["default"].createElement(ListItemButton, {
           onClick: function onClick() {
             if (!_this9.state.columnsAuto && id !== 'id') {
               var columns = (0, _toConsumableArray2["default"])(_this9.state.columns || []);
@@ -3192,8 +3165,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
           }
         }), /*#__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(_ListItem["default"], {
-              button: true,
+            return /*#__PURE__*/_react["default"].createElement(ListItemButton, {
               onClick: function onClick() {
                 if (!_this10.state.columnsAuto) {
                   var columns = (0, _toConsumableArray2["default"])(_this10.state.columns || []);
@@ -6121,6 +6093,16 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
         return null;
       }
 
+      if (!this.edit.id) {
+        console.error('Invalid ID for edit: ' + JSON.stringify(this.edit));
+        return null;
+      }
+
+      if (!this.objects[this.edit.id]) {
+        console.error("Something went wrong. Possibly the object ".concat(this.edit.id, " was deleted."));
+        return null;
+      }
+
       var type = (_this$objects$this$ed = this.objects[this.edit.id].common) !== null && _this$objects$this$ed !== void 0 && _this$objects$this$ed.type ? this.objects[this.edit.id].common.type : (0, _typeof2["default"])(this.edit.val);
       var ObjectBrowserValue = this.props.objectBrowserValue;
       return /*#__PURE__*/_react["default"].createElement(ObjectBrowserValue, {
@@ -6297,7 +6279,7 @@ ObjectBrowser.propTypes = {
 };
 /** @type {typeof ObjectBrowser} */
 
-var _export = withWidth()((0, _withStyles["default"])(styles)(ObjectBrowser));
+var _export = (0, _withWidth["default"])()((0, _withStyles["default"])(styles)(ObjectBrowser));
 
 var _default = _export;
 exports["default"] = _default;