@iobroker/adapter-react-v5 2.1.11 → 3.0.2

package/Components/JsonConfigComponent/ConfigInstanceSelect.js

@@ -0,0 +1,197 @@
+"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 _i18n = _interopRequireDefault(require("@iobroker/adapter-react-v5/i18n"));
+
+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 ConfigInstanceSelect = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigInstanceSelect, _ConfigGeneric);
+
+  var _super = _createSuper(ConfigInstanceSelect);
+
+  function ConfigInstanceSelect() {
+    (0, _classCallCheck2["default"])(this, ConfigInstanceSelect);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(ConfigInstanceSelect, [{
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var _this = this;
+
+        var value, adapter;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigInstanceSelect.prototype), "componentDidMount", this).call(this);
+                value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
+                adapter = this.props.schema.adapter;
+
+                if (adapter === '_dataSources') {
+                  adapter = undefined;
+                }
+
+                this.props.socket.getAdapterInstances(adapter).then(function (instances) {
+                  var selectOptions;
+
+                  if (_this.props.schema.adapter === '_dataSources') {
+                    // get only "data-sources", like history, sql, influx
+                    instances = instances.filter(function (instance) {
+                      return instance && instance.common && instance.common.getHistory;
+                    });
+                  }
+
+                  selectOptions = instances.map(function (instance) {
+                    return {
+                      value: _this.props.schema["long"] ? instance._id : _this.props.schema["short"] ? instance._id.split('.').pop() : instance._id.replace(/^system\.adapter\./, ''),
+                      label: "".concat(instance.common.name, " [").concat(instance._id.replace(/^system\.adapter\./, ''), "]")
+                    };
+                  });
+                  selectOptions.unshift({
+                    label: _ConfigGeneric2["default"].NONE_LABEL,
+                    value: _ConfigGeneric2["default"].NONE_VALUE
+                  });
+
+                  if (_this.props.schema.all) {
+                    selectOptions.unshift({
+                      label: _i18n["default"].t('all'),
+                      value: '*'
+                    });
+                  }
+
+                  _this.setState({
+                    value: value || '',
+                    selectOptions: selectOptions
+                  });
+                });
+
+              case 5:
+              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;
+
+      if (!this.state.selectOptions) {
+        return null;
+      }
+
+      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,
+        key: this.props.attr,
+        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, true);
+        },
+        onChange: function onChange(e) {
+          return _this2.setState({
+            value: e.target.value
+          }, function () {
+            return _this2.onChange(_this2.props.attr, _this2.state.value);
+          });
+        }
+      }, this.state.selectOptions.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, true));
+      })), 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 ConfigInstanceSelect;
+}(_ConfigGeneric2["default"]);
+
+ConfigInstanceSelect.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)(ConfigInstanceSelect);
+
+exports["default"] = _default;
+//# sourceMappingURL=ConfigInstanceSelect.js.map

package/Components/JsonConfigComponent/ConfigInstanceSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigInstanceSelect.js","names":["styles","theme","fullWidth","width","ConfigInstanceSelect","value","ConfigGeneric","getValue","props","data","attr","adapter","schema","undefined","socket","getAdapterInstances","then","instances","selectOptions","filter","instance","common","getHistory","map","_id","split","pop","replace","label","name","unshift","NONE_LABEL","NONE_VALUE","all","I18n","t","setState","error","disabled","defaultValue","state","item","find","classes","getText","val","e","target","onChange","opacity","help","renderHelp","helpLink","noTranslation","propTypes","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigInstanceSelect.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 I18n from '@iobroker/adapter-react-v5/i18n';\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = theme => ({\n    fullWidth: {\n        width: '100%'\n    }\n});\n\nclass ConfigInstanceSelect extends ConfigGeneric {\n    async componentDidMount() {\n        super.componentDidMount();\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n\n        let adapter = this.props.schema.adapter;\n        if (adapter === '_dataSources') {\n            adapter = undefined;\n        }\n\n        this.props.socket.getAdapterInstances(adapter)\n            .then(instances => {\n                let selectOptions;\n                if (this.props.schema.adapter === '_dataSources') {\n                    // get only \"data-sources\", like history, sql, influx\n                    instances = instances.filter(instance => instance && instance.common && instance.common.getHistory);\n                }\n\n                selectOptions = instances.map(instance => ({\n                    value: this.props.schema.long ? instance._id :\n                        (this.props.schema.short ? instance._id.split('.').pop() : instance._id.replace(/^system\\.adapter\\./, '')),\n                    label: `${instance.common.name} [${instance._id.replace(/^system\\.adapter\\./, '')}]`\n                }));\n\n                selectOptions.unshift({ label: ConfigGeneric.NONE_LABEL, value: ConfigGeneric.NONE_VALUE });\n                if (this.props.schema.all) {\n                    selectOptions.unshift({ label: I18n.t('all'), value: '*' });\n                }\n\n                this.setState({ value: value || '', selectOptions });\n            });\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        if (!this.state.selectOptions) {\n            return null;\n        }\n\n        const item = this.state.selectOptions?.find(item => item.value === this.state.value);\n\n        return <FormControl className={this.props.classes.fullWidth} key={this.props.attr} 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, true)}\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 key={item.value} value={item.value} style={item.value === ConfigGeneric.NONE_VALUE ? { opacity: 0.5 } : {}}>{\n                        this.getText(item.label, true)\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\nConfigInstanceSelect.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)(ConfigInstanceSelect);"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigJsonEditor.js

@@ -0,0 +1,211 @@
+"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 _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
+
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+
+var _material = require("@mui/material");
+
+var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
+
+var _i18n = _interopRequireDefault(require("@iobroker/adapter-react-v5/i18n"));
+
+var _CustomModal = _interopRequireDefault(require("../CustomModal"));
+
+var _reactAce = _interopRequireDefault(require("react-ace"));
+
+require("ace-builds/src-noconflict/mode-json");
+
+require("ace-builds/src-noconflict/theme-clouds_midnight");
+
+require("ace-builds/src-noconflict/theme-chrome");
+
+require("ace-builds/src-noconflict/ext-language_tools");
+
+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%'
+    },
+    flex: {
+      display: 'flex'
+    },
+    button: {
+      height: 48,
+      // marginLeft: 4,
+      minWidth: 48
+    },
+    wrapper: {
+      width: 'calc(100vw - 40px)',
+      height: 'calc(100vh - 188px)'
+    }
+  };
+};
+
+var ConfigJsonEditor = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigJsonEditor, _ConfigGeneric);
+
+  var _super = _createSuper(ConfigJsonEditor);
+
+  function ConfigJsonEditor() {
+    (0, _classCallCheck2["default"])(this, ConfigJsonEditor);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(ConfigJsonEditor, [{
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var _this$props, data, attr, value;
+
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigJsonEditor.prototype), "componentDidMount", this).call(this);
+                _this$props = this.props, data = _this$props.data, attr = _this$props.attr;
+                value = _ConfigGeneric2["default"].getValue(data, attr) || {};
+                this.setState({
+                  value: value,
+                  initialized: true
+                });
+
+              case 4:
+              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 = this;
+
+      if (!this.state.initialized) {
+        return null;
+      }
+
+      var _this$props2 = this.props,
+          classes = _this$props2.classes,
+          schema = _this$props2.schema,
+          data = _this$props2.data,
+          attr = _this$props2.attr;
+      var _this$state = this.state,
+          value = _this$state.value,
+          showSelectId = _this$state.showSelectId;
+      return /*#__PURE__*/React.createElement(_FormControl["default"], {
+        className: classes.fullWidth,
+        variant: "standard"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classes.flex
+      }, /*#__PURE__*/React.createElement(_material.Button, {
+        color: "grey",
+        className: classes.button,
+        size: "small",
+        variant: "outlined",
+        onClick: function onClick() {
+          return _this.setState({
+            showSelectId: true
+          });
+        }
+      }, _i18n["default"].t('Json editor'))), showSelectId ? /*#__PURE__*/React.createElement(_CustomModal["default"], {
+        title: this.getText(schema.label),
+        open: showSelectId,
+        overflowHidden: true,
+        onClose: function onClose() {
+          return _this.setState({
+            showSelectId: false,
+            value: _ConfigGeneric2["default"].getValue(data, attr) || {}
+          });
+        },
+        onApply: function onApply() {
+          return _this.setState({
+            showSelectId: false
+          }, function () {
+            return _this.onChange(attr, value);
+          });
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classes.wrapper
+      }, /*#__PURE__*/React.createElement(_reactAce["default"], {
+        mode: "json",
+        theme: this.props.themeName === 'dark' ? 'clouds_midnight' : 'chrome',
+        value: value,
+        width: "100%",
+        height: "100%",
+        onChange: function onChange(newValue) {
+          return _this.setState({
+            value: newValue
+          });
+        },
+        name: "ConfigJsonEditor",
+        fontSize: 14,
+        setOptions: {
+          enableBasicAutocompletion: true,
+          enableLiveAutocompletion: true,
+          enableSnippets: true
+        },
+        editorProps: {
+          $blockScrolling: true
+        }
+      }))) : null, schema.help ? /*#__PURE__*/React.createElement(_FormHelperText["default"], null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null);
+    }
+  }]);
+  return ConfigJsonEditor;
+}(_ConfigGeneric2["default"]);
+
+ConfigJsonEditor.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)(ConfigJsonEditor);
+
+exports["default"] = _default;
+//# sourceMappingURL=ConfigJsonEditor.js.map

package/Components/JsonConfigComponent/ConfigJsonEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigJsonEditor.js","names":["styles","theme","fullWidth","width","flex","display","button","height","minWidth","wrapper","ConfigJsonEditor","props","data","attr","value","ConfigGeneric","getValue","setState","initialized","error","disabled","defaultValue","state","classes","schema","showSelectId","I18n","t","getText","label","onChange","themeName","newValue","enableBasicAutocompletion","enableLiveAutocompletion","enableSnippets","$blockScrolling","help","renderHelp","helpLink","noTranslation","propTypes","socket","PropTypes","object","isRequired","themeType","string","style","className","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigJsonEditor.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';\nimport { Button } from '@mui/material';\n\nimport ConfigGeneric from './ConfigGeneric';\nimport I18n from '@iobroker/adapter-react-v5/i18n';\nimport CustomModal from '../CustomModal';\n\nimport AceEditor from 'react-ace';\n// import 'ace-builds/webpack-resolver';\nimport 'ace-builds/src-noconflict/mode-json';\nimport 'ace-builds/src-noconflict/theme-clouds_midnight';\nimport 'ace-builds/src-noconflict/theme-chrome';\nimport 'ace-builds/src-noconflict/ext-language_tools';\n\nconst styles = theme => ({\n    fullWidth: {\n        width: '100%'\n    },\n    flex: {\n        display: 'flex'\n    },\n    button: {\n        height: 48,\n        // marginLeft: 4,\n        minWidth: 48,\n    },\n    wrapper: {\n        width: 'calc(100vw - 40px)',\n        height: 'calc(100vh - 188px)',\n    }\n});\n\nclass ConfigJsonEditor extends ConfigGeneric {\n    async componentDidMount() {\n        super.componentDidMount();\n        const { data, attr } = this.props;\n        const value = ConfigGeneric.getValue(data, attr) || {};\n        this.setState({ value, initialized: true });\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        if (!this.state.initialized) {\n            return null;\n        }\n        const { classes, schema, data, attr } = this.props;\n        const { value, showSelectId } = this.state;\n        return <FormControl className={classes.fullWidth} variant=\"standard\">\n            <div className={classes.flex}>\n                <Button\n                    color=\"grey\"\n                    className={classes.button}\n                    size=\"small\"\n                    variant=\"outlined\"\n                    onClick={() => this.setState({ showSelectId: true })}\n                >{I18n.t('Json editor')}</Button>\n            </div>\n            {showSelectId ? <CustomModal\n                title={this.getText(schema.label)}\n                open={showSelectId}\n                overflowHidden\n                onClose={() => this.setState({ showSelectId: false, value: ConfigGeneric.getValue(data, attr) || {} })}\n                onApply={() => this.setState({ showSelectId: false }, () => this.onChange(attr, value))}\n            >\n                <div className={classes.wrapper}>\n                    <AceEditor\n                        mode=\"json\"\n                        theme={this.props.themeName === 'dark' ? 'clouds_midnight' : 'chrome'}\n                        value={value}\n                        width=\"100%\"\n                        height=\"100%\"\n                        onChange={newValue => this.setState({ value: newValue })}\n                        name=\"ConfigJsonEditor\"\n                        fontSize={14}\n                        setOptions={{\n                            enableBasicAutocompletion: true,\n                            enableLiveAutocompletion: true,\n                            enableSnippets: true\n                        }}\n                        editorProps={{ $blockScrolling: true }}\n                    />\n                </div>\n            </CustomModal> : null}\n            {schema.help ? <FormHelperText>{this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}</FormHelperText> : null}\n        </FormControl>;\n    }\n}\n\nConfigJsonEditor.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)(ConfigJsonEditor);"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigLanguage.js

@@ -0,0 +1,175 @@
+"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 _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 _i18n = _interopRequireDefault(require("@iobroker/adapter-react-v5/i18n"));
+
+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 LANGUAGES = [{
+  value: 'en',
+  label: 'English'
+}, {
+  value: 'de',
+  label: 'Deutsch'
+}, {
+  value: 'ru',
+  label: 'русский'
+}, {
+  value: 'pt',
+  label: 'Portugues'
+}, {
+  value: 'nl',
+  label: 'Nederlands'
+}, {
+  value: 'fr',
+  label: 'français'
+}, {
+  value: 'it',
+  label: 'Italiano'
+}, {
+  value: 'es',
+  label: 'Espanol'
+}, {
+  value: 'pl',
+  label: 'Polski'
+}, {
+  value: 'zh-ch',
+  label: '简体中文'
+}];
+
+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 value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
+
+      var languages = [].concat(LANGUAGES);
+
+      if (this.props.schema.system) {
+        languages.unshift({
+          value: '',
+          label: _i18n["default"].t('System language')
+        });
+      }
+
+      this.setState({
+        value: value || _i18n["default"].getLanguage(),
+        selectOptions: languages
+      });
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(error, disabled, defaultValue) {
+      var _this$state$selectOpt,
+          _this = this,
+          _this$state$selectOpt2;
+
+      if (!this.state.selectOptions) {
+        return null;
+      }
+
+      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 === _this.state.value || !item.value && !_this.state.value;
+      });
+      return /*#__PURE__*/React.createElement(_FormControl["default"], {
+        className: this.props.classes.fullWidth,
+        variant: "standard"
+      }, /*#__PURE__*/React.createElement(_InputLabel["default"], null, this.getText(this.props.schema.label)), /*#__PURE__*/React.createElement(_Select["default"], {
+        variant: "standard",
+        error: !!error,
+        disabled: !!disabled,
+        value: this.state.value || '_',
+        renderValue: function renderValue(val) {
+          return _this.getText(item === null || item === void 0 ? void 0 : item.label, _this.props.schema.noTranslation);
+        },
+        onChange: function onChange(e) {
+          var value = e.target.value === '_' ? '' : e.target.value;
+
+          _this.setState({
+            value: value
+          }, function () {
+            return _this.onChange(_this.props.attr, 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
+        }, item.label);
+      })), 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=ConfigLanguage.js.map

package/Components/JsonConfigComponent/ConfigLanguage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigLanguage.js","names":["styles","theme","fullWidth","width","LANGUAGES","value","label","ConfigLanguage","ConfigGeneric","getValue","props","data","attr","languages","schema","system","unshift","I18n","t","setState","getLanguage","selectOptions","error","disabled","defaultValue","state","item","find","classes","getText","val","noTranslation","e","target","onChange","map","help","renderHelp","helpLink","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigLanguage.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 I18n from '@iobroker/adapter-react-v5/i18n';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = theme => ({\n    fullWidth: {\n        width: '100%'\n    }\n});\n\nconst LANGUAGES =[\n    {\n        value: 'en',\n        label: 'English'\n    },\n    {\n        value: 'de',\n        label: 'Deutsch'\n    },\n    {\n        value: 'ru',\n        label: 'русский'\n    },\n    {\n        value: 'pt',\n        label: 'Portugues'\n    },\n    {\n        value: 'nl',\n        label: 'Nederlands'\n    },\n    {\n        value: 'fr',\n        label: 'français'\n    },\n    {\n        value: 'it',\n        label: 'Italiano'\n    },\n    {\n        value: 'es',\n        label: 'Espanol'\n    },\n    {\n        value: 'pl',\n        label: 'Polski'\n    },\n    {\n        value: 'zh-ch',\n        label: '简体中文'\n    }\n];\n\nclass ConfigLanguage extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        const languages = [...LANGUAGES];\n        if (this.props.schema.system) {\n            languages.unshift({value: '', label: I18n.t('System language')});\n        }\n\n        this.setState({value: value || I18n.getLanguage(), selectOptions: languages});\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        if (!this.state.selectOptions) {\n            return null;\n        }\n\n        const item = this.state.selectOptions?.find(item => item.value === this.state.value || (!item.value && !this.state.value));\n\n        return <FormControl className={this.props.classes.fullWidth} variant=\"standard\">\n            <InputLabel>{this.getText(this.props.schema.label)}</InputLabel>\n            <Select\n                variant=\"standard\"\n                error={!!error}\n                disabled={!!disabled}\n                value={this.state.value || '_'}\n                renderValue={val => this.getText(item?.label, this.props.schema.noTranslation)}\n                onChange={e => {\n                    const value = e.target.value === '_' ? '' : e.target.value;\n                    this.setState({value}, () =>\n                        this.onChange(this.props.attr, value));\n                }}\n            >\n                {this.state.selectOptions?.map(item =>\n                    <MenuItem key={item.value} value={item.value}>{item.label}</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\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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"}