@iobroker/adapter-react-v5 3.1.34 → 3.1.35

package/Components/TreeTable.js

@@ -1,99 +1,56 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 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 _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _reactColorful = require("react-colorful");
-
 var _Fab = _interopRequireDefault(require("@mui/material/Fab"));
-
 var _Table = _interopRequireDefault(require("@mui/material/Table"));
-
 var _TableBody = _interopRequireDefault(require("@mui/material/TableBody"));
-
 var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
-
 var _TableHead = _interopRequireDefault(require("@mui/material/TableHead"));
-
 var _TableRow = _interopRequireDefault(require("@mui/material/TableRow"));
-
 var _TableSortLabel = _interopRequireDefault(require("@mui/material/TableSortLabel"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 var _Select = _interopRequireDefault(require("@mui/material/Select"));
-
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-
 var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
-
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-
 var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
-
 var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
-
 var _NavigateNext = _interopRequireDefault(require("@mui/icons-material/NavigateNext"));
-
 var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
-
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
-
 var _ViewHeadline = _interopRequireDefault(require("@mui/icons-material/ViewHeadline"));
-
 var _Colorize = _interopRequireDefault(require("@mui/icons-material/Colorize"));
-
 var _SelectID = _interopRequireDefault(require("../Dialogs/SelectID"));
-
 var _Utils = _interopRequireDefault(require("./Utils"));
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function getAttr(obj, attr, lookup) {
   if (typeof attr === 'string') {
     attr = attr.split('.');
   }
-
   if (!obj) {
     return null;
   }
-
   if (attr.length === 1) {
     if (lookup && lookup[obj[attr[0]]]) {
       return lookup[obj[attr[0]]];
@@ -105,25 +62,20 @@ function getAttr(obj, attr, lookup) {
     return getAttr(obj[name], attr);
   }
 }
-
 function setAttr(obj, attr, value) {
   if (typeof attr === 'string') {
     attr = attr.split('.');
   }
-
   if (attr.length === 1) {
     return obj[attr[0]] = value;
   } else {
     var name = attr.shift();
-
     if (obj[name] === null || obj[name] === undefined) {
       obj[name] = {};
     }
-
     return setAttr(obj[name], attr, value);
   }
 }
-
 var styles = function styles(theme) {
   return {
     tableContainer: {
@@ -220,12 +172,9 @@ var styles = function styles(theme) {
     }
   };
 };
-
 function descendingComparator(a, b, orderBy, lookup) {
   var _a = getAttr(a, orderBy, lookup) || '';
-
   var _b = getAttr(b, orderBy, lookup) || '';
-
   if (_b < _a) {
     return -1;
   } else if (_b > _a) {
@@ -234,7 +183,6 @@ function descendingComparator(a, b, orderBy, lookup) {
     return 0;
   }
 }
-
 function getComparator(order, orderBy, lookup) {
   return order === 'desc' ? function (a, b) {
     return descendingComparator(a, b, orderBy, lookup);
@@ -242,14 +190,12 @@ function getComparator(order, orderBy, lookup) {
     return -descendingComparator(a, b, orderBy, lookup);
   };
 }
-
 function stableSort(array, comparator) {
   var stabilizedThis = array.map(function (el, index) {
     return [el, index];
   });
   stabilizedThis.sort(function (a, b) {
     var order = comparator(a[0], b[0]);
-
     if (order) {
       return order;
     } else {
@@ -260,29 +206,22 @@ function stableSort(array, comparator) {
     return el[0];
   });
 }
-
 var TreeTable = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(TreeTable, _React$Component);
-
   var _super = _createSuper(TreeTable);
-
   function TreeTable(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, TreeTable);
     _this = _super.call(this, props);
     var opened = (window._localStorage || window.localStorage).getItem(_this.props.name || 'iob-table') || '[]';
-
     try {
       opened = JSON.parse(opened) || [];
     } catch (e) {
       opened = [];
     }
-
     if (!Array.isArray(opened)) {
       opened = [];
     }
-
     _this.state = {
       opened: opened,
       editMode: false,
@@ -297,20 +236,16 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   (0, _createClass2["default"])(TreeTable, [{
     key: "renderCellEdit",
     value: function renderCellEdit(item, col) {
       var val = getAttr(item, col.field);
-
       if (Array.isArray(val)) {
         val = val[0];
       }
-
       if (col.lookup) {
         return this.renderCellEditSelect(item, col, val);
       }
-
       if (col.editComponent) {
         return this.renderCellEditCustom(item, col, val);
       } else {
@@ -329,18 +264,15 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
     key: "renderCellEditSelect",
     value: function renderCellEditSelect(item, col, val) {
       var _this2 = this;
-
       return /*#__PURE__*/_react["default"].createElement(_Select["default"], {
         variant: "standard",
         onChange: function onChange(e) {
           var editData = _this2.state.editData ? _objectSpread({}, _this2.state.editData) : {};
-
           if (e.target.value === val) {
             delete editData[col.field];
           } else {
             editData[col.field] = e.target.value;
           }
-
           _this2.setState({
             editData: editData
           });
@@ -356,7 +288,6 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
     key: "renderCellEditString",
     value: function renderCellEditString(item, col, val) {
       var _this3 = this;
-
       return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
         variant: "standard",
         className: this.props.classes.fieldEdit,
@@ -364,13 +295,11 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
         value: this.state.editData && this.state.editData[col.field] !== undefined ? this.state.editData[col.field] : val,
         onChange: function onChange(e) {
           var editData = _this3.state.editData ? _objectSpread({}, _this3.state.editData) : {};
-
           if (e.target.value === val) {
             delete editData[col.field];
           } else {
             editData[col.field] = e.target.value;
           }
-
           _this3.setState({
             editData: editData
           });
@@ -381,27 +310,24 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
     key: "renderCellEditCustom",
     value: function renderCellEditCustom(item, col, val) {
       var _this4 = this;
+      var EditComponent = col.editComponent;
 
-      var EditComponent = col.editComponent; // use new value if exists
-
+      // use new value if exists
       if (this.state.editData && this.state.editData[col.field] !== undefined) {
         val = this.state.editData[col.field];
         item = JSON.parse(JSON.stringify(item));
         item[col.field] = val;
       }
-
       return /*#__PURE__*/_react["default"].createElement(EditComponent, {
         value: val,
         rowData: item,
         onChange: function onChange(newVal) {
           var editData = _this4.state.editData ? _objectSpread({}, _this4.state.editData) : {};
-
           if (newVal === val) {
             delete editData[col.field];
           } else {
             editData[col.field] = newVal;
           }
-
           _this4.setState({
             editData: editData
           });
@@ -412,18 +338,15 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
     key: "renderCellEditBoolean",
     value: function renderCellEditBoolean(item, col, val) {
       var _this5 = this;
-
       return /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
         checked: this.state.editData && this.state.editData[col.field] !== undefined ? !!this.state.editData[col.field] : !!val,
         onChange: function onChange(e) {
           var editData = _this5.state.editData ? _objectSpread({}, _this5.state.editData) : {};
-
           if (e.target.checked === !!val) {
             delete editData[col.field];
           } else {
             editData[col.field] = e.target.checked;
           }
-
           _this5.setState({
             editData: editData
           });
@@ -437,7 +360,6 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
     key: "renderSelectColorDialog",
     value: function renderSelectColorDialog() {
       var _this6 = this;
-
       return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
         classes: {
           root: this.props.classes.colorDialog,
@@ -445,7 +367,6 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
         },
         onClose: function onClose() {
           _this6.selectCallback = null;
-
           _this6.setState({
             showSelectColor: false
           });
@@ -466,9 +387,7 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
     key: "renderCellEditColor",
     value: function renderCellEditColor(item, col, val) {
       var _this7 = this;
-
       var _val = this.state.editData && this.state.editData[col.field] !== undefined ? this.state.editData[col.field] : val;
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.fieldEdit
       }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
@@ -484,13 +403,11 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
         },
         onChange: function onChange(e) {
           var editData = _this7.state.editData ? _objectSpread({}, _this7.state.editData) : {};
-
           if (e.target.value === val) {
             delete editData[col.field];
           } else {
             editData[col.field] = e.target.value;
           }
-
           _this7.setState({
             editData: editData
           });
@@ -501,18 +418,15 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
         onClick: function onClick() {
           _this7.selectCallback = function (newColor) {
             var editData = _this7.state.editData ? _objectSpread({}, _this7.state.editData) : {};
-
             if (newColor === val) {
               delete editData[col.field];
             } else {
               editData[col.field] = newColor;
             }
-
             _this7.setState({
               editData: editData
             });
           };
-
           _this7.setState({
             showSelectColor: true,
             selectIdValue: val
@@ -525,7 +439,6 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
     key: "renderSelectIdDialog",
     value: function renderSelectIdDialog() {
       var _this8 = this;
-
       if (this.state.showSelectId) {
         return /*#__PURE__*/_react["default"].createElement(_SelectID["default"], {
           key: "tableSelect",
@@ -545,7 +458,6 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
               showSelectId: false,
               selectIdValue: null
             });
-
             _this8.selectCallback && _this8.selectCallback(selected);
             _this8.selectCallback = null;
           }
@@ -558,7 +470,6 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
     key: "renderCellEditObjectID",
     value: function renderCellEditObjectID(item, col, val) {
       var _this9 = this;
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.fieldEdit
       }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
@@ -568,13 +479,11 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
         value: this.state.editData && this.state.editData[col.field] !== undefined ? this.state.editData[col.field] : val,
         onChange: function onChange(e) {
           var editData = _this9.state.editData ? _objectSpread({}, _this9.state.editData) : {};
-
           if (e.target.value === val) {
             delete editData[col.field];
           } else {
             editData[col.field] = e.target.value;
           }
-
           _this9.setState({
             editData: editData
           });
@@ -585,18 +494,15 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
         onClick: function onClick() {
           _this9.selectCallback = function (selected) {
             var editData = _this9.state.editData ? _objectSpread({}, _this9.state.editData) : {};
-
             if (selected === val) {
               delete editData[col.field];
             } else {
               editData[col.field] = selected;
             }
-
             _this9.setState({
               editData: editData
             });
           };
-
           _this9.setState({
             showSelectId: true,
             selectIdValue: val
@@ -609,11 +515,9 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
     key: "renderCellNonEdit",
     value: function renderCellNonEdit(item, col) {
       var val = getAttr(item, col.field, col.lookup);
-
       if (Array.isArray(val)) {
         val = val[0];
       }
-
       if (col.type === 'boolean') {
         return /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
           checked: !!val,
@@ -661,15 +565,12 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
     key: "renderLine",
     value: function renderLine(item, level) {
       var _this10 = this;
-
       var levelShift = this.props.levelShift === undefined ? 24 : this.props.levelShift;
       level = level || 0;
       var i = this.props.data.indexOf(item);
-
       if (!item) {
         return null;
       }
-
       if (!level && item.parentId) {
         return null;
       } else if (level && !item.parentId) {
@@ -689,16 +590,13 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
           onClick: function onClick() {
             var opened = (0, _toConsumableArray2["default"])(_this10.state.opened);
             var pos = opened.indexOf(item.id);
-
             if (pos === -1) {
               opened.push(item.id);
               opened.sort();
             } else {
               opened.splice(pos, 1);
             }
-
             (window._localStorage || window.localStorage).setItem(_this10.props.name || 'iob-table', JSON.stringify(opened));
-
             _this10.setState({
               opened: opened
             });
@@ -722,7 +620,6 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
               Object.keys(_this10.state.editData).forEach(function (attr) {
                 return setAttr(newData, attr, _this10.state.editData[attr]);
               });
-
               _this10.setState({
                 editMode: false
               }, function () {
@@ -782,7 +679,6 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
     key: "renderHead",
     value: function renderHead() {
       var _this11 = this;
-
       return /*#__PURE__*/_react["default"].createElement(_TableHead["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
         key: "headerRow"
       }, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
@@ -835,23 +731,19 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this12 = this;
-
       var lookup = this.props.columns.find(function (col) {
         return col.field === _this12.state.orderBy;
       }).lookup;
       var table = stableSort(this.props.data, getComparator(this.state.order, this.state.orderBy, lookup));
-
       if (this.state.update && this.state.update.length) {
         this.updateTimeout && clearTimeout(this.updateTimeout);
         this.updateTimeout = setTimeout(function () {
           _this12.updateTimeout = null;
-
           _this12.setState({
             update: null
           });
         }, 500);
       }
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: _Utils["default"].clsx(this.props.classes.tableContainer, this.props.className)
       }, /*#__PURE__*/_react["default"].createElement(_Table["default"], {
@@ -869,14 +761,12 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
       if (props.glowOnChange) {
         var update = [];
         var count = 0;
-
         if (props.data && state.data) {
           props.data.forEach(function (line) {
             count++;
             var oldLine = state.data.find(function (it) {
               return it.id === line.id;
             });
-
             if (oldLine) {
               if (JSON.stringify(oldLine) !== JSON.stringify(line)) {
                 update.push(line.id);
@@ -886,7 +776,6 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
             }
           });
         }
-
         if (update.length && update.length !== count) {
           return {
             data: props.data,
@@ -945,7 +834,6 @@ const columns = [
     },
 ];
 */
-
 /* const data = [
     {
         id: 'UniqueID1' // required
@@ -959,7 +847,6 @@ const columns = [
     },
 ];
  */
-
 /*
 // STYLES
 const styles = theme => ({
@@ -981,8 +868,6 @@ renderTable() {
     </div>;
 }
  */
-
-
 TreeTable.propTypes = {
   data: _propTypes["default"].array.isRequired,
   className: _propTypes["default"].string,
@@ -998,7 +883,8 @@ TreeTable.propTypes = {
     lookup: _propTypes["default"].object,
     editable: _propTypes["default"].bool,
     title: _propTypes["default"].string,
-    type: _propTypes["default"].oneOf(['string', 'boolean', 'numeric', 'icon', // todo: not yet implemented
+    type: _propTypes["default"].oneOf(['string', 'boolean', 'numeric', 'icon',
+    // todo: not yet implemented
     'oid', 'color'])
   })).isRequired,
   noSort: _propTypes["default"].bool,
@@ -1011,10 +897,7 @@ TreeTable.propTypes = {
   socket: _propTypes["default"].object,
   // only if oid type is used
   levelShift: _propTypes["default"].number // Shift in pixels for every level
-
 };
-
 var _default = (0, _withStyles["default"])(styles)(TreeTable);
-
 exports["default"] = _default;
 //# sourceMappingURL=TreeTable.js.map