@iobroker/adapter-react-v5 4.13.1 → 4.13.3

package/Components/JsonConfigComponent/ConfigRoom.js

@@ -0,0 +1,124 @@
+"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 _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/styles");
+var _material = require("@mui/material");
+var _TextWithIcon = _interopRequireDefault(require("./wrapper/Components/TextWithIcon"));
+var _i18n = _interopRequireDefault(require("./wrapper/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() {
+  return {
+    fullWidth: {
+      width: '100%'
+    }
+  };
+};
+var ConfigFunc = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigFunc, _ConfigGeneric);
+  var _super = _createSuper(ConfigFunc);
+  function ConfigFunc() {
+    (0, _classCallCheck2["default"])(this, ConfigFunc);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(ConfigFunc, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this = this;
+      (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigFunc.prototype), "componentDidMount", this).call(this);
+      var value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
+      this.props.socket.getEnums('rooms').then(function (enums) {
+        var selectOptions = Object.keys(enums).map(function (id) {
+          return {
+            value: _this.props.schema["short"] ? id.replace('enum.rooms.', '') : id,
+            label: _this.getText(enums[id].common.name),
+            obj: enums[id]
+          };
+        });
+        if (_this.props.schema.allowDeactivate !== false) {
+          selectOptions.unshift({
+            label: _i18n["default"].t(_ConfigGeneric2["default"].NONE_LABEL),
+            value: _ConfigGeneric2["default"].NONE_VALUE
+          });
+        }
+        _this.setState({
+          value: value,
+          selectOptions: selectOptions
+        });
+      });
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(error, disabled /* , defaultValue */) {
+      var _this2 = this;
+      if (!this.state.selectOptions) {
+        return null;
+      }
+      var item = this.state.selectOptions.find(function (it) {
+        return it.value === _this2.state.value;
+      });
+      return /*#__PURE__*/_react["default"].createElement(_material.FormControl, {
+        variant: "standard",
+        className: this.props.classes.fullWidth
+      }, this.props.schema.label ? /*#__PURE__*/_react["default"].createElement(_material.InputLabel, null, this.getText(this.props.schema.label)) : null, /*#__PURE__*/_react["default"].createElement(_material.Select, {
+        variant: "standard",
+        error: !!error,
+        disabled: !!disabled,
+        value: this.state.value || '_',
+        renderValue: function renderValue() {
+          return item ? item.obj ? /*#__PURE__*/_react["default"].createElement(_TextWithIcon["default"], {
+            value: item.obj,
+            themeType: _this2.props.themeType,
+            lang: _i18n["default"].getLanguage()
+          }) : item.label : '';
+        },
+        onChange: function onChange(e) {
+          _this2.setState({
+            value: e.target.value === '_' ? '' : e.target.value
+          }, function () {
+            return _this2.onChange(_this2.props.attr, _this2.state.value);
+          });
+        }
+      }, this.state.selectOptions.map(function (it) {
+        return /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
+          key: it.value,
+          value: it.value,
+          style: it.value === _ConfigGeneric2["default"].DIFFERENT_VALUE ? {
+            opacity: 0.5
+          } : {}
+        }, it.obj ? /*#__PURE__*/_react["default"].createElement(_TextWithIcon["default"], {
+          value: it.obj,
+          themeType: _this2.props.themeType,
+          lang: _i18n["default"].getLanguage()
+        }) : it.label);
+      })), this.props.schema.help ? /*#__PURE__*/_react["default"].createElement(_material.FormHelperText, null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null);
+    }
+  }]);
+  return ConfigFunc;
+}(_ConfigGeneric2["default"]);
+ConfigFunc.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 = exports["default"] = (0, _styles.withStyles)(styles)(ConfigFunc);
+//# sourceMappingURL=ConfigRoom.js.map

package/Components/JsonConfigComponent/ConfigRoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigRoom.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_material","_TextWithIcon","_i18n","_ConfigGeneric2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","fullWidth","width","ConfigFunc","_ConfigGeneric","_inherits2","_super","_classCallCheck2","_createClass2","key","value","componentDidMount","_this","_get2","ConfigGeneric","getValue","props","data","attr","socket","getEnums","then","enums","selectOptions","Object","keys","map","id","schema","replace","label","getText","common","name","obj","allowDeactivate","unshift","I18n","t","NONE_LABEL","NONE_VALUE","setState","renderItem","error","disabled","_this2","state","item","find","it","createElement","FormControl","variant","className","classes","InputLabel","Select","renderValue","themeType","lang","getLanguage","onChange","target","MenuItem","style","DIFFERENT_VALUE","opacity","help","FormHelperText","renderHelp","helpLink","noTranslation","propTypes","PropTypes","object","isRequired","string","themeName","onError","func","_default","exports","withStyles"],"sources":["JsonConfigComponent/ConfigRoom.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@mui/styles';\r\n\r\nimport {\r\n    InputLabel,\r\n    MenuItem,\r\n    FormHelperText,\r\n    FormControl,\r\n    Select,\r\n} from '@mui/material';\r\n\r\nimport TextWithIcon from './wrapper/Components/TextWithIcon';\r\nimport I18n from './wrapper/i18n';\r\n\r\nimport ConfigGeneric from './ConfigGeneric';\r\n\r\nconst styles = () => ({\r\n    fullWidth: {\r\n        width: '100%',\r\n    },\r\n});\r\n\r\nclass ConfigFunc extends ConfigGeneric {\r\n    componentDidMount() {\r\n        super.componentDidMount();\r\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\r\n\r\n        this.props.socket.getEnums('rooms')\r\n            .then(enums => {\r\n                const selectOptions = Object.keys(enums)\r\n                    .map(id => ({\r\n                        value: this.props.schema.short ? id.replace('enum.rooms.', '') : id,\r\n                        label: this.getText(enums[id].common.name),\r\n                        obj: enums[id],\r\n                    }));\r\n\r\n                if (this.props.schema.allowDeactivate !== false) {\r\n                    selectOptions.unshift({ label: I18n.t(ConfigGeneric.NONE_LABEL), value: ConfigGeneric.NONE_VALUE });\r\n                }\r\n\r\n                this.setState({ value, selectOptions });\r\n            });\r\n    }\r\n\r\n    renderItem(error, disabled /* , defaultValue */) {\r\n        if (!this.state.selectOptions) {\r\n            return null;\r\n        }\r\n\r\n        const item = this.state.selectOptions.find(it => it.value === this.state.value);\r\n\r\n        return <FormControl\r\n            variant=\"standard\"\r\n            className={this.props.classes.fullWidth}\r\n        >\r\n            {this.props.schema.label ? <InputLabel>{this.getText(this.props.schema.label)}</InputLabel> : null}\r\n            <Select\r\n                variant=\"standard\"\r\n                error={!!error}\r\n                disabled={!!disabled}\r\n                value={this.state.value || '_'}\r\n                renderValue={() => (item ? (item.obj ? <TextWithIcon value={item.obj} themeType={this.props.themeType} lang={I18n.getLanguage()} /> : item.label) : '')}\r\n                onChange={e => {\r\n                    this.setState({ value: e.target.value === '_' ? '' : e.target.value }, () =>\r\n                        this.onChange(this.props.attr, this.state.value));\r\n                }}\r\n            >\r\n                {this.state.selectOptions.map(it =>\r\n                    <MenuItem key={it.value} value={it.value} style={it.value === ConfigGeneric.DIFFERENT_VALUE ? { opacity: 0.5 } : {}}>\r\n                        {it.obj ? <TextWithIcon value={it.obj} themeType={this.props.themeType} lang={I18n.getLanguage()} /> : it.label}\r\n                    </MenuItem>)}\r\n            </Select>\r\n            {this.props.schema.help ? <FormHelperText>{this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}</FormHelperText> : null}\r\n        </FormControl>;\r\n    }\r\n}\r\n\r\nConfigFunc.propTypes = {\r\n    socket: PropTypes.object.isRequired,\r\n    themeType: PropTypes.string,\r\n    themeName: PropTypes.string,\r\n    style: PropTypes.object,\r\n    className: PropTypes.string,\r\n    data: PropTypes.object.isRequired,\r\n    schema: PropTypes.object,\r\n    onError: PropTypes.func,\r\n    onChange: PropTypes.func,\r\n};\r\n\r\nexport default withStyles(styles)(ConfigFunc);\r\n"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigSelect.d.ts

@@ -0,0 +1,14 @@
+declare const _default: React.JSXElementConstructor<Omit<Pick<import("./ConfigGeneric").ConfigGenericProps, "changed" | "classes" | "disabled" | "data" | "onChange" | "onError" | "common" | "instance" | "originalData" | "instanceObj" | "customObj" | "schema" | "attr" | "custom" | "forceUpdate" | "alive" | "systemConfig" | "socket" | "adapterName" | "themeType"> & Pick<PropTypes.InferProps<{
+    socket: PropTypes.Validator<object>;
+    themeType: PropTypes.Requireable<string>;
+    themeName: PropTypes.Requireable<string>;
+    style: PropTypes.Requireable<object>;
+    className: PropTypes.Requireable<string>;
+    data: PropTypes.Validator<object>;
+    schema: PropTypes.Requireable<object>;
+    onError: PropTypes.Requireable<(...args: any[]) => any>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+}>, "style" | "className" | "themeName"> & Pick<import("./ConfigGeneric").ConfigGenericProps, "changed" | "classes" | "disabled" | "common" | "instance" | "originalData" | "instanceObj" | "customObj" | "arrayIndex" | "globalData" | "registerOnForceUpdate" | "attr" | "custom" | "forceUpdate" | "alive" | "systemConfig" | "adapterName" | "commandRunning">, "classes"> & import("@mui/styles").StyledComponentProps<"fullWidth" | "noMargin"> & object>;
+export default _default;
+import PropTypes from 'prop-types';
+import React from 'react';

package/Components/JsonConfigComponent/ConfigSelect.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _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 _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/styles");
+var _material = require("@mui/material");
+var _i18n = _interopRequireDefault(require("./wrapper/i18n"));
+var _Utils = _interopRequireDefault(require("./wrapper/Components/Utils"));
+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() {
+  return {
+    fullWidth: {
+      width: '100%'
+    },
+    noMargin: {
+      '&>div': {
+        marginTop: 0
+      }
+    }
+  };
+};
+var ConfigSelect = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigSelect, _ConfigGeneric);
+  var _super = _createSuper(ConfigSelect);
+  function ConfigSelect() {
+    (0, _classCallCheck2["default"])(this, ConfigSelect);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(ConfigSelect, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigSelect.prototype), "componentDidMount", this).call(this);
+      var value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
+      var selectOptions = [];
+      (this.props.schema.options || []).forEach(function (item) {
+        // if optgroup
+        if (Array.isArray(item.items)) {
+          selectOptions.push({
+            label: item.label,
+            value: item.value,
+            group: true
+          });
+          item.items = item.items.forEach(function (it) {
+            return selectOptions.push(it);
+          });
+          return;
+        }
+        selectOptions.push(item);
+      });
+
+      // if __different
+      if (Array.isArray(value)) {
+        this.initialValue = (0, _toConsumableArray2["default"])(value);
+        selectOptions.unshift({
+          label: _i18n["default"].t(_ConfigGeneric2["default"].DIFFERENT_LABEL),
+          value: _ConfigGeneric2["default"].DIFFERENT_VALUE
+        });
+        this.setState({
+          value: _ConfigGeneric2["default"].DIFFERENT_VALUE,
+          selectOptions: selectOptions
+        });
+      } else {
+        this.setState({
+          value: value,
+          selectOptions: selectOptions
+        });
+      }
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(error, disabled /* , defaultValue */) {
+      var _this = this;
+      if (!this.state.selectOptions) {
+        return null;
+      }
+      var selectOptions = (this.state.selectOptions || []).filter(function (item) {
+        // if optgroup or no hidden function
+        if (!item.hidden) {
+          return true;
+        }
+        if (_this.props.custom) {
+          return !_this.executeCustom(item.hidden, _this.props.data, _this.props.customObj, _this.props.instanceObj, _this.props.arrayIndex, _this.props.globalData);
+        }
+        return !_this.execute(item.hidden, _this.props.schema["default"], _this.props.data, _this.props.arrayIndex, _this.props.globalData);
+      });
+
+      // eslint-disable-next-line
+      var item = selectOptions.find(function (it) {
+        return it.value == _this.state.value;
+      }); // let "==" be and not ===
+
+      return /*#__PURE__*/_react["default"].createElement(_material.FormControl, {
+        variant: "standard",
+        className: _Utils["default"].clsx(this.props.classes.fullWidth, this.props.arrayIndex !== undefined && this.props.classes.noMargin),
+        id: "jsonSelect_".concat(this.props.schema.attr, "_").concat(this.props.index || this.props.index === 0 ? this.props.index : '')
+      }, this.props.schema.label ? /*#__PURE__*/_react["default"].createElement(_material.InputLabel, null, this.getText(this.props.schema.label)) : null, /*#__PURE__*/_react["default"].createElement(_material.Select, {
+        variant: "standard",
+        error: !!error,
+        disabled: !!disabled,
+        value: this.state.value || '_',
+        renderValue: function renderValue() {
+          return _this.getText(item === null || item === void 0 ? void 0 : item.label, _this.props.schema.noTranslation);
+        },
+        onChange: function onChange(e) {
+          _this.setState({
+            value: e.target.value === '_' ? '' : e.target.value
+          }, function () {
+            if (_this.state.value === _ConfigGeneric2["default"].DIFFERENT_VALUE) {
+              _this.onChange(_this.props.attr, _this.initialValue);
+            } else {
+              _this.onChange(_this.props.attr, _this.state.value);
+            }
+          });
+        }
+      }, selectOptions.map(function (it, i) {
+        if (it.group) {
+          return /*#__PURE__*/_react["default"].createElement(_material.ListSubheader, {
+            key: i
+          }, _this.getText(it.label, _this.props.schema.noTranslation));
+        }
+        return /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
+          key: i,
+          value: it.value,
+          style: it.value === _ConfigGeneric2["default"].DIFFERENT_VALUE ? {
+            opacity: 0.5
+          } : {}
+        }, _this.getText(it.label, _this.props.schema.noTranslation));
+      })), this.props.schema.help ? /*#__PURE__*/_react["default"].createElement(_material.FormHelperText, null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null);
+    }
+  }]);
+  return ConfigSelect;
+}(_ConfigGeneric2["default"]);
+ConfigSelect.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 = exports["default"] = (0, _styles.withStyles)(styles)(ConfigSelect);
+//# sourceMappingURL=ConfigSelect.js.map

package/Components/JsonConfigComponent/ConfigSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigSelect.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_material","_i18n","_Utils","_ConfigGeneric2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","fullWidth","width","noMargin","marginTop","ConfigSelect","_ConfigGeneric","_inherits2","_super","_classCallCheck2","_createClass2","key","value","componentDidMount","_get2","ConfigGeneric","getValue","props","data","attr","selectOptions","schema","options","forEach","item","Array","isArray","items","push","label","group","it","initialValue","_toConsumableArray2","unshift","I18n","t","DIFFERENT_LABEL","DIFFERENT_VALUE","setState","renderItem","error","disabled","_this","state","filter","hidden","custom","executeCustom","customObj","instanceObj","arrayIndex","globalData","execute","find","createElement","FormControl","variant","className","Utils","clsx","classes","undefined","id","concat","index","InputLabel","getText","Select","renderValue","noTranslation","onChange","target","map","i","ListSubheader","MenuItem","style","opacity","help","FormHelperText","renderHelp","helpLink","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","onError","func","_default","exports","withStyles"],"sources":["JsonConfigComponent/ConfigSelect.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@mui/styles';\r\n\r\nimport  {\r\n    InputLabel,\r\n    FormHelperText,\r\n    FormControl,\r\n    Select,\r\n    MenuItem,\r\n    ListSubheader,\r\n} from '@mui/material';\r\n\r\nimport I18n from './wrapper/i18n';\r\nimport Utils from './wrapper/Components/Utils';\r\n\r\nimport ConfigGeneric from './ConfigGeneric';\r\n\r\nconst styles = () => ({\r\n    fullWidth: {\r\n        width: '100%',\r\n    },\r\n    noMargin: {\r\n        '&>div': {\r\n            marginTop: 0,\r\n        },\r\n    },\r\n});\r\n\r\nclass ConfigSelect extends ConfigGeneric {\r\n    componentDidMount() {\r\n        super.componentDidMount();\r\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\r\n\r\n        const selectOptions = [];\r\n\r\n        (this.props.schema.options || []).forEach(item => {\r\n            // if optgroup\r\n            if (Array.isArray(item.items)) {\r\n                selectOptions.push({ label: item.label, value: item.value, group: true });\r\n                item.items = item.items.forEach(it => selectOptions.push(it));\r\n                return;\r\n            }\r\n\r\n            selectOptions.push(item);\r\n        });\r\n\r\n        // if __different\r\n        if (Array.isArray(value)) {\r\n            this.initialValue = [...value];\r\n            selectOptions.unshift({ label: I18n.t(ConfigGeneric.DIFFERENT_LABEL), value: ConfigGeneric.DIFFERENT_VALUE });\r\n            this.setState({ value: ConfigGeneric.DIFFERENT_VALUE, selectOptions });\r\n        } else {\r\n            this.setState({ value, selectOptions });\r\n        }\r\n    }\r\n\r\n    renderItem(error, disabled /* , defaultValue */) {\r\n        if (!this.state.selectOptions) {\r\n            return null;\r\n        }\r\n\r\n        const selectOptions = (this.state.selectOptions || []).filter(item => {\r\n            // if optgroup or no hidden function\r\n            if (!item.hidden) {\r\n                return true;\r\n            }\r\n            if (this.props.custom) {\r\n                return !this.executeCustom(item.hidden, this.props.data, this.props.customObj, this.props.instanceObj, this.props.arrayIndex, this.props.globalData);\r\n            }\r\n            return !this.execute(item.hidden, this.props.schema.default, this.props.data, this.props.arrayIndex, this.props.globalData);\r\n        });\r\n\r\n        // eslint-disable-next-line\r\n        const item = selectOptions.find(it => it.value == this.state.value); // let \"==\" be and not ===\r\n\r\n        return <FormControl\r\n            variant=\"standard\"\r\n            className={Utils.clsx(this.props.classes.fullWidth, this.props.arrayIndex !== undefined && this.props.classes.noMargin)}\r\n            id={`jsonSelect_${this.props.schema.attr}_${this.props.index || this.props.index === 0 ? this.props.index : ''}`}\r\n        >\r\n            {this.props.schema.label ? <InputLabel>{this.getText(this.props.schema.label)}</InputLabel> : null}\r\n            <Select\r\n                variant=\"standard\"\r\n                error={!!error}\r\n                disabled={!!disabled}\r\n                value={this.state.value || '_'}\r\n                renderValue={() => this.getText(item?.label, this.props.schema.noTranslation)}\r\n                onChange={e => {\r\n                    this.setState({ value: e.target.value === '_' ? '' : e.target.value }, () => {\r\n                        if (this.state.value === ConfigGeneric.DIFFERENT_VALUE) {\r\n                            this.onChange(this.props.attr, this.initialValue);\r\n                        } else {\r\n                            this.onChange(this.props.attr, this.state.value);\r\n                        }\r\n                    });\r\n                }}\r\n            >\r\n                {selectOptions.map((it, i) => {\r\n                    if (it.group) {\r\n                        return <ListSubheader key={i}>{this.getText(it.label, this.props.schema.noTranslation)}</ListSubheader>;\r\n                    }\r\n                    return <MenuItem key={i} value={it.value} style={it.value === ConfigGeneric.DIFFERENT_VALUE ? { opacity: 0.5 } : {}}>\r\n                        {this.getText(it.label, this.props.schema.noTranslation)}\r\n                    </MenuItem>;\r\n                })}\r\n            </Select>\r\n            {this.props.schema.help ? <FormHelperText>{this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}</FormHelperText> : null}\r\n        </FormControl>;\r\n    }\r\n}\r\n\r\nConfigSelect.propTypes = {\r\n    socket: PropTypes.object.isRequired,\r\n    themeType: PropTypes.string,\r\n    themeName: PropTypes.string,\r\n    style: PropTypes.object,\r\n    className: PropTypes.string,\r\n    data: PropTypes.object.isRequired,\r\n    schema: PropTypes.object,\r\n    onError: PropTypes.func,\r\n    onChange: PropTypes.func,\r\n};\r\n\r\nexport default withStyles(styles)(ConfigSelect);\r\n"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigSelectSendTo.d.ts

@@ -0,0 +1,17 @@
+declare const _default: React.JSXElementConstructor<Omit<Pick<import("./ConfigGeneric").ConfigGenericProps, "changed" | "classes" | "disabled" | "data" | "onChange" | "onError" | "common" | "instance" | "originalData" | "instanceObj" | "customObj" | "schema" | "attr" | "custom" | "forceUpdate" | "alive" | "systemConfig" | "socket" | "adapterName" | "themeType"> & Pick<PropTypes.InferProps<{
+    socket: PropTypes.Validator<object>;
+    themeType: PropTypes.Requireable<string>;
+    themeName: PropTypes.Requireable<string>;
+    style: PropTypes.Requireable<object>;
+    adapterName: PropTypes.Requireable<string>;
+    alive: PropTypes.Requireable<boolean>;
+    instance: PropTypes.Requireable<number>;
+    className: PropTypes.Requireable<string>;
+    data: PropTypes.Validator<object>;
+    schema: PropTypes.Requireable<object>;
+    onError: PropTypes.Requireable<(...args: any[]) => any>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+}>, "style" | "className" | "themeName"> & Pick<import("./ConfigGeneric").ConfigGenericProps, "changed" | "classes" | "disabled" | "common" | "originalData" | "instanceObj" | "customObj" | "arrayIndex" | "globalData" | "registerOnForceUpdate" | "attr" | "custom" | "forceUpdate" | "systemConfig" | "commandRunning">, "classes"> & import("@mui/styles").StyledComponentProps<"fullWidth" | "menuPaper"> & object>;
+export default _default;
+import PropTypes from 'prop-types';
+import React from 'react';

package/Components/JsonConfigComponent/ConfigSelectSendTo.js

@@ -0,0 +1,272 @@
+"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 _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/styles");
+var _material = require("@mui/material");
+var _i18n = _interopRequireDefault(require("./wrapper/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() {
+  return {
+    fullWidth: {
+      width: '100%'
+    },
+    menuPaper: {
+      maxHeight: 800
+    }
+  };
+};
+
+/*
+to use this option, your adapter must implement listUart message
+
+adapter.on('message', obj => {
+   if (obj) {
+       switch (obj.command) {
+           case 'command':
+               if (obj.callback) {
+                   try {
+                       const serialport = require('serialport');
+                       if (serialport) {
+                           // read all found serial ports
+                           serialport.list()
+                               .then(ports => {
+                                   adapter.log.info('List of port: ' + JSON.stringify(ports));
+                                   adapter.sendTo(obj.from, obj.command, ports.map(item =>
+                                        ({label: item.path, value: item.path})), obj.callback);
+                               })
+                               .catch(e => {
+                                   adapter.sendTo(obj.from, obj.command, [], obj.callback);
+                                   adapter.log.error(e)
+                               });
+                       } else {
+                           adapter.log.warn('Module serialport is not available');
+                           adapter.sendTo(obj.from, obj.command, [{label: 'Not available', value: ''}], obj.callback);
+                       }
+                   } catch (e) {
+                       adapter.sendTo(obj.from, obj.command, [{label: 'Not available', value: ''}], obj.callback);
+                   }
+               }
+
+               break;
+       }
+   }
+});
+ */
+var ConfigSelectSendTo = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigSelectSendTo, _ConfigGeneric);
+  var _super = _createSuper(ConfigSelectSendTo);
+  function ConfigSelectSendTo() {
+    (0, _classCallCheck2["default"])(this, ConfigSelectSendTo);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(ConfigSelectSendTo, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigSelectSendTo.prototype), "componentDidMount", this).call(this);
+      this.askInstance();
+    }
+  }, {
+    key: "askInstance",
+    value: function askInstance() {
+      var _this = this;
+      if (this.props.alive) {
+        var data = this.props.schema.data;
+        if (data === undefined && this.props.schema.jsonData) {
+          data = this.getPattern(this.props.schema.jsonData);
+          try {
+            data = JSON.parse(data);
+          } catch (e) {
+            console.error("Cannot parse json data: ".concat(data));
+          }
+        }
+        if (data === undefined) {
+          data = null;
+        }
+        this.props.socket.sendTo("".concat(this.props.adapterName, ".").concat(this.props.instance), this.props.schema.command || 'send', data).then(function (list) {
+          return _this.setState({
+            list: list,
+            context: _this.getContext()
+          });
+        });
+      } else {
+        var value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
+        this.setState({
+          value: value
+        });
+      }
+    }
+  }, {
+    key: "getContext",
+    value: function getContext() {
+      var _this2 = this;
+      var context = {};
+      if (Array.isArray(this.props.schema.alsoDependsOn)) {
+        this.props.schema.alsoDependsOn.forEach(function (attr) {
+          return context[attr] = _ConfigGeneric2["default"].getValue(_this2.props.data, attr);
+        });
+      }
+      return JSON.stringify(context);
+    }
+  }, {
+    key: "_getValue",
+    value: function _getValue() {
+      var value = this.state.value === null || this.state.value === undefined ? _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr) : this.state.value;
+      if (this.props.schema.multiple) {
+        if (typeof value === 'string') {
+          value = [value];
+        } else if (value === null || value === undefined) {
+          value = [];
+        }
+      }
+      return value;
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(error, disabled /* , defaultValue */) {
+      var _this3 = this;
+      if (this.props.alive) {
+        var context = this.getContext();
+        if (context !== this.state.context) {
+          setTimeout(function () {
+            return _this3.askInstance();
+          }, 300);
+        }
+      }
+      var value = this._getValue();
+      if (!this.props.alive) {
+        if (this.props.schema.multiple || this.props.schema.manual === false) {
+          return _i18n["default"].t('ra_Cannot retrieve options, as instance is offline');
+        }
+        return /*#__PURE__*/_react["default"].createElement(_material.TextField, {
+          variant: "standard",
+          fullWidth: true,
+          value: value,
+          error: !!error,
+          disabled: !!disabled,
+          onChange: function onChange(e) {
+            var value_ = e.target.value;
+            _this3.setState({
+              value: value_
+            }, function () {
+              return _this3.onChange(_this3.props.attr, (value_ || '').trim());
+            });
+          },
+          placeholder: this.getText(this.props.schema.placeholder),
+          label: this.getText(this.props.schema.label),
+          helperText: this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)
+        });
+      }
+      if (!this.state.list) {
+        return /*#__PURE__*/_react["default"].createElement(_material.CircularProgress, {
+          size: "small"
+        });
+      }
+      var selectOptions = this.state.list.filter(function (item) {
+        if (!item.hidden) {
+          return true;
+        }
+        if (_this3.props.custom) {
+          return !_this3.executeCustom(item.hidden, _this3.props.schema["default"], _this3.props.data, _this3.props.instanceObj, _this3.props.arrayIndex, _this3.props.globalData);
+        }
+        return !_this3.execute(item.hidden, _this3.props.schema["default"], _this3.props.data, _this3.props.arrayIndex, _this3.props.globalData);
+      });
+      var item = selectOptions.find(function (it) {
+        return it.value === value;
+      });
+      return /*#__PURE__*/_react["default"].createElement(_material.FormControl, {
+        variant: "standard",
+        className: this.props.classes.fullWidth
+      }, this.props.schema.label ? /*#__PURE__*/_react["default"].createElement(_material.InputLabel, null, this.getText(this.props.schema.label)) : null, /*#__PURE__*/_react["default"].createElement(_material.Select, {
+        variant: "standard",
+        error: !!error,
+        multiple: this.props.schema.multiple,
+        disabled: !!disabled,
+        value: value,
+        MenuProps: this.props.schema.multiple ? {
+          classes: {
+            paper: this.props.classes.menuPaper
+          }
+        } : undefined,
+        renderValue: function renderValue(val) {
+          return _this3.props.schema.multiple ? /*#__PURE__*/_react["default"].createElement(_material.Box, {
+            sx: {
+              display: 'flex',
+              flexWrap: 'wrap',
+              gap: 0.5
+            }
+          }, val.map(function (v) {
+            var it = selectOptions.find(function (_item) {
+              return _item.value === v;
+            });
+            if (it || _this3.props.schema.showAllValues !== false) {
+              var label = (it === null || it === void 0 ? void 0 : it.label) || v;
+              return /*#__PURE__*/_react["default"].createElement(_material.Chip, {
+                key: v,
+                label: label
+              });
+            }
+            return null;
+          })) : (item === null || item === void 0 ? void 0 : item.label) || val;
+        },
+        onChange: function onChange(e) {
+          _this3.onChange(_this3.props.attr, e.target.value);
+        }
+      }, selectOptions.map(function (it, i) {
+        return /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
+          key: i,
+          value: it.value
+        }, _this3.props.schema.multiple ? /*#__PURE__*/_react["default"].createElement(_material.Checkbox, {
+          checked: value.includes(it.value),
+          onClick: function onClick() {
+            var _value = JSON.parse(JSON.stringify(_this3._getValue()));
+            var pos = value.indexOf(it.value);
+            if (pos !== -1) {
+              _value.splice(pos, 1);
+            } else {
+              _value.push(it.value);
+              _value.sort();
+            }
+            _this3.setState({
+              value: _value
+            }, function () {
+              return _this3.onChange(_this3.props.attr, _value);
+            });
+          }
+        }) : null, /*#__PURE__*/_react["default"].createElement(_material.ListItemText, {
+          primary: it.label
+        }));
+      })), this.props.schema.help ? /*#__PURE__*/_react["default"].createElement(_material.FormHelperText, null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null);
+    }
+  }]);
+  return ConfigSelectSendTo;
+}(_ConfigGeneric2["default"]);
+ConfigSelectSendTo.propTypes = {
+  socket: _propTypes["default"].object.isRequired,
+  themeType: _propTypes["default"].string,
+  themeName: _propTypes["default"].string,
+  style: _propTypes["default"].object,
+  adapterName: _propTypes["default"].string,
+  alive: _propTypes["default"].bool,
+  instance: _propTypes["default"].number,
+  className: _propTypes["default"].string,
+  data: _propTypes["default"].object.isRequired,
+  schema: _propTypes["default"].object,
+  onError: _propTypes["default"].func,
+  onChange: _propTypes["default"].func
+};
+var _default = exports["default"] = (0, _styles.withStyles)(styles)(ConfigSelectSendTo);
+//# sourceMappingURL=ConfigSelectSendTo.js.map