@iobroker/adapter-react-v5 2.1.9 → 3.0.0

package/Components/JsonConfigComponent/ConfigCertificateSelect.js

@@ -0,0 +1,178 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+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 _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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@mui/styles");
+
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+
+var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
+
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+
+var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var styles = function styles(theme) {
+  return {
+    fullWidth: {
+      width: '100%'
+    }
+  };
+};
+
+var ConfigCertificateSelect = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigCertificateSelect, _ConfigGeneric);
+
+  var _super = _createSuper(ConfigCertificateSelect);
+
+  function ConfigCertificateSelect() {
+    (0, _classCallCheck2["default"])(this, ConfigCertificateSelect);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(ConfigCertificateSelect, [{
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var _this = this;
+
+        var value, selectOptions;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigCertificateSelect.prototype), "componentDidMount", this).call(this);
+                value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
+                _context.next = 4;
+                return this.props.socket.getCertificates();
+
+              case 4:
+                selectOptions = _context.sent;
+                selectOptions = selectOptions.filter(function (el) {
+                  return _this.props.attr.toLowerCase().endsWith(el.type);
+                }).map(function (el) {
+                  return {
+                    label: el.name,
+                    value: el.name
+                  };
+                });
+                selectOptions.unshift({
+                  label: _ConfigGeneric2["default"].NONE_LABEL,
+                  value: _ConfigGeneric2["default"].NONE_VALUE
+                });
+                this.setState({
+                  value: value,
+                  selectOptions: selectOptions
+                });
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
+      }
+
+      return componentDidMount;
+    }()
+  }, {
+    key: "renderItem",
+    value: function renderItem(error, disabled, defaultValue) {
+      var _this$state$selectOpt,
+          _this2 = this,
+          _this$state$selectOpt2;
+
+      if (!this.state.selectOptions) {
+        return null;
+      } // eslint-disable-next-line
+
+
+      var item = (_this$state$selectOpt = this.state.selectOptions) === null || _this$state$selectOpt === void 0 ? void 0 : _this$state$selectOpt.find(function (item) {
+        return item.value === _this2.state.value;
+      });
+      return /*#__PURE__*/React.createElement(_FormControl["default"], {
+        className: this.props.classes.fullWidth,
+        variant: "standard"
+      }, /*#__PURE__*/React.createElement(_InputLabel["default"], {
+        shrink: true
+      }, this.getText(this.props.schema.label)), /*#__PURE__*/React.createElement(_Select["default"], {
+        variant: "standard",
+        error: !!error,
+        displayEmpty: true,
+        disabled: !!disabled,
+        value: this.state.value,
+        renderValue: function renderValue(val) {
+          return _this2.getText(item === null || item === void 0 ? void 0 : item.label, _this2.props.schema.noTranslation !== false);
+        },
+        onChange: function onChange(e) {
+          return _this2.setState({
+            value: e.target.value
+          }, function () {
+            return _this2.onChange(_this2.props.attr, _this2.state.value);
+          });
+        }
+      }, (_this$state$selectOpt2 = this.state.selectOptions) === null || _this$state$selectOpt2 === void 0 ? void 0 : _this$state$selectOpt2.map(function (item) {
+        return /*#__PURE__*/React.createElement(_MenuItem["default"], {
+          key: item.value,
+          value: item.value,
+          style: item.value === _ConfigGeneric2["default"].NONE_VALUE ? {
+            opacity: 0.5
+          } : {}
+        }, _this2.getText(item.label, _this2.props.schema.noTranslation !== false));
+      })), this.props.schema.help ? /*#__PURE__*/React.createElement(_FormHelperText["default"], null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null);
+    }
+  }]);
+  return ConfigCertificateSelect;
+}(_ConfigGeneric2["default"]);
+
+ConfigCertificateSelect.propTypes = {
+  socket: _propTypes["default"].object.isRequired,
+  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 = (0, _styles.withStyles)(styles)(ConfigCertificateSelect);
+
+exports["default"] = _default;
+//# sourceMappingURL=ConfigCertificateSelect.js.map

package/Components/JsonConfigComponent/ConfigCertificateSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigCertificateSelect.js","names":["styles","theme","fullWidth","width","ConfigCertificateSelect","value","ConfigGeneric","getValue","props","data","attr","socket","getCertificates","selectOptions","filter","el","toLowerCase","endsWith","type","map","label","name","unshift","NONE_LABEL","NONE_VALUE","setState","error","disabled","defaultValue","state","item","find","classes","getText","schema","val","noTranslation","e","target","onChange","opacity","help","renderHelp","helpLink","propTypes","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigCertificateSelect.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormControl from '@mui/material/FormControl';\nimport Select from '@mui/material/Select';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = theme => ({\n    fullWidth: {\n        width: '100%'\n    }\n});\n\nclass ConfigCertificateSelect extends ConfigGeneric {\n    async componentDidMount() {\n        super.componentDidMount();\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        let selectOptions = await this.props.socket.getCertificates();\n\n        selectOptions = selectOptions\n            .filter(el => this.props.attr.toLowerCase().endsWith(el.type))\n            .map(el => ({label: el.name, value: el.name}));\n\n        selectOptions.unshift({label: ConfigGeneric.NONE_LABEL, value: ConfigGeneric.NONE_VALUE});\n\n        this.setState({value, selectOptions});\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        if (!this.state.selectOptions) {\n            return null;\n        }\n        // eslint-disable-next-line\n        const item = this.state.selectOptions?.find(item => item.value === this.state.value);\n\n        return <FormControl className={this.props.classes.fullWidth} variant=\"standard\">\n            <InputLabel shrink>{this.getText(this.props.schema.label)}</InputLabel>\n            <Select\n                variant=\"standard\"\n                error={!!error}\n                displayEmpty\n                disabled={!!disabled}\n                value={this.state.value}\n                renderValue={val => this.getText(item?.label, this.props.schema.noTranslation !== false)}\n                onChange={e =>\n                    this.setState({ value: e.target.value }, () =>\n                        this.onChange(this.props.attr, this.state.value))}\n            >\n                {this.state.selectOptions?.map(item =>\n                    <MenuItem\n                        key={item.value}\n                        value={item.value}\n                        style={item.value === ConfigGeneric.NONE_VALUE ? { opacity: 0.5 } : {}}>{\n                            this.getText(item.label, this.props.schema.noTranslation !== false)\n                        }</MenuItem>)}\n            </Select>\n            {this.props.schema.help ? <FormHelperText>{this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}</FormHelperText> : null}\n        </FormControl>;\n    }\n}\n\nConfigCertificateSelect.propTypes = {\n    socket: PropTypes.object.isRequired,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    schema: PropTypes.object,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n};\n\nexport default withStyles(styles)(ConfigCertificateSelect);"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigCheckbox.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@mui/styles");
+
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+
+var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
+
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+
+var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
+
+var _i18n = _interopRequireDefault(require("@iobroker/adapter-react-v5/i18n"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var styles = function styles(theme) {
+  return {
+    error: {
+      color: 'red'
+    }
+  };
+};
+
+var ConfigCheckbox = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigCheckbox, _ConfigGeneric);
+
+  var _super = _createSuper(ConfigCheckbox);
+
+  function ConfigCheckbox() {
+    (0, _classCallCheck2["default"])(this, ConfigCheckbox);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(ConfigCheckbox, [{
+    key: "renderItem",
+    value: function renderItem(error, disabled) {
+      var _this = this;
+
+      var value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
+
+      var isIndeterminate = Array.isArray(value);
+      return /*#__PURE__*/React.createElement(_FormControl["default"], {
+        className: this.props.classes.fullWidth,
+        variant: "standard"
+      }, /*#__PURE__*/React.createElement(_FormControlLabel["default"], {
+        onClick: function onClick(e) {
+          e.preventDefault();
+          e.stopPropagation();
+
+          _this.onChange(_this.props.attr, !value);
+        },
+        control: /*#__PURE__*/React.createElement(_Checkbox["default"], {
+          indeterminate: isIndeterminate,
+          checked: !!value,
+          onChange: function onChange(e) {
+            if (isIndeterminate) {
+              _this.onChange(_this.props.attr, true);
+            } else {
+              _this.onChange(_this.props.attr, e.target.checked);
+            }
+          },
+          disabled: !!disabled
+        }),
+        label: this.getText(this.props.schema.label)
+      }), /*#__PURE__*/React.createElement(_FormHelperText["default"], {
+        className: this.props.classes.error
+      }, error ? this.props.schema.validatorErrorText ? _i18n["default"].t(this.props.schema.validatorErrorText) : _i18n["default"].t('Error') : null), this.props.schema.help ? /*#__PURE__*/React.createElement(_FormHelperText["default"], null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null);
+    }
+  }]);
+  return ConfigCheckbox;
+}(_ConfigGeneric2["default"]);
+
+ConfigCheckbox.propTypes = {
+  socket: _propTypes["default"].object.isRequired,
+  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 = (0, _styles.withStyles)(styles)(ConfigCheckbox);
+
+exports["default"] = _default;
+//# sourceMappingURL=ConfigCheckbox.js.map

package/Components/JsonConfigComponent/ConfigCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigCheckbox.js","names":["styles","theme","error","color","ConfigCheckbox","disabled","value","ConfigGeneric","getValue","props","data","attr","isIndeterminate","Array","isArray","classes","fullWidth","e","preventDefault","stopPropagation","onChange","target","checked","getText","schema","label","validatorErrorText","I18n","t","help","renderHelp","helpLink","noTranslation","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigCheckbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Checkbox from '@mui/material/Checkbox';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormControl from '@mui/material/FormControl';\n\nimport ConfigGeneric from './ConfigGeneric';\nimport I18n from '@iobroker/adapter-react-v5/i18n';\n\nconst styles = theme => ({\n    error: {\n        color: 'red'\n    }\n});\n\nclass ConfigCheckbox extends ConfigGeneric {\n    renderItem(error, disabled) {\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        let isIndeterminate = Array.isArray(value);\n\n        return <FormControl className={this.props.classes.fullWidth} variant=\"standard\">\n            <FormControlLabel\n            onClick={e => {\n                e.preventDefault();\n                e.stopPropagation();\n                this.onChange(this.props.attr, !value);\n            }}\n            control={<Checkbox\n                indeterminate={isIndeterminate}\n                checked={!!value}\n                onChange={e => {\n                    if (isIndeterminate) {\n                        this.onChange(this.props.attr, true);\n                    } else {\n                        this.onChange(this.props.attr, e.target.checked);\n                    }\n                }}\n                disabled={!!disabled}\n            />}\n            label={this.getText(this.props.schema.label)}\n        />\n        <FormHelperText className={this.props.classes.error}>{\n            error ? (this.props.schema.validatorErrorText ? I18n.t(this.props.schema.validatorErrorText) : I18n.t('Error')) :\n                null}</FormHelperText>\n        {this.props.schema.help ? <FormHelperText>{this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}</FormHelperText> : null}\n        </FormControl>\n    }\n}\n\nConfigCheckbox.propTypes = {\n    socket: PropTypes.object.isRequired,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    schema: PropTypes.object,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n};\n\nexport default withStyles(styles)(ConfigCheckbox);"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigChip.js

@@ -0,0 +1,149 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@mui/styles");
+
+var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
+
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+
+var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
+
+var _ChipInput = _interopRequireDefault(require("./ChipInput"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var styles = function styles(theme) {
+  return {
+    fullWidth: {
+      width: '100%'
+    }
+  };
+};
+
+var ConfigLanguage = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigLanguage, _ConfigGeneric);
+
+  var _super = _createSuper(ConfigLanguage);
+
+  function ConfigLanguage() {
+    (0, _classCallCheck2["default"])(this, ConfigLanguage);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(ConfigLanguage, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigLanguage.prototype), "componentDidMount", this).call(this);
+      var _this$props = this.props,
+          data = _this$props.data,
+          attr = _this$props.attr;
+
+      var value = _ConfigGeneric2["default"].getValue(data, attr);
+
+      if (this.props.schema.delimiter && typeof value === 'string') {
+        var parts = value.split(this.props.schema.delimiter).map(function (a) {
+          return a.trim();
+        }).filter(function (a) {
+          return a;
+        });
+        this.setState({
+          value: parts
+        });
+      } else {
+        this.setState({
+          value: value || []
+        });
+      }
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(error, disabled, defaultValue) {
+      var _this = this;
+
+      var _this$props2 = this.props,
+          attr = _this$props2.attr,
+          schema = _this$props2.schema;
+      var value = this.state.value;
+      return /*#__PURE__*/React.createElement(_FormControl["default"], {
+        className: this.props.classes.fullWidth,
+        variant: "standard"
+      }, /*#__PURE__*/React.createElement(_ChipInput["default"], {
+        value: value,
+        disabled: !!disabled,
+        label: this.getText(schema.label),
+        error: !!error,
+        onAdd: function onAdd(chip) {
+          var newValue = JSON.parse(JSON.stringify(value));
+          newValue.push(chip);
+
+          _this.setState({
+            value: newValue,
+            prevValue: ''
+          }, function () {
+            if (_this.props.schema.delimiter) {
+              _this.onChange(attr, newValue.join(_this.props.schema.delimiter + ' '));
+            } else {
+              _this.onChange(attr, newValue);
+            }
+          });
+        },
+        onDelete: function onDelete(chip, index) {
+          var newValue = JSON.parse(JSON.stringify(value));
+          newValue.splice(index, 1);
+
+          _this.setState({
+            value: newValue,
+            prevValue: ''
+          }, function () {
+            if (_this.props.schema.delimiter) {
+              _this.onChange(attr, newValue.join(_this.props.schema.delimiter + ' '));
+            } else {
+              _this.onChange(attr, newValue);
+            }
+          });
+        }
+      }), this.props.schema.help ? /*#__PURE__*/React.createElement(_FormHelperText["default"], null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null);
+    }
+  }]);
+  return ConfigLanguage;
+}(_ConfigGeneric2["default"]);
+
+ConfigLanguage.propTypes = {
+  socket: _propTypes["default"].object.isRequired,
+  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 = (0, _styles.withStyles)(styles)(ConfigLanguage);
+
+exports["default"] = _default;
+//# sourceMappingURL=ConfigChip.js.map

package/Components/JsonConfigComponent/ConfigChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigChip.js","names":["styles","theme","fullWidth","width","ConfigLanguage","props","data","attr","value","ConfigGeneric","getValue","schema","delimiter","parts","split","map","a","trim","filter","setState","error","disabled","defaultValue","state","classes","getText","label","chip","newValue","JSON","parse","stringify","push","prevValue","onChange","join","index","splice","help","renderHelp","helpLink","noTranslation","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigChip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormControl from '@mui/material/FormControl';\n\nimport ConfigGeneric from './ConfigGeneric';\nimport ChipInput from './ChipInput';\n\nconst styles = theme => ({\n    fullWidth: {\n        width: '100%'\n    }\n});\n\nclass ConfigLanguage extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n        const { data, attr } = this.props;\n        const value = ConfigGeneric.getValue(data, attr);\n        if (this.props.schema.delimiter && typeof value === 'string') {\n            const parts = value.split(this.props.schema.delimiter).map(a => a.trim()).filter(a => a);\n            this.setState({ value: parts });\n        } else {\n            this.setState({ value: value || [] });\n        }\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        const { attr,schema } = this.props;\n        const { value } = this.state;\n        return <FormControl className={this.props.classes.fullWidth} variant=\"standard\">\n            <ChipInput\n                value={value}\n                disabled={!!disabled}\n                label={this.getText(schema.label)}\n                error={!!error}\n                onAdd={chip => {\n                        const newValue = JSON.parse(JSON.stringify(value));\n                        newValue.push(chip);\n                        this.setState({ value: newValue, prevValue: '' }, () => {\n                            if (this.props.schema.delimiter) {\n                                this.onChange(attr, newValue.join(this.props.schema.delimiter + ' '));\n                            } else {\n                                this.onChange(attr, newValue);\n                            }\n                        });\n                }}\n                onDelete={(chip, index) => {\n                    const newValue = JSON.parse(JSON.stringify(value));\n                    newValue.splice(index, 1);\n                    this.setState({ value: newValue, prevValue: '' }, () => {\n                        if (this.props.schema.delimiter) {\n                            this.onChange(attr, newValue.join(this.props.schema.delimiter + ' '));\n                        } else {\n                            this.onChange(attr, newValue);\n                        }\n                    });\n                }}\n            />\n            {this.props.schema.help ? <FormHelperText>{this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}</FormHelperText> : null}\n        </FormControl>;\n    }\n}\n\nConfigLanguage.propTypes = {\n    socket: PropTypes.object.isRequired,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    schema: PropTypes.object,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n};\n\nexport default withStyles(styles)(ConfigLanguage);"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigColor.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@mui/styles");
+
+var _reactColor = require("react-color");
+
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+
+var _Utils = _interopRequireDefault(require("@iobroker/adapter-react-v5/Components/Utils"));
+
+var _ColorPicker = _interopRequireDefault(require("@iobroker/adapter-react-v5/Components/ColorPicker"));
+
+var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var styles = function styles(theme) {
+  return {};
+};
+
+var ConfigColor = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigColor, _ConfigGeneric);
+
+  var _super = _createSuper(ConfigColor);
+
+  function ConfigColor() {
+    (0, _classCallCheck2["default"])(this, ConfigColor);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(ConfigColor, [{
+    key: "renderColorDialog",
+    value: function renderColorDialog() {
+      var _this = this;
+
+      return !!this.state.showColorDialog && /*#__PURE__*/React.createElement(_Dialog["default"], {
+        onClose: function onClose() {
+          return _this.setState({
+            showColorDialog: false
+          });
+        },
+        open: this.state.showColorDialog
+      }, /*#__PURE__*/React.createElement(_reactColor.ChromePicker, {
+        color: this.state.colorDialogValue,
+        onChange: function onChange(value) {
+          _this.setState({
+            colorDialogValue: value
+          }, function () {
+            return _this.onChange(_this.props.attr, _ColorPicker["default"].getColor(_this.state.colorDialogValue, true));
+          });
+        }
+      }));
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(error, disabled, defaultValue) {
+      var _this2 = this;
+
+      var value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
+
+      var textColor = _Utils["default"].isUseBright(value, null);
+
+      if (textColor === null) {
+        textColor = undefined;
+      }
+
+      return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderColorDialog(), /*#__PURE__*/React.createElement(_TextField["default"], {
+        variant: "standard",
+        disabled: !!disabled,
+        style: {
+          minWidth: 100,
+          width: 'calc(100% - 8px)'
+        },
+        label: this.getText(this.props.schema.label),
+        value: value || '',
+        onClick: function onClick() {
+          return _this2.setState({
+            showColorDialog: true,
+            colorDialogValue: value
+          });
+        },
+        onChange: function onChange(e) {
+          var color = e.target.value;
+
+          _this2.onChange(_this2.props.attr, color);
+        },
+        inputProps: {
+          style: {
+            //paddingLeft: noPadding ? 0 : 8,
+            backgroundColor: value,
+            color: textColor ? '#FFF' : '#000'
+          }
+        },
+        InputProps: {
+          endAdornment: value ? /*#__PURE__*/React.createElement(_IconButton["default"], {
+            disabled: !!this.props.onPaste,
+            size: "small",
+            onClick: function onClick(e) {
+              e.stopPropagation();
+
+              _this2.onChange(_this2.props.attr, '');
+            }
+          }, /*#__PURE__*/React.createElement(_Close["default"], null)) : undefined
+        },
+        InputLabelProps: {
+          shrink: true
+        }
+      }));
+    }
+  }]);
+  return ConfigColor;
+}(_ConfigGeneric2["default"]);
+
+ConfigColor.propTypes = {
+  socket: _propTypes["default"].object.isRequired,
+  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 = (0, _styles.withStyles)(styles)(ConfigColor);
+
+exports["default"] = _default;
+//# sourceMappingURL=ConfigColor.js.map

package/Components/JsonConfigComponent/ConfigColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigColor.js","names":["styles","theme","ConfigColor","state","showColorDialog","setState","colorDialogValue","value","onChange","props","attr","ColorPicker","getColor","error","disabled","defaultValue","ConfigGeneric","getValue","data","textColor","Utils","isUseBright","undefined","renderColorDialog","minWidth","width","getText","schema","label","e","color","target","style","backgroundColor","endAdornment","onPaste","stopPropagation","shrink","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","className","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigColor.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {withStyles} from '@mui/styles';\nimport { ChromePicker } from 'react-color';\n\nimport IconButton from '@mui/material/IconButton';\nimport TextField from '@mui/material/TextField';\nimport Dialog from '@mui/material/Dialog';\n\nimport ClearIcon from '@mui/icons-material/Close';\n\nimport Utils from '@iobroker/adapter-react-v5/Components/Utils';\nimport ColorPicker from '@iobroker/adapter-react-v5/Components/ColorPicker';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = theme => ({});\n\nclass ConfigColor extends ConfigGeneric {\n    renderColorDialog() {\n        return !!this.state.showColorDialog && <Dialog\n            onClose={() => this.setState({showColorDialog: false})}\n            open={this.state.showColorDialog}>\n            <ChromePicker\n                color={this.state.colorDialogValue}\n                onChange={value => {\n                    this.setState({colorDialogValue: value}, () =>\n                        this.onChange(this.props.attr, ColorPicker.getColor(this.state.colorDialogValue, true)));\n                }}\n            />\n        </Dialog>;\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        let textColor = Utils.isUseBright(value, null);\n        if (textColor === null) {\n            textColor = undefined;\n        }\n        return <>\n            { this.renderColorDialog() }\n            <TextField\n                variant=\"standard\"\n                disabled={!!disabled}\n                style={{minWidth: 100, width: 'calc(100% - 8px)'}}\n                label={this.getText(this.props.schema.label)}\n                value={value || ''}\n                onClick={() => this.setState({showColorDialog: true, colorDialogValue: value})}\n                onChange={e => {\n                    const color = e.target.value;\n                    this.onChange(this.props.attr, color);\n                }}\n                inputProps={{\n                    style: {\n                        //paddingLeft: noPadding ? 0 : 8,\n                        backgroundColor: value,\n                        color: textColor ? '#FFF' : '#000'\n                    }\n                }}\n                InputProps={{\n                    endAdornment: value ?\n                        <IconButton\n                            disabled={!!this.props.onPaste}\n                            size=\"small\"\n                            onClick={e => {\n                                e.stopPropagation();\n                                this.onChange(this.props.attr, '');\n                            }}>\n                            <ClearIcon/>\n                        </IconButton>\n                        : undefined,\n                }}\n                InputLabelProps={{shrink: true}}\n            />\n        </>;\n    }\n}\n\nConfigColor.propTypes = {\n    socket: PropTypes.object.isRequired,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    schema: PropTypes.object,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n};\n\nexport default withStyles(styles)(ConfigColor);"],"mappings":"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"}