@iobroker/adapter-react-v5 4.6.12 → 4.7.0

package/Components/JsonConfigComponent/ConfigGeneric.js

@@ -1,702 +1,637 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports["default"] = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _material = require("@mui/material");
-var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
-var _Warning = _interopRequireDefault(require("@mui/icons-material/Warning"));
-var _Error = _interopRequireDefault(require("@mui/icons-material/Error"));
-var _i18n = _interopRequireDefault(require("./wrapper/i18n"));
-var _Utils = _interopRequireDefault(require("./wrapper/Components/Utils"));
-var _Confirm = _interopRequireDefault(require("./wrapper/Dialogs/Confirm"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 ConfigGeneric = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(ConfigGeneric, _Component);
-  var _super = _createSuper(ConfigGeneric);
-  function ConfigGeneric(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, ConfigGeneric);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onUpdate", function (data) {
-      var value = ConfigGeneric.getValue(data || _this.props.data, _this.props.attr) || '';
-      if (_this.state.value !== value) {
-        _this.setState({
-          value: value
-        });
-      } else {
-        _this.forceUpdate();
-      }
-    });
-    _this.state = {
-      confirmDialog: false,
-      confirmNewValue: null,
-      confirmAttr: null,
-      confirmData: null
-    };
-    _this.isError = {};
-    if (props.schema) {
-      if (props.custom) {
-        _this.defaultValue = props.schema.defaultFunc ? _this.executeCustom(props.schema.defaultFunc, props.schema["default"], props.data, props.instanceObj, props.arrayIndex, props.globalData) : props.schema["default"];
-      } else {
-        _this.defaultValue = props.schema.defaultFunc ? _this.execute(props.schema.defaultFunc, props.schema["default"], props.data, props.arrayIndex, props.globalData) : props.schema["default"];
-      }
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isObject = void 0;
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const icons_material_1 = require("@mui/icons-material");
+const i18n_1 = __importDefault(require("./wrapper/i18n"));
+const Utils_1 = __importDefault(require("./wrapper/Components/Utils"));
+const Confirm_1 = __importDefault(require("./wrapper/Dialogs/Confirm"));
+const Icon_1 = __importDefault(require("./wrapper/Components/Icon"));
+// because this class is used in adapter-react-v5, do not include here any foreign files like from '../../helpers/utils.ts'
+function isObject(it) {
+    // This is necessary because:
+    // typeof null === 'object'
+    // typeof [] === 'object'
+    // [] instanceof Object === true
+    return Object.prototype.toString.call(it) === '[object Object]'; // this code is 25% faster than below one
+    // return it && typeof it === 'object' && !(it instanceof Array);
+}
+exports.isObject = isObject;
+class ConfigGeneric extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.onUpdate = (data) => {
+            const value = ConfigGeneric.getValue(data || this.props.data, this.props.attr) || '';
+            if (this.state.value !== value) {
+                this.setState({ value });
+            }
+            else {
+                this.forceUpdate();
+            }
+        };
+        // @ts-expect-error of course, as we just
+        this.state = {
+            confirmDialog: false,
+            confirmNewValue: null,
+            confirmAttr: null,
+            confirmData: null,
+        };
+        this.isError = {};
+        if (props.schema) {
+            if (props.custom) {
+                this.defaultValue = props.schema.defaultFunc
+                    ? this.executeCustom(props.schema.defaultFunc, props.schema.default, props.data, props.instanceObj, props.arrayIndex, props.globalData)
+                    : props.schema.default;
+            }
+            else {
+                this.defaultValue = props.schema.defaultFunc
+                    ? this.execute(props.schema.defaultFunc, props.schema.default, props.data, props.arrayIndex, props.globalData)
+                    : props.schema.default;
+            }
+        }
+        this.lang = i18n_1.default.getLanguage();
     }
-    _this.lang = _i18n["default"].getLanguage();
-    return _this;
-  }
-  (0, _createClass2["default"])(ConfigGeneric, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      this.props.registerOnForceUpdate && this.props.registerOnForceUpdate(this.props.attr, this.onUpdate);
-      var LIKE_SELECT = ['select', 'autocomplete', 'autocompleteSendTo'];
-      // init default value
-      if (this.defaultValue !== undefined) {
-        var value = ConfigGeneric.getValue(this.props.data, this.props.attr);
-        if (value === undefined || LIKE_SELECT.includes(this.props.schema.type) && (value === '' || value === null)) {
-          setTimeout(function () {
-            if (_this2.props.custom) {
-              _this2.props.onChange(_this2.props.attr, _this2.defaultValue, function () {
-                return setTimeout(function () {
-                  return _this2.props.forceUpdate([_this2.props.attr], _this2.props.data);
+    componentDidMount() {
+        this.props.registerOnForceUpdate && this.props.registerOnForceUpdate(this.props.attr, this.onUpdate);
+        const LIKE_SELECT = ['select', 'autocomplete', 'autocompleteSendTo'];
+        // init default value
+        if (this.defaultValue !== undefined) {
+            const value = ConfigGeneric.getValue(this.props.data, this.props.attr);
+            if (value === undefined ||
+                (LIKE_SELECT.includes(this.props.schema.type) && (value === '' || value === null))) {
+                setTimeout(() => {
+                    if (this.props.custom) {
+                        this.props.onChange(this.props.attr, this.defaultValue, () => setTimeout(() => this.props.forceUpdate([this.props.attr], this.props.data), 100));
+                    }
+                    else {
+                        ConfigGeneric.setValue(this.props.data, this.props.attr, this.defaultValue);
+                        this.props.onChange(this.props.data, undefined, () => this.props.forceUpdate([this.props.attr], this.props.data));
+                    }
                 }, 100);
-              });
-              // this.onChange(this.props.attr, this.defaultValue);
-            } else {
-              ConfigGeneric.setValue(_this2.props.data, _this2.props.attr, _this2.defaultValue);
-              _this2.props.onChange(_this2.props.data, undefined, function () {
-                return _this2.props.forceUpdate([_this2.props.attr], _this2.props.data);
-              });
             }
-          }, 100);
         }
-      } else if (this.props.schema.defaultSendTo) {
-        this.sendTo();
-      }
+        else if (this.props.schema.defaultSendTo) {
+            this.sendTo();
+        }
     }
-  }, {
-    key: "sendTo",
-    value: function sendTo() {
-      var _this3 = this;
-      if (this.props.alive) {
-        this.defaultSendToDone = true;
-        var data = this.props.schema.data;
-        if (data === undefined && this.props.schema.jsonData) {
-          data = this.getPattern(this.props.schema.jsonData);
-          try {
-            data = JSON.parse(data);
-          } catch (e) {
-            console.error("Cannot parse json data: ".concat(data));
-          }
-        } else {
-          data = {
-            attr: this.props.attr,
-            value: ConfigGeneric.getValue(this.props.data, this.props.attr)
-          };
-        }
-        if (data === undefined) {
-          data = null;
-        }
-        this.props.socket.sendTo("".concat(this.props.adapterName, ".").concat(this.props.instance), this.props.schema.defaultSendTo, data).then(function (value) {
-          if (value !== null && value !== undefined) {
-            if (_this3.props.custom) {
-              _this3.props.onChange(_this3.props.attr, value, function () {
-                return _this3.props.forceUpdate([_this3.props.attr], _this3.props.data);
-              });
-              // this.onChange(this.props.attr, this.defaultValue);
-            } else {
-              ConfigGeneric.setValue(_this3.props.data, _this3.props.attr, value);
-              _this3.props.onChange(_this3.props.data, undefined, function () {
-                return _this3.props.forceUpdate([_this3.props.attr], _this3.props.data);
-              });
+    sendTo() {
+        if (this.props.alive) {
+            this.defaultSendToDone = true;
+            let data = this.props.schema.data;
+            if (data === undefined && this.props.schema.jsonData) {
+                data = this.getPattern(this.props.schema.jsonData);
+                try {
+                    data = JSON.parse(data);
+                }
+                catch (e) {
+                    console.error(`Cannot parse json data: ${data}`);
+                }
             }
-          }
-        });
-      } else {
-        this.defaultSendToDone = false;
-        // show error, that instance does not started
-        this.onError(this.props.attr, _i18n["default"].t('ra_Instance %s is not alive', this.props.instance));
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.props.registerOnForceUpdate && this.props.registerOnForceUpdate(this.props.attr);
-      if (this.sendToTimeout) {
-        clearTimeout(this.sendToTimeout);
-        this.sendToTimeout = null;
-      }
+            else {
+                data = {
+                    attr: this.props.attr,
+                    value: ConfigGeneric.getValue(this.props.data, this.props.attr),
+                };
+            }
+            if (data === undefined) {
+                data = null;
+            }
+            this.props.socket
+                .sendTo(`${this.props.adapterName}.${this.props.instance}`, this.props.schema.defaultSendTo, data)
+                .then((value) => {
+                if (value !== null && value !== undefined) {
+                    if (this.props.custom) {
+                        this.props.onChange(this.props.attr, value, () => this.props.forceUpdate([this.props.attr], this.props.data));
+                        // this.onChange(this.props.attr, this.defaultValue);
+                    }
+                    else {
+                        ConfigGeneric.setValue(this.props.data, this.props.attr, value);
+                        this.props.onChange(this.props.data, undefined, () => this.props.forceUpdate([this.props.attr], this.props.data));
+                    }
+                }
+            });
+        }
+        else {
+            this.defaultSendToDone = false;
+            // show error, that instance does not started
+            this.onError(this.props.attr, i18n_1.default.t('ra_Instance %s is not alive', this.props.instance.toString()));
+        }
     }
-  }, {
-    key: "getText",
-    value: function getText(text, noTranslation) {
-      if (!text) {
-        return '';
-      }
-      if (typeof text === 'string') {
-        text = noTranslation ? text : _i18n["default"].t(text);
-        if (text.includes('${')) {
-          return this.getPattern(text);
-        }
-        return text;
-      }
-      if (text && (0, _typeof2["default"])(text) === 'object') {
-        if (text.func) {
-          // calculate pattern
-          if ((0, _typeof2["default"])(text.func) === 'object') {
-            return this.getPattern(text.func[this.lang] || text.func.en || '');
-          }
-          return this.getPattern(text.func);
-        }
-        return text[this.lang] || text.en || '';
-      }
-      return text.toString();
+    componentWillUnmount() {
+        this.props.registerOnForceUpdate && this.props.registerOnForceUpdate(this.props.attr);
+        if (this.sendToTimeout) {
+            clearTimeout(this.sendToTimeout);
+            this.sendToTimeout = null;
+        }
     }
-  }, {
-    key: "renderConfirmDialog",
-    value: function renderConfirmDialog() {
-      var _this4 = this;
-      if (!this.state.confirmDialog) {
+    /**
+     * Extract attribute out of data
+     *
+     * @param data
+     * @param attr
+     */
+    static getValue(data, attr) {
+        if (typeof attr === 'string') {
+            return ConfigGeneric.getValue(data, attr.split('.'));
+        }
+        if (attr.length === 1) {
+            return data[attr[0]];
+        }
+        const part = attr.shift();
+        if (typeof part === 'string' && typeof data[part] === 'object') {
+            return ConfigGeneric.getValue(data[part], attr);
+        }
         return null;
-      }
-      var confirm = this.state.confirmData || this.props.schema.confirm;
-      var icon = null;
-      if (confirm.type === 'warning') {
-        icon = /*#__PURE__*/_react["default"].createElement(_Warning["default"], null);
-      } else if (confirm.type === 'error') {
-        icon = /*#__PURE__*/_react["default"].createElement(_Error["default"], null);
-      } else if (confirm.type === 'info') {
-        icon = /*#__PURE__*/_react["default"].createElement(_Info["default"], null);
-      }
-      return /*#__PURE__*/_react["default"].createElement(_Confirm["default"], {
-        title: this.getText(confirm.title) || _i18n["default"].t('ra_Please confirm'),
-        text: this.getText(confirm.text),
-        ok: this.getText(confirm.ok) || _i18n["default"].t('ra_Ok'),
-        cancel: this.getText(confirm.cancel) || _i18n["default"].t('ra_Cancel'),
-        icon: icon,
-        onClose: function onClose(isOk) {
-          return _this4.setState({
-            confirmDialog: false
-          }, function () {
-            if (isOk) {
-              var data = JSON.parse(JSON.stringify(_this4.props.data));
-              if (_this4.state.confirmDepAttr) {
-                ConfigGeneric.setValue(data, _this4.state.confirmDepAttr, _this4.state.confirmDepNewValue);
-              }
-              ConfigGeneric.setValue(data, _this4.state.confirmAttr, _this4.state.confirmNewValue);
-              _this4.setState({
-                confirmDialog: false,
-                confirmDepAttr: null,
-                confirmDepNewValue: null,
-                confirmNewValue: null,
-                confirmAttr: null,
-                // eslint-disable-next-line react/no-unused-state
-                confirmOldValue: null,
-                confirmData: null
-              }, function () {
-                return _this4.props.onChange(data);
-              });
-            } else {
-              _this4.setState({
-                confirmDialog: false,
-                confirmDepAttr: null,
-                confirmDepNewValue: null,
-                confirmNewValue: null,
-                confirmAttr: null,
-                // eslint-disable-next-line react/no-unused-state
-                confirmOldValue: null,
-                confirmData: null
-              });
+    }
+    static setValue(data, attr, value) {
+        if (typeof attr === 'string') {
+            ConfigGeneric.setValue(data, attr.split('.'), value);
+            return;
+        }
+        if (attr.length === 1) {
+            if (value === null) {
+                delete data[attr[0]];
+            }
+            else {
+                data[attr[0]] = value;
+            }
+        }
+        else {
+            const part = attr.shift();
+            if (typeof part !== 'string') {
+                return;
+            }
+            if (!data[part] || typeof data[part] === 'object') {
+                data[part] = data[part] || {};
+            }
+            ConfigGeneric.setValue(data[part], attr, value);
+        }
+    }
+    getText(text, noTranslation) {
+        if (!text) {
+            return '';
+        }
+        if (typeof text === 'string') {
+            const strText = noTranslation ? text : i18n_1.default.t(text);
+            if (strText.includes('${')) {
+                return this.getPattern(strText);
+            }
+            return strText;
+        }
+        if (isObject(text)) {
+            if (text.func) {
+                // calculate pattern
+                if (typeof text.func === 'object') {
+                    return this.getPattern(text.func[this.lang] || text.func.en || '');
+                }
+                return this.getPattern(text.func);
+            }
+            return text[this.lang] || text.en || '';
+        }
+        return text.toString();
+    }
+    renderConfirmDialog() {
+        if (!this.state.confirmDialog) {
+            return null;
+        }
+        const confirm = this.state.confirmData || this.props.schema.confirm;
+        let icon = null;
+        if (confirm.type === 'warning') {
+            icon = react_1.default.createElement(icons_material_1.Warning, null);
+        }
+        else if (confirm.type === 'error') {
+            icon = react_1.default.createElement(icons_material_1.Error, null);
+        }
+        else if (confirm.type === 'info') {
+            icon = react_1.default.createElement(icons_material_1.Info, null);
+        }
+        return (react_1.default.createElement(Confirm_1.default, { title: this.getText(confirm.title) || i18n_1.default.t('ra_Please confirm'), text: this.getText(confirm.text), ok: this.getText(confirm.ok) || i18n_1.default.t('ra_Ok'), cancel: this.getText(confirm.cancel) || i18n_1.default.t('ra_Cancel'), icon: icon, onClose: isOk => this.setState({ confirmDialog: false }, () => {
+                if (isOk) {
+                    const data = JSON.parse(JSON.stringify(this.props.data));
+                    if (this.state.confirmDepAttr) {
+                        ConfigGeneric.setValue(data, this.state.confirmDepAttr, this.state.confirmDepNewValue);
+                    }
+                    ConfigGeneric.setValue(data, this.state.confirmAttr, this.state.confirmNewValue);
+                    this.setState({
+                        confirmDialog: false,
+                        confirmDepAttr: null,
+                        confirmDepNewValue: null,
+                        confirmNewValue: null,
+                        confirmAttr: null,
+                        confirmData: null,
+                    }, () => this.props.onChange(data));
+                }
+                else {
+                    this.setState({
+                        confirmDialog: false,
+                        confirmDepAttr: null,
+                        confirmDepNewValue: null,
+                        confirmNewValue: null,
+                        confirmAttr: null,
+                        confirmData: null,
+                    });
+                }
+            }) }));
+    }
+    // eslint-disable-next-line react/no-unused-class-component-methods
+    getIcon(iconSettings) {
+        iconSettings = iconSettings || this.props.schema.icon;
+        let icon = null;
+        if (iconSettings === 'auth') {
+            icon = react_1.default.createElement(icons_material_1.Key, null);
+        }
+        else if (iconSettings === 'send') {
+            icon = react_1.default.createElement(icons_material_1.Send, null);
+        }
+        else if (iconSettings === 'web') {
+            icon = react_1.default.createElement(icons_material_1.Public, null);
+        }
+        else if (iconSettings === 'warning') {
+            icon = react_1.default.createElement(icons_material_1.Warning, null);
+        }
+        else if (iconSettings === 'error') {
+            icon = react_1.default.createElement(icons_material_1.Error, null);
+        }
+        else if (iconSettings === 'info') {
+            icon = react_1.default.createElement(icons_material_1.Info, null);
+        }
+        else if (iconSettings === 'search') {
+            icon = react_1.default.createElement(icons_material_1.Search, null);
+        }
+        else if (iconSettings === 'book') {
+            icon = react_1.default.createElement(icons_material_1.MenuBook, null);
+        }
+        else if (iconSettings === 'help') {
+            icon = react_1.default.createElement(icons_material_1.Help, null);
+        }
+        else if (iconSettings === 'upload') {
+            icon = react_1.default.createElement(icons_material_1.UploadFile, null);
+        }
+        else if (iconSettings) {
+            if (iconSettings.endsWith('.png') || iconSettings.endsWith('.svg') || iconSettings.endsWith('.jpg')) {
+                // this path is relative to ./adapter/NAME
+                if (!iconSettings.startsWith('http://') && !iconSettings.startsWith('https://')) {
+                    iconSettings = `./adapter/${this.props.adapterName}/${iconSettings}`;
+                }
             }
-          });
+            icon = react_1.default.createElement(Icon_1.default, { src: iconSettings, style: { width: 22, height: 22 } });
         }
-      });
+        return icon;
     }
-
     /**
      * Trigger onChange, to activate save button on change
      *
      * @param attr the changed attribute
      * @param newValue new value of the attribute
-     * @param {(() => void)?} cb optional callback function, else returns a Promise
-     * @return {Promise<void>}
+     * @param cb optional callback function, else returns a Promise
      */
     // eslint-disable-next-line react/no-unused-class-component-methods
-  }, {
-    key: "onChange",
-    value: function onChange(attr, newValue, cb) {
-      var _this5 = this;
-      var data = JSON.parse(JSON.stringify(this.props.data));
-      ConfigGeneric.setValue(data, attr, newValue);
-      if (this.props.schema.confirm && this.execute(this.props.schema.confirm.condition, false, data, this.props.arrayIndex, this.props.globalData)) {
-        return new Promise(function (resolve) {
-          _this5.setState({
-            confirmDialog: true,
-            confirmNewValue: newValue,
-            confirmAttr: attr,
-            confirmData: null
-          }, function () {
-            if (typeof cb === 'function') {
-              cb();
-            } else {
-              resolve();
-            }
-          });
-        });
-      }
-      // find any inputs with confirmation
-      if (this.props.schema.confirmDependsOn) {
-        var _loop = function _loop() {
-            var dep = _this5.props.schema.confirmDependsOn[z];
-            if (dep.confirm) {
-              var val = ConfigGeneric.getValue(data, dep.attr);
-              if (_this5.execute(dep.confirm.condition, false, data, _this5.props.arrayIndex, _this5.props.globalData)) {
-                return {
-                  v: new Promise(function (resolve) {
-                    _this5.setState({
-                      confirmDialog: true,
-                      confirmNewValue: newValue,
-                      confirmAttr: attr,
-                      confirmDepNewValue: val,
-                      confirmDepAttr: dep.attr,
-                      confirmData: dep.confirm
-                    }, function () {
-                      if (typeof cb === 'function') {
+    onChange(attr, newValue, cb) {
+        const data = JSON.parse(JSON.stringify(this.props.data));
+        ConfigGeneric.setValue(data, attr, newValue);
+        if (this.props.schema.confirm &&
+            this.execute(this.props.schema.confirm.condition, false, data, this.props.arrayIndex, this.props.globalData)) {
+            return new Promise(resolve => {
+                this.setState({
+                    confirmDialog: true,
+                    confirmNewValue: newValue,
+                    confirmAttr: attr,
+                    confirmData: null,
+                }, () => {
+                    if (typeof cb === 'function') {
                         cb();
-                      } else {
+                    }
+                    else {
                         resolve();
-                      }
-                    });
-                  })
-                };
-              }
+                    }
+                });
+            });
+        }
+        // find any inputs with confirmation
+        if (this.props.schema.confirmDependsOn) {
+            for (let z = 0; z < this.props.schema.confirmDependsOn.length; z++) {
+                const dep = this.props.schema.confirmDependsOn[z];
+                if (dep.confirm) {
+                    const val = ConfigGeneric.getValue(data, dep.attr);
+                    if (this.execute(dep.confirm.condition, false, data, this.props.arrayIndex, this.props.globalData)) {
+                        return new Promise(resolve => {
+                            this.setState({
+                                confirmDialog: true,
+                                confirmNewValue: newValue,
+                                confirmAttr: attr,
+                                confirmDepNewValue: val,
+                                confirmDepAttr: dep.attr,
+                                confirmData: dep.confirm,
+                            }, () => {
+                                if (typeof cb === 'function') {
+                                    cb();
+                                }
+                                else {
+                                    resolve();
+                                }
+                            });
+                        });
+                    }
+                }
             }
-          },
-          _ret;
-        for (var z = 0; z < this.props.schema.confirmDependsOn.length; z++) {
-          _ret = _loop();
-          if (_ret) return _ret.v;
-        }
-      }
-      var changed = [];
-      if (this.props.schema.onChangeDependsOn) {
-        for (var _z = 0; _z < this.props.schema.onChangeDependsOn.length; _z++) {
-          var dep = this.props.schema.onChangeDependsOn[_z];
-          if (dep.onChange) {
-            var val = ConfigGeneric.getValue(data, dep.attr);
-            var _newValue = void 0;
-            if (this.props.custom) {
-              _newValue = this.executeCustom(dep.onChange.calculateFunc, data, this.props.customObj, this.props.instanceObj, this.props.arrayIndex, this.props.globalData);
-            } else {
-              _newValue = this.execute(dep.onChange.calculateFunc, val, data, this.props.arrayIndex, this.props.globalData);
+        }
+        const changed = [];
+        if (this.props.schema.onChangeDependsOn) {
+            for (let z = 0; z < this.props.schema.onChangeDependsOn.length; z++) {
+                const dep = this.props.schema.onChangeDependsOn[z];
+                if (dep.onChange) {
+                    const val = ConfigGeneric.getValue(data, dep.attr);
+                    let _newValue;
+                    if (this.props.custom) {
+                        _newValue = this.executeCustom(dep.onChange.calculateFunc, data, this.props.customObj, this.props.instanceObj, this.props.arrayIndex, this.props.globalData);
+                    }
+                    else {
+                        _newValue = this.execute(dep.onChange.calculateFunc, val, data, this.props.arrayIndex, this.props.globalData);
+                    }
+                    if (_newValue !== val) {
+                        ConfigGeneric.setValue(data, dep.attr, _newValue);
+                        changed.push(dep.attr);
+                    }
+                }
             }
-            if (_newValue !== val) {
-              ConfigGeneric.setValue(data, dep.attr, _newValue);
-              changed.push(dep.attr);
+        }
+        if (this.props.schema.hiddenDependsOn) {
+            for (let z = 0; z < this.props.schema.hiddenDependsOn.length; z++) {
+                const dep = this.props.schema.hiddenDependsOn[z];
+                dep.hidden && changed.push(dep.attr);
             }
-          }
-        }
-      }
-      if (this.props.schema.hiddenDependsOn) {
-        for (var _z2 = 0; _z2 < this.props.schema.hiddenDependsOn.length; _z2++) {
-          var _dep = this.props.schema.hiddenDependsOn[_z2];
-          _dep.hidden && changed.push(_dep.attr);
-        }
-      }
-      if (this.props.schema.labelDependsOn) {
-        for (var _z3 = 0; _z3 < this.props.schema.labelDependsOn.length; _z3++) {
-          var _dep2 = this.props.schema.labelDependsOn[_z3];
-          _dep2.hidden && changed.push(_dep2.attr);
-        }
-      }
-      if (this.props.schema.helpDependsOn) {
-        for (var _z4 = 0; _z4 < this.props.schema.helpDependsOn.length; _z4++) {
-          var _dep3 = this.props.schema.helpDependsOn[_z4];
-          _dep3.hidden && changed.push(_dep3.attr);
-        }
-      }
-      if (this.props.schema.onChange && !this.props.schema.onChange.ignoreOwnChanges) {
-        var _val = ConfigGeneric.getValue(data, this.props.attr);
-        var newValue_ = this.props.custom ? this.executeCustom(this.props.schema.onChange.calculateFunc, data, this.props.customObj, this.props.instanceObj, this.props.arrayIndex, this.props.globalData) : this.execute(this.props.schema.onChange.calculateFunc, _val, data, this.props.arrayIndex, this.props.globalData);
-        if (newValue_ !== _val) {
-          ConfigGeneric.setValue(data, this.props.attr, newValue_);
-        }
-      }
-      if (this.props.custom) {
-        this.props.onChange(attr, newValue, function () {
-          return cb && cb();
-        });
-        changed && changed.length && changed.forEach(function (_attr, i) {
-          return setTimeout(function () {
-            return _this5.props.onChange(_attr, ConfigGeneric.getValue(data, _attr));
-          }, i * 50);
-        });
-      } else {
-        this.props.onChange(data, undefined, function () {
-          changed.length && _this5.props.forceUpdate(changed, data);
-          cb && cb();
-        });
-      }
-      return Promise.resolve();
+        }
+        if (this.props.schema.labelDependsOn) {
+            for (let z = 0; z < this.props.schema.labelDependsOn.length; z++) {
+                const dep = this.props.schema.labelDependsOn[z];
+                dep.hidden && changed.push(dep.attr);
+            }
+        }
+        if (this.props.schema.helpDependsOn) {
+            for (let z = 0; z < this.props.schema.helpDependsOn.length; z++) {
+                const dep = this.props.schema.helpDependsOn[z];
+                dep.hidden && changed.push(dep.attr);
+            }
+        }
+        if (this.props.schema.onChange && !this.props.schema.onChange.ignoreOwnChanges) {
+            const val = ConfigGeneric.getValue(data, this.props.attr);
+            const newValue_ = this.props.custom
+                ? this.executeCustom(this.props.schema.onChange.calculateFunc, data, this.props.customObj, this.props.instanceObj, this.props.arrayIndex, this.props.globalData)
+                : this.execute(this.props.schema.onChange.calculateFunc, val, data, this.props.arrayIndex, this.props.globalData);
+            if (newValue_ !== val) {
+                ConfigGeneric.setValue(data, this.props.attr, newValue_);
+            }
+        }
+        if (this.props.custom) {
+            this.props.onChange(attr, newValue, () => cb && cb());
+            changed &&
+                changed.length &&
+                changed.forEach((_attr, i) => setTimeout(() => this.props.onChange(_attr, ConfigGeneric.getValue(data, _attr)), i * 50));
+        }
+        else {
+            this.props.onChange(data, undefined, () => {
+                changed.length && this.props.forceUpdate(changed, data);
+                cb && cb();
+            });
+        }
+        return Promise.resolve();
     }
-  }, {
-    key: "execute",
-    value: function execute(func, defaultValue, data, arrayIndex, globalData) {
-      if (func && (0, _typeof2["default"])(func) === 'object') {
-        func = func.func;
-      }
-      if (!func) {
-        return defaultValue;
-      }
-      try {
-        // eslint-disable-next-line no-new-func
-        var f = new Function('data', 'originalData', '_system', '_alive', '_common', '_socket', '_instance', 'arrayIndex', 'globalData', '_changed', func.includes('return') ? func : "return ".concat(func));
-        return f(data || this.props.data, this.props.originalData, this.props.systemConfig, this.props.alive, this.props.common, this.props.socket, this.props.instance, arrayIndex, globalData, this.props.changed);
-      } catch (e) {
-        console.error("Cannot execute ".concat(func, ": ").concat(e));
-        return defaultValue;
-      }
+    execute(func, defaultValue, data, arrayIndex, globalData) {
+        let fun;
+        if (isObject(func)) {
+            fun = func.func;
+        }
+        else {
+            fun = func;
+        }
+        if (!fun) {
+            return defaultValue;
+        }
+        try {
+            // eslint-disable-next-line no-new-func
+            const f = new Function('data', 'originalData', '_system', '_alive', '_common', '_socket', '_instance', 'arrayIndex', 'globalData', '_changed', fun.includes('return') ? fun : `return ${fun}`);
+            return f(data || this.props.data, this.props.originalData, this.props.systemConfig, this.props.alive, this.props.common, this.props.socket, this.props.instance, arrayIndex, globalData, this.props.changed);
+        }
+        catch (e) {
+            console.error(`Cannot execute ${func}: ${e}`);
+            return defaultValue;
+        }
     }
-  }, {
-    key: "executeCustom",
-    value: function executeCustom(func, data, customObj, instanceObj, arrayIndex, globalData) {
-      if (func && (0, _typeof2["default"])(func) === 'object') {
-        func = func.func;
-      }
-      if (!func) {
-        return null;
-      }
-      try {
-        // eslint-disable-next-line no-new-func
-        var f = new Function('data', 'originalData', '_system', 'instanceObj', 'customObj', '_socket', 'arrayIndex', 'globalData', '_changed', func.includes('return') ? func : "return ".concat(func));
-        return f(data || this.props.data, this.props.originalData, this.props.systemConfig, instanceObj, customObj, this.props.socket, arrayIndex, globalData, this.props.changed);
-      } catch (e) {
-        console.error("Cannot execute ".concat(func, ": ").concat(e));
-        return null;
-      }
+    executeCustom(func, data, customObj, instanceObj, arrayIndex, globalData) {
+        let fun;
+        if (isObject(func)) {
+            fun = func.func;
+        }
+        else {
+            fun = func;
+        }
+        if (!fun) {
+            return null;
+        }
+        try {
+            // eslint-disable-next-line no-new-func
+            const f = new Function('data', 'originalData', '_system', 'instanceObj', 'customObj', '_socket', 'arrayIndex', 'globalData', '_changed', fun.includes('return') ? fun : `return ${fun}`);
+            return f(data || this.props.data, this.props.originalData, this.props.systemConfig, instanceObj, customObj, this.props.socket, arrayIndex, globalData, this.props.changed);
+        }
+        catch (e) {
+            console.error(`Cannot execute ${fun}: ${e}`);
+            return null;
+        }
     }
-  }, {
-    key: "calculate",
-    value: function calculate(schema) {
-      var error;
-      var disabled;
-      var hidden;
-      var defaultValue;
-      if (this.props.custom) {
-        error = schema.validator ? !this.executeCustom(schema.validator, this.props.data, this.props.customObj, this.props.instanceObj, this.props.arrayIndex, this.props.globalData) : false;
-        disabled = schema.disabled ? this.executeCustom(schema.disabled, this.props.data, this.props.customObj, this.props.instanceObj, this.props.arrayIndex, this.props.globalData) : false;
-        hidden = schema.hidden ? this.executeCustom(schema.hidden, this.props.data, this.props.customObj, this.props.instanceObj, this.props.arrayIndex, this.props.globalData) : false;
-        defaultValue = schema.defaultFunc ? this.executeCustom(schema.defaultFunc, this.props.data, this.props.customObj, this.props.instanceObj, this.props.arrayIndex, this.props.globalData) : schema["default"];
-      } else {
-        error = schema.validator ? !this.execute(schema.validator, false, this.props.data, this.props.arrayIndex, this.props.globalData) : false;
-        disabled = schema.disabled ? this.execute(schema.disabled, false, this.props.data, this.props.arrayIndex, this.props.globalData) : false;
-        hidden = schema.hidden ? this.execute(schema.hidden, false, this.props.data, this.props.arrayIndex, this.props.globalData) : false;
-        defaultValue = schema.defaultFunc ? this.execute(schema.defaultFunc, schema["default"], this.props.data, this.props.arrayIndex, this.props.globalData) : schema["default"];
-      }
-      return {
-        error: error,
-        disabled: disabled,
-        hidden: hidden,
-        defaultValue: defaultValue
-      };
+    calculate(schema) {
+        let error;
+        let disabled;
+        let hidden;
+        let defaultValue;
+        if (this.props.custom) {
+            error = schema.validator
+                ? !this.executeCustom(schema.validator, this.props.data, this.props.customObj, this.props.instanceObj, this.props.arrayIndex, this.props.globalData)
+                : false;
+            disabled = schema.disabled
+                ? this.executeCustom(schema.disabled, this.props.data, this.props.customObj, this.props.instanceObj, this.props.arrayIndex, this.props.globalData)
+                : false;
+            hidden = schema.hidden
+                ? this.executeCustom(schema.hidden, this.props.data, this.props.customObj, this.props.instanceObj, this.props.arrayIndex, this.props.globalData)
+                : false;
+            defaultValue = schema.defaultFunc
+                ? this.executeCustom(schema.defaultFunc, this.props.data, this.props.customObj, this.props.instanceObj, this.props.arrayIndex, this.props.globalData)
+                : schema.default;
+        }
+        else {
+            error = schema.validator
+                ? !this.execute(schema.validator, false, this.props.data, this.props.arrayIndex, this.props.globalData)
+                : false;
+            disabled = schema.disabled
+                ? this.execute(schema.disabled, false, this.props.data, this.props.arrayIndex, this.props.globalData)
+                : false;
+            hidden = schema.hidden
+                ? this.execute(schema.hidden, false, this.props.data, this.props.arrayIndex, this.props.globalData)
+                : false;
+            defaultValue = schema.defaultFunc
+                ? this.execute(schema.defaultFunc, schema.default, this.props.data, this.props.arrayIndex, this.props.globalData)
+                : schema.default;
+        }
+        return {
+            error, disabled, hidden, defaultValue,
+        };
     }
-  }, {
-    key: "onError",
-    value: function onError(attr, error) {
-      if (!error) {
-        delete this.isError[attr];
-      } else {
-        this.isError[attr] = error;
-      }
-      this.props.onError && this.props.onError(attr, error);
+    onError(attr, error) {
+        if (!error) {
+            delete this.isError[attr];
+        }
+        else {
+            this.isError[attr] = error;
+        }
+        this.props.onError && this.props.onError(attr, error);
     }
-  }, {
-    key: "renderItem",
-    value: function renderItem( /* error, disabled, defaultValue */
-    ) {
-      return this.getText(this.props.schema.label) || this.getText(this.props.schema.text);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    renderItem(_error, _disabled, _defaultValue) {
+        return this.getText(this.props.schema.label) || this.getText(this.props.schema.text);
     }
-
     // eslint-disable-next-line react/no-unused-class-component-methods
-  }, {
-    key: "renderHelp",
-    value: function renderHelp(text, link, noTranslation) {
-      if (!link) {
-        text = this.getText(text, noTranslation) || '';
-        if (text && (text.includes('<a ') || text.includes('<br') || text.includes('<b>') || text.includes('<i>'))) {
-          return _Utils["default"].renderTextWithA(text);
-        }
-        return text;
-      }
-      return /*#__PURE__*/_react["default"].createElement("a", {
-        href: link,
-        target: "_blank",
-        rel: "noreferrer",
-        style: {
-          color: this.props.themeType === 'dark' ? '#a147ff' : '#5b238f',
-          textDecoration: 'underline'
-        }
-      }, this.getText(text, noTranslation));
-    }
-  }, {
-    key: "getPattern",
-    value: function getPattern(pattern, data) {
-      data = data || this.props.data;
-      if (!pattern) {
-        return '';
-      }
-      if ((0, _typeof2["default"])(pattern) === 'object') {
-        if (pattern.func) {
-          pattern = pattern.func;
-        } else {
-          console.log("Object must be stringified: ".concat(JSON.stringify(pattern)));
-          pattern = JSON.stringify(pattern);
-        }
-      }
-      try {
-        if (this.props.custom) {
-          // eslint-disable-next-line no-new-func
-          var _f = new Function('data', 'originalData', 'arrayIndex', 'globalData', '_system', 'instanceObj', 'customObj', '_socket', '_changed', "return `".concat(pattern.replace(/`/g, '\\`'), "`"));
-          return _f(data, this.props.originalData, this.props.arrayIndex, this.props.globalData, this.props.systemConfig, this.props.instanceObj, this.props.customObj, this.props.socket, this.props.changed);
-        }
-        // eslint-disable-next-line no-new-func
-        var f = new Function('data', 'originalData', 'arrayIndex', 'globalData', '_system', '_alive', '_common', '_socket', '_changed', "return `".concat(pattern.replace(/`/g, '\\`'), "`"));
-        return f(data, this.props.originalData, this.props.arrayIndex, this.props.globalData, this.props.systemConfig, this.props.alive, this.props.common, this.props.socket, this.props.changed);
-      } catch (e) {
-        console.error("Cannot execute ".concat(pattern, ": ").concat(e));
-        return pattern;
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this6 = this;
-      var schema = this.props.schema;
-      if (!schema) {
-        return null;
-      }
-      if (this.props.alive && this.defaultSendToDone === false) {
-        this.sendToTimeout = setTimeout(function () {
-          _this6.sendToTimeout = null;
-          _this6.sendTo();
-        }, 200);
-      }
-      var _this$calculate = this.calculate(schema),
-        error = _this$calculate.error,
-        disabled = _this$calculate.disabled,
-        hidden = _this$calculate.hidden,
-        defaultValue = _this$calculate.defaultValue;
-      if (hidden) {
-        // Remove all errors if element is hidden
-        if (Object.keys(this.isError).length) {
-          setTimeout(function (isError) {
-            return Object.keys(isError).forEach(function (attr) {
-              return _this6.props.onError(attr);
-            });
-          }, 100, JSON.parse(JSON.stringify(this.isError)));
-          this.isError = {};
-        }
-        if (schema.hideOnlyControl) {
-          var _item = /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-            item: true,
-            xs: schema.xs || undefined,
-            lg: schema.lg || undefined,
-            md: schema.md || undefined,
-            sm: schema.sm || undefined,
-            style: _objectSpread(_objectSpread({
-              marginBottom: 0,
-              /* marginRight: 8, */
-              textAlign: 'left'
-            }, schema.style), this.props.themeType === 'dark' ? schema.darkStyle : {})
-          });
-          if (schema.newLine) {
-            return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-              style: {
-                flexBasis: '100%',
-                height: 0
-              }
-            }), _item);
-          }
-          return _item;
+    renderHelp(text, link, noTranslation) {
+        if (!link) {
+            text = this.getText(text, noTranslation) || '';
+            if (text &&
+                (text.includes('<a ') || text.includes('<br') || text.includes('<b>') || text.includes('<i>'))) {
+                return Utils_1.default.renderTextWithA(text);
+            }
+            return text;
         }
-        return null;
-      }
-      // Add error
-      if (schema.validatorNoSaveOnError) {
-        if (error && !Object.keys(this.isError).length) {
-          this.isError = (0, _defineProperty2["default"])({}, this.props.attr, schema.validatorErrorText ? _i18n["default"].t(schema.validatorErrorText) : true);
-          setTimeout(function (isError) {
-            return Object.keys(isError).forEach(function (attr) {
-              return _this6.props.onError(attr, isError[attr]);
-            });
-          }, 100, JSON.parse(JSON.stringify(this.isError)));
-        } else if (!error && Object.keys(this.isError).length) {
-          setTimeout(function (isError) {
-            return Object.keys(isError).forEach(function (attr) {
-              return _this6.props.onError(attr);
-            });
-          }, 100, JSON.parse(JSON.stringify(this.isError)));
-          this.isError = {};
-        }
-      }
-      var renderedItem = this.renderItem(error, disabled || this.props.commandRunning || this.props.disabled, defaultValue);
-      if (this.noPlaceRequired) {
-        return renderedItem;
-      }
-      var item = /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-        item: true,
-        title: this.getText(schema.tooltip),
-        xs: schema.xs || undefined,
-        lg: schema.lg || undefined,
-        md: schema.md || undefined,
-        sm: schema.sm || undefined,
-        style: _objectSpread(_objectSpread({
-          marginBottom: 0,
-          // marginRight: 8,
-          textAlign: 'left',
-          width: schema.type === 'divider' || schema.type === 'header' ? schema.width || '100%' : undefined
-        }, schema.style), this.props.themeType === 'dark' ? schema.darkStyle : {})
-      }, this.props.schema.defaultSendTo && this.props.schema.button ? /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-        container: true,
-        style: {
-          width: '100%'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-        item: true,
-        flex: 1
-      }, renderedItem), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-        item: true
-      }, /*#__PURE__*/_react["default"].createElement(_material.Button, {
-        variant: "outlined",
-        onClick: function onClick() {
-          return _this6.sendTo();
-        },
-        title: this.props.schema.buttonTooltip ? this.getText(this.props.schema.buttonTooltip, this.props.schema.buttonTooltipNoTranslation) : _i18n["default"].t('ra_Request data by instance')
-      }, this.getText(this.props.schema.button)))) : renderedItem);
-      if (schema.newLine) {
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-          style: {
-            flexBasis: '100%',
-            height: 0
-          }
-        }), this.renderConfirmDialog(), item);
-      }
-      if (this.state.confirmDialog) {
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, this.renderConfirmDialog(), item);
-      }
-      return item;
-    }
-  }], [{
-    key: "getValue",
-    value:
-    /**
-     * Extract attribute out of data
-     *
-     * @param {Record<string, any>} data
-     * @param {string|string[]} attr
-     * @return {*|null}
-     */
-    function getValue(data, attr) {
-      if (typeof attr === 'string') {
-        return ConfigGeneric.getValue(data, attr.split('.'));
-      }
-      if (attr.length === 1) {
-        return data[attr[0]];
-      }
-      var part = attr.shift();
-      if ((0, _typeof2["default"])(data[part]) === 'object') {
-        return ConfigGeneric.getValue(data[part], attr);
-      }
-      return null;
+        return react_1.default.createElement("a", { href: link, target: "_blank", rel: "noreferrer", style: {
+                color: this.props.themeType === 'dark' ? '#a147ff' : '#5b238f',
+                textDecoration: 'underline',
+            } }, this.getText(text, noTranslation));
     }
-  }, {
-    key: "setValue",
-    value: function setValue(data, attr, value) {
-      if (typeof attr === 'string') {
-        ConfigGeneric.setValue(data, attr.split('.'), value);
-        return;
-      }
-      if (attr.length === 1) {
-        if (value === null) {
-          delete data[attr[0]];
-        } else {
-          data[attr[0]] = value;
-        }
-      } else {
-        var part = attr.shift();
-        if (!data[part] || (0, _typeof2["default"])(data[part]) === 'object') {
-          data[part] = data[part] || {};
-        }
-        ConfigGeneric.setValue(data[part], attr, value);
-      }
+    getPattern(pattern, data) {
+        data = data || this.props.data;
+        if (!pattern) {
+            return '';
+        }
+        if (typeof pattern === 'object') {
+            if (pattern.func) {
+                pattern = pattern.func;
+            }
+            else {
+                console.log(`Object must be stringified: ${JSON.stringify(pattern)}`);
+                pattern = JSON.stringify(pattern);
+            }
+        }
+        try {
+            if (this.props.custom) {
+                // eslint-disable-next-line no-new-func
+                const f = new Function('data', 'originalData', 'arrayIndex', 'globalData', '_system', 'instanceObj', 'customObj', '_socket', '_changed', `return \`${pattern.replace(/`/g, '\\`')}\``);
+                return f(data, this.props.originalData, this.props.arrayIndex, this.props.globalData, this.props.systemConfig, this.props.instanceObj, this.props.customObj, this.props.socket, this.props.changed);
+            }
+            // eslint-disable-next-line no-new-func
+            const f = new Function('data', 'originalData', 'arrayIndex', 'globalData', '_system', '_alive', '_common', '_socket', '_changed', `return \`${pattern.replace(/`/g, '\\`')}\``);
+            return f(data, this.props.originalData, this.props.arrayIndex, this.props.globalData, this.props.systemConfig, this.props.alive, this.props.common, this.props.socket, this.props.changed);
+        }
+        catch (e) {
+            console.error(`Cannot execute ${pattern}: ${e}`);
+            return pattern;
+        }
     }
-  }]);
-  return ConfigGeneric;
-}(_react.Component);
-(0, _defineProperty2["default"])(ConfigGeneric, "DIFFERENT_VALUE", '__different__');
-(0, _defineProperty2["default"])(ConfigGeneric, "DIFFERENT_LABEL", 'ra___different__');
-(0, _defineProperty2["default"])(ConfigGeneric, "NONE_VALUE", '');
-(0, _defineProperty2["default"])(ConfigGeneric, "NONE_LABEL", 'ra_none');
-(0, _defineProperty2["default"])(ConfigGeneric, "AsyncFunction", Object.getPrototypeOf( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-  return _regenerator["default"].wrap(function _callee$(_context) {
-    while (1) switch (_context.prev = _context.next) {
-      case 0:
-      case "end":
-        return _context.stop();
+    render() {
+        const schema = this.props.schema;
+        if (!schema) {
+            return null;
+        }
+        if (this.props.alive && this.defaultSendToDone === false) {
+            this.sendToTimeout = setTimeout(() => {
+                this.sendToTimeout = null;
+                this.sendTo();
+            }, 200);
+        }
+        const { error, disabled, hidden, defaultValue, } = this.calculate(schema);
+        if (hidden) {
+            // Remove all errors if element is hidden
+            if (Object.keys(this.isError).length) {
+                setTimeout(isError => Object.keys(isError).forEach(attr => this.props.onError(attr)), 100, JSON.parse(JSON.stringify(this.isError)));
+                this.isError = {};
+            }
+            if (schema.hideOnlyControl) {
+                const item = react_1.default.createElement(material_1.Grid, { item: true, xs: schema.xs || undefined, lg: schema.lg || undefined, md: schema.md || undefined, sm: schema.sm || undefined, style: (Object.assign(Object.assign({ marginBottom: 0, textAlign: 'left' }, schema.style), (this.props.themeType === 'dark' ? schema.darkStyle : {}))) });
+                if (schema.newLine) {
+                    return react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { style: { flexBasis: '100%', height: 0 } }),
+                        item);
+                }
+                return item;
+            }
+            return null;
+        }
+        // Add error
+        if (schema.validatorNoSaveOnError) {
+            if (error && !Object.keys(this.isError).length) {
+                this.isError = {
+                    [this.props.attr]: schema.validatorErrorText ? i18n_1.default.t(schema.validatorErrorText) : true,
+                };
+                setTimeout(isError => Object.keys(isError).forEach(attr => this.props.onError(attr, isError[attr])), 100, JSON.parse(JSON.stringify(this.isError)));
+            }
+            else if (!error && Object.keys(this.isError).length) {
+                setTimeout(isError => Object.keys(isError).forEach(attr => this.props.onError(attr)), 100, JSON.parse(JSON.stringify(this.isError)));
+                this.isError = {};
+            }
+        }
+        const renderedItem = this.renderItem(error, disabled || this.props.commandRunning || this.props.disabled, defaultValue);
+        if (this.noPlaceRequired) {
+            return renderedItem;
+        }
+        const item = react_1.default.createElement(material_1.Grid, { item: true, title: this.getText(schema.tooltip), xs: schema.xs || undefined, lg: schema.lg || undefined, md: schema.md || undefined, sm: schema.sm || undefined, style: (Object.assign(Object.assign({ marginBottom: 0, 
+                // marginRight: 8,
+                textAlign: 'left', width: schema.type === 'divider' || schema.type === 'header'
+                    ? schema.width || '100%'
+                    : undefined }, schema.style), (this.props.themeType === 'dark' ? schema.darkStyle : {}))) }, this.props.schema.defaultSendTo && this.props.schema.button ?
+            react_1.default.createElement(material_1.Grid, { container: true, style: { width: '100%' } },
+                react_1.default.createElement(material_1.Grid, { item: true, flex: 1 }, renderedItem),
+                react_1.default.createElement(material_1.Grid, { item: true },
+                    react_1.default.createElement(material_1.Button, { variant: "outlined", onClick: () => this.sendTo(), title: this.props.schema.buttonTooltip
+                            ? this.getText(this.props.schema.buttonTooltip, this.props.schema.buttonTooltipNoTranslation)
+                            : i18n_1.default.t('ra_Request data by instance') }, this.getText(this.props.schema.button)))) : renderedItem);
+        if (schema.newLine) {
+            return react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", { style: { flexBasis: '100%', height: 0 } }),
+                this.renderConfirmDialog(),
+                item);
+        }
+        if (this.state.confirmDialog) {
+            return react_1.default.createElement(react_1.default.Fragment, null,
+                this.renderConfirmDialog(),
+                item);
+        }
+        return item;
     }
-  }, _callee);
-}))).constructor);
-ConfigGeneric.propTypes = {
-  socket: _propTypes["default"].object.isRequired,
-  data: _propTypes["default"].object,
-  originalData: _propTypes["default"].object,
-  schema: _propTypes["default"].object,
-  attr: _propTypes["default"].string,
-  // eslint-disable-next-line react/no-unused-prop-types
-  value: _propTypes["default"].any,
-  // eslint-disable-next-line react/no-unused-prop-types
-  themeName: _propTypes["default"].string,
-  style: _propTypes["default"].object,
-  onError: _propTypes["default"].func,
-  onChange: _propTypes["default"].func,
-  // eslint-disable-next-line react/no-unused-prop-types
-  customs: _propTypes["default"].object,
-  forceUpdate: _propTypes["default"].func.isRequired,
-  disabled: _propTypes["default"].bool,
-  systemConfig: _propTypes["default"].object,
-  alive: _propTypes["default"].bool,
-  changed: _propTypes["default"].bool,
-  common: _propTypes["default"].object,
-  adapterName: _propTypes["default"].string,
-  instance: _propTypes["default"].number,
-  // eslint-disable-next-line react/no-unused-prop-types
-  dateFormat: _propTypes["default"].string,
-  // eslint-disable-next-line react/no-unused-prop-types
-  isFloatComma: _propTypes["default"].bool,
-  customObj: _propTypes["default"].object,
-  instanceObj: _propTypes["default"].object,
-  custom: _propTypes["default"].bool
-};
-var _default = exports["default"] = ConfigGeneric;
-//# sourceMappingURL=ConfigGeneric.js.map
+}
+ConfigGeneric.DIFFERENT_VALUE = '__different__';
+ConfigGeneric.DIFFERENT_LABEL = 'ra___different__';
+ConfigGeneric.NONE_VALUE = '';
+ConfigGeneric.NONE_LABEL = 'ra_none';
+exports.default = ConfigGeneric;