@iobroker/adapter-react-v5 4.13.0 → 4.13.2

package/Components/JsonConfigComponent/ConfigCustom.js

@@ -0,0 +1,316 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
+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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+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"));
+var _material = require("@mui/material");
+var _i18n = _interopRequireDefault(require("./wrapper/i18n"));
+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 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 the global `window`object
+    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 = 15;
+                break;
+              case 12:
+                console.error("Cannot load ".concat(remote));
+                reject(new Error("Cannot load ".concat(remote)));
+                return _context.abrupt("return");
+              case 15:
+                // resolve promise so marking remote as loaded
+                resolve(window[remote]);
+              case 16:
+              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(new Error("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;
+    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;
+          return _context2.abrupt("return", factory());
+        case 7:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+};
+var ConfigCustom = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(ConfigCustom, _Component);
+  var _super = _createSuper(ConfigCustom);
+  function ConfigCustom(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ConfigCustom);
+    _this = _super.call(this, props);
+    // schema.url - location of Widget
+    // schema.name - Component name
+    // schema.i18n - i18n
+
+    _this.state = {
+      Component: null,
+      error: ''
+    };
+    return _this;
+  }
+
+  // load component dynamically
+  (0, _createClass2["default"])(ConfigCustom, [{
+    key: "componentDidMount",
+    value: function () {
+      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 _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              if (this.props.schema.url) {
+                _context3.next = 4;
+                break;
+              }
+              console.error('URL is empty. Cannot load custom component!');
+              this.setState({
+                error: 'URL is empty. Cannot load custom component!'
+              });
+              return _context3.abrupt("return");
+            case 4:
+              /*
+              if (this.props.schema.url.startsWith('http:') || this.props.schema.url.startsWith('https:')) {
+                  url = this.props.schema.url;
+              } else
+              */
+              if (this.props.schema.url.startsWith('./')) {
+                url = "".concat(window.location.protocol, "//").concat(window.location.host).concat(this.props.schema.url.replace(/^\./, ''));
+              } else {
+                url = "".concat(window.location.protocol, "//").concat(window.location.host, "/adapter/").concat(this.props.adapterName, "/").concat(this.props.schema.url);
+              }
+              if (!(this.props.schema.i18n === true)) {
+                _context3.next = 14;
+                break;
+              }
+              // load i18n from files
+              pos = url.lastIndexOf('/');
+              if (pos !== -1) {
+                i18nURL = url.substring(0, pos);
+              } else {
+                i18nURL = url;
+              }
+              lang = _i18n["default"].getLanguage();
+              file = "".concat(i18nURL, "/i18n/").concat(lang, ".json");
+              _context3.next = 12;
+              return fetch(file).then(function (data) {
+                return data.json();
+              }).then(function (json) {
+                return _i18n["default"].extendTranslations(json, lang);
+              })["catch"](function (error) {
+                if (lang !== 'en') {
+                  // try to load English
+                  fetch("".concat(i18nURL, "/i18n/en.json")).then(function (data) {
+                    return data.json();
+                  }).then(function (json) {
+                    return _i18n["default"].extendTranslations(json, lang);
+                  })["catch"](function (err) {
+                    return console.log("Cannot load i18n \"".concat(file, "\": ").concat(err));
+                  });
+                  return;
+                }
+                console.log("Cannot load i18n \"".concat(file, "\": ").concat(error));
+              });
+            case 12:
+              _context3.next = 15;
+              break;
+            case 14:
+              if (this.props.schema.i18n && (0, _typeof2["default"])(this.props.schema.i18n) === 'object') {
+                try {
+                  _i18n["default"].extendTranslations(this.props.schema.i18n);
+                } catch (error) {
+                  console.error("Cannot import i18n: ".concat(error));
+                }
+              }
+            case 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('/'));
+              // 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 = _context3.sent["default"];
+              if (!component || !component || !component[componentName.join('/')]) {
+                keys = Object.keys(component || {});
+                console.error('URL is empty. Cannot load custom component!');
+                this.setState({
+                  error: "Component ".concat(this.props.schema.name, " not found in ").concat(this.props.schema.url, ". Found: ").concat(keys.join(', '))
+                });
+              } else {
+                this.setState({
+                  Component: component[componentName.join('/')]
+                });
+              }
+              _context3.next = 27;
+              break;
+            case 24:
+              _context3.prev = 24;
+              _context3.t0 = _context3["catch"](15);
+              this.setState({
+                error: "Cannot import from ".concat(this.props.schema.url, ": ").concat(_context3.t0)
+              });
+            case 27:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this, [[15, 24]]);
+      }));
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
+      }
+      return componentDidMount;
+    }()
+  }, {
+    key: "render",
+    value: function render() {
+      var CustomComponent = this.state.Component;
+
+      // render temporary placeholder
+      if (!CustomComponent) {
+        if (this.state.error) {
+          return null;
+        }
+        var schema = this.props.schema || {};
+        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',
+            width: schema.type === 'divider' || schema.type === 'header' ? schema.width || '100%' : undefined
+          }, schema.style), this.props.themeType === 'dark' ? schema.darkStyle : {})
+        }, this.state.error ? /*#__PURE__*/_react["default"].createElement("div", null, this.state.error) : /*#__PURE__*/_react["default"].createElement(_material.LinearProgress, null));
+        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;
+      }
+      return /*#__PURE__*/_react["default"].createElement(CustomComponent, this.props);
+    }
+  }]);
+  return ConfigCustom;
+}(_react.Component);
+ConfigCustom.propTypes = {
+  socket: _propTypes["default"].object,
+  themeType: _propTypes["default"].string,
+  themeName: _propTypes["default"].string,
+  style: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  attr: _propTypes["default"].string,
+  data: _propTypes["default"].object.isRequired,
+  schema: _propTypes["default"].object.isRequired,
+  onError: _propTypes["default"].func,
+  onChange: _propTypes["default"].func
+};
+var _default = exports["default"] = ConfigCustom;
+//# sourceMappingURL=ConfigCustom.js.map

package/Components/JsonConfigComponent/ConfigCustom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigCustom.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_material","_i18n","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof3","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","getOrLoadRemote","remote","shareScope","remoteFallbackUrl","undefined","Promise","resolve","reject","window","existingRemote","document","querySelector","concat","onload","_ref","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","__initialized","__webpack_share_scopes__","init","console","error","Error","abrupt","stop","onerror","d","script","createElement","type","setAttribute","async","src","getElementsByTagName","appendChild","loadComponent","sharedScope","module","url","_callee2","container","factory","_callee2$","_context2","sent","ConfigCustom","_Component","_inherits2","_super","props","_this","_classCallCheck2","state","Component","_createClass2","key","value","_componentDidMount","_callee3","pos","i18nURL","lang","file","_this$props$schema$na","_this$props$schema$na2","uniqueName","fileToLoad","componentName","component","_callee3$","_context3","schema","setState","startsWith","location","protocol","host","replace","adapterName","i18n","lastIndexOf","substring","I18n","getLanguage","fetch","then","data","json","extendTranslations","err","log","_typeof2","name","split","_toArray2","slice","join","t0","componentDidMount","render","CustomComponent","item","Grid","xs","lg","md","sm","style","marginBottom","textAlign","width","themeType","darkStyle","LinearProgress","newLine","Fragment","flexBasis","height","propTypes","socket","PropTypes","object","string","themeName","className","attr","isRequired","onError","func","onChange","_default","exports"],"sources":["JsonConfigComponent/ConfigCustom.jsx"],"sourcesContent":["import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Grid, LinearProgress } from '@mui/material';\r\n\r\nimport I18n from './wrapper/i18n';\r\n\r\nconst getOrLoadRemote = (remote, shareScope, remoteFallbackUrl = undefined) =>\r\n    new Promise((resolve, reject) => {\r\n    // check if remote exists on the global `window`object\r\n        if (!window[remote]) {\r\n            // search dom to see if remote tag exists, but might still be loading (async)\r\n            const existingRemote = document.querySelector(`script[data-webpack=\"${remote}\"]`);\r\n            // when remote is loaded.\r\n            const onload = async () => {\r\n                // check if it was initialized\r\n                if (window[remote]) {\r\n                    if (!window[remote].__initialized) {\r\n                        // if share scope doesn't exist (like in webpack 4) then expect shareScope to be a manual object\r\n                        // eslint-disable-next-line camelcase\r\n                        if (typeof __webpack_share_scopes__ === 'undefined') {\r\n                            // use a default share scope object passed in manually\r\n                            await window[remote].init(shareScope.default);\r\n                        } else {\r\n                            // otherwise, init share scope as usual\r\n                            // eslint-disable-next-line\r\n                            await window[remote].init(__webpack_share_scopes__[shareScope]);\r\n                        }\r\n                        // mark remote as initialized\r\n                        window[remote].__initialized = true;\r\n                    }\r\n                } else {\r\n                    console.error(`Cannot load ${remote}`);\r\n                    reject(new Error(`Cannot load ${remote}`));\r\n                    return;\r\n                }\r\n                // resolve promise so marking remote as loaded\r\n                resolve(window[remote]);\r\n            };\r\n\r\n            if (existingRemote) {\r\n                // if existing remote but not loaded, hook into its onload and wait for it to be ready\r\n                existingRemote.onload = onload;\r\n                existingRemote.onerror = reject;\r\n                // check if remote fallback exists as param passed to function\r\n                // TODO: should scan public config for a matching key if no override exists\r\n            } else if (remoteFallbackUrl) {\r\n                // inject remote if a fallback exists and call the same onload function\r\n                const d = document;\r\n                const script = d.createElement('script');\r\n                script.type = 'text/javascript';\r\n                // mark as data-webpack so runtime can track it internally\r\n                script.setAttribute('data-webpack', `${remote}`);\r\n                script.async = true;\r\n                script.onerror = reject;\r\n                script.onload = onload;\r\n                script.src = remoteFallbackUrl;\r\n                d.getElementsByTagName('head')[0].appendChild(script);\r\n            } else {\r\n                // no remote and no fallback exist, reject\r\n                reject(new Error(`Cannot Find Remote ${remote} to inject`));\r\n            }\r\n        } else {\r\n            // remote already instantiated, resolve\r\n            resolve(window[remote]);\r\n        }\r\n    });\r\n\r\nconst loadComponent = (remote, sharedScope, module, url) => async () => {\r\n    const container = await getOrLoadRemote(remote, sharedScope, url);\r\n    const factory = await container.get(module);\r\n    return factory();\r\n};\r\n\r\nclass ConfigCustom extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        // schema.url - location of Widget\r\n        // schema.name - Component name\r\n        // schema.i18n - i18n\r\n\r\n        this.state = {\r\n            Component: null,\r\n            error: '',\r\n        };\r\n    }\r\n\r\n    // load component dynamically\r\n    async componentDidMount() {\r\n        if (!this.props.schema.url) {\r\n            console.error('URL is empty. Cannot load custom component!');\r\n            this.setState({ error: 'URL is empty. Cannot load custom component!' });\r\n            return;\r\n        }\r\n\r\n        let url;\r\n        /*\r\n        if (this.props.schema.url.startsWith('http:') || this.props.schema.url.startsWith('https:')) {\r\n            url = this.props.schema.url;\r\n        } else\r\n        */\r\n        if (this.props.schema.url.startsWith('./')) {\r\n            url = `${window.location.protocol}//${window.location.host}${this.props.schema.url.replace(/^\\./, '')}`;\r\n        } else {\r\n            url = `${window.location.protocol}//${window.location.host}/adapter/${this.props.adapterName}/${this.props.schema.url}`;\r\n        }\r\n\r\n        if (this.props.schema.i18n === true) {\r\n            // load i18n from files\r\n            const pos = url.lastIndexOf('/');\r\n            let i18nURL;\r\n            if (pos !== -1) {\r\n                i18nURL = url.substring(0, pos);\r\n            } else {\r\n                i18nURL = url;\r\n            }\r\n            const lang = I18n.getLanguage();\r\n            const file = `${i18nURL}/i18n/${lang}.json`;\r\n\r\n            await fetch(file)\r\n                .then(data => data.json())\r\n                .then(json => I18n.extendTranslations(json, lang))\r\n                .catch(error => {\r\n                    if (lang !== 'en') {\r\n                        // try to load English\r\n                        fetch(`${i18nURL}/i18n/en.json`)\r\n                            .then(data => data.json())\r\n                            .then(json => I18n.extendTranslations(json, lang))\r\n                            .catch(err => console.log(`Cannot load i18n \"${file}\": ${err}`));\r\n                        return;\r\n                    }\r\n                    console.log(`Cannot load i18n \"${file}\": ${error}`);\r\n                });\r\n        } else if (this.props.schema.i18n && typeof this.props.schema.i18n === 'object') {\r\n            try {\r\n                I18n.extendTranslations(this.props.schema.i18n);\r\n            } catch (error) {\r\n                console.error(`Cannot import i18n: ${error}`);\r\n            }\r\n        }\r\n\r\n        try {\r\n            const [uniqueName, fileToLoad, ...componentName] = this.props.schema.name.split('/');\r\n            console.log(uniqueName, fileToLoad, componentName.join('/'));\r\n            // const component = await window.importFederation(uniqueName, {url, format: 'esm', from: 'vite'}, fileToLoad);\r\n            const component = (await loadComponent(uniqueName, 'default', `./${fileToLoad}`, url)()).default;\r\n\r\n            if (!component || !component || !component[componentName.join('/')]) {\r\n                const keys = Object.keys(component || {});\r\n                console.error('URL is empty. Cannot load custom component!');\r\n                this.setState({ error: `Component ${this.props.schema.name} not found in ${this.props.schema.url}. Found: ${keys.join(', ')}` });\r\n            } else {\r\n                this.setState({ Component: component[componentName.join('/')] });\r\n            }\r\n        } catch (error) {\r\n            this.setState({ error: `Cannot import from ${this.props.schema.url}: ${error}` });\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const CustomComponent = this.state.Component;\r\n\r\n        // render temporary placeholder\r\n        if (!CustomComponent) {\r\n            if (this.state.error) {\r\n                return null;\r\n            }\r\n            const schema = this.props.schema || {};\r\n\r\n            const item = <Grid\r\n                item\r\n                xs={schema.xs || undefined}\r\n                lg={schema.lg || undefined}\r\n                md={schema.md || undefined}\r\n                sm={schema.sm || undefined}\r\n                style={({\r\n                    marginBottom: 0,\r\n                    // marginRight: 8,\r\n                    textAlign: 'left',\r\n                    width: schema.type === 'divider' || schema.type === 'header' ? schema.width || '100%' : undefined,\r\n                    ...schema.style,\r\n                    ...(this.props.themeType === 'dark' ? schema.darkStyle : {}),\r\n                })}\r\n            >\r\n                {this.state.error ? <div>{this.state.error}</div> : <LinearProgress />}\r\n            </Grid>;\r\n\r\n            if (schema.newLine) {\r\n                return <>\r\n                    <div style={{ flexBasis: '100%', height: 0 }} />\r\n                    {item}\r\n                </>;\r\n            }\r\n            return item;\r\n        }\r\n\r\n        return <CustomComponent {...this.props} />;\r\n    }\r\n}\r\n\r\nConfigCustom.propTypes = {\r\n    socket: PropTypes.object,\r\n    themeType: PropTypes.string,\r\n    themeName: PropTypes.string,\r\n    style: PropTypes.object,\r\n    className: PropTypes.string,\r\n    attr: PropTypes.string,\r\n    data: PropTypes.object.isRequired,\r\n    schema: PropTypes.object.isRequired,\r\n    onError: PropTypes.func,\r\n    onChange: PropTypes.func,\r\n};\r\n\r\nexport default ConfigCustom;\r\n"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigDatePicker.d.ts

@@ -0,0 +1,14 @@
+declare const _default: React.JSXElementConstructor<Omit<Pick<import("./ConfigGeneric").ConfigGenericProps, "changed" | "classes" | "disabled" | "data" | "onChange" | "onError" | "common" | "instance" | "originalData" | "instanceObj" | "customObj" | "schema" | "attr" | "custom" | "forceUpdate" | "alive" | "systemConfig" | "socket" | "adapterName" | "themeType"> & Pick<PropTypes.InferProps<{
+    socket: PropTypes.Validator<object>;
+    themeType: PropTypes.Requireable<string>;
+    themeName: PropTypes.Requireable<string>;
+    style: PropTypes.Requireable<object>;
+    className: PropTypes.Requireable<string>;
+    data: PropTypes.Validator<object>;
+    schema: PropTypes.Requireable<object>;
+    onError: PropTypes.Requireable<(...args: any[]) => any>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+}>, "style" | "className" | "themeName"> & Pick<import("./ConfigGeneric").ConfigGenericProps, "changed" | "classes" | "disabled" | "common" | "instance" | "originalData" | "instanceObj" | "customObj" | "arrayIndex" | "globalData" | "registerOnForceUpdate" | "attr" | "custom" | "forceUpdate" | "alive" | "systemConfig" | "adapterName" | "commandRunning">, "classes"> & import("@mui/styles").StyledComponentProps<"indeterminate"> & object>;
+export default _default;
+import PropTypes from 'prop-types';
+import React from 'react';

package/Components/JsonConfigComponent/ConfigDatePicker.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/styles");
+var _xDatePickers = require("@mui/x-date-pickers");
+var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var styles = function styles() {
+  return {
+    indeterminate: {
+      opacity: 0.5
+    }
+  };
+};
+var ConfigDatePicker = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigDatePicker, _ConfigGeneric);
+  var _super = _createSuper(ConfigDatePicker);
+  function ConfigDatePicker() {
+    (0, _classCallCheck2["default"])(this, ConfigDatePicker);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(ConfigDatePicker, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigDatePicker.prototype), "componentDidMount", this).call(this);
+      var value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
+      this.setState({
+        value: value
+      });
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(error, disabled /* , defaultValue */) {
+      var _this = this;
+      return /*#__PURE__*/_react["default"].createElement(_xDatePickers.DatePicker, {
+        fullWidth: true,
+        margin: "normal",
+        format: this.props.systemConfig.dateFormat.toLowerCase().replace('mm', 'MM'),
+        error: !!error,
+        disabled: !!disabled,
+        value: this.state.value === null || this.state.value === undefined ? new Date() : this.state.value,
+        KeyboardButtonProps: {
+          'aria-label': 'change date'
+        },
+        inputProps: {
+          maxLength: this.props.schema.maxLength || this.props.schema.max || undefined
+        },
+        onChange: function onChange(value) {
+          _this.setState({
+            value: value
+          }, function () {
+            return _this.onChange(_this.props.attr, value);
+          });
+        },
+        InputLabelProps: {
+          shrink: true
+        },
+        placeholder: this.getText(this.props.schema.placeholder),
+        label: this.getText(this.props.schema.label),
+        helperText: this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)
+      });
+    }
+  }]);
+  return ConfigDatePicker;
+}(_ConfigGeneric2["default"]);
+ConfigDatePicker.propTypes = {
+  socket: _propTypes["default"].object.isRequired,
+  themeType: _propTypes["default"].string,
+  themeName: _propTypes["default"].string,
+  style: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  data: _propTypes["default"].object.isRequired,
+  schema: _propTypes["default"].object,
+  onError: _propTypes["default"].func,
+  onChange: _propTypes["default"].func
+};
+var _default = exports["default"] = (0, _styles.withStyles)(styles)(ConfigDatePicker);
+//# sourceMappingURL=ConfigDatePicker.js.map

package/Components/JsonConfigComponent/ConfigDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigDatePicker.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_xDatePickers","_ConfigGeneric2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","indeterminate","opacity","ConfigDatePicker","_ConfigGeneric","_inherits2","_super","_classCallCheck2","_createClass2","key","value","componentDidMount","_get2","ConfigGeneric","getValue","props","data","attr","setState","renderItem","error","disabled","_this","createElement","DatePicker","fullWidth","margin","format","systemConfig","dateFormat","toLowerCase","replace","state","undefined","Date","KeyboardButtonProps","inputProps","maxLength","schema","max","onChange","InputLabelProps","shrink","placeholder","getText","label","helperText","renderHelp","help","helpLink","noTranslation","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","_default","exports","withStyles"],"sources":["JsonConfigComponent/ConfigDatePicker.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@mui/styles';\r\n\r\nimport { DatePicker } from '@mui/x-date-pickers';\r\n\r\nimport ConfigGeneric from './ConfigGeneric';\r\n\r\nconst styles = () => ({\r\n    indeterminate: {\r\n        opacity: 0.5,\r\n    },\r\n});\r\n\r\nclass ConfigDatePicker extends ConfigGeneric {\r\n    componentDidMount() {\r\n        super.componentDidMount();\r\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\r\n        this.setState({ value });\r\n    }\r\n\r\n    renderItem(error, disabled /* , defaultValue */) {\r\n        return <DatePicker\r\n            fullWidth\r\n            margin=\"normal\"\r\n            format={this.props.systemConfig.dateFormat.toLowerCase().replace('mm', 'MM')}\r\n            error={!!error}\r\n            disabled={!!disabled}\r\n            value={this.state.value === null || this.state.value === undefined ? new Date() : this.state.value}\r\n            KeyboardButtonProps={{\r\n                'aria-label': 'change date',\r\n            }}\r\n            inputProps={{ maxLength: this.props.schema.maxLength || this.props.schema.max || undefined }}\r\n            onChange={value => {\r\n                this.setState({ value }, () =>\r\n                    this.onChange(this.props.attr, value));\r\n            }}\r\n            InputLabelProps={{\r\n                shrink: true,\r\n            }}\r\n            placeholder={this.getText(this.props.schema.placeholder)}\r\n            label={this.getText(this.props.schema.label)}\r\n            helperText={this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}\r\n        />;\r\n    }\r\n}\r\n\r\nConfigDatePicker.propTypes = {\r\n    socket: PropTypes.object.isRequired,\r\n    themeType: PropTypes.string,\r\n    themeName: PropTypes.string,\r\n    style: PropTypes.object,\r\n    className: PropTypes.string,\r\n    data: PropTypes.object.isRequired,\r\n    schema: PropTypes.object,\r\n    onError: PropTypes.func,\r\n    onChange: PropTypes.func,\r\n};\r\n\r\nexport default withStyles(styles)(ConfigDatePicker);\r\n"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigDeviceManager.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import ConfigGeneric, { ConfigGenericProps, ConfigGenericState } from './ConfigGeneric';
+declare class ConfigDeviceManager extends ConfigGeneric<ConfigGenericProps, ConfigGenericState> {
+    renderItem(): React.JSX.Element | null;
+}
+export default ConfigDeviceManager;

package/Components/JsonConfigComponent/ConfigDeviceManager.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const ConfigGeneric_1 = __importDefault(require("./ConfigGeneric"));
+const DeviceManager_1 = __importDefault(require("./DeviceManager"));
+class ConfigDeviceManager extends ConfigGeneric_1.default {
+    renderItem() {
+        const schema = this.props.schema;
+        if (!schema) {
+            return null;
+        }
+        return react_1.default.createElement(DeviceManager_1.default, { uploadImagesToInstance: `${this.props.adapterName}.${this.props.instance}`, title: this.props.schema.label, socket: this.props.socket, selectedInstance: `${this.props.adapterName}.${this.props.instance}` });
+    }
+}
+exports.default = ConfigDeviceManager;

package/Components/JsonConfigComponent/ConfigFile.d.ts

@@ -0,0 +1,15 @@
+declare const _default: React.JSXElementConstructor<Omit<Pick<import("./ConfigGeneric").ConfigGenericProps, "changed" | "classes" | "disabled" | "data" | "onChange" | "onError" | "common" | "instance" | "originalData" | "instanceObj" | "customObj" | "schema" | "attr" | "custom" | "forceUpdate" | "alive" | "systemConfig" | "socket" | "adapterName" | "themeType"> & Pick<PropTypes.InferProps<{
+    socket: PropTypes.Validator<object>;
+    themeType: PropTypes.Requireable<string>;
+    themeName: PropTypes.Requireable<string>;
+    style: PropTypes.Requireable<object>;
+    className: PropTypes.Requireable<string>;
+    data: PropTypes.Validator<object>;
+    schema: PropTypes.Requireable<object>;
+    onError: PropTypes.Requireable<(...args: any[]) => any>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    imagePrefix: PropTypes.Requireable<(...args: any[]) => any>;
+}>, "style" | "className" | "themeName" | "imagePrefix"> & Pick<import("./ConfigGeneric").ConfigGenericProps, "changed" | "classes" | "disabled" | "common" | "instance" | "originalData" | "instanceObj" | "customObj" | "arrayIndex" | "globalData" | "registerOnForceUpdate" | "attr" | "custom" | "forceUpdate" | "alive" | "systemConfig" | "adapterName" | "commandRunning">, "classes"> & import("@mui/styles").StyledComponentProps<"fullWidth" | "fullWidthOneButton" | "selectedImage" | "fullWidthIcon"> & object>;
+export default _default;
+import PropTypes from 'prop-types';
+import React from 'react';