@iobroker/adapter-react-v5 4.6.12 → 4.6.13

package/Components/JsonConfigComponent/ConfigInterface.js

@@ -0,0 +1,146 @@
+"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 _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%'
+    },
+    address: {
+      fontSize: 'smaller',
+      opacity: 0.5,
+      marginLeft: 8
+    }
+  };
+};
+var ConfigInterface = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigInterface, _ConfigGeneric);
+  var _super = _createSuper(ConfigInterface);
+  function ConfigInterface() {
+    (0, _classCallCheck2["default"])(this, ConfigInterface);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(ConfigInterface, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this = this;
+      (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigInterface.prototype), "componentDidMount", this).call(this);
+      this.props.socket.getObject("system.host.".concat(this.props.common.host)).then(function (obj) {
+        var _obj$native;
+        var interfaces = [];
+        if (obj !== null && obj !== void 0 && (_obj$native = obj["native"]) !== null && _obj$native !== void 0 && (_obj$native = _obj$native.hardware) !== null && _obj$native !== void 0 && _obj$native.networkInterfaces) {
+          var list = obj["native"].hardware.networkInterfaces;
+          Object.keys(list).forEach(function (inter) {
+            if (_this.props.schema.ignoreInternal && !list[inter].find(function (_ip) {
+              return !_ip.internal;
+            })) {
+              return;
+            }
+            if (_this.props.schema.ignoreLoopback && list[inter].find(function (_ip) {
+              return ip.address === '127.0.0.1' || ip.address === '::1';
+            })) {
+              return;
+            }
+
+            // find ipv4 address
+            var ip = list[inter].find(function (_ip) {
+              return _ip.family === 'IPv4';
+            });
+            ip = ip || list[inter].find(function (_ip) {
+              return _ip.family === 'IPv6';
+            });
+            interfaces.push({
+              value: inter,
+              address: ip.address
+            });
+          });
+        }
+        _this.setState({
+          interfaces: interfaces
+        });
+      })["catch"](function (e) {
+        return window.alert("Cannot read interfaces: ".concat(e));
+      });
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(error, disabled /* , defaultValue */) {
+      var _this$state$interface,
+        _this$state$interface2,
+        _this$state$interface3,
+        _this2 = this;
+      var value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
+      var item = (_this$state$interface = this.state.interfaces) === null || _this$state$interface === void 0 ? void 0 : _this$state$interface.find(function (it) {
+        return it.value === value;
+      });
+      return /*#__PURE__*/_react["default"].createElement(_material.FormControl, {
+        className: this.props.classes.fullWidth,
+        variant: "standard"
+      }, (_this$state$interface2 = this.state.interfaces) !== null && _this$state$interface2 !== void 0 && _this$state$interface2.length && this.props.schema.label ? /*#__PURE__*/_react["default"].createElement(_material.InputLabel, null, this.getText(this.props.schema.label)) : null, !((_this$state$interface3 = this.state.interfaces) !== null && _this$state$interface3 !== void 0 && _this$state$interface3.length) ? /*#__PURE__*/_react["default"].createElement(_material.TextField, {
+        fullWidth: true,
+        variant: "standard",
+        error: !!error,
+        disabled: !!disabled,
+        value: value,
+        onChange: function onChange(e) {
+          return _this2.onChange(_this2.props.attr, e.target.value);
+        },
+        label: this.getText(this.props.schema.label)
+      }) : /*#__PURE__*/_react["default"].createElement(_material.Select, {
+        variant: "standard",
+        error: !!error,
+        disabled: !!disabled,
+        value: value,
+        renderValue: function renderValue(val) {
+          if (item) {
+            return /*#__PURE__*/_react["default"].createElement("span", null, item.value, /*#__PURE__*/_react["default"].createElement("span", {
+              className: _this2.props.classes.address
+            }, item.address));
+          }
+          return val;
+        },
+        onChange: function onChange(e) {
+          return _this2.onChange(_this2.props.attr, e.target.value);
+        }
+      }, this.state.interfaces.map(function (it, i) {
+        return /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
+          key: i,
+          value: it.value
+        }, /*#__PURE__*/_react["default"].createElement("span", null, it.value, /*#__PURE__*/_react["default"].createElement("span", {
+          className: _this2.props.classes.address
+        }, it.address)));
+      })), 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 ConfigInterface;
+}(_ConfigGeneric2["default"]);
+ConfigInterface.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)(ConfigInterface);
+//# sourceMappingURL=ConfigInterface.js.map

package/Components/JsonConfigComponent/ConfigInterface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigInterface.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_material","_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","address","fontSize","opacity","marginLeft","ConfigInterface","_ConfigGeneric","_inherits2","_super","_classCallCheck2","_createClass2","key","value","componentDidMount","_this","_get2","props","socket","getObject","concat","common","host","then","obj","_obj$native","interfaces","hardware","networkInterfaces","list","Object","keys","forEach","inter","schema","ignoreInternal","find","_ip","internal","ignoreLoopback","ip","family","push","setState","window","alert","renderItem","error","disabled","_this$state$interface","_this$state$interface2","_this$state$interface3","_this2","ConfigGeneric","getValue","data","attr","item","state","it","createElement","FormControl","className","classes","variant","length","label","InputLabel","getText","TextField","onChange","target","Select","renderValue","val","map","i","MenuItem","help","FormHelperText","renderHelp","helpLink","noTranslation","propTypes","PropTypes","object","isRequired","themeType","string","themeName","style","onError","func","_default","exports","withStyles"],"sources":["JsonConfigComponent/ConfigInterface.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport {\n    InputLabel,\n    TextField,\n    FormHelperText,\n    MenuItem,\n    FormControl,\n    Select,\n} from '@mui/material';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = () => ({\n    fullWidth: {\n        width: '100%',\n    },\n    address: {\n        fontSize: 'smaller',\n        opacity: 0.5,\n        marginLeft: 8,\n    },\n});\n\nclass ConfigInterface extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n        this.props.socket.getObject(`system.host.${this.props.common.host}`)\n            .then(obj => {\n                const interfaces = [];\n                if (obj?.native?.hardware?.networkInterfaces) {\n                    const list = obj.native.hardware.networkInterfaces;\n                    Object.keys(list).forEach(inter => {\n                        if (this.props.schema.ignoreInternal && !list[inter].find(_ip => !_ip.internal)) {\n                            return;\n                        }\n                        if (this.props.schema.ignoreLoopback && list[inter].find(_ip => ip.address === '127.0.0.1' || ip.address === '::1')) {\n                            return;\n                        }\n\n                        // find ipv4 address\n                        let ip = list[inter].find(_ip => _ip.family === 'IPv4');\n                        ip = ip || list[inter].find(_ip => _ip.family === 'IPv6');\n                        interfaces.push({ value: inter, address: ip.address });\n                    });\n                }\n\n                this.setState({ interfaces });\n            })\n            .catch(e => window.alert(`Cannot read interfaces: ${e}`));\n    }\n\n    renderItem(error, disabled /* , defaultValue */) {\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        const item = this.state.interfaces?.find(it => it.value === value);\n\n        return <FormControl className={this.props.classes.fullWidth} variant=\"standard\">\n            {this.state.interfaces?.length && this.props.schema.label ? <InputLabel>{this.getText(this.props.schema.label)}</InputLabel> : null}\n            {!this.state.interfaces?.length ?\n                <TextField\n                    fullWidth\n                    variant=\"standard\"\n                    error={!!error}\n                    disabled={!!disabled}\n                    value={value}\n                    onChange={e => this.onChange(this.props.attr, e.target.value)}\n                    label={this.getText(this.props.schema.label)}\n                /> :\n                <Select\n                    variant=\"standard\"\n                    error={!!error}\n                    disabled={!!disabled}\n                    value={value}\n                    renderValue={val => {\n                        if (item) {\n                            return <span>\n                                {item.value}\n                                <span className={this.props.classes.address}>{item.address}</span>\n                            </span>;\n                        }\n                        return val;\n                    }}\n                    onChange={e => this.onChange(this.props.attr, e.target.value)}\n                >\n                    {this.state.interfaces.map((it, i) =>\n                        <MenuItem key={i} value={it.value}>\n                            <span>\n                                {it.value}\n                                <span className={this.props.classes.address}>{it.address}</span>\n                            </span>\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\nConfigInterface.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)(ConfigInterface);\n"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigJsonEditor.d.ts

@@ -1,7 +1,6 @@
 declare const _default: React.JSXElementConstructor<Omit<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>;

package/Components/JsonConfigComponent/ConfigJsonEditor.js

@@ -16,19 +16,14 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _react = _interopRequireDefault(require("react"));
 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("./wrapper/i18n"));
 var _CustomModal = _interopRequireDefault(require("../CustomModal"));
 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; } } // import AceEditor from 'react-ace';
-// import 'ace-builds/src-min-noconflict/mode-json';
-// import 'ace-builds/src-min-noconflict/worker-json';
-// import 'ace-builds/src-min-noconflict/theme-clouds_midnight';
-// import 'ace-builds/src-min-noconflict/theme-chrome';
-// import 'ace-builds/src-min-noconflict/ext-language_tools';
+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; } }
+// import Editor from '../Editor';
+
 var styles = function styles() {
   return {
     fullWidth: {
@@ -97,7 +92,7 @@ var ConfigJsonEditor = /*#__PURE__*/function (_ConfigGeneric) {
       var _this$state = this.state,
         value = _this$state.value,
         showSelectId = _this$state.showSelectId;
-      return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_material.FormControl, {
         className: classes.fullWidth,
         variant: "standard"
       }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -131,7 +126,7 @@ var ConfigJsonEditor = /*#__PURE__*/function (_ConfigGeneric) {
         }
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.wrapper
-      }, /*#__PURE__*/_react["default"].createElement("div", null, "NOT SUPPORTED"))) : null, schema.help ? /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null);
+      }, /*#__PURE__*/_react["default"].createElement("div", null, "NOT SUPPORTED"))) : null, schema.help ? /*#__PURE__*/_react["default"].createElement(_material.FormHelperText, null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null);
     }
   }]);
   return ConfigJsonEditor;
@@ -139,7 +134,7 @@ var ConfigJsonEditor = /*#__PURE__*/function (_ConfigGeneric) {
 ConfigJsonEditor.propTypes = {
   socket: _propTypes["default"].object.isRequired,
   themeType: _propTypes["default"].string,
-  themeName: _propTypes["default"].string,
+  //    themeName: PropTypes.string,
   style: _propTypes["default"].object,
   className: _propTypes["default"].string,
   data: _propTypes["default"].object.isRequired,

package/Components/JsonConfigComponent/ConfigJsonEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigJsonEditor.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_FormHelperText","_FormControl","_material","_ConfigGeneric2","_i18n","_CustomModal","_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","flex","display","button","height","minWidth","wrapper","ConfigJsonEditor","_ConfigGeneric","_inherits2","_super","_classCallCheck2","_createClass2","key","value","_componentDidMount","_asyncToGenerator2","_regenerator","mark","_callee","_this$props","data","attr","wrap","_callee$","_context","prev","next","_get2","props","ConfigGeneric","getValue","setState","initialized","stop","componentDidMount","renderItem","_this","state","_this$props2","classes","schema","_this$state","showSelectId","createElement","className","variant","Button","color","size","onClick","I18n","t","title","getText","label","open","overflowHidden","onClose","onApply","onChange","help","renderHelp","helpLink","noTranslation","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","onError","func","_default","exports","withStyles"],"sources":["JsonConfigComponent/ConfigJsonEditor.jsx"],"sourcesContent":["import React from 'react';\nimport 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\n// import AceEditor from 'react-ace';\nimport ConfigGeneric from './ConfigGeneric';\nimport I18n from './wrapper/i18n';\nimport CustomModal from '../CustomModal';\n\n// import 'ace-builds/src-min-noconflict/mode-json';\n// import 'ace-builds/src-min-noconflict/worker-json';\n// import 'ace-builds/src-min-noconflict/theme-clouds_midnight';\n// import 'ace-builds/src-min-noconflict/theme-chrome';\n// import 'ace-builds/src-min-noconflict/ext-language_tools';\n\nconst styles = () => ({\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\n        const {\n            classes, schema, data, attr,\n        } = this.props;\n        const { value, showSelectId } = this.state;\n\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                >\n                    {I18n.t('ra_JSON editor')}\n                </Button>\n            </div>\n            {showSelectId ? <CustomModal\n                title={this.getText(schema.label)}\n                open={showSelectId}\n                overflowHidden\n                onClose={() =>\n                    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={typeof value === 'object' ? JSON.stringify(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>NOT SUPPORTED</div>\n                </div>\n            </CustomModal> : null}\n            {schema.help ? <FormHelperText>\n                {this.renderHelp(\n                    this.props.schema.help,\n                    this.props.schema.helpLink,\n                    this.props.schema.noTranslation,\n                )}\n            </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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"}
+{"version":3,"file":"ConfigJsonEditor.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_material","_ConfigGeneric2","_i18n","_CustomModal","_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","flex","display","button","height","minWidth","wrapper","ConfigJsonEditor","_ConfigGeneric","_inherits2","_super","_classCallCheck2","_createClass2","key","value","_componentDidMount","_asyncToGenerator2","_regenerator","mark","_callee","_this$props","data","attr","wrap","_callee$","_context","prev","next","_get2","props","ConfigGeneric","getValue","setState","initialized","stop","componentDidMount","renderItem","_this","state","_this$props2","classes","schema","_this$state","showSelectId","createElement","FormControl","className","variant","Button","color","size","onClick","I18n","t","title","getText","label","open","overflowHidden","onClose","onApply","onChange","help","FormHelperText","renderHelp","helpLink","noTranslation","propTypes","socket","PropTypes","object","isRequired","themeType","string","style","onError","func","_default","exports","withStyles"],"sources":["JsonConfigComponent/ConfigJsonEditor.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport {\n    FormHelperText,\n    FormControl,\n    Button,\n} from '@mui/material';\n\nimport ConfigGeneric from './ConfigGeneric';\nimport I18n from './wrapper/i18n';\nimport CustomModal from '../CustomModal';\n// import Editor from '../Editor';\n\nconst styles = () => ({\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\n        const {\n            classes, schema, data, attr,\n        } = this.props;\n        const { value, showSelectId } = this.state;\n\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                >\n                    {I18n.t('ra_JSON editor')}\n                </Button>\n            </div>\n            {showSelectId ? <CustomModal\n                title={this.getText(schema.label)}\n                open={showSelectId}\n                overflowHidden\n                onClose={() =>\n                    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                    {/*<Editor\n                        value={typeof value === 'object' ? JSON.stringify(value) : value}\n                        onChange={newValue => this.setState({ value: newValue })}\n                        name=\"ConfigJsonEditor\"\n                        themeType={this.props.themeType}\n                    />*/}\n                    <div>NOT SUPPORTED</div>\n                </div>\n            </CustomModal> : null}\n            {schema.help ? <FormHelperText>\n                {this.renderHelp(\n                    this.props.schema.help,\n                    this.props.schema.helpLink,\n                    this.props.schema.noTranslation,\n                )}\n            </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/ConfigLicense.d.ts

@@ -1,5 +1,6 @@
 export default ConfigLicense;
-declare class ConfigLicense extends ConfigGeneric {
+declare class ConfigLicense extends ConfigGeneric<any, any> {
+    constructor(props: any);
     scrollRef: React.RefObject<any>;
     noPlaceRequired: boolean;
     scrolledDown(): boolean;

package/Components/JsonConfigComponent/ConfigPattern.d.ts

@@ -1,5 +1,6 @@
 export default ConfigPattern;
-declare class ConfigPattern extends ConfigGeneric {
+declare class ConfigPattern extends ConfigGeneric<any, any> {
+    constructor(props: any);
     renderItem(error: any, disabled: any): React.JSX.Element;
 }
 declare namespace ConfigPattern {

package/Components/JsonConfigComponent/ConfigUUID.d.ts

@@ -1,5 +1,6 @@
 export default ConfigUUID;
-declare class ConfigUUID extends ConfigGeneric {
+declare class ConfigUUID extends ConfigGeneric<any, any> {
+    constructor(props: any);
     componentDidMount(): Promise<void>;
     renderItem(error: any, disabled: any): React.JSX.Element;
 }

package/README.md

@@ -670,7 +670,7 @@ socket.getObjectViewCustom('custom', 'state', 'startKey', 'endKey')
 -->
 
 ## Changelog
-### 4.6.12 (2023-10-30)
+### 4.6.13 (2023-10-30)
 * (bluefox) Synced with admin
 * (bluefox) Added GIF to image files
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/adapter-react-v5",
-  "version": "4.6.12",
+  "version": "4.6.13",
   "description": "React classes to develop admin interfaces for ioBroker with react.",
   "author": {
     "name": "Denis Haev (bluefox)",

package/Components/JsonConfigComponent/ConfigGeneric.d.ts

@@ -1,87 +0,0 @@
-export default ConfigGeneric;
-declare class ConfigGeneric extends React.Component<any, any, any> {
-    static DIFFERENT_VALUE: string;
-    static DIFFERENT_LABEL: string;
-    static NONE_VALUE: string;
-    static NONE_LABEL: string;
-    static AsyncFunction: any;
-    /**
-     * Extract attribute out of data
-     *
-     * @param {Record<string, any>} data
-     * @param {string|string[]} attr
-     * @return {*|null}
-     */
-    static getValue(data: Record<string, any>, attr: string | string[]): any | null;
-    static setValue(data: any, attr: any, value: any): void;
-    constructor(props: any);
-    state: {
-        confirmDialog: boolean;
-        confirmNewValue: any;
-        confirmAttr: any;
-        confirmData: any;
-    };
-    isError: {};
-    defaultValue: any;
-    lang: ioBroker.Languages;
-    componentDidMount(): void;
-    sendTo(): void;
-    defaultSendToDone: boolean;
-    componentWillUnmount(): void;
-    sendToTimeout: any;
-    onUpdate: (data: any) => void;
-    getText(text: any, noTranslation: any): any;
-    renderConfirmDialog(): React.JSX.Element;
-    /**
-     * Trigger onChange, to activate save button on change
-     *
-     * @param attr the changed attribute
-     * @param newValue new value of the attribute
-     * @param {(() => void)?} cb optional callback function, else returns a Promise
-     * @return {Promise<void>}
-     */
-    onChange(attr: any, newValue: any, cb: (() => void) | null): Promise<void>;
-    execute(func: any, defaultValue: any, data: any, arrayIndex: any, globalData: any): any;
-    executeCustom(func: any, data: any, customObj: any, instanceObj: any, arrayIndex: any, globalData: any): any;
-    calculate(schema: any): {
-        error: boolean;
-        disabled: any;
-        hidden: any;
-        defaultValue: any;
-    };
-    onError(attr: any, error: any): void;
-    renderItem(): any;
-    renderHelp(text: any, link: any, noTranslation: any): any;
-    getPattern(pattern: any, data: any): any;
-    render(): any;
-}
-declare namespace ConfigGeneric {
-    namespace propTypes {
-        let socket: PropTypes.Validator<object>;
-        let data: PropTypes.Requireable<object>;
-        let originalData: PropTypes.Requireable<object>;
-        let schema: PropTypes.Requireable<object>;
-        let attr: PropTypes.Requireable<string>;
-        let value: PropTypes.Requireable<any>;
-        let themeName: PropTypes.Requireable<string>;
-        let style: PropTypes.Requireable<object>;
-        let onError: PropTypes.Requireable<(...args: any[]) => any>;
-        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        let customs: PropTypes.Requireable<object>;
-        let forceUpdate: PropTypes.Validator<(...args: any[]) => any>;
-        let disabled: PropTypes.Requireable<boolean>;
-        let systemConfig: PropTypes.Requireable<object>;
-        let alive: PropTypes.Requireable<boolean>;
-        let changed: PropTypes.Requireable<boolean>;
-        let common: PropTypes.Requireable<object>;
-        let adapterName: PropTypes.Requireable<string>;
-        let instance: PropTypes.Requireable<number>;
-        let dateFormat: PropTypes.Requireable<string>;
-        let isFloatComma: PropTypes.Requireable<boolean>;
-        let customObj: PropTypes.Requireable<object>;
-        let instanceObj: PropTypes.Requireable<object>;
-        let custom: PropTypes.Requireable<boolean>;
-    }
-}
-import React from 'react';
-import PropTypes from 'prop-types';