@iobroker/adapter-react-v5 2.1.11 → 3.0.2

package/Components/JsonConfigComponent/ConfigPassword.js

@@ -0,0 +1,236 @@
+"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 _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
+
+var _Visibility = _interopRequireDefault(require("@mui/icons-material/Visibility"));
+
+var _VisibilityOff = _interopRequireDefault(require("@mui/icons-material/VisibilityOff"));
+
+var _i18n = _interopRequireDefault(require("@iobroker/adapter-react-v5/i18n"));
+
+var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var styles = function styles(theme) {
+  return {
+    fullWidth: {
+      width: '100%',
+      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('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(_TextField["default"], {
+        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('Passwords are not equal!') : this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation),
+        InputProps: {
+          endAdornment: this.state.value && this.state.value !== PASSWORD_PLACEHOLDER ? /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
+            position: "end"
+          }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+            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(_VisibilityOff["default"], null) : /*#__PURE__*/_react["default"].createElement(_Visibility["default"], null))) : undefined
+        }
+      });
+
+      if (this.props.schema.repeat) {
+        var passwordRepeat = /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+          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('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('Passwords are not equal!') : this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation),
+          InputProps: {
+            endAdornment: this.state._repeat && this.state._repeat !== PASSWORD_PLACEHOLDER ? /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
+              position: "end"
+            }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+              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(_VisibilityOff["default"], null) : /*#__PURE__*/_react["default"].createElement(_Visibility["default"], 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));
+      } else {
+        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 = (0, _styles.withStyles)(styles)(ConfigPassword);
+
+exports["default"] = _default;
+//# sourceMappingURL=ConfigPassword.js.map

package/Components/JsonConfigComponent/ConfigPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigPassword.js","names":["styles","theme","fullWidth","width","display","halfWidth1","spacing","marginRight","halfWidth2","PASSWORD_PLACEHOLDER","ConfigPassword","value","ConfigGeneric","getValue","props","data","attr","setState","_repeat","_visible","_notEqual","password","repeatPassword","undefined","state","schema","repeat","onError","I18n","t","onChange","error","disabled","defaultValue","e","onChangePassword","target","getText","label","autoComplete","form","maxLength","max","renderHelp","help","helpLink","noTranslation","endAdornment","preventDefault","stopPropagation","passwordRepeat","classes","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","className","func","withStyles"],"sources":["JsonConfigComponent/ConfigPassword.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport TextField from '@mui/material/TextField';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\n\nimport Visibility from '@mui/icons-material/Visibility';\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\n\nimport I18n from '@iobroker/adapter-react-v5/i18n';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = theme => ({\n    fullWidth: {\n        width: '100%',\n        display: 'inline-block'\n    },\n    halfWidth1: {\n        width: `calc(50% - ${theme.spacing(0.5)})`,\n        display: 'inline-block',\n        marginRight: theme.spacing(1),\n    },\n    halfWidth2: {\n        width: `calc(50% - ${theme.spacing(0.5)})`,\n        display: 'inline-block'\n    }\n});\n\nconst PASSWORD_PLACEHOLDER = '____ppp____';\n\nclass ConfigPassword extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        this.setState({\n            _repeat: value ? PASSWORD_PLACEHOLDER : '',\n            _visible: false,\n            value: value ? PASSWORD_PLACEHOLDER : '',\n            _notEqual: false\n        });\n    }\n\n    onChangePassword(password, repeatPassword) {\n        if (password === undefined) {\n            password = this.state.value;\n        }\n        if (repeatPassword === undefined) {\n            repeatPassword = this.state._repeat;\n        }\n        const _notEqual = this.props.schema.repeat && repeatPassword !== password;\n        this.setState({value: password, _repeat: repeatPassword, _notEqual}, () => {\n            if (_notEqual) {\n                this.onError(this.props.attr, I18n.t('Passwords are not equal!'));\n            } else {\n                this.onError(this.props.attr); // clear error\n                this.onChange(this.props.attr, password);\n            }\n        });\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        if (this.state._notEqual === undefined) {\n            return null;\n        }\n\n        const password = <TextField\n            variant=\"standard\"\n            fullWidth\n            type={this.state._visible && this.state.value !== PASSWORD_PLACEHOLDER ? 'text' : 'password'}\n            value={this.state.value}\n            error={!!error || this.state._notEqual}\n            disabled={!!disabled}\n            onChange={e => this.onChangePassword(e.target.value)}\n            label={this.getText(this.props.schema.label)}\n            inputProps={{\n                autoComplete: 'new-password',\n                form: {autoComplete: 'off'},\n                maxLength: this.props.schema.maxLength || this.props.schema.max || undefined\n            }}\n            helperText={this.state._notEqual ? I18n.t('Passwords are not equal!') : this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}\n            InputProps={{endAdornment: this.state.value && this.state.value !== PASSWORD_PLACEHOLDER ? <InputAdornment position='end'>\n                    <IconButton size=\"large\"\n                        tabIndex={-1}\n                        onClick={e => {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            this.setState({_visible: !this.state._visible});\n                        }}\n                        edge='end'\n                    >\n                        {this.state._visible ? <VisibilityOff/> : <Visibility/>}\n                    </IconButton>\n                </InputAdornment> : undefined\n            }}\n        />;\n\n        if (this.props.schema.repeat) {\n            const passwordRepeat = <TextField\n                variant=\"standard\"\n                fullWidth\n                type={this.state._visible && this.state._repeat !== PASSWORD_PLACEHOLDER ? 'text' : 'password'}\n                value={this.state._repeat}\n                error={!!error || this.state._notEqual}\n                disabled={!!disabled}\n                onChange={e => this.onChangePassword(undefined, e.target.value)}\n                label={`${this.getText(this.props.schema.label)} (${I18n.t('repeat')})`}\n                inputProps={{\n                    autoComplete: 'new-password',\n                    form: {autoComplete: 'off'},\n                    maxLength: this.props.schema.maxLength || this.props.schema.max || undefined\n                }}\n                helperText={this.state._notEqual ? I18n.t('Passwords are not equal!') : this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}\n                InputProps={{endAdornment: this.state._repeat && this.state._repeat !== PASSWORD_PLACEHOLDER ? <InputAdornment position='end'>\n                        <IconButton size=\"large\"\n                            tabIndex={-1}\n                            onClick={e => {\n                                e.preventDefault();\n                                e.stopPropagation();\n                                this.setState({_visible: !this.state._visible});\n                            }}\n                            edge='end'\n                        >\n                            {this.state._visible ? <VisibilityOff/> : <Visibility/>}\n                        </IconButton>\n                    </InputAdornment> : undefined\n                }}\n            />;\n\n            return <div className={this.props.classes.fullWidth}>\n                <div className={this.props.classes.halfWidth1}>{password}</div>\n                <div className={this.props.classes.halfWidth2}>{passwordRepeat}</div>\n            </div>;\n        } else {\n            return password;\n        }\n    }\n}\n\nConfigPassword.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)(ConfigPassword);"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigPattern.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@mui/styles");
+
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+
+var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
+
+var _copyToClipboard = _interopRequireDefault(require("@iobroker/adapter-react-v5/Components/copy-to-clipboard"));
+
+var _IconCopy = _interopRequireDefault(require("@iobroker/adapter-react-v5/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 styles = function styles(theme) {
+  return {};
+};
+
+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.createElement(_TextField["default"], {
+        variant: "standard",
+        fullWidth: true,
+        disabled: !!disabled,
+        InputProps: {
+          endAdornment: this.props.schema.copyToClipboard ? /*#__PURE__*/React.createElement(_IconButton["default"], {
+            size: "small",
+            onClick: function onClick(e) {
+              (0, _copyToClipboard["default"])(_this.getPattern(_this.props.schema.pattern));
+              window.alert('Copied');
+            }
+          }, /*#__PURE__*/React.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 = (0, _styles.withStyles)(styles)(ConfigPattern);
+
+exports["default"] = _default;
+//# sourceMappingURL=ConfigPattern.js.map

package/Components/JsonConfigComponent/ConfigPattern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigPattern.js","names":["styles","theme","ConfigPattern","error","disabled","endAdornment","props","schema","copyToClipboard","e","copy","getPattern","pattern","window","alert","undefined","getText","label","renderHelp","help","helpLink","noTranslation","ConfigGeneric","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","className","data","onError","func","onChange","withStyles"],"sources":["JsonConfigComponent/ConfigPattern.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport TextField from '@mui/material/TextField';\n\nimport IconButton from '@mui/material/IconButton';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nimport copy from '@iobroker/adapter-react-v5/Components/copy-to-clipboard';\nimport CopyIcon from '@iobroker/adapter-react-v5/icons/IconCopy';\n\nconst styles = theme => ({\n});\n\nclass ConfigPattern extends ConfigGeneric {\n    renderItem(error, disabled) {\n        return <TextField\n            variant=\"standard\"\n            fullWidth\n            disabled={!!disabled}\n            InputProps={{\n                endAdornment: this.props.schema.copyToClipboard ?\n                    <IconButton\n                        size=\"small\"\n                        onClick={e => {\n                            copy(this.getPattern(this.props.schema.pattern));\n                            window.alert('Copied');\n                        }}>\n                        <CopyIcon/>\n                    </IconButton>\n                    : undefined,\n            }}\n            value={this.getPattern(this.props.schema.pattern)}\n            label={this.getText(this.props.schema.label)}\n            helperText={this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}\n        />;\n    }\n}\n\nConfigPattern.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)(ConfigPattern);"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAEA;;AAEA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK,EAAL;AAAA,CAApB;;IAGMC,a;;;;;;;;;;;;WACF,oBAAWC,KAAX,EAAkBC,QAAlB,EAA4B;MAAA;;MACxB,oBAAO,oBAAC,qBAAD;QACH,OAAO,EAAC,UADL;QAEH,SAAS,MAFN;QAGH,QAAQ,EAAE,CAAC,CAACA,QAHT;QAIH,UAAU,EAAE;UACRC,YAAY,EAAE,KAAKC,KAAL,CAAWC,MAAX,CAAkBC,eAAlB,gBACV,oBAAC,sBAAD;YACI,IAAI,EAAC,OADT;YAEI,OAAO,EAAE,iBAAAC,CAAC,EAAI;cACV,IAAAC,2BAAA,EAAK,KAAI,CAACC,UAAL,CAAgB,KAAI,CAACL,KAAL,CAAWC,MAAX,CAAkBK,OAAlC,CAAL;cACAC,MAAM,CAACC,KAAP,CAAa,QAAb;YACH;UALL,gBAMI,oBAAC,oBAAD,OANJ,CADU,GASRC;QAVE,CAJT;QAgBH,KAAK,EAAE,KAAKJ,UAAL,CAAgB,KAAKL,KAAL,CAAWC,MAAX,CAAkBK,OAAlC,CAhBJ;QAiBH,KAAK,EAAE,KAAKI,OAAL,CAAa,KAAKV,KAAL,CAAWC,MAAX,CAAkBU,KAA/B,CAjBJ;QAkBH,UAAU,EAAE,KAAKC,UAAL,CAAgB,KAAKZ,KAAL,CAAWC,MAAX,CAAkBY,IAAlC,EAAwC,KAAKb,KAAL,CAAWC,MAAX,CAAkBa,QAA1D,EAAoE,KAAKd,KAAL,CAAWC,MAAX,CAAkBc,aAAtF;MAlBT,EAAP;IAoBH;;;EAtBuBC,0B;;AAyB5BpB,aAAa,CAACqB,SAAd,GAA0B;EACtBC,MAAM,EAAEC,qBAAA,CAAUC,MAAV,CAAiBC,UADH;EAEtBC,SAAS,EAAEH,qBAAA,CAAUI,MAFC;EAGtBC,SAAS,EAAEL,qBAAA,CAAUI,MAHC;EAItBE,KAAK,EAAEN,qBAAA,CAAUC,MAJK;EAKtBM,SAAS,EAAEP,qBAAA,CAAUI,MALC;EAMtBI,IAAI,EAAER,qBAAA,CAAUC,MAAV,CAAiBC,UAND;EAOtBpB,MAAM,EAAEkB,qBAAA,CAAUC,MAPI;EAQtBQ,OAAO,EAAET,qBAAA,CAAUU,IARG;EAStBC,QAAQ,EAAEX,qBAAA,CAAUU;AATE,CAA1B;;eAYe,IAAAE,kBAAA,EAAWrC,MAAX,EAAmBE,aAAnB,C"}

package/Components/JsonConfigComponent/ConfigSelect.js

@@ -0,0 +1,163 @@
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@mui/styles");
+
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+
+var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
+
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+
+var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var styles = function styles(theme) {
+  return {
+    fullWidth: {
+      width: '100%'
+    }
+  };
+};
+
+var 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 = JSON.parse(JSON.stringify(this.props.schema.options)); // if __different
+
+      if (Array.isArray(value)) {
+        this.initialValue = (0, _toConsumableArray2["default"])(value);
+        selectOptions.unshift({
+          label: _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 (!item.hidden) {
+          return true;
+        } else if (_this.props.custom) {
+          return !_this.executeCustom(item.hidden, _this.props.data, _this.props.customObj, _this.props.instanceObj);
+        } else {
+          return !_this.execute(item.hidden, _this.props.schema["default"], _this.props.data);
+        }
+      }); // eslint-disable-next-line
+
+      var item = selectOptions.find(function (item) {
+        return item.value == _this.state.value;
+      }); // let "==" be and not ===
+
+      return /*#__PURE__*/React.createElement(_FormControl["default"], {
+        variant: "standard",
+        className: this.props.classes.fullWidth,
+        id: "jsonSelect_".concat(this.props.schema.attr, "_").concat(this.props.index)
+      }, /*#__PURE__*/React.createElement(_InputLabel["default"], null, this.getText(this.props.schema.label)), /*#__PURE__*/React.createElement(_Select["default"], {
+        variant: "standard",
+        error: !!error,
+        disabled: !!disabled,
+        value: this.state.value || '_',
+        renderValue: function renderValue(val) {
+          return _this.getText(item === null || item === void 0 ? void 0 : item.label, _this.props.schema.noTranslation);
+        },
+        onChange: function onChange(e) {
+          _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 (item) {
+        return /*#__PURE__*/React.createElement(_MenuItem["default"], {
+          key: item.value,
+          value: item.value,
+          style: item.value === _ConfigGeneric2["default"].DIFFERENT_VALUE ? {
+            opacity: 0.5
+          } : {}
+        }, _this.getText(item.label, _this.props.schema.noTranslation));
+      })), this.props.schema.help ? /*#__PURE__*/React.createElement(_FormHelperText["default"], null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null);
+    }
+  }]);
+  return 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 = (0, _styles.withStyles)(styles)(ConfigSelect);
+
+exports["default"] = _default;
+//# sourceMappingURL=ConfigSelect.js.map

package/Components/JsonConfigComponent/ConfigSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigSelect.js","names":["styles","theme","fullWidth","width","ConfigSelect","value","ConfigGeneric","getValue","props","data","attr","selectOptions","JSON","parse","stringify","schema","options","Array","isArray","initialValue","unshift","label","DIFFERENT_LABEL","DIFFERENT_VALUE","setState","error","disabled","defaultValue","state","filter","item","hidden","custom","executeCustom","customObj","instanceObj","execute","find","classes","index","getText","val","noTranslation","e","target","onChange","map","opacity","help","renderHelp","helpLink","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigSelect.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormControl from '@mui/material/FormControl';\nimport Select from '@mui/material/Select';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = theme => ({\n    fullWidth: {\n        width: '100%'\n    }\n});\n\nclass ConfigSelect extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n\n        const selectOptions = JSON.parse(JSON.stringify(this.props.schema.options));\n\n        // if __different\n        if (Array.isArray(value)) {\n            this.initialValue = [...value];\n            selectOptions.unshift({label: ConfigGeneric.DIFFERENT_LABEL, value: ConfigGeneric.DIFFERENT_VALUE});\n            this.setState({value: ConfigGeneric.DIFFERENT_VALUE, selectOptions});\n        } else {\n            this.setState({value, selectOptions});\n        }\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        if (!this.state.selectOptions) {\n            return null;\n        }\n\n        const selectOptions = (this.state.selectOptions || []).filter(item => {\n            if (!item.hidden) {\n                return true;\n            } else if (this.props.custom) {\n                return !this.executeCustom(item.hidden, this.props.data, this.props.customObj, this.props.instanceObj);\n            } else {\n                return !this.execute(item.hidden, this.props.schema.default, this.props.data);\n            }\n        });\n\n        // eslint-disable-next-line\n        const item = selectOptions.find(item => item.value == this.state.value); // let \"==\" be and not ===\n\n        return <FormControl variant=\"standard\" className={this.props.classes.fullWidth} id={`jsonSelect_${this.props.schema.attr}_${this.props.index}`}>\n            <InputLabel>{this.getText(this.props.schema.label)}</InputLabel>\n            <Select\n                variant=\"standard\"\n                error={!!error}\n                disabled={!!disabled}\n                value={this.state.value || '_'}\n                renderValue={val => this.getText(item?.label, this.props.schema.noTranslation)}\n                onChange={e => {\n                    this.setState({value: e.target.value === '_' ? '' : e.target.value}, () => {\n                        if (this.state.value === ConfigGeneric.DIFFERENT_VALUE) {\n                            this.onChange(this.props.attr, this.initialValue);\n                        } else {\n                            this.onChange(this.props.attr, this.state.value);\n                        }\n                    });\n                }}\n            >\n                {selectOptions.map(item =>\n                    <MenuItem key={item.value} value={item.value} style={item.value === ConfigGeneric.DIFFERENT_VALUE ? {opacity: 0.5} : {}}>{this.getText(item.label, this.props.schema.noTranslation)}</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\nConfigSelect.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)(ConfigSelect);"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACrBC,SAAS,EAAE;MACPC,KAAK,EAAE;IADA;EADU,CAAL;AAAA,CAApB;;IAMMC,Y;;;;;;;;;;;;WACF,6BAAoB;MAChB;;MACA,IAAMC,KAAK,GAAGC,0BAAA,CAAcC,QAAd,CAAuB,KAAKC,KAAL,CAAWC,IAAlC,EAAwC,KAAKD,KAAL,CAAWE,IAAnD,CAAd;;MAEA,IAAMC,aAAa,GAAGC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAe,KAAKN,KAAL,CAAWO,MAAX,CAAkBC,OAAjC,CAAX,CAAtB,CAJgB,CAMhB;;MACA,IAAIC,KAAK,CAACC,OAAN,CAAcb,KAAd,CAAJ,EAA0B;QACtB,KAAKc,YAAL,uCAAwBd,KAAxB;QACAM,aAAa,CAACS,OAAd,CAAsB;UAACC,KAAK,EAAEf,0BAAA,CAAcgB,eAAtB;UAAuCjB,KAAK,EAAEC,0BAAA,CAAciB;QAA5D,CAAtB;QACA,KAAKC,QAAL,CAAc;UAACnB,KAAK,EAAEC,0BAAA,CAAciB,eAAtB;UAAuCZ,aAAa,EAAbA;QAAvC,CAAd;MACH,CAJD,MAIO;QACH,KAAKa,QAAL,CAAc;UAACnB,KAAK,EAALA,KAAD;UAAQM,aAAa,EAAbA;QAAR,CAAd;MACH;IACJ;;;WAED,oBAAWc,KAAX,EAAkBC,QAAlB,EAA4BC,YAA5B,EAA0C;MAAA;;MACtC,IAAI,CAAC,KAAKC,KAAL,CAAWjB,aAAhB,EAA+B;QAC3B,OAAO,IAAP;MACH;;MAED,IAAMA,aAAa,GAAG,CAAC,KAAKiB,KAAL,CAAWjB,aAAX,IAA4B,EAA7B,EAAiCkB,MAAjC,CAAwC,UAAAC,IAAI,EAAI;QAClE,IAAI,CAACA,IAAI,CAACC,MAAV,EAAkB;UACd,OAAO,IAAP;QACH,CAFD,MAEO,IAAI,KAAI,CAACvB,KAAL,CAAWwB,MAAf,EAAuB;UAC1B,OAAO,CAAC,KAAI,CAACC,aAAL,CAAmBH,IAAI,CAACC,MAAxB,EAAgC,KAAI,CAACvB,KAAL,CAAWC,IAA3C,EAAiD,KAAI,CAACD,KAAL,CAAW0B,SAA5D,EAAuE,KAAI,CAAC1B,KAAL,CAAW2B,WAAlF,CAAR;QACH,CAFM,MAEA;UACH,OAAO,CAAC,KAAI,CAACC,OAAL,CAAaN,IAAI,CAACC,MAAlB,EAA0B,KAAI,CAACvB,KAAL,CAAWO,MAAX,WAA1B,EAAqD,KAAI,CAACP,KAAL,CAAWC,IAAhE,CAAR;QACH;MACJ,CARqB,CAAtB,CALsC,CAetC;;MACA,IAAMqB,IAAI,GAAGnB,aAAa,CAAC0B,IAAd,CAAmB,UAAAP,IAAI;QAAA,OAAIA,IAAI,CAACzB,KAAL,IAAc,KAAI,CAACuB,KAAL,CAAWvB,KAA7B;MAAA,CAAvB,CAAb,CAhBsC,CAgBmC;;MAEzE,oBAAO,oBAAC,uBAAD;QAAa,OAAO,EAAC,UAArB;QAAgC,SAAS,EAAE,KAAKG,KAAL,CAAW8B,OAAX,CAAmBpC,SAA9D;QAAyE,EAAE,uBAAgB,KAAKM,KAAL,CAAWO,MAAX,CAAkBL,IAAlC,cAA0C,KAAKF,KAAL,CAAW+B,KAArD;MAA3E,gBACH,oBAAC,sBAAD,QAAa,KAAKC,OAAL,CAAa,KAAKhC,KAAL,CAAWO,MAAX,CAAkBM,KAA/B,CAAb,CADG,eAEH,oBAAC,kBAAD;QACI,OAAO,EAAC,UADZ;QAEI,KAAK,EAAE,CAAC,CAACI,KAFb;QAGI,QAAQ,EAAE,CAAC,CAACC,QAHhB;QAII,KAAK,EAAE,KAAKE,KAAL,CAAWvB,KAAX,IAAoB,GAJ/B;QAKI,WAAW,EAAE,qBAAAoC,GAAG;UAAA,OAAI,KAAI,CAACD,OAAL,CAAaV,IAAb,aAAaA,IAAb,uBAAaA,IAAI,CAAET,KAAnB,EAA0B,KAAI,CAACb,KAAL,CAAWO,MAAX,CAAkB2B,aAA5C,CAAJ;QAAA,CALpB;QAMI,QAAQ,EAAE,kBAAAC,CAAC,EAAI;UACX,KAAI,CAACnB,QAAL,CAAc;YAACnB,KAAK,EAAEsC,CAAC,CAACC,MAAF,CAASvC,KAAT,KAAmB,GAAnB,GAAyB,EAAzB,GAA8BsC,CAAC,CAACC,MAAF,CAASvC;UAA/C,CAAd,EAAqE,YAAM;YACvE,IAAI,KAAI,CAACuB,KAAL,CAAWvB,KAAX,KAAqBC,0BAAA,CAAciB,eAAvC,EAAwD;cACpD,KAAI,CAACsB,QAAL,CAAc,KAAI,CAACrC,KAAL,CAAWE,IAAzB,EAA+B,KAAI,CAACS,YAApC;YACH,CAFD,MAEO;cACH,KAAI,CAAC0B,QAAL,CAAc,KAAI,CAACrC,KAAL,CAAWE,IAAzB,EAA+B,KAAI,CAACkB,KAAL,CAAWvB,KAA1C;YACH;UACJ,CAND;QAOH;MAdL,GAgBKM,aAAa,CAACmC,GAAd,CAAkB,UAAAhB,IAAI;QAAA,oBACnB,oBAAC,oBAAD;UAAU,GAAG,EAAEA,IAAI,CAACzB,KAApB;UAA2B,KAAK,EAAEyB,IAAI,CAACzB,KAAvC;UAA8C,KAAK,EAAEyB,IAAI,CAACzB,KAAL,KAAeC,0BAAA,CAAciB,eAA7B,GAA+C;YAACwB,OAAO,EAAE;UAAV,CAA/C,GAAgE;QAArH,GAA0H,KAAI,CAACP,OAAL,CAAaV,IAAI,CAACT,KAAlB,EAAyB,KAAI,CAACb,KAAL,CAAWO,MAAX,CAAkB2B,aAA3C,CAA1H,CADmB;MAAA,CAAtB,CAhBL,CAFG,EAqBF,KAAKlC,KAAL,CAAWO,MAAX,CAAkBiC,IAAlB,gBAAyB,oBAAC,0BAAD,QAAiB,KAAKC,UAAL,CAAgB,KAAKzC,KAAL,CAAWO,MAAX,CAAkBiC,IAAlC,EAAwC,KAAKxC,KAAL,CAAWO,MAAX,CAAkBmC,QAA1D,EAAoE,KAAK1C,KAAL,CAAWO,MAAX,CAAkB2B,aAAtF,CAAjB,CAAzB,GAAmK,IArBjK,CAAP;IAuBH;;;EA1DsBpC,0B;;AA6D3BF,YAAY,CAAC+C,SAAb,GAAyB;EACrBC,MAAM,EAAEC,qBAAA,CAAUC,MAAV,CAAiBC,UADJ;EAErBC,SAAS,EAAEH,qBAAA,CAAUI,MAFA;EAGrBC,SAAS,EAAEL,qBAAA,CAAUI,MAHA;EAIrBE,KAAK,EAAEN,qBAAA,CAAUC,MAJI;EAKrBM,SAAS,EAAEP,qBAAA,CAAUI,MALA;EAMrBhD,IAAI,EAAE4C,qBAAA,CAAUC,MAAV,CAAiBC,UANF;EAOrBxC,MAAM,EAAEsC,qBAAA,CAAUC,MAPG;EAQrBO,OAAO,EAAER,qBAAA,CAAUS,IARE;EASrBjB,QAAQ,EAAEQ,qBAAA,CAAUS;AATC,CAAzB;;eAYe,IAAAC,kBAAA,EAAW/D,MAAX,EAAmBI,YAAnB,C"}