@iobroker/adapter-react-v5 3.1.21 → 3.1.24

package/Components/FileViewer.js

@@ -29,6 +29,8 @@ var _styles = require("@mui/styles");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _buffer = require("buffer");
+
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
@@ -94,7 +96,7 @@ var styles = function styles(theme) {
 
 var EXTENSIONS = {
   images: ['png', 'jpg', 'svg', 'jpeg', 'bmp'],
-  code: ['js', 'json', 'md'],
+  code: ['js', 'json', 'json5', 'md'],
   txt: ['log', 'txt', 'html', 'css', 'xml'],
   audio: ['mp3', 'wav', 'ogg', 'acc'],
   video: ['mp4', 'mov', 'avi']
@@ -163,7 +165,7 @@ var FileViewer = /*#__PURE__*/function (_Component) {
       var adapter = parts[0];
       var name = parts.splice(1).join('/');
 
-      _this.props.socket.writeFile64(adapter, name, Buffer.from(data).toString('base64')).then(function (_) {
+      _this.props.socket.writeFile64(adapter, name, _buffer.Buffer.from(data).toString('base64')).then(function (_) {
         return _this.props.onClose();
       })["catch"](function (e) {
         return window.alert('Cannot write file: ' + e);
@@ -250,26 +252,6 @@ var FileViewer = /*#__PURE__*/function (_Component) {
       var name = parts.splice(1).join('/');
       this.props.supportSubscribes && this.props.socket.subscribeFiles(adapter, name, this.onFileChanged);
     }
-  }, {
-    key: "getEditFile",
-    value: function getEditFile(ext) {
-      switch (ext) {
-        case 'json':
-          return 'json';
-
-        case 'js':
-          return 'javascript';
-
-        case 'html':
-          return 'html';
-
-        case 'txt':
-          return 'html';
-
-        default:
-          return 'json';
-      }
-    }
   }, {
     key: "getContent",
     value: function getContent() {
@@ -361,6 +343,29 @@ var FileViewer = /*#__PURE__*/function (_Component) {
         startIcon: /*#__PURE__*/_react["default"].createElement(_Close["default"], null)
       }, this.props.t('Close'))));
     }
+  }], [{
+    key: "getEditFile",
+    value: function getEditFile(ext) {
+      switch (ext) {
+        case 'json':
+          return 'json';
+
+        case 'json5':
+          return 'json5';
+
+        case 'js':
+          return 'javascript';
+
+        case 'html':
+          return 'html';
+
+        case 'txt':
+          return 'html';
+
+        default:
+          return 'json';
+      }
+    }
   }]);
   return FileViewer;
 }(_react.Component);

package/Components/FileViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileViewer.js","names":["styles","theme","dialog","height","paper","content","textAlign","textarea","width","img","objectFit","dialogTitle","justifyContent","display","EXTENSIONS","images","code","txt","audio","video","bufferToBase64","buffer","binary","bytes","Uint8Array","len","byteLength","i","String","fromCharCode","window","btoa","FileViewer","props","id","fileName","size","state","changed","timeout","clearTimeout","setTimeout","alert","text","readFile","setState","forceUpdate","Date","now","parts","href","split","data","editingValue","splice","adapter","name","join","socket","writeFile64","Buffer","from","toString","then","_","onClose","e","ext","Utils","getFileExtension","editing","formatEditFile","copyPossible","includes","imgError","file","undefined","newState","type","detectMimeType","supportSubscribes","subscribeFiles","onFileChanged","clsx","classes","getClassBackgroundImage","target","onerror","newValue","readOnly","scrollPaper","t","setStateBackgroundImage","getContent","copyToClipboard","Component","propTypes","PropTypes","func","lang","string","expertMode","bool","isRequired","_export","withWidth","withStyles"],"sources":["FileViewer.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { withStyles } from '@mui/styles';\nimport PropTypes from 'prop-types';\n\nimport TextField from '@mui/material/TextField';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport { IconButton } from '@mui/material';\n\nimport IconNoIcon from '../icons/IconNoIcon';\nimport withWidth from './withWidth';\nimport Utils from './Utils';\n\n// Icons\nimport { FaCopy as CopyIcon } from 'react-icons/fa';\nimport Brightness5Icon from '@mui/icons-material/Brightness6';\nimport CloseIcon from '@mui/icons-material/Close';\nimport SaveIcon from '@mui/icons-material/Save';\n\nconst styles = theme => ({\n    dialog: {\n        height: '100%',\n    },\n    paper: {\n        height: 'calc(100% - 64px)',\n    },\n    content: {\n        textAlign: 'center',\n    },\n    textarea: {\n        width: '100%',\n        height: '100%',\n    },\n    img: {\n        width: 'auto',\n        height: 'calc(100% - 5px)',\n        objectFit: 'contain',\n    },\n    dialogTitle: {\n        justifyContent: 'space-between',\n        display: 'flex'\n    }\n});\n\nexport const EXTENSIONS = {\n    images: ['png', 'jpg', 'svg', 'jpeg', 'bmp'],\n    code:   ['js', 'json', 'md'],\n    txt:    ['log', 'txt', 'html', 'css', 'xml'],\n    audio:  ['mp3', 'wav', 'ogg', 'acc'],\n    video:  ['mp4', 'mov', 'avi'],\n};\n\nfunction bufferToBase64(buffer) {\n    let binary = '';\n    let bytes = new Uint8Array(buffer);\n    let len = bytes.byteLength;\n    for (let i = 0; i < len && i < 50; i++) {\n        binary += String.fromCharCode(bytes[i]);\n    }\n    return window.btoa(binary);\n}\n\n/**\n * @typedef {object} FileViewerProps\n * @property {import('../types').Translator} t Translation function\n * @property {ioBroker.Languages} [lang] The selected language.\n * @property {boolean} [expertMode] Is expert mode enabled? (default: false)\n * @property {() => void} onClose Callback when the viewer is closed.\n * @property {string} href The URL to the file to be displayed.\n *\n * @extends {React.Component<FileViewerProps>}\n */\nclass FileViewer extends Component {\n    /**\n     * @param {Readonly<FileViewerProps>} props\n     */\n    constructor(props) {\n        super(props);\n        const ext = Utils.getFileExtension(this.props.href);\n\n        this.state = {\n            text: null,\n            code: null,\n            ext,\n            editing: !!this.props.formatEditFile || false,\n            editingValue: null,\n            copyPossible: EXTENSIONS.code.includes(ext) || EXTENSIONS.txt.includes(ext),\n            forceUpdate: Date.now(),\n            changed: false,\n            imgError: false,\n        };\n    }\n\n    readFile() {\n        if (this.props.href) {\n            const parts = this.props.href.split('/');\n            parts.splice(0, 2);\n            const adapter = parts[0];\n            const name = parts.splice(1).join('/');\n\n            this.props.socket.readFile(adapter, name)\n                .then(data => {\n                    if (data.file !== undefined) {\n                        data = data.file;\n                    }\n\n                    const newState = {copyPossible: this.state.copyPossible};\n                    // try to detect valid extension\n                    if (data.type === 'Buffer') {\n                        const ext = Utils.detectMimeType(bufferToBase64(data.data));\n                        if (ext) {\n                            newState.ext = ext;\n                            newState.copyPossible = EXTENSIONS.code.includes(ext) || EXTENSIONS.txt.includes(ext);\n                        }\n                    }\n\n                    if (newState.copyPossible) {\n                        if (EXTENSIONS.txt.includes(this.state.ext)) {\n                            newState.text = data;\n                            newState.editingValue = data;\n                        } else if (EXTENSIONS.code.includes(this.state.ext)) {\n                            newState.code = data;\n                            newState.editingValue = data;\n                        }\n                    }\n\n                    this.setState(newState);\n                })\n                .catch(e => window.alert('Cannot read file: ' + e));\n        }\n    }\n\n    componentDidMount() {\n        this.readFile();\n\n        const parts = this.props.href.split('/');\n        parts.splice(0, 2);\n        const adapter = parts[0];\n        const name = parts.splice(1).join('/');\n\n        this.props.supportSubscribes && this.props.socket.subscribeFiles(adapter, name, this.onFileChanged);\n    }\n\n    componentWillUnmount() {\n        this.timeout && clearTimeout(this.timeout);\n        const parts = this.props.href.split('/');\n        parts.splice(0, 2);\n        const adapter = parts[0];\n        const name = parts.splice(1).join('/');\n        this.props.supportSubscribes && this.props.socket.subscribeFiles(adapter, name, this.onFileChanged);\n    }\n\n    onFileChanged = (id, fileName, size) => {\n        if (!this.state.changed) {\n            this.timeout && clearTimeout(this.timeout);\n            this.timeout = setTimeout(() => {\n                this.timeout = null;\n                if (size === null) {\n                    window.alert('Show file was deleted!');\n                } else if (this.state.text !== null || this.state.code !== null) {\n                    this.readFile();\n                } else {\n                    this.setState({ forceUpdate: Date.now() });\n                }\n            }, 300);\n        }\n    };\n\n    writeFile64 = () => {\n        const parts = this.props.href.split('/');\n        const data = this.state.editingValue;\n        parts.splice(0, 2);\n        const adapter = parts[0];\n        const name = parts.splice(1).join('/');\n        this.props.socket.writeFile64(adapter, name, Buffer.from(data).toString('base64'))\n            .then(_ => this.props.onClose())\n            .catch(e => window.alert('Cannot write file: ' + e));\n    }\n\n    getEditFile(ext) {\n        switch (ext) {\n            case 'json':\n                return 'json';\n            case 'js':\n                return 'javascript';\n            case 'html':\n                return 'html';\n            case 'txt':\n                return 'html';\n            default:\n                return 'json';\n        }\n    }\n\n    getContent() {\n        if (EXTENSIONS.images.includes(this.state.ext)) {\n            if (this.state.imgError) {\n                return <IconNoIcon className={Utils.clsx(this.props.classes.img, this.props.getClassBackgroundImage())} />;\n            } else {\n                return <img\n                    onError={e => {\n                        e.target.onerror = null;\n                        this.setState({ imgError: true });\n                    }}\n                    className={Utils.clsx(this.props.classes.img, this.props.getClassBackgroundImage())}\n                    src={this.props.href + '?ts=' + this.state.forceUpdate}\n                    alt={this.props.href}\n                />;\n            }\n        } else if (this.state.code !== null || this.state.text !== null || this.state.editing) {\n            return <TextField\n                variant=\"standard\"\n                className={ this.props.classes.textarea }\n                multiline\n                value={ this.state.editingValue || this.state.code || this.state.text }\n                onChange={newValue => this.setState({ editingValue: newValue, changed: true })}\n                InputProps={{ readOnly: !this.state.editing,}}\n            />;\n        }\n    }\n\n    render() {\n        return <Dialog\n            classes={{ scrollPaper: this.props.classes.dialog, paper: this.props.classes.paper }}\n            scroll=\"paper\"\n            open={!!this.props.href}\n            onClose={() => this.props.onClose()}\n            fullWidth={true}\n            maxWidth=\"xl\"\n            aria-labelledby=\"form-dialog-title\"\n        >\n            <div className={this.props.classes.dialogTitle}>\n                <DialogTitle id=\"form-dialog-title\">{this.props.t(this.state.editing ? 'Edit' : 'View') + ': ' + this.props.href}</DialogTitle>\n                {EXTENSIONS.images.includes(this.state.ext) && <div>\n                    <IconButton size=\"large\"\n                        color={'inherit'}\n                        onClick={this.props.setStateBackgroundImage}\n                    >\n                        <Brightness5Icon />\n                    </IconButton>\n                </div>\n                }\n            </div>\n            <DialogContent className={this.props.classes.content}>\n                {this.getContent()}\n            </DialogContent>\n            <DialogActions>\n                {this.state.copyPossible ?\n                    <Button\n                        color=\"grey\"\n                        onClick={e => Utils.copyToClipboard(this.state.text || this.state.code, e)}\n                        startIcon={<CopyIcon />}\n                    >\n                        {this.props.t('Copy content')}\n                    </Button> : null}\n                {this.state.editing ?\n                    <Button\n                        color=\"grey\"\n                        disabled={this.state.editingValue === this.state.code || this.state.editingValue === this.state.text}\n                        variant=\"contained\"\n                        onClick={this.writeFile64}\n                        startIcon={<SaveIcon />}\n                    >\n                        {this.props.t('Save')}\n                    </Button> : null}\n                <Button\n                    variant=\"contained\"\n                    onClick={() => this.props.onClose()}\n                    color=\"primary\"\n                    startIcon={<CloseIcon />}\n                >\n                    {this.props.t('Close')}\n                </Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nFileViewer.propTypes = {\n    t: PropTypes.func,\n    lang: PropTypes.string,\n    expertMode: PropTypes.bool,\n    onClose: PropTypes.func,\n    href: PropTypes.string.isRequired,\n    supportSubscribes: PropTypes.bool,\n};\n\n/** @type {typeof FileViewer} */\nconst _export = withWidth()(withStyles(styles)(FileViewer));\nexport default _export;\n"],"mappings":"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"}
+{"version":3,"file":"FileViewer.js","names":["styles","theme","dialog","height","paper","content","textAlign","textarea","width","img","objectFit","dialogTitle","justifyContent","display","EXTENSIONS","images","code","txt","audio","video","bufferToBase64","buffer","binary","bytes","Uint8Array","len","byteLength","i","String","fromCharCode","window","btoa","FileViewer","props","id","fileName","size","state","changed","timeout","clearTimeout","setTimeout","alert","text","readFile","setState","forceUpdate","Date","now","parts","href","split","data","editingValue","splice","adapter","name","join","socket","writeFile64","Buffer","from","toString","then","_","onClose","e","ext","Utils","getFileExtension","editing","formatEditFile","copyPossible","includes","imgError","file","undefined","newState","type","detectMimeType","supportSubscribes","subscribeFiles","onFileChanged","clsx","classes","getClassBackgroundImage","target","onerror","newValue","readOnly","scrollPaper","t","setStateBackgroundImage","getContent","copyToClipboard","Component","propTypes","PropTypes","func","lang","string","expertMode","bool","isRequired","_export","withWidth","withStyles"],"sources":["FileViewer.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { withStyles } from '@mui/styles';\nimport PropTypes from 'prop-types';\n\nimport { Buffer } from 'buffer';\n\nimport TextField from '@mui/material/TextField';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport { IconButton } from '@mui/material';\n\nimport IconNoIcon from '../icons/IconNoIcon';\nimport withWidth from './withWidth';\nimport Utils from './Utils';\n\n// Icons\nimport { FaCopy as CopyIcon } from 'react-icons/fa';\nimport Brightness5Icon from '@mui/icons-material/Brightness6';\nimport CloseIcon from '@mui/icons-material/Close';\nimport SaveIcon from '@mui/icons-material/Save';\n\nconst styles = theme => ({\n    dialog: {\n        height: '100%',\n    },\n    paper: {\n        height: 'calc(100% - 64px)',\n    },\n    content: {\n        textAlign: 'center',\n    },\n    textarea: {\n        width: '100%',\n        height: '100%',\n    },\n    img: {\n        width: 'auto',\n        height: 'calc(100% - 5px)',\n        objectFit: 'contain',\n    },\n    dialogTitle: {\n        justifyContent: 'space-between',\n        display: 'flex'\n    }\n});\n\nexport const EXTENSIONS = {\n    images: ['png', 'jpg', 'svg', 'jpeg', 'bmp'],\n    code:   ['js', 'json', 'json5', 'md'],\n    txt:    ['log', 'txt', 'html', 'css', 'xml'],\n    audio:  ['mp3', 'wav', 'ogg', 'acc'],\n    video:  ['mp4', 'mov', 'avi'],\n};\n\nfunction bufferToBase64(buffer) {\n    let binary = '';\n    let bytes = new Uint8Array(buffer);\n    let len = bytes.byteLength;\n    for (let i = 0; i < len && i < 50; i++) {\n        binary += String.fromCharCode(bytes[i]);\n    }\n    return window.btoa(binary);\n}\n\n/**\n * @typedef {object} FileViewerProps\n * @property {import('../types').Translator} t Translation function\n * @property {ioBroker.Languages} [lang] The selected language.\n * @property {boolean} [expertMode] Is expert mode enabled? (default: false)\n * @property {() => void} onClose Callback when the viewer is closed.\n * @property {string} href The URL to the file to be displayed.\n *\n * @extends {React.Component<FileViewerProps>}\n */\nclass FileViewer extends Component {\n    /**\n     * @param {Readonly<FileViewerProps>} props\n     */\n    constructor(props) {\n        super(props);\n        const ext = Utils.getFileExtension(this.props.href);\n\n        this.state = {\n            text: null,\n            code: null,\n            ext,\n            editing: !!this.props.formatEditFile || false,\n            editingValue: null,\n            copyPossible: EXTENSIONS.code.includes(ext) || EXTENSIONS.txt.includes(ext),\n            forceUpdate: Date.now(),\n            changed: false,\n            imgError: false,\n        };\n    }\n\n    readFile() {\n        if (this.props.href) {\n            const parts = this.props.href.split('/');\n            parts.splice(0, 2);\n            const adapter = parts[0];\n            const name = parts.splice(1).join('/');\n\n            this.props.socket.readFile(adapter, name)\n                .then(data => {\n                    if (data.file !== undefined) {\n                        data = data.file;\n                    }\n\n                    const newState = {copyPossible: this.state.copyPossible};\n                    // try to detect valid extension\n                    if (data.type === 'Buffer') {\n                        const ext = Utils.detectMimeType(bufferToBase64(data.data));\n                        if (ext) {\n                            newState.ext = ext;\n                            newState.copyPossible = EXTENSIONS.code.includes(ext) || EXTENSIONS.txt.includes(ext);\n                        }\n                    }\n\n                    if (newState.copyPossible) {\n                        if (EXTENSIONS.txt.includes(this.state.ext)) {\n                            newState.text = data;\n                            newState.editingValue = data;\n                        } else if (EXTENSIONS.code.includes(this.state.ext)) {\n                            newState.code = data;\n                            newState.editingValue = data;\n                        }\n                    }\n\n                    this.setState(newState);\n                })\n                .catch(e => window.alert('Cannot read file: ' + e));\n        }\n    }\n\n    componentDidMount() {\n        this.readFile();\n\n        const parts = this.props.href.split('/');\n        parts.splice(0, 2);\n        const adapter = parts[0];\n        const name = parts.splice(1).join('/');\n\n        this.props.supportSubscribes && this.props.socket.subscribeFiles(adapter, name, this.onFileChanged);\n    }\n\n    componentWillUnmount() {\n        this.timeout && clearTimeout(this.timeout);\n        const parts = this.props.href.split('/');\n        parts.splice(0, 2);\n        const adapter = parts[0];\n        const name = parts.splice(1).join('/');\n        this.props.supportSubscribes && this.props.socket.subscribeFiles(adapter, name, this.onFileChanged);\n    }\n\n    onFileChanged = (id, fileName, size) => {\n        if (!this.state.changed) {\n            this.timeout && clearTimeout(this.timeout);\n            this.timeout = setTimeout(() => {\n                this.timeout = null;\n                if (size === null) {\n                    window.alert('Show file was deleted!');\n                } else if (this.state.text !== null || this.state.code !== null) {\n                    this.readFile();\n                } else {\n                    this.setState({ forceUpdate: Date.now() });\n                }\n            }, 300);\n        }\n    };\n\n    writeFile64 = () => {\n        const parts = this.props.href.split('/');\n        const data = this.state.editingValue;\n        parts.splice(0, 2);\n        const adapter = parts[0];\n        const name = parts.splice(1).join('/');\n        this.props.socket.writeFile64(adapter, name, Buffer.from(data).toString('base64'))\n            .then(_ => this.props.onClose())\n            .catch(e => window.alert('Cannot write file: ' + e));\n    }\n\n    static getEditFile(ext) {\n        switch (ext) {\n            case 'json':\n                return 'json';\n            case 'json5':\n                return 'json5';\n            case 'js':\n                return 'javascript';\n            case 'html':\n                return 'html';\n            case 'txt':\n                return 'html';\n            default:\n                return 'json';\n        }\n    }\n\n    getContent() {\n        if (EXTENSIONS.images.includes(this.state.ext)) {\n            if (this.state.imgError) {\n                return <IconNoIcon className={Utils.clsx(this.props.classes.img, this.props.getClassBackgroundImage())} />;\n            } else {\n                return <img\n                    onError={e => {\n                        e.target.onerror = null;\n                        this.setState({ imgError: true });\n                    }}\n                    className={Utils.clsx(this.props.classes.img, this.props.getClassBackgroundImage())}\n                    src={this.props.href + '?ts=' + this.state.forceUpdate}\n                    alt={this.props.href}\n                />;\n            }\n        } else if (this.state.code !== null || this.state.text !== null || this.state.editing) {\n            return <TextField\n                variant=\"standard\"\n                className={ this.props.classes.textarea }\n                multiline\n                value={ this.state.editingValue || this.state.code || this.state.text }\n                onChange={newValue => this.setState({ editingValue: newValue, changed: true })}\n                InputProps={{ readOnly: !this.state.editing }}\n            />;\n        }\n    }\n\n    render() {\n        return <Dialog\n            classes={{ scrollPaper: this.props.classes.dialog, paper: this.props.classes.paper }}\n            scroll=\"paper\"\n            open={!!this.props.href}\n            onClose={() => this.props.onClose()}\n            fullWidth={true}\n            maxWidth=\"xl\"\n            aria-labelledby=\"form-dialog-title\"\n        >\n            <div className={this.props.classes.dialogTitle}>\n                <DialogTitle id=\"form-dialog-title\">{this.props.t(this.state.editing ? 'Edit' : 'View') + ': ' + this.props.href}</DialogTitle>\n                {EXTENSIONS.images.includes(this.state.ext) && <div>\n                    <IconButton size=\"large\"\n                        color={'inherit'}\n                        onClick={this.props.setStateBackgroundImage}\n                    >\n                        <Brightness5Icon />\n                    </IconButton>\n                </div>\n                }\n            </div>\n            <DialogContent className={this.props.classes.content}>\n                {this.getContent()}\n            </DialogContent>\n            <DialogActions>\n                {this.state.copyPossible ?\n                    <Button\n                        color=\"grey\"\n                        onClick={e => Utils.copyToClipboard(this.state.text || this.state.code, e)}\n                        startIcon={<CopyIcon />}\n                    >\n                        {this.props.t('Copy content')}\n                    </Button> : null}\n                {this.state.editing ?\n                    <Button\n                        color=\"grey\"\n                        disabled={this.state.editingValue === this.state.code || this.state.editingValue === this.state.text}\n                        variant=\"contained\"\n                        onClick={this.writeFile64}\n                        startIcon={<SaveIcon />}\n                    >\n                        {this.props.t('Save')}\n                    </Button> : null}\n                <Button\n                    variant=\"contained\"\n                    onClick={() => this.props.onClose()}\n                    color=\"primary\"\n                    startIcon={<CloseIcon />}\n                >\n                    {this.props.t('Close')}\n                </Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nFileViewer.propTypes = {\n    t: PropTypes.func,\n    lang: PropTypes.string,\n    expertMode: PropTypes.bool,\n    onClose: PropTypes.func,\n    href: PropTypes.string.isRequired,\n    supportSubscribes: PropTypes.bool,\n};\n\n/** @type {typeof FileViewer} */\nconst _export = withWidth()(withStyles(styles)(FileViewer));\nexport default _export;\n"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigText.js

@@ -65,7 +65,11 @@ var ConfigText = /*#__PURE__*/function (_ConfigGeneric) {
       var value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
 
       this.setState({
-        value: value
+        value: value,
+        tempValue: {
+          value: value,
+          ts: Date.now()
+        }
       });
     }
   }, {
@@ -75,6 +79,20 @@ var ConfigText = /*#__PURE__*/function (_ConfigGeneric) {
 
       var isIndeterminate = Array.isArray(this.state.value) || this.state.value === _ConfigGeneric2["default"].DIFFERENT_VALUE;
 
+      if (this.state.tempValue.value !== this.state.value) {
+        this.updateTimeout && clearTimeout(this.updateTimeout);
+        this.updateTimeout = setTimeout(function () {
+          _this.updateTimeout = null;
+
+          _this.setState({
+            value: _this.state.tempValue.value
+          });
+        }, 30);
+      } else if (this.updateTimeout) {
+        clearTimeout(this.updateTimeout);
+        this.updateTimeout = null;
+      }
+
       if (isIndeterminate) {
         var arr = (0, _toConsumableArray2["default"])(this.state.value).map(function (item) {
           return {
@@ -142,9 +160,12 @@ var ConfigText = /*#__PURE__*/function (_ConfigGeneric) {
     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()) {
+      if (value === null || value === undefined || value.toString().trim() !== (state.tempValue || '').toString().trim()) {
         return {
-          value: value
+          tempValue: {
+            value: value,
+            ts: Date.now()
+          }
         };
       } else {
         return null;

package/Components/JsonConfigComponent/ConfigText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigText.js","names":["styles","theme","indeterminate","opacity","ConfigText","value","ConfigGeneric","getValue","props","data","attr","setState","error","disabled","defaultValue","isIndeterminate","Array","isArray","state","DIFFERENT_VALUE","arr","map","item","label","toString","unshift","I18n","t","DIFFERENT_LABEL","classes","option","_","onChange","params","getText","schema","placeholder","renderHelp","help","helpLink","noTranslation","undefined","maxLength","max","e","target","trim","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigText.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport { Autocomplete, TextField } from '@mui/material';\n\nimport I18n from '../../i18n';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = theme => ({\n    indeterminate: {\n        opacity: 0.5\n    }\n});\n\nclass ConfigText 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    renderItem(error, disabled, defaultValue) {\n        let isIndeterminate = Array.isArray(this.state.value) || this.state.value === ConfigGeneric.DIFFERENT_VALUE;\n\n        if (isIndeterminate) {\n            const arr = [...this.state.value].map(item => ({label: item.toString(), value: item}));\n            arr.unshift({label: I18n.t(ConfigGeneric.DIFFERENT_LABEL), value: ConfigGeneric.DIFFERENT_VALUE});\n\n            return <Autocomplete\n                className={this.props.classes.indeterminate}\n                fullWidth\n                value={arr[0]}\n                getOptionSelected={(option, value) => option.label === value.label}\n                onChange={(_, value) =>\n                    this.onChange(this.props.attr, value ? value.value : '')}\n                options={arr}\n                getOptionLabel={option => option.label}\n                renderInput={params => <TextField\n                    variant=\"standard\"\n                    {...params}\n                    error={!!error}\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                    disabled={!!disabled}\n                />}\n            />;\n        } else {\n            return <TextField\n                variant=\"standard\"\n                fullWidth\n                value={this.state.value === null || this.state.value === undefined ? '' : this.state.value}\n                error={!!error}\n                disabled={!!disabled}\n                inputProps={{maxLength: this.props.schema.maxLength || this.props.schema.max || undefined}}\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        }\n    }\n}\n\nConfigText.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};\n\nexport default withStyles(styles)(ConfigText);"],"mappings":"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"}
+{"version":3,"file":"ConfigText.js","names":["styles","theme","indeterminate","opacity","ConfigText","value","ConfigGeneric","getValue","props","data","attr","setState","tempValue","ts","Date","now","error","disabled","defaultValue","isIndeterminate","Array","isArray","state","DIFFERENT_VALUE","updateTimeout","clearTimeout","setTimeout","arr","map","item","label","toString","unshift","I18n","t","DIFFERENT_LABEL","classes","option","_","onChange","params","getText","schema","placeholder","renderHelp","help","helpLink","noTranslation","undefined","maxLength","max","e","target","trim","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigText.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport { Autocomplete, TextField } from '@mui/material';\n\nimport I18n from '../../i18n';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = theme => ({\n    indeterminate: {\n        opacity: 0.5\n    }\n});\n\nclass ConfigText extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        this.setState({ value, tempValue: { value, ts: Date.now() } });\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.tempValue ||  '').toString().trim()) {\n            return { tempValue: { value, ts: Date.now() } };\n        } else {\n            return null;\n        }\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        let isIndeterminate = Array.isArray(this.state.value) || this.state.value === ConfigGeneric.DIFFERENT_VALUE;\n\n        if (this.state.tempValue.value !== this.state.value) {\n            this.updateTimeout && clearTimeout(this.updateTimeout);\n            this.updateTimeout = setTimeout(() => {\n                this.updateTimeout = null;\n                this.setState({ value: this.state.tempValue.value });\n            }, 30)\n        } else if (this.updateTimeout) {\n            clearTimeout(this.updateTimeout);\n            this.updateTimeout = null;\n        }\n\n        if (isIndeterminate) {\n            const arr = [...this.state.value].map(item => ({label: item.toString(), value: item}));\n            arr.unshift({label: I18n.t(ConfigGeneric.DIFFERENT_LABEL), value: ConfigGeneric.DIFFERENT_VALUE});\n\n            return <Autocomplete\n                className={this.props.classes.indeterminate}\n                fullWidth\n                value={arr[0]}\n                getOptionSelected={(option, value) => option.label === value.label}\n                onChange={(_, value) =>\n                    this.onChange(this.props.attr, value ? value.value : '')}\n                options={arr}\n                getOptionLabel={option => option.label}\n                renderInput={params => <TextField\n                    variant=\"standard\"\n                    {...params}\n                    error={!!error}\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                    disabled={!!disabled}\n                />}\n            />;\n        } else {\n            return <TextField\n                variant=\"standard\"\n                fullWidth\n                value={this.state.value === null || this.state.value === undefined ? '' : this.state.value}\n                error={!!error}\n                disabled={!!disabled}\n                inputProps={{maxLength: this.props.schema.maxLength || this.props.schema.max || undefined}}\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        }\n    }\n}\n\nConfigText.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};\n\nexport default withStyles(styles)(ConfigText);"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAEA;;AAEA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACrBC,aAAa,EAAE;MACXC,OAAO,EAAE;IADE;EADM,CAAL;AAAA,CAApB;;IAMMC,U;;;;;;;;;;;;WACF,6BAAoB;MAChB;;MACA,IAAMC,KAAK,GAAGC,0BAAA,CAAcC,QAAd,CAAuB,KAAKC,KAAL,CAAWC,IAAlC,EAAwC,KAAKD,KAAL,CAAWE,IAAnD,CAAd;;MACA,KAAKC,QAAL,CAAc;QAAEN,KAAK,EAALA,KAAF;QAASO,SAAS,EAAE;UAAEP,KAAK,EAALA,KAAF;UAASQ,EAAE,EAAEC,IAAI,CAACC,GAAL;QAAb;MAApB,CAAd;IACH;;;WAWD,oBAAWC,KAAX,EAAkBC,QAAlB,EAA4BC,YAA5B,EAA0C;MAAA;;MACtC,IAAIC,eAAe,GAAGC,KAAK,CAACC,OAAN,CAAc,KAAKC,KAAL,CAAWjB,KAAzB,KAAmC,KAAKiB,KAAL,CAAWjB,KAAX,KAAqBC,0BAAA,CAAciB,eAA5F;;MAEA,IAAI,KAAKD,KAAL,CAAWV,SAAX,CAAqBP,KAArB,KAA+B,KAAKiB,KAAL,CAAWjB,KAA9C,EAAqD;QACjD,KAAKmB,aAAL,IAAsBC,YAAY,CAAC,KAAKD,aAAN,CAAlC;QACA,KAAKA,aAAL,GAAqBE,UAAU,CAAC,YAAM;UAClC,KAAI,CAACF,aAAL,GAAqB,IAArB;;UACA,KAAI,CAACb,QAAL,CAAc;YAAEN,KAAK,EAAE,KAAI,CAACiB,KAAL,CAAWV,SAAX,CAAqBP;UAA9B,CAAd;QACH,CAH8B,EAG5B,EAH4B,CAA/B;MAIH,CAND,MAMO,IAAI,KAAKmB,aAAT,EAAwB;QAC3BC,YAAY,CAAC,KAAKD,aAAN,CAAZ;QACA,KAAKA,aAAL,GAAqB,IAArB;MACH;;MAED,IAAIL,eAAJ,EAAqB;QACjB,IAAMQ,GAAG,GAAG,oCAAI,KAAKL,KAAL,CAAWjB,KAAf,EAAsBuB,GAAtB,CAA0B,UAAAC,IAAI;UAAA,OAAK;YAACC,KAAK,EAAED,IAAI,CAACE,QAAL,EAAR;YAAyB1B,KAAK,EAAEwB;UAAhC,CAAL;QAAA,CAA9B,CAAZ;QACAF,GAAG,CAACK,OAAJ,CAAY;UAACF,KAAK,EAAEG,gBAAA,CAAKC,CAAL,CAAO5B,0BAAA,CAAc6B,eAArB,CAAR;UAA+C9B,KAAK,EAAEC,0BAAA,CAAciB;QAApE,CAAZ;QAEA,oBAAO,gCAAC,sBAAD;UACH,SAAS,EAAE,KAAKf,KAAL,CAAW4B,OAAX,CAAmBlC,aAD3B;UAEH,SAAS,MAFN;UAGH,KAAK,EAAEyB,GAAG,CAAC,CAAD,CAHP;UAIH,iBAAiB,EAAE,2BAACU,MAAD,EAAShC,KAAT;YAAA,OAAmBgC,MAAM,CAACP,KAAP,KAAiBzB,KAAK,CAACyB,KAA1C;UAAA,CAJhB;UAKH,QAAQ,EAAE,kBAACQ,CAAD,EAAIjC,KAAJ;YAAA,OACN,KAAI,CAACkC,QAAL,CAAc,KAAI,CAAC/B,KAAL,CAAWE,IAAzB,EAA+BL,KAAK,GAAGA,KAAK,CAACA,KAAT,GAAiB,EAArD,CADM;UAAA,CALP;UAOH,OAAO,EAAEsB,GAPN;UAQH,cAAc,EAAE,wBAAAU,MAAM;YAAA,OAAIA,MAAM,CAACP,KAAX;UAAA,CARnB;UASH,WAAW,EAAE,qBAAAU,MAAM;YAAA,oBAAI,gCAAC,mBAAD;cACnB,OAAO,EAAC;YADW,GAEfA,MAFe;cAGnB,KAAK,EAAE,CAAC,CAACxB,KAHU;cAInB,WAAW,EAAE,KAAI,CAACyB,OAAL,CAAa,KAAI,CAACjC,KAAL,CAAWkC,MAAX,CAAkBC,WAA/B,CAJM;cAKnB,KAAK,EAAE,KAAI,CAACF,OAAL,CAAa,KAAI,CAACjC,KAAL,CAAWkC,MAAX,CAAkBZ,KAA/B,CALY;cAMnB,UAAU,EAAE,KAAI,CAACc,UAAL,CAAgB,KAAI,CAACpC,KAAL,CAAWkC,MAAX,CAAkBG,IAAlC,EAAwC,KAAI,CAACrC,KAAL,CAAWkC,MAAX,CAAkBI,QAA1D,EAAoE,KAAI,CAACtC,KAAL,CAAWkC,MAAX,CAAkBK,aAAtF,CANO;cAOnB,QAAQ,EAAE,CAAC,CAAC9B;YAPO,GAAJ;UAAA;QAThB,EAAP;MAmBH,CAvBD,MAuBO;QACH,oBAAO,gCAAC,mBAAD;UACH,OAAO,EAAC,UADL;UAEH,SAAS,MAFN;UAGH,KAAK,EAAE,KAAKK,KAAL,CAAWjB,KAAX,KAAqB,IAArB,IAA6B,KAAKiB,KAAL,CAAWjB,KAAX,KAAqB2C,SAAlD,GAA8D,EAA9D,GAAmE,KAAK1B,KAAL,CAAWjB,KAHlF;UAIH,KAAK,EAAE,CAAC,CAACW,KAJN;UAKH,QAAQ,EAAE,CAAC,CAACC,QALT;UAMH,UAAU,EAAE;YAACgC,SAAS,EAAE,KAAKzC,KAAL,CAAWkC,MAAX,CAAkBO,SAAlB,IAA+B,KAAKzC,KAAL,CAAWkC,MAAX,CAAkBQ,GAAjD,IAAwDF;UAApE,CANT;UAOH,QAAQ,EAAE,kBAAAG,CAAC,EAAI;YACX,IAAM9C,KAAK,GAAG8C,CAAC,CAACC,MAAF,CAAS/C,KAAvB;;YACA,KAAI,CAACM,QAAL,CAAc;cAACN,KAAK,EAALA;YAAD,CAAd,EAAuB;cAAA,OACnB,KAAI,CAACkC,QAAL,CAAc,KAAI,CAAC/B,KAAL,CAAWE,IAAzB,EAA+B,KAAI,CAACF,KAAL,CAAWkC,MAAX,CAAkBW,IAAlB,KAA2B,KAA3B,GAAmChD,KAAnC,GAA2C,CAACA,KAAK,IAAI,EAAV,EAAcgD,IAAd,EAA1E,CADmB;YAAA,CAAvB;UAEH,CAXE;UAYH,WAAW,EAAE,KAAKZ,OAAL,CAAa,KAAKjC,KAAL,CAAWkC,MAAX,CAAkBC,WAA/B,CAZV;UAaH,KAAK,EAAE,KAAKF,OAAL,CAAa,KAAKjC,KAAL,CAAWkC,MAAX,CAAkBZ,KAA/B,CAbJ;UAcH,UAAU,EAAE,KAAKc,UAAL,CAAgB,KAAKpC,KAAL,CAAWkC,MAAX,CAAkBG,IAAlC,EAAwC,KAAKrC,KAAL,CAAWkC,MAAX,CAAkBI,QAA1D,EAAoE,KAAKtC,KAAL,CAAWkC,MAAX,CAAkBK,aAAtF;QAdT,EAAP;MAgBH;IACJ;;;WAhED,kCAAgCvC,KAAhC,EAAuCc,KAAvC,EAA8C;MAC1C,IAAMjB,KAAK,GAAGC,0BAAA,CAAcC,QAAd,CAAuBC,KAAK,CAACC,IAA7B,EAAmCD,KAAK,CAACE,IAAzC,CAAd;;MACA,IAAIL,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAK2C,SAA5B,IAAyC3C,KAAK,CAAC0B,QAAN,GAAiBsB,IAAjB,OAA4B,CAAC/B,KAAK,CAACV,SAAN,IAAoB,EAArB,EAAyBmB,QAAzB,GAAoCsB,IAApC,EAAzE,EAAqH;QACjH,OAAO;UAAEzC,SAAS,EAAE;YAAEP,KAAK,EAALA,KAAF;YAASQ,EAAE,EAAEC,IAAI,CAACC,GAAL;UAAb;QAAb,CAAP;MACH,CAFD,MAEO;QACH,OAAO,IAAP;MACH;IACJ;;;EAdoBT,0B;;AA0EzBF,UAAU,CAACkD,SAAX,GAAuB;EACnBC,MAAM,EAAEC,qBAAA,CAAUC,MAAV,CAAiBC,UADN;EAEnBC,SAAS,EAAEH,qBAAA,CAAUI,MAFF;EAGnBC,SAAS,EAAEL,qBAAA,CAAUI,MAHF;EAInBE,KAAK,EAAEN,qBAAA,CAAUC,MAJE;EAKnBM,SAAS,EAAEP,qBAAA,CAAUI,MALF;EAMnBnD,IAAI,EAAE+C,qBAAA,CAAUC,MAAV,CAAiBC,UANJ;EAOnBhB,MAAM,EAAEc,qBAAA,CAAUC,MAPC;EAQnBO,OAAO,EAAER,qBAAA,CAAUS,IARA;EASnB1B,QAAQ,EAAEiB,qBAAA,CAAUS;AATD,CAAvB;;eAYe,IAAAC,kBAAA,EAAWlE,MAAX,EAAmBI,UAAnB,C"}