@iobroker/adapter-react-v5 4.13.0 → 4.13.2

package/Components/JsonConfigComponent/ConfigPassword.js

@@ -0,0 +1,193 @@
+"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 _iconsMaterial = require("@mui/icons-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(theme) {
+  return {
+    fullWidth: {
+      width: '100%',
+      display: 'inline-block'
+    },
+    halfWidth1: {
+      width: "calc(50% - ".concat(theme.spacing(0.5), ")"),
+      display: 'inline-block',
+      marginRight: theme.spacing(1)
+    },
+    halfWidth2: {
+      width: "calc(50% - ".concat(theme.spacing(0.5), ")"),
+      display: 'inline-block'
+    }
+  };
+};
+var PASSWORD_PLACEHOLDER = '____ppp____';
+var ConfigPassword = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigPassword, _ConfigGeneric);
+  var _super = _createSuper(ConfigPassword);
+  function ConfigPassword() {
+    (0, _classCallCheck2["default"])(this, ConfigPassword);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(ConfigPassword, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigPassword.prototype), "componentDidMount", this).call(this);
+      var value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
+      this.setState({
+        _repeat: value ? PASSWORD_PLACEHOLDER : '',
+        _visible: false,
+        value: value ? PASSWORD_PLACEHOLDER : '',
+        _notEqual: false
+      });
+    }
+  }, {
+    key: "onChangePassword",
+    value: function onChangePassword(password, repeatPassword) {
+      var _this = this;
+      if (password === undefined) {
+        password = this.state.value;
+      }
+      if (repeatPassword === undefined) {
+        repeatPassword = this.state._repeat;
+      }
+      var _notEqual = !!this.props.schema.repeat && repeatPassword !== password;
+      this.setState({
+        value: password,
+        _repeat: repeatPassword,
+        _notEqual: _notEqual
+      }, function () {
+        if (_notEqual) {
+          _this.onError(_this.props.attr, _i18n["default"].t('ra_Passwords are not equal!'));
+        } else {
+          _this.onError(_this.props.attr); // clear error
+          _this.onChange(_this.props.attr, password);
+        }
+      });
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(error, disabled /* , defaultValue */) {
+      var _this2 = this;
+      if (this.state._notEqual === undefined) {
+        return null;
+      }
+      var password = /*#__PURE__*/_react["default"].createElement(_material.TextField, {
+        variant: "standard",
+        fullWidth: true,
+        type: this.state._visible && this.state.value !== PASSWORD_PLACEHOLDER ? 'text' : 'password',
+        value: this.state.value,
+        error: !!error || this.state._notEqual,
+        disabled: !!disabled,
+        onChange: function onChange(e) {
+          return _this2.onChangePassword(e.target.value);
+        },
+        label: this.getText(this.props.schema.label),
+        inputProps: {
+          autoComplete: 'new-password',
+          form: {
+            autoComplete: 'off'
+          },
+          maxLength: this.props.schema.maxLength || this.props.schema.max || undefined
+        },
+        helperText: this.state._notEqual ? _i18n["default"].t('ra_Passwords are not equal!') : this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)
+        // eslint-disable-next-line react/jsx-no-duplicate-props
+        ,
+        InputProps: {
+          endAdornment: this.state.value && this.state.value !== PASSWORD_PLACEHOLDER && this.props.schema.visible ? /*#__PURE__*/_react["default"].createElement(_material.InputAdornment, {
+            position: "end"
+          }, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+            size: "large",
+            tabIndex: -1,
+            onClick: function onClick(e) {
+              e.preventDefault();
+              e.stopPropagation();
+              _this2.setState({
+                _visible: !_this2.state._visible
+              });
+            },
+            edge: "end"
+          }, this.state._visible ? /*#__PURE__*/_react["default"].createElement(_iconsMaterial.VisibilityOff, null) : /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Visibility, null))) : undefined
+        }
+      });
+      if (this.props.schema.repeat) {
+        var passwordRepeat = /*#__PURE__*/_react["default"].createElement(_material.TextField, {
+          variant: "standard",
+          fullWidth: true,
+          type: this.state._visible && this.state._repeat !== PASSWORD_PLACEHOLDER ? 'text' : 'password',
+          value: this.state._repeat,
+          error: !!error || this.state._notEqual,
+          disabled: !!disabled,
+          onChange: function onChange(e) {
+            return _this2.onChangePassword(undefined, e.target.value);
+          },
+          label: "".concat(this.getText(this.props.schema.label), " (").concat(_i18n["default"].t('ra_repeat'), ")"),
+          inputProps: {
+            autoComplete: 'new-password',
+            form: {
+              autoComplete: 'off'
+            },
+            maxLength: this.props.schema.maxLength || this.props.schema.max || undefined
+          },
+          helperText: this.state._notEqual ? _i18n["default"].t('ra_Passwords are not equal!') : this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)
+          // eslint-disable-next-line react/jsx-no-duplicate-props
+          ,
+          InputProps: {
+            endAdornment: this.state._repeat && this.state._repeat !== PASSWORD_PLACEHOLDER ? /*#__PURE__*/_react["default"].createElement(_material.InputAdornment, {
+              position: "end"
+            }, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+              size: "large",
+              tabIndex: -1,
+              onClick: function onClick(e) {
+                e.preventDefault();
+                e.stopPropagation();
+                _this2.setState({
+                  _visible: !_this2.state._visible
+                });
+              },
+              edge: "end"
+            }, this.state._visible ? /*#__PURE__*/_react["default"].createElement(_iconsMaterial.VisibilityOff, null) : /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Visibility, null))) : undefined
+          }
+        });
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: this.props.classes.fullWidth
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          className: this.props.classes.halfWidth1
+        }, password), /*#__PURE__*/_react["default"].createElement("div", {
+          className: this.props.classes.halfWidth2
+        }, passwordRepeat));
+      }
+      return password;
+    }
+  }]);
+  return ConfigPassword;
+}(_ConfigGeneric2["default"]);
+ConfigPassword.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)(ConfigPassword);
+//# sourceMappingURL=ConfigPassword.js.map

package/Components/JsonConfigComponent/ConfigPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigPassword.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_material","_iconsMaterial","_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","theme","fullWidth","width","display","halfWidth1","concat","spacing","marginRight","halfWidth2","PASSWORD_PLACEHOLDER","ConfigPassword","_ConfigGeneric","_inherits2","_super","_classCallCheck2","_createClass2","key","value","componentDidMount","_get2","ConfigGeneric","getValue","props","data","attr","setState","_repeat","_visible","_notEqual","onChangePassword","password","repeatPassword","_this","undefined","state","schema","repeat","onError","I18n","t","onChange","renderItem","error","disabled","_this2","createElement","TextField","variant","type","target","label","getText","inputProps","autoComplete","form","maxLength","max","helperText","renderHelp","help","helpLink","noTranslation","InputProps","endAdornment","visible","InputAdornment","position","IconButton","size","tabIndex","onClick","preventDefault","stopPropagation","edge","VisibilityOff","Visibility","passwordRepeat","className","classes","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","func","_default","exports","withStyles"],"sources":["JsonConfigComponent/ConfigPassword.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@mui/styles';\r\n\r\nimport {\r\n    TextField,\r\n    IconButton,\r\n    InputAdornment,\r\n} from '@mui/material';\r\n\r\nimport { Visibility, VisibilityOff } from '@mui/icons-material';\r\n\r\nimport I18n from './wrapper/i18n';\r\n\r\nimport ConfigGeneric from './ConfigGeneric';\r\n\r\nconst styles = theme => ({\r\n    fullWidth: {\r\n        width: '100%',\r\n        display: 'inline-block',\r\n    },\r\n    halfWidth1: {\r\n        width: `calc(50% - ${theme.spacing(0.5)})`,\r\n        display: 'inline-block',\r\n        marginRight: theme.spacing(1),\r\n    },\r\n    halfWidth2: {\r\n        width: `calc(50% - ${theme.spacing(0.5)})`,\r\n        display: 'inline-block',\r\n    },\r\n});\r\n\r\nconst PASSWORD_PLACEHOLDER = '____ppp____';\r\n\r\nclass ConfigPassword extends ConfigGeneric {\r\n    componentDidMount() {\r\n        super.componentDidMount();\r\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\r\n        this.setState({\r\n            _repeat: value ? PASSWORD_PLACEHOLDER : '',\r\n            _visible: false,\r\n            value: value ? PASSWORD_PLACEHOLDER : '',\r\n            _notEqual: false,\r\n        });\r\n    }\r\n\r\n    onChangePassword(password, repeatPassword) {\r\n        if (password === undefined) {\r\n            password = this.state.value;\r\n        }\r\n        if (repeatPassword === undefined) {\r\n            repeatPassword = this.state._repeat;\r\n        }\r\n        const _notEqual = !!this.props.schema.repeat && repeatPassword !== password;\r\n        this.setState({ value: password, _repeat: repeatPassword, _notEqual }, () => {\r\n            if (_notEqual) {\r\n                this.onError(this.props.attr, I18n.t('ra_Passwords are not equal!'));\r\n            } else {\r\n                this.onError(this.props.attr); // clear error\r\n                this.onChange(this.props.attr, password);\r\n            }\r\n        });\r\n    }\r\n\r\n    renderItem(error, disabled /* , defaultValue */) {\r\n        if (this.state._notEqual === undefined) {\r\n            return null;\r\n        }\r\n\r\n        const password = <TextField\r\n            variant=\"standard\"\r\n            fullWidth\r\n            type={this.state._visible && this.state.value !== PASSWORD_PLACEHOLDER ? 'text' : 'password'}\r\n            value={this.state.value}\r\n            error={!!error || this.state._notEqual}\r\n            disabled={!!disabled}\r\n            onChange={e => this.onChangePassword(e.target.value)}\r\n            label={this.getText(this.props.schema.label)}\r\n            inputProps={{\r\n                autoComplete: 'new-password',\r\n                form: { autoComplete: 'off' },\r\n                maxLength: this.props.schema.maxLength || this.props.schema.max || undefined,\r\n            }}\r\n            helperText={this.state._notEqual ? I18n.t('ra_Passwords are not equal!') : this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}\r\n            // eslint-disable-next-line react/jsx-no-duplicate-props\r\n            InputProps={{\r\n                endAdornment: this.state.value && this.state.value !== PASSWORD_PLACEHOLDER && this.props.schema.visible ? <InputAdornment position=\"end\">\r\n                    <IconButton\r\n                        size=\"large\"\r\n                        tabIndex={-1}\r\n                        onClick={e => {\r\n                            e.preventDefault();\r\n                            e.stopPropagation();\r\n                            this.setState({ _visible: !this.state._visible });\r\n                        }}\r\n                        edge=\"end\"\r\n                    >\r\n                        {this.state._visible ? <VisibilityOff /> : <Visibility />}\r\n                    </IconButton>\r\n                </InputAdornment> : undefined,\r\n            }}\r\n        />;\r\n\r\n        if (this.props.schema.repeat) {\r\n            const passwordRepeat = <TextField\r\n                variant=\"standard\"\r\n                fullWidth\r\n                type={this.state._visible && this.state._repeat !== PASSWORD_PLACEHOLDER ? 'text' : 'password'}\r\n                value={this.state._repeat}\r\n                error={!!error || this.state._notEqual}\r\n                disabled={!!disabled}\r\n                onChange={e => this.onChangePassword(undefined, e.target.value)}\r\n                label={`${this.getText(this.props.schema.label)} (${I18n.t('ra_repeat')})`}\r\n                inputProps={{\r\n                    autoComplete: 'new-password',\r\n                    form: { autoComplete: 'off' },\r\n                    maxLength: this.props.schema.maxLength || this.props.schema.max || undefined,\r\n                }}\r\n                helperText={this.state._notEqual ? I18n.t('ra_Passwords are not equal!') : this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}\r\n                // eslint-disable-next-line react/jsx-no-duplicate-props\r\n                InputProps={{\r\n                    endAdornment: this.state._repeat && this.state._repeat !== PASSWORD_PLACEHOLDER ? <InputAdornment position=\"end\">\r\n                        <IconButton\r\n                            size=\"large\"\r\n                            tabIndex={-1}\r\n                            onClick={e => {\r\n                                e.preventDefault();\r\n                                e.stopPropagation();\r\n                                this.setState({ _visible: !this.state._visible });\r\n                            }}\r\n                            edge=\"end\"\r\n                        >\r\n                            {this.state._visible ? <VisibilityOff /> : <Visibility />}\r\n                        </IconButton>\r\n                    </InputAdornment> : undefined,\r\n                }}\r\n            />;\r\n\r\n            return <div className={this.props.classes.fullWidth}>\r\n                <div className={this.props.classes.halfWidth1}>{password}</div>\r\n                <div className={this.props.classes.halfWidth2}>{passwordRepeat}</div>\r\n            </div>;\r\n        }\r\n        return password;\r\n    }\r\n}\r\n\r\nConfigPassword.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)(ConfigPassword);\r\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAMA,IAAAI,cAAA,GAAAJ,OAAA;AAEA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEA,IAAAM,eAAA,GAAAP,sBAAA,CAAAC,OAAA;AAA4C,SAAAO,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAE5C,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAGC,KAAK;EAAA,OAAK;IACrBC,SAAS,EAAE;MACPC,KAAK,EAAE,MAAM;MACbC,OAAO,EAAE;IACb,CAAC;IACDC,UAAU,EAAE;MACRF,KAAK,gBAAAG,MAAA,CAAgBL,KAAK,CAACM,OAAO,CAAC,GAAG,CAAC,MAAG;MAC1CH,OAAO,EAAE,cAAc;MACvBI,WAAW,EAAEP,KAAK,CAACM,OAAO,CAAC,CAAC;IAChC,CAAC;IACDE,UAAU,EAAE;MACRN,KAAK,gBAAAG,MAAA,CAAgBL,KAAK,CAACM,OAAO,CAAC,GAAG,CAAC,MAAG;MAC1CH,OAAO,EAAE;IACb;EACJ,CAAC;AAAA,CAAC;AAEF,IAAMM,oBAAoB,GAAG,aAAa;AAAC,IAErCC,cAAc,0BAAAC,cAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,cAAA;EAAA,IAAAE,MAAA,GAAApC,YAAA,CAAAiC,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAI,gBAAA,mBAAAJ,cAAA;IAAA,OAAAG,MAAA,CAAAvB,KAAA,OAAAD,SAAA;EAAA;EAAA,IAAA0B,aAAA,aAAAL,cAAA;IAAAM,GAAA;IAAAC,KAAA,EAChB,SAAAC,kBAAA,EAAoB;MAChB,IAAAC,KAAA,iBAAApC,gBAAA,aAAA2B,cAAA,CAAAf,SAAA,8BAAAE,IAAA;MACA,IAAMoB,KAAK,GAAGG,0BAAa,CAACC,QAAQ,CAAC,IAAI,CAACC,KAAK,CAACC,IAAI,EAAE,IAAI,CAACD,KAAK,CAACE,IAAI,CAAC;MACtE,IAAI,CAACC,QAAQ,CAAC;QACVC,OAAO,EAAET,KAAK,GAAGR,oBAAoB,GAAG,EAAE;QAC1CkB,QAAQ,EAAE,KAAK;QACfV,KAAK,EAAEA,KAAK,GAAGR,oBAAoB,GAAG,EAAE;QACxCmB,SAAS,EAAE;MACf,CAAC,CAAC;IACN;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAAY,iBAAiBC,QAAQ,EAAEC,cAAc,EAAE;MAAA,IAAAC,KAAA;MACvC,IAAIF,QAAQ,KAAKG,SAAS,EAAE;QACxBH,QAAQ,GAAG,IAAI,CAACI,KAAK,CAACjB,KAAK;MAC/B;MACA,IAAIc,cAAc,KAAKE,SAAS,EAAE;QAC9BF,cAAc,GAAG,IAAI,CAACG,KAAK,CAACR,OAAO;MACvC;MACA,IAAME,SAAS,GAAG,CAAC,CAAC,IAAI,CAACN,KAAK,CAACa,MAAM,CAACC,MAAM,IAAIL,cAAc,KAAKD,QAAQ;MAC3E,IAAI,CAACL,QAAQ,CAAC;QAAER,KAAK,EAAEa,QAAQ;QAAEJ,OAAO,EAAEK,cAAc;QAAEH,SAAS,EAATA;MAAU,CAAC,EAAE,YAAM;QACzE,IAAIA,SAAS,EAAE;UACXI,KAAI,CAACK,OAAO,CAACL,KAAI,CAACV,KAAK,CAACE,IAAI,EAAEc,gBAAI,CAACC,CAAC,CAAC,6BAA6B,CAAC,CAAC;QACxE,CAAC,MAAM;UACHP,KAAI,CAACK,OAAO,CAACL,KAAI,CAACV,KAAK,CAACE,IAAI,CAAC,CAAC,CAAC;UAC/BQ,KAAI,CAACQ,QAAQ,CAACR,KAAI,CAACV,KAAK,CAACE,IAAI,EAAEM,QAAQ,CAAC;QAC5C;MACJ,CAAC,CAAC;IACN;EAAC;IAAAd,GAAA;IAAAC,KAAA,EAED,SAAAwB,WAAWC,KAAK,EAAEC,QAAQ,CAAC,sBAAsB;MAAA,IAAAC,MAAA;MAC7C,IAAI,IAAI,CAACV,KAAK,CAACN,SAAS,KAAKK,SAAS,EAAE;QACpC,OAAO,IAAI;MACf;MAEA,IAAMH,QAAQ,gBAAG9D,MAAA,YAAA6E,aAAA,CAACxE,SAAA,CAAAyE,SAAS;QACvBC,OAAO,EAAC,UAAU;QAClB9C,SAAS;QACT+C,IAAI,EAAE,IAAI,CAACd,KAAK,CAACP,QAAQ,IAAI,IAAI,CAACO,KAAK,CAACjB,KAAK,KAAKR,oBAAoB,GAAG,MAAM,GAAG,UAAW;QAC7FQ,KAAK,EAAE,IAAI,CAACiB,KAAK,CAACjB,KAAM;QACxByB,KAAK,EAAE,CAAC,CAACA,KAAK,IAAI,IAAI,CAACR,KAAK,CAACN,SAAU;QACvCe,QAAQ,EAAE,CAAC,CAACA,QAAS;QACrBH,QAAQ,EAAE,SAAAA,SAAA1C,CAAC;UAAA,OAAI8C,MAAI,CAACf,gBAAgB,CAAC/B,CAAC,CAACmD,MAAM,CAAChC,KAAK,CAAC;QAAA,CAAC;QACrDiC,KAAK,EAAE,IAAI,CAACC,OAAO,CAAC,IAAI,CAAC7B,KAAK,CAACa,MAAM,CAACe,KAAK,CAAE;QAC7CE,UAAU,EAAE;UACRC,YAAY,EAAE,cAAc;UAC5BC,IAAI,EAAE;YAAED,YAAY,EAAE;UAAM,CAAC;UAC7BE,SAAS,EAAE,IAAI,CAACjC,KAAK,CAACa,MAAM,CAACoB,SAAS,IAAI,IAAI,CAACjC,KAAK,CAACa,MAAM,CAACqB,GAAG,IAAIvB;QACvE,CAAE;QACFwB,UAAU,EAAE,IAAI,CAACvB,KAAK,CAACN,SAAS,GAAGU,gBAAI,CAACC,CAAC,CAAC,6BAA6B,CAAC,GAAG,IAAI,CAACmB,UAAU,CAAC,IAAI,CAACpC,KAAK,CAACa,MAAM,CAACwB,IAAI,EAAE,IAAI,CAACrC,KAAK,CAACa,MAAM,CAACyB,QAAQ,EAAE,IAAI,CAACtC,KAAK,CAACa,MAAM,CAAC0B,aAAa;QAC9K;QAAA;QACAC,UAAU,EAAE;UACRC,YAAY,EAAE,IAAI,CAAC7B,KAAK,CAACjB,KAAK,IAAI,IAAI,CAACiB,KAAK,CAACjB,KAAK,KAAKR,oBAAoB,IAAI,IAAI,CAACa,KAAK,CAACa,MAAM,CAAC6B,OAAO,gBAAGhG,MAAA,YAAA6E,aAAA,CAACxE,SAAA,CAAA4F,cAAc;YAACC,QAAQ,EAAC;UAAK,gBACrIlG,MAAA,YAAA6E,aAAA,CAACxE,SAAA,CAAA8F,UAAU;YACPC,IAAI,EAAC,OAAO;YACZC,QAAQ,EAAE,CAAC,CAAE;YACbC,OAAO,EAAE,SAAAA,QAAAxE,CAAC,EAAI;cACVA,CAAC,CAACyE,cAAc,CAAC,CAAC;cAClBzE,CAAC,CAAC0E,eAAe,CAAC,CAAC;cACnB5B,MAAI,CAACnB,QAAQ,CAAC;gBAAEE,QAAQ,EAAE,CAACiB,MAAI,CAACV,KAAK,CAACP;cAAS,CAAC,CAAC;YACrD,CAAE;YACF8C,IAAI,EAAC;UAAK,GAET,IAAI,CAACvC,KAAK,CAACP,QAAQ,gBAAG3D,MAAA,YAAA6E,aAAA,CAACvE,cAAA,CAAAoG,aAAa,MAAE,CAAC,gBAAG1G,MAAA,YAAA6E,aAAA,CAACvE,cAAA,CAAAqG,UAAU,MAAE,CAChD,CACA,CAAC,GAAG1C;QACxB;MAAE,CACL,CAAC;MAEF,IAAI,IAAI,CAACX,KAAK,CAACa,MAAM,CAACC,MAAM,EAAE;QAC1B,IAAMwC,cAAc,gBAAG5G,MAAA,YAAA6E,aAAA,CAACxE,SAAA,CAAAyE,SAAS;UAC7BC,OAAO,EAAC,UAAU;UAClB9C,SAAS;UACT+C,IAAI,EAAE,IAAI,CAACd,KAAK,CAACP,QAAQ,IAAI,IAAI,CAACO,KAAK,CAACR,OAAO,KAAKjB,oBAAoB,GAAG,MAAM,GAAG,UAAW;UAC/FQ,KAAK,EAAE,IAAI,CAACiB,KAAK,CAACR,OAAQ;UAC1BgB,KAAK,EAAE,CAAC,CAACA,KAAK,IAAI,IAAI,CAACR,KAAK,CAACN,SAAU;UACvCe,QAAQ,EAAE,CAAC,CAACA,QAAS;UACrBH,QAAQ,EAAE,SAAAA,SAAA1C,CAAC;YAAA,OAAI8C,MAAI,CAACf,gBAAgB,CAACI,SAAS,EAAEnC,CAAC,CAACmD,MAAM,CAAChC,KAAK,CAAC;UAAA,CAAC;UAChEiC,KAAK,KAAA7C,MAAA,CAAK,IAAI,CAAC8C,OAAO,CAAC,IAAI,CAAC7B,KAAK,CAACa,MAAM,CAACe,KAAK,CAAC,QAAA7C,MAAA,CAAKiC,gBAAI,CAACC,CAAC,CAAC,WAAW,CAAC,MAAI;UAC3Ea,UAAU,EAAE;YACRC,YAAY,EAAE,cAAc;YAC5BC,IAAI,EAAE;cAAED,YAAY,EAAE;YAAM,CAAC;YAC7BE,SAAS,EAAE,IAAI,CAACjC,KAAK,CAACa,MAAM,CAACoB,SAAS,IAAI,IAAI,CAACjC,KAAK,CAACa,MAAM,CAACqB,GAAG,IAAIvB;UACvE,CAAE;UACFwB,UAAU,EAAE,IAAI,CAACvB,KAAK,CAACN,SAAS,GAAGU,gBAAI,CAACC,CAAC,CAAC,6BAA6B,CAAC,GAAG,IAAI,CAACmB,UAAU,CAAC,IAAI,CAACpC,KAAK,CAACa,MAAM,CAACwB,IAAI,EAAE,IAAI,CAACrC,KAAK,CAACa,MAAM,CAACyB,QAAQ,EAAE,IAAI,CAACtC,KAAK,CAACa,MAAM,CAAC0B,aAAa;UAC9K;UAAA;UACAC,UAAU,EAAE;YACRC,YAAY,EAAE,IAAI,CAAC7B,KAAK,CAACR,OAAO,IAAI,IAAI,CAACQ,KAAK,CAACR,OAAO,KAAKjB,oBAAoB,gBAAGzC,MAAA,YAAA6E,aAAA,CAACxE,SAAA,CAAA4F,cAAc;cAACC,QAAQ,EAAC;YAAK,gBAC5GlG,MAAA,YAAA6E,aAAA,CAACxE,SAAA,CAAA8F,UAAU;cACPC,IAAI,EAAC,OAAO;cACZC,QAAQ,EAAE,CAAC,CAAE;cACbC,OAAO,EAAE,SAAAA,QAAAxE,CAAC,EAAI;gBACVA,CAAC,CAACyE,cAAc,CAAC,CAAC;gBAClBzE,CAAC,CAAC0E,eAAe,CAAC,CAAC;gBACnB5B,MAAI,CAACnB,QAAQ,CAAC;kBAAEE,QAAQ,EAAE,CAACiB,MAAI,CAACV,KAAK,CAACP;gBAAS,CAAC,CAAC;cACrD,CAAE;cACF8C,IAAI,EAAC;YAAK,GAET,IAAI,CAACvC,KAAK,CAACP,QAAQ,gBAAG3D,MAAA,YAAA6E,aAAA,CAACvE,cAAA,CAAAoG,aAAa,MAAE,CAAC,gBAAG1G,MAAA,YAAA6E,aAAA,CAACvE,cAAA,CAAAqG,UAAU,MAAE,CAChD,CACA,CAAC,GAAG1C;UACxB;QAAE,CACL,CAAC;QAEF,oBAAOjE,MAAA,YAAA6E,aAAA;UAAKgC,SAAS,EAAE,IAAI,CAACvD,KAAK,CAACwD,OAAO,CAAC7E;QAAU,gBAChDjC,MAAA,YAAA6E,aAAA;UAAKgC,SAAS,EAAE,IAAI,CAACvD,KAAK,CAACwD,OAAO,CAAC1E;QAAW,GAAE0B,QAAc,CAAC,eAC/D9D,MAAA,YAAA6E,aAAA;UAAKgC,SAAS,EAAE,IAAI,CAACvD,KAAK,CAACwD,OAAO,CAACtE;QAAW,GAAEoE,cAAoB,CACnE,CAAC;MACV;MACA,OAAO9C,QAAQ;IACnB;EAAC;EAAA,OAAApB,cAAA;AAAA,EA9GwBU,0BAAa;AAiH1CV,cAAc,CAACqE,SAAS,GAAG;EACvBC,MAAM,EAAEC,qBAAS,CAACC,MAAM,CAACC,UAAU;EACnCC,SAAS,EAAEH,qBAAS,CAACI,MAAM;EAC3BC,SAAS,EAAEL,qBAAS,CAACI,MAAM;EAC3BE,KAAK,EAAEN,qBAAS,CAACC,MAAM;EACvBL,SAAS,EAAEI,qBAAS,CAACI,MAAM;EAC3B9D,IAAI,EAAE0D,qBAAS,CAACC,MAAM,CAACC,UAAU;EACjChD,MAAM,EAAE8C,qBAAS,CAACC,MAAM;EACxB7C,OAAO,EAAE4C,qBAAS,CAACO,IAAI;EACvBhD,QAAQ,EAAEyC,qBAAS,CAACO;AACxB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEa,IAAAC,kBAAU,EAAC5F,MAAM,CAAC,CAACW,cAAc,CAAC"}

package/Components/JsonConfigComponent/ConfigPattern.d.ts

@@ -0,0 +1,21 @@
+export default ConfigPattern;
+declare class ConfigPattern extends ConfigGeneric<import("./ConfigGeneric").ConfigGenericProps, import("./ConfigGeneric").ConfigGenericState> {
+    constructor(props: import("./ConfigGeneric").ConfigGenericProps);
+    renderItem(error: any, disabled: any): React.JSX.Element;
+}
+declare namespace ConfigPattern {
+    namespace propTypes {
+        let socket: PropTypes.Validator<object>;
+        let themeType: PropTypes.Requireable<string>;
+        let themeName: PropTypes.Requireable<string>;
+        let style: PropTypes.Requireable<object>;
+        let className: PropTypes.Requireable<string>;
+        let data: PropTypes.Validator<object>;
+        let schema: PropTypes.Requireable<object>;
+        let onError: PropTypes.Requireable<(...args: any[]) => any>;
+        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import ConfigGeneric from './ConfigGeneric';
+import React from 'react';
+import PropTypes from 'prop-types';

package/Components/JsonConfigComponent/ConfigPattern.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _material = require("@mui/material");
+var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
+var _Utils = _interopRequireDefault(require("./wrapper/Components/Utils"));
+var _IconCopy = _interopRequireDefault(require("./wrapper/icons/IconCopy"));
+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 ConfigPattern = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigPattern, _ConfigGeneric);
+  var _super = _createSuper(ConfigPattern);
+  function ConfigPattern() {
+    (0, _classCallCheck2["default"])(this, ConfigPattern);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(ConfigPattern, [{
+    key: "renderItem",
+    value: function renderItem(error, disabled) {
+      var _this = this;
+      return /*#__PURE__*/_react["default"].createElement(_material.TextField, {
+        variant: "standard",
+        fullWidth: true,
+        disabled: !!disabled,
+        InputProps: {
+          endAdornment: this.props.schema.copyToClipboard ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+            size: "small",
+            onClick: function onClick() {
+              _Utils["default"].copyToClipboard(_this.getPattern(_this.props.schema.pattern));
+              window.alert('Copied');
+            }
+          }, /*#__PURE__*/_react["default"].createElement(_IconCopy["default"], null)) : undefined
+        },
+        value: this.getPattern(this.props.schema.pattern),
+        label: this.getText(this.props.schema.label),
+        helperText: this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)
+      });
+    }
+  }]);
+  return ConfigPattern;
+}(_ConfigGeneric2["default"]);
+ConfigPattern.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"] = ConfigPattern;
+//# sourceMappingURL=ConfigPattern.js.map

package/Components/JsonConfigComponent/ConfigPattern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigPattern.js","names":["_react","_interopRequireDefault","require","_propTypes","_material","_ConfigGeneric2","_Utils","_IconCopy","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ConfigPattern","_ConfigGeneric","_inherits2","_super","_classCallCheck2","_createClass2","key","value","renderItem","error","disabled","_this","createElement","TextField","variant","fullWidth","InputProps","endAdornment","props","schema","copyToClipboard","IconButton","size","onClick","Utils","getPattern","pattern","window","alert","undefined","label","getText","helperText","renderHelp","help","helpLink","noTranslation","ConfigGeneric","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","className","data","onError","func","onChange","_default","exports"],"sources":["JsonConfigComponent/ConfigPattern.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport {\r\n    IconButton,\r\n    TextField,\r\n} from '@mui/material';\r\n\r\nimport ConfigGeneric from './ConfigGeneric';\r\n\r\nimport Utils from './wrapper/Components/Utils';\r\nimport CopyIcon from './wrapper/icons/IconCopy';\r\n\r\nclass ConfigPattern extends ConfigGeneric {\r\n    renderItem(error, disabled) {\r\n        return <TextField\r\n            variant=\"standard\"\r\n            fullWidth\r\n            disabled={!!disabled}\r\n            InputProps={{\r\n                endAdornment: this.props.schema.copyToClipboard ?\r\n                    <IconButton\r\n                        size=\"small\"\r\n                        onClick={() => {\r\n                            Utils.copyToClipboard(this.getPattern(this.props.schema.pattern));\r\n                            window.alert('Copied');\r\n                        }}\r\n                    >\r\n                        <CopyIcon />\r\n                    </IconButton>\r\n                    : undefined,\r\n            }}\r\n            value={this.getPattern(this.props.schema.pattern)}\r\n            label={this.getText(this.props.schema.label)}\r\n            helperText={this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}\r\n        />;\r\n    }\r\n}\r\n\r\nConfigPattern.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 ConfigPattern;\r\n"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigPort.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.JSXElementConstructor<any>;
+export default _default;

package/Components/JsonConfigComponent/ConfigPort.js

@@ -0,0 +1,176 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("@mui/styles");
+const material_1 = require("@mui/material");
+const i18n_1 = __importDefault(require("./wrapper/i18n"));
+const ConfigGeneric_1 = __importDefault(require("./ConfigGeneric"));
+const styles = () => ({
+    indeterminate: {
+        opacity: 0.5,
+    },
+    control: {
+        flexDirection: 'row',
+        width: '100%',
+    },
+    warning: {
+        '& .Mui-error': {
+            color: 'orange',
+        },
+    },
+});
+class ConfigPort extends ConfigGeneric_1.default {
+    async componentDidMount() {
+        super.componentDidMount();
+        let _value = ConfigGeneric_1.default.getValue(this.props.data, this.props.attr);
+        if (_value === null || _value === undefined) {
+            _value = '';
+        }
+        this.setState({ _value: _value.toString(), oldValue: _value.toString() });
+        // read all instances
+        const instances = await this.props.socket.getAdapterInstances();
+        const ownId = `system.adapter.${this.props.adapterName}.${this.props.instance}`;
+        const instanceObj = await this.props.socket.getObject(ownId);
+        const ownHostname = instanceObj === null || instanceObj === void 0 ? void 0 : instanceObj.common.host;
+        const ports = [];
+        instances
+            .forEach(instance => {
+            var _a, _b, _c, _d;
+            // ignore own instance and instances on another host
+            if (!instance || instance._id === ownId || instance.common.host !== ownHostname) {
+                return;
+            }
+            // check port only if bind attribute is present too
+            if (!((_a = instance.native) === null || _a === void 0 ? void 0 : _a.bind)) {
+                return;
+            }
+            // if let's encrypt is enabled and update is enabled, then add port to check
+            if ((instance === null || instance === void 0 ? void 0 : instance.native) &&
+                instance.native.secure &&
+                instance.native.leEnabled &&
+                instance.native.leUpdate) {
+                const port = parseInt(instance.native.leCheckPort || instance.native.lePort, 10);
+                port && ports.push({
+                    name: `${instance._id.replace('system.adapter.', '')} (LE)`,
+                    port,
+                    v6bind: instance.native.bind.includes(':') ? instance.native.bind : instance.native.v6bind,
+                    bind: instance.native.bind,
+                    enabled: !!((_b = instance.common) === null || _b === void 0 ? void 0 : _b.enabled),
+                });
+            }
+            const port = parseInt((_c = instance === null || instance === void 0 ? void 0 : instance.native) === null || _c === void 0 ? void 0 : _c.port, 10);
+            if (port) {
+                ports.push({
+                    name: instance._id.replace('system.adapter.', ''),
+                    bind: instance.native.bind,
+                    v6bind: instance.native.bind.includes(':') ? instance.native.bind : instance.native.v6bind,
+                    port,
+                    enabled: !!((_d = instance.common) === null || _d === void 0 ? void 0 : _d.enabled),
+                });
+            }
+        });
+        this.setState({ ports });
+    }
+    static getDerivedStateFromProps(props, state) {
+        const _value = ConfigGeneric_1.default.getValue(props.data, props.attr);
+        if (_value === null || _value === undefined ||
+            state.oldValue === null || state.oldValue === undefined ||
+            (_value.toString() !== parseInt(state._value, 10).toString() &&
+                _value.toString() !== state.oldValue.toString())) {
+            return { _value };
+        }
+        return null;
+    }
+    checkValue(value) {
+        if (value === null || value === undefined) {
+            return null;
+        }
+        const min = this.props.schema.min || 20;
+        const max = this.props.schema.max || 0xFFFF;
+        value = value.toString().trim();
+        const f = value === '' ? 0 : parseInt(value, 10);
+        if (value !== '' && Number.isNaN(f)) {
+            return 'ra_Not a number';
+        }
+        // eslint-disable-next-line no-restricted-properties
+        if (value !== '' && window.isFinite(Number(value))) {
+            if (f < min) {
+                return 'ra_Too small';
+            }
+            if (f > max) {
+                return 'ra_Too big';
+            }
+            if (value === '' || value === '-' || Number.isNaN(f)) {
+                return 'ra_Not a number';
+            }
+            return null;
+        }
+        return 'ra_Not a number';
+    }
+    renderItem(error, disabled) {
+        if (this.state.oldValue !== null && this.state.oldValue !== undefined) {
+            this.updateTimeout && clearTimeout(this.updateTimeout);
+            this.updateTimeout = setTimeout(() => {
+                this.updateTimeout = undefined;
+                this.setState({ oldValue: null });
+            }, 30);
+        }
+        else if (this.updateTimeout) {
+            clearTimeout(this.updateTimeout);
+            this.updateTimeout = undefined;
+        }
+        const min = this.props.schema.min || 20;
+        const max = this.props.schema.max || 0xFFFF;
+        let warning;
+        if (this.state.ports) {
+            const num = parseInt(this.state._value, 10);
+            // filter ports only with the same bind address
+            // todo: IPv6 (v6bind or '::/0')
+            const ports = this.state.ports.filter(item => !this.props.data.bind ||
+                this.props.data.bind === item.bind ||
+                this.props.data.bind === '0.0.0.0' ||
+                item.bind === '0.0.0.0');
+            let idx = ports.findIndex(item => item.port === num && item.enabled);
+            if (idx !== -1) {
+                error = i18n_1.default.t('ra_Port is already used by %s', this.state.ports[idx].name);
+            }
+            else {
+                idx = ports.findIndex(item => item.port === num && !item.enabled);
+                if (idx !== -1) {
+                    warning = true;
+                    error = i18n_1.default.t('ra_Port could be used by %s', this.state.ports[idx].name);
+                }
+            }
+        }
+        if (!error && this.state._value !== null && this.state._value !== undefined) {
+            error = this.checkValue(this.state._value);
+            if (typeof error === 'string') {
+                error = i18n_1.default.t(error);
+            }
+        }
+        return react_1.default.createElement(material_1.TextField, { variant: "standard", type: "number", fullWidth: true, inputProps: {
+                min,
+                max,
+                readOnly: this.props.schema.readOnly || false,
+            }, value: this.state._value === null || this.state._value === undefined ? '' : this.state._value, error: !!error, disabled: !!disabled, className: warning ? this.props.classes.warning : '', onChange: e => {
+                const _value = Number(e.target.value.toString().replace(/[^0-9]/g, '')).toString();
+                const _error = this.checkValue(_value);
+                if (_error) {
+                    this.onError(this.props.attr, i18n_1.default.t(_error));
+                }
+                else {
+                    this.onError(this.props.attr); // clear error
+                }
+                this.setState({ _value, oldValue: this.state._value }, () => {
+                    if (_value.trim() === parseInt(_value, 10).toString()) {
+                        this.onChange(this.props.attr, parseInt(_value, 10) || 0);
+                    }
+                });
+            }, placeholder: this.getText(this.props.schema.placeholder), label: this.getText(this.props.schema.label), helperText: error && typeof error === 'string' ? error : this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation) });
+    }
+}
+// @ts-expect-error check later on
+exports.default = (0, styles_1.withStyles)(styles)(ConfigPort);

package/Components/JsonConfigComponent/ConfigRoom.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"> & object>;
+export default _default;
+import PropTypes from 'prop-types';
+import React from 'react';