@iobroker/adapter-react-v5 3.1.3 → 3.1.6

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/ConfigFile.js

@@ -0,0 +1,183 @@
+"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 _Button = _interopRequireDefault(require("@mui/material/Button"));
+
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+
+var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
+
+var _FileSelect = _interopRequireDefault(require("../../Dialogs/FileSelect"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var styles = function styles(theme) {
+  return {
+    fullWidth: {
+      width: '100%'
+    },
+    fullWidthOneButton: {
+      width: 'calc(100% - 65px)'
+    }
+  };
+};
+
+var IMAGE_EXT = ['jpg', 'jpeg', 'svg', 'png', 'webp'];
+var AUDIO_EXT = ['mp3', 'ogg', 'wav', 'aac'];
+var VIDEO_EXT = ['avi', 'mp4', 'mov'];
+var DOC_EXT = ['txt', 'log', 'html', 'htm'];
+var JS_EXT = ['json', 'js', 'ts'];
+
+var ConfigFile = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigFile, _ConfigGeneric);
+
+  var _super = _createSuper(ConfigFile);
+
+  function ConfigFile() {
+    (0, _classCallCheck2["default"])(this, ConfigFile);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(ConfigFile, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigFile.prototype), "componentDidMount", this).call(this);
+
+      var value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
+
+      this.setState({
+        value: value
+      });
+    }
+  }, {
+    key: "renderFileBrowser",
+    value: function renderFileBrowser() {
+      var _this = this;
+
+      if (!this.state.showFileBrowser) {
+        return null;
+      } else {
+        return /*#__PURE__*/_react["default"].createElement(_FileSelect["default"], {
+          imagePrefix: this.props.imagePrefix,
+          socket: this.props.socket,
+          selected: this.state.value,
+          onClose: function onClose() {
+            return _this.setState({
+              showFileBrowser: false
+            });
+          },
+          onOk: function onOk(value) {
+            _this.setState({
+              value: value
+            }, function () {
+              return _this.onChange(_this.props.attr, _this.props.schema.trim === false ? value : (value || '').trim());
+            });
+          },
+          selectOnlyFolders: this.props.schema.selectOnlyFolders,
+          allowUpload: this.props.schema.allowUpload,
+          allowDownload: this.props.schema.allowDownload,
+          allowCreateFolder: this.props.schema.allowCreateFolder,
+          allowView: this.props.schema.allowView,
+          showToolbar: this.props.schema.showToolbar,
+          limitPath: this.props.schema.limitPath
+        });
+      }
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(error, disabled, defaultValue) {
+      var _this2 = this;
+
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: this.props.classes.fullWidth
+      }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+        variant: "standard",
+        className: this.props.classes.fullWidthOneButton,
+        value: this.state.value === null || this.state.value === undefined ? '' : this.state.value,
+        error: !!error,
+        disabled: !!disabled,
+        inputProps: {
+          maxLength: this.props.schema.maxLength || this.props.schema.max || undefined,
+          readOnly: !!this.props.schema.disableEdit
+        },
+        onChange: function onChange(e) {
+          var value = e.target.value;
+
+          _this2.setState({
+            value: value
+          }, function () {
+            return _this2.onChange(_this2.props.attr, _this2.props.schema.trim === false ? value : (value || '').trim());
+          });
+        },
+        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)
+      }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        variant: "outlined",
+        onClick: function onClick() {
+          return _this2.setState({
+            showFileBrowser: true
+          });
+        }
+      }, "..."), this.renderFileBrowser());
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      var value = _ConfigGeneric2["default"].getValue(props.data, props.attr);
+
+      if (value === null || value === undefined || value.toString().trim() !== (state.value || '').toString().trim()) {
+        return {
+          value: value
+        };
+      } else {
+        return null;
+      }
+    }
+  }]);
+  return ConfigFile;
+}(_ConfigGeneric2["default"]);
+
+ConfigFile.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,
+  imagePrefix: _propTypes["default"].func
+};
+
+var _default = (0, _styles.withStyles)(styles)(ConfigFile);
+
+exports["default"] = _default;
+//# sourceMappingURL=ConfigFile.js.map

package/Components/JsonConfigComponent/ConfigFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigFile.js","names":["styles","theme","fullWidth","width","fullWidthOneButton","IMAGE_EXT","AUDIO_EXT","VIDEO_EXT","DOC_EXT","JS_EXT","ConfigFile","value","ConfigGeneric","getValue","props","data","attr","setState","state","showFileBrowser","imagePrefix","socket","onChange","schema","trim","selectOnlyFolders","allowUpload","allowDownload","allowCreateFolder","allowView","showToolbar","limitPath","error","disabled","defaultValue","classes","undefined","maxLength","max","readOnly","disableEdit","e","target","getText","placeholder","label","renderHelp","help","helpLink","noTranslation","renderFileBrowser","toString","propTypes","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigFile.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport Button from '@mui/material/Button';\nimport TextField from '@mui/material/TextField';\n\nimport ConfigGeneric from './ConfigGeneric';\nimport FileSelectDialog from '../../Dialogs/FileSelect';\n\nconst styles = theme => ({\n    fullWidth: {\n        width: '100%'\n    },\n    fullWidthOneButton: {\n        width: 'calc(100% - 65px)'\n    },\n\n});\n\nconst IMAGE_EXT = ['jpg', 'jpeg', 'svg', 'png', 'webp'];\nconst AUDIO_EXT = ['mp3', 'ogg', 'wav', 'aac'];\nconst VIDEO_EXT = ['avi', 'mp4', 'mov'];\nconst DOC_EXT = ['txt', 'log', 'html', 'htm'];\nconst JS_EXT = ['json', 'js', 'ts'];\n\nclass ConfigFile extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        this.setState({ value });\n    }\n\n    static getDerivedStateFromProps(props, state) {\n        const value = ConfigGeneric.getValue(props.data, props.attr);\n        if (value === null || value === undefined || value.toString().trim() !== (state.value ||  '').toString().trim()) {\n            return { value };\n        } else {\n            return null;\n        }\n    }\n\n    renderFileBrowser() {\n        if (!this.state.showFileBrowser) {\n            return null;\n        } else {\n            return <FileSelectDialog\n                imagePrefix={this.props.imagePrefix}\n                socket={this.props.socket}\n                selected={this.state.value}\n                onClose={() => this.setState({ showFileBrowser: false})}\n                onOk={value => {\n                    this.setState({ value }, () =>\n                        this.onChange(this.props.attr, this.props.schema.trim === false ? value : (value || '').trim()));\n                }}\n                selectOnlyFolders={this.props.schema.selectOnlyFolders}\n                allowUpload={this.props.schema.allowUpload}\n                allowDownload={this.props.schema.allowDownload}\n                allowCreateFolder={this.props.schema.allowCreateFolder}\n                allowView={this.props.schema.allowView}\n                showToolbar={this.props.schema.showToolbar}\n                limitPath={this.props.schema.limitPath}\n            />;\n        }\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        return <div className={this.props.classes.fullWidth}>\n            <TextField\n                variant=\"standard\"\n                className={this.props.classes.fullWidthOneButton}\n                value={this.state.value === null || this.state.value === undefined ? '' : this.state.value}\n                error={!!error}\n                disabled={!!disabled}\n                inputProps={{\n                    maxLength: this.props.schema.maxLength || this.props.schema.max || undefined,\n                    readOnly: !!this.props.schema.disableEdit\n                }}\n                onChange={e => {\n                    const value = e.target.value;\n                    this.setState({ value }, () =>\n                        this.onChange(this.props.attr, this.props.schema.trim === false ? value : (value || '').trim()));\n                }}\n                placeholder={this.getText(this.props.schema.placeholder)}\n                label={this.getText(this.props.schema.label)}\n                helperText={this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}\n            />\n            <Button variant=\"outlined\" onClick={() => this.setState({ showFileBrowser: true })}>...</Button>\n            {this.renderFileBrowser()}\n        </div>;\n    }\n}\n\nConfigFile.propTypes = {\n    socket: PropTypes.object.isRequired,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    schema: PropTypes.object,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n    imagePrefix: PropTypes.func,\n};\n\nexport default withStyles(styles)(ConfigFile);"],"mappings":"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"}