@iobroker/json-config 7.4.18 → 7.4.21

package/README.md

@@ -813,6 +813,7 @@ horizontal line
 | `simple`  | show simple CRON settings                     |
 
 ### `fileSelector`
+Select a file from one folder as drop down menu. And if you want you can upload a new file to this folder.
 
 only Admin6
 
@@ -830,9 +831,8 @@ only Admin6
 | `noSize`     | Do not show size of files                                                                                                                                                                                |
 
 ### `file`
-
+Input field with file selector. It will be shown as a text field with a button aside to open the dialog. 
 only Admin6.
-Input field with file selector
 
 | Property            | Description                                                                              |
 |---------------------|------------------------------------------------------------------------------------------|

package/build/JsonConfigComponent/ConfigDeviceManager.js

@@ -8,7 +8,7 @@ class ConfigDeviceManager extends ConfigGeneric {
         }
         if (this.props.oContext.DeviceManager) {
             const DeviceManager = this.props.oContext.DeviceManager;
-            return (React.createElement(DeviceManager, { uploadImagesToInstance: `${this.props.oContext.adapterName}.${this.props.oContext.instance}`, title: this.getText(this.props.schema.label), socket: this.props.oContext.socket, selectedInstance: `${this.props.oContext.adapterName}.${this.props.oContext.instance}`, themeName: this.props.themeName, themeType: this.props.oContext.themeType, isFloatComma: this.props.oContext.isFloatComma, dateFormat: this.props.oContext.dateFormat }));
+            return (React.createElement(DeviceManager, { uploadImagesToInstance: `${this.props.oContext.adapterName}.${this.props.oContext.instance}`, title: this.getText(this.props.schema.label), socket: this.props.oContext.socket, selectedInstance: `${this.props.oContext.adapterName}.${this.props.oContext.instance}`, themeName: this.props.themeName, theme: this.props.oContext.theme, themeType: this.props.oContext.themeType, isFloatComma: this.props.oContext.isFloatComma, dateFormat: this.props.oContext.dateFormat }));
         }
         return React.createElement("div", null, "DeviceManager not found");
     }

package/build/JsonConfigComponent/ConfigDeviceManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigDeviceManager.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigDeviceManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,aAAmE,MAAM,iBAAiB,CAAC;AAMlG,MAAM,mBAAoB,SAAQ,aAA2D;IACzF,UAAU;QACN,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAEjC,IAAI,CAAC,MAAM,EAAE;YACT,OAAO,IAAI,CAAC;SACf;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,EAAE;YACnC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;YACxD,OAAO,CACH,oBAAC,aAAa,IACV,sBAAsB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAC5F,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EAClC,gBAAgB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,EACtF,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,EACxC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAC9C,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,GAC5C,CACL,CAAC;SACL;QAED,OAAO,2DAAkC,CAAC;IAC9C,CAAC;CACJ;AAED,eAAe,mBAAmB,CAAC","sourcesContent":["import React, { type JSX } from 'react';\n\nimport type { ConfigItemDeviceManager } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\ninterface ConfigDeviceManagerProps extends ConfigGenericProps {\n    schema: ConfigItemDeviceManager;\n}\n\nclass ConfigDeviceManager extends ConfigGeneric<ConfigDeviceManagerProps, ConfigGenericState> {\n    renderItem(): JSX.Element | null {\n        const schema = this.props.schema;\n\n        if (!schema) {\n            return null;\n        }\n\n        if (this.props.oContext.DeviceManager) {\n            const DeviceManager = this.props.oContext.DeviceManager;\n            return (\n                <DeviceManager\n                    uploadImagesToInstance={`${this.props.oContext.adapterName}.${this.props.oContext.instance}`}\n                    title={this.getText(this.props.schema.label)}\n                    socket={this.props.oContext.socket}\n                    selectedInstance={`${this.props.oContext.adapterName}.${this.props.oContext.instance}`}\n                    themeName={this.props.themeName}\n                    themeType={this.props.oContext.themeType}\n                    isFloatComma={this.props.oContext.isFloatComma}\n                    dateFormat={this.props.oContext.dateFormat}\n                />\n            );\n        }\n\n        return <div>DeviceManager not found</div>;\n    }\n}\n\nexport default ConfigDeviceManager;\n"]}
+{"version":3,"file":"ConfigDeviceManager.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigDeviceManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,aAAmE,MAAM,iBAAiB,CAAC;AAMlG,MAAM,mBAAoB,SAAQ,aAA2D;IACzF,UAAU;QACN,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAEjC,IAAI,CAAC,MAAM,EAAE;YACT,OAAO,IAAI,CAAC;SACf;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,EAAE;YACnC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;YACxD,OAAO,CACH,oBAAC,aAAa,IACV,sBAAsB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAC5F,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EAClC,gBAAgB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,EACtF,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAChC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,EACxC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAC9C,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,GAC5C,CACL,CAAC;SACL;QAED,OAAO,2DAAkC,CAAC;IAC9C,CAAC;CACJ;AAED,eAAe,mBAAmB,CAAC","sourcesContent":["import React, { type JSX } from 'react';\n\nimport type { ConfigItemDeviceManager } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\ninterface ConfigDeviceManagerProps extends ConfigGenericProps {\n    schema: ConfigItemDeviceManager;\n}\n\nclass ConfigDeviceManager extends ConfigGeneric<ConfigDeviceManagerProps, ConfigGenericState> {\n    renderItem(): JSX.Element | null {\n        const schema = this.props.schema;\n\n        if (!schema) {\n            return null;\n        }\n\n        if (this.props.oContext.DeviceManager) {\n            const DeviceManager = this.props.oContext.DeviceManager;\n            return (\n                <DeviceManager\n                    uploadImagesToInstance={`${this.props.oContext.adapterName}.${this.props.oContext.instance}`}\n                    title={this.getText(this.props.schema.label)}\n                    socket={this.props.oContext.socket}\n                    selectedInstance={`${this.props.oContext.adapterName}.${this.props.oContext.instance}`}\n                    themeName={this.props.themeName}\n                    theme={this.props.oContext.theme}\n                    themeType={this.props.oContext.themeType}\n                    isFloatComma={this.props.oContext.isFloatComma}\n                    dateFormat={this.props.oContext.dateFormat}\n                />\n            );\n        }\n\n        return <div>DeviceManager not found</div>;\n    }\n}\n\nexport default ConfigDeviceManager;\n"]}

package/build/JsonConfigComponent/ConfigFileSelector.d.ts

@@ -20,6 +20,8 @@ declare class ConfigFileSelector extends ConfigGeneric<ConfigFileSelectorProps,
     private path;
     constructor(props: ConfigFileSelectorProps);
     componentDidMount(): void;
+    onFolderChanged: (_id: string, fileName: string) => void;
+    componentWillUnmount(): void;
     updateFiles(): Promise<void>;
     readFolder(folderName: string, files: {
         name: string;

package/build/JsonConfigComponent/ConfigFileSelector.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import Dropzone from 'react-dropzone';
 import { InputLabel, MenuItem, FormHelperText, FormControl, Select, IconButton, ListItemText, ListItemIcon, } from '@mui/material';
-import { Refresh as IconRefresh, UploadFile as IconUpload, Delete as IconDelete, PlayArrow as IconPlay, MusicNote as IconAudio, Videocam as IconVideo, Article as IconText, Code as IconCode, } from '@mui/icons-material';
-import { UploadFile as UploadIcon } from '@mui/icons-material';
+import { Refresh as IconRefresh, UploadFile as IconUpload, Delete as IconDelete, PlayArrow as IconPlay, MusicNote as IconAudio, Videocam as IconVideo, Article as IconText, Code as IconCode, UploadFile as UploadIcon, } from '@mui/icons-material';
 import { DialogConfirm, Utils, I18n } from '@iobroker/adapter-react-v5';
 import ConfigGeneric from './ConfigGeneric';
 const styles = {
@@ -114,10 +113,26 @@ class ConfigFileSelector extends ConfigGeneric {
         void this.updateFiles().then(() => {
             const value = ConfigGeneric.getValue(this.props.data, this.props.attr);
             this.setState({ value });
+            // subscribe on this folder
+            this.props.oContext.socket
+                .subscribeFiles(this.objectID, `${this.path}/*`, this.onFolderChanged)
+                .catch(e => console.error(`Cannot subscribe: ${e}`));
         });
     }
-    updateFiles() {
-        return this.readFiles(this.props.schema.pattern).then(files => this.setState({ files }));
+    onFolderChanged = (_id, fileName) => {
+        if (this.path && fileName.startsWith(this.path)) {
+            this.updateFiles().catch(e => console.error(`Cannot update files: ${e}`));
+        }
+    };
+    componentWillUnmount() {
+        this.props.oContext.socket
+            .subscribeFiles(this.objectID, `${this.path}/*`, this.onFolderChanged)
+            .catch(e => console.error(`Cannot subscribe: ${e}`));
+        super.componentWillUnmount();
+    }
+    async updateFiles() {
+        const files = await this.readFiles(this.props.schema.pattern);
+        await new Promise(resolve => this.setState({ files }, resolve));
     }
     async readFolder(folderName, files, filter) {
         try {
@@ -193,22 +208,17 @@ class ConfigFileSelector extends ConfigGeneric {
         const maxSize = this.props.schema.maxSize || 2 * 1024 * 1024;
         reader.onabort = () => console.log('file reading was aborted');
         reader.onerror = () => console.log('file reading has failed');
-        reader.onload = () => {
-            let ext = `image/${file.name.split('.').pop().toLowerCase()}`;
-            if (ext === 'image/jpg') {
-                ext = 'image/jpeg';
-            }
-            else if (ext.includes('svg')) {
-                ext = 'image/svg+xml';
-            }
+        reader.onload = ( /* e: ProgressEvent<FileReader> */) => {
             if (file.size > maxSize) {
                 window.alert(I18n.t('File is too big. Max %sk allowed. Try use SVG.', Math.round(maxSize / 1024)));
                 return;
             }
-            const base64 = `data:${ext};base64,${btoa(new Uint8Array(reader.result).reduce((data, byte) => data + String.fromCharCode(byte), ''))}`;
             this.props.oContext.socket
-                .writeFile64(this.objectID, this.path + file.name, base64)
+                .writeFile64(this.objectID, this.path + file.name, reader.result)
                 .then(() => this.updateFiles())
+                .then(() => 
+            // Automatically select the new uploaded file
+            this.setState({ value: this.path + file.name }, () => this.onChange(this.props.attr, this.path + file.name)))
                 .catch(e => window.alert(`Cannot upload file: ${e}`));
         };
         reader.readAsArrayBuffer(file);
@@ -412,12 +422,7 @@ class ConfigFileSelector extends ConfigGeneric {
             }, onDragLeave: () => this.setState({ uploadFile: true }), onDrop: (acceptedFiles, errors) => {
                 this.setState({ uploadFile: false });
                 if (!acceptedFiles.length) {
-                    window.alert((errors &&
-                        errors[0] &&
-                        errors[0].errors &&
-                        errors[0].errors[0] &&
-                        errors[0].errors[0].message) ||
-                        I18n.t('Cannot upload'));
+                    window.alert(errors?.[0]?.errors?.[0]?.message || I18n.t('Cannot upload'));
                 }
                 else {
                     this.onDrop(acceptedFiles);

package/build/JsonConfigComponent/ConfigFileSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigFileSelector.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigFileSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\nimport Dropzone, { type DropzoneRef } from 'react-dropzone';\n\nimport {\n    InputLabel,\n    MenuItem,\n    FormHelperText,\n    FormControl,\n    Select,\n    IconButton,\n    ListItemText,\n    ListItemIcon,\n} from '@mui/material';\n\nimport {\n    Refresh as IconRefresh,\n    UploadFile as IconUpload,\n    Delete as IconDelete,\n    PlayArrow as IconPlay,\n    MusicNote as IconAudio,\n    Videocam as IconVideo,\n    Article as IconText,\n    Code as IconCode,\n} from '@mui/icons-material';\nimport { UploadFile as UploadIcon } from '@mui/icons-material';\n\nimport { DialogConfirm, Utils, I18n } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemFileSelector } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nconst styles: Record<string, React.CSSProperties> = {\n    fullWidth: {\n        width: '100%',\n    },\n    fullWidthOneButton: {\n        width: 'calc(100% - 42px)',\n    },\n    fullWidthTwoButtons: {\n        width: 'calc(100% - 84px)',\n    },\n    fullWidthThreeButtons: {\n        width: 'calc(100% - 126x)',\n    },\n    dropZone: {\n        width: '100%',\n        height: '100%',\n        position: 'absolute',\n    },\n    dropZoneEmpty: {},\n    image: {\n        objectFit: 'contain',\n        margin: 'auto',\n        display: 'flex',\n        width: '100%',\n        height: '100%',\n    },\n    uploadDiv: {\n        position: 'relative',\n        width: '100%',\n    },\n    uploadDivDragging: {\n        opacity: 1,\n        background: 'rgba(128,255,128,0.1)',\n    },\n    uploadCenterDiv: {\n        margin: 5,\n        border: '3px dashed grey',\n        borderRadius: 5,\n        width: '100%',\n        height: '100%',\n        position: 'absolute',\n        display: 'flex',\n    },\n    uploadCenterIcon: {\n        paddingTop: 10,\n        width: 48,\n        height: 48,\n    },\n    uploadCenterText: {\n        fontSize: 16,\n    },\n    uploadCenterTextAndIcon: {\n        textAlign: 'center',\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        left: 0,\n        right: 0,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    disabledOpacity: {\n        opacity: 0.3,\n        cursor: 'default',\n    },\n    error: {\n        border: '2px solid red',\n    },\n    deleteButton: {},\n    selectedImage: {\n        height: 40,\n        width: 40,\n        display: 'inline-block',\n        marginRight: 8,\n    },\n};\n\nconst IMAGE_EXT = ['jpg', 'jpeg', 'svg', 'png', 'webp', 'gif', 'apng', 'avif', 'webp'];\nconst AUDIO_EXT = ['mp3', 'ogg', 'wav', 'aac'];\nconst VIDEO_EXT = ['avi', 'mp4', 'mov'];\nconst DOC_EXT = ['txt', 'log', 'html', 'htm'];\nconst JS_EXT = ['json', 'js', 'ts'];\n\ninterface ConfigFileSelectorProps extends ConfigGenericProps {\n    schema: ConfigItemFileSelector;\n}\n\ninterface ConfigFileSelectorState extends ConfigGenericState {\n    uploadFile?: boolean | 'dragging';\n    uploadError?: boolean;\n    files?: { name: string; size: string }[];\n    deleteFile?: string;\n}\n\nclass ConfigFileSelector extends ConfigGeneric<ConfigFileSelectorProps, ConfigFileSelectorState> {\n    private readonly dropzoneRef: React.RefObject<DropzoneRef>;\n\n    private readonly imagePrefix: string;\n\n    private objectID: string;\n\n    private path: string;\n\n    constructor(props: ConfigFileSelectorProps) {\n        super(props);\n        this.dropzoneRef = React.createRef();\n        this.imagePrefix = this.props.oContext.imagePrefix === undefined ? './files' : this.props.oContext.imagePrefix;\n    }\n\n    componentDidMount(): void {\n        super.componentDidMount();\n\n        this.objectID = (this.props.schema.objectID || '0_userdata.0').replace(\n            '%INSTANCE%',\n            (this.props.oContext.instance || 0).toString(),\n        );\n        this.path = this.props.schema.upload;\n        if (this.path) {\n            if (this.path === '/') {\n                this.path = '';\n            } else if (!this.path.endsWith('/')) {\n                this.path = `${this.path}/`;\n            }\n        }\n\n        // read files\n        void this.updateFiles().then(() => {\n            const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n            this.setState({ value });\n        });\n    }\n\n    updateFiles(): Promise<void> {\n        return this.readFiles(this.props.schema.pattern).then(files => this.setState({ files }));\n    }\n\n    async readFolder(\n        folderName: string,\n        files: { name: string; size: string }[],\n        filter: string,\n    ): Promise<{ name: string; size: string }[]> {\n        try {\n            const dirFiles = await this.props.oContext.socket.readDir(\n                this.objectID,\n                folderName.replace(/^\\//, '') || null,\n            );\n            for (let f = 0; f < dirFiles.length; f++) {\n                const file = dirFiles[f];\n                if (file.isDir) {\n                    // read it\n                    await this.readFolder(`${folderName + file.file}/`, files, filter);\n                } else {\n                    let ok = false;\n                    if (filter === '*.*' && file.file.includes('.')) {\n                        ok = true;\n                    } else if (!filter || filter === '*') {\n                        ok = true;\n                    } else if (filter === '.*' && file.file.startsWith('.')) {\n                        ok = true;\n                    } else {\n                        const regExp = new RegExp(`^${filter.replace(/\\./g, '\\\\.').replace(/\\*/g, '.*')}$`);\n                        ok = regExp.test(file.file);\n                    }\n\n                    if (ok) {\n                        files.push({\n                            name: folderName + file.file,\n                            size: file.stats ? Utils.formatBytes(file.stats.size) : '--',\n                        });\n                    }\n                }\n            }\n        } catch (e) {\n            console.error(`Cannot read \"${folderName}\": ${e}`);\n        }\n\n        return files;\n    }\n\n    async readFiles(pattern: string): Promise<{ name: string; size: string }[]> {\n        const files: { name: string; size: string }[] = [];\n        pattern = pattern || this.props.schema.pattern;\n        if (!pattern) {\n            pattern = '**/*.*';\n        }\n        let filter;\n        const pos = pattern.lastIndexOf('/');\n        if (pos === -1) {\n            filter = pattern;\n        } else {\n            filter = pattern.substring(pos + 1);\n        }\n\n        if (pattern.startsWith('**')) {\n            // read all folders\n            await this.readFolder('/', files, filter);\n        } else {\n            const pos_ = pattern.lastIndexOf('/');\n            if (pos_ === -1) {\n                await this.readFolder('/', files, filter);\n            } else {\n                const folder = pattern.substring(0, pos_ + 1);\n                await this.readFolder(folder, files, filter);\n            }\n        }\n\n        return files;\n    }\n\n    onDrop(acceptedFiles: File[]): void {\n        const file = acceptedFiles[0];\n        const reader = new FileReader();\n        const maxSize = this.props.schema.maxSize || 2 * 1024 * 1024;\n\n        reader.onabort = () => console.log('file reading was aborted');\n        reader.onerror = () => console.log('file reading has failed');\n        reader.onload = () => {\n            let ext = `image/${file.name.split('.').pop().toLowerCase()}`;\n            if (ext === 'image/jpg') {\n                ext = 'image/jpeg';\n            } else if (ext.includes('svg')) {\n                ext = 'image/svg+xml';\n            }\n            if (file.size > maxSize) {\n                window.alert(I18n.t('File is too big. Max %sk allowed. Try use SVG.', Math.round(maxSize / 1024)));\n                return;\n            }\n            const base64 = `data:${ext};base64,${btoa(\n                new Uint8Array(reader.result as ArrayBufferLike).reduce(\n                    (data, byte) => data + String.fromCharCode(byte),\n                    '',\n                ),\n            )}`;\n\n            this.props.oContext.socket\n                .writeFile64(this.objectID, this.path + file.name, base64)\n                .then(() => this.updateFiles())\n                .catch(e => window.alert(`Cannot upload file: ${e}`));\n        };\n        reader.readAsArrayBuffer(file);\n    }\n\n    renderDeleteDialog(): JSX.Element | null {\n        if (!this.state.deleteFile) {\n            return null;\n        }\n        return (\n            <DialogConfirm\n                title={I18n.t('ra_Are you sure?')}\n                text={I18n.t('ra_File will be deleted')}\n                ok={I18n.t('ra_Delete')}\n                cancel={I18n.t('ra_Cancel')}\n                onClose={isOk => {\n                    const deleteFile = this.state.deleteFile;\n                    this.setState({ deleteFile: '' }, () => {\n                        if (isOk) {\n                            this.props.oContext.socket\n                                .deleteFile(this.objectID, deleteFile)\n                                .then(() => this.updateFiles())\n                                .catch(e => window.alert(`Cannot delete file: ${e}`));\n                        }\n                    });\n                }}\n            />\n        );\n    }\n\n    static base64ToArrayBuffer(base64: string): ArrayBufferLike {\n        const binaryString = window.atob(base64);\n        const len = binaryString.length;\n        const bytes = new Uint8Array(len);\n        for (let i = 0; i < len; i++) {\n            bytes[i] = binaryString.charCodeAt(i);\n        }\n        return bytes.buffer;\n    }\n\n    loadFile(): Promise<{ file: string; mimeType: string }> {\n        return this.props.oContext.socket.readFile(this.objectID, this.state.value, true);\n    }\n\n    play(): void {\n        void this.loadFile().then(data => {\n            if (typeof AudioContext !== 'undefined') {\n                const oContext = new AudioContext();\n                const buf = ConfigFileSelector.base64ToArrayBuffer(data.file);\n                void oContext.decodeAudioData(\n                    buf,\n                    (buffer: AudioBuffer): void => {\n                        const source = oContext.createBufferSource(); // creates a sound source\n                        source.buffer = buffer; // tell the source which sound to play\n                        source.connect(oContext.destination); // connect the source to the oContext's destination (the speakers)\n                        source.start(0);\n                    },\n                    (err: DOMException): void => window.alert(`Cannot play: ${err.message}`),\n                );\n            }\n        });\n    }\n\n    getFileIcon(item: { value: string; label: string; extension?: string }): JSX.Element | null {\n        if (!item?.extension) {\n            return null;\n        }\n        if (IMAGE_EXT.includes(item.extension)) {\n            return (\n                <div\n                    style={{\n                        ...styles.selectedImage,\n                        backgroundImage: `url(${this.imagePrefix}/${this.objectID}/${item.value})`,\n                        backgroundSize: 'contain',\n                        backgroundRepeat: 'no-repeat',\n                    }}\n                />\n            );\n        }\n        if (AUDIO_EXT.includes(item.extension)) {\n            return <IconAudio />;\n        }\n        if (DOC_EXT.includes(item.extension)) {\n            return <IconText />;\n        }\n        if (VIDEO_EXT.includes(item.extension)) {\n            return <IconVideo />;\n        }\n        if (JS_EXT.includes(item.extension)) {\n            return <IconCode />;\n        }\n        return null;\n    }\n\n    renderItem(error: string, disabled: boolean /* , defaultValue */): JSX.Element | null {\n        if (!this.state.files) {\n            return null;\n        }\n        const folders: string[] = [];\n        if (!this.props.schema.withFolder) {\n            this.state.files.forEach(file => {\n                const pos = file.name.lastIndexOf('/');\n                if (pos === -1) {\n                    if (!folders.includes('/')) {\n                        folders.push('/');\n                    }\n                } else {\n                    const folder = file.name.substring(0, pos + 1);\n                    if (!folders.includes(folder)) {\n                        folders.push(folder);\n                    }\n                }\n            });\n        }\n\n        const selectOptions: { value: string; label: string; extension?: string }[] = this.state.files.map(file => ({\n            value: file.name,\n            label:\n                !this.props.schema.withFolder && folders.length === 1\n                    ? `${file.name.substring(folders[0].length)}`\n                    : `${file.name}${this.props.schema.noSize ? '' : `(${file.size})`}`,\n            extension: file.name.toLowerCase().split('.').pop(),\n        }));\n\n        if (!this.props.schema.noNone) {\n            selectOptions.unshift({ label: I18n.t('ra_none'), value: '' });\n        }\n\n        const item: { value: string; label: string; extension?: string } = selectOptions.find(\n            _item => _item.value === this.state.value,\n        );\n\n        let buttons = 0;\n\n        if (this.props.schema.upload) {\n            buttons++;\n        }\n        if (this.props.schema.refresh) {\n            buttons++;\n        }\n        const play =\n            this.state.value &&\n            (this.state.value.endsWith('.mp3') ||\n                this.state.value.endsWith('.ogg') ||\n                this.state.value.endsWith('.wav'));\n        // show play button\n        if (play) {\n            buttons++;\n        }\n\n        const element = (\n            <div style={styles.fullWidth}>\n                <FormControl\n                    variant=\"standard\"\n                    style={{ width: `calc(100% - ${buttons * 42}px)` }}\n                >\n                    {this.props.schema.label ? <InputLabel>{this.getText(this.props.schema.label)}</InputLabel> : null}\n                    <Select\n                        variant=\"standard\"\n                        error={!!error}\n                        disabled={!!disabled}\n                        value={this.state.value || '_'}\n                        renderValue={() => (\n                            <>\n                                {this.getFileIcon(item)}\n                                <span>{item?.label || ''}</span>\n                            </>\n                        )}\n                        onChange={e => {\n                            this.setState({ value: e.target.value === '_' ? '' : e.target.value }, () =>\n                                this.onChange(this.props.attr, this.state.value),\n                            );\n                        }}\n                    >\n                        {selectOptions.map(it => (\n                            <MenuItem\n                                key={it.value}\n                                value={it.value}\n                            >\n                                <ListItemIcon>{this.getFileIcon(it)}</ListItemIcon>\n                                <ListItemText>{it.label}</ListItemText>\n                                {this.props.schema.delete && item.value ? (\n                                    <IconButton\n                                        style={styles.deleteButton}\n                                        size=\"small\"\n                                        onClick={() => this.setState({ deleteFile: item.value })}\n                                    >\n                                        <IconDelete />\n                                    </IconButton>\n                                ) : null}\n                            </MenuItem>\n                        ))}\n                    </Select>\n                    {this.props.schema.help ? (\n                        <FormHelperText>\n                            {this.renderHelp(\n                                this.props.schema.help,\n                                this.props.schema.helpLink,\n                                this.props.schema.noTranslation,\n                            )}\n                        </FormHelperText>\n                    ) : null}\n                </FormControl>\n                {this.props.schema.refresh && (\n                    <IconButton onClick={() => this.updateFiles()}>\n                        <IconRefresh />\n                    </IconButton>\n                )}\n                {this.props.schema.upload && (\n                    <IconButton onClick={() => this.dropzoneRef.current?.open()}>\n                        <IconUpload />\n                    </IconButton>\n                )}\n                {play && (\n                    <IconButton\n                        style={{ color: '#00FF00' }}\n                        onClick={() => this.play()}\n                    >\n                        <IconPlay />\n                    </IconButton>\n                )}\n            </div>\n        );\n\n        if (!this.props.schema.upload) {\n            return (\n                <>\n                    {element}\n                    {this.renderDeleteDialog()}\n                </>\n            );\n        }\n        let accept: Record<string, string[]> = { '*/*': [] };\n        if (this.props.schema.fileTypes === 'image') {\n            accept = {\n                'image/*': ['.png', '.jpg', '.svg', '.gif', '.apng', '.avif', '.webp'],\n            };\n        } else if (this.props.schema.fileTypes === 'audio') {\n            accept = {\n                'audio/*': ['.mp3', '.ogg', '.wav', '.mp4'],\n            };\n        } else if (this.props.schema.fileTypes === 'text') {\n            accept = {\n                'text/plain': ['.txt'],\n            };\n        }\n        if (this.props.schema.pattern) {\n            const last = this.props.schema.pattern.split('/').pop().toLowerCase().replace(/.*\\./, '');\n            if (\n                last === 'png' ||\n                last === 'jpg' ||\n                last === 'svg' ||\n                last === 'gif' ||\n                last === 'apng' ||\n                last === 'avif' ||\n                last === 'webp'\n            ) {\n                accept = {\n                    'image/*': ['.png', '.jpg', '.svg', '.gif', '.apng', '.avif', '.webp'],\n                };\n            } else if (last === 'mp3' || last === 'ogg' || last === 'wav') {\n                accept = {\n                    'audio/*': ['.mp3', '.ogg', '.wav', '.mp4'],\n                };\n            } else if (last === 'ics') {\n                accept = {\n                    'text/calendar': ['.ics'],\n                };\n            } else if (last === 'txt') {\n                accept = {\n                    'text/plain': ['.txt'],\n                };\n            } else if (last === 'pem') {\n                accept = {\n                    'text/plain': ['.pem'],\n                };\n            } else {\n                accept = {\n                    '*/*': [`.${last}`],\n                };\n            }\n        }\n\n        return (\n            <Dropzone\n                ref={this.dropzoneRef}\n                multiple={false}\n                accept={accept}\n                noKeyboard\n                noClick\n                maxSize={this.props.schema.maxSize || 2 * 1024 * 1024}\n                onDragEnter={() => {\n                    this.setState({ uploadFile: 'dragging' });\n                }}\n                onDragLeave={() => this.setState({ uploadFile: true })}\n                onDrop={(acceptedFiles, errors) => {\n                    this.setState({ uploadFile: false });\n                    if (!acceptedFiles.length) {\n                        window.alert(\n                            (errors &&\n                                errors[0] &&\n                                errors[0].errors &&\n                                errors[0].errors[0] &&\n                                errors[0].errors[0].message) ||\n                                I18n.t('Cannot upload'),\n                        );\n                    } else {\n                        this.onDrop(acceptedFiles);\n                    }\n                }}\n            >\n                {({ getRootProps, getInputProps }) => (\n                    <div\n                        style={{\n                            ...styles.uploadDiv,\n                            ...(this.state.uploadFile === 'dragging' ? styles.uploadDivDragging : undefined),\n                            ...(disabled ? styles.disabledOpacity : undefined),\n                        }}\n                        {...getRootProps()}\n                    >\n                        <input {...getInputProps()} />\n                        {this.state.uploadFile === 'dragging' ? (\n                            <div\n                                style={{\n                                    ...styles.uploadCenterDiv,\n                                    ...(this.state.uploadError ? styles.error : undefined),\n                                }}\n                            >\n                                <div style={styles.uploadCenterTextAndIcon}>\n                                    <UploadIcon style={styles.uploadCenterIcon} />\n                                    <div style={styles.uploadCenterText}>\n                                        {this.state.uploadFile === 'dragging'\n                                            ? I18n.t('ra_Drop file here')\n                                            : I18n.t(\n                                                  'ra_Place your files here or click here to open the browse dialog',\n                                              )}\n                                    </div>\n                                </div>\n                            </div>\n                        ) : null}\n                        {element}\n                        {this.renderDeleteDialog()}\n                    </div>\n                )}\n            </Dropzone>\n        );\n    }\n}\n\nexport default ConfigFileSelector;\n"]}
+{"version":3,"file":"ConfigFileSelector.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigFileSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\nimport Dropzone, { type DropzoneRef } from 'react-dropzone';\n\nimport {\n    InputLabel,\n    MenuItem,\n    FormHelperText,\n    FormControl,\n    Select,\n    IconButton,\n    ListItemText,\n    ListItemIcon,\n} from '@mui/material';\n\nimport {\n    Refresh as IconRefresh,\n    UploadFile as IconUpload,\n    Delete as IconDelete,\n    PlayArrow as IconPlay,\n    MusicNote as IconAudio,\n    Videocam as IconVideo,\n    Article as IconText,\n    Code as IconCode,\n    UploadFile as UploadIcon,\n} from '@mui/icons-material';\n\nimport { DialogConfirm, Utils, I18n } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemFileSelector } from '#JC/types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nconst styles: Record<string, React.CSSProperties> = {\n    fullWidth: {\n        width: '100%',\n    },\n    fullWidthOneButton: {\n        width: 'calc(100% - 42px)',\n    },\n    fullWidthTwoButtons: {\n        width: 'calc(100% - 84px)',\n    },\n    fullWidthThreeButtons: {\n        width: 'calc(100% - 126x)',\n    },\n    dropZone: {\n        width: '100%',\n        height: '100%',\n        position: 'absolute',\n    },\n    dropZoneEmpty: {},\n    image: {\n        objectFit: 'contain',\n        margin: 'auto',\n        display: 'flex',\n        width: '100%',\n        height: '100%',\n    },\n    uploadDiv: {\n        position: 'relative',\n        width: '100%',\n    },\n    uploadDivDragging: {\n        opacity: 1,\n        background: 'rgba(128,255,128,0.1)',\n    },\n    uploadCenterDiv: {\n        margin: 5,\n        border: '3px dashed grey',\n        borderRadius: 5,\n        width: '100%',\n        height: '100%',\n        position: 'absolute',\n        display: 'flex',\n    },\n    uploadCenterIcon: {\n        paddingTop: 10,\n        width: 48,\n        height: 48,\n    },\n    uploadCenterText: {\n        fontSize: 16,\n    },\n    uploadCenterTextAndIcon: {\n        textAlign: 'center',\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        left: 0,\n        right: 0,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    disabledOpacity: {\n        opacity: 0.3,\n        cursor: 'default',\n    },\n    error: {\n        border: '2px solid red',\n    },\n    deleteButton: {},\n    selectedImage: {\n        height: 40,\n        width: 40,\n        display: 'inline-block',\n        marginRight: 8,\n    },\n};\n\nconst IMAGE_EXT = ['jpg', 'jpeg', 'svg', 'png', 'webp', 'gif', 'apng', 'avif', 'webp'];\nconst AUDIO_EXT = ['mp3', 'ogg', 'wav', 'aac'];\nconst VIDEO_EXT = ['avi', 'mp4', 'mov'];\nconst DOC_EXT = ['txt', 'log', 'html', 'htm'];\nconst JS_EXT = ['json', 'js', 'ts'];\n\ninterface ConfigFileSelectorProps extends ConfigGenericProps {\n    schema: ConfigItemFileSelector;\n}\n\ninterface ConfigFileSelectorState extends ConfigGenericState {\n    uploadFile?: boolean | 'dragging';\n    uploadError?: boolean;\n    files?: { name: string; size: string }[];\n    deleteFile?: string;\n}\n\nclass ConfigFileSelector extends ConfigGeneric<ConfigFileSelectorProps, ConfigFileSelectorState> {\n    private readonly dropzoneRef: React.RefObject<DropzoneRef>;\n\n    private readonly imagePrefix: string;\n\n    private objectID: string;\n\n    private path: string;\n\n    constructor(props: ConfigFileSelectorProps) {\n        super(props);\n        this.dropzoneRef = React.createRef();\n        this.imagePrefix = this.props.oContext.imagePrefix === undefined ? './files' : this.props.oContext.imagePrefix;\n    }\n\n    componentDidMount(): void {\n        super.componentDidMount();\n\n        this.objectID = (this.props.schema.objectID || '0_userdata.0').replace(\n            '%INSTANCE%',\n            (this.props.oContext.instance || 0).toString(),\n        );\n        this.path = this.props.schema.upload;\n        if (this.path) {\n            if (this.path === '/') {\n                this.path = '';\n            } else if (!this.path.endsWith('/')) {\n                this.path = `${this.path}/`;\n            }\n        }\n\n        // read files\n        void this.updateFiles().then(() => {\n            const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n            this.setState({ value });\n            // subscribe on this folder\n            this.props.oContext.socket\n                .subscribeFiles(this.objectID, `${this.path}/*`, this.onFolderChanged)\n                .catch(e => console.error(`Cannot subscribe: ${e}`));\n        });\n    }\n\n    onFolderChanged = (_id: string, fileName: string): void => {\n        if (this.path && fileName.startsWith(this.path)) {\n            this.updateFiles().catch(e => console.error(`Cannot update files: ${e}`));\n        }\n    };\n\n    componentWillUnmount(): void {\n        this.props.oContext.socket\n            .subscribeFiles(this.objectID, `${this.path}/*`, this.onFolderChanged)\n            .catch(e => console.error(`Cannot subscribe: ${e}`));\n\n        super.componentWillUnmount();\n    }\n\n    async updateFiles(): Promise<void> {\n        const files = await this.readFiles(this.props.schema.pattern);\n        await new Promise<void>(resolve => this.setState({ files }, resolve));\n    }\n\n    async readFolder(\n        folderName: string,\n        files: { name: string; size: string }[],\n        filter: string,\n    ): Promise<{ name: string; size: string }[]> {\n        try {\n            const dirFiles = await this.props.oContext.socket.readDir(\n                this.objectID,\n                folderName.replace(/^\\//, '') || null,\n            );\n            for (let f = 0; f < dirFiles.length; f++) {\n                const file = dirFiles[f];\n                if (file.isDir) {\n                    // read it\n                    await this.readFolder(`${folderName + file.file}/`, files, filter);\n                } else {\n                    let ok = false;\n                    if (filter === '*.*' && file.file.includes('.')) {\n                        ok = true;\n                    } else if (!filter || filter === '*') {\n                        ok = true;\n                    } else if (filter === '.*' && file.file.startsWith('.')) {\n                        ok = true;\n                    } else {\n                        const regExp = new RegExp(`^${filter.replace(/\\./g, '\\\\.').replace(/\\*/g, '.*')}$`);\n                        ok = regExp.test(file.file);\n                    }\n\n                    if (ok) {\n                        files.push({\n                            name: folderName + file.file,\n                            size: file.stats ? Utils.formatBytes(file.stats.size) : '--',\n                        });\n                    }\n                }\n            }\n        } catch (e) {\n            console.error(`Cannot read \"${folderName}\": ${e}`);\n        }\n\n        return files;\n    }\n\n    async readFiles(pattern: string): Promise<{ name: string; size: string }[]> {\n        const files: { name: string; size: string }[] = [];\n        pattern = pattern || this.props.schema.pattern;\n        if (!pattern) {\n            pattern = '**/*.*';\n        }\n        let filter;\n        const pos = pattern.lastIndexOf('/');\n        if (pos === -1) {\n            filter = pattern;\n        } else {\n            filter = pattern.substring(pos + 1);\n        }\n\n        if (pattern.startsWith('**')) {\n            // read all folders\n            await this.readFolder('/', files, filter);\n        } else {\n            const pos_ = pattern.lastIndexOf('/');\n            if (pos_ === -1) {\n                await this.readFolder('/', files, filter);\n            } else {\n                const folder = pattern.substring(0, pos_ + 1);\n                await this.readFolder(folder, files, filter);\n            }\n        }\n\n        return files;\n    }\n\n    onDrop(acceptedFiles: File[]): void {\n        const file = acceptedFiles[0];\n        const reader = new FileReader();\n        const maxSize = this.props.schema.maxSize || 2 * 1024 * 1024;\n\n        reader.onabort = () => console.log('file reading was aborted');\n        reader.onerror = () => console.log('file reading has failed');\n        reader.onload = (/* e: ProgressEvent<FileReader> */): void => {\n            if (file.size > maxSize) {\n                window.alert(I18n.t('File is too big. Max %sk allowed. Try use SVG.', Math.round(maxSize / 1024)));\n                return;\n            }\n\n            this.props.oContext.socket\n                .writeFile64(this.objectID, this.path + file.name, reader.result as ArrayBufferLike)\n                .then(() => this.updateFiles())\n                .then(() =>\n                    // Automatically select the new uploaded file\n                    this.setState({ value: this.path + file.name }, () =>\n                        this.onChange(this.props.attr, this.path + file.name),\n                    ),\n                )\n                .catch(e => window.alert(`Cannot upload file: ${e}`));\n        };\n        reader.readAsArrayBuffer(file);\n    }\n\n    renderDeleteDialog(): JSX.Element | null {\n        if (!this.state.deleteFile) {\n            return null;\n        }\n        return (\n            <DialogConfirm\n                title={I18n.t('ra_Are you sure?')}\n                text={I18n.t('ra_File will be deleted')}\n                ok={I18n.t('ra_Delete')}\n                cancel={I18n.t('ra_Cancel')}\n                onClose={isOk => {\n                    const deleteFile = this.state.deleteFile;\n                    this.setState({ deleteFile: '' }, () => {\n                        if (isOk) {\n                            this.props.oContext.socket\n                                .deleteFile(this.objectID, deleteFile)\n                                .then(() => this.updateFiles())\n                                .catch(e => window.alert(`Cannot delete file: ${e}`));\n                        }\n                    });\n                }}\n            />\n        );\n    }\n\n    static base64ToArrayBuffer(base64: string): ArrayBufferLike {\n        const binaryString = window.atob(base64);\n        const len = binaryString.length;\n        const bytes = new Uint8Array(len);\n        for (let i = 0; i < len; i++) {\n            bytes[i] = binaryString.charCodeAt(i);\n        }\n        return bytes.buffer;\n    }\n\n    loadFile(): Promise<{ file: string; mimeType: string }> {\n        return this.props.oContext.socket.readFile(this.objectID, this.state.value, true);\n    }\n\n    play(): void {\n        void this.loadFile().then(data => {\n            if (typeof AudioContext !== 'undefined') {\n                const oContext = new AudioContext();\n                const buf = ConfigFileSelector.base64ToArrayBuffer(data.file);\n                void oContext.decodeAudioData(\n                    buf,\n                    (buffer: AudioBuffer): void => {\n                        const source = oContext.createBufferSource(); // creates a sound source\n                        source.buffer = buffer; // tell the source which sound to play\n                        source.connect(oContext.destination); // connect the source to the oContext's destination (the speakers)\n                        source.start(0);\n                    },\n                    (err: DOMException): void => window.alert(`Cannot play: ${err.message}`),\n                );\n            }\n        });\n    }\n\n    getFileIcon(item: { value: string; label: string; extension?: string }): JSX.Element | null {\n        if (!item?.extension) {\n            return null;\n        }\n        if (IMAGE_EXT.includes(item.extension)) {\n            return (\n                <div\n                    style={{\n                        ...styles.selectedImage,\n                        backgroundImage: `url(${this.imagePrefix}/${this.objectID}/${item.value})`,\n                        backgroundSize: 'contain',\n                        backgroundRepeat: 'no-repeat',\n                    }}\n                />\n            );\n        }\n        if (AUDIO_EXT.includes(item.extension)) {\n            return <IconAudio />;\n        }\n        if (DOC_EXT.includes(item.extension)) {\n            return <IconText />;\n        }\n        if (VIDEO_EXT.includes(item.extension)) {\n            return <IconVideo />;\n        }\n        if (JS_EXT.includes(item.extension)) {\n            return <IconCode />;\n        }\n        return null;\n    }\n\n    renderItem(error: string, disabled: boolean /* , defaultValue */): JSX.Element | null {\n        if (!this.state.files) {\n            return null;\n        }\n        const folders: string[] = [];\n        if (!this.props.schema.withFolder) {\n            this.state.files.forEach(file => {\n                const pos = file.name.lastIndexOf('/');\n                if (pos === -1) {\n                    if (!folders.includes('/')) {\n                        folders.push('/');\n                    }\n                } else {\n                    const folder = file.name.substring(0, pos + 1);\n                    if (!folders.includes(folder)) {\n                        folders.push(folder);\n                    }\n                }\n            });\n        }\n\n        const selectOptions: { value: string; label: string; extension?: string }[] = this.state.files.map(file => ({\n            value: file.name,\n            label:\n                !this.props.schema.withFolder && folders.length === 1\n                    ? `${file.name.substring(folders[0].length)}`\n                    : `${file.name}${this.props.schema.noSize ? '' : `(${file.size})`}`,\n            extension: file.name.toLowerCase().split('.').pop(),\n        }));\n\n        if (!this.props.schema.noNone) {\n            selectOptions.unshift({ label: I18n.t('ra_none'), value: '' });\n        }\n\n        const item: { value: string; label: string; extension?: string } = selectOptions.find(\n            _item => _item.value === this.state.value,\n        );\n\n        let buttons = 0;\n\n        if (this.props.schema.upload) {\n            buttons++;\n        }\n        if (this.props.schema.refresh) {\n            buttons++;\n        }\n        const play =\n            this.state.value &&\n            (this.state.value.endsWith('.mp3') ||\n                this.state.value.endsWith('.ogg') ||\n                this.state.value.endsWith('.wav'));\n        // show play button\n        if (play) {\n            buttons++;\n        }\n\n        const element = (\n            <div style={styles.fullWidth}>\n                <FormControl\n                    variant=\"standard\"\n                    style={{ width: `calc(100% - ${buttons * 42}px)` }}\n                >\n                    {this.props.schema.label ? <InputLabel>{this.getText(this.props.schema.label)}</InputLabel> : null}\n                    <Select\n                        variant=\"standard\"\n                        error={!!error}\n                        disabled={!!disabled}\n                        value={this.state.value || '_'}\n                        renderValue={() => (\n                            <>\n                                {this.getFileIcon(item)}\n                                <span>{item?.label || ''}</span>\n                            </>\n                        )}\n                        onChange={e => {\n                            this.setState({ value: e.target.value === '_' ? '' : e.target.value }, () =>\n                                this.onChange(this.props.attr, this.state.value),\n                            );\n                        }}\n                    >\n                        {selectOptions.map(it => (\n                            <MenuItem\n                                key={it.value}\n                                value={it.value}\n                            >\n                                <ListItemIcon>{this.getFileIcon(it)}</ListItemIcon>\n                                <ListItemText>{it.label}</ListItemText>\n                                {this.props.schema.delete && item.value ? (\n                                    <IconButton\n                                        style={styles.deleteButton}\n                                        size=\"small\"\n                                        onClick={() => this.setState({ deleteFile: item.value })}\n                                    >\n                                        <IconDelete />\n                                    </IconButton>\n                                ) : null}\n                            </MenuItem>\n                        ))}\n                    </Select>\n                    {this.props.schema.help ? (\n                        <FormHelperText>\n                            {this.renderHelp(\n                                this.props.schema.help,\n                                this.props.schema.helpLink,\n                                this.props.schema.noTranslation,\n                            )}\n                        </FormHelperText>\n                    ) : null}\n                </FormControl>\n                {this.props.schema.refresh && (\n                    <IconButton onClick={() => this.updateFiles()}>\n                        <IconRefresh />\n                    </IconButton>\n                )}\n                {this.props.schema.upload && (\n                    <IconButton onClick={() => this.dropzoneRef.current?.open()}>\n                        <IconUpload />\n                    </IconButton>\n                )}\n                {play && (\n                    <IconButton\n                        style={{ color: '#00FF00' }}\n                        onClick={() => this.play()}\n                    >\n                        <IconPlay />\n                    </IconButton>\n                )}\n            </div>\n        );\n\n        if (!this.props.schema.upload) {\n            return (\n                <>\n                    {element}\n                    {this.renderDeleteDialog()}\n                </>\n            );\n        }\n        let accept: Record<string, string[]> = { '*/*': [] };\n        if (this.props.schema.fileTypes === 'image') {\n            accept = {\n                'image/*': ['.png', '.jpg', '.svg', '.gif', '.apng', '.avif', '.webp'],\n            };\n        } else if (this.props.schema.fileTypes === 'audio') {\n            accept = {\n                'audio/*': ['.mp3', '.ogg', '.wav', '.mp4'],\n            };\n        } else if (this.props.schema.fileTypes === 'text') {\n            accept = {\n                'text/plain': ['.txt'],\n            };\n        }\n        if (this.props.schema.pattern) {\n            const last = this.props.schema.pattern.split('/').pop().toLowerCase().replace(/.*\\./, '');\n            if (\n                last === 'png' ||\n                last === 'jpg' ||\n                last === 'svg' ||\n                last === 'gif' ||\n                last === 'apng' ||\n                last === 'avif' ||\n                last === 'webp'\n            ) {\n                accept = {\n                    'image/*': ['.png', '.jpg', '.svg', '.gif', '.apng', '.avif', '.webp'],\n                };\n            } else if (last === 'mp3' || last === 'ogg' || last === 'wav') {\n                accept = {\n                    'audio/*': ['.mp3', '.ogg', '.wav', '.mp4'],\n                };\n            } else if (last === 'ics') {\n                accept = {\n                    'text/calendar': ['.ics'],\n                };\n            } else if (last === 'txt') {\n                accept = {\n                    'text/plain': ['.txt'],\n                };\n            } else if (last === 'pem') {\n                accept = {\n                    'text/plain': ['.pem'],\n                };\n            } else {\n                accept = {\n                    '*/*': [`.${last}`],\n                };\n            }\n        }\n\n        return (\n            <Dropzone\n                ref={this.dropzoneRef}\n                multiple={false}\n                accept={accept}\n                noKeyboard\n                noClick\n                maxSize={this.props.schema.maxSize || 2 * 1024 * 1024}\n                onDragEnter={() => {\n                    this.setState({ uploadFile: 'dragging' });\n                }}\n                onDragLeave={() => this.setState({ uploadFile: true })}\n                onDrop={(acceptedFiles, errors) => {\n                    this.setState({ uploadFile: false });\n                    if (!acceptedFiles.length) {\n                        window.alert(errors?.[0]?.errors?.[0]?.message || I18n.t('Cannot upload'));\n                    } else {\n                        this.onDrop(acceptedFiles);\n                    }\n                }}\n            >\n                {({ getRootProps, getInputProps }) => (\n                    <div\n                        style={{\n                            ...styles.uploadDiv,\n                            ...(this.state.uploadFile === 'dragging' ? styles.uploadDivDragging : undefined),\n                            ...(disabled ? styles.disabledOpacity : undefined),\n                        }}\n                        {...getRootProps()}\n                    >\n                        <input {...getInputProps()} />\n                        {this.state.uploadFile === 'dragging' ? (\n                            <div\n                                style={{\n                                    ...styles.uploadCenterDiv,\n                                    ...(this.state.uploadError ? styles.error : undefined),\n                                }}\n                            >\n                                <div style={styles.uploadCenterTextAndIcon}>\n                                    <UploadIcon style={styles.uploadCenterIcon} />\n                                    <div style={styles.uploadCenterText}>\n                                        {this.state.uploadFile === 'dragging'\n                                            ? I18n.t('ra_Drop file here')\n                                            : I18n.t(\n                                                  'ra_Place your files here or click here to open the browse dialog',\n                                              )}\n                                    </div>\n                                </div>\n                            </div>\n                        ) : null}\n                        {element}\n                        {this.renderDeleteDialog()}\n                    </div>\n                )}\n            </Dropzone>\n        );\n    }\n}\n\nexport default ConfigFileSelector;\n"]}

package/build/JsonConfigComponent/ConfigGeneric.d.ts

@@ -1,5 +1,5 @@
 import React, { Component, type JSX } from 'react';
-import { type Connection, type ThemeType, type ThemeName } from '@iobroker/adapter-react-v5';
+import { type Connection, type ThemeType, type ThemeName, type IobTheme } from '@iobroker/adapter-react-v5';
 import type { ConfigIconType, ConfigItemAny, ConfigItemConfirmData, JsonConfigContext } from '#JC/types';
 export declare function isObject(it: any): it is Record<string, any>;
 export interface DeviceManagerPropsProps {
@@ -7,6 +7,7 @@ export interface DeviceManagerPropsProps {
     selectedInstance: string;
     registerHandler?: (handler: null | ((command: string) => void)) => void;
     themeName: ThemeName;
+    theme: IobTheme;
     themeType: ThemeType;
     isFloatComma: boolean;
     dateFormat: string;