@iobroker/adapter-react-v5 3.1.34 → 3.2.0

package/Components/JsonConfigComponent/ConfigTable.js

@@ -1,76 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@mui/styles");
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
-
 var _material = require("@mui/material");
-
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
-
 var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
-
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-
 var _ArrowUpward = _interopRequireDefault(require("@mui/icons-material/ArrowUpward"));
-
 var _ArrowDownward = _interopRequireDefault(require("@mui/icons-material/ArrowDownward"));
-
 var _FilterAlt = _interopRequireDefault(require("@mui/icons-material/FilterAlt"));
-
 var _FilterAltOff = _interopRequireDefault(require("@mui/icons-material/FilterAltOff"));
-
 var _i18n = _interopRequireDefault(require("../../i18n"));
-
 var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
-
 var _ConfigPanel = _interopRequireDefault(require("./ConfigPanel"));
-
 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 || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var styles = function styles(theme) {
   return {
     fullWidth: {
@@ -106,8 +72,8 @@ var styles = function styles(theme) {
       justifyContent: 'space-between'
     },
     highlight: theme.palette.mode === 'light' ? {
-      color: theme.palette.secondary.main // backgroundColor: lighten(theme.palette.secondary.light, 0.85),
-
+      color: theme.palette.secondary.main
+      // backgroundColor: lighten(theme.palette.secondary.light, 0.85),
     } : {
       color: theme.palette.text.primary,
       backgroundColor: theme.palette.secondary.dark
@@ -140,14 +106,12 @@ var styles = function styles(theme) {
     }
   };
 };
-
 function objectToArray(object, nameOfFirstAttr, nameOfSecondAttr) {
   nameOfFirstAttr = nameOfFirstAttr || 'key';
   var array = [];
   Object.keys(object).forEach(function (key) {
     var item = {};
     item[nameOfFirstAttr] = key;
-
     if (nameOfSecondAttr) {
       item[nameOfSecondAttr] = object[key];
       array.push(item);
@@ -157,19 +121,15 @@ function objectToArray(object, nameOfFirstAttr, nameOfSecondAttr) {
   });
   return array;
 }
-
 function arrayToObject(array, nameOfFirstAttr, nameOfSecondAttr) {
   nameOfFirstAttr = nameOfFirstAttr || 'key';
   var object = {};
   array.forEach(function (row) {
     var key = row[nameOfFirstAttr];
-
     if (key === null || key === undefined) {
       key = '';
     }
-
     delete row[nameOfFirstAttr];
-
     if (nameOfSecondAttr) {
       object[key] = row[nameOfSecondAttr];
     } else {
@@ -178,29 +138,22 @@ function arrayToObject(array, nameOfFirstAttr, nameOfSecondAttr) {
   });
   return object;
 }
-
 var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
   (0, _inherits2["default"])(ConfigTable, _ConfigGeneric);
-
   var _super = _createSuper(ConfigTable);
-
   function ConfigTable(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, ConfigTable);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleRequestSort", function (property) {
       var orderCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var _this$state = _this.state,
-          order = _this$state.order,
-          orderBy = _this$state.orderBy;
-
+        order = _this$state.order,
+        orderBy = _this$state.orderBy;
       if (orderBy) {
         var isAsc = orderBy === property && order === 'asc';
         var newOrder = orderCheck ? order : isAsc ? 'desc' : 'asc';
-
         var newValue = _this.stableSort(newOrder, property);
-
         _this.setState({
           order: newOrder,
           orderBy: property,
@@ -218,7 +171,6 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
       });
       stabilizedThis.sort(function (a, b) {
         var order = comparator(a[0], b[0]);
-
         if (order !== 0) {
           return order;
         } else {
@@ -235,14 +187,12 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
         var visibleValue = JSON.parse(JSON.stringify(_this.state.visibleValue));
         newValue.splice(index, 1);
         var pos = visibleValue.indexOf(index);
-
         if (pos !== -1) {
           visibleValue.splice(pos, 1);
           visibleValue = visibleValue.map(function (i) {
             return i > index ? i - 1 : i;
           });
         }
-
         _this.setState({
           value: newValue,
           visibleValue: visibleValue,
@@ -257,18 +207,14 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
       _this.typingTimer && clearTimeout(_this.typingTimer);
       _this.typingTimer = setTimeout(function (value, updateVisible) {
         _this.typingTimer = null;
-
         if (_this.props.schema.objKeyName) {
           var objValue = arrayToObject(JSON.parse(JSON.stringify(value)), _this.props.schema.objKeyName, _this.props.schema.objValueName);
-
           _this.onChange(_this.props.attr, objValue);
         } else {
           _this.onChange(_this.props.attr, value);
         }
-
         if (updateVisible) {
           _this.applyFilter(false, value);
-
           _this.handleRequestSort(_this.state.orderBy, true);
         }
       }, 300, newValue, updateVisible);
@@ -279,7 +225,6 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
       var visibleValue = JSON.parse(JSON.stringify(_this.state.visibleValue));
       var newItem = schema.items && schema.items.reduce(function (accumulator, currentValue) {
         var defaultValue;
-
         if (currentValue.defaultFunc) {
           if (_this.props.custom) {
             defaultValue = currentValue.defaultFunc ? _this.executeCustom(currentValue.defaultFunc, _this.props.schema["default"], _this.props.data, _this.props.instanceObj, newValue.length, _this.props.data) : _this.props.schema["default"];
@@ -289,13 +234,11 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
         } else {
           defaultValue = currentValue["default"] === undefined ? null : currentValue["default"];
         }
-
         accumulator[currentValue.attr] = defaultValue;
         return accumulator;
       }, {});
       newValue.push(newItem);
       visibleValue.push(newValue.length - 1);
-
       _this.setState({
         value: newValue,
         visibleValue: visibleValue
@@ -311,9 +254,7 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
       });
       Object.keys(_this.filterRefs).forEach(function (attr) {
         var _this$filterRefs$attr;
-
         var valueInputRef = (_this$filterRefs$attr = _this.filterRefs[attr].current) === null || _this$filterRefs$attr === void 0 ? void 0 : _this$filterRefs$attr.children[0].children[0].value;
-
         if (!clear && valueInputRef) {
           valueInputRef = valueInputRef.toLowerCase();
           visibleValue = visibleValue.filter(function (idx) {
@@ -323,7 +264,6 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
           _this.filterRefs[attr].current.children[0].children[0].value = '';
         }
       });
-
       if (JSON.stringify(visibleValue) !== JSON.stringify(_this.state.visibleValue)) {
         _this.setState({
           visibleValue: visibleValue
@@ -332,16 +272,13 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
     });
     _this.filterRefs = {};
     _this.props.schema.items = _this.props.schema.items || [];
-
     _this.props.schema.items.forEach(function (el) {
       if (el.filter) {
         _this.filterRefs[el.attr] = /*#__PURE__*/(0, _react.createRef)();
       }
     });
-
     return _this;
   }
-
   (0, _createClass2["default"])(ConfigTable, [{
     key: "componentDidMount",
     value: function () {
@@ -353,29 +290,23 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
               case 0:
                 (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigTable.prototype), "componentDidMount", this).call(this);
                 value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr) || []; // if the list is given as an object
-
                 if (this.props.schema.objKeyName) {
                   value = objectToArray(value, this.props.schema.objKeyName, this.props.schema.objValueName);
                 }
-
                 if (!Array.isArray(value)) {
                   value = [];
                 }
-
                 visibleValue = value.map(function (_, i) {
                   return i;
                 });
                 this.setState({
                   value: value,
                   visibleValue: visibleValue,
-                  orderBy:
-                  /*this.props.schema.items.length ? this.props.schema.items[0].attr : */
-                  '',
+                  orderBy: /*this.props.schema.items.length ? this.props.schema.items[0].attr : */'',
                   order: 'asc',
                   iteration: 0,
                   filterOn: []
                 });
-
               case 6:
               case "end":
                 return _context.stop();
@@ -383,11 +314,9 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
           }
         }, _callee, this);
       }));
-
       function componentDidMount() {
         return _componentDidMount.apply(this, arguments);
       }
-
       return componentDidMount;
     }()
   }, {
@@ -401,17 +330,14 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
     key: "itemTable",
     value: function itemTable(attrItem, data, idx) {
       var _this2 = this;
-
       var value = this.state.value;
       var schema = this.props.schema;
       var schemaForAttribute = schema.items && schema.items.find(function (el) {
         return el.attr === attrItem;
       });
-
       if (!schemaForAttribute) {
         return null;
       }
-
       var schemaItem = {
         items: (0, _defineProperty2["default"])({}, attrItem, schemaForAttribute)
       };
@@ -436,7 +362,6 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
         onChange: function onChange(attr, valueChange) {
           var newObj = JSON.parse(JSON.stringify(value));
           newObj[idx][attr] = valueChange;
-
           _this2.setState({
             value: newObj
           }, function () {
@@ -452,16 +377,14 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
     key: "enhancedTableHead",
     value: function enhancedTableHead(buttonsWidth, doAnyFilterSet) {
       var _this3 = this;
-
       var _this$props = this.props,
-          schema = _this$props.schema,
-          classes = _this$props.classes;
+        schema = _this$props.schema,
+        classes = _this$props.classes;
       var _this$state2 = this.state,
-          order = _this$state2.order,
-          orderBy = _this$state2.orderBy;
+        order = _this$state2.order,
+        orderBy = _this$state2.orderBy;
       return /*#__PURE__*/_react["default"].createElement(_material.TableHead, null, /*#__PURE__*/_react["default"].createElement(_material.TableRow, null, schema.items && schema.items.map(function (headCell, i) {
         var _this3$filterRefs$hea, _this3$filterRefs$hea2, _this3$filterRefs$hea3, _this3$filterRefs$hea4;
-
         return /*#__PURE__*/_react["default"].createElement(_material.TableCell, {
           style: {
             width: typeof headCell.width === 'string' && headCell.width.endsWith('%') ? headCell.width : headCell.width
@@ -499,7 +422,6 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
               size: "small",
               onClick: function onClick() {
                 _this3.filterRefs[headCell.attr].current.children[0].children[0].value = '';
-
                 _this3.applyFilter();
               }
             }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null)))
@@ -513,21 +435,17 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
           size: "small",
           onClick: function onClick() {
             var filterOn = (0, _toConsumableArray2["default"])(_this3.state.filterOn);
-
             var pos = _this3.state.filterOn.indexOf(headCell.attr);
-
             if (pos === -1) {
               filterOn.push(headCell.attr);
             } else {
               filterOn.splice(pos, 1);
             }
-
             _this3.setState({
               filterOn: filterOn
             }, function () {
               if (pos && _this3.filterRefs[headCell.attr].current.children[0].children[0].value) {
                 _this3.filterRefs[headCell.attr].current.children[0].children[0].value = '';
-
                 _this3.applyFilter();
               }
             });
@@ -550,10 +468,8 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
     key: "isAnyFilterSet",
     value: function isAnyFilterSet() {
       var _this4 = this;
-
       return Object.keys(this.filterRefs).find(function (attr) {
         var _this4$filterRefs$att;
-
         return (_this4$filterRefs$att = _this4.filterRefs[attr].current) === null || _this4$filterRefs$att === void 0 ? void 0 : _this4$filterRefs$att.children[0].children[0].value;
       });
     }
@@ -561,7 +477,6 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
     key: "onMoveUp",
     value: function onMoveUp(idx) {
       var _this5 = this;
-
       var value = JSON.parse(JSON.stringify(this.state.value));
       var item = value[idx];
       value.splice(idx, 1);
@@ -577,7 +492,6 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
     key: "onMoveDown",
     value: function onMoveDown(idx) {
       var _this6 = this;
-
       var value = JSON.parse(JSON.stringify(this.state.value));
       var item = value[idx];
       value.splice(idx, 1);
@@ -593,18 +507,15 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
     key: "renderItem",
     value: function renderItem(error, disabled, defaultValue) {
       var _this7 = this;
-
       var _this$props2 = this.props,
-          classes = _this$props2.classes,
-          schema = _this$props2.schema;
+        classes = _this$props2.classes,
+        schema = _this$props2.schema;
       var _this$state3 = this.state,
-          value = _this$state3.value,
-          visibleValue = _this$state3.visibleValue;
-
+        value = _this$state3.value,
+        visibleValue = _this$state3.visibleValue;
       if (!value) {
         return null;
       }
-
       var doAnyFilterSet = this.isAnyFilterSet();
       return /*#__PURE__*/_react["default"].createElement(_material.Paper, {
         className: classes.paper
@@ -703,7 +614,6 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
   }]);
   return ConfigTable;
 }(_ConfigGeneric2["default"]);
-
 ConfigTable.propTypes = {
   socket: _propTypes["default"].object.isRequired,
   themeType: _propTypes["default"].string,
@@ -715,8 +625,6 @@ ConfigTable.propTypes = {
   onError: _propTypes["default"].func,
   onChange: _propTypes["default"].func
 };
-
 var _default = (0, _styles.withStyles)(styles)(ConfigTable);
-
 exports["default"] = _default;
 //# sourceMappingURL=ConfigTable.js.map