@iobroker/json-config 8.4.10 → 8.4.12

package/README.md

@@ -1822,6 +1822,14 @@ The schema is used here: https://github.com/SchemaStore/schemastore/blob/6da29cd
 	### **WORK IN PROGRESS**
 -->
 ## Changelog
+### 8.4.12 (2026-06-29)
+- (@GermanBluefox) Corrected the file selector component
+- (@GermanBluefox) Implemented no translation for select component
+- (@GermanBluefox) Implemented debug mode for components to analyze JS functions
+
+### 8.4.11 (2026-06-21)
+- (@GermanBluefox) Added missing translations
+
 ### 8.4.10 (2026-06-20)
 - (@GermanBluefox) Fixed state component
 

package/build/JsonConfigComponent/ConfigFile.d.ts

@@ -7,7 +7,7 @@ interface ConfigFileProps extends ConfigGenericProps {
 interface ConfigFileState extends ConfigGenericState {
     showFileBrowser?: boolean;
 }
-declare class ConfigFile extends ConfigGeneric<ConfigFileProps, ConfigFileState> {
+export default class ConfigFile extends ConfigGeneric<ConfigFileProps, ConfigFileState> {
     private imagePrefix;
     componentDidMount(): Promise<void>;
     static getDerivedStateFromProps(props: ConfigFileProps, state: ConfigFileState): Partial<ConfigFileState> | null;
@@ -20,4 +20,4 @@ declare class ConfigFile extends ConfigGeneric<ConfigFileProps, ConfigFileState>
     renderFileBrowser(): JSX.Element | null;
     renderItem(error: string, disabled: boolean): JSX.Element;
 }
-export default ConfigFile;
+export {};

package/build/JsonConfigComponent/ConfigFile.js

@@ -28,7 +28,7 @@ const AUDIO_EXT = ['mp3', 'ogg', 'wav', 'aac'];
 const VIDEO_EXT = ['avi', 'mp4', 'mov'];
 const DOC_EXT = ['txt', 'log', 'html', 'htm'];
 const JS_EXT = ['json', 'js', 'ts'];
-class ConfigFile extends ConfigGeneric {
+export default class ConfigFile extends ConfigGeneric {
     imagePrefix = '../..';
     async componentDidMount() {
         await super.componentDidMount();
@@ -119,5 +119,4 @@ class ConfigFile extends ConfigGeneric {
             this.renderFileBrowser()));
     }
 }
-export default ConfigFile;
 //# sourceMappingURL=ConfigFile.js.map

package/build/JsonConfigComponent/ConfigFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigFile.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigFile.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Button, TextField, IconButton } from '@mui/material';\n\nimport {\n    Article as IconText,\n    Code as IconCode,\n    PlayArrow as IconPlay,\n    Videocam as IconVideo,\n} from '@mui/icons-material';\n\nimport { DialogSelectFile } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemFile } from '../types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\nimport ConfigFileSelector from './ConfigFileSelector';\n\nconst styles: Record<string, React.CSSProperties> = {\n    fullWidth: {\n        width: '100%',\n    },\n    fullWidthOneButton: {\n        width: 'calc(100% - 69px)',\n        marginRight: 4,\n    },\n    fullWidthIcon: {\n        width: 'calc(100% - 119px)',\n        marginRight: 4,\n    },\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 ConfigFileProps extends ConfigGenericProps {\n    schema: ConfigItemFile;\n}\n\ninterface ConfigFileState extends ConfigGenericState {\n    showFileBrowser?: boolean;\n}\n\nclass ConfigFile extends ConfigGeneric<ConfigFileProps, ConfigFileState> {\n    private imagePrefix = '../..';\n\n    async componentDidMount(): Promise<void> {\n        await super.componentDidMount();\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        this.imagePrefix = this.props.oContext.imagePrefix ?? './files';\n        this.setState({ value: value ?? '' });\n    }\n\n    static getDerivedStateFromProps(props: ConfigFileProps, state: ConfigFileState): Partial<ConfigFileState> | null {\n        const value = ConfigGeneric.getValue(props.data, props.attr);\n        if (\n            value === null ||\n            value === undefined ||\n            value.toString().trim() !== (state.value || '').toString().trim()\n        ) {\n            return { value: value ?? '' };\n        }\n        return null;\n    }\n\n    loadFile(): Promise<{ file: string; mimeType: string } | null> {\n        const pos = this.state.value.indexOf('/');\n        if (pos !== -1) {\n            const adapter = this.state.value.substring(0, pos);\n            const path = this.state.value.substring(pos + 1);\n            return this.props.oContext.socket.readFile(adapter, path, true);\n        }\n\n        return Promise.resolve(null);\n    }\n\n    play(): void {\n        void this.loadFile().then(data => {\n            if (typeof AudioContext !== 'undefined' && data?.file) {\n                const oContext = new AudioContext();\n                const buf: ArrayBuffer = ConfigFileSelector.base64ToArrayBuffer(data.file) as ArrayBuffer;\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 sounds 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    getIcon(): JSX.Element | null {\n        const extension = this.state.value.split('.').pop().toLowerCase();\n        if (IMAGE_EXT.includes(extension)) {\n            return (\n                <div\n                    style={{\n                        ...styles.selectedImage,\n                        backgroundImage: `url(${this.imagePrefix}/${this.state.value})`,\n                        backgroundSize: 'contain',\n                        backgroundRepeat: 'no-repeat',\n                    }}\n                />\n            );\n        }\n        if (AUDIO_EXT.includes(extension)) {\n            return (\n                <IconButton\n                    style={{ color: '#00FF00' }}\n                    onClick={() => this.play()}\n                >\n                    <IconPlay />\n                </IconButton>\n            );\n        }\n        if (DOC_EXT.includes(extension)) {\n            return <IconText />;\n        }\n        if (VIDEO_EXT.includes(extension)) {\n            return <IconVideo />;\n        }\n        if (JS_EXT.includes(extension)) {\n            return <IconCode />;\n        }\n        return null;\n    }\n\n    renderFileBrowser(): JSX.Element | null {\n        if (!this.state.showFileBrowser) {\n            return null;\n        }\n        return (\n            <DialogSelectFile\n                imagePrefix={this.props.oContext.imagePrefix}\n                socket={this.props.oContext.socket}\n                selected={this.state.value}\n                onClose={() => this.setState({ showFileBrowser: false })}\n                onOk={_value => {\n                    const value = Array.isArray(_value) ? _value[0] : _value;\n                    this.setState({ value }, () =>\n                        this.onChange(this.props.attr, this.props.schema.trim === false ? value : (value || '').trim()),\n                    );\n                }}\n                selectOnlyFolders={this.props.schema.selectOnlyFolders}\n                allowUpload={this.props.schema.allowUpload}\n                allowDownload={this.props.schema.allowDownload}\n                allowCreateFolder={this.props.schema.allowCreateFolder}\n                allowView={this.props.schema.allowView}\n                showToolbar={this.props.schema.showToolbar}\n                limitPath={this.props.schema.limitPath}\n                theme={this.props.oContext.theme}\n            />\n        );\n    }\n\n    renderItem(error: string, disabled: boolean /* , defaultValue */): JSX.Element {\n        const icon = this.getIcon();\n\n        return (\n            <div style={styles.fullWidth}>\n                {icon}\n                <TextField\n                    variant=\"standard\"\n                    style={icon ? styles.fullWidthIcon : styles.fullWidthOneButton}\n                    value={this.state.value ?? ''}\n                    error={!!error}\n                    disabled={!!disabled}\n                    slotProps={{\n                        htmlInput: {\n                            maxLength: this.props.schema.maxLength || this.props.schema.max || undefined,\n                            readOnly: !!this.props.schema.disableEdit,\n                        },\n                    }}\n                    onChange={e => {\n                        const value = e.target.value;\n                        this.setState({ value }, () =>\n                            this.onChange(\n                                this.props.attr,\n                                this.props.schema.trim === false ? value : (value || '').trim(),\n                            ),\n                        );\n                    }}\n                    placeholder={this.getText(this.props.schema.placeholder)}\n                    label={this.getText(this.props.schema.label)}\n                    helperText={this.renderHelp(\n                        this.props.schema.help,\n                        this.props.schema.helpLink,\n                        this.props.schema.noTranslation,\n                    )}\n                />\n                <Button\n                    disabled={disabled}\n                    variant=\"outlined\"\n                    onClick={() => this.setState({ showFileBrowser: true })}\n                >\n                    ...\n                </Button>\n                {this.renderFileBrowser()}\n            </div>\n        );\n    }\n}\n\nexport default ConfigFile;\n"]}
+{"version":3,"file":"ConfigFile.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigFile.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Button, TextField, IconButton } from '@mui/material';\n\nimport {\n    Article as IconText,\n    Code as IconCode,\n    PlayArrow as IconPlay,\n    Videocam as IconVideo,\n} from '@mui/icons-material';\n\nimport { DialogSelectFile } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemFile } from '../types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\nimport ConfigFileSelector from './ConfigFileSelector';\n\nconst styles: Record<string, React.CSSProperties> = {\n    fullWidth: {\n        width: '100%',\n    },\n    fullWidthOneButton: {\n        width: 'calc(100% - 69px)',\n        marginRight: 4,\n    },\n    fullWidthIcon: {\n        width: 'calc(100% - 119px)',\n        marginRight: 4,\n    },\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 ConfigFileProps extends ConfigGenericProps {\n    schema: ConfigItemFile;\n}\n\ninterface ConfigFileState extends ConfigGenericState {\n    showFileBrowser?: boolean;\n}\n\nexport default class ConfigFile extends ConfigGeneric<ConfigFileProps, ConfigFileState> {\n    private imagePrefix = '../..';\n\n    async componentDidMount(): Promise<void> {\n        await super.componentDidMount();\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        this.imagePrefix = this.props.oContext.imagePrefix ?? './files';\n        this.setState({ value: value ?? '' });\n    }\n\n    static getDerivedStateFromProps(props: ConfigFileProps, state: ConfigFileState): Partial<ConfigFileState> | null {\n        const value = ConfigGeneric.getValue(props.data, props.attr);\n        if (\n            value === null ||\n            value === undefined ||\n            value.toString().trim() !== (state.value || '').toString().trim()\n        ) {\n            return { value: value ?? '' };\n        }\n        return null;\n    }\n\n    loadFile(): Promise<{ file: string; mimeType: string } | null> {\n        const pos = this.state.value.indexOf('/');\n        if (pos !== -1) {\n            const adapter = this.state.value.substring(0, pos);\n            const path = this.state.value.substring(pos + 1);\n            return this.props.oContext.socket.readFile(adapter, path, true);\n        }\n\n        return Promise.resolve(null);\n    }\n\n    play(): void {\n        void this.loadFile().then(data => {\n            if (typeof AudioContext !== 'undefined' && data?.file) {\n                const oContext = new AudioContext();\n                const buf: ArrayBuffer = ConfigFileSelector.base64ToArrayBuffer(data.file) as ArrayBuffer;\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 sounds 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    getIcon(): JSX.Element | null {\n        const extension = this.state.value.split('.').pop().toLowerCase();\n        if (IMAGE_EXT.includes(extension)) {\n            return (\n                <div\n                    style={{\n                        ...styles.selectedImage,\n                        backgroundImage: `url(${this.imagePrefix}/${this.state.value})`,\n                        backgroundSize: 'contain',\n                        backgroundRepeat: 'no-repeat',\n                    }}\n                />\n            );\n        }\n        if (AUDIO_EXT.includes(extension)) {\n            return (\n                <IconButton\n                    style={{ color: '#00FF00' }}\n                    onClick={() => this.play()}\n                >\n                    <IconPlay />\n                </IconButton>\n            );\n        }\n        if (DOC_EXT.includes(extension)) {\n            return <IconText />;\n        }\n        if (VIDEO_EXT.includes(extension)) {\n            return <IconVideo />;\n        }\n        if (JS_EXT.includes(extension)) {\n            return <IconCode />;\n        }\n        return null;\n    }\n\n    renderFileBrowser(): JSX.Element | null {\n        if (!this.state.showFileBrowser) {\n            return null;\n        }\n        return (\n            <DialogSelectFile\n                imagePrefix={this.props.oContext.imagePrefix}\n                socket={this.props.oContext.socket}\n                selected={this.state.value}\n                onClose={() => this.setState({ showFileBrowser: false })}\n                onOk={_value => {\n                    const value = Array.isArray(_value) ? _value[0] : _value;\n                    this.setState({ value }, () =>\n                        this.onChange(this.props.attr, this.props.schema.trim === false ? value : (value || '').trim()),\n                    );\n                }}\n                selectOnlyFolders={this.props.schema.selectOnlyFolders}\n                allowUpload={this.props.schema.allowUpload}\n                allowDownload={this.props.schema.allowDownload}\n                allowCreateFolder={this.props.schema.allowCreateFolder}\n                allowView={this.props.schema.allowView}\n                showToolbar={this.props.schema.showToolbar}\n                limitPath={this.props.schema.limitPath}\n                theme={this.props.oContext.theme}\n            />\n        );\n    }\n\n    renderItem(error: string, disabled: boolean /* , defaultValue */): JSX.Element {\n        const icon = this.getIcon();\n\n        return (\n            <div style={styles.fullWidth}>\n                {icon}\n                <TextField\n                    variant=\"standard\"\n                    style={icon ? styles.fullWidthIcon : styles.fullWidthOneButton}\n                    value={this.state.value ?? ''}\n                    error={!!error}\n                    disabled={!!disabled}\n                    slotProps={{\n                        htmlInput: {\n                            maxLength: this.props.schema.maxLength || this.props.schema.max || undefined,\n                            readOnly: !!this.props.schema.disableEdit,\n                        },\n                    }}\n                    onChange={e => {\n                        const value = e.target.value;\n                        this.setState({ value }, () =>\n                            this.onChange(\n                                this.props.attr,\n                                this.props.schema.trim === false ? value : (value || '').trim(),\n                            ),\n                        );\n                    }}\n                    placeholder={this.getText(this.props.schema.placeholder)}\n                    label={this.getText(this.props.schema.label)}\n                    helperText={this.renderHelp(\n                        this.props.schema.help,\n                        this.props.schema.helpLink,\n                        this.props.schema.noTranslation,\n                    )}\n                />\n                <Button\n                    disabled={disabled}\n                    variant=\"outlined\"\n                    onClick={() => this.setState({ showFileBrowser: true })}\n                >\n                    ...\n                </Button>\n                {this.renderFileBrowser()}\n            </div>\n        );\n    }\n}\n"]}

package/build/JsonConfigComponent/ConfigFileSelector.d.ts

@@ -13,7 +13,7 @@ interface ConfigFileSelectorState extends ConfigGenericState {
     }[];
     deleteFile?: string;
 }
-declare class ConfigFileSelector extends ConfigGeneric<ConfigFileSelectorProps, ConfigFileSelectorState> {
+export default class ConfigFileSelector extends ConfigGeneric<ConfigFileSelectorProps, ConfigFileSelectorState> {
     private readonly dropzoneRef;
     private readonly imagePrefix;
     private objectID;
@@ -49,4 +49,4 @@ declare class ConfigFileSelector extends ConfigGeneric<ConfigFileSelectorProps,
     }): JSX.Element | null;
     renderItem(error: string, disabled: boolean): JSX.Element | null;
 }
-export default ConfigFileSelector;
+export {};

package/build/JsonConfigComponent/ConfigFileSelector.js

@@ -87,7 +87,7 @@ const AUDIO_EXT = ['mp3', 'ogg', 'wav', 'aac'];
 const VIDEO_EXT = ['avi', 'mp4', 'mov'];
 const DOC_EXT = ['txt', 'log', 'html', 'htm'];
 const JS_EXT = ['json', 'js', 'ts'];
-class ConfigFileSelector extends ConfigGeneric {
+export default class ConfigFileSelector extends ConfigGeneric {
     dropzoneRef;
     imagePrefix;
     objectID;
@@ -113,7 +113,7 @@ 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
+            // subscribe to this folder
             this.props.oContext.socket
                 .subscribeFiles(this.objectID, `${this.path}/*`, this.onFolderChanged)
                 .catch(e => console.error(`Cannot subscribe: ${e}`));
@@ -348,7 +348,10 @@ class ConfigFileSelector extends ConfigGeneric {
                     } }, selectOptions.map(it => (React.createElement(MenuItem, { key: it.value, value: it.value },
                     React.createElement(ListItemIcon, null, this.getFileIcon(it)),
                     React.createElement(ListItemText, null, it.label),
-                    this.props.schema.delete && item.value ? (React.createElement(IconButton, { style: styles.deleteButton, size: "small", onClick: () => this.setState({ deleteFile: item.value }) },
+                    this.props.schema.delete && it.value ? (React.createElement(IconButton, { style: styles.deleteButton, size: "small", onClick: e => {
+                            e.stopPropagation();
+                            this.setState({ deleteFile: it.value });
+                        } },
                         React.createElement(IconDelete, null))) : null)))),
                 this.props.schema.help ? (React.createElement(FormHelperText, null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation))) : null),
             this.props.schema.refresh && (React.createElement(IconButton, { onClick: () => this.updateFiles() },
@@ -446,5 +449,4 @@ class ConfigFileSelector extends ConfigGeneric {
             this.renderDeleteDialog()))));
     }
 }
-export default ConfigFileSelector;
 //# sourceMappingURL=ConfigFileSelector.js.map

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    UploadFile as UploadIcon,\n} from '@mui/icons-material';\n\nimport { DialogConfirm, Utils, I18n } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemFileSelector } from '../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 ?? './files';\n    }\n\n    async componentDidMount(): Promise<void> {\n        await 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('jc_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 ArrayBuffer)\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('jc_Are you sure?')}\n                text={I18n.t('jc_File will be deleted')}\n                ok={I18n.t('jc_Delete')}\n                cancel={I18n.t('jc_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: ArrayBuffer = ConfigFileSelector.base64ToArrayBuffer(data.file) as ArrayBuffer;\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('jc_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('jc_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('jc_Drop file here')\n                                            : I18n.t(\n                                                  'jc_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 '../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\nexport default class 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 ?? './files';\n    }\n\n    async componentDidMount(): Promise<void> {\n        await 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 to 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('jc_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 ArrayBuffer)\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('jc_Are you sure?')}\n                text={I18n.t('jc_File will be deleted')}\n                ok={I18n.t('jc_Delete')}\n                cancel={I18n.t('jc_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: ArrayBuffer = ConfigFileSelector.base64ToArrayBuffer(data.file) as ArrayBuffer;\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('jc_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 && it.value ? (\n                                    <IconButton\n                                        style={styles.deleteButton}\n                                        size=\"small\"\n                                        onClick={e => {\n                                            e.stopPropagation();\n                                            this.setState({ deleteFile: it.value });\n                                        }}\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('jc_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('jc_Drop file here')\n                                            : I18n.t(\n                                                  'jc_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"]}

package/build/JsonConfigComponent/ConfigGeneric.d.ts

@@ -122,8 +122,18 @@ export default class ConfigGeneric<Props extends ConfigGenericProps = ConfigGene
     onChange(attr: string, newValue: unknown, cb?: () => void): Promise<void>;
     /** Ensure that every bare getObject( call is preceded by "await". */
     static ensureAwaitGetObject(code: string): string;
-    execute(func: string | boolean | Record<string, string>, defaultValue: string | number | boolean, data: Record<string, any>, arrayIndex: number, globalData: Record<string, any>): Promise<string | number | boolean>;
-    executeCustom(func: string | boolean | Record<string, string>, data: Record<string, any>, customObj: Record<string, any>, instanceObj: ioBroker.InstanceObject, arrayIndex: number, globalData: Record<string, any>): Promise<string | boolean | number | null>;
+    /**
+     * Log the evaluation of a JS function to the browser console if the element has `debug: true`.
+     * Requested in https://github.com/ioBroker/ioBroker.admin/issues/3374
+     *
+     * @param funcName name of the evaluated function, e.g. `hidden`, `disabled`, `validator`
+     * @param func the JS function source that was executed
+     * @param result the value the function returned (or an Error if it threw)
+     * @param data the data object the function was executed against
+     */
+    protected debugLog(funcName: string, func: string, result: unknown, data?: Record<string, any>): void;
+    execute(func: string | boolean | Record<string, string>, defaultValue: string | number | boolean, data: Record<string, any>, arrayIndex: number, globalData: Record<string, any>, funcName?: string): Promise<string | number | boolean>;
+    executeCustom(func: string | boolean | Record<string, string>, data: Record<string, any>, customObj: Record<string, any>, instanceObj: ioBroker.InstanceObject, arrayIndex: number, globalData: Record<string, any>, funcName?: string): Promise<string | boolean | number | null>;
     calculate(schema: Record<string, any>): Promise<{
         error: boolean;
         disabled: boolean;

package/build/JsonConfigComponent/ConfigGeneric.js

@@ -62,10 +62,10 @@ export default class ConfigGeneric extends Component {
     async componentDidMount() {
         if (this.props.schema?.defaultFunc) {
             if (this.props.custom) {
-                this.defaultValue = await this.executeCustom(this.props.schema.defaultFunc, this.props.data, this.props.customObj, this.props.oContext.instanceObj, this.props.arrayIndex, this.props.globalData);
+                this.defaultValue = await this.executeCustom(this.props.schema.defaultFunc, this.props.data, this.props.customObj, this.props.oContext.instanceObj, this.props.arrayIndex, this.props.globalData, 'defaultFunc');
             }
             else if (this.props.schema.type !== 'state') {
-                this.defaultValue = await this.execute(this.props.schema.defaultFunc, this.props.schema.default, this.props.data, this.props.arrayIndex, this.props.globalData);
+                this.defaultValue = await this.execute(this.props.schema.defaultFunc, this.props.schema.default, this.props.data, this.props.arrayIndex, this.props.globalData, 'defaultFunc');
             }
         }
         this.props.oContext.registerOnForceUpdate?.(this.props.attr, this.onUpdate);
@@ -410,7 +410,7 @@ export default class ConfigGeneric extends Component {
         const data = JSON.parse(JSON.stringify(this.props.data));
         ConfigGeneric.setValue(data, attr, newValue);
         if (this.props.schema.confirm &&
-            (await this.execute(this.props.schema.confirm.condition, false, data, this.props.arrayIndex, this.props.globalData))) {
+            (await this.execute(this.props.schema.confirm.condition, false, data, this.props.arrayIndex, this.props.globalData, 'confirm.condition'))) {
             return new Promise(resolve => {
                 this.setState({
                     confirmDialog: true,
@@ -433,7 +433,7 @@ export default class ConfigGeneric extends Component {
                 const dep = this.props.schema.confirmDependsOn[z];
                 if (dep.confirm) {
                     const val = ConfigGeneric.getValue(data, dep.attr);
-                    if (await this.execute(dep.confirm.condition, false, data, this.props.arrayIndex, this.props.globalData)) {
+                    if (await this.execute(dep.confirm.condition, false, data, this.props.arrayIndex, this.props.globalData, 'confirm.condition')) {
                         return new Promise(resolve => {
                             this.setState({
                                 confirmDialog: true,
@@ -463,10 +463,10 @@ export default class ConfigGeneric extends Component {
                     const val = ConfigGeneric.getValue(data, dep.attr);
                     let _newValue;
                     if (this.props.custom) {
-                        _newValue = await this.executeCustom(dep.onChange.calculateFunc, data, this.props.customObj, this.props.oContext.instanceObj, this.props.arrayIndex, this.props.globalData);
+                        _newValue = await this.executeCustom(dep.onChange.calculateFunc, data, this.props.customObj, this.props.oContext.instanceObj, this.props.arrayIndex, this.props.globalData, 'onChange.calculateFunc');
                     }
                     else {
-                        _newValue = await this.execute(dep.onChange.calculateFunc, val, data, this.props.arrayIndex, this.props.globalData);
+                        _newValue = await this.execute(dep.onChange.calculateFunc, val, data, this.props.arrayIndex, this.props.globalData, 'onChange.calculateFunc');
                     }
                     if (_newValue !== val) {
                         ConfigGeneric.setValue(data, dep.attr, _newValue);
@@ -502,8 +502,8 @@ export default class ConfigGeneric extends Component {
         if (this.props.schema.onChange && !this.props.schema.onChange.ignoreOwnChanges) {
             const val = ConfigGeneric.getValue(data, this.props.attr);
             const newValue_ = this.props.custom
-                ? await this.executeCustom(this.props.schema.onChange.calculateFunc, data, this.props.customObj, this.props.oContext.instanceObj, this.props.arrayIndex, this.props.globalData)
-                : await this.execute(this.props.schema.onChange.calculateFunc, val, data, this.props.arrayIndex, this.props.globalData);
+                ? await this.executeCustom(this.props.schema.onChange.calculateFunc, data, this.props.customObj, this.props.oContext.instanceObj, this.props.arrayIndex, this.props.globalData, 'onChange.calculateFunc')
+                : await this.execute(this.props.schema.onChange.calculateFunc, val, data, this.props.arrayIndex, this.props.globalData, 'onChange.calculateFunc');
             if (newValue_ !== val) {
                 ConfigGeneric.setValue(data, this.props.attr, newValue_);
             }
@@ -534,7 +534,35 @@ export default class ConfigGeneric extends Component {
             return `await ${match}`;
         });
     }
-    async execute(func, defaultValue, data, arrayIndex, globalData) {
+    /**
+     * Log the evaluation of a JS function to the browser console if the element has `debug: true`.
+     * Requested in https://github.com/ioBroker/ioBroker.admin/issues/3374
+     *
+     * @param funcName name of the evaluated function, e.g. `hidden`, `disabled`, `validator`
+     * @param func the JS function source that was executed
+     * @param result the value the function returned (or an Error if it threw)
+     * @param data the data object the function was executed against
+     */
+    debugLog(funcName, func, result, data) {
+        if (!this.props.schema?.debug) {
+            return;
+        }
+        const attr = this.props.attr || this.props.schema?.attr || '';
+        const label = `%c[jsonConfig]%c ${attr ? `${attr} → ` : ''}${funcName}`;
+        const payload = {
+            function: func,
+            result,
+            data: data ?? this.props.data,
+            arrayIndex: this.props.arrayIndex,
+        };
+        if (result instanceof Error) {
+            console.error(label, 'background:#b71c1c;color:#fff;border-radius:3px;padding:1px 4px', 'color:#e53935', payload);
+        }
+        else {
+            console.log(label, 'background:#33691e;color:#fff;border-radius:3px;padding:1px 4px', 'color:#7cb342', payload);
+        }
+    }
+    async execute(func, defaultValue, data, arrayIndex, globalData, funcName) {
         let fun;
         if (isObject(func)) {
             fun = func.func;
@@ -554,14 +582,17 @@ export default class ConfigGeneric extends Component {
         }
         try {
             const f = new this.AsyncFunction('data', 'originalData', '_system', '_alive', '_common', '_socket', '_instance', 'arrayIndex', 'globalData', '_changed', '_href', 'getObject', fun.includes('return') ? fun : `return ${fun}`);
-            return await f(data || this.props.data, this.props.originalData, this.props.oContext.systemConfig, this.props.alive, this.props.common, this.props.oContext.socket, this.props.oContext.instance, arrayIndex, globalData, this.props.changed, window.location.href, this.getObject);
+            const result = await f(data || this.props.data, this.props.originalData, this.props.oContext.systemConfig, this.props.alive, this.props.common, this.props.oContext.socket, this.props.oContext.instance, arrayIndex, globalData, this.props.changed, window.location.href, this.getObject);
+            this.debugLog(funcName || 'JS function', fun, result, data);
+            return result;
         }
         catch (e) {
+            this.debugLog(funcName || 'JS function', fun, e instanceof Error ? e : new Error(String(e)), data);
             console.error(`Cannot execute ${JSON.stringify(func)}: ${e}`);
             return defaultValue;
         }
     }
-    async executeCustom(func, data, customObj, instanceObj, arrayIndex, globalData) {
+    async executeCustom(func, data, customObj, instanceObj, arrayIndex, globalData, funcName) {
         let fun;
         if (isObject(func)) {
             fun = func.func;
@@ -581,9 +612,12 @@ export default class ConfigGeneric extends Component {
         }
         try {
             const f = new this.AsyncFunction('data', 'originalData', '_system', 'instanceObj', 'customObj', '_socket', 'arrayIndex', 'globalData', '_changed', '_href', 'getObject', fun.includes('return') ? fun : `return ${fun}`);
-            return await f(data || this.props.data, this.props.originalData, this.props.oContext.systemConfig, instanceObj, customObj, this.props.oContext.socket, arrayIndex, globalData, this.props.changed, window.location.href, this.getObject);
+            const result = await f(data || this.props.data, this.props.originalData, this.props.oContext.systemConfig, instanceObj, customObj, this.props.oContext.socket, arrayIndex, globalData, this.props.changed, window.location.href, this.getObject);
+            this.debugLog(funcName || 'JS function', fun, result, data);
+            return result;
         }
         catch (e) {
+            this.debugLog(funcName || 'JS function', fun, e instanceof Error ? e : new Error(String(e)), data);
             console.error(`Cannot execute ${fun}: ${e}`);
             return null;
         }
@@ -595,14 +629,14 @@ export default class ConfigGeneric extends Component {
         let defaultValue;
         if (this.props.custom) {
             error = schema.validator
-                ? !(await this.executeCustom(schema.validator, this.props.data, this.props.customObj, this.props.oContext.instanceObj, this.props.arrayIndex, this.props.globalData))
+                ? !(await this.executeCustom(schema.validator, this.props.data, this.props.customObj, this.props.oContext.instanceObj, this.props.arrayIndex, this.props.globalData, 'validator'))
                 : false;
             if (schema.disabled === true) {
                 disabled = true;
             }
             else {
                 disabled = schema.disabled
-                    ? (await this.executeCustom(schema.disabled, this.props.data, this.props.customObj, this.props.oContext.instanceObj, this.props.arrayIndex, this.props.globalData))
+                    ? (await this.executeCustom(schema.disabled, this.props.data, this.props.customObj, this.props.oContext.instanceObj, this.props.arrayIndex, this.props.globalData, 'disabled'))
                     : false;
             }
             if (schema.hidden === true) {
@@ -610,23 +644,23 @@ export default class ConfigGeneric extends Component {
             }
             else {
                 hidden = schema.hidden
-                    ? (await this.executeCustom(schema.hidden, this.props.data, this.props.customObj, this.props.oContext.instanceObj, this.props.arrayIndex, this.props.globalData))
+                    ? (await this.executeCustom(schema.hidden, this.props.data, this.props.customObj, this.props.oContext.instanceObj, this.props.arrayIndex, this.props.globalData, 'hidden'))
                     : false;
             }
             defaultValue = schema.defaultFunc
-                ? await this.executeCustom(schema.defaultFunc, this.props.data, this.props.customObj, this.props.oContext.instanceObj, this.props.arrayIndex, this.props.globalData)
+                ? await this.executeCustom(schema.defaultFunc, this.props.data, this.props.customObj, this.props.oContext.instanceObj, this.props.arrayIndex, this.props.globalData, 'defaultFunc')
                 : schema.default;
         }
         else {
             error = schema.validator
-                ? !(await this.execute(schema.validator, false, this.props.data, this.props.arrayIndex, this.props.globalData))
+                ? !(await this.execute(schema.validator, false, this.props.data, this.props.arrayIndex, this.props.globalData, 'validator'))
                 : false;
             if (schema.disabled === true) {
                 disabled = true;
             }
             else {
                 disabled = schema.disabled
-                    ? (await this.execute(schema.disabled, false, this.props.data, this.props.arrayIndex, this.props.globalData))
+                    ? (await this.execute(schema.disabled, false, this.props.data, this.props.arrayIndex, this.props.globalData, 'disabled'))
                     : false;
             }
             if (schema.hidden === true) {
@@ -634,11 +668,11 @@ export default class ConfigGeneric extends Component {
             }
             else {
                 hidden = schema.hidden
-                    ? (await this.execute(schema.hidden, false, this.props.data, this.props.arrayIndex, this.props.globalData))
+                    ? (await this.execute(schema.hidden, false, this.props.data, this.props.arrayIndex, this.props.globalData, 'hidden'))
                     : false;
             }
             defaultValue = schema.defaultFunc
-                ? await this.execute(schema.defaultFunc, schema.default, this.props.data, this.props.arrayIndex, this.props.globalData)
+                ? await this.execute(schema.defaultFunc, schema.default, this.props.data, this.props.arrayIndex, this.props.globalData, 'defaultFunc')
                 : schema.default;
         }
         return {