@iobroker/adapter-react-v5 4.6.12 → 4.7.0

package/Components/JsonConfigComponent/ConfigNumber.js

@@ -1,213 +1,117 @@
 "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("./wrapper/i18n"));
-var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var styles = function styles() {
-  return {
+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
+        opacity: 0.5,
     },
     control: {
-      flexDirection: 'row',
-      width: '100%'
-    }
-  };
-};
-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);
-      if (_value === null || _value === undefined) {
-        _value = '';
-      }
-      this.setState({
-        _value: _value.toString(),
-        oldValue: _value.toString()
-      });
-      // this.props.registerOnForceUpdate(this.props.attr, this.onUpdate);
-    }
-  }, {
-    key: "checkValue",
-    value: function checkValue(value) {
-      if (value === null || value === undefined) {
-        return null;
-      }
-      value = value.toString().trim();
-      var f = value === '' ? 0 : parseFloat(value);
-      if (value !== '' && Number.isNaN(f)) {
-        return 'ra_Not a number';
-      }
-
-      // eslint-disable-next-line no-restricted-properties
-      if (value !== '' && window.isFinite(value)) {
-        if (this.props.schema.min !== undefined && f < this.props.schema.min) {
-          return 'ra_Too small';
+        flexDirection: 'row',
+        width: '100%',
+    },
+});
+class ConfigNumber extends ConfigGeneric_1.default {
+    componentDidMount() {
+        super.componentDidMount();
+        let _value = ConfigGeneric_1.default.getValue(this.props.data, this.props.attr);
+        if (_value === null || _value === undefined) {
+            _value = '';
         }
-        if (this.props.schema.max !== undefined && f > this.props.schema.max) {
-          return 'ra_Too big';
+        this.setState({ _value: _value.toString(), oldValue: _value.toString() });
+        // this.props.registerOnForceUpdate(this.props.attr, this.onUpdate);
+    }
+    static getDerivedStateFromProps(props, state) {
+        if ((props.schema.min !== undefined && props.schema.min < 0) ||
+            (props.schema.max !== undefined && props.schema.max < 0)) {
+            return null;
         }
-        if (value === '' || value === '-' || Number.isNaN(f)) {
-          return 'ra_Not a number';
+        const _value = ConfigGeneric_1.default.getValue(props.data, props.attr);
+        if (_value === null ||
+            _value === undefined ||
+            state.oldValue === null ||
+            state.oldValue === undefined ||
+            (_value.toString() !== parseFloat(state._value).toString() &&
+                _value.toString() !== state.oldValue.toString())) {
+            return { _value };
         }
         return null;
-      }
-      return 'ra_Not a number';
     }
-  }, {
-    key: "renderItem",
-    value: function renderItem(error, disabled /* , defaultValue */) {
-      var _this = this;
-      var isIndeterminate = Array.isArray(this.state.value) || this.state.value === _ConfigGeneric2["default"].DIFFERENT_VALUE;
-      if (this.state.oldValue !== null && this.state.oldValue !== undefined) {
-        this.updateTimeout && clearTimeout(this.updateTimeout);
-        this.updateTimeout = setTimeout(function () {
-          _this.updateTimeout = null;
-          _this.setState({
-            oldValue: null
-          });
-        }, 30);
-      } else if (this.updateTimeout) {
-        clearTimeout(this.updateTimeout);
-        this.updateTimeout = null;
-      }
-      if (isIndeterminate) {
-        var arr = (0, _toConsumableArray2["default"])(this.state.value).map(function (item) {
-          return {
-            label: item.toString(),
-            value: item
-          };
-        });
-        arr.unshift({
-          label: _i18n["default"].t(_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.value);
-          },
-          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, {
-              inputProps: {
-                readOnly: _this.props.schema.readOnly || false
-              },
-              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
-            }));
-          }
-        });
-      }
-      if (!error && this.state._value !== null && this.state._value !== undefined && this.state._value) {
-        error = this.checkValue(this.state._value);
-        if (error) {
-          error = _i18n["default"].t(error);
+    checkValue(value) {
+        if (value === null || value === undefined) {
+            return null;
         }
-      }
-      return /*#__PURE__*/_react["default"].createElement(_material.FormControl, {
-        variant: "standard",
-        className: this.props.classes.control
-      }, /*#__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,
-          readOnly: this.props.schema.readOnly || false
-        },
-        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; // value is always a string and it is valid formatted
-          var _error = _this.checkValue(_value);
-          if (_error) {
-            _this.onError(_this.props.attr, _i18n["default"].t(_error));
-          } else {
-            _this.onError(_this.props.attr); // clear error
-          }
-
-          _this.setState({
-            _value: _value,
-            oldValue: _this.state._value
-          }, function () {
-            return _this.onChange(_this.props.attr, _value);
-          });
-        },
-        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)
-      }));
+        value = value.toString().trim();
+        const f = value === '' ? 0 : parseFloat(value);
+        if (value !== '' && Number.isNaN(f)) {
+            return 'ra_Not a number';
+        }
+        // eslint-disable-next-line no-restricted-properties
+        if (value !== '' && window.isFinite(f)) {
+            if (this.props.schema.min !== undefined && f < this.props.schema.min) {
+                return 'ra_Too small';
+            }
+            if (this.props.schema.max !== undefined && f > this.props.schema.max) {
+                return 'ra_Too big';
+            }
+            if (value === '' || value === '-' || Number.isNaN(f)) {
+                return 'ra_Not a number';
+            }
+            return null;
+        }
+        return 'ra_Not a number';
     }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      if (props.schema.min !== undefined && props.schema.min < 0 || props.schema.max !== undefined && props.schema.max < 0) {
-        return null;
-      }
-      var _value = _ConfigGeneric2["default"].getValue(props.data, props.attr);
-      if (_value === null || _value === undefined || state.oldValue === null || state.oldValue === undefined || _value.toString() !== parseFloat(state._value).toString() && _value.toString() !== state.oldValue.toString()) {
-        return {
-          _value: _value
-        };
-      }
-      return null;
+    renderItem(error, disabled) {
+        const isIndeterminate = Array.isArray(this.state.value) || this.state.value === ConfigGeneric_1.default.DIFFERENT_VALUE;
+        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;
+        }
+        if (isIndeterminate) {
+            const arr = [...this.state.value].map(item => ({ label: item.toString(), value: item }));
+            arr.unshift({ label: i18n_1.default.t(ConfigGeneric_1.default.DIFFERENT_LABEL), value: ConfigGeneric_1.default.DIFFERENT_VALUE });
+            return react_1.default.createElement(material_1.Autocomplete, { className: this.props.classes.indeterminate, fullWidth: true, value: arr[0], 
+                // @ts-expect-error needs investigation if this really has no effect
+                getOptionSelected: (option, value) => option.label === value.label, onChange: (_, value) => this.onChange(this.props.attr, value === null || value === void 0 ? void 0 : value.value), options: arr, getOptionLabel: option => option.label, renderInput: params => (react_1.default.createElement(material_1.TextField, Object.assign({ variant: "standard" }, params, { inputProps: { readOnly: this.props.schema.readOnly || false }, 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 }))) });
+        }
+        if (!error && this.state._value !== null && this.state._value !== undefined && this.state._value) {
+            error = this.checkValue(this.state._value);
+            if (error) {
+                error = i18n_1.default.t(error);
+            }
+        }
+        return react_1.default.createElement(material_1.FormControl, { variant: "standard", className: this.props.classes.control },
+            react_1.default.createElement(material_1.TextField, { variant: "standard", type: "number", fullWidth: true, inputProps: {
+                    min: this.props.schema.min,
+                    max: this.props.schema.max,
+                    step: this.props.schema.step,
+                    readOnly: this.props.schema.readOnly || false,
+                }, value: this.state._value === null || this.state._value === undefined ? '' : this.state._value, error: !!error, disabled: !!disabled, onChange: e => {
+                    const _value = e.target.value; // value is always a string and it is validly formatted
+                    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 }, () => this.onChange(this.props.attr, parseFloat(_value)));
+                }, 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) }));
     }
-  }]);
-  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 = exports["default"] = (0, _styles.withStyles)(styles)(ConfigNumber);
-//# sourceMappingURL=ConfigNumber.js.map
+}
+exports.default = (0, styles_1.withStyles)(styles)(ConfigNumber);

package/Components/JsonConfigComponent/ConfigPattern.d.ts

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

package/Components/JsonConfigComponent/ConfigPort.d.ts

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