@iobroker/adapter-react-v5 4.3.0 → 4.3.2

package/Components/Image.js

@@ -98,7 +98,9 @@ var Image = /*#__PURE__*/function (_React$Component) {
             __html: inner
           }
         }));
-      } catch (e) {}
+      } catch (e) {
+        // ignore
+      }
       return null;
     }
   }, {
@@ -115,28 +117,27 @@ var Image = /*#__PURE__*/function (_React$Component) {
           }, 50);
         }
         return this.svg;
-      } else if (this.state.src) {
+      }
+      if (this.state.src) {
         if (this.state.imgError || !this.state.src) {
           return /*#__PURE__*/_react["default"].createElement(_IconNoIcon["default"], {
             className: this.props.className
           });
-        } else {
-          return /*#__PURE__*/_react["default"].createElement("img", {
-            className: this.props.className,
-            src: (this.props.imagePrefix || '') + this.state.src,
-            alt: "",
-            onError: function onError() {
-              return _this2.props.showError ? _this2.setState({
-                imgError: true
-              }) : _this2.setState({
-                src: ''
-              });
-            }
-          });
         }
-      } else {
-        return null;
+        return /*#__PURE__*/_react["default"].createElement("img", {
+          className: this.props.className,
+          src: (this.props.imagePrefix || '') + this.state.src,
+          alt: "",
+          onError: function onError() {
+            return _this2.props.showError ? _this2.setState({
+              imgError: true
+            }) : _this2.setState({
+              src: ''
+            });
+          }
+        });
       }
+      return null;
     }
   }], [{
     key: "getDerivedStateFromProps",

package/Components/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["_react","_interopRequireDefault","require","_propTypes","_IconNoIcon","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","getElementFromSource","src","svgContainer","document","createElement","innerHTML","svg","firstElementChild","remove","removeChild","serializeAttrs","map","ret","prop","i","length","key","name","startsWith","replace","g","toUpperCase","value","Image","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","state","created","color","imgError","showError","getSvgFromData","_createClass2","len","substring","atob","inner","svgProps","attributes","_extends2","className","style","dangerouslySetInnerHTML","__html","render","_this2","setTimeout","setState","imagePrefix","alt","onError","getDerivedStateFromProps","newState","changed","React","Component","propTypes","PropTypes","string","isRequired","_default","exports"],"sources":["Image.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport IconNoIcon from '../icons/IconNoIcon';\n\nfunction getElementFromSource(src) {\n    const svgContainer = document.createElement('div');\n    svgContainer.innerHTML = src;\n    const svg = svgContainer.firstElementChild;\n    if (svg.remove) {\n        svg.remove();\n    } else {\n        svgContainer.removeChild(svg);\n    }\n\n    svgContainer.remove();\n    return svg;\n}\n\nfunction serializeAttrs(map) {\n    const ret = {};\n    for (let prop, i = 0; i < map.length; i++) {\n        const key = map[i].name;\n        if (key === 'class') {\n            prop = 'className';\n        }\n        else if (!key.startsWith('data-')) {\n            prop = key.replace(/[-|:]([a-z])/g, g => g[1].toUpperCase());\n        } else {\n            prop = key;\n        }\n\n        ret[prop] = map[i].value;\n    }\n    return ret;\n}\n\n/**\n * @typedef {object} ImageProps\n * @property {string} [color] The color.\n * @property {string} [src] The source of the image.\n * @property {string} [imagePrefix] The image prefix (default: './files/')\n * @property {string} [className] The CSS class name.\n * @property {boolean} [showError] Show image errors (or just show no image)?\n *\n * @extends {React.Component<ImageProps>}\n */\nclass Image extends React.Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            svg: !!(this.props.src && this.props.src.startsWith('data:')),\n            created: true,\n            color: this.props.color || '',\n            src: this.props.src || '',\n            imgError: false,\n            showError: this.props.showError,\n        };\n\n        this.svg = this.state.svg ? this.getSvgFromData(this.state.src) : null;\n    }\n\n    static getDerivedStateFromProps(props, state) {\n        const newState = {};\n        let changed = false;\n\n        if (props && state && props.src !== state.src) {\n            newState.src = props.src;\n            newState.svg = props.src && props.src.startsWith('data:');\n            newState.created = false;\n            changed = true;\n        }\n\n        if (props && state && props.color !== state.color) {\n            newState.color = props.color;\n            newState.created = false;\n            changed = true;\n        }\n\n        if (props && state && props.showError !== state.showError) {\n            newState.showError = props.showError;\n            changed = true;\n        }\n\n        return changed ? newState : null;\n    }\n\n    getSvgFromData(src) {\n        const len = 'data:image/svg+xml;base64,';\n        if (!src.startsWith(len)) {\n            return null;\n        }\n        src = src.substring(len.length);\n        try {\n            src = atob(src);\n            const svg = getElementFromSource(src);\n            const inner = svg.innerHTML;\n            const svgProps = serializeAttrs(svg.attributes || []);\n\n            svg.remove();\n\n            return <svg\n                className={this.props.className}\n                style={this.state.color ? {color: this.state.color} : {}}\n                {...svgProps}\n                dangerouslySetInnerHTML={{ __html: inner }}\n            />;\n        } catch (e) {\n\n        }\n        return null;\n    }\n\n    render() {\n        if (this.state.svg) {\n            if (!this.state.created) {\n                setTimeout(() => {\n                    this.svg = this.getSvgFromData(this.state.src);\n                    this.setState({created: true});\n                }, 50);\n            }\n\n            return this.svg;\n        } else if (this.state.src) {\n            if (this.state.imgError || !this.state.src) {\n                return <IconNoIcon className={this.props.className} />;\n            } else {\n                return <img\n                    className={this.props.className}\n                    src={(this.props.imagePrefix || '') + this.state.src}\n                    alt=\"\"\n                    onError={() => this.props.showError ? this.setState({imgError: true}) : this.setState({src: ''})}\n                />;\n            }\n        } else {\n            return null;\n        }\n    }\n}\n\nImage.propTypes = {\n    color: PropTypes.string,\n    src: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    imagePrefix: PropTypes.string,\n};\n\nexport default Image;"],"mappings":"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"}
+{"version":3,"file":"Image.js","names":["_react","_interopRequireDefault","require","_propTypes","_IconNoIcon","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","getElementFromSource","src","svgContainer","document","createElement","innerHTML","svg","firstElementChild","remove","removeChild","serializeAttrs","map","ret","prop","i","length","key","name","startsWith","replace","g","toUpperCase","value","Image","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","state","created","color","imgError","showError","getSvgFromData","_createClass2","len","substring","atob","inner","svgProps","attributes","_extends2","className","style","dangerouslySetInnerHTML","__html","render","_this2","setTimeout","setState","imagePrefix","alt","onError","getDerivedStateFromProps","newState","changed","React","Component","propTypes","PropTypes","string","isRequired","_default","exports"],"sources":["Image.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport IconNoIcon from '../icons/IconNoIcon';\n\nfunction getElementFromSource(src) {\n    const svgContainer = document.createElement('div');\n    svgContainer.innerHTML = src;\n    const svg = svgContainer.firstElementChild;\n    if (svg.remove) {\n        svg.remove();\n    } else {\n        svgContainer.removeChild(svg);\n    }\n\n    svgContainer.remove();\n    return svg;\n}\n\nfunction serializeAttrs(map) {\n    const ret = {};\n    for (let prop, i = 0; i < map.length; i++) {\n        const key = map[i].name;\n        if (key === 'class') {\n            prop = 'className';\n        } else if (!key.startsWith('data-')) {\n            prop = key.replace(/[-|:]([a-z])/g, g => g[1].toUpperCase());\n        } else {\n            prop = key;\n        }\n\n        ret[prop] = map[i].value;\n    }\n    return ret;\n}\n\n/**\n * @typedef {object} ImageProps\n * @property {string} [color] The color.\n * @property {string} [src] The source of the image.\n * @property {string} [imagePrefix] The image prefix (default: './files/')\n * @property {string} [className] The CSS class name.\n * @property {boolean} [showError] Show image errors (or just show no image)?\n *\n * @extends {React.Component<ImageProps>}\n */\nclass Image extends React.Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            svg: !!(this.props.src && this.props.src.startsWith('data:')),\n            created: true,\n            color: this.props.color || '',\n            src: this.props.src || '',\n            imgError: false,\n            showError: this.props.showError,\n        };\n\n        this.svg = this.state.svg ? this.getSvgFromData(this.state.src) : null;\n    }\n\n    static getDerivedStateFromProps(props, state) {\n        const newState = {};\n        let changed = false;\n\n        if (props && state && props.src !== state.src) {\n            newState.src = props.src;\n            newState.svg = props.src && props.src.startsWith('data:');\n            newState.created = false;\n            changed = true;\n        }\n\n        if (props && state && props.color !== state.color) {\n            newState.color = props.color;\n            newState.created = false;\n            changed = true;\n        }\n\n        if (props && state && props.showError !== state.showError) {\n            newState.showError = props.showError;\n            changed = true;\n        }\n\n        return changed ? newState : null;\n    }\n\n    getSvgFromData(src) {\n        const len = 'data:image/svg+xml;base64,';\n        if (!src.startsWith(len)) {\n            return null;\n        }\n        src = src.substring(len.length);\n        try {\n            src = atob(src);\n            const svg = getElementFromSource(src);\n            const inner = svg.innerHTML;\n            const svgProps = serializeAttrs(svg.attributes || []);\n\n            svg.remove();\n\n            return <svg\n                className={this.props.className}\n                style={this.state.color ? { color: this.state.color } : {}}\n                {...svgProps}\n                dangerouslySetInnerHTML={{ __html: inner }}\n            />;\n        } catch (e) {\n            // ignore\n        }\n        return null;\n    }\n\n    render() {\n        if (this.state.svg) {\n            if (!this.state.created) {\n                setTimeout(() => {\n                    this.svg = this.getSvgFromData(this.state.src);\n                    this.setState({ created: true });\n                }, 50);\n            }\n\n            return this.svg;\n        }\n        if (this.state.src) {\n            if (this.state.imgError || !this.state.src) {\n                return <IconNoIcon className={this.props.className} />;\n            }\n            return <img\n                className={this.props.className}\n                src={(this.props.imagePrefix || '') + this.state.src}\n                alt=\"\"\n                onError={() => (this.props.showError ? this.setState({ imgError: true }) : this.setState({ src: '' }))}\n            />;\n        }\n\n        return null;\n    }\n}\n\nImage.propTypes = {\n    color: PropTypes.string,\n    src: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    imagePrefix: PropTypes.string,\n};\n\nexport default Image;\n"],"mappings":"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"}

package/Components/Loader.js

@@ -51,9 +51,9 @@ var Loader = /*#__PURE__*/function (_React$Component) {
       var size = this.props.size || 234;
       var theme = this.props.themeType || this.props.theme || 'light';
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: 'logo-back logo-background-' + theme,
+        className: "logo-back logo-background-".concat(theme),
         style: {
-          backgroundImage: window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@' ? 'url(' + window.loadingBackgroundImage + ')' : undefined,
+          backgroundImage: window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@' ? "url(".concat(window.loadingBackgroundImage, ")") : undefined,
           backgroundColor: window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@' ? window.loadingBackgroundColor : undefined,
           backgroundSize: 'cover'
         }
@@ -64,12 +64,12 @@ var Loader = /*#__PURE__*/function (_React$Component) {
           height: size
         }
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: 'logo-top logo-background-' + theme,
+        className: "logo-top logo-background-".concat(theme),
         style: {
           left: '37%'
         }
       }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: 'logo-top logo-background-' + theme,
+        className: "logo-top logo-background-".concat(theme),
         style: {
           left: '57%'
         }
@@ -79,19 +79,19 @@ var Loader = /*#__PURE__*/function (_React$Component) {
           borderWidth: size * 0.132
         }
       }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: 'logo-i logo-animate-color-inside-' + theme
+        className: "logo-i logo-animate-color-inside-".concat(theme)
       }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: 'logo-i-top logo-animate-color-inside-' + theme,
+        className: "logo-i-top logo-animate-color-inside-".concat(theme),
         style: {
           top: '18%'
         }
       }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: 'logo-i-top logo-animate-color-inside-' + theme,
+        className: "logo-i-top logo-animate-color-inside-".concat(theme),
         style: {
           bottom: '18%'
         }
       })), /*#__PURE__*/_react["default"].createElement("div", {
-        className: 'logo-animate-grow logo-animate-grow-' + theme,
+        className: "logo-animate-grow logo-animate-grow-".concat(theme),
         style: {
           width: size + 11,
           height: size + 11

package/Components/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","names":["_react","_interopRequireDefault","require","_propTypes","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","loaderStyles","Loader","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","size","theme","themeType","className","backgroundImage","loadingBackgroundImage","undefined","backgroundColor","loadingBackgroundColor","backgroundSize","loadingHideLogo","Fragment","width","height","left","concat","borderWidth","top","bottom","React","Component","propTypes","PropTypes","number","string","_export","_default","exports"],"sources":["Loader.js"],"sourcesContent":["/**\n * Copyright 2018-2023 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\n// import './loader.css'\nconst loaderStyles = `\n/**\n * Copyright 2018-2022 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\n\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n.logo-div {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    -ms-transform: translateX(-50%) translateY(-50%);\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n    overflow: hidden;\n    border-radius: 50%;\n    z-index: 2;\n}\n.logo-border {\n    /*border-color: #164477;*/\n    border-top-color: #3399CC;\n    border-left-color: #164477;\n    border-bottom-color: #164477;\n    border-right-color: #164477;\n    border-radius: 50%;\n    border-style: solid;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n}\n.logo-top {\n    position: absolute;\n    width: 4.5%;\n    height: 16%;\n    top: 0;\n    z-index: 2;\n}\n.logo-i {\n    position: absolute;\n    width: 14.5%;\n    height: 60%;\n    top: 20%;\n    left: 42%;\n    background: #3399CC;\n}\n.logo-i-top {\n    position: absolute;\n    width: 14.5%;\n    height: 4%;\n    left: 42%;\n    background: #3399CC;\n    border-radius: 100%;\n}\n.logo-back {\n    width: 100%;\n    height: 100%;\n    z-index: 0;\n    overflow: hidden;\n}\n@keyframes logo-grow {\n    0% {\n        width: 230px;\n        height: 230px;\n        transform: translate(-50%,-50%) scale(1);\n        opacity: 1\n    }\n    99% {\n        width: 230px;\n        height: 230px;\n        transform: translate(-50%,-50%) scale(10);\n        opacity: 0;\n    }\n    100% {\n        width: 0;\n        height: 0;\n        opacity: 0;\n    }\n}\n@keyframes logo-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }\n@keyframes logo-color-inside-light {\n    0% {\n        background: #FEFEFE;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n@keyframes logo-color-inside-dark {\n    0% {\n        background: #030303;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n@keyframes logo-color-inside-colored {\n    0% {\n        background: #FEFEFE;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n@keyframes logo-color-inside-blue {\n    0% {\n        background: #030303;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n\n@keyframes logo-color-outside-light {\n    0% {\n        border-color: #FEFEFE;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n@keyframes logo-color-outside-dark  {\n    0% {\n        border-color: #040404;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n@keyframes logo-color-outside-colored {\n    0% {\n        border-color: #FEFEFE;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n@keyframes logo-color-outside-blue  {\n    0% {\n        border-color: #040404;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n\n.logo-animate-wait {\n    animation: logo-color-outside 1.5s, logo-spin 1.5s linear infinite;\n}\n\n.logo-animate-grow-light {\n    background: #DDD;\n}\n.logo-animate-grow-dark {\n    background: #1d1d1d;\n}\n.logo-animate-grow-colored {\n    background: #DDD;\n}\n.logo-animate-grow-blue {\n    background: #1d1d1d;\n}\n\n.logo-animate-grow {\n    display: inline-block;\n    text-align: center;\n    z-index: 1;\n    top: 50%;\n    left: 50%;\n    -ms-transform: translateX(-50%) translateY(-50%);\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n    width: 245px;\n    height: 245px;\n    border-radius: 50%;\n    position: absolute;\n    animation: logo-grow 1s 1 ease forwards;\n}\n\n.logo-animate-color-inside-light {\n    animation: logo-color-inside-light 2.5s;\n}\n.logo-animate-color-inside-dark {\n    animation: logo-color-inside-dark 2.5s;\n}\n.logo-animate-color-inside-colored {\n    animation: logo-color-inside-colored 2.5s;\n}\n.logo-animate-color-inside-blue {\n    animation: logo-color-inside-blue 2.5s;\n}\n\n.logo-animate-color-outside-light {\n    animation: logo-color-outside-light 1.5s;\n}\n.logo-animate-color-outside-dark {\n    animation: logo-color-outside-dark 1.5s;\n}\n.logo-animate-color-outside-colored {\n    animation: logo-color-outside-colored 1.5s;\n}\n.logo-animate-color-outside-blue {\n    animation: logo-color-outside-blue 1.5s;\n}\n`;\n\n/**\n * @typedef {object} LoaderProps\n * @property {number} [size] The size in pixels of this loader.\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderProps>}\n */\nclass Loader extends React.Component {\n    constructor(props) {\n        super(props);\n\n        if (!window.document.getElementById('loader-iobroker-component')) {\n            const style = window.document.createElement('style');\n            style.setAttribute('id', 'loader-iobroker-component');\n            style.innerHTML = loaderStyles;\n            window.document.head.appendChild(style);\n        }\n    }\n\n    render() {\n        const size = this.props.size || 234;\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div className={'logo-back logo-background-' + theme}\n            style={{\n                backgroundImage: window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@' ? 'url(' + window.loadingBackgroundImage + ')' : undefined,\n                backgroundColor: window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@' ? window.loadingBackgroundColor : undefined,\n                backgroundSize: 'cover',\n            }}\n        >\n            {window.loadingHideLogo === 'true' ?\n                null\n                :\n                <>\n                    <div className=\"logo-div\" style={{ width: size, height: size }}>\n                        <div className={'logo-top logo-background-' + theme} style={{ left: '37%' }}/>\n                        <div className={'logo-top logo-background-' + theme} style={{ left: '57%' }}/>\n                        <div\n                            className={`logo-border logo-background-${theme} logo-animate-wait`}\n                            style={{ borderWidth: size * 0.132 }}\n                        />\n                        <div className={'logo-i logo-animate-color-inside-' + theme}/>\n                        <div className={'logo-i-top logo-animate-color-inside-' + theme} style={{ top: '18%' }}/>\n                        <div className={'logo-i-top logo-animate-color-inside-' + theme} style={{ bottom: '18%' }}/>\n                    </div>\n                    <div className={'logo-animate-grow logo-animate-grow-' + theme}\n                    style={{ width: size + 11, height: size + 11 }}\n                    />\n                </>\n            }\n        </div>;\n    }\n}\n\nLoader.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string\n};\n\n/** @type {typeof Loader} */\nconst _export = Loader;\nexport default _export;"],"mappings":";;;;;;;;;;;;AAMA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmC,SAAAE,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA,sBAPnC;AACA;AACA;AACA;AACA;AACA;AAGA;AACA,IAAMC,YAAY,otJA+NjB;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IAQMC,MAAM,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,aAAAF,MAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAA1B,YAAA,CAAAuB,MAAA;EACR,SAAAA,OAAYI,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,MAAA;IACfK,KAAA,GAAAF,MAAA,CAAAN,IAAA,OAAMO,KAAK;IAEX,IAAI,CAACG,MAAM,CAACC,QAAQ,CAACC,cAAc,CAAC,2BAA2B,CAAC,EAAE;MAC9D,IAAMC,KAAK,GAAGH,MAAM,CAACC,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;MACpDD,KAAK,CAACE,YAAY,CAAC,IAAI,EAAE,2BAA2B,CAAC;MACrDF,KAAK,CAACG,SAAS,GAAGd,YAAY;MAC9BQ,MAAM,CAACC,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;IAC3C;IAAC,OAAAL,KAAA;EACL;EAAC,IAAAW,aAAA,aAAAhB,MAAA;IAAAiB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MACL,IAAMC,IAAI,GAAG,IAAI,CAAChB,KAAK,CAACgB,IAAI,IAAI,GAAG;MACnC,IAAMC,KAAK,GAAG,IAAI,CAACjB,KAAK,CAACkB,SAAS,IAAI,IAAI,CAAClB,KAAK,CAACiB,KAAK,IAAI,OAAO;MACjE,oBAAOhD,MAAA,YAAAsC,aAAA;QAAKY,SAAS,EAAE,4BAA4B,GAAGF,KAAM;QACxDX,KAAK,EAAE;UACHc,eAAe,EAAEjB,MAAM,CAACkB,sBAAsB,IAAIlB,MAAM,CAACkB,sBAAsB,KAAK,0BAA0B,GAAG,MAAM,GAAGlB,MAAM,CAACkB,sBAAsB,GAAG,GAAG,GAAGC,SAAS;UACzKC,eAAe,EAAEpB,MAAM,CAACqB,sBAAsB,IAAIrB,MAAM,CAACqB,sBAAsB,KAAK,0BAA0B,GAAGrB,MAAM,CAACqB,sBAAsB,GAAGF,SAAS;UAC1JG,cAAc,EAAE;QACpB;MAAE,GAEDtB,MAAM,CAACuB,eAAe,KAAK,MAAM,GAC9B,IAAI,gBAEJzD,MAAA,YAAAsC,aAAA,CAAAtC,MAAA,YAAA0D,QAAA,qBACI1D,MAAA,YAAAsC,aAAA;QAAKY,SAAS,EAAC,UAAU;QAACb,KAAK,EAAE;UAAEsB,KAAK,EAAEZ,IAAI;UAAEa,MAAM,EAAEb;QAAK;MAAE,gBAC3D/C,MAAA,YAAAsC,aAAA;QAAKY,SAAS,EAAE,2BAA2B,GAAGF,KAAM;QAACX,KAAK,EAAE;UAAEwB,IAAI,EAAE;QAAM;MAAE,CAAC,CAAC,eAC9E7D,MAAA,YAAAsC,aAAA;QAAKY,SAAS,EAAE,2BAA2B,GAAGF,KAAM;QAACX,KAAK,EAAE;UAAEwB,IAAI,EAAE;QAAM;MAAE,CAAC,CAAC,eAC9E7D,MAAA,YAAAsC,aAAA;QACIY,SAAS,iCAAAY,MAAA,CAAiCd,KAAK,uBAAqB;QACpEX,KAAK,EAAE;UAAE0B,WAAW,EAAEhB,IAAI,GAAG;QAAM;MAAE,CACxC,CAAC,eACF/C,MAAA,YAAAsC,aAAA;QAAKY,SAAS,EAAE,mCAAmC,GAAGF;MAAM,CAAC,CAAC,eAC9DhD,MAAA,YAAAsC,aAAA;QAAKY,SAAS,EAAE,uCAAuC,GAAGF,KAAM;QAACX,KAAK,EAAE;UAAE2B,GAAG,EAAE;QAAM;MAAE,CAAC,CAAC,eACzFhE,MAAA,YAAAsC,aAAA;QAAKY,SAAS,EAAE,uCAAuC,GAAGF,KAAM;QAACX,KAAK,EAAE;UAAE4B,MAAM,EAAE;QAAM;MAAE,CAAC,CAC1F,CAAC,eACNjE,MAAA,YAAAsC,aAAA;QAAKY,SAAS,EAAE,sCAAsC,GAAGF,KAAM;QAC/DX,KAAK,EAAE;UAAEsB,KAAK,EAAEZ,IAAI,GAAG,EAAE;UAAEa,MAAM,EAAEb,IAAI,GAAG;QAAG;MAAE,CAC9C,CACH,CAEL,CAAC;IACV;EAAC;EAAA,OAAApB,MAAA;AAAA,EA3CgBuC,iBAAK,CAACC,SAAS;AA8CpCxC,MAAM,CAACyC,SAAS,GAAG;EACfrB,IAAI,EAAEsB,qBAAS,CAACC,MAAM;EACtBrB,SAAS,EAAEoB,qBAAS,CAACE;AACzB,CAAC;;AAED;AACA,IAAMC,OAAO,GAAG7C,MAAM;AAAC,IAAA8C,QAAA,GACRD,OAAO;AAAAE,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"Loader.js","names":["_react","_interopRequireDefault","require","_propTypes","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","loaderStyles","Loader","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","size","theme","themeType","className","concat","backgroundImage","loadingBackgroundImage","undefined","backgroundColor","loadingBackgroundColor","backgroundSize","loadingHideLogo","Fragment","width","height","left","borderWidth","top","bottom","React","Component","propTypes","PropTypes","number","string","_export","_default","exports"],"sources":["Loader.js"],"sourcesContent":["/**\n * Copyright 2018-2023 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\n// import './loader.css'\nconst loaderStyles = `\n/**\n * Copyright 2018-2022 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\n\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n.logo-div {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    -ms-transform: translateX(-50%) translateY(-50%);\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n    overflow: hidden;\n    border-radius: 50%;\n    z-index: 2;\n}\n.logo-border {\n    /*border-color: #164477;*/\n    border-top-color: #3399CC;\n    border-left-color: #164477;\n    border-bottom-color: #164477;\n    border-right-color: #164477;\n    border-radius: 50%;\n    border-style: solid;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n}\n.logo-top {\n    position: absolute;\n    width: 4.5%;\n    height: 16%;\n    top: 0;\n    z-index: 2;\n}\n.logo-i {\n    position: absolute;\n    width: 14.5%;\n    height: 60%;\n    top: 20%;\n    left: 42%;\n    background: #3399CC;\n}\n.logo-i-top {\n    position: absolute;\n    width: 14.5%;\n    height: 4%;\n    left: 42%;\n    background: #3399CC;\n    border-radius: 100%;\n}\n.logo-back {\n    width: 100%;\n    height: 100%;\n    z-index: 0;\n    overflow: hidden;\n}\n@keyframes logo-grow {\n    0% {\n        width: 230px;\n        height: 230px;\n        transform: translate(-50%,-50%) scale(1);\n        opacity: 1\n    }\n    99% {\n        width: 230px;\n        height: 230px;\n        transform: translate(-50%,-50%) scale(10);\n        opacity: 0;\n    }\n    100% {\n        width: 0;\n        height: 0;\n        opacity: 0;\n    }\n}\n@keyframes logo-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }\n@keyframes logo-color-inside-light {\n    0% {\n        background: #FEFEFE;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n@keyframes logo-color-inside-dark {\n    0% {\n        background: #030303;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n@keyframes logo-color-inside-colored {\n    0% {\n        background: #FEFEFE;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n@keyframes logo-color-inside-blue {\n    0% {\n        background: #030303;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n\n@keyframes logo-color-outside-light {\n    0% {\n        border-color: #FEFEFE;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n@keyframes logo-color-outside-dark  {\n    0% {\n        border-color: #040404;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n@keyframes logo-color-outside-colored {\n    0% {\n        border-color: #FEFEFE;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n@keyframes logo-color-outside-blue  {\n    0% {\n        border-color: #040404;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n\n.logo-animate-wait {\n    animation: logo-color-outside 1.5s, logo-spin 1.5s linear infinite;\n}\n\n.logo-animate-grow-light {\n    background: #DDD;\n}\n.logo-animate-grow-dark {\n    background: #1d1d1d;\n}\n.logo-animate-grow-colored {\n    background: #DDD;\n}\n.logo-animate-grow-blue {\n    background: #1d1d1d;\n}\n\n.logo-animate-grow {\n    display: inline-block;\n    text-align: center;\n    z-index: 1;\n    top: 50%;\n    left: 50%;\n    -ms-transform: translateX(-50%) translateY(-50%);\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n    width: 245px;\n    height: 245px;\n    border-radius: 50%;\n    position: absolute;\n    animation: logo-grow 1s 1 ease forwards;\n}\n\n.logo-animate-color-inside-light {\n    animation: logo-color-inside-light 2.5s;\n}\n.logo-animate-color-inside-dark {\n    animation: logo-color-inside-dark 2.5s;\n}\n.logo-animate-color-inside-colored {\n    animation: logo-color-inside-colored 2.5s;\n}\n.logo-animate-color-inside-blue {\n    animation: logo-color-inside-blue 2.5s;\n}\n\n.logo-animate-color-outside-light {\n    animation: logo-color-outside-light 1.5s;\n}\n.logo-animate-color-outside-dark {\n    animation: logo-color-outside-dark 1.5s;\n}\n.logo-animate-color-outside-colored {\n    animation: logo-color-outside-colored 1.5s;\n}\n.logo-animate-color-outside-blue {\n    animation: logo-color-outside-blue 1.5s;\n}\n`;\n\n/**\n * @typedef {object} LoaderProps\n * @property {number} [size] The size in pixels of this loader.\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderProps>}\n */\nclass Loader extends React.Component {\n    constructor(props) {\n        super(props);\n\n        if (!window.document.getElementById('loader-iobroker-component')) {\n            const style = window.document.createElement('style');\n            style.setAttribute('id', 'loader-iobroker-component');\n            style.innerHTML = loaderStyles;\n            window.document.head.appendChild(style);\n        }\n    }\n\n    render() {\n        const size = this.props.size || 234;\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div\n            className={`logo-back logo-background-${theme}`}\n            style={{\n                backgroundImage: window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@' ? `url(${window.loadingBackgroundImage})` : undefined,\n                backgroundColor: window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@' ? window.loadingBackgroundColor : undefined,\n                backgroundSize: 'cover',\n            }}\n        >\n            {window.loadingHideLogo === 'true' ?\n                null\n                :\n                <>\n                    <div className=\"logo-div\" style={{ width: size, height: size }}>\n                        <div className={`logo-top logo-background-${theme}`} style={{ left: '37%' }} />\n                        <div className={`logo-top logo-background-${theme}`} style={{ left: '57%' }} />\n                        <div\n                            className={`logo-border logo-background-${theme} logo-animate-wait`}\n                            style={{ borderWidth: size * 0.132 }}\n                        />\n                        <div className={`logo-i logo-animate-color-inside-${theme}`} />\n                        <div className={`logo-i-top logo-animate-color-inside-${theme}`} style={{ top: '18%' }} />\n                        <div className={`logo-i-top logo-animate-color-inside-${theme}`} style={{ bottom: '18%' }} />\n                    </div>\n                    <div\n                        className={`logo-animate-grow logo-animate-grow-${theme}`}\n                        style={{ width: size + 11, height: size + 11 }}\n                    />\n                </>}\n        </div>;\n    }\n}\n\nLoader.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string,\n};\n\n/** @type {typeof Loader} */\nconst _export = Loader;\nexport default _export;\n"],"mappings":"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"}

package/Components/Loaders/PT.js

@@ -14,7 +14,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 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; } } /**
-                                                                                                                                                                                                                                                                                                                                           * Copyright 2021-2022 ioBroker GmbH
+                                                                                                                                                                                                                                                                                                                                           * Copyright 2021-2023 ioBroker GmbH
                                                                                                                                                                                                                                                                                                                                            *
                                                                                                                                                                                                                                                                                                                                            * MIT License
                                                                                                                                                                                                                                                                                                                                            *
@@ -54,7 +54,7 @@ var LoaderPT = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var theme = this.props.themeType || this.props.theme || 'light';
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: 'pt-logo-back logo-background-' + theme
+        className: "pt-logo-back logo-background-".concat(theme)
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "pt-logo-div",
         style: {

package/Components/Loaders/PT.js.map

@@ -1 +1 @@
-{"version":3,"file":"PT.js","names":["_react","_interopRequireDefault","require","_propTypes","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ptStyles","LoaderPT","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","size","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","theme","themeType","className","width","height","React","Component","propTypes","PropTypes","number","string","_export","_default","exports"],"sources":["Loaders/PT.js"],"sourcesContent":["/**\n * Copyright 2021-2022 ioBroker GmbH\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\n// import './PT.css'\nconst ptStyles = `\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n.pt-logo-div {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    -ms-transform: translateX(-50%) translateY(-50%);\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n    z-index: 2;\n}\n.pt-logo-border {\n    border-style: solid;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n}\n.pt-loader-block {\n    height: 65px;\n    width: 74px;\n    border-radius: 15px;\n    position: absolute;\n    box-sizing: content-box;\n}\n.pt-loader-blue {\n    border: 9px solid #0F99DE;\n    transform: rotate(5grad);\n    left: 93px;\n    top: 0;\n    animation: spin-blue 5s ease-in-out infinite;\n}\n.pt-loader-green {\n    border: 9px solid #88A536;\n    transform: rotate(-6grad);\n    left: 70px;\n    top: 58px;\n    animation: spin-green 5s ease-in-out infinite;\n}\n.pt-loader-red {\n    border: 9px solid #BD1B24;\n    transform: rotate(-15grad);\n    left: 24px;\n    top: 100px;\n    animation: spin-red 5s ease-in-out infinite;\n}\n\n@keyframes spin-blue {\n    0% {\n        transform: rotate(5deg);\n    }\n    25% {\n        transform: rotate(185deg);\n    }\n    50% {\n        transform: rotate(185deg);\n    }\n    75% {\n        transform: rotate(185deg);\n    }\n    100% {\n        transform: rotate(185deg);\n    }\n}\n@keyframes spin-green {\n    0% {\n        transform: rotate(-6deg);\n    }\n    25% {\n        transform: rotate(-6deg);\n    }\n    50% {\n        transform: rotate(174deg);\n    }\n    75% {\n        transform: rotate(174deg);\n    }\n    100% {\n        transform: rotate(-6deg);\n    }\n}\n@keyframes spin-red {\n    0% {\n        transform: rotate(-15deg);\n    }\n    25% {\n        transform: rotate(-15deg);\n    }\n    50% {\n        transform: rotate(-15deg);\n    }\n    75% {\n        transform: rotate(165deg);\n    }\n    100% {\n        transform: rotate(165deg);\n    }\n}\n`;\n\n/**\n * @typedef {object} LoaderPTProps\n * @property {number} [size] The size in pixels of this loader.\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderPTProps>}\n */\nclass LoaderPT extends React.Component {\n    /**\n     * @param {LoaderPTProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.size = this.props.size || 200;\n\n        if (!window.document.getElementById('pt-iobroker-component')) {\n            const style = window.document.createElement('style');\n            style.setAttribute('id', 'pt-iobroker-component');\n            style.innerHTML = ptStyles;\n            window.document.head.appendChild(style);\n        }\n    }\n\n    render() {\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div className={'pt-logo-back logo-background-' + theme}>\n            <div className=\"pt-logo-div\" style={{width: this.size, height: this.size}}>\n                <div style={{width: 200, height: 200}}>\n                    <div className=\"pt-loader-blue pt-loader-block\"/>\n                    <div className=\"pt-loader-green pt-loader-block\"/>\n                    <div className=\"pt-loader-red pt-loader-block\"/>\n                </div>\n            </div>\n        </div>;\n    }\n}\n\nLoaderPT.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string\n};\n\n/** @type {typeof LoaderPT} */\nconst _export = LoaderPT;\nexport default _export;"],"mappings":"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"}
+{"version":3,"file":"PT.js","names":["_react","_interopRequireDefault","require","_propTypes","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ptStyles","LoaderPT","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","size","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","theme","themeType","className","concat","width","height","React","Component","propTypes","PropTypes","number","string","_export","_default","exports"],"sources":["Loaders/PT.js"],"sourcesContent":["/**\n * Copyright 2021-2023 ioBroker GmbH\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\n// import './PT.css'\nconst ptStyles = `\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n.pt-logo-div {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    -ms-transform: translateX(-50%) translateY(-50%);\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n    z-index: 2;\n}\n.pt-logo-border {\n    border-style: solid;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n}\n.pt-loader-block {\n    height: 65px;\n    width: 74px;\n    border-radius: 15px;\n    position: absolute;\n    box-sizing: content-box;\n}\n.pt-loader-blue {\n    border: 9px solid #0F99DE;\n    transform: rotate(5grad);\n    left: 93px;\n    top: 0;\n    animation: spin-blue 5s ease-in-out infinite;\n}\n.pt-loader-green {\n    border: 9px solid #88A536;\n    transform: rotate(-6grad);\n    left: 70px;\n    top: 58px;\n    animation: spin-green 5s ease-in-out infinite;\n}\n.pt-loader-red {\n    border: 9px solid #BD1B24;\n    transform: rotate(-15grad);\n    left: 24px;\n    top: 100px;\n    animation: spin-red 5s ease-in-out infinite;\n}\n\n@keyframes spin-blue {\n    0% {\n        transform: rotate(5deg);\n    }\n    25% {\n        transform: rotate(185deg);\n    }\n    50% {\n        transform: rotate(185deg);\n    }\n    75% {\n        transform: rotate(185deg);\n    }\n    100% {\n        transform: rotate(185deg);\n    }\n}\n@keyframes spin-green {\n    0% {\n        transform: rotate(-6deg);\n    }\n    25% {\n        transform: rotate(-6deg);\n    }\n    50% {\n        transform: rotate(174deg);\n    }\n    75% {\n        transform: rotate(174deg);\n    }\n    100% {\n        transform: rotate(-6deg);\n    }\n}\n@keyframes spin-red {\n    0% {\n        transform: rotate(-15deg);\n    }\n    25% {\n        transform: rotate(-15deg);\n    }\n    50% {\n        transform: rotate(-15deg);\n    }\n    75% {\n        transform: rotate(165deg);\n    }\n    100% {\n        transform: rotate(165deg);\n    }\n}\n`;\n\n/**\n * @typedef {object} LoaderPTProps\n * @property {number} [size] The size in pixels of this loader.\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderPTProps>}\n */\nclass LoaderPT extends React.Component {\n    /**\n     * @param {LoaderPTProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.size = this.props.size || 200;\n\n        if (!window.document.getElementById('pt-iobroker-component')) {\n            const style = window.document.createElement('style');\n            style.setAttribute('id', 'pt-iobroker-component');\n            style.innerHTML = ptStyles;\n            window.document.head.appendChild(style);\n        }\n    }\n\n    render() {\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div className={`pt-logo-back logo-background-${theme}`}>\n            <div className=\"pt-logo-div\" style={{ width: this.size, height: this.size }}>\n                <div style={{ width: 200, height: 200 }}>\n                    <div className=\"pt-loader-blue pt-loader-block\" />\n                    <div className=\"pt-loader-green pt-loader-block\" />\n                    <div className=\"pt-loader-red pt-loader-block\" />\n                </div>\n            </div>\n        </div>;\n    }\n}\n\nLoaderPT.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string,\n};\n\n/** @type {typeof LoaderPT} */\nconst _export = LoaderPT;\nexport default _export;\n"],"mappings":"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"}

package/Components/Loaders/Vendor.d.ts

@@ -1,9 +1,5 @@
 export default _export;
 export type LoaderVendorProps = {
-    /**
-     * The size in pixels of this loader.
-     */
-    size?: number;
     /**
      * The chosen theme type.
      */
@@ -17,7 +13,6 @@ export type LoaderVendorProps = {
 declare const _export: typeof LoaderVendor;
 /**
  * @typedef {object} LoaderVendorProps
- * @property {number} [size] The size in pixels of this loader.
  * @property {string} [themeType] The chosen theme type.
  * @property {string} [theme] The chosen theme.
  *
@@ -28,12 +23,10 @@ declare class LoaderVendor extends React.Component<LoaderVendorProps, any, any>
      * @param {LoaderVendorProps} props
      */
     constructor(props: LoaderVendorProps);
-    size: number;
     render(): React.JSX.Element;
 }
 declare namespace LoaderVendor {
     namespace propTypes {
-        let size: PropTypes.Requireable<number>;
         let themeType: PropTypes.Requireable<string>;
     }
 }

package/Components/Loaders/Vendor.js

@@ -25,7 +25,6 @@ var vendorStyles = "\n.logo-background-light, .logo-background-colored {\n    ba
 
 /**
  * @typedef {object} LoaderVendorProps
- * @property {number} [size] The size in pixels of this loader.
  * @property {string} [themeType] The chosen theme type.
  * @property {string} [theme] The chosen theme.
  *
@@ -41,7 +40,6 @@ var LoaderVendor = /*#__PURE__*/function (_React$Component) {
     var _this;
     (0, _classCallCheck2["default"])(this, LoaderVendor);
     _this = _super.call(this, props);
-    _this.size = _this.props.size || 200;
     if (!window.document.getElementById('vendor-iobroker-component')) {
       var style = window.document.createElement('style');
       style.setAttribute('id', 'vendor-iobroker-component');
@@ -55,7 +53,7 @@ var LoaderVendor = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var theme = this.props.themeType || this.props.theme || 'light';
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: 'vendor-logo-back logo-background-' + theme,
+        className: "vendor-logo-back logo-background-".concat(theme),
         style: {
           display: 'flex',
           flexDirection: 'column',
@@ -81,7 +79,6 @@ var LoaderVendor = /*#__PURE__*/function (_React$Component) {
   return LoaderVendor;
 }(_react["default"].Component);
 LoaderVendor.propTypes = {
-  size: _propTypes["default"].number,
   themeType: _propTypes["default"].string
 };
 

package/Components/Loaders/Vendor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Vendor.js","names":["_react","_interopRequireDefault","require","_propTypes","_CircularProgress","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","vendorStyles","LoaderVendor","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","size","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","theme","themeType","className","display","flexDirection","height","width","margin","flexGrow","color","thickness","React","Component","propTypes","PropTypes","number","string","_export","_default","exports"],"sources":["Loaders/Vendor.js"],"sourcesContent":["/**\n * Copyright 2021-2022 ioBroker GmbH\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport CircularProgress from '@mui/material/CircularProgress';\n// import './Vendor.css'\nconst vendorStyles = `\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n`;\n\n/**\n * @typedef {object} LoaderVendorProps\n * @property {number} [size] The size in pixels of this loader.\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderVendorProps>}\n */\nclass LoaderVendor extends React.Component {\n    /**\n     * @param {LoaderVendorProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.size = this.props.size || 200;\n\n        if (!window.document.getElementById('vendor-iobroker-component')) {\n            const style = window.document.createElement('style');\n            style.setAttribute('id', 'vendor-iobroker-component');\n            style.innerHTML = vendorStyles;\n            window.document.head.appendChild(style);\n        }\n    }\n\n    render() {\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div className={'vendor-logo-back logo-background-' + theme} style={{\n            display: 'flex',\n            flexDirection: 'column',\n            height: '100%',\n            width: '10%',\n            margin: 'auto'\n        }}>\n            <div style={{flexGrow: 1}}/>\n            <CircularProgress color=\"secondary\" size={200} thickness={5}/>\n            <div style={{flexGrow: 1}}/>\n        </div>;\n    }\n}\n\nLoaderVendor.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string\n};\n\n/** @type {typeof LoaderVendor} */\nconst _export = LoaderVendor;\nexport default _export;\n"],"mappings":"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"}
+{"version":3,"file":"Vendor.js","names":["_react","_interopRequireDefault","require","_propTypes","_CircularProgress","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","vendorStyles","LoaderVendor","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","theme","themeType","className","concat","display","flexDirection","height","width","margin","flexGrow","color","size","thickness","React","Component","propTypes","PropTypes","string","_export","_default","exports"],"sources":["Loaders/Vendor.js"],"sourcesContent":["/**\n * Copyright 2021-2022 ioBroker GmbH\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport CircularProgress from '@mui/material/CircularProgress';\n// import './Vendor.css'\nconst vendorStyles = `\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n`;\n\n/**\n * @typedef {object} LoaderVendorProps\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderVendorProps>}\n */\nclass LoaderVendor extends React.Component {\n    /**\n     * @param {LoaderVendorProps} props\n     */\n    constructor(props) {\n        super(props);\n        if (!window.document.getElementById('vendor-iobroker-component')) {\n            const style = window.document.createElement('style');\n            style.setAttribute('id', 'vendor-iobroker-component');\n            style.innerHTML = vendorStyles;\n            window.document.head.appendChild(style);\n        }\n    }\n\n    render() {\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div\n            className={`vendor-logo-back logo-background-${theme}`}\n            style={{\n                display: 'flex',\n                flexDirection: 'column',\n                height: '100%',\n                width: '10%',\n                margin: 'auto',\n            }}\n        >\n            <div style={{ flexGrow: 1 }} />\n            <CircularProgress color=\"secondary\" size={200} thickness={5} />\n            <div style={{ flexGrow: 1 }} />\n        </div>;\n    }\n}\n\nLoaderVendor.propTypes = {\n    themeType: PropTypes.string,\n};\n\n/** @type {typeof LoaderVendor} */\nconst _export = LoaderVendor;\nexport default _export;\n"],"mappings":"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"}

package/Components/Logo.js

@@ -11,11 +11,11 @@ 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 _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+var _styles = require("@mui/styles");
 var _material = require("@mui/material");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _i18n = _interopRequireDefault(require("../i18n"));
 var _iconsMaterial = require("@mui/icons-material");
+var _i18n = _interopRequireDefault(require("../i18n"));
 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; } } // please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
 var styles = function styles() {
@@ -70,8 +70,8 @@ var Logo = /*#__PURE__*/function (_React$Component) {
             } else {
               _this.props.onError && _this.props.onError(_i18n["default"].t('ra_invalidConfig'));
             }
-          } catch (e) {
-            _this.props.onError && _this.props.onError(e.toString());
+          } catch (err) {
+            _this.props.onError && _this.props.onError(err.toString());
           }
         };
         r.readAsText(f);
@@ -98,7 +98,7 @@ var Logo = /*#__PURE__*/function (_React$Component) {
         delete result.common.desc;
       }
 
-      //window.open('data:application/iobroker; content-disposition=attachment; filename=' + result._id + '.json,' + JSON.stringify(result, null, 2));
+      // window.open('data:application/iobroker; content-disposition=attachment; filename=' + result._id + '.json,' + JSON.stringify(result, null, 2));
       Logo.generateFile("".concat(result._id, ".json"), result);
     }
   }, {
@@ -179,7 +179,7 @@ Logo.propTypes = {
 };
 
 /** @type {typeof Logo} */
-var _export = (0, _withStyles["default"])(styles)(Logo);
+var _export = (0, _styles.withStyles)(styles)(Logo);
 var _default = _export;
 exports["default"] = _default;
 //# sourceMappingURL=Logo.js.map

package/Components/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","names":["_react","_interopRequireDefault","require","_withStyles","_material","_propTypes","_i18n","_iconsMaterial","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","buttons","marginRight","marginTop","logo","padding","width","Logo","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","handleFileSelect","evt","_this","f","target","files","r","window","FileReader","onload","contents","json","JSON","parse","common","name","props","onError","I18n","t","onLoad","toString","readAsText","alert","download","_id","concat","instance","stringify","news","titleLang","desc","generateFile","upload","_this2","input","document","createElement","setAttribute","addEventListener","click","render","_this3","className","style","icon","src","classes","alt","readme","Fab","size","color","onClick","win","open","focus","Help","title","VerticalAlignTop","VerticalAlignBottom","filename","obj","el","encodeURIComponent","display","body","appendChild","removeChild","React","Component","propTypes","PropTypes","object","isRequired","string","number","func","_export","withStyles","_default","exports"],"sources":["Logo.js"],"sourcesContent":["// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React from 'react';\nimport withStyles from '@mui/styles/withStyles';\nimport { Fab } from '@mui/material';\nimport PropTypes from 'prop-types';\n\nimport I18n from '../i18n';\n\nimport {\n    Help as IconHelp,\n    VerticalAlignTop as IconUpload,\n    VerticalAlignBottom as IconDownload,\n} from '@mui/icons-material';\n\nconst styles = () => ({\n    buttons: {\n        marginRight: 5,\n        marginTop: 5,\n        float: 'right',\n    },\n    logo: {\n        padding: 8,\n        width: 64,\n    },\n});\n\n/**\n * @typedef {object} LogoProps\n * @property {any} common Adapter common configuration from io-package.json\n * @property {any} native Adapter native data from io-package.json\n * @property {number} instance Adapter instance number.\n * @property {(contents: any) => void} [onLoad]\n * @property {(error: string) => void} [onError]\n * @property {{ buttons: string, logo: string }} classes The styling class names.\n *\n * @extends {React.Component<LogoProps>}\n */\nclass Logo extends React.Component {\n    static generateFile(filename, obj) {\n        const el = window.document.createElement('a');\n        el.setAttribute('href', `data:application/json;charset=utf-8,${encodeURIComponent(JSON.stringify(obj, null, 2))}`);\n        el.setAttribute('download', filename);\n\n        el.style.display = 'none';\n        window.document.body.appendChild(el);\n\n        el.click();\n\n        window.document.body.removeChild(el);\n    }\n\n    handleFileSelect(evt) {\n        const f = evt.target.files[0];\n        if (f) {\n            const r = new window.FileReader();\n            r.onload = e => {\n                const contents = e.target.result;\n                try {\n                    const json = JSON.parse(contents);\n                    if (json.native && json.common) {\n                        if (json.common.name !== this.props.common.name) {\n                            this.props.onError && this.props.onError(I18n.t('ra_otherConfig', json.common.name));\n                        } else {\n                            this.props.onLoad && this.props.onLoad(json.native);\n                        }\n                    } else {\n                        this.props.onError && this.props.onError(I18n.t('ra_invalidConfig'));\n                    }\n                } catch (e) {\n                    this.props.onError && this.props.onError(e.toString());\n                }\n            };\n            r.readAsText(f);\n        } else {\n            alert('Failed to open JSON File');\n        }\n    }\n\n    download() {\n        const result = {\n            _id: `system.adapter.${this.props.common.name}.${this.props.instance}`,\n            common: JSON.parse(JSON.stringify(this.props.common)),\n            native: this.props.native\n        };\n        // remove unimportant information\n        if (result.common.news) {\n            delete result.common.news;\n        }\n        if (result.common.titleLang) {\n            delete result.common.titleLang;\n        }\n        if (result.common.desc) {\n            delete result.common.desc;\n        }\n\n        //window.open('data:application/iobroker; content-disposition=attachment; filename=' + result._id + '.json,' + JSON.stringify(result, null, 2));\n        Logo.generateFile(`${result._id}.json`, result);\n    }\n\n    upload() {\n        const input = window.document.createElement('input');\n        input.setAttribute('type', 'file');\n        input.setAttribute('id', 'files');\n        input.setAttribute('opacity', '0');\n        input.addEventListener('change', e => this.handleFileSelect(e, () => {}), false);\n        (input.click)();\n    }\n\n    render() {\n        return <div className={this.props.className} style={this.props.style}>\n            {this.props.common.icon ?\n                <img src={this.props.common.icon} className={this.props.classes.logo} alt=\"logo\"/> : null}\n            {this.props.common.readme ?\n                <Fab\n                    size=\"small\"\n                    color=\"primary\"\n                    aria-label=\"Help\"\n                    className={this.props.classes.buttons}\n                    onClick={() => {\n                        const win = window.open(this.props.common.readme, '_blank');\n                        win?.focus();\n                    }}\n                ><IconHelp /></Fab> : null}\n            <Fab size=\"small\" color=\"primary\" aria-label=\"Load config\" className={this.props.classes.buttons}\n                 title={I18n.t('ra_Load configuration from file')} onClick={() => this.upload()}><IconUpload /></Fab>\n            <Fab size=\"small\" color=\"primary\" aria-label=\"Save config\" className={this.props.classes.buttons}\n                 title={I18n.t('ra_Save configuration to file')} onClick={() => this.download()}><IconDownload/></Fab>\n        </div>;\n    }\n}\n\nLogo.propTypes = {\n    common: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    style: PropTypes.object,\n    native: PropTypes.object.isRequired,\n    instance: PropTypes.number.isRequired,\n    onError: PropTypes.func.isRequired,\n    onLoad: PropTypes.func.isRequired,\n};\n\n/** @type {typeof Logo} */\nconst _export = withStyles(styles)(Logo);\nexport default _export;"],"mappings":"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"}
+{"version":3,"file":"Logo.js","names":["_react","_interopRequireDefault","require","_styles","_material","_propTypes","_iconsMaterial","_i18n","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","buttons","marginRight","marginTop","logo","padding","width","Logo","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","handleFileSelect","evt","_this","f","target","files","r","window","FileReader","onload","contents","json","JSON","parse","common","name","props","onError","I18n","t","onLoad","err","toString","readAsText","alert","download","_id","concat","instance","stringify","news","titleLang","desc","generateFile","upload","_this2","input","document","createElement","setAttribute","addEventListener","click","render","_this3","className","style","icon","src","classes","alt","readme","Fab","size","color","onClick","win","open","focus","Help","title","VerticalAlignTop","VerticalAlignBottom","filename","obj","el","encodeURIComponent","display","body","appendChild","removeChild","React","Component","propTypes","PropTypes","object","isRequired","string","number","func","_export","withStyles","_default","exports"],"sources":["Logo.js"],"sourcesContent":["// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React from 'react';\nimport { withStyles } from '@mui/styles';\nimport { Fab } from '@mui/material';\nimport PropTypes from 'prop-types';\n\nimport {\n    Help as IconHelp,\n    VerticalAlignTop as IconUpload,\n    VerticalAlignBottom as IconDownload,\n} from '@mui/icons-material';\n\nimport I18n from '../i18n';\n\nconst styles = () => ({\n    buttons: {\n        marginRight: 5,\n        marginTop: 5,\n        float: 'right',\n    },\n    logo: {\n        padding: 8,\n        width: 64,\n    },\n});\n\n/**\n * @typedef {object} LogoProps\n * @property {any} common Adapter common configuration from io-package.json\n * @property {any} native Adapter native data from io-package.json\n * @property {number} instance Adapter instance number.\n * @property {(contents: any) => void} [onLoad]\n * @property {(error: string) => void} [onError]\n * @property {{ buttons: string, logo: string }} classes The styling class names.\n *\n * @extends {React.Component<LogoProps>}\n */\nclass Logo extends React.Component {\n    static generateFile(filename, obj) {\n        const el = window.document.createElement('a');\n        el.setAttribute('href', `data:application/json;charset=utf-8,${encodeURIComponent(JSON.stringify(obj, null, 2))}`);\n        el.setAttribute('download', filename);\n\n        el.style.display = 'none';\n        window.document.body.appendChild(el);\n\n        el.click();\n\n        window.document.body.removeChild(el);\n    }\n\n    handleFileSelect(evt) {\n        const f = evt.target.files[0];\n        if (f) {\n            const r = new window.FileReader();\n            r.onload = e => {\n                const contents = e.target.result;\n                try {\n                    const json = JSON.parse(contents);\n                    if (json.native && json.common) {\n                        if (json.common.name !== this.props.common.name) {\n                            this.props.onError && this.props.onError(I18n.t('ra_otherConfig', json.common.name));\n                        } else {\n                            this.props.onLoad && this.props.onLoad(json.native);\n                        }\n                    } else {\n                        this.props.onError && this.props.onError(I18n.t('ra_invalidConfig'));\n                    }\n                } catch (err) {\n                    this.props.onError && this.props.onError(err.toString());\n                }\n            };\n            r.readAsText(f);\n        } else {\n            alert('Failed to open JSON File');\n        }\n    }\n\n    download() {\n        const result = {\n            _id: `system.adapter.${this.props.common.name}.${this.props.instance}`,\n            common: JSON.parse(JSON.stringify(this.props.common)),\n            native: this.props.native,\n        };\n        // remove unimportant information\n        if (result.common.news) {\n            delete result.common.news;\n        }\n        if (result.common.titleLang) {\n            delete result.common.titleLang;\n        }\n        if (result.common.desc) {\n            delete result.common.desc;\n        }\n\n        // window.open('data:application/iobroker; content-disposition=attachment; filename=' + result._id + '.json,' + JSON.stringify(result, null, 2));\n        Logo.generateFile(`${result._id}.json`, result);\n    }\n\n    upload() {\n        const input = window.document.createElement('input');\n        input.setAttribute('type', 'file');\n        input.setAttribute('id', 'files');\n        input.setAttribute('opacity', '0');\n        input.addEventListener('change', e => this.handleFileSelect(e, () => {}), false);\n        (input.click)();\n    }\n\n    render() {\n        return <div className={this.props.className} style={this.props.style}>\n            {this.props.common.icon ?\n                <img src={this.props.common.icon} className={this.props.classes.logo} alt=\"logo\" /> : null}\n            {this.props.common.readme ?\n                <Fab\n                    size=\"small\"\n                    color=\"primary\"\n                    aria-label=\"Help\"\n                    className={this.props.classes.buttons}\n                    onClick={() => {\n                        const win = window.open(this.props.common.readme, '_blank');\n                        win?.focus();\n                    }}\n                >\n                    <IconHelp />\n                </Fab> : null}\n            <Fab\n                size=\"small\"\n                color=\"primary\"\n                aria-label=\"Load config\"\n                className={this.props.classes.buttons}\n                title={I18n.t('ra_Load configuration from file')}\n                onClick={() => this.upload()}\n            >\n                <IconUpload />\n            </Fab>\n            <Fab\n                size=\"small\"\n                color=\"primary\"\n                aria-label=\"Save config\"\n                className={this.props.classes.buttons}\n                title={I18n.t('ra_Save configuration to file')}\n                onClick={() => this.download()}\n            >\n                <IconDownload />\n            </Fab>\n        </div>;\n    }\n}\n\nLogo.propTypes = {\n    common: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    style: PropTypes.object,\n    native: PropTypes.object.isRequired,\n    instance: PropTypes.number.isRequired,\n    onError: PropTypes.func.isRequired,\n    onLoad: PropTypes.func.isRequired,\n};\n\n/** @type {typeof Logo} */\nconst _export = withStyles(styles)(Logo);\nexport default _export;\n"],"mappings":";;;;;;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,cAAA,GAAAJ,OAAA;AAMA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AAA2B,SAAAM,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA,sBAZ3B;AAcA,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IAClBC,OAAO,EAAE;MACLC,WAAW,EAAE,CAAC;MACdC,SAAS,EAAE,CAAC;MACZ,SAAO;IACX,CAAC;IACDC,IAAI,EAAE;MACFC,OAAO,EAAE,CAAC;MACVC,KAAK,EAAE;IACX;EACJ,CAAC;AAAA,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAWMC,IAAI,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,aAAAF,IAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAhC,YAAA,CAAA6B,IAAA;EAAA,SAAAA,KAAA;IAAA,IAAAI,gBAAA,mBAAAJ,IAAA;IAAA,OAAAG,MAAA,CAAAnB,KAAA,OAAAD,SAAA;EAAA;EAAA,IAAAsB,aAAA,aAAAL,IAAA;IAAAM,GAAA;IAAAC,KAAA,EAcN,SAAAC,iBAAiBC,GAAG,EAAE;MAAA,IAAAC,KAAA;MAClB,IAAMC,CAAC,GAAGF,GAAG,CAACG,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC;MAC7B,IAAIF,CAAC,EAAE;QACH,IAAMG,CAAC,GAAG,IAAIC,MAAM,CAACC,UAAU,CAAC,CAAC;QACjCF,CAAC,CAACG,MAAM,GAAG,UAAAzB,CAAC,EAAI;UACZ,IAAM0B,QAAQ,GAAG1B,CAAC,CAACoB,MAAM,CAAClC,MAAM;UAChC,IAAI;YACA,IAAMyC,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACH,QAAQ,CAAC;YACjC,IAAIC,IAAI,UAAO,IAAIA,IAAI,CAACG,MAAM,EAAE;cAC5B,IAAIH,IAAI,CAACG,MAAM,CAACC,IAAI,KAAKb,KAAI,CAACc,KAAK,CAACF,MAAM,CAACC,IAAI,EAAE;gBAC7Cb,KAAI,CAACc,KAAK,CAACC,OAAO,IAAIf,KAAI,CAACc,KAAK,CAACC,OAAO,CAACC,gBAAI,CAACC,CAAC,CAAC,gBAAgB,EAAER,IAAI,CAACG,MAAM,CAACC,IAAI,CAAC,CAAC;cACxF,CAAC,MAAM;gBACHb,KAAI,CAACc,KAAK,CAACI,MAAM,IAAIlB,KAAI,CAACc,KAAK,CAACI,MAAM,CAACT,IAAI,UAAO,CAAC;cACvD;YACJ,CAAC,MAAM;cACHT,KAAI,CAACc,KAAK,CAACC,OAAO,IAAIf,KAAI,CAACc,KAAK,CAACC,OAAO,CAACC,gBAAI,CAACC,CAAC,CAAC,kBAAkB,CAAC,CAAC;YACxE;UACJ,CAAC,CAAC,OAAOE,GAAG,EAAE;YACVnB,KAAI,CAACc,KAAK,CAACC,OAAO,IAAIf,KAAI,CAACc,KAAK,CAACC,OAAO,CAACI,GAAG,CAACC,QAAQ,CAAC,CAAC,CAAC;UAC5D;QACJ,CAAC;QACDhB,CAAC,CAACiB,UAAU,CAACpB,CAAC,CAAC;MACnB,CAAC,MAAM;QACHqB,KAAK,CAAC,0BAA0B,CAAC;MACrC;IACJ;EAAC;IAAA1B,GAAA;IAAAC,KAAA,EAED,SAAA0B,SAAA,EAAW;MACP,IAAMvD,MAAM,GAAG;QACXwD,GAAG,oBAAAC,MAAA,CAAoB,IAAI,CAACX,KAAK,CAACF,MAAM,CAACC,IAAI,OAAAY,MAAA,CAAI,IAAI,CAACX,KAAK,CAACY,QAAQ,CAAE;QACtEd,MAAM,EAAEF,IAAI,CAACC,KAAK,CAACD,IAAI,CAACiB,SAAS,CAAC,IAAI,CAACb,KAAK,CAACF,MAAM,CAAC,CAAC;QACrD,UAAQ,IAAI,CAACE,KAAK;MACtB,CAAC;MACD;MACA,IAAI9C,MAAM,CAAC4C,MAAM,CAACgB,IAAI,EAAE;QACpB,OAAO5D,MAAM,CAAC4C,MAAM,CAACgB,IAAI;MAC7B;MACA,IAAI5D,MAAM,CAAC4C,MAAM,CAACiB,SAAS,EAAE;QACzB,OAAO7D,MAAM,CAAC4C,MAAM,CAACiB,SAAS;MAClC;MACA,IAAI7D,MAAM,CAAC4C,MAAM,CAACkB,IAAI,EAAE;QACpB,OAAO9D,MAAM,CAAC4C,MAAM,CAACkB,IAAI;MAC7B;;MAEA;MACAxC,IAAI,CAACyC,YAAY,IAAAN,MAAA,CAAIzD,MAAM,CAACwD,GAAG,YAASxD,MAAM,CAAC;IACnD;EAAC;IAAA4B,GAAA;IAAAC,KAAA,EAED,SAAAmC,OAAA,EAAS;MAAA,IAAAC,MAAA;MACL,IAAMC,KAAK,GAAG7B,MAAM,CAAC8B,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;MACpDF,KAAK,CAACG,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;MAClCH,KAAK,CAACG,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC;MACjCH,KAAK,CAACG,YAAY,CAAC,SAAS,EAAE,GAAG,CAAC;MAClCH,KAAK,CAACI,gBAAgB,CAAC,QAAQ,EAAE,UAAAxD,CAAC;QAAA,OAAImD,MAAI,CAACnC,gBAAgB,CAAChB,CAAC,EAAE,YAAM,CAAC,CAAC,CAAC;MAAA,GAAE,KAAK,CAAC;MAC/EoD,KAAK,CAACK,KAAK,CAAE,CAAC;IACnB;EAAC;IAAA3C,GAAA;IAAAC,KAAA,EAED,SAAA2C,OAAA,EAAS;MAAA,IAAAC,MAAA;MACL,oBAAOxF,MAAA,YAAAmF,aAAA;QAAKM,SAAS,EAAE,IAAI,CAAC5B,KAAK,CAAC4B,SAAU;QAACC,KAAK,EAAE,IAAI,CAAC7B,KAAK,CAAC6B;MAAM,GAChE,IAAI,CAAC7B,KAAK,CAACF,MAAM,CAACgC,IAAI,gBACnB3F,MAAA,YAAAmF,aAAA;QAAKS,GAAG,EAAE,IAAI,CAAC/B,KAAK,CAACF,MAAM,CAACgC,IAAK;QAACF,SAAS,EAAE,IAAI,CAAC5B,KAAK,CAACgC,OAAO,CAAC3D,IAAK;QAAC4D,GAAG,EAAC;MAAM,CAAE,CAAC,GAAG,IAAI,EAC7F,IAAI,CAACjC,KAAK,CAACF,MAAM,CAACoC,MAAM,gBACrB/F,MAAA,YAAAmF,aAAA,CAAC/E,SAAA,CAAA4F,GAAG;QACAC,IAAI,EAAC,OAAO;QACZC,KAAK,EAAC,SAAS;QACf,cAAW,MAAM;QACjBT,SAAS,EAAE,IAAI,CAAC5B,KAAK,CAACgC,OAAO,CAAC9D,OAAQ;QACtCoE,OAAO,EAAE,SAAAA,QAAA,EAAM;UACX,IAAMC,GAAG,GAAGhD,MAAM,CAACiD,IAAI,CAACb,MAAI,CAAC3B,KAAK,CAACF,MAAM,CAACoC,MAAM,EAAE,QAAQ,CAAC;UAC3DK,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEE,KAAK,CAAC,CAAC;QAChB;MAAE,gBAEFtG,MAAA,YAAAmF,aAAA,CAAC7E,cAAA,CAAAiG,IAAQ,MAAE,CACV,CAAC,GAAG,IAAI,eACjBvG,MAAA,YAAAmF,aAAA,CAAC/E,SAAA,CAAA4F,GAAG;QACAC,IAAI,EAAC,OAAO;QACZC,KAAK,EAAC,SAAS;QACf,cAAW,aAAa;QACxBT,SAAS,EAAE,IAAI,CAAC5B,KAAK,CAACgC,OAAO,CAAC9D,OAAQ;QACtCyE,KAAK,EAAEzC,gBAAI,CAACC,CAAC,CAAC,iCAAiC,CAAE;QACjDmC,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAMX,MAAI,CAACT,MAAM,CAAC,CAAC;QAAA;MAAC,gBAE7B/E,MAAA,YAAAmF,aAAA,CAAC7E,cAAA,CAAAmG,gBAAU,MAAE,CACZ,CAAC,eACNzG,MAAA,YAAAmF,aAAA,CAAC/E,SAAA,CAAA4F,GAAG;QACAC,IAAI,EAAC,OAAO;QACZC,KAAK,EAAC,SAAS;QACf,cAAW,aAAa;QACxBT,SAAS,EAAE,IAAI,CAAC5B,KAAK,CAACgC,OAAO,CAAC9D,OAAQ;QACtCyE,KAAK,EAAEzC,gBAAI,CAACC,CAAC,CAAC,+BAA+B,CAAE;QAC/CmC,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAMX,MAAI,CAAClB,QAAQ,CAAC,CAAC;QAAA;MAAC,gBAE/BtE,MAAA,YAAAmF,aAAA,CAAC7E,cAAA,CAAAoG,mBAAY,MAAE,CACd,CACJ,CAAC;IACV;EAAC;IAAA/D,GAAA;IAAAC,KAAA,EA5GD,SAAAkC,aAAoB6B,QAAQ,EAAEC,GAAG,EAAE;MAC/B,IAAMC,EAAE,GAAGzD,MAAM,CAAC8B,QAAQ,CAACC,aAAa,CAAC,GAAG,CAAC;MAC7C0B,EAAE,CAACzB,YAAY,CAAC,MAAM,yCAAAZ,MAAA,CAAyCsC,kBAAkB,CAACrD,IAAI,CAACiB,SAAS,CAACkC,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC;MAClHC,EAAE,CAACzB,YAAY,CAAC,UAAU,EAAEuB,QAAQ,CAAC;MAErCE,EAAE,CAACnB,KAAK,CAACqB,OAAO,GAAG,MAAM;MACzB3D,MAAM,CAAC8B,QAAQ,CAAC8B,IAAI,CAACC,WAAW,CAACJ,EAAE,CAAC;MAEpCA,EAAE,CAACvB,KAAK,CAAC,CAAC;MAEVlC,MAAM,CAAC8B,QAAQ,CAAC8B,IAAI,CAACE,WAAW,CAACL,EAAE,CAAC;IACxC;EAAC;EAAA,OAAAxE,IAAA;AAAA,EAZc8E,iBAAK,CAACC,SAAS;AAgHlC/E,IAAI,CAACgF,SAAS,GAAG;EACb1D,MAAM,EAAE2D,qBAAS,CAACC,MAAM,CAACC,UAAU;EACnC/B,SAAS,EAAE6B,qBAAS,CAACG,MAAM;EAC3B/B,KAAK,EAAE4B,qBAAS,CAACC,MAAM;EACvB,UAAQD,qBAAS,CAACC,MAAM,CAACC,UAAU;EACnC/C,QAAQ,EAAE6C,qBAAS,CAACI,MAAM,CAACF,UAAU;EACrC1D,OAAO,EAAEwD,qBAAS,CAACK,IAAI,CAACH,UAAU;EAClCvD,MAAM,EAAEqD,qBAAS,CAACK,IAAI,CAACH;AAC3B,CAAC;;AAED;AACA,IAAMI,OAAO,GAAG,IAAAC,kBAAU,EAAC/F,MAAM,CAAC,CAACO,IAAI,CAAC;AAAC,IAAAyF,QAAA,GAC1BF,OAAO;AAAAG,OAAA,cAAAD,QAAA"}

package/Components/MDUtils.js

@@ -54,9 +54,8 @@ var MDUtils = /*#__PURE__*/function () {
           }
         }
         return '';
-      } else {
-        return header.title;
       }
+      return header.title;
     }
   }, {
     key: "extractHeader",

package/Components/MDUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"MDUtils.js","names":["_react","_interopRequireDefault","require","_copyToClipboard","MDUtils","_classCallCheck2","_createClass2","key","value","text2link","text","m","match","replace","trim","toLowerCase","openLink","url","target","window","location","open","getTitle","_MDUtils$extractHeade","extractHeader","body","header","title","lines","split","i","length","startsWith","substring","attrs","pos","indexOf","_header","forEach","line","attr","parseFloat","toString","removeDocsify","doc","onCopy","e","copy","stopPropagation","preventDefault","_default","exports"],"sources":["MDUtils.js"],"sourcesContent":["/**\n * Copyright 2018-2023 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport copy from './copy-to-clipboard';\n\nclass MDUtils {\n    static text2link(text) {\n        const m = text.match(/\\d+\\.\\)\\s/);\n        if (m) {\n            text = text.replace(m[0], m[0].replace(/\\s/, '&nbsp;'));\n        }\n\n        return text.replace(/[^a-zA-Zа-яА-Я0-9]/g, '').trim().replace(/\\s/g, '').toLowerCase();\n    }\n\n    static openLink(url, target) {\n        if (target === 'this') {\n            window.location = url;\n        } else {\n            window.open(url, target || '_blank');\n        }\n    }\n\n    static getTitle(text) {\n        let {body, header} = MDUtils.extractHeader(text);\n        if (!header.title) {\n            // remove {docsify-bla}\n            body = body.replace(/{[^}]*}/g, '');\n            body = body.trim();\n            const lines = body.replace(/\\r/g, '').split('\\n');\n            for (let i = 0; i < lines.length; i++) {\n                if (lines[i].startsWith('# ')) {\n                    return lines[i].substring(2).trim();\n                }\n            }\n            return '';\n        } else {\n            return header.title;\n        }\n    }\n\n    static extractHeader(text) {\n        const attrs = {};\n        if (text.substring(0, 3) === '---') {\n            const pos = text.substring(3).indexOf('\\n---');\n            if (pos !== -1) {\n                const _header = text.substring(3, pos + 3);\n                const lines = _header.replace(/\\r/g, '').split('\\n');\n                lines.forEach(line => {\n                    if (!line.trim()) {\n                        return;\n                    }\n                    const pos = line.indexOf(':');\n                    if (pos !== -1) {\n                        const attr = line.substring(0, pos).trim();\n                        attrs[attr] = line.substring(pos + 1).trim();\n                        attrs[attr] = attrs[attr].replace(/^['\"]|['\"]$/g, '');\n                        if (attrs[attr] === 'true') {\n                            attrs[attr] = true;\n                        } else if (attrs[attr] === 'false') {\n                            attrs[attr] = false;\n                        } else if (parseFloat(attrs[attr]).toString() === attrs[attr]) {\n                            attrs[attr] = parseFloat(attrs[attr]);\n                        }\n                    } else {\n                        attrs[line.trim()] = true;\n                    }\n                });\n                text = text.substring(pos + 7);\n            }\n        }\n        return { header: attrs, body: text };\n    }\n\n    static removeDocsify(text) {\n        const m = text.match(/{docsify-[^}]*}/g);\n        if (m) {\n            m.forEach(doc => text = text.replace(doc, ''));\n        }\n        return text;\n    }\n\n    static onCopy(e, text) {\n        copy(text);\n        e && e.stopPropagation();\n        e && e.preventDefault();\n    }\n}\n\nexport default MDUtils;"],"mappings":"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"}
+{"version":3,"file":"MDUtils.js","names":["_react","_interopRequireDefault","require","_copyToClipboard","MDUtils","_classCallCheck2","_createClass2","key","value","text2link","text","m","match","replace","trim","toLowerCase","openLink","url","target","window","location","open","getTitle","_MDUtils$extractHeade","extractHeader","body","header","title","lines","split","i","length","startsWith","substring","attrs","pos","indexOf","_header","forEach","line","attr","parseFloat","toString","removeDocsify","doc","onCopy","e","copy","stopPropagation","preventDefault","_default","exports"],"sources":["MDUtils.js"],"sourcesContent":["/**\n * Copyright 2018-2023 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport copy from './copy-to-clipboard';\n\nclass MDUtils {\n    static text2link(text) {\n        const m = text.match(/\\d+\\.\\)\\s/);\n        if (m) {\n            text = text.replace(m[0], m[0].replace(/\\s/, '&nbsp;'));\n        }\n\n        return text.replace(/[^a-zA-Zа-яА-Я0-9]/g, '').trim().replace(/\\s/g, '').toLowerCase();\n    }\n\n    static openLink(url, target) {\n        if (target === 'this') {\n            window.location = url;\n        } else {\n            window.open(url, target || '_blank');\n        }\n    }\n\n    static getTitle(text) {\n        let { body, header } = MDUtils.extractHeader(text);\n        if (!header.title) {\n            // remove {docsify-bla}\n            body = body.replace(/{[^}]*}/g, '');\n            body = body.trim();\n            const lines = body.replace(/\\r/g, '').split('\\n');\n            for (let i = 0; i < lines.length; i++) {\n                if (lines[i].startsWith('# ')) {\n                    return lines[i].substring(2).trim();\n                }\n            }\n            return '';\n        }\n\n        return header.title;\n    }\n\n    static extractHeader(text) {\n        const attrs = {};\n        if (text.substring(0, 3) === '---') {\n            const pos = text.substring(3).indexOf('\\n---');\n            if (pos !== -1) {\n                const _header = text.substring(3, pos + 3);\n                const lines = _header.replace(/\\r/g, '').split('\\n');\n                lines.forEach(line => {\n                    if (!line.trim()) {\n                        return;\n                    }\n                    const pos = line.indexOf(':');\n                    if (pos !== -1) {\n                        const attr = line.substring(0, pos).trim();\n                        attrs[attr] = line.substring(pos + 1).trim();\n                        attrs[attr] = attrs[attr].replace(/^['\"]|['\"]$/g, '');\n                        if (attrs[attr] === 'true') {\n                            attrs[attr] = true;\n                        } else if (attrs[attr] === 'false') {\n                            attrs[attr] = false;\n                        } else if (parseFloat(attrs[attr]).toString() === attrs[attr]) {\n                            attrs[attr] = parseFloat(attrs[attr]);\n                        }\n                    } else {\n                        attrs[line.trim()] = true;\n                    }\n                });\n                text = text.substring(pos + 7);\n            }\n        }\n        return { header: attrs, body: text };\n    }\n\n    static removeDocsify(text) {\n        const m = text.match(/{docsify-[^}]*}/g);\n        if (m) {\n            m.forEach(doc => text = text.replace(doc, ''));\n        }\n        return text;\n    }\n\n    static onCopy(e, text) {\n        copy(text);\n        e && e.stopPropagation();\n        e && e.preventDefault();\n    }\n}\n\nexport default MDUtils;\n"],"mappings":"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"}

package/Components/ObjectBrowser.d.ts

@@ -9,7 +9,7 @@ export type FormatValueOptions = {
 export type GetValueStyleOptions = {
     state: ioBroker.State;
     isExpertMode: boolean;
-    obj: ioBroker.StateObject;
+    isButton: boolean;
 };
 /** @type {typeof ObjectBrowser} */
 declare const _export: typeof ObjectBrowser;
@@ -163,7 +163,7 @@ declare class ObjectBrowser extends React.Component<import("./types").ObjectBrow
     };
     /**
      * @private
-     * @param {ioBroker.EmptyCallback} cb
+     * @param {ioBroker.EmptyCallback?} cb
      */
     private expandAllSelected;
     /**
@@ -524,6 +524,12 @@ declare class ObjectBrowser extends React.Component<import("./types").ObjectBrow
     resizerPosition: any;
     resizerOldWidth: any;
     resizerOldWidthNext: any;
+    /**
+     * Handle keyboard events for navigation
+     *
+     * @param {KeyboardEvent} event
+     */
+    navigateKeyPress(event: KeyboardEvent): void;
     resizerReset: () => void;
     /**
      * @private
@@ -566,8 +572,6 @@ declare class ObjectBrowser extends React.Component<import("./types").ObjectBrow
      * @returns {JSX.Element | null}
      */
     private renderEditValueDialog;
-    extendObject: (id: any, data: any) => Promise<void>;
-    setObject: (id: any, data: any) => Promise<void>;
     /**
      * The rendering method of this component.
      * @returns {JSX.Element}
@@ -635,10 +639,8 @@ declare namespace ObjectBrowser {
         export let root: PropTypes.Requireable<string>;
         export let objectsWorker: PropTypes.Requireable<object>;
         export let filterFunc: PropTypes.Requireable<(...args: any[]) => any>;
-        export let dragSettings: PropTypes.Requireable<object>;
         export let DragWrapper: PropTypes.Requireable<(...args: any[]) => any>;
         export let dragEnabled: PropTypes.Requireable<boolean>;
-        export let useDrag: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
 import React from 'react';