@iobroker/adapter-react-v5 4.8.0 → 4.9.0

package/Components/JsonConfigComponent/ConfigTable.js

@@ -1,1064 +0,0 @@
-"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-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 _reactDropzone = _interopRequireDefault(require("react-dropzone"));
-var _material = require("@mui/material");
-var _iconsMaterial = require("@mui/icons-material");
-var _i18n = _interopRequireDefault(require("./wrapper/i18n"));
-var _Utils = _interopRequireDefault(require("./wrapper/Components/Utils"));
-var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
-var _ConfigPanel = _interopRequireDefault(require("./ConfigPanel"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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; }
-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; } } // eslint-disable-next-line import/no-cycle
-var MAX_SIZE = 1024 * 1024; // 1MB
-
-var styles = function styles(theme) {
-  return {
-    fullWidth: {
-      width: '100%'
-    },
-    root: {
-      width: '100%'
-    },
-    paper: {
-      width: '100%',
-      marginBottom: theme.spacing(2),
-      backgroundColor: 'rgba(255, 255, 255, 0.1)'
-    },
-    headerText: {
-      width: '100%'
-    },
-    table: {
-      minWidth: 750
-    },
-    visuallyHidden: {
-      border: 0,
-      clip: 'rect(0 0 0 0)',
-      height: 1,
-      margin: -1,
-      overflow: 'hidden',
-      padding: 0,
-      position: 'absolute',
-      top: 20,
-      width: 1
-    },
-    label: {
-      display: 'flex',
-      justifyContent: 'space-between'
-    },
-    highlight: theme.palette.mode === 'light' ? {
-      color: theme.palette.secondary.main
-      // backgroundColor: lighten(theme.palette.secondary.light, 0.85),
-    } : {
-      color: theme.palette.text.primary,
-      backgroundColor: theme.palette.secondary.dark
-    },
-    title: {
-      flex: '1 1 100%'
-    },
-    rootTool: {
-      paddingLeft: theme.spacing(2),
-      paddingRight: theme.spacing(1)
-    },
-    silver: {
-      opacity: 0.2
-    },
-    flex: {
-      display: 'flex',
-      alignItems: 'baseline'
-    },
-    filteredOut: {
-      padding: 10,
-      display: 'flex',
-      textAlign: 'center'
-    },
-    buttonEmpty: {
-      width: 34,
-      display: 'inline-block'
-    },
-    buttonCell: {
-      whiteSpace: 'nowrap'
-    },
-    dropZone: {
-      width: '100%',
-      height: 100,
-      position: 'relative'
-    },
-    dropZoneEmpty: {},
-    uploadDiv: {
-      position: 'relative',
-      width: '100%',
-      height: 300,
-      opacity: 0.9,
-      marginTop: 30,
-      cursor: 'pointer',
-      outline: 'none'
-    },
-    uploadDivDragging: {
-      opacity: 1,
-      background: 'rgba(128,255,128,0.1)'
-    },
-    image: {
-      objectFit: 'contain',
-      margin: 'auto',
-      display: 'flex',
-      width: '100%',
-      height: '100%'
-    },
-    uploadCenterDiv: {
-      margin: 5,
-      border: '3px dashed grey',
-      borderRadius: 5,
-      width: 'calc(100% - 10px)',
-      height: 'calc(100% - 10px)',
-      minHeight: 300,
-      position: 'relative',
-      display: 'flex'
-    },
-    uploadCenterIcon: {
-      paddingTop: 10,
-      width: 48,
-      height: 48
-    },
-    uploadCenterText: {
-      fontSize: 16
-    },
-    uploadCenterTextAndIcon: {
-      textAlign: 'center',
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      left: 0,
-      right: 0,
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    buttonRemoveWrapper: {
-      position: 'absolute',
-      zIndex: 222,
-      right: 0
-    },
-    error: {
-      border: '2px solid red',
-      boxSizing: 'border-box'
-    }
-  };
-};
-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);
-    } else {
-      array.push(Object.assign(item, object[key]));
-    }
-  });
-  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 {
-      object[key] = row;
-    }
-  });
-  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;
-      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,
-          iteration: _this.state.iteration + 10000
-        }, function () {
-          return _this.applyFilter(false, newValue);
-        });
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "stableSort", function (order, orderBy) {
-      var value = _this.state.value;
-      var comparator = ConfigTable.getComparator(order, orderBy);
-      var stabilizedThis = value.map(function (el, index) {
-        return [el, index];
-      });
-      stabilizedThis.sort(function (a, b) {
-        var order_ = comparator(a[0], b[0]);
-        if (order_ !== 0) {
-          return order_;
-        }
-        return a[1] - b[1];
-      });
-      return stabilizedThis.map(function (el) {
-        return el[0];
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDelete", function (index) {
-      return function () {
-        var newValue = JSON.parse(JSON.stringify(_this.state.value));
-        newValue.splice(index, 1);
-        _this.setState({
-          value: newValue,
-          iteration: _this.state.iteration + 10000
-        }, function () {
-          return _this.applyFilter(false, null, function () {
-            return _this.onChangeWrapper(newValue);
-          });
-        });
-      };
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClone", function (index) {
-      return function () {
-        var newValue = JSON.parse(JSON.stringify(_this.state.value));
-        var cloned = JSON.parse(JSON.stringify(newValue[index]));
-        if (typeof _this.props.schema.clone === 'string' && typeof cloned[_this.props.schema.clone] === 'string') {
-          var i = 1;
-          var text = cloned[_this.props.schema.clone];
-          var pattern = text.match(/(\d+)$/);
-          if (pattern) {
-            text = text.replace(pattern[0], '');
-            i = parseInt(pattern[0], 10) + 1;
-          } else {
-            text += '_';
-          }
-          // eslint-disable-next-line no-loop-func
-          while (newValue.find(function (it) {
-            return it[_this.props.schema.clone] === text + i.toString();
-          })) {
-            i++;
-          }
-          cloned[_this.props.schema.clone] = "".concat(cloned[_this.props.schema.clone], "_").concat(i);
-        }
-        newValue.splice(index, 0, cloned);
-        _this.setState({
-          value: newValue,
-          iteration: _this.state.iteration + 10000
-        }, function () {
-          return _this.applyFilter(false, null, function () {
-            return _this.onChangeWrapper(newValue);
-          });
-        });
-      };
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeWrapper", function (newValue) {
-      var updateVisible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      _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);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAdd", function () {
-      var schema = _this.props.schema;
-      var newValue = JSON.parse(JSON.stringify(_this.state.value));
-      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"];
-          } else {
-            defaultValue = currentValue.defaultFunc ? _this.execute(currentValue.defaultFunc, _this.props.schema["default"], _this.props.data, newValue.length, _this.props.data) : _this.props.schema["default"];
-          }
-        } else {
-          defaultValue = currentValue["default"] === undefined ? null : currentValue["default"];
-        }
-        accumulator[currentValue.attr] = defaultValue;
-        return accumulator;
-      }, {});
-      newValue.push(newItem);
-      _this.setState({
-        value: newValue
-      }, function () {
-        return _this.applyFilter(false, null, function () {
-          return _this.onChangeWrapper(newValue);
-        });
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "applyFilter", function (clear, value, cb) {
-      value = value || _this.state.value;
-      var visibleValue = value.map(function (_, i) {
-        return i;
-      });
-      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) {
-            return value[idx] && value[idx][attr] && value[idx][attr].toLowerCase().includes(valueInputRef);
-          });
-        } else if (_this.filterRefs[attr].current) {
-          _this.filterRefs[attr].current.children[0].children[0].value = '';
-        }
-      });
-      if (visibleValue.length === value.length) {
-        visibleValue = null;
-      }
-      if (visibleValue === null && _this.state.visibleValue === null) {
-        cb && cb();
-        return;
-      }
-      if (JSON.stringify(visibleValue) !== JSON.stringify(_this.state.visibleValue)) {
-        _this.setState({
-          visibleValue: visibleValue
-        }, function () {
-          return cb && cb();
-        });
-      } else {
-        cb && cb();
-      }
-    });
-    _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;
-  }
-
-  /**
-   * React lifecycle hook, called once component is mounted
-   * @return {Promise<void>}
-   */
-  (0, _createClass2["default"])(ConfigTable, [{
-    key: "componentDidMount",
-    value: (function () {
-      var _componentDidMount = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        var _this2 = this;
-        var value;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            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 = [];
-              }
-              this.setState({
-                value: value,
-                visibleValue: null,
-                orderBy: /* this.props.schema.items.length ? this.props.schema.items[0].attr : */'',
-                order: 'asc',
-                iteration: 0,
-                filterOn: []
-              }, function () {
-                return _this2.validateUniqueProps();
-              });
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function componentDidMount() {
-        return _componentDidMount.apply(this, arguments);
-      }
-      return componentDidMount;
-    }())
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.typingTimer && clearTimeout(this.typingTimer);
-      this.typingTimer = null;
-      (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigTable.prototype), "componentWillUnmount", this).call(this);
-    }
-  }, {
-    key: "itemTable",
-    value: function itemTable(attrItem, data, idx) {
-      var _this3 = 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)
-      };
-      return /*#__PURE__*/_react["default"].createElement(_ConfigPanel["default"], {
-        index: idx + this.state.iteration,
-        arrayIndex: idx,
-        changed: this.props.changed,
-        globalData: this.props.data,
-        socket: this.props.socket,
-        adapterName: this.props.adapterName,
-        instance: this.props.instance,
-        common: this.props.common,
-        alive: this.props.alive,
-        themeType: this.props.themeType,
-        themeName: this.props.themeName,
-        data: data,
-        table: true,
-        custom: true,
-        schema: schemaItem,
-        systemConfig: this.props.systemConfig,
-        originalData: this.props.originalData,
-        customs: this.props.customs,
-        onChange: function onChange(attr, valueChange) {
-          var newObj = JSON.parse(JSON.stringify(value));
-          newObj[idx][attr] = valueChange;
-          _this3.setState({
-            value: newObj
-          }, function () {
-            _this3.validateUniqueProps();
-            _this3.onChangeWrapper(newObj, true);
-          });
-        },
-        onError: function onError(error, attr) {
-          return _this3.onError(error, attr);
-        }
-      });
-    }
-
-    /**
-     * Validate that columns configured in `uniqueColumns` have unique values
-     */
-  }, {
-    key: "validateUniqueProps",
-    value: function validateUniqueProps() {
-      var _this4 = this;
-      if (!this.props.schema.uniqueColumns) {
-        return;
-      }
-      var _iterator = _createForOfIteratorHelper(this.props.schema.uniqueColumns),
-        _step;
-      try {
-        var _loop = function _loop() {
-          var uniqueCol = _step.value;
-          /** @type {string[]} */
-          var allVals = [];
-          var found = _this4.state.value.find(function (entry) {
-            var val = entry[uniqueCol];
-            if (allVals.includes(val)) {
-              _this4.onError(uniqueCol, 'is not unique');
-              _this4.setState({
-                errorMessage: _i18n["default"].t('Non-allowed duplicate entry "%s" in column "%s"', val, uniqueCol)
-              });
-              return true;
-            }
-            allVals.push(val);
-            return false;
-          });
-          if (!found) {
-            _this4.onError(uniqueCol, null);
-            _this4.setState({
-              errorMessage: ''
-            });
-          }
-        };
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          _loop();
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-    }
-  }, {
-    key: "enhancedTableHead",
-    value: function enhancedTableHead(buttonsWidth, doAnyFilterSet) {
-      var _this5 = this;
-      var _this$props = this.props,
-        schema = _this$props.schema,
-        classes = _this$props.classes;
-      var _this$state2 = this.state,
-        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 _this5$filterRefs$hea;
-        return /*#__PURE__*/_react["default"].createElement(_material.TableCell, {
-          style: {
-            width: typeof headCell.width === 'string' && headCell.width.endsWith('%') ? headCell.width : headCell.width
-          },
-          key: "".concat(headCell.attr, "_").concat(i),
-          align: "left",
-          sortDirection: orderBy === headCell.attr ? order : false
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          className: classes.flex,
-          style: schema.showFirstAddOnTop ? {
-            flexDirection: 'column'
-          } : undefined
-        }, !i && !schema.noDelete ? /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-          title: doAnyFilterSet ? _i18n["default"].t('ra_Cannot add items with set filter') : _i18n["default"].t('ra_Add row')
-        }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
-          size: "small",
-          color: "primary",
-          disabled: !!doAnyFilterSet && !_this5.props.schema.allowAddByFilter,
-          onClick: _this5.onAdd
-        }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Add, null)))) : null, headCell.sort && /*#__PURE__*/_react["default"].createElement(_material.TableSortLabel, {
-          active: true,
-          className: _Utils["default"].clsx(orderBy !== headCell.attr && classes.silver),
-          direction: orderBy === headCell.attr ? order : 'asc',
-          onClick: function onClick() {
-            return _this5.handleRequestSort(headCell.attr);
-          }
-        }), headCell.filter && _this5.state.filterOn.includes(headCell.attr) ? /*#__PURE__*/_react["default"].createElement(_material.TextField, {
-          variant: "standard",
-          ref: _this5.filterRefs[headCell.attr],
-          onChange: function onChange() {
-            return _this5.applyFilter();
-          },
-          title: _i18n["default"].t('ra_You can filter entries by entering here some text'),
-          InputProps: {
-            endAdornment: ((_this5$filterRefs$hea = _this5.filterRefs[headCell.attr]) === null || _this5$filterRefs$hea === void 0 || (_this5$filterRefs$hea = _this5$filterRefs$hea.current) === null || _this5$filterRefs$hea === void 0 || (_this5$filterRefs$hea = _this5$filterRefs$hea.children[0]) === null || _this5$filterRefs$hea === void 0 || (_this5$filterRefs$hea = _this5$filterRefs$hea.children[0]) === null || _this5$filterRefs$hea === void 0 ? void 0 : _this5$filterRefs$hea.value) && /*#__PURE__*/_react["default"].createElement(_material.InputAdornment, {
-              position: "end"
-            }, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
-              size: "small",
-              onClick: function onClick() {
-                _this5.filterRefs[headCell.attr].current.children[0].children[0].value = '';
-                _this5.applyFilter();
-              }
-            }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Close, null)))
-          },
-          fullWidth: true,
-          placeholder: _this5.getText(headCell.title)
-        }) : /*#__PURE__*/_react["default"].createElement("span", {
-          className: _this5.props.classes.headerText
-        }, _this5.getText(headCell.title)), headCell.filter ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
-          title: _i18n["default"].t('ra_Show/hide filter input'),
-          size: "small",
-          onClick: function onClick() {
-            var filterOn = (0, _toConsumableArray2["default"])(_this5.state.filterOn);
-            var pos = _this5.state.filterOn.indexOf(headCell.attr);
-            if (pos === -1) {
-              filterOn.push(headCell.attr);
-            } else {
-              filterOn.splice(pos, 1);
-            }
-            _this5.setState({
-              filterOn: filterOn
-            }, function () {
-              if (pos && _this5.filterRefs[headCell.attr].current.children[0].children[0].value) {
-                _this5.filterRefs[headCell.attr].current.children[0].children[0].value = '';
-                _this5.applyFilter();
-              }
-            });
-          }
-        }, _this5.state.filterOn.includes(headCell.attr) ? /*#__PURE__*/_react["default"].createElement(_iconsMaterial.FilterAltOff, null) : /*#__PURE__*/_react["default"].createElement(_iconsMaterial.FilterAlt, null)) : null));
-      }), !schema.noDelete && /*#__PURE__*/_react["default"].createElement(_material.TableCell, {
-        style: {
-          paddingLeft: 20,
-          paddingRight: 20,
-          width: buttonsWidth,
-          textAlign: 'right'
-        },
-        padding: "checkbox"
-      }, schema["import"] ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
-        style: {
-          marginRight: 10
-        },
-        size: "small",
-        onClick: function onClick() {
-          return _this5.setState({
-            showImportDialog: true
-          });
-        },
-        title: _i18n["default"].t('ra_import data from %s file', 'CSV')
-      }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.UploadFile, null)) : null, schema["export"] ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
-        style: {
-          marginRight: 10
-        },
-        size: "small",
-        onClick: function onClick() {
-          return _this5.onExport();
-        },
-        title: _i18n["default"].t('ra_Export data to %s file', 'CSV')
-      }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Download, null)) : null, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
-        disabled: true,
-        size: "small"
-      }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Delete, null)))));
-    }
-  }, {
-    key: "onExport",
-    value: function onExport() {
-      var schema = this.props.schema;
-      var value = this.state.value;
-      var cols = schema.items.map(function (it) {
-        return it.attr;
-      });
-      var lines = [cols.join(';')];
-      value.forEach(function (row) {
-        var line = [];
-        schema.items.forEach(function (it) {
-          if (row[it.attr].includes(';')) {
-            line.push("\"".concat(row[it.attr], "\""));
-          } else {
-            line.push(row[it.attr]);
-          }
-        });
-        lines.push(line.join(';'));
-      });
-      var el = document.createElement('a');
-      el.setAttribute('href', "data:text/csv;charset=utf-8,".concat(encodeURIComponent(lines.join('\n'))));
-      var now = new Date();
-      el.setAttribute('download', "".concat(now.getFullYear(), "_").concat((now.getMonth() + 1).toString().padStart(2, '0'), "_").concat(now.getDate().toString().padStart(2, '0'), "_").concat(this.props.adapterName, ".").concat(this.props.instance, "_").concat(this.props.attr, ".csv"));
-      el.style.display = 'none';
-      document.body.appendChild(el);
-      el.click();
-      document.body.removeChild(el);
-    }
-  }, {
-    key: "onImport",
-    value: function onImport(text) {
-      var _this6 = this;
-      var lines = text.split('\n').map(function (line) {
-        return line.replace('\r', '').trim();
-      });
-      // the first line is header
-      var schema = this.props.schema;
-      var header = lines.shift().split(';').filter(function (it) {
-        return it && schema.items.find(function (it2) {
-          return it2.attr === it;
-        });
-      });
-      var values = [];
-      lines.forEach(function (line) {
-        var parts = line.split(';');
-        var obj = {};
-        var _loop2 = function _loop2(_p) {
-          var value = parts[_p];
-          if (value.startsWith('"')) {
-            value = value.substring(1);
-            while (_p < parts.length && !value.endsWith('"')) {
-              value += ";".concat(parts[++_p]);
-            }
-            value = value.substring(0, value.length - 1);
-          }
-          if (parts[_p] === 'true') {
-            parts[_p] = true;
-          } else if (parts[_p] === 'false') {
-            parts[_p] = false;
-            // eslint-disable-next-line no-restricted-properties
-          } else if (window.isFinite(parts[_p])) {
-            var attr = _this6.props.schema.items.find(function (it) {
-              return it.attr === header[_p];
-            });
-            if (attr && attr.type === 'number') {
-              // if a type of attribute is a "number"
-              parts[_p] = parseFloat(parts[_p]);
-            }
-          }
-          obj[header[_p]] = parts[_p];
-          p = _p;
-        };
-        for (var p = 0; p < parts.length; p++) {
-          _loop2(p);
-        }
-        values.push(obj);
-      });
-      if (values.length) {
-        var _this$state$value;
-        if ((_this$state$value = this.state.value) !== null && _this$state$value !== void 0 && _this$state$value.length) {
-          this.setState({
-            showTypeOfImportDialog: values,
-            showImportDialog: false
-          });
-        } else {
-          this.setState({
-            value: values,
-            showImportDialog: false
-          });
-        }
-      } else {
-        window.alert('ra_No data found in file');
-      }
-    }
-  }, {
-    key: "isAnyFilterSet",
-    value: function isAnyFilterSet() {
-      var _this7 = this;
-      return Object.keys(this.filterRefs).find(function (attr) {
-        var _this7$filterRefs$att;
-        return (_this7$filterRefs$att = _this7.filterRefs[attr].current) === null || _this7$filterRefs$att === void 0 ? void 0 : _this7$filterRefs$att.children[0].children[0].value;
-      });
-    }
-  }, {
-    key: "onMoveUp",
-    value: function onMoveUp(idx) {
-      var _this8 = this;
-      var newValue = JSON.parse(JSON.stringify(this.state.value));
-      var item = newValue[idx];
-      newValue.splice(idx, 1);
-      newValue.splice(idx - 1, 0, item);
-      this.setState({
-        value: newValue,
-        iteration: this.state.iteration + 10000
-      }, function () {
-        return _this8.applyFilter(false, null, function () {
-          return _this8.onChangeWrapper(newValue);
-        });
-      });
-    }
-  }, {
-    key: "onMoveDown",
-    value: function onMoveDown(idx) {
-      var _this9 = this;
-      var newValue = JSON.parse(JSON.stringify(this.state.value));
-      var item = newValue[idx];
-      newValue.splice(idx, 1);
-      newValue.splice(idx + 1, 0, item);
-      this.setState({
-        value: newValue,
-        iteration: this.state.iteration + 10000
-      }, function () {
-        return _this9.applyFilter(false, null, function () {
-          return _this9.onChangeWrapper(newValue);
-        });
-      });
-    }
-  }, {
-    key: "onDrop",
-    value: function onDrop(acceptedFiles) {
-      var _this10 = this;
-      var file = acceptedFiles[0];
-      var reader = new FileReader();
-      reader.onabort = function () {
-        return console.log('file reading was aborted');
-      };
-      reader.onerror = function () {
-        return console.log('file reading has failed');
-      };
-      reader.onload = function () {
-        if (file.size > MAX_SIZE) {
-          window.alert(_i18n["default"].t('ra_File is too big. Max %sk allowed. Try use SVG.', Math.round(MAX_SIZE / 1024)));
-          return;
-        }
-        var text = new Uint8Array(reader.result).reduce(function (data, _byte) {
-          return data + String.fromCharCode(_byte);
-        }, '');
-        _this10.onImport(text);
-      };
-      reader.readAsArrayBuffer(file);
-    }
-  }, {
-    key: "showTypeOfImportDialog",
-    value: function showTypeOfImportDialog() {
-      var _this11 = this;
-      if (!this.state.showTypeOfImportDialog) {
-        return null;
-      }
-      return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
-        open: !0,
-        onClose: function onClose() {
-          return _this11.setState({
-            showTypeOfImportDialog: false
-          });
-        },
-        maxWidth: "md"
-      }, /*#__PURE__*/_react["default"].createElement(_material.DialogTitle, null, _i18n["default"].t('ra_Append or replace?')), /*#__PURE__*/_react["default"].createElement(_material.DialogContent, null, _i18n["default"].t('ra_Append %s entries or replace existing?', this.state.showTypeOfImportDialog.length)), /*#__PURE__*/_react["default"].createElement(_material.DialogActions, null, /*#__PURE__*/_react["default"].createElement(_material.Button, {
-        variant: "contained",
-        color: "primary",
-        autoFocus: true,
-        onClick: function onClick() {
-          var value = JSON.parse(JSON.stringify(_this11.state.value));
-          _this11.state.showTypeOfImportDialog.forEach(function (obj) {
-            return value.push(obj);
-          });
-          _this11.setState({
-            value: value,
-            iteration: _this11.state.iteration + 10000,
-            showTypeOfImportDialog: false
-          }, function () {
-            return _this11.applyFilter(false, null, function () {
-              return _this11.onChangeWrapper(value);
-            });
-          });
-        }
-      }, _i18n["default"].t('ra_Append')), /*#__PURE__*/_react["default"].createElement(_material.Button, {
-        variant: "contained",
-        color: "secondary",
-        autoFocus: true,
-        onClick: function onClick() {
-          var value = _this11.state.showTypeOfImportDialog;
-          _this11.setState({
-            value: value,
-            iteration: _this11.state.iteration + 10000,
-            showTypeOfImportDialog: false
-          }, function () {
-            return _this11.applyFilter(false, null, function () {
-              return _this11.onChangeWrapper(value);
-            });
-          });
-        }
-      }, _i18n["default"].t('ra_Replace'))));
-    }
-  }, {
-    key: "showImportDialog",
-    value: function showImportDialog() {
-      var _this12 = this;
-      if (!this.state.showImportDialog) {
-        return null;
-      }
-      return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
-        open: !0,
-        onClose: function onClose() {
-          return _this12.setState({
-            showImportDialog: false
-          });
-        },
-        maxWidth: "md",
-        fullWidth: true
-      }, /*#__PURE__*/_react["default"].createElement(_material.DialogTitle, null, _i18n["default"].t('ra_Import from %s', 'CSV')), /*#__PURE__*/_react["default"].createElement(_material.DialogContent, null, /*#__PURE__*/_react["default"].createElement(_reactDropzone["default"], {
-        multiple: false,
-        accept: {
-          'text/csv': ['.csv']
-        },
-        maxSize: MAX_SIZE,
-        onDragEnter: function onDragEnter() {
-          return _this12.setState({
-            uploadFile: 'dragging'
-          });
-        },
-        onDragLeave: function onDragLeave() {
-          return _this12.setState({
-            uploadFile: true
-          });
-        },
-        onDrop: function onDrop(acceptedFiles, errors) {
-          _this12.setState({
-            uploadFile: false
-          });
-          if (!acceptedFiles.length) {
-            window.alert(errors && errors[0] && errors[0].errors && errors[0].errors[0] && errors[0].errors[0].message || _i18n["default"].t('ra_Cannot upload'));
-          } else {
-            _this12.onDrop(acceptedFiles);
-          }
-        }
-      }, function (_ref) {
-        var getRootProps = _ref.getRootProps,
-          getInputProps = _ref.getInputProps;
-        return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-          className: _Utils["default"].clsx(_this12.props.classes.uploadDiv, _this12.state.uploadFile === 'dragging' && _this12.props.classes.uploadDivDragging, _this12.props.classes.dropZone, !_this12.state.icon && _this12.props.classes.dropZoneEmpty)
-        }, getRootProps()), /*#__PURE__*/_react["default"].createElement("input", getInputProps()), /*#__PURE__*/_react["default"].createElement("div", {
-          className: _Utils["default"].clsx(_this12.props.classes.uploadCenterDiv)
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          className: _this12.props.classes.uploadCenterTextAndIcon
-        }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.UploadFile, {
-          className: _this12.props.classes.uploadCenterIcon
-        }), /*#__PURE__*/_react["default"].createElement("div", {
-          className: _this12.props.classes.uploadCenterText
-        }, _this12.state.uploadFile === 'dragging' ? _i18n["default"].t('ra_Drop file here') : _i18n["default"].t('ra_Place your files here or click here to open the browse dialog')))));
-      })), /*#__PURE__*/_react["default"].createElement(_material.DialogActions, null, /*#__PURE__*/_react["default"].createElement(_material.Button, {
-        variant: "contained",
-        onClick: function onClick() {
-          return _this12.setState({
-            showImportDialog: false
-          });
-        },
-        color: "primary",
-        startIcon: /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Close, null)
-      }, _i18n["default"].t('Cancel'))));
-    }
-  }, {
-    key: "renderItem",
-    value: function renderItem( /* error, disabled, defaultValue */
-    ) {
-      var _this13 = this;
-      var _this$props2 = this.props,
-        classes = _this$props2.classes,
-        schema = _this$props2.schema;
-      var visibleValue = this.state.visibleValue;
-      if (!this.state.value) {
-        return null;
-      }
-      visibleValue = visibleValue || this.state.value.map(function (_, i) {
-        return i;
-      });
-      var doAnyFilterSet = this.isAnyFilterSet();
-      return /*#__PURE__*/_react["default"].createElement(_material.Paper, {
-        className: classes.paper
-      }, this.showImportDialog(), this.showTypeOfImportDialog(), schema.label ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.label
-      }, /*#__PURE__*/_react["default"].createElement(_material.Toolbar, {
-        variant: "dense",
-        className: classes.rootTool
-      }, /*#__PURE__*/_react["default"].createElement(_material.Typography, {
-        className: classes.title,
-        variant: "h6",
-        id: "tableTitle",
-        component: "div"
-      }, this.getText(schema.label)))) : null, /*#__PURE__*/_react["default"].createElement(_material.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_material.Table, {
-        className: classes.table,
-        size: "small"
-      }, this.enhancedTableHead(!doAnyFilterSet && !this.state.orderBy ? 120 : 64, doAnyFilterSet), /*#__PURE__*/_react["default"].createElement(_material.TableBody, null, visibleValue.map(function (idx, i) {
-        return /*#__PURE__*/_react["default"].createElement(_material.TableRow, {
-          hover: true,
-          key: "".concat(idx, "_").concat(i)
-        }, schema.items && schema.items.map(function (headCell) {
-          return /*#__PURE__*/_react["default"].createElement(_material.TableCell, {
-            key: "".concat(headCell.attr, "_").concat(idx),
-            align: "left"
-          }, _this13.itemTable(headCell.attr, _this13.state.value[idx], idx));
-        }), !schema.noDelete && /*#__PURE__*/_react["default"].createElement(_material.TableCell, {
-          align: "left",
-          className: classes.buttonCell
-        }, !doAnyFilterSet && !_this13.state.orderBy ? i ? /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-          title: _i18n["default"].t('ra_Move up')
-        }, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
-          size: "small",
-          onClick: function onClick() {
-            return _this13.onMoveUp(idx);
-          }
-        }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.ArrowUpward, null))) : /*#__PURE__*/_react["default"].createElement("div", {
-          className: classes.buttonEmpty
-        }) : null, !doAnyFilterSet && !_this13.state.orderBy ? i < visibleValue.length - 1 ? /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-          title: _i18n["default"].t('ra_Move down')
-        }, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
-          size: "small",
-          onClick: function onClick() {
-            return _this13.onMoveDown(idx);
-          }
-        }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.ArrowDownward, null))) : /*#__PURE__*/_react["default"].createElement("div", {
-          className: classes.buttonEmpty
-        }) : null, /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-          title: _i18n["default"].t('ra_Delete current row')
-        }, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
-          size: "small",
-          onClick: _this13.onDelete(idx)
-        }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Delete, null))), _this13.props.schema.clone ? /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-          title: _i18n["default"].t('ra_Clone current row')
-        }, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
-          size: "small",
-          onClick: _this13.onClone(idx)
-        }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.ContentCopy, null))) : null));
-      }), !schema.noDelete && visibleValue.length >= (schema.showSecondAddAt || 5) ? /*#__PURE__*/_react["default"].createElement(_material.TableRow, null, /*#__PURE__*/_react["default"].createElement(_material.TableCell, {
-        colSpan: schema.items.length + 1
-      }, /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-        title: doAnyFilterSet ? _i18n["default"].t('ra_Cannot add items with set filter') : _i18n["default"].t('ra_Add row')
-      }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
-        size: "small",
-        color: "primary",
-        disabled: !!doAnyFilterSet && !this.props.schema.allowAddByFilter,
-        onClick: this.onAdd
-      }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Add, null)))))) : null)), !visibleValue.length && this.state.value.length ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.filteredOut
-      }, /*#__PURE__*/_react["default"].createElement(_material.Typography, {
-        className: classes.title,
-        variant: "h6",
-        id: "tableTitle",
-        component: "div"
-      }, _i18n["default"].t('ra_All items are filtered out'), /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
-        size: "small",
-        onClick: function onClick() {
-          return _this13.applyFilter(true);
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Close, null)))) : null), schema.help ? /*#__PURE__*/_react["default"].createElement(_material.FormHelperText, null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null, this.state.errorMessage ? /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex',
-          padding: '5px'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Warning, {
-        color: "error"
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        style: {
-          color: 'red',
-          alignSelf: 'center'
-        }
-      }, this.state.errorMessage)) : null);
-    }
-  }], [{
-    key: "descendingComparator",
-    value: function descendingComparator(a, b, orderBy) {
-      if (b[orderBy] < a[orderBy]) {
-        return -1;
-      }
-      if (b[orderBy] > a[orderBy]) {
-        return 1;
-      }
-      return 0;
-    }
-  }, {
-    key: "getComparator",
-    value: function getComparator(order, orderBy) {
-      return order === 'desc' ? function (a, b) {
-        return ConfigTable.descendingComparator(a, b, orderBy);
-      } : function (a, b) {
-        return -ConfigTable.descendingComparator(a, b, orderBy);
-      };
-    }
-  }]);
-  return ConfigTable;
-}(_ConfigGeneric2["default"]);
-ConfigTable.propTypes = {
-  socket: _propTypes["default"].object.isRequired,
-  changed: _propTypes["default"].bool,
-  themeType: _propTypes["default"].string,
-  themeName: _propTypes["default"].string,
-  style: _propTypes["default"].object,
-  className: _propTypes["default"].string,
-  data: _propTypes["default"].object.isRequired,
-  schema: _propTypes["default"].object,
-  onError: _propTypes["default"].func,
-  onChange: _propTypes["default"].func
-};
-var _default = exports["default"] = (0, _styles.withStyles)(styles)(ConfigTable);
-//# sourceMappingURL=ConfigTable.js.map