@iobroker/adapter-react-v5 4.2.1 → 4.3.0

package/Components/JsonConfigComponent/ConfigTable.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 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"));
@@ -20,24 +21,21 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/styles");
+var _reactDropzone = _interopRequireDefault(require("react-dropzone"));
 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 _ContentCopy = _interopRequireDefault(require("@mui/icons-material/ContentCopy"));
+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"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 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 MAX_SIZE = 1024 * 1024; // 1MB
+
 var styles = function styles(theme) {
   return {
     fullWidth: {
@@ -104,6 +102,71 @@ var styles = function styles(theme) {
     },
     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'
     }
   };
 };
@@ -432,7 +495,7 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
           color: "primary",
           disabled: !!doAnyFilterSet && !_this3.props.schema.allowAddByFilter,
           onClick: _this3.onAdd
-        }, /*#__PURE__*/_react["default"].createElement(_Add["default"], null)))) : null, headCell.sort && /*#__PURE__*/_react["default"].createElement(_material.TableSortLabel, {
+        }, /*#__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',
@@ -455,7 +518,7 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
                 _this3.filterRefs[headCell.attr].current.children[0].children[0].value = '';
                 _this3.applyFilter();
               }
-            }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null)))
+            }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Close, null)))
           },
           fullWidth: true,
           placeholder: _this3.getText(headCell.title)
@@ -481,7 +544,7 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
               }
             });
           }
-        }, _this3.state.filterOn.includes(headCell.attr) ? /*#__PURE__*/_react["default"].createElement(_FilterAltOff["default"], null) : /*#__PURE__*/_react["default"].createElement(_FilterAlt["default"], null)) : null));
+        }, _this3.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,
@@ -490,24 +553,138 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
           textAlign: 'right'
         },
         padding: "checkbox"
-      }, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+      }, schema["import"] ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+        style: {
+          marginRight: 10
+        },
+        size: "small",
+        onClick: function onClick() {
+          return _this3.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 _this3.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(_Delete["default"], null)))));
+      }, /*#__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 _this4 = 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 _loop = function _loop(_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;
+          } else if (window.isFinite(parts[_p])) {
+            var attr = _this4.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++) {
+          _loop(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 _this4 = this;
+      var _this5 = 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;
+        var _this5$filterRefs$att;
+        return (_this5$filterRefs$att = _this5.filterRefs[attr].current) === null || _this5$filterRefs$att === void 0 ? void 0 : _this5$filterRefs$att.children[0].children[0].value;
       });
     }
   }, {
     key: "onMoveUp",
     value: function onMoveUp(idx) {
-      var _this5 = this;
+      var _this6 = this;
       var newValue = JSON.parse(JSON.stringify(this.state.value));
       var item = newValue[idx];
       newValue.splice(idx, 1);
@@ -516,15 +693,15 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
         value: newValue,
         iteration: this.state.iteration + 10000
       }, function () {
-        return _this5.applyFilter(false, null, function () {
-          return _this5.onChangeWrapper(newValue);
+        return _this6.applyFilter(false, null, function () {
+          return _this6.onChangeWrapper(newValue);
         });
       });
     }
   }, {
     key: "onMoveDown",
     value: function onMoveDown(idx) {
-      var _this6 = this;
+      var _this7 = this;
       var newValue = JSON.parse(JSON.stringify(this.state.value));
       var item = newValue[idx];
       newValue.splice(idx, 1);
@@ -533,15 +710,157 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
         value: newValue,
         iteration: this.state.iteration + 10000
       }, function () {
-        return _this6.applyFilter(false, null, function () {
-          return _this6.onChangeWrapper(newValue);
+        return _this7.applyFilter(false, null, function () {
+          return _this7.onChangeWrapper(newValue);
         });
       });
     }
+  }, {
+    key: "onDrop",
+    value: function onDrop(acceptedFiles) {
+      var _this8 = 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) {
+          return window.alert(_i18n["default"].t('ra_File is too big. Max %sk allowed. Try use SVG.', Math.round(MAX_SIZE / 1024)));
+        }
+        var text = new Uint8Array(reader.result).reduce(function (data, _byte) {
+          return data + String.fromCharCode(_byte);
+        }, '');
+        _this8.onImport(text);
+      };
+      reader.readAsArrayBuffer(file);
+    }
+  }, {
+    key: "showTypeOfImportDialog",
+    value: function showTypeOfImportDialog() {
+      var _this9 = this;
+      if (!this.state.showTypeOfImportDialog) {
+        return null;
+      }
+      return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
+        open: !0,
+        onClose: function onClose() {
+          return _this9.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(_this9.state.value));
+          _this9.state.showTypeOfImportDialog.forEach(function (obj) {
+            return value.push(obj);
+          });
+          _this9.setState({
+            value: value,
+            iteration: _this9.state.iteration + 10000,
+            showTypeOfImportDialog: false
+          }, function () {
+            return _this9.applyFilter(false, null, function () {
+              return _this9.onChangeWrapper(value);
+            });
+          });
+        }
+      }, _i18n["default"].t('ra_Append')), /*#__PURE__*/_react["default"].createElement(_material.Button, {
+        variant: "contained",
+        color: "secondary",
+        autoFocus: true,
+        onClick: function onClick() {
+          var value = _this9.state.showTypeOfImportDialog;
+          _this9.setState({
+            value: value,
+            iteration: _this9.state.iteration + 10000,
+            showTypeOfImportDialog: false
+          }, function () {
+            return _this9.applyFilter(false, null, function () {
+              return _this9.onChangeWrapper(value);
+            });
+          });
+        }
+      }, _i18n["default"].t('ra_Replace'))));
+    }
+  }, {
+    key: "showImportDialog",
+    value: function showImportDialog() {
+      var _this10 = this;
+      if (!this.state.showImportDialog) {
+        return null;
+      }
+      return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
+        open: !0,
+        onClose: function onClose() {
+          return _this10.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 _this10.setState({
+            uploadFile: 'dragging'
+          });
+        },
+        onDragLeave: function onDragLeave() {
+          return _this10.setState({
+            uploadFile: true
+          });
+        },
+        onDrop: function onDrop(acceptedFiles, errors) {
+          _this10.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 {
+            return _this10.onDrop(acceptedFiles);
+          }
+        }
+      }, function (_ref) {
+        var getRootProps = _ref.getRootProps,
+          getInputProps = _ref.getInputProps;
+        return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+          className: _Utils["default"].clsx(_this10.props.classes.uploadDiv, _this10.state.uploadFile === 'dragging' && _this10.props.classes.uploadDivDragging, _this10.props.classes.dropZone, !_this10.state.icon && _this10.props.classes.dropZoneEmpty)
+        }, getRootProps()), /*#__PURE__*/_react["default"].createElement("input", getInputProps()), /*#__PURE__*/_react["default"].createElement("div", {
+          className: _Utils["default"].clsx(_this10.props.classes.uploadCenterDiv)
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          className: _this10.props.classes.uploadCenterTextAndIcon
+        }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.UploadFile, {
+          className: _this10.props.classes.uploadCenterIcon
+        }), /*#__PURE__*/_react["default"].createElement("div", {
+          className: _this10.props.classes.uploadCenterText
+        }, _this10.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 _this10.setState({
+            showImportDialog: false
+          });
+        },
+        color: "primary",
+        startIcon: /*#__PURE__*/_react["default"].createElement(_Close["default"], null)
+      }, _i18n["default"].t('Cancel'))));
+    }
   }, {
     key: "renderItem",
     value: function renderItem(error, disabled, defaultValue) {
-      var _this7 = this;
+      var _this11 = this;
       var _this$props2 = this.props,
         classes = _this$props2.classes,
         schema = _this$props2.schema;
@@ -557,7 +876,7 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
       var doAnyFilterSet = this.isAnyFilterSet();
       return /*#__PURE__*/_react["default"].createElement(_material.Paper, {
         className: classes.paper
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, this.showImportDialog(), this.showTypeOfImportDialog(), /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.addIcon
       }, schema.label ? /*#__PURE__*/_react["default"].createElement(_material.Toolbar, {
         variant: "dense",
@@ -578,39 +897,39 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
           return /*#__PURE__*/_react["default"].createElement(_material.TableCell, {
             key: "".concat(headCell.attr, "_").concat(idx),
             align: "left"
-          }, _this7.itemTable(headCell.attr, value[idx], idx));
+          }, _this11.itemTable(headCell.attr, value[idx], idx));
         }), !schema.noDelete && /*#__PURE__*/_react["default"].createElement(_material.TableCell, {
           align: "left",
           className: classes.buttonCell
-        }, !doAnyFilterSet && !_this7.state.orderBy ? i ? /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
+        }, !doAnyFilterSet && !_this11.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 _this7.onMoveUp(idx);
+            return _this11.onMoveUp(idx);
           }
-        }, /*#__PURE__*/_react["default"].createElement(_ArrowUpward["default"], null))) : /*#__PURE__*/_react["default"].createElement("div", {
+        }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.ArrowUpward, null))) : /*#__PURE__*/_react["default"].createElement("div", {
           className: classes.buttonEmpty
-        }) : null, !doAnyFilterSet && !_this7.state.orderBy ? i < visibleValue.length - 1 ? /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
+        }) : null, !doAnyFilterSet && !_this11.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 _this7.onMoveDown(idx);
+            return _this11.onMoveDown(idx);
           }
-        }, /*#__PURE__*/_react["default"].createElement(_ArrowDownward["default"], null))) : /*#__PURE__*/_react["default"].createElement("div", {
+        }, /*#__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: _this7.onDelete(idx)
-        }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null))), _this7.props.schema.clone ? /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
+          onClick: _this11.onDelete(idx)
+        }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Delete, null))), _this11.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: _this7.onClone(idx)
-        }, /*#__PURE__*/_react["default"].createElement(_ContentCopy["default"], null))) : null));
+          onClick: _this11.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, {
@@ -620,7 +939,7 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
         color: "primary",
         disabled: !!doAnyFilterSet && !this.props.schema.allowAddByFilter,
         onClick: this.onAdd
-      }, /*#__PURE__*/_react["default"].createElement(_Add["default"], null)))))) : null)), !visibleValue.length && value.length ? /*#__PURE__*/_react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Add, null)))))) : null)), !visibleValue.length && value.length ? /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.filteredOut
       }, /*#__PURE__*/_react["default"].createElement(_material.Typography, {
         className: classes.title,
@@ -630,9 +949,9 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
       }, _i18n["default"].t('ra_All items are filtered out'), /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
         size: "small",
         onClick: function onClick() {
-          return _this7.applyFilter(true);
+          return _this11.applyFilter(true);
         }
-      }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null)))) : null), schema.help ? /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null);
+      }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Close, null)))) : null), schema.help ? /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null);
     }
   }], [{
     key: "descendingComparator",