@iobroker/adapter-react-v5 4.2.0 → 4.3.0

package/Components/FileViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileViewer.js","names":["_react","_interopRequireWildcard","require","_styles","_propTypes","_interopRequireDefault","_TextField","_Button","_Dialog","_DialogActions","_DialogContent","_DialogTitle","_material","_IconNoIcon","_withWidth","_Utils","_fa","_Brightness","_Close","_Save","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","styles","dialog","height","paper","content","textAlign","textarea","width","img","objectFit","dialogTitle","justifyContent","display","EXTENSIONS","images","code","txt","audio","video","exports","bufferToBase64","buffer","isFull","binary","bytes","Uint8Array","len","byteLength","i","String","fromCharCode","window","btoa","FileViewer","_Component","_inherits2","_super","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","id","fileName","size","state","changed","timeout","clearTimeout","setTimeout","alert","text","readFile","setState","forceUpdate","Date","now","ext","Utils","getFileExtension","href","editing","editingValue","copyPossible","includes","imgError","_createClass2","value","_this2","parts","split","splice","adapter","name","join","socket","then","data","file","undefined","newState","type","toLowerCase","endsWith","atob","console","error","detectMimeType","concat","componentDidMount","supportSubscribes","subscribeFiles","onFileChanged","componentWillUnmount","getContent","_this3","createElement","className","clsx","classes","getClassBackgroundImage","onError","target","onerror","src","alt","variant","multiline","onChange","newValue","InputProps","readOnly","render","_this4","scrollPaper","scroll","open","onClose","fullWidth","maxWidth","t","IconButton","color","onClick","setStateBackgroundImage","copyToClipboard","startIcon","FaCopy","disabled","writeFile64","getEditFile","Component","propTypes","PropTypes","func","lang","string","expertMode","bool","isRequired","_export","withWidth","withStyles","_default"],"sources":["FileViewer.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { withStyles } from '@mui/styles';\nimport PropTypes from 'prop-types';\n\n// File viewer in adapter-react does not support write\n// import { 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 = () => ({\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, isFull) {\n    let binary = '';\n    let bytes = new Uint8Array(buffer);\n    let len = bytes.byteLength;\n    for (let i = 0; i < len && (isFull || 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            // File viewer in adapter-react does not support write\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, ext: this.state.ext };\n                    // try to detect valid extension\n                    if (data.type === 'Buffer') {\n                        if (name.toLowerCase().endsWith('.json5')) {\n                            newState.ext = 'json5';\n                            newState.copyPossible = true;\n                            try {\n                                data = atob(bufferToBase64(data.data, true));\n                            } catch (e) {\n                                console.error('Cannot convert base64 to string');\n                                data = '';\n                            }\n                        } else {\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\n                    if (newState.copyPossible) {\n                        if (EXTENSIONS.txt.includes(newState.ext)) {\n                            newState.text = data;\n                            newState.editingValue = data;\n                        } else if (EXTENSIONS.code.includes(newState.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        /*\n        // File viewer in adapter-react does not support write\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\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\n            maxWidth=\"xl\"\n            aria-labelledby=\"ar_dialog_file_view_title\"\n        >\n            <div className={this.props.classes.dialogTitle}>\n                <DialogTitle id=\"ar_dialog_file_view_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":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,OAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,cAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,cAAA,GAAAL,sBAAA,CAAAH,OAAA;AACA,IAAAS,YAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AAEA,IAAAW,WAAA,GAAAR,sBAAA,CAAAH,OAAA;AACA,IAAAY,UAAA,GAAAT,sBAAA,CAAAH,OAAA;AACA,IAAAa,MAAA,GAAAV,sBAAA,CAAAH,OAAA;AAGA,IAAAc,GAAA,GAAAd,OAAA;AACA,IAAAe,WAAA,GAAAZ,sBAAA,CAAAH,OAAA;AACA,IAAAgB,MAAA,GAAAb,sBAAA,CAAAH,OAAA;AACA,IAAAiB,KAAA,GAAAd,sBAAA,CAAAH,OAAA;AAAgD,SAAAkB,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAApB,wBAAAwB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,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,CAAAtB,SAAA,CAAAuB,OAAA,CAAArB,IAAA,CAAAa,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAE,CAAA,sBAnBhD;AACA;AAcA;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IAClBC,MAAM,EAAE;MACJC,MAAM,EAAE;IACZ,CAAC;IACDC,KAAK,EAAE;MACHD,MAAM,EAAE;IACZ,CAAC;IACDE,OAAO,EAAE;MACLC,SAAS,EAAE;IACf,CAAC;IACDC,QAAQ,EAAE;MACNC,KAAK,EAAE,MAAM;MACbL,MAAM,EAAE;IACZ,CAAC;IACDM,GAAG,EAAE;MACDD,KAAK,EAAE,MAAM;MACbL,MAAM,EAAE,kBAAkB;MAC1BO,SAAS,EAAE;IACf,CAAC;IACDC,WAAW,EAAE;MACTC,cAAc,EAAE,eAAe;MAC/BC,OAAO,EAAE;IACb;EACJ,CAAC;AAAA,CAAC;AAEK,IAAMC,UAAU,GAAG;EACtBC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC;EAC5CC,IAAI,EAAI,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC;EACrCC,GAAG,EAAK,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;EAC5CC,KAAK,EAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;EACpCC,KAAK,EAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK;AAChC,CAAC;AAACC,OAAA,CAAAN,UAAA,GAAAA,UAAA;AAEF,SAASO,cAAcA,CAACC,MAAM,EAAEC,MAAM,EAAE;EACpC,IAAIC,MAAM,GAAG,EAAE;EACf,IAAIC,KAAK,GAAG,IAAIC,UAAU,CAACJ,MAAM,CAAC;EAClC,IAAIK,GAAG,GAAGF,KAAK,CAACG,UAAU;EAC1B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,GAAG,KAAKJ,MAAM,IAAIM,CAAC,GAAG,EAAE,CAAC,EAAEA,CAAC,EAAE,EAAE;IAChDL,MAAM,IAAIM,MAAM,CAACC,YAAY,CAACN,KAAK,CAACI,CAAC,CAAC,CAAC;EAC3C;EACA,OAAOG,MAAM,CAACC,IAAI,CAACT,MAAM,CAAC;AAC9B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AATA,IAUMU,UAAU,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAxD,YAAA,CAAAqD,UAAA;EACZ;AACJ;AACA;EACI,SAAAA,WAAYI,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,UAAA;IACfK,KAAA,GAAAF,MAAA,CAAA3D,IAAA,OAAM4D,KAAK;IAAE,IAAAG,gBAAA,iBAAAC,uBAAA,aAAAH,KAAA,oBAuFD,UAACI,EAAE,EAAEC,QAAQ,EAAEC,IAAI,EAAK;MACpC,IAAI,CAACN,KAAA,CAAKO,KAAK,CAACC,OAAO,EAAE;QACrBR,KAAA,CAAKS,OAAO,IAAIC,YAAY,CAACV,KAAA,CAAKS,OAAO,CAAC;QAC1CT,KAAA,CAAKS,OAAO,GAAGE,UAAU,CAAC,YAAM;UAC5BX,KAAA,CAAKS,OAAO,GAAG,IAAI;UACnB,IAAIH,IAAI,KAAK,IAAI,EAAE;YACfb,MAAM,CAACmB,KAAK,CAAC,wBAAwB,CAAC;UAC1C,CAAC,MAAM,IAAIZ,KAAA,CAAKO,KAAK,CAACM,IAAI,KAAK,IAAI,IAAIb,KAAA,CAAKO,KAAK,CAAC9B,IAAI,KAAK,IAAI,EAAE;YAC7DuB,KAAA,CAAKc,QAAQ,CAAC,CAAC;UACnB,CAAC,MAAM;YACHd,KAAA,CAAKe,QAAQ,CAAC;cAAEC,WAAW,EAAEC,IAAI,CAACC,GAAG,CAAC;YAAE,CAAC,CAAC;UAC9C;QACJ,CAAC,EAAE,GAAG,CAAC;MACX;IACJ,CAAC;IAAA,IAAAhB,gBAAA,iBAAAC,uBAAA,aAAAH,KAAA,kBAEa,YAAM;MAChB;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IAVQ,CAWH;IAlHG,IAAMmB,GAAG,GAAGC,iBAAK,CAACC,gBAAgB,CAACrB,KAAA,CAAKD,KAAK,CAACuB,IAAI,CAAC;IAEnDtB,KAAA,CAAKO,KAAK,GAAG;MACTM,IAAI,EAAE,IAAI;MACVpC,IAAI,EAAE,IAAI;MACV0C,GAAG,EAAHA,GAAG;MACH;MACAI,OAAO,EAAE,oCAAqC,KAAK;MACnDC,YAAY,EAAE,IAAI;MAClBC,YAAY,EAAElD,UAAU,CAACE,IAAI,CAACiD,QAAQ,CAACP,GAAG,CAAC,IAAI5C,UAAU,CAACG,GAAG,CAACgD,QAAQ,CAACP,GAAG,CAAC;MAC3EH,WAAW,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC;MACvBV,OAAO,EAAE,KAAK;MACdmB,QAAQ,EAAE;IACd,CAAC;IAAC,OAAA3B,KAAA;EACN;EAAC,IAAA4B,aAAA,aAAAjC,UAAA;IAAA3D,GAAA;IAAA6F,KAAA,EAED,SAAAf,SAAA,EAAW;MAAA,IAAAgB,MAAA;MACP,IAAI,IAAI,CAAC/B,KAAK,CAACuB,IAAI,EAAE;QACjB,IAAMS,KAAK,GAAG,IAAI,CAAChC,KAAK,CAACuB,IAAI,CAACU,KAAK,CAAC,GAAG,CAAC;QACxCD,KAAK,CAACE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;QAClB,IAAMC,OAAO,GAAGH,KAAK,CAAC,CAAC,CAAC;QACxB,IAAMI,IAAI,GAAGJ,KAAK,CAACE,MAAM,CAAC,CAAC,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC;QAEtC,IAAI,CAACrC,KAAK,CAACsC,MAAM,CAACvB,QAAQ,CAACoB,OAAO,EAAEC,IAAI,CAAC,CACpCG,IAAI,CAAC,UAAAC,IAAI,EAAI;UACV,IAAIA,IAAI,CAACC,IAAI,KAAKC,SAAS,EAAE;YACzBF,IAAI,GAAGA,IAAI,CAACC,IAAI;UACpB;UAEA,IAAME,QAAQ,GAAG;YAAEjB,YAAY,EAAEK,MAAI,CAACvB,KAAK,CAACkB,YAAY;YAAEN,GAAG,EAAEW,MAAI,CAACvB,KAAK,CAACY;UAAI,CAAC;UAC/E;UACA,IAAIoB,IAAI,CAACI,IAAI,KAAK,QAAQ,EAAE;YACxB,IAAIR,IAAI,CAACS,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;cACvCH,QAAQ,CAACvB,GAAG,GAAG,OAAO;cACtBuB,QAAQ,CAACjB,YAAY,GAAG,IAAI;cAC5B,IAAI;gBACAc,IAAI,GAAGO,IAAI,CAAChE,cAAc,CAACyD,IAAI,CAACA,IAAI,EAAE,IAAI,CAAC,CAAC;cAChD,CAAC,CAAC,OAAO9E,CAAC,EAAE;gBACRsF,OAAO,CAACC,KAAK,CAAC,iCAAiC,CAAC;gBAChDT,IAAI,GAAG,EAAE;cACb;YACJ,CAAC,MAAM;cACH,IAAMpB,GAAG,GAAGC,iBAAK,CAAC6B,cAAc,CAACnE,cAAc,CAACyD,IAAI,CAACA,IAAI,CAAC,CAAC;cAC3D,IAAIpB,GAAG,EAAE;gBACLuB,QAAQ,CAACvB,GAAG,GAAGA,GAAG;gBAClBuB,QAAQ,CAACjB,YAAY,GAAGlD,UAAU,CAACE,IAAI,CAACiD,QAAQ,CAACP,GAAG,CAAC,IAAI5C,UAAU,CAACG,GAAG,CAACgD,QAAQ,CAACP,GAAG,CAAC;cACzF;YACJ;UACJ;UAEA,IAAIuB,QAAQ,CAACjB,YAAY,EAAE;YACvB,IAAIlD,UAAU,CAACG,GAAG,CAACgD,QAAQ,CAACgB,QAAQ,CAACvB,GAAG,CAAC,EAAE;cACvCuB,QAAQ,CAAC7B,IAAI,GAAG0B,IAAI;cACpBG,QAAQ,CAAClB,YAAY,GAAGe,IAAI;YAChC,CAAC,MAAM,IAAIhE,UAAU,CAACE,IAAI,CAACiD,QAAQ,CAACgB,QAAQ,CAACvB,GAAG,CAAC,EAAE;cAC/CuB,QAAQ,CAACjE,IAAI,GAAG8D,IAAI;cACpBG,QAAQ,CAAClB,YAAY,GAAGe,IAAI;YAChC;UACJ;UAEAT,MAAI,CAACf,QAAQ,CAAC2B,QAAQ,CAAC;QAC3B,CAAC,CAAC,SACI,CAAC,UAAAjF,CAAC;UAAA,OAAIgC,MAAM,CAACmB,KAAK,sBAAAsC,MAAA,CAAsBzF,CAAC,CAAE,CAAC;QAAA,EAAC;MAC3D;IACJ;EAAC;IAAAzB,GAAA;IAAA6F,KAAA,EAED,SAAAsB,kBAAA,EAAoB;MAChB,IAAI,CAACrC,QAAQ,CAAC,CAAC;MAEf,IAAMiB,KAAK,GAAG,IAAI,CAAChC,KAAK,CAACuB,IAAI,CAACU,KAAK,CAAC,GAAG,CAAC;MACxCD,KAAK,CAACE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;MAClB,IAAMC,OAAO,GAAGH,KAAK,CAAC,CAAC,CAAC;MACxB,IAAMI,IAAI,GAAGJ,KAAK,CAACE,MAAM,CAAC,CAAC,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC;MAEtC,IAAI,CAACrC,KAAK,CAACqD,iBAAiB,IAAI,IAAI,CAACrD,KAAK,CAACsC,MAAM,CAACgB,cAAc,CAACnB,OAAO,EAAEC,IAAI,EAAE,IAAI,CAACmB,aAAa,CAAC;IACvG;EAAC;IAAAtH,GAAA;IAAA6F,KAAA,EAED,SAAA0B,qBAAA,EAAuB;MACnB,IAAI,CAAC9C,OAAO,IAAIC,YAAY,CAAC,IAAI,CAACD,OAAO,CAAC;MAC1C,IAAMsB,KAAK,GAAG,IAAI,CAAChC,KAAK,CAACuB,IAAI,CAACU,KAAK,CAAC,GAAG,CAAC;MACxCD,KAAK,CAACE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;MAClB,IAAMC,OAAO,GAAGH,KAAK,CAAC,CAAC,CAAC;MACxB,IAAMI,IAAI,GAAGJ,KAAK,CAACE,MAAM,CAAC,CAAC,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC;MACtC,IAAI,CAACrC,KAAK,CAACqD,iBAAiB,IAAI,IAAI,CAACrD,KAAK,CAACsC,MAAM,CAACgB,cAAc,CAACnB,OAAO,EAAEC,IAAI,EAAE,IAAI,CAACmB,aAAa,CAAC;IACvG;EAAC;IAAAtH,GAAA;IAAA6F,KAAA,EAiDD,SAAA2B,WAAA,EAAa;MAAA,IAAAC,MAAA;MACT,IAAIlF,UAAU,CAACC,MAAM,CAACkD,QAAQ,CAAC,IAAI,CAACnB,KAAK,CAACY,GAAG,CAAC,EAAE;QAC5C,IAAI,IAAI,CAACZ,KAAK,CAACoB,QAAQ,EAAE;UACrB,oBAAO/H,MAAA,YAAA8J,aAAA,CAACjJ,WAAA,WAAU;YAACkJ,SAAS,EAAEvC,iBAAK,CAACwC,IAAI,CAAC,IAAI,CAAC7D,KAAK,CAAC8D,OAAO,CAAC3F,GAAG,EAAE,IAAI,CAAC6B,KAAK,CAAC+D,uBAAuB,CAAC,CAAC;UAAE,CAAE,CAAC;QAC9G,CAAC,MAAM;UACH,oBAAOlK,MAAA,YAAA8J,aAAA;YACHK,OAAO,EAAE,SAAAA,QAAAtG,CAAC,EAAI;cACVA,CAAC,CAACuG,MAAM,CAACC,OAAO,GAAG,IAAI;cACvBR,MAAI,CAAC1C,QAAQ,CAAC;gBAAEY,QAAQ,EAAE;cAAK,CAAC,CAAC;YACrC,CAAE;YACFgC,SAAS,EAAEvC,iBAAK,CAACwC,IAAI,CAAC,IAAI,CAAC7D,KAAK,CAAC8D,OAAO,CAAC3F,GAAG,EAAE,IAAI,CAAC6B,KAAK,CAAC+D,uBAAuB,CAAC,CAAC,CAAE;YACpFI,GAAG,KAAAhB,MAAA,CAAK,IAAI,CAACnD,KAAK,CAACuB,IAAI,UAAA4B,MAAA,CAAO,IAAI,CAAC3C,KAAK,CAACS,WAAW,CAAG;YACvDmD,GAAG,EAAE,IAAI,CAACpE,KAAK,CAACuB;UAAK,CACxB,CAAC;QACN;MACJ,CAAC,MAAM,IAAI,IAAI,CAACf,KAAK,CAAC9B,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC8B,KAAK,CAACM,IAAI,KAAK,IAAI,IAAI,IAAI,CAACN,KAAK,CAACgB,OAAO,EAAE;QACnF,oBAAO3H,MAAA,YAAA8J,aAAA,CAACxJ,UAAA,WAAS;UACbkK,OAAO,EAAC,UAAU;UAClBT,SAAS,EAAG,IAAI,CAAC5D,KAAK,CAAC8D,OAAO,CAAC7F,QAAU;UACzCqG,SAAS;UACTxC,KAAK,EAAG,IAAI,CAACtB,KAAK,CAACiB,YAAY,IAAI,IAAI,CAACjB,KAAK,CAAC9B,IAAI,IAAI,IAAI,CAAC8B,KAAK,CAACM,IAAM;UACvEyD,QAAQ,EAAE,SAAAA,SAAAC,QAAQ;YAAA,OAAId,MAAI,CAAC1C,QAAQ,CAAC;cAAES,YAAY,EAAE+C,QAAQ;cAAE/D,OAAO,EAAE;YAAK,CAAC,CAAC;UAAA,CAAC;UAC/EgE,UAAU,EAAE;YAAEC,QAAQ,EAAE,CAAC,IAAI,CAAClE,KAAK,CAACgB;UAAQ;QAAE,CACjD,CAAC;MACN;IACJ;EAAC;IAAAvF,GAAA;IAAA6F,KAAA,EAED,SAAA6C,OAAA,EAAS;MAAA,IAAAC,MAAA;MACL,oBAAO/K,MAAA,YAAA8J,aAAA,CAACtJ,OAAA,WAAM;QACVyJ,OAAO,EAAE;UAAEe,WAAW,EAAE,IAAI,CAAC7E,KAAK,CAAC8D,OAAO,CAAClG,MAAM;UAAEE,KAAK,EAAE,IAAI,CAACkC,KAAK,CAAC8D,OAAO,CAAChG;QAAM,CAAE;QACrFgH,MAAM,EAAC,OAAO;QACdC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC/E,KAAK,CAACuB,IAAK;QACxByD,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAMJ,MAAI,CAAC5E,KAAK,CAACgF,OAAO,CAAC,CAAC;QAAA,CAAC;QACpCC,SAAS;QACTC,QAAQ,EAAC,IAAI;QACb,mBAAgB;MAA2B,gBAE3CrL,MAAA,YAAA8J,aAAA;QAAKC,SAAS,EAAE,IAAI,CAAC5D,KAAK,CAAC8D,OAAO,CAACzF;MAAY,gBAC3CxE,MAAA,YAAA8J,aAAA,CAACnJ,YAAA,WAAW;QAAC6F,EAAE,EAAC;MAA2B,MAAA8C,MAAA,CAAK,IAAI,CAACnD,KAAK,CAACmF,CAAC,CAAC,IAAI,CAAC3E,KAAK,CAACgB,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC,QAAA2B,MAAA,CAAK,IAAI,CAACnD,KAAK,CAACuB,IAAI,CAAgB,CAAC,EACtI/C,UAAU,CAACC,MAAM,CAACkD,QAAQ,CAAC,IAAI,CAACnB,KAAK,CAACY,GAAG,CAAC,iBAAIvH,MAAA,YAAA8J,aAAA,2BAC3C9J,MAAA,YAAA8J,aAAA,CAAClJ,SAAA,CAAA2K,UAAU;QAAC7E,IAAI,EAAC,OAAO;QACpB8E,KAAK,EAAE,SAAU;QACjBC,OAAO,EAAE,IAAI,CAACtF,KAAK,CAACuF;MAAwB,gBAE5C1L,MAAA,YAAA8J,aAAA,CAAC7I,WAAA,WAAe,MAAE,CACV,CACX,CAEJ,CAAC,eACNjB,MAAA,YAAA8J,aAAA,CAACpJ,cAAA,WAAa;QAACqJ,SAAS,EAAE,IAAI,CAAC5D,KAAK,CAAC8D,OAAO,CAAC/F;MAAQ,GAChD,IAAI,CAAC0F,UAAU,CAAC,CACN,CAAC,eAChB5J,MAAA,YAAA8J,aAAA,CAACrJ,cAAA,WAAa,QACT,IAAI,CAACkG,KAAK,CAACkB,YAAY,gBACpB7H,MAAA,YAAA8J,aAAA,CAACvJ,OAAA,WAAM;QACHiL,KAAK,EAAC,MAAM;QACZC,OAAO,EAAE,SAAAA,QAAA5H,CAAC;UAAA,OAAI2D,iBAAK,CAACmE,eAAe,CAACZ,MAAI,CAACpE,KAAK,CAACM,IAAI,IAAI8D,MAAI,CAACpE,KAAK,CAAC9B,IAAI,EAAEhB,CAAC,CAAC;QAAA,CAAC;QAC3E+H,SAAS,eAAE5L,MAAA,YAAA8J,aAAA,CAAC9I,GAAA,CAAA6K,MAAQ,MAAE;MAAE,GAEvB,IAAI,CAAC1F,KAAK,CAACmF,CAAC,CAAC,cAAc,CACxB,CAAC,GAAG,IAAI,EACnB,IAAI,CAAC3E,KAAK,CAACgB,OAAO,gBACf3H,MAAA,YAAA8J,aAAA,CAACvJ,OAAA,WAAM;QACHiL,KAAK,EAAC,MAAM;QACZM,QAAQ,EAAE,IAAI,CAACnF,KAAK,CAACiB,YAAY,KAAK,IAAI,CAACjB,KAAK,CAAC9B,IAAI,IAAI,IAAI,CAAC8B,KAAK,CAACiB,YAAY,KAAK,IAAI,CAACjB,KAAK,CAACM,IAAK;QACrGuD,OAAO,EAAC,WAAW;QACnBiB,OAAO,EAAE,IAAI,CAACM,WAAY;QAC1BH,SAAS,eAAE5L,MAAA,YAAA8J,aAAA,CAAC3I,KAAA,WAAQ,MAAE;MAAE,GAEvB,IAAI,CAACgF,KAAK,CAACmF,CAAC,CAAC,MAAM,CAChB,CAAC,GAAG,IAAI,eACpBtL,MAAA,YAAA8J,aAAA,CAACvJ,OAAA,WAAM;QACHiK,OAAO,EAAC,WAAW;QACnBiB,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAMV,MAAI,CAAC5E,KAAK,CAACgF,OAAO,CAAC,CAAC;QAAA,CAAC;QACpCK,KAAK,EAAC,SAAS;QACfI,SAAS,eAAE5L,MAAA,YAAA8J,aAAA,CAAC5I,MAAA,WAAS,MAAE;MAAE,GAExB,IAAI,CAACiF,KAAK,CAACmF,CAAC,CAAC,OAAO,CACjB,CACG,CACX,CAAC;IACb;EAAC;IAAAlJ,GAAA;IAAA6F,KAAA,EAlGD,SAAA+D,YAAmBzE,GAAG,EAAE;MACpB,QAAQA,GAAG;QACP,KAAK,MAAM;UACP,OAAO,MAAM;QACjB,KAAK,OAAO;UACR,OAAO,OAAO;QAClB,KAAK,IAAI;UACL,OAAO,YAAY;QACvB,KAAK,MAAM;UACP,OAAO,MAAM;QACjB,KAAK,KAAK;UACN,OAAO,MAAM;QACjB;UACI,OAAO,MAAM;MACrB;IACJ;EAAC;EAAA,OAAAxB,UAAA;AAAA,EAzIoBkG,gBAAS;AA+NlClG,UAAU,CAACmG,SAAS,GAAG;EACnBZ,CAAC,EAAEa,qBAAS,CAACC,IAAI;EACjBC,IAAI,EAAEF,qBAAS,CAACG,MAAM;EACtBC,UAAU,EAAEJ,qBAAS,CAACK,IAAI;EAC1BrB,OAAO,EAAEgB,qBAAS,CAACC,IAAI;EACvB1E,IAAI,EAAEyE,qBAAS,CAACG,MAAM,CAACG,UAAU;EACjCjD,iBAAiB,EAAE2C,qBAAS,CAACK;AACjC,CAAC;;AAED;AACA,IAAME,OAAO,GAAG,IAAAC,qBAAS,EAAC,CAAC,CAAC,IAAAC,kBAAU,EAAC9I,MAAM,CAAC,CAACiC,UAAU,CAAC,CAAC;AAAC,IAAA8G,QAAA,GAC7CH,OAAO;AAAAzH,OAAA,cAAA4H,QAAA"}
+{"version":3,"file":"FileViewer.js","names":["_react","_interopRequireWildcard","require","_styles","_propTypes","_interopRequireDefault","_material","_IconNoIcon","_withWidth","_Utils","_fa","_iconsMaterial","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","styles","dialog","height","paper","content","textAlign","textarea","width","img","objectFit","dialogTitle","justifyContent","display","EXTENSIONS","images","code","txt","audio","video","exports","bufferToBase64","buffer","isFull","binary","bytes","Uint8Array","len","byteLength","i","String","fromCharCode","window","btoa","FileViewer","_Component","_inherits2","_super","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","id","fileName","size","state","changed","timeout","clearTimeout","setTimeout","alert","text","readFile","setState","forceUpdate","Date","now","ext","Utils","getFileExtension","href","editing","editingValue","copyPossible","includes","imgError","_createClass2","value","_this2","parts","split","splice","adapter","name","join","socket","then","data","file","undefined","newState","type","toLowerCase","endsWith","atob","console","error","detectMimeType","concat","componentDidMount","supportSubscribes","subscribeFiles","onFileChanged","componentWillUnmount","getContent","_this3","createElement","className","clsx","classes","getClassBackgroundImage","onError","target","onerror","src","alt","TextField","variant","multiline","onChange","newValue","InputProps","readOnly","render","_this4","Dialog","scrollPaper","scroll","open","onClose","fullWidth","maxWidth","DialogTitle","t","IconButton","color","onClick","setStateBackgroundImage","Brightness6","DialogContent","DialogActions","Button","copyToClipboard","startIcon","FaCopy","disabled","writeFile64","Save","Close","getEditFile","Component","propTypes","PropTypes","func","lang","string","expertMode","bool","isRequired","_export","withWidth","withStyles","_default"],"sources":["FileViewer.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { withStyles } from '@mui/styles';\nimport PropTypes from 'prop-types';\n\n// File viewer in adapter-react does not support write\n// import { Buffer } from 'buffer';\n\nimport {\n    TextField,\n    Button,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    IconButton,\n} 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 {\n    Close as CloseIcon,\n    Save as SaveIcon,\n    Brightness6 as Brightness5Icon,\n} from '@mui/icons-material';\n\nconst styles = () => ({\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, isFull) {\n    let binary = '';\n    let bytes = new Uint8Array(buffer);\n    let len = bytes.byteLength;\n    for (let i = 0; i < len && (isFull || 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            // File viewer in adapter-react does not support write\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, ext: this.state.ext };\n                    // try to detect valid extension\n                    if (data.type === 'Buffer') {\n                        if (name.toLowerCase().endsWith('.json5')) {\n                            newState.ext = 'json5';\n                            newState.copyPossible = true;\n                            try {\n                                data = atob(bufferToBase64(data.data, true));\n                            } catch (e) {\n                                console.error('Cannot convert base64 to string');\n                                data = '';\n                            }\n                        } else {\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\n                    if (newState.copyPossible) {\n                        if (EXTENSIONS.txt.includes(newState.ext)) {\n                            newState.text = data;\n                            newState.editingValue = data;\n                        } else if (EXTENSIONS.code.includes(newState.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        /*\n        // File viewer in adapter-react does not support write\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\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\n            maxWidth=\"xl\"\n            aria-labelledby=\"ar_dialog_file_view_title\"\n        >\n            <div className={this.props.classes.dialogTitle}>\n                <DialogTitle id=\"ar_dialog_file_view_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/Icon.js

@@ -15,14 +15,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactInlinesvg = _interopRequireDefault(require("react-inlinesvg"));
-var _SettingsApplications = _interopRequireDefault(require("@mui/icons-material/SettingsApplications"));
-var _Photo = _interopRequireDefault(require("@mui/icons-material/Photo"));
-var _SupervisedUserCircle = _interopRequireDefault(require("@mui/icons-material/SupervisedUserCircle"));
-var _PersonOutlined = _interopRequireDefault(require("@mui/icons-material/PersonOutlined"));
-var _Router = _interopRequireDefault(require("@mui/icons-material/Router"));
-var _Wifi = _interopRequireDefault(require("@mui/icons-material/Wifi"));
-var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
-var _Description = _interopRequireDefault(require("@mui/icons-material/Description"));
+var _iconsMaterial = require("@mui/icons-material");
 var _IconAlias = _interopRequireDefault(require("../icons/IconAlias"));
 var _Utils = _interopRequireDefault(require("./Utils"));
 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); }; }
@@ -36,11 +29,11 @@ function getSystemIcon(obj) {
 
   // system or design has special icons
   if (id.startsWith('_design/') || id === 'system') {
-    icon = /*#__PURE__*/_react["default"].createElement(_SettingsApplications["default"], {
+    icon = /*#__PURE__*/_react["default"].createElement(_iconsMaterial.SettingsApplications, {
       className: "iconOwn"
     });
   } else if (id === '0_userdata' || id === '0_userdata.0') {
-    icon = /*#__PURE__*/_react["default"].createElement(_Photo["default"], {
+    icon = /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Photo, {
       className: "iconOwn"
     });
   } else if (id === 'alias' || id === 'alias.0') {
@@ -48,31 +41,31 @@ function getSystemIcon(obj) {
       className: "iconOwn"
     });
   } else if (id === 'system.adapter') {
-    icon = /*#__PURE__*/_react["default"].createElement(_SettingsApplications["default"], {
+    icon = /*#__PURE__*/_react["default"].createElement(_iconsMaterial.SettingsApplications, {
       className: "iconOwn"
     });
   } else if (id === 'system.group') {
-    icon = /*#__PURE__*/_react["default"].createElement(_SupervisedUserCircle["default"], {
+    icon = /*#__PURE__*/_react["default"].createElement(_iconsMaterial.SupervisedUserCircle, {
       className: "iconOwn"
     });
   } else if (id === 'system.user') {
-    icon = /*#__PURE__*/_react["default"].createElement(_PersonOutlined["default"], {
+    icon = /*#__PURE__*/_react["default"].createElement(_iconsMaterial.PersonOutlined, {
       className: "iconOwn"
     });
   } else if (id === 'system.host') {
-    icon = /*#__PURE__*/_react["default"].createElement(_Router["default"], {
+    icon = /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Router, {
       className: "iconOwn"
     });
   } else if (id.endsWith('.connection') || id.endsWith('.connected')) {
-    icon = /*#__PURE__*/_react["default"].createElement(_Wifi["default"], {
+    icon = /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Wifi, {
       className: "iconOwn"
     });
   } else if (id.endsWith('.info')) {
-    icon = /*#__PURE__*/_react["default"].createElement(_Info["default"], {
+    icon = /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Info, {
       className: "iconOwn"
     });
   } else if ((obj === null || obj === void 0 ? void 0 : obj.type) === 'meta') {
-    icon = /*#__PURE__*/_react["default"].createElement(_Description["default"], {
+    icon = /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Description, {
       className: "iconOwn"
     });
   }

package/Components/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactInlinesvg","_SettingsApplications","_Photo","_SupervisedUserCircle","_PersonOutlined","_Router","_Wifi","_Info","_Description","_IconAlias","_Utils","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","getSystemIcon","obj","icon","id","_id","startsWith","createElement","className","endsWith","type","getSelectIdIcon","imagePrefix","src","common","cIcon","includes","instance","concat","name","split","Icon","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","props","length","title","undefined","style","Object","assign","height","marginTop","styleUTF8","Utils","clsx","_this$props$style","_this$props$style2","_this$props$style3","width","alt","React","Component","propTypes","color","PropTypes","string","oneOfType","object","isRequired","_default","exports"],"sources":["Icon.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport SVG from 'react-inlinesvg';\n\nimport IconSystem from '@mui/icons-material/SettingsApplications';\nimport IconPhoto from '@mui/icons-material/Photo';\nimport IconGroup from '@mui/icons-material/SupervisedUserCircle';\nimport IconUser from '@mui/icons-material/PersonOutlined';\nimport IconHost from '@mui/icons-material/Router';\nimport IconConnection from '@mui/icons-material/Wifi';\nimport IconInfo from '@mui/icons-material/Info';\nimport IconMeta from '@mui/icons-material/Description';\nimport IconAlias from '../icons/IconAlias';\n\nimport Utils from './Utils';\n\nexport function getSystemIcon(obj) {\n    let icon;\n    const id = obj?._id;\n\n    if (!id) {\n        return null;\n    }\n\n    // system or design has special icons\n    if (id.startsWith('_design/') || (id === 'system')) {\n        icon = <IconSystem className=\"iconOwn\" />;\n    } else if (id === '0_userdata' || id === '0_userdata.0') {\n        icon = <IconPhoto className=\"iconOwn\" />;\n    } else if (id === 'alias' || id === 'alias.0') {\n        icon = <IconAlias className=\"iconOwn\" />;\n    } else if (id === 'system.adapter') {\n        icon = <IconSystem className=\"iconOwn\" />;\n    } else if (id === 'system.group') {\n        icon = <IconGroup className=\"iconOwn\" />;\n    } else if (id === 'system.user') {\n        icon = <IconUser className=\"iconOwn\" />;\n    } else if (id === 'system.host') {\n        icon = <IconHost className=\"iconOwn\" />;\n    } else if (id.endsWith('.connection') || id.endsWith('.connected')) {\n        icon = <IconConnection className=\"iconOwn\" />;\n    } else if (id.endsWith('.info')) {\n        icon = <IconInfo className=\"iconOwn\" />;\n    } else if (obj?.type === 'meta') {\n        icon = <IconMeta className=\"iconOwn\" />;\n    }\n\n    return icon || null;\n}\n\nexport function getSelectIdIcon(obj, imagePrefix) {\n    imagePrefix = imagePrefix || '.';//http://localhost:8081';\n    let src = '';\n    const common = obj?.common;\n\n    if (common) {\n        const cIcon = common.icon;\n        if (cIcon) {\n            if (!cIcon.startsWith('data:image/')) {\n                if (cIcon.includes('.')) {\n                    let instance;\n                    if (obj.type === 'instance' || obj.type === 'adapter') {\n                        src = `${imagePrefix}/adapter/${common.name}/${cIcon}`;\n                    } else if (obj._id && obj._id.startsWith('system.adapter.')) {\n                        instance = obj._id.split('.', 3);\n                        if (cIcon[0] === '/') {\n                            instance[2] += cIcon;\n                        } else {\n                            instance[2] += `/${cIcon}`;\n                        }\n                        src = `${imagePrefix}/adapter/${instance[2]}`;\n                    } else {\n                        instance = obj._id.split('.', 2);\n                        if (cIcon[0] === '/') {\n                            instance[0] += cIcon;\n                        } else {\n                            instance[0] += `/${cIcon}`;\n                        }\n                        src = `${imagePrefix}/adapter/${instance[0]}`;\n                    }\n                } else {\n                    return null;\n                }\n            } else {\n                // base 64 image\n                src = cIcon;\n            }\n        }\n    }\n\n    return src || null;\n}\n\nclass Icon extends React.Component {\n    render() {\n        if (this.props.src) {\n            if (typeof this.props.src === 'string') {\n                if (this.props.src.length < 3) {\n                    return <span title={this.props.title || undefined} style={Object.assign({height: 27, marginTop: -8}, this.props.styleUTF8 || this.props.style)} className={ Utils.clsx(this.props.className, 'iconOwn') }>{this.props.src}</span>; // utf-8 char\n                } else {\n                    if (this.props.src.startsWith('data:image/svg')) {\n                        return <SVG title={this.props.title || undefined} src={this.props.src} className={ Utils.clsx(this.props.className, 'iconOwn') } width={this.props.style?.width || 28} height={this.props.style?.height || this.props.style?.width || 28} style={this.props.style || {}}/>;\n                    } else {\n                        return <img title={this.props.title || undefined} style={this.props.style || {}} className={ Utils.clsx(this.props.className, 'iconOwn') } src={ this.props.src } alt=\"\" />;\n                    }\n                }\n            } else {\n                return this.props.src;\n            }\n        } else {\n            return null;\n        }\n    }\n}\n\nIcon.propTypes = {\n    color: PropTypes.string,\n    title: PropTypes.string,\n    src: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n    className: PropTypes.string,\n    imagePrefix: PropTypes.string,\n    style: PropTypes.object,\n    styleUTF8: PropTypes.object,\n};\n\nexport default Icon;"],"mappings":"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"}
+{"version":3,"file":"Icon.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactInlinesvg","_iconsMaterial","_IconAlias","_Utils","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","getSystemIcon","obj","icon","id","_id","startsWith","createElement","SettingsApplications","className","Photo","SupervisedUserCircle","PersonOutlined","Router","endsWith","Wifi","Info","type","Description","getSelectIdIcon","imagePrefix","src","common","cIcon","includes","instance","concat","name","split","Icon","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","props","length","title","undefined","style","Object","assign","height","marginTop","styleUTF8","Utils","clsx","_this$props$style","_this$props$style2","_this$props$style3","width","alt","React","Component","propTypes","color","PropTypes","string","oneOfType","object","isRequired","_default","exports"],"sources":["Icon.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport SVG from 'react-inlinesvg';\n\nimport {\n    SettingsApplications as IconSystem,\n    Photo as IconPhoto,\n    SupervisedUserCircle as IconGroup,\n    PersonOutlined as IconUser,\n    Router as IconHost,\n    Wifi as IconConnection,\n    Info as IconInfo,\n    Description as IconMeta,\n} from '@mui/icons-material';\nimport IconAlias from '../icons/IconAlias';\n\nimport Utils from './Utils';\n\nexport function getSystemIcon(obj) {\n    let icon;\n    const id = obj?._id;\n\n    if (!id) {\n        return null;\n    }\n\n    // system or design has special icons\n    if (id.startsWith('_design/') || (id === 'system')) {\n        icon = <IconSystem className=\"iconOwn\" />;\n    } else if (id === '0_userdata' || id === '0_userdata.0') {\n        icon = <IconPhoto className=\"iconOwn\" />;\n    } else if (id === 'alias' || id === 'alias.0') {\n        icon = <IconAlias className=\"iconOwn\" />;\n    } else if (id === 'system.adapter') {\n        icon = <IconSystem className=\"iconOwn\" />;\n    } else if (id === 'system.group') {\n        icon = <IconGroup className=\"iconOwn\" />;\n    } else if (id === 'system.user') {\n        icon = <IconUser className=\"iconOwn\" />;\n    } else if (id === 'system.host') {\n        icon = <IconHost className=\"iconOwn\" />;\n    } else if (id.endsWith('.connection') || id.endsWith('.connected')) {\n        icon = <IconConnection className=\"iconOwn\" />;\n    } else if (id.endsWith('.info')) {\n        icon = <IconInfo className=\"iconOwn\" />;\n    } else if (obj?.type === 'meta') {\n        icon = <IconMeta className=\"iconOwn\" />;\n    }\n\n    return icon || null;\n}\n\nexport function getSelectIdIcon(obj, imagePrefix) {\n    imagePrefix = imagePrefix || '.';//http://localhost:8081';\n    let src = '';\n    const common = obj?.common;\n\n    if (common) {\n        const cIcon = common.icon;\n        if (cIcon) {\n            if (!cIcon.startsWith('data:image/')) {\n                if (cIcon.includes('.')) {\n                    let instance;\n                    if (obj.type === 'instance' || obj.type === 'adapter') {\n                        src = `${imagePrefix}/adapter/${common.name}/${cIcon}`;\n                    } else if (obj._id && obj._id.startsWith('system.adapter.')) {\n                        instance = obj._id.split('.', 3);\n                        if (cIcon[0] === '/') {\n                            instance[2] += cIcon;\n                        } else {\n                            instance[2] += `/${cIcon}`;\n                        }\n                        src = `${imagePrefix}/adapter/${instance[2]}`;\n                    } else {\n                        instance = obj._id.split('.', 2);\n                        if (cIcon[0] === '/') {\n                            instance[0] += cIcon;\n                        } else {\n                            instance[0] += `/${cIcon}`;\n                        }\n                        src = `${imagePrefix}/adapter/${instance[0]}`;\n                    }\n                } else {\n                    return null;\n                }\n            } else {\n                // base 64 image\n                src = cIcon;\n            }\n        }\n    }\n\n    return src || null;\n}\n\nclass Icon extends React.Component {\n    render() {\n        if (this.props.src) {\n            if (typeof this.props.src === 'string') {\n                if (this.props.src.length < 3) {\n                    return <span title={this.props.title || undefined} style={Object.assign({height: 27, marginTop: -8}, this.props.styleUTF8 || this.props.style)} className={ Utils.clsx(this.props.className, 'iconOwn') }>{this.props.src}</span>; // utf-8 char\n                } else {\n                    if (this.props.src.startsWith('data:image/svg')) {\n                        return <SVG title={this.props.title || undefined} src={this.props.src} className={ Utils.clsx(this.props.className, 'iconOwn') } width={this.props.style?.width || 28} height={this.props.style?.height || this.props.style?.width || 28} style={this.props.style || {}}/>;\n                    } else {\n                        return <img title={this.props.title || undefined} style={this.props.style || {}} className={ Utils.clsx(this.props.className, 'iconOwn') } src={ this.props.src } alt=\"\" />;\n                    }\n                }\n            } else {\n                return this.props.src;\n            }\n        } else {\n            return null;\n        }\n    }\n}\n\nIcon.propTypes = {\n    color: PropTypes.string,\n    title: PropTypes.string,\n    src: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n    className: PropTypes.string,\n    imagePrefix: PropTypes.string,\n    style: PropTypes.object,\n    styleUTF8: PropTypes.object,\n};\n\nexport default Icon;"],"mappings":"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"}

package/Components/IconPicker.js

@@ -11,10 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactDropzone = require("react-dropzone");
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
-var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _Clear = _interopRequireDefault(require("@mui/icons-material/Clear"));
+var _material = require("@mui/material");
+var _iconsMaterial = require("@mui/icons-material");
 var _IconSelector = _interopRequireDefault(require("./IconSelector"));
 var _Icon = _interopRequireDefault(require("./Icon"));
 var _i18n = _interopRequireDefault(require("../i18n"));
@@ -96,13 +94,13 @@ var IconPicker = function IconPicker(props) {
     className: classes.formContainer
   }, IconCustom ? /*#__PURE__*/_react["default"].createElement(IconCustom, {
     className: classes.formIcon
-  }) : null, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+  }) : null, /*#__PURE__*/_react["default"].createElement(_material.FormControl, {
     variant: "standard",
     className: classes.formControl,
     style: {
       padding: 3
     }
-  }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_material.InputLabel, {
     shrink: true,
     classes: {
       root: (_props$customClasses = props.customClasses) === null || _props$customClasses === void 0 ? void 0 : _props$customClasses.label
@@ -115,7 +113,7 @@ var IconPicker = function IconPicker(props) {
     alt: "",
     className: _Utils["default"].clsx(props.previewClassName, (_props$customClasses2 = props.customClasses) === null || _props$customClasses2 === void 0 ? void 0 : _props$customClasses2.icon),
     src: props.value
-  }), !props.disabled && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+  }), !props.disabled && /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
     style: {
       verticalAlign: 'top'
     },
@@ -124,7 +122,7 @@ var IconPicker = function IconPicker(props) {
     onClick: function onClick() {
       return props.onChange('');
     }
-  }, /*#__PURE__*/_react["default"].createElement(_Clear["default"], null))) : !props.disabled && /*#__PURE__*/_react["default"].createElement(_IconSelector["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Clear, null))) : !props.disabled && /*#__PURE__*/_react["default"].createElement(_IconSelector["default"], {
     icons: props.icons,
     onlyRooms: props.onlyRooms,
     onlyDevices: props.onlyDevices,

package/Components/IconPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPicker.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_reactDropzone","_makeStyles","_InputLabel","_FormControl","_IconButton","_Clear","_IconSelector","_Icon","_i18n","_Utils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","IconPicker","props","_props$customClasses","_props$customClasses2","IconCustom","icon","useStyles","makeStyles","theme","formContainer","display","justifyContent","alignItems","formControl","padding","flexGrow","divContainer","width","height","whiteSpace","lineHeight","marginRight","dragField","textAlign","minHeight","border","borderRadius","formIcon","margin","opacity","text","verticalAlign","classes","onDrop","useCallback","acceptedFiles","reader","FileReader","addEventListener","onChange","result","readAsDataURL","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","createElement","className","variant","style","shrink","root","customClasses","label","value","alt","Utils","clsx","previewClassName","src","disabled","title","I18n","t","size","onClick","icons","onlyRooms","onlyDevices","onSelect","base64","lang","getLanguage","_extends2","backgroundColor","cursor","propTypes","PropTypes","string","object","any","bool","func","isRequired","array","_default","exports"],"sources":["IconPicker.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport { useDropzone } from 'react-dropzone';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport InputLabel from '@mui/material/InputLabel';\nimport FormControl from '@mui/material/FormControl';\nimport IconButton from '@mui/material/IconButton';\nimport ClearIcon from '@mui/icons-material/Clear';\n\nimport IconSelector from './IconSelector';\nimport Icon from './Icon';\nimport I18n from '../i18n';\nimport Utils from './Utils';\n\n/**\n * @typedef {object} IconPickerProps\n * @property {string} [value] The value.\n * @property {string} [label] The label.\n * @property {boolean} [disabled] Set to true to disable the icon picker.\n * @property {(icon: string) => void} onChange The icon change callback.\n * @property {import('../Connection').default} socket The socket connection.\n * @property {string} [imagePrefix] The image prefix (default: './files/')\n * @property {React.CSSProperties} [style] Additional styling for this component.\n * @property {string} [className] The CSS class name.\n *\n * @extends {React.Component<IconPickerProps>}\n */\nlet IconPicker = function (props) {\n    let IconCustom = props.icon;\n\n    const useStyles = makeStyles(theme => ({\n        formContainer : {\n            display: 'flex',\n            justifyContent: 'left',\n            alignItems: 'center'\n        },\n        formControl : {\n            display: 'flex',\n            padding: 24,\n            flexGrow: 1000\n        },\n        divContainer: {\n            width: 32 + 24,\n            height: 32,\n            whiteSpace: 'nowrap',\n            lineHeight: '32px',\n            marginRight: 8\n        },\n        dragField: {\n            textAlign: 'center',\n            display: 'table',\n            minHeight: 90,\n            width: 'calc(100% - 60px)',\n            border: '2px dashed #777',\n            borderRadius: 10,\n            padding: 4,\n        },\n        formIcon : {\n            margin: 10,\n            opacity: 0.6\n        },\n        text: {\n            display: 'table-cell',\n            verticalAlign: 'middle',\n        }\n    }));\n\n    const classes = useStyles();\n\n    const onDrop = useCallback(acceptedFiles => {\n        const reader = new FileReader();\n\n        reader.addEventListener('load', () =>\n            props.onChange(reader.result), false);\n\n        if (acceptedFiles[0]) {\n            reader.readAsDataURL(acceptedFiles[0]);\n        }\n    }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });\n\n    return <div className={classes.formContainer}>\n        {IconCustom ? <IconCustom className={classes.formIcon} /> : null}\n        <FormControl variant=\"standard\" className={classes.formControl} style={{ padding: 3 }}>\n            <InputLabel shrink classes={{root: props.customClasses?.label}}>\n                { props.label }\n            </InputLabel>\n            <div className={ classes.formContainer }>\n                {props.value ?\n                    <div className={ classes.divContainer }>\n                        <Icon alt=\"\" className={Utils.clsx(props.previewClassName, props.customClasses?.icon)} src={props.value}/>\n                        {!props.disabled && <IconButton\n                            style={{verticalAlign: 'top'}}\n                            title={I18n.t('ra_Clear icon')}\n                            size=\"small\"\n                            onClick={() => props.onChange('')}\n                        >\n                            <ClearIcon/>\n                        </IconButton>}\n                    </div>\n                    :\n                    (!props.disabled && <IconSelector\n                        icons={props.icons}\n                        onlyRooms={props.onlyRooms}\n                        onlyDevices={props.onlyDevices}\n                        onSelect={base64 => props.onChange(base64)}\n                        t={I18n.t}\n                        lang={I18n.getLanguage()}\n                    />)\n                }\n\n                {!props.disabled && <div\n                    {...getRootProps()}\n                    className={classes.dragField}\n                    style={isDragActive ? {backgroundColor: 'rgba(0, 255, 0, 0.1)'} : {cursor: 'pointer'}}\n                >\n                    <input {...getInputProps()} />\n                    {\n                        isDragActive ?\n                            <span className={classes.text}>{I18n.t('ra_Drop the files here...')}</span> :\n                            <span className={classes.text}>{I18n.t(`ra_Drag 'n' drop some files here, or click to select files`)}</span>\n                    }\n                </div>}\n            </div>\n        </FormControl>\n    </div>;\n};\n\nIconPicker.propTypes = {\n    previewClassName: PropTypes.string,\n    icon: PropTypes.object,\n    customClasses: PropTypes.object,\n    label: PropTypes.string,\n    value: PropTypes.any,\n    disabled: PropTypes.bool,\n    onChange: PropTypes.func.isRequired,\n\n    icons: PropTypes.array,\n    onlyRooms: PropTypes.bool,\n    onlyDevices: PropTypes.bool,\n};\n\n/** @type {typeof IconPicker} */\nexport default IconPicker;"],"mappings":"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"}
+{"version":3,"file":"IconPicker.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_reactDropzone","_makeStyles","_material","_iconsMaterial","_IconSelector","_Icon","_i18n","_Utils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","IconPicker","props","_props$customClasses","_props$customClasses2","IconCustom","icon","useStyles","makeStyles","theme","formContainer","display","justifyContent","alignItems","formControl","padding","flexGrow","divContainer","width","height","whiteSpace","lineHeight","marginRight","dragField","textAlign","minHeight","border","borderRadius","formIcon","margin","opacity","text","verticalAlign","classes","onDrop","useCallback","acceptedFiles","reader","FileReader","addEventListener","onChange","result","readAsDataURL","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","createElement","className","FormControl","variant","style","InputLabel","shrink","root","customClasses","label","value","alt","Utils","clsx","previewClassName","src","disabled","IconButton","title","I18n","t","size","onClick","Clear","icons","onlyRooms","onlyDevices","onSelect","base64","lang","getLanguage","_extends2","backgroundColor","cursor","propTypes","PropTypes","string","object","any","bool","func","isRequired","array","_default","exports"],"sources":["IconPicker.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport { useDropzone } from 'react-dropzone';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport {\n    InputLabel,\n    FormControl,\n    IconButton,\n} from '@mui/material';\nimport { Clear as ClearIcon } from '@mui/icons-material';\n\nimport IconSelector from './IconSelector';\nimport Icon from './Icon';\nimport I18n from '../i18n';\nimport Utils from './Utils';\n\n/**\n * @typedef {object} IconPickerProps\n * @property {string} [value] The value.\n * @property {string} [label] The label.\n * @property {boolean} [disabled] Set to true to disable the icon picker.\n * @property {(icon: string) => void} onChange The icon change callback.\n * @property {import('../Connection').default} socket The socket connection.\n * @property {string} [imagePrefix] The image prefix (default: './files/')\n * @property {React.CSSProperties} [style] Additional styling for this component.\n * @property {string} [className] The CSS class name.\n *\n * @extends {React.Component<IconPickerProps>}\n */\nconst IconPicker = props => {\n    let IconCustom = props.icon;\n\n    const useStyles = makeStyles(theme => ({\n        formContainer : {\n            display: 'flex',\n            justifyContent: 'left',\n            alignItems: 'center'\n        },\n        formControl : {\n            display: 'flex',\n            padding: 24,\n            flexGrow: 1000\n        },\n        divContainer: {\n            width: 32 + 24,\n            height: 32,\n            whiteSpace: 'nowrap',\n            lineHeight: '32px',\n            marginRight: 8\n        },\n        dragField: {\n            textAlign: 'center',\n            display: 'table',\n            minHeight: 90,\n            width: 'calc(100% - 60px)',\n            border: '2px dashed #777',\n            borderRadius: 10,\n            padding: 4,\n        },\n        formIcon : {\n            margin: 10,\n            opacity: 0.6\n        },\n        text: {\n            display: 'table-cell',\n            verticalAlign: 'middle',\n        }\n    }));\n\n    const classes = useStyles();\n\n    const onDrop = useCallback(acceptedFiles => {\n        const reader = new FileReader();\n\n        reader.addEventListener('load', () =>\n            props.onChange(reader.result), false);\n\n        if (acceptedFiles[0]) {\n            reader.readAsDataURL(acceptedFiles[0]);\n        }\n    }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });\n\n    return <div className={classes.formContainer}>\n        {IconCustom ? <IconCustom className={classes.formIcon} /> : null}\n        <FormControl variant=\"standard\" className={classes.formControl} style={{ padding: 3 }}>\n            <InputLabel shrink classes={{root: props.customClasses?.label}}>\n                { props.label }\n            </InputLabel>\n            <div className={ classes.formContainer }>\n                {props.value ?\n                    <div className={ classes.divContainer }>\n                        <Icon alt=\"\" className={Utils.clsx(props.previewClassName, props.customClasses?.icon)} src={props.value}/>\n                        {!props.disabled && <IconButton\n                            style={{verticalAlign: 'top'}}\n                            title={I18n.t('ra_Clear icon')}\n                            size=\"small\"\n                            onClick={() => props.onChange('')}\n                        >\n                            <ClearIcon/>\n                        </IconButton>}\n                    </div>\n                    :\n                    (!props.disabled && <IconSelector\n                        icons={props.icons}\n                        onlyRooms={props.onlyRooms}\n                        onlyDevices={props.onlyDevices}\n                        onSelect={base64 => props.onChange(base64)}\n                        t={I18n.t}\n                        lang={I18n.getLanguage()}\n                    />)\n                }\n\n                {!props.disabled && <div\n                    {...getRootProps()}\n                    className={classes.dragField}\n                    style={isDragActive ? {backgroundColor: 'rgba(0, 255, 0, 0.1)'} : {cursor: 'pointer'}}\n                >\n                    <input {...getInputProps()} />\n                    {\n                        isDragActive ?\n                            <span className={classes.text}>{I18n.t('ra_Drop the files here...')}</span> :\n                            <span className={classes.text}>{I18n.t(`ra_Drag 'n' drop some files here, or click to select files`)}</span>\n                    }\n                </div>}\n            </div>\n        </FormControl>\n    </div>;\n};\n\nIconPicker.propTypes = {\n    previewClassName: PropTypes.string,\n    icon: PropTypes.object,\n    customClasses: PropTypes.object,\n    label: PropTypes.string,\n    value: PropTypes.any,\n    disabled: PropTypes.bool,\n    onChange: PropTypes.func.isRequired,\n\n    icons: PropTypes.array,\n    onlyRooms: PropTypes.bool,\n    onlyDevices: PropTypes.bool,\n};\n\n/** @type {typeof IconPicker} */\nexport default IconPicker;"],"mappings":"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"}

package/Components/IconSelector.js

@@ -14,17 +14,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
-var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
-var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
-var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-var _Clear = _interopRequireDefault(require("@mui/icons-material/Clear"));
+var _material = require("@mui/material");
+var _iconsMaterial = require("@mui/icons-material");
 var _Icon = _interopRequireDefault(require("./Icon"));
 var _Utils = _interopRequireDefault(require("./Utils"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -1988,9 +1979,9 @@ var IconSelector = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this3 = this;
       if (this.state.loading) {
-        return /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], null);
+        return /*#__PURE__*/_react["default"].createElement(_material.CircularProgress, null);
       }
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_material.Button, {
         color: "grey",
         variant: "outlined",
         title: this.props.t('ra_Select predefined icon'),
@@ -2005,14 +1996,14 @@ var IconSelector = /*#__PURE__*/function (_Component) {
           minWidth: 40,
           marginRight: 8
         }
-      }, "..."), this.state.opened ? /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+      }, "..."), this.state.opened ? /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
         onClose: function onClose() {
           return _this3.setState({
             opened: false
           });
         },
         open: !0
-      }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], null, this.props.t('ra_Select predefined icon'), this.state.isAnyName ? /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.DialogTitle, null, this.props.t('ra_Select predefined icon'), this.state.isAnyName ? /*#__PURE__*/_react["default"].createElement(_material.TextField, {
         variant: "standard",
         margin: "dense",
         style: {
@@ -2026,26 +2017,26 @@ var IconSelector = /*#__PURE__*/function (_Component) {
         },
         placeholder: this.props.t('ra_Filter'),
         InputProps: {
-          endAdornment: this.state.filter ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+          endAdornment: this.state.filter ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
             size: "small",
             onClick: function onClick() {
               return _this3.setState({
                 filter: ''
               });
             }
-          }, /*#__PURE__*/_react["default"].createElement(_Clear["default"], null)) : undefined
+          }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Clear, null)) : undefined
         }
-      }) : null), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement("div", {
+      }) : null), /*#__PURE__*/_react["default"].createElement(_material.DialogContent, null, /*#__PURE__*/_react["default"].createElement("div", {
         style: {
           width: '100%',
           textAlign: 'center'
         }
       }, this.state.icons && this.state.icons.map(function (icon, i) {
         if (!_this3.state.filter || _this3.state.names[i] && _this3.state.names[i].toLowerCase().includes(_this3.state.filter)) {
-          return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+          return /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
             title: _this3.state.names[i] || '',
             key: i
-          }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+          }, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
             onClick: function onClick() {
               return _this3.setState({
                 opened: false
@@ -2066,7 +2057,7 @@ var IconSelector = /*#__PURE__*/function (_Component) {
         } else {
           return null;
         }
-      }))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      }))), /*#__PURE__*/_react["default"].createElement(_material.DialogActions, null, /*#__PURE__*/_react["default"].createElement(_material.Button, {
         color: "grey",
         variant: "contained",
         onClick: function onClick() {
@@ -2074,7 +2065,7 @@ var IconSelector = /*#__PURE__*/function (_Component) {
             opened: false
           });
         },
-        startIcon: /*#__PURE__*/_react["default"].createElement(_Close["default"], null)
+        startIcon: /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Close, null)
       }, this.props.t('ra_Close')))) : null);
     }
   }]);