@iobroker/adapter-react-v5 3.1.1 → 3.1.4

package/Components/JsonConfigComponent/ConfigCustom.js

@@ -15,8 +15,6 @@ var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray")
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -27,6 +25,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -45,6 +45,132 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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 getOrLoadRemote = function getOrLoadRemote(remote, shareScope) {
+  var remoteFallbackUrl = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+  return new Promise(function (resolve, reject) {
+    // check if remote exists on window
+    if (!window[remote]) {
+      // search dom to see if remote tag exists, but might still be loading (async)
+      var existingRemote = document.querySelector("script[data-webpack=\"".concat(remote, "\"]")); // when remote is loaded.
+
+      var onload = /*#__PURE__*/function () {
+        var _ref = (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:
+                  if (!window[remote]) {
+                    _context.next = 12;
+                    break;
+                  }
+
+                  if (window[remote].__initialized) {
+                    _context.next = 10;
+                    break;
+                  }
+
+                  if (!(typeof __webpack_share_scopes__ === 'undefined')) {
+                    _context.next = 7;
+                    break;
+                  }
+
+                  _context.next = 5;
+                  return window[remote].init(shareScope["default"]);
+
+                case 5:
+                  _context.next = 9;
+                  break;
+
+                case 7:
+                  _context.next = 9;
+                  return window[remote].init(__webpack_share_scopes__[shareScope]);
+
+                case 9:
+                  // mark remote as initialized
+                  window[remote].__initialized = true;
+
+                case 10:
+                  _context.next = 14;
+                  break;
+
+                case 12:
+                  console.error('Cannot load ' + remote);
+                  return _context.abrupt("return", reject('Cannot load ' + remote));
+
+                case 14:
+                  // resolve promise so marking remote as loaded
+                  resolve(window[remote]);
+
+                case 15:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+
+        return function onload() {
+          return _ref.apply(this, arguments);
+        };
+      }();
+
+      if (existingRemote) {
+        // if existing remote but not loaded, hook into its onload and wait for it to be ready
+        existingRemote.onload = onload;
+        existingRemote.onerror = reject; // check if remote fallback exists as param passed to function
+        // TODO: should scan public config for a matching key if no override exists
+      } else if (remoteFallbackUrl) {
+        // inject remote if a fallback exists and call the same onload function
+        var d = document;
+        var script = d.createElement('script');
+        script.type = 'text/javascript'; // mark as data-webpack so runtime can track it internally
+
+        script.setAttribute('data-webpack', "".concat(remote));
+        script.async = true;
+        script.onerror = reject;
+        script.onload = onload;
+        script.src = remoteFallbackUrl;
+        d.getElementsByTagName('head')[0].appendChild(script);
+      } else {
+        // no remote and no fallback exist, reject
+        reject("Cannot Find Remote ".concat(remote, " to inject"));
+      }
+    } else {
+      // remote already instantiated, resolve
+      resolve(window[remote]);
+    }
+  });
+};
+
+var loadComponent = function loadComponent(remote, sharedScope, module, url) {
+  return /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+    var container, factory, Module;
+    return _regenerator["default"].wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return getOrLoadRemote(remote, sharedScope, url);
+
+          case 2:
+            container = _context2.sent;
+            _context2.next = 5;
+            return container.get(module);
+
+          case 5:
+            factory = _context2.sent;
+            Module = factory();
+            return _context2.abrupt("return", Module);
+
+          case 8:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+};
+
 var ConfigCustom = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(ConfigCustom, _Component);
 
@@ -69,15 +195,15 @@ var ConfigCustom = /*#__PURE__*/function (_Component) {
   (0, _createClass2["default"])(ConfigCustom, [{
     key: "componentDidMount",
     value: function () {
-      var _componentDidMount = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var _componentDidMount = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
         var url, pos, i18nURL, lang, file, _this$props$schema$na, _this$props$schema$na2, uniqueName, fileToLoad, componentName, component, keys;
 
-        return _regenerator["default"].wrap(function _callee$(_context) {
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
           while (1) {
-            switch (_context.prev = _context.next) {
+            switch (_context3.prev = _context3.next) {
               case 0:
                 if (this.props.schema.url) {
-                  _context.next = 4;
+                  _context3.next = 4;
                   break;
                 }
 
@@ -85,7 +211,7 @@ var ConfigCustom = /*#__PURE__*/function (_Component) {
                 this.setState({
                   error: 'URL is empty. Cannot load custom component!'
                 });
-                return _context.abrupt("return");
+                return _context3.abrupt("return");
 
               case 4:
                 if (this.props.schema.url.startsWith('http:') || this.props.schema.url.startsWith('https:')) {
@@ -97,7 +223,7 @@ var ConfigCustom = /*#__PURE__*/function (_Component) {
                 }
 
                 if (!(this.props.schema.i18n === true)) {
-                  _context.next = 14;
+                  _context3.next = 14;
                   break;
                 }
 
@@ -112,7 +238,7 @@ var ConfigCustom = /*#__PURE__*/function (_Component) {
 
                 lang = _i18n["default"].getLanguage();
                 file = "".concat(i18nURL, "/i18n/").concat(lang, ".json");
-                _context.next = 12;
+                _context3.next = 12;
                 return fetch(file).then(function (data) {
                   return data.json();
                 }).then(function (json) {
@@ -122,7 +248,7 @@ var ConfigCustom = /*#__PURE__*/function (_Component) {
                 });
 
               case 12:
-                _context.next = 15;
+                _context3.next = 15;
                 break;
 
               case 14:
@@ -135,18 +261,15 @@ var ConfigCustom = /*#__PURE__*/function (_Component) {
                 }
 
               case 15:
-                _context.prev = 15;
+                _context3.prev = 15;
                 _this$props$schema$na = this.props.schema.name.split('/'), _this$props$schema$na2 = (0, _toArray2["default"])(_this$props$schema$na), uniqueName = _this$props$schema$na2[0], fileToLoad = _this$props$schema$na2[1], componentName = _this$props$schema$na2.slice(2);
-                console.log(uniqueName, fileToLoad, componentName.join('/'));
-                _context.next = 20;
-                return window.importFederation(uniqueName, {
-                  url: url,
-                  format: 'esm',
-                  from: 'vite'
-                }, fileToLoad);
+                console.log(uniqueName, fileToLoad, componentName.join('/')); // const component = await window.importFederation(uniqueName, {url, format: 'esm', from: 'vite'}, fileToLoad);
+
+                _context3.next = 20;
+                return loadComponent(uniqueName, 'default', "./".concat(fileToLoad), url)();
 
               case 20:
-                component = _context.sent;
+                component = _context3.sent["default"];
 
                 if (!component || !component || !component[componentName.join('/')]) {
                   keys = Object.keys(component || {});
@@ -160,22 +283,22 @@ var ConfigCustom = /*#__PURE__*/function (_Component) {
                   });
                 }
 
-                _context.next = 27;
+                _context3.next = 27;
                 break;
 
               case 24:
-                _context.prev = 24;
-                _context.t0 = _context["catch"](15);
+                _context3.prev = 24;
+                _context3.t0 = _context3["catch"](15);
                 this.setState({
-                  error: "Cannot import from ".concat(this.props.schema.url, ": ").concat(_context.t0)
+                  error: "Cannot import from ".concat(this.props.schema.url, ": ").concat(_context3.t0)
                 });
 
               case 27:
               case "end":
-                return _context.stop();
+                return _context3.stop();
             }
           }
-        }, _callee, this, [[15, 24]]);
+        }, _callee3, this, [[15, 24]]);
       }));
 
       function componentDidMount() {

package/Components/JsonConfigComponent/ConfigCustom.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigCustom.js","names":["ConfigCustom","props","state","Component","error","schema","url","console","setState","startsWith","window","location","protocol","host","replace","adapterName","i18n","pos","lastIndexOf","i18nURL","substring","lang","getLanguage","file","fetch","then","data","json","extendTranslations","log","name","split","uniqueName","fileToLoad","componentName","join","importFederation","format","from","component","keys","Object","item","xs","undefined","lg","md","sm","assign","marginBottom","textAlign","width","type","style","themeType","darkStyle","newLine","flexBasis","height","propTypes","socket","PropTypes","object","string","themeName","className","attr","isRequired","onError","func","onChange"],"sources":["JsonConfigComponent/ConfigCustom.jsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport LinearProgress from '@mui/material/LinearProgress';\nimport Grid from '@mui/material/Grid';\nimport i18n from '../../i18n';\n\nclass ConfigCustom extends Component {\n    constructor(props) {\n        super(props);\n        // schema.url - location of Widget\n        // schema.name - Component name\n        // schema.i18n - i18n\n\n        this.state = {\n            Component: null,\n            error: '',\n        };\n    }\n\n    // load component dynamically\n    async componentDidMount() {\n        if (!this.props.schema.url) {\n            console.error('URL is empty. Cannot load custom component!');\n            this.setState({ error: 'URL is empty. Cannot load custom component!' });\n            return;\n        }\n\n        let url;\n        if (this.props.schema.url.startsWith('http:') || this.props.schema.url.startsWith('https:')) {\n            url = this.props.schema.url;\n        } else if (this.props.schema.url.startsWith('./')) {\n            url = `${window.location.protocol}//${window.location.host}${this.props.schema.url.replace(/^\\./, '')}`;\n        } else {\n            url = `${window.location.protocol}//${window.location.host}/adapter/${this.props.adapterName}/${this.props.schema.url}`;\n        }\n\n        if (this.props.schema.i18n === true) {\n            // load i18n from files\n            const pos = url.lastIndexOf('/');\n            let i18nURL;\n            if (pos !== -1) {\n                i18nURL = url.substring(0, pos);\n            } else {\n                i18nURL = url;\n            }\n            const lang = i18n.getLanguage();\n            const file = `${i18nURL}/i18n/${lang}.json`;\n\n            await fetch(file)\n                .then(data => data.json())\n                .then(json => i18n.extendTranslations(json, lang))\n                .catch(error => console.log(`Cannot load i18n \"${file}\": ${error}`));\n        } else if (this.props.schema.i18n && typeof this.props.schema.i18n === 'object') {\n            try {\n                i18n.extendTranslations(this.props.schema.i18n);\n            } catch (error) {\n                console.error(`Cannot import i18n: ${error}`);\n            }\n        }\n\n        try {\n            const [uniqueName, fileToLoad, ...componentName] = this.props.schema.name.split('/');\n            console.log(uniqueName, fileToLoad, componentName.join('/'));\n            const component = await window.importFederation(uniqueName, {url, format: 'esm', from: 'vite'}, fileToLoad);\n\n            if (!component || !component || !component[componentName.join('/')]) {\n                const keys = Object.keys(component || {});\n                console.error('URL is empty. Cannot load custom component!');\n                this.setState({ error: `Component ${this.props.schema.name} not found in ${this.props.schema.url}. Found: ${keys.join(', ')}` });\n            } else {\n                this.setState({ Component: component[componentName.join('/')] });\n            }\n        } catch (error) {\n            this.setState({ error: `Cannot import from ${this.props.schema.url}: ${error}` });\n        }\n    }\n\n    render() {\n        const Component = this.state.Component;\n\n        // render temporary placeholder\n        if (!Component) {\n            if (this.state.error) {\n                return;\n            } else {\n                const schema = this.props.schema || {};\n\n                const item = <Grid\n                    item\n                    xs={schema.xs || undefined}\n                    lg={schema.lg || undefined}\n                    md={schema.md || undefined}\n                    sm={schema.sm || undefined}\n                    style={Object.assign({}, {\n                        marginBottom: 0,\n                        //marginRight: 8,\n                        textAlign: 'left',\n                        width: schema.type === 'divider' || schema.type === 'header' ? schema.width || '100%' : undefined\n                    }, schema.style, this.props.themeType === 'dark' ? schema.darkStyle : {})}>\n                    {this.state.error ? <div>{this.state.error}</div> : <LinearProgress />}\n                </Grid>;\n\n                if (schema.newLine) {\n                    return <>\n                        <div style={{ flexBasis: '100%', height: 0 }} />\n                        {item}\n                    </>;\n                } else {\n                    return item;\n                }\n            }\n        }\n\n        return <Component {...this.props} />;\n    }\n}\n\nConfigCustom.propTypes = {\n    socket: PropTypes.object,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    attr: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    schema: PropTypes.object.isRequired,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n};\n\nexport default ConfigCustom;"],"mappings":"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"}
+{"version":3,"file":"ConfigCustom.js","names":["getOrLoadRemote","remote","shareScope","remoteFallbackUrl","undefined","Promise","resolve","reject","window","existingRemote","document","querySelector","onload","__initialized","__webpack_share_scopes__","init","console","error","onerror","d","script","createElement","type","setAttribute","async","src","getElementsByTagName","appendChild","loadComponent","sharedScope","module","url","container","get","factory","Module","ConfigCustom","props","state","Component","schema","setState","startsWith","location","protocol","host","replace","adapterName","i18n","pos","lastIndexOf","i18nURL","substring","lang","getLanguage","file","fetch","then","data","json","extendTranslations","log","name","split","uniqueName","fileToLoad","componentName","join","component","keys","Object","item","xs","lg","md","sm","assign","marginBottom","textAlign","width","style","themeType","darkStyle","newLine","flexBasis","height","propTypes","socket","PropTypes","object","string","themeName","className","attr","isRequired","onError","func","onChange"],"sources":["JsonConfigComponent/ConfigCustom.jsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport LinearProgress from '@mui/material/LinearProgress';\nimport Grid from '@mui/material/Grid';\n\nimport i18n from '../../i18n';\nconst getOrLoadRemote = (remote, shareScope, remoteFallbackUrl = undefined) =>\n    new Promise((resolve, reject) => {\n    // check if remote exists on window\n        if (!window[remote]) {\n            // search dom to see if remote tag exists, but might still be loading (async)\n            const existingRemote = document.querySelector(`script[data-webpack=\"${remote}\"]`);\n            // when remote is loaded.\n            const onload = async () => {\n                // check if it was initialized\n                if (window[remote]) {\n                    if (!window[remote].__initialized) {\n                        // if share scope doesn't exist (like in webpack 4) then expect shareScope to be a manual object\n                        if (typeof __webpack_share_scopes__ === 'undefined') {\n                            // use default share scope object passed in manually\n                            await window[remote].init(shareScope.default);\n                        } else {\n                            // otherwise, init share scope as usual\n                            // eslint-disable-next-line\n                            await window[remote].init(__webpack_share_scopes__[shareScope]);\n                        }\n                        // mark remote as initialized\n                        window[remote].__initialized = true;\n                    }\n                } else {\n                    console.error('Cannot load ' + remote);\n                    return reject('Cannot load ' + remote);\n                }\n                // resolve promise so marking remote as loaded\n                resolve(window[remote]);\n            };\n\n            if (existingRemote) {\n                // if existing remote but not loaded, hook into its onload and wait for it to be ready\n                existingRemote.onload = onload;\n                existingRemote.onerror = reject;\n                // check if remote fallback exists as param passed to function\n                // TODO: should scan public config for a matching key if no override exists\n            } else if (remoteFallbackUrl) {\n                // inject remote if a fallback exists and call the same onload function\n                const d = document;\n                const script = d.createElement('script');\n                script.type = 'text/javascript';\n                // mark as data-webpack so runtime can track it internally\n                script.setAttribute('data-webpack', `${remote}`);\n                script.async = true;\n                script.onerror = reject;\n                script.onload = onload;\n                script.src = remoteFallbackUrl;\n                d.getElementsByTagName('head')[0].appendChild(script);\n            } else {\n                // no remote and no fallback exist, reject\n                reject(`Cannot Find Remote ${remote} to inject`);\n            }\n        } else {\n            // remote already instantiated, resolve\n            resolve(window[remote]);\n        }\n    });\n\nconst loadComponent = (remote, sharedScope, module, url) => async () => {\n    const container = await getOrLoadRemote(remote, sharedScope, url);\n    const factory = await container.get(module);\n    const Module = factory();\n    return Module;\n};\n\nclass ConfigCustom extends Component {\n    constructor(props) {\n        super(props);\n        // schema.url - location of Widget\n        // schema.name - Component name\n        // schema.i18n - i18n\n\n        this.state = {\n            Component: null,\n            error: '',\n        };\n    }\n\n    // load component dynamically\n    async componentDidMount() {\n        if (!this.props.schema.url) {\n            console.error('URL is empty. Cannot load custom component!');\n            this.setState({ error: 'URL is empty. Cannot load custom component!' });\n            return;\n        }\n\n        let url;\n        if (this.props.schema.url.startsWith('http:') || this.props.schema.url.startsWith('https:')) {\n            url = this.props.schema.url;\n        } else if (this.props.schema.url.startsWith('./')) {\n            url = `${window.location.protocol}//${window.location.host}${this.props.schema.url.replace(/^\\./, '')}`;\n        } else {\n            url = `${window.location.protocol}//${window.location.host}/adapter/${this.props.adapterName}/${this.props.schema.url}`;\n        }\n\n        if (this.props.schema.i18n === true) {\n            // load i18n from files\n            const pos = url.lastIndexOf('/');\n            let i18nURL;\n            if (pos !== -1) {\n                i18nURL = url.substring(0, pos);\n            } else {\n                i18nURL = url;\n            }\n            const lang = i18n.getLanguage();\n            const file = `${i18nURL}/i18n/${lang}.json`;\n\n            await fetch(file)\n                .then(data => data.json())\n                .then(json => i18n.extendTranslations(json, lang))\n                .catch(error => console.log(`Cannot load i18n \"${file}\": ${error}`));\n        } else if (this.props.schema.i18n && typeof this.props.schema.i18n === 'object') {\n            try {\n                i18n.extendTranslations(this.props.schema.i18n);\n            } catch (error) {\n                console.error(`Cannot import i18n: ${error}`);\n            }\n        }\n\n        try {\n            const [uniqueName, fileToLoad, ...componentName] = this.props.schema.name.split('/');\n            console.log(uniqueName, fileToLoad, componentName.join('/'));\n            // const component = await window.importFederation(uniqueName, {url, format: 'esm', from: 'vite'}, fileToLoad);\n            const component = (await loadComponent(uniqueName, 'default', `./${fileToLoad}`, url)()).default;\n\n            if (!component || !component || !component[componentName.join('/')]) {\n                const keys = Object.keys(component || {});\n                console.error('URL is empty. Cannot load custom component!');\n                this.setState({ error: `Component ${this.props.schema.name} not found in ${this.props.schema.url}. Found: ${keys.join(', ')}` });\n            } else {\n                this.setState({ Component: component[componentName.join('/')] });\n            }\n        } catch (error) {\n            this.setState({ error: `Cannot import from ${this.props.schema.url}: ${error}` });\n        }\n    }\n\n    render() {\n        const Component = this.state.Component;\n\n        // render temporary placeholder\n        if (!Component) {\n            if (this.state.error) {\n                return;\n            } else {\n                const schema = this.props.schema || {};\n\n                const item = <Grid\n                    item\n                    xs={schema.xs || undefined}\n                    lg={schema.lg || undefined}\n                    md={schema.md || undefined}\n                    sm={schema.sm || undefined}\n                    style={Object.assign({}, {\n                        marginBottom: 0,\n                        //marginRight: 8,\n                        textAlign: 'left',\n                        width: schema.type === 'divider' || schema.type === 'header' ? schema.width || '100%' : undefined\n                    }, schema.style, this.props.themeType === 'dark' ? schema.darkStyle : {})}>\n                    {this.state.error ? <div>{this.state.error}</div> : <LinearProgress />}\n                </Grid>;\n\n                if (schema.newLine) {\n                    return <>\n                        <div style={{ flexBasis: '100%', height: 0 }} />\n                        {item}\n                    </>;\n                } else {\n                    return item;\n                }\n            }\n        }\n\n        return <Component {...this.props} />;\n    }\n}\n\nConfigCustom.propTypes = {\n    socket: PropTypes.object,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    attr: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    schema: PropTypes.object.isRequired,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n};\n\nexport default ConfigCustom;"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigGeneric.js

@@ -35,6 +35,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
 
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+
 var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
 
 var _Warning = _interopRequireDefault(require("@mui/icons-material/Warning"));
@@ -123,12 +125,69 @@ var ConfigGeneric = /*#__PURE__*/function (_Component) {
             }
           }, 100);
         }
+      } 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: ' + 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(this.props.adapterName + '.' + 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);
+              });
+            }
+          }
+        });
+      } 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;
+      }
     }
   }, {
     key: "getText",
@@ -161,7 +220,7 @@ var ConfigGeneric = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderConfirmDialog",
     value: function renderConfirmDialog() {
-      var _this3 = this;
+      var _this4 = this;
 
       if (!this.state.confirmDialog) {
         return null;
@@ -185,19 +244,19 @@ var ConfigGeneric = /*#__PURE__*/function (_Component) {
         cancel: this.getText(confirm.cancel) || _i18n["default"].t('ra_Cancel'),
         icon: icon,
         onClose: function onClose(isOk) {
-          return _this3.setState({
+          return _this4.setState({
             confirmDialog: false
           }, function () {
             if (isOk) {
-              var data = JSON.parse(JSON.stringify(_this3.props.data));
+              var data = JSON.parse(JSON.stringify(_this4.props.data));
 
-              if (_this3.state.confirmDepAttr) {
-                ConfigGeneric.setValue(data, _this3.state.confirmDepAttr, _this3.state.confirmDepNewValue);
+              if (_this4.state.confirmDepAttr) {
+                ConfigGeneric.setValue(data, _this4.state.confirmDepAttr, _this4.state.confirmDepNewValue);
               }
 
-              ConfigGeneric.setValue(data, _this3.state.confirmAttr, _this3.state.confirmNewValue);
+              ConfigGeneric.setValue(data, _this4.state.confirmAttr, _this4.state.confirmNewValue);
 
-              _this3.setState({
+              _this4.setState({
                 confirmDialog: false,
                 confirmDepAttr: null,
                 confirmDepNewValue: null,
@@ -206,10 +265,10 @@ var ConfigGeneric = /*#__PURE__*/function (_Component) {
                 confirmOldValue: null,
                 confirmData: null
               }, function () {
-                return _this3.props.onChange(data);
+                return _this4.props.onChange(data);
               });
             } else {
-              _this3.setState({
+              _this4.setState({
                 confirmDialog: false,
                 confirmDepAttr: null,
                 confirmDepNewValue: null,
@@ -226,7 +285,7 @@ var ConfigGeneric = /*#__PURE__*/function (_Component) {
   }, {
     key: "onChange",
     value: function onChange(attr, newValue) {
-      var _this4 = this;
+      var _this5 = this;
 
       var data = JSON.parse(JSON.stringify(this.props.data));
       ConfigGeneric.setValue(data, attr, newValue);
@@ -315,12 +374,12 @@ var ConfigGeneric = /*#__PURE__*/function (_Component) {
           this.props.onChange(attr, newValue);
           changed && changed.length && changed.forEach(function (_attr, i) {
             return setTimeout(function () {
-              return _this4.props.onChange(_attr, data[_attr]);
+              return _this5.props.onChange(_attr, ConfigGeneric.getValue(data, attr));
             }, i * 50);
           });
         } else {
           this.props.onChange(data, undefined, function () {
-            return changed.length && _this4.props.forceUpdate(changed, data);
+            return changed.length && _this5.props.forceUpdate(changed, data);
           });
         }
       }
@@ -465,7 +524,7 @@ var ConfigGeneric = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this5 = this;
+      var _this6 = this;
 
       var schema = this.props.schema;
 
@@ -473,6 +532,14 @@ var ConfigGeneric = /*#__PURE__*/function (_Component) {
         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,
@@ -484,7 +551,7 @@ var ConfigGeneric = /*#__PURE__*/function (_Component) {
         if (Object.keys(this.isError).length) {
           setTimeout(function (isError) {
             return Object.keys(isError).forEach(function (attr) {
-              return _this5.props.onError(attr);
+              return _this6.props.onError(attr);
             });
           }, 100, JSON.parse(JSON.stringify(this.isError)));
           this.isError = {};
@@ -525,19 +592,21 @@ var ConfigGeneric = /*#__PURE__*/function (_Component) {
             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 _this5.props.onError(attr, isError[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 _this5.props.onError(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);
+
         var _item = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
           item: true,
           title: this.getText(schema.tooltip),
@@ -547,11 +616,27 @@ var ConfigGeneric = /*#__PURE__*/function (_Component) {
           sm: schema.sm || undefined,
           style: Object.assign({}, {
             marginBottom: 0,
-            //marginRight: 8,
+            // marginRight: 8,
             textAlign: 'left',
             width: schema.type === 'divider' || schema.type === 'header' ? schema.width || '100%' : undefined
           }, schema.style, this.props.themeType === 'dark' ? schema.darkStyle : {})
-        }, this.renderItem(error, disabled || this.props.commandRunning || this.props.disabled, defaultValue));
+        }, this.props.schema.defaultSendTo && this.props.schema.button ? /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+          container: true,
+          style: {
+            width: '100%'
+          }
+        }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+          item: true,
+          flex: 1
+        }, renderedItem), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+          item: true
+        }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+          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", {
@@ -616,9 +701,9 @@ var ConfigGeneric = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 (0, _defineProperty2["default"])(ConfigGeneric, "DIFFERENT_VALUE", '__different__');
-(0, _defineProperty2["default"])(ConfigGeneric, "DIFFERENT_LABEL", _i18n["default"].t('ra___different__'));
+(0, _defineProperty2["default"])(ConfigGeneric, "DIFFERENT_LABEL", 'ra___different__');
 (0, _defineProperty2["default"])(ConfigGeneric, "NONE_VALUE", '');
-(0, _defineProperty2["default"])(ConfigGeneric, "NONE_LABEL", _i18n["default"].t('ra_none'));
+(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) {