@iobroker/adapter-react-v5 2.1.9 → 3.0.0

package/Components/JsonConfigComponent/ConfigNumber.js

@@ -0,0 +1,194 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@mui/styles");
+
+var _material = require("@mui/material");
+
+var _i18n = _interopRequireDefault(require("@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 {
+    indeterminate: {
+      opacity: 0.5
+    }
+  };
+};
+
+var ConfigNumber = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigNumber, _ConfigGeneric);
+
+  var _super = _createSuper(ConfigNumber);
+
+  function ConfigNumber() {
+    (0, _classCallCheck2["default"])(this, ConfigNumber);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(ConfigNumber, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigNumber.prototype), "componentDidMount", this).call(this);
+
+      var value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
+
+      this.setState({
+        value: value
+      }); //this.props.registerOnForceUpdate(this.props.attr, this.onUpdate);
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(error, disabled, defaultValue) {
+      var _this = this;
+
+      var isIndeterminate = Array.isArray(this.state.value) || this.state.value === _ConfigGeneric2["default"].DIFFERENT_LABEL;
+
+      if (isIndeterminate) {
+        var arr = (0, _toConsumableArray2["default"])(this.state.value).map(function (item) {
+          return {
+            label: item.toString(),
+            value: item
+          };
+        });
+        arr.unshift({
+          label: _ConfigGeneric2["default"].DIFFERENT_LABEL,
+          value: _ConfigGeneric2["default"].DIFFERENT_VALUE
+        });
+        return /*#__PURE__*/_react["default"].createElement(_material.Autocomplete, {
+          className: this.props.classes.indeterminate,
+          fullWidth: true,
+          value: arr[0],
+          getOptionSelected: function getOptionSelected(option, value) {
+            return option.label === value.label;
+          },
+          onChange: function onChange(_, value) {
+            return _this.onChange(_this.props.attr, value ? parseFloat(value.value) : _this.props.schema.min || 0);
+          },
+          options: arr,
+          getOptionLabel: function getOptionLabel(option) {
+            return option.label;
+          },
+          renderInput: function renderInput(params) {
+            return /*#__PURE__*/_react["default"].createElement(_material.TextField, (0, _extends2["default"])({
+              variant: "standard"
+            }, params, {
+              error: !!error,
+              placeholder: _this.getText(_this.props.schema.placeholder),
+              label: _this.getText(_this.props.schema.label),
+              helperText: _this.renderHelp(_this.props.schema.help, _this.props.schema.helpLink, _this.props.schema.noTranslation),
+              disabled: !!disabled
+            }));
+          }
+        });
+      } else {
+        if (!error && this.state.value !== null && this.state.value !== undefined) {
+          if (this.props.schema.min !== undefined && this.state.value < this.props.schema.min) {
+            error = _i18n["default"].t('Too small');
+          }
+
+          if (this.props.schema.max !== undefined && this.state.value > this.props.schema.max) {
+            error = _i18n["default"].t('Too big');
+          }
+        }
+
+        return /*#__PURE__*/_react["default"].createElement(_material.TextField, {
+          variant: "standard",
+          type: "number",
+          fullWidth: true,
+          inputProps: {
+            min: this.props.schema.min,
+            max: this.props.schema.max,
+            step: this.props.schema.step
+          },
+          value: this.state.value === null || this.state.value === undefined ? '' : this.state.value,
+          error: !!error,
+          disabled: !!disabled,
+          onChange: function onChange(e) {
+            var value = e.target.value;
+
+            if (_this.props.schema.min !== undefined && value < _this.props.schema.min) {
+              _this.onError(_this.props.attr, _i18n["default"].t('Too small'));
+            } else if (_this.props.schema.max !== undefined && value > _this.props.schema.max) {
+              _this.onError(_this.props.attr, _i18n["default"].t('Too big'));
+            } else {
+              _this.onError(_this.props.attr); // clear error
+
+            }
+
+            _this.setState({
+              value: value
+            }, function () {
+              return _this.onChange(_this.props.attr, parseFloat(value) || 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)
+        });
+      }
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      var value = _ConfigGeneric2["default"].getValue(props.data, props.attr);
+
+      if (value === null || value === undefined || value.toString() !== parseFloat(state.value).toString()) {
+        return {
+          value: value
+        };
+      } else {
+        return null;
+      }
+    }
+  }]);
+  return ConfigNumber;
+}(_ConfigGeneric2["default"]);
+
+ConfigNumber.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)(ConfigNumber);
+
+exports["default"] = _default;
+//# sourceMappingURL=ConfigNumber.js.map

package/Components/JsonConfigComponent/ConfigNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigNumber.js","names":["styles","theme","indeterminate","opacity","ConfigNumber","value","ConfigGeneric","getValue","props","data","attr","setState","error","disabled","defaultValue","isIndeterminate","Array","isArray","state","DIFFERENT_LABEL","arr","map","item","label","toString","unshift","DIFFERENT_VALUE","classes","option","_","onChange","parseFloat","schema","min","params","getText","placeholder","renderHelp","help","helpLink","noTranslation","undefined","I18n","t","max","step","e","target","onError","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","className","func","withStyles"],"sources":["JsonConfigComponent/ConfigNumber.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport { Autocomplete, TextField } from '@mui/material';\n\nimport I18n from '@iobroker/adapter-react-v5/i18n';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = theme => ({\n    indeterminate: {\n        opacity: 0.5\n    }\n});\n\nclass ConfigNumber extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        this.setState({value});\n        //this.props.registerOnForceUpdate(this.props.attr, this.onUpdate);\n    }\n\n    static getDerivedStateFromProps(props, state) {\n        const value = ConfigGeneric.getValue(props.data, props.attr);\n        if (value === null || value === undefined || value.toString() !== parseFloat(state.value).toString()) {\n            return {value};\n        } else {\n            return null;\n        }\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        let isIndeterminate = Array.isArray(this.state.value) || this.state.value === ConfigGeneric.DIFFERENT_LABEL;\n\n        if (isIndeterminate) {\n            const arr = [...this.state.value].map(item => ({label: item.toString(), value: item}));\n            arr.unshift({label: ConfigGeneric.DIFFERENT_LABEL, value: ConfigGeneric.DIFFERENT_VALUE});\n\n            return <Autocomplete\n                className={this.props.classes.indeterminate}\n                fullWidth\n                value={arr[0]}\n                getOptionSelected={(option, value) => option.label === value.label}\n                onChange={(_, value) =>\n                    this.onChange(this.props.attr, value ? parseFloat(value.value) : this.props.schema.min || 0)}\n                options={arr}\n                getOptionLabel={option => option.label}\n                renderInput={params => <TextField\n                    variant=\"standard\"\n                    {...params}\n                    error={!!error}\n                    placeholder={this.getText(this.props.schema.placeholder)}\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                    disabled={!!disabled}\n                />}\n            />;\n        } else {\n            if (!error && this.state.value !== null && this.state.value !== undefined) {\n                if (this.props.schema.min !== undefined && this.state.value < this.props.schema.min) {\n                    error = I18n.t('Too small');\n                }\n                if (this.props.schema.max !== undefined && this.state.value > this.props.schema.max) {\n                    error = I18n.t('Too big');\n                }\n            }\n\n            return <TextField\n                variant=\"standard\"\n                type=\"number\"\n                fullWidth\n                inputProps={{min: this.props.schema.min, max: this.props.schema.max, step: this.props.schema.step}}\n                value={this.state.value === null || this.state.value === undefined ? '' : this.state.value}\n                error={!!error}\n                disabled={!!disabled}\n                onChange={e => {\n                    const value = e.target.value;\n                    if (this.props.schema.min !== undefined && value < this.props.schema.min) {\n                        this.onError(this.props.attr, I18n.t('Too small'));\n                    } else if (this.props.schema.max !== undefined && value > this.props.schema.max) {\n                        this.onError(this.props.attr, I18n.t('Too big'));\n                    } else {\n                        this.onError(this.props.attr); // clear error\n                    }\n                    this.setState({value}, () => this.onChange(this.props.attr, parseFloat(value) || 0));\n                }}\n                placeholder={this.getText(this.props.schema.placeholder)}\n                label={this.getText(this.props.schema.label)}\n                helperText={error && typeof error === 'string' ? error : this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}\n            />;\n        }\n    }\n}\n\nConfigNumber.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)(ConfigNumber);"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigObjectId.js

@@ -0,0 +1,201 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@mui/styles");
+
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+
+var _material = require("@mui/material");
+
+var _SelectID = _interopRequireDefault(require("@iobroker/adapter-react-v5/Dialogs/SelectID"));
+
+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%'
+    },
+    flex: {
+      display: 'flex'
+    },
+    button: {
+      height: 48,
+      marginLeft: 4,
+      minWidth: 48
+    }
+  };
+};
+
+var ConfigObjectId = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigObjectId, _ConfigGeneric);
+
+  var _super = _createSuper(ConfigObjectId);
+
+  function ConfigObjectId() {
+    (0, _classCallCheck2["default"])(this, ConfigObjectId);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(ConfigObjectId, [{
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var _this$props, data, attr, value;
+
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigObjectId.prototype), "componentDidMount", this).call(this);
+                _this$props = this.props, data = _this$props.data, attr = _this$props.attr;
+                value = _ConfigGeneric2["default"].getValue(data, attr) || '';
+                this.setState({
+                  value: value,
+                  initialized: true
+                });
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
+      }
+
+      return componentDidMount;
+    }()
+  }, {
+    key: "renderItem",
+    value: function renderItem(error, disabled, defaultValue) {
+      var _this = this;
+
+      if (!this.state.initialized) {
+        return null;
+      }
+
+      var _this$props2 = this.props,
+          classes = _this$props2.classes,
+          schema = _this$props2.schema,
+          socket = _this$props2.socket,
+          attr = _this$props2.attr;
+      var _this$state = this.state,
+          value = _this$state.value,
+          showSelectId = _this$state.showSelectId;
+      return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+        className: classes.fullWidth,
+        variant: "standard"
+      }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+        shrink: true
+      }, this.getText(schema.label)), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.flex
+      }, /*#__PURE__*/_react["default"].createElement(_material.TextField, {
+        variant: "standard",
+        fullWidth: true,
+        value: value,
+        error: !!error,
+        disabled: disabled,
+        placeholder: this.getText(schema.placeholder),
+        label: this.getText(schema.label),
+        helperText: this.renderHelp(schema.help, schema.helpLink, schema.noTranslation),
+        onChange: function onChange(e) {
+          var value = e.target.value;
+
+          _this.setState({
+            value: value
+          }, function () {
+            return _this.onChange(attr, value);
+          });
+        }
+      }), /*#__PURE__*/_react["default"].createElement(_material.Button, {
+        color: "grey",
+        className: this.props.classes.button,
+        size: "small",
+        variant: "outlined",
+        onClick: function onClick() {
+          return _this.setState({
+            showSelectId: true
+          });
+        }
+      }, "...")), showSelectId ? /*#__PURE__*/_react["default"].createElement(_SelectID["default"], {
+        imagePrefix: "../..",
+        dateFormat: this.props.dateFormat,
+        isFloatComma: this.props.isFloatComma,
+        dialogName: 'admin.' + this.props.adapterName,
+        themeType: this.props.themeType,
+        socket: socket,
+        statesOnly: schema.all === undefined ? true : schema.all,
+        selected: value,
+        onClose: function onClose() {
+          return _this.setState({
+            showSelectId: false
+          });
+        },
+        onOk: function onOk(value) {
+          return _this.setState({
+            showSelectId: false,
+            value: value
+          }, function () {
+            return _this.onChange(attr, value);
+          });
+        }
+      }) : null);
+    }
+  }]);
+  return ConfigObjectId;
+}(_ConfigGeneric2["default"]);
+
+ConfigObjectId.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,
+  dateFormat: _propTypes["default"].string,
+  isFloatComma: _propTypes["default"].bool
+};
+
+var _default = (0, _styles.withStyles)(styles)(ConfigObjectId);
+
+exports["default"] = _default;
+//# sourceMappingURL=ConfigObjectId.js.map

package/Components/JsonConfigComponent/ConfigObjectId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigObjectId.js","names":["styles","theme","fullWidth","width","flex","display","button","height","marginLeft","minWidth","ConfigObjectId","props","data","attr","value","ConfigGeneric","getValue","setState","initialized","error","disabled","defaultValue","state","classes","schema","socket","showSelectId","getText","label","placeholder","renderHelp","help","helpLink","noTranslation","e","target","onChange","dateFormat","isFloatComma","adapterName","themeType","all","undefined","propTypes","PropTypes","object","isRequired","string","themeName","style","className","onError","func","bool","withStyles"],"sources":["JsonConfigComponent/ConfigObjectId.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport InputLabel from '@mui/material/InputLabel';\nimport FormControl from '@mui/material/FormControl';\nimport { Button, TextField } from '@mui/material';\n\nimport DialogSelectID from '@iobroker/adapter-react-v5/Dialogs/SelectID';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = theme => ({\n    fullWidth: {\n        width: '100%'\n    },\n    flex: {\n        display: 'flex'\n    },\n    button: {\n        height: 48,\n        marginLeft: 4,\n        minWidth: 48,\n    }\n});\n\nclass ConfigObjectId extends ConfigGeneric {\n    async componentDidMount() {\n        super.componentDidMount();\n        const { data, attr } = this.props;\n        const value = ConfigGeneric.getValue(data, attr) || '';\n        this.setState({ value, initialized: true});\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        if (!this.state.initialized) {\n            return null;\n        }\n        const { classes, schema, socket, attr } = this.props;\n        const { value, showSelectId } = this.state;\n\n        return <FormControl className={classes.fullWidth} variant=\"standard\">\n            <InputLabel shrink>{this.getText(schema.label)}</InputLabel>\n            <div className={classes.flex}>\n                <TextField\n                    variant=\"standard\"\n                    fullWidth\n                    value={value}\n                    error={!!error}\n                    disabled={disabled}\n                    placeholder={this.getText(schema.placeholder)}\n                    label={this.getText(schema.label)}\n                    helperText={this.renderHelp(schema.help, schema.helpLink, schema.noTranslation)}\n                    onChange={e => {\n                        const value = e.target.value;\n                        this.setState({ value }, () =>\n                            this.onChange(attr, value))\n                    }}\n                />\n                <Button\n                    color=\"grey\"\n                    className={this.props.classes.button}\n                    size=\"small\"\n                    variant=\"outlined\"\n                    onClick={() => this.setState({ showSelectId: true })}\n                >...</Button>\n            </div>\n            {showSelectId ? <DialogSelectID\n                imagePrefix=\"../..\"\n                dateFormat={this.props.dateFormat}\n                isFloatComma={this.props.isFloatComma}\n                dialogName={'admin.' + this.props.adapterName}\n                themeType={this.props.themeType}\n                socket={socket}\n                statesOnly={schema.all === undefined ? true : schema.all}\n                selected={value}\n                onClose={() => this.setState({ showSelectId: false })}\n                onOk={value =>\n                    this.setState({ showSelectId: false, value }, () =>\n                        this.onChange(attr, value))}\n            /> : null}\n        </FormControl>;\n    }\n}\n\nConfigObjectId.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    dateFormat: PropTypes.string,\n    isFloatComma: PropTypes.bool,\n};\n\nexport default withStyles(styles)(ConfigObjectId);"],"mappings":"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"}