@iobroker/adapter-react-v5 7.2.2 → 7.2.4

package/Components/ComplexCron.js

@@ -38,7 +38,7 @@ const styles = {
     periodSelect: {
         // margin: '0 10px 60px 10px',
         display: 'block',
-        width: 200,
+        width: 250,
     },
     slider: {
         marginTop: 20,
@@ -400,9 +400,9 @@ class ComplexCron extends react_1.Component {
         const everyMinute = this.state.minutes === '*' || this.state.minutes === '*/1';
         const everySecond = this.state.seconds === '*' || this.state.seconds === '*/1';
         return (react_1.default.createElement("div", { style: styles.mainDiv },
-            react_1.default.createElement("div", { style: { paddingLeft: 8, width: '100%' } },
+            react_1.default.createElement("div", { style: { paddingLeft: 8, width: 'calc(100% - px)' } },
                 react_1.default.createElement(material_1.TextField, { variant: "standard", style: { width: '100%' }, value: this.state.cron, disabled: true })),
-            react_1.default.createElement("div", { style: { paddingLeft: 8, width: '100%', height: 60 } },
+            react_1.default.createElement("div", { style: { paddingLeft: 8, width: 'calc(100% - px)', height: 60 } },
                 ComplexCron.convertCronToText(this.state.cron, this.props.language || 'en'),
                 react_1.default.createElement("span", { style: styles.warning }, everySecond
                     ? i18n_1.default.t('ra_warning_every_second')

package/Components/FileBrowser.d.ts

@@ -4,7 +4,7 @@
  * MIT License
  *
  */
-import React, { Component } from 'react';
+import React, { Component, type JSX } from 'react';
 import type { Connection } from '@iobroker/socket-client';
 import type { ThemeName, ThemeType, Translate, IobTheme } from '../types';
 export interface MetaACL extends ioBroker.ObjectACL {
@@ -69,7 +69,7 @@ export interface FileBrowserProps {
     /** Padding in pixels for folder levels */
     levelPadding?: number;
     restrictToFolder?: string;
-    modalEditOfAccessControl?: (obj: FileBrowserClass) => React.JSX.Element | null;
+    modalEditOfAccessControl?: (obj: FileBrowserClass) => JSX.Element | null;
     allowNonRestricted?: boolean;
     showTypeSelector?: boolean;
 }
@@ -145,38 +145,38 @@ export declare class FileBrowserClass extends Component<FileBrowserProps, FileBr
     readDirSerial(adapter: string, relPath: string): Promise<ioBroker.ReadDirResult[]>;
     processBrowseList(level?: number): void;
     browseFolder(folderId: string, _newFolders?: Folders | null, _checkEmpty?: boolean, force?: boolean): Promise<Folders>;
-    toggleFolder(item: FolderOrFileItem, e: React.MouseEvent<Element>): void;
+    toggleFolder(item: FolderOrFileItem, e: React.MouseEvent): void;
     onFileChange: (id: string, fileName: string, size: number | null) => void;
     changeFolder(e: React.MouseEvent<HTMLDivElement>, folder?: string): void;
     select(id: string, e?: React.MouseEvent<HTMLDivElement> | null, cb?: () => void): void;
     getText(text?: ioBroker.StringOrTranslated | null): string | undefined;
-    renderFolder(item: FolderOrFileItem, expanded?: boolean): React.JSX.Element | null;
-    renderBackFolder(): React.JSX.Element;
-    formatSize(size: number | null | undefined): React.JSX.Element;
-    formatAcl(acl: ioBroker.EvaluatedFileACL | MetaACL | undefined): React.JSX.Element;
-    getFileIcon(ext: string | null): React.JSX.Element;
+    renderFolder(item: FolderOrFileItem, expanded?: boolean): JSX.Element | null;
+    renderBackFolder(): JSX.Element;
+    formatSize(size: number | null | undefined): JSX.Element;
+    formatAcl(acl: ioBroker.EvaluatedFileACL | MetaACL | undefined): JSX.Element;
+    getFileIcon(ext: string | null): JSX.Element;
     static getEditFile(ext: string | null): boolean;
     setStateBackgroundImage: () => void;
     getStyleBackgroundImage: () => React.CSSProperties | null;
-    renderFile(item: FolderOrFileItem): React.JSX.Element;
-    renderItems(folderId: string): React.JSX.Element | (React.JSX.Element | null)[];
-    renderToolbar(): React.JSX.Element;
+    renderFile(item: FolderOrFileItem): JSX.Element;
+    renderItems(folderId: string): JSX.Element | (JSX.Element | null)[];
+    renderToolbar(): JSX.Element;
     findItem(id: string, folders?: Folders | null): null | FolderOrFileItem;
-    renderInputDialog(): React.JSX.Element | null;
+    renderInputDialog(): JSX.Element | null;
     componentDidUpdate(): void;
     findFirstFolder(id: string): string | null;
     uploadFile(fileName: string, data: string): Promise<void>;
-    renderUpload(): React.JSX.Element[] | null;
+    renderUpload(): JSX.Element[] | null;
     deleteRecursive(id: string): Promise<void>;
     deleteItem(deleteItem: string): void;
-    renderDeleteDialog(): React.JSX.Element | null;
-    renderViewDialog(): React.JSX.Element | null;
-    renderError(): React.JSX.Element | null;
+    renderDeleteDialog(): JSX.Element | null;
+    renderViewDialog(): JSX.Element | null;
+    renderError(): JSX.Element | null;
     updateItemsAcl(info: FolderOrFileItem[]): void;
     changeToPath(): void;
-    renderBreadcrumb(): React.JSX.Element;
-    renderPath(): React.JSX.Element;
-    render(): React.JSX.Element;
+    renderBreadcrumb(): JSX.Element;
+    renderPath(): JSX.Element;
+    render(): JSX.Element;
 }
-declare const _default: (props: Record<string, any>) => React.JSX.Element;
+declare const _default: (props: Record<string, any>) => JSX.Element;
 export default _default;

package/Components/FileBrowser.js

@@ -63,9 +63,6 @@ const FILE_TYPE_ICONS = {
     video: icons_material_1.Videocam,
 };
 const styles = {
-    dialog: (theme) => ({
-        height: `calc(100% - ${theme.mixins.toolbar.minHeight}px)`,
-    }),
     root: {
         width: '100%',
         overflow: 'hidden',
@@ -107,7 +104,8 @@ const styles = {
         textAlign: 'center',
         opacity: 0.1,
         transition: 'opacity 1s',
-        margin: 4,
+        margin: '4px',
+        borderRadius: '4px',
         '&:hover': {
             background: theme.palette.secondary.light,
             color: Utils_1.default.invertColor(theme.palette.secondary.main, true),
@@ -228,8 +226,8 @@ const styles = {
         opacity: 0.4,
     },
     itemFolderIconTable: (theme) => ({
-        marginTop: 1,
-        marginLeft: 8,
+        marginTop: '1px',
+        marginLeft: '8px',
         display: 'inline-block',
         width: 30,
         height: 30,
@@ -362,6 +360,9 @@ const styles = {
             background: theme.palette.primary.main,
         },
     }),
+    pathDivBreadcrumbSelected: {
+    // todo: add style
+    },
     backgroundImageLight: {
         background: 'white',
     },
@@ -838,7 +839,19 @@ class FileBrowserClass extends react_1.Component {
         const adapter = parts.shift();
         const relPath = parts.join('/');
         // make all requests here serial
-        const files = await this.readDirSerial(adapter || '', relPath);
+        let files;
+        try {
+            files = await this.readDirSerial(adapter || '', relPath);
+        }
+        catch (error) {
+            // work around: 0_userdata.0 is a special folder, that should exist event when other folders and itself do not exit, as the browser shows it anyway.
+            if (error === 'Not exists' && adapter === '0_userdata.0') {
+                files = [];
+            }
+            else {
+                throw error;
+            }
+        }
         try {
             const _folders = [];
             files.forEach(file => {
@@ -922,9 +935,7 @@ class FileBrowserClass extends react_1.Component {
         }
     }
     changeFolder(e, folder) {
-        if (e) {
-            e.stopPropagation();
-        }
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
         this.lastSelect = Date.now();
         let _folder = folder || getParentDir(this.state.currentDir);
         if (_folder === '/') {
@@ -932,8 +943,10 @@ class FileBrowserClass extends react_1.Component {
         }
         this.localStorage.setItem('files.currentDir', _folder);
         if (folder && e && (e.altKey || e.shiftKey || e.ctrlKey || e.metaKey)) {
-            return this.setState({ selected: _folder });
+            this.setState({ selected: _folder });
+            return;
         }
+        // If desired folder is not yet loaded
         if (_folder && !this.state.folders[_folder]) {
             this.browseFolder(_folder)
                 .then(folders => this.setState({
@@ -946,7 +959,7 @@ class FileBrowserClass extends react_1.Component {
                 .catch(_e => console.error(`Cannot read folder: ${_e.message}`));
             return;
         }
-        return this.setState({
+        this.setState({
             currentDir: _folder,
             selected: _folder,
             path: _folder,
@@ -997,10 +1010,9 @@ class FileBrowserClass extends react_1.Component {
         const padding = this.state.viewType === TABLE ? item.level * this.levelPadding : 0;
         const isUserData = item.name === USER_DATA;
         const isSpecialData = isUserData || item.name === 'vis.0' || item.name === 'vis-2.0';
+        const iconStyle = Utils_1.default.getStyle(this.props.theme, styles[`itemFolderIcon${this.state.viewType}`], isSpecialData && styles.specialFolder);
         return (react_1.default.createElement(material_1.Box, { component: "div", key: item.id, id: item.id, style: this.state.viewType === TABLE ? { marginLeft: padding, width: `calc(100% - ${padding}px` } : {}, onClick: e => (this.state.viewType === TABLE ? this.select(item.id, e) : this.changeFolder(e, item.id)), onDoubleClick: e => this.state.viewType === TABLE && this.toggleFolder(item, e), title: this.getText(item.title), className: "browserItem", sx: Utils_1.default.getStyle(this.props.theme, styles[`item${this.state.viewType}`], styles[`itemFolder${this.state.viewType}`], this.state.selected === item.id ? styles.itemSelected : {}, item.temp ? styles.itemFolderTemp : {}) },
-            react_1.default.createElement(IconEl, { style: Utils_1.default.getStyle(this.props.theme, styles[`itemFolderIcon${this.state.viewType}`], isSpecialData && styles.specialFolder), onClick: this.state.viewType === TABLE
-                    ? (e) => this.toggleFolder(item, e)
-                    : undefined }),
+            react_1.default.createElement(IconEl, { style: iconStyle, onClick: this.state.viewType === TABLE ? (e) => this.toggleFolder(item, e) : undefined }),
             react_1.default.createElement(material_1.Box, { component: "div", sx: Utils_1.default.getStyle(this.props.theme, styles[`itemName${this.state.viewType}`], styles[`itemNameFolder${this.state.viewType}`]) }, isUserData ? this.props.t('ra_User files') : item.name),
             react_1.default.createElement(material_1.Box, { component: "div", style: styles[`itemSize${this.state.viewType}`], sx: { display: { md: 'inline-block', sm: 'none' } } }, this.state.viewType === TABLE && this.state.folders[item.id]
                 ? this.state.folders[item.id].length
@@ -1024,7 +1036,7 @@ class FileBrowserClass extends react_1.Component {
     }
     renderBackFolder() {
         return (react_1.default.createElement(material_1.Box, { component: "div", key: this.state.currentDir, id: this.state.currentDir, onClick: e => this.changeFolder(e), title: this.props.t('ra_Back to %s', getParentDir(this.state.currentDir)), className: "browserItem", sx: Utils_1.default.getStyle(this.props.theme, styles[`item${this.state.viewType}`], styles[`itemFolder${this.state.viewType}`]) },
-            react_1.default.createElement(IconClosed_1.default, { style: styles[`itemFolderIcon${this.state.viewType}`] }),
+            react_1.default.createElement(IconClosed_1.default, { style: Utils_1.default.getStyle(this.props.theme, styles[`itemFolderIcon${this.state.viewType}`]) }),
             react_1.default.createElement(icons_material_1.ArrowBack, { sx: styles.itemFolderIconBack }),
             react_1.default.createElement(material_1.Box, { component: "div", sx: Utils_1.default.getStyle(this.props.theme, styles[`itemName${this.state.viewType}`], styles[`itemNameFolder${this.state.viewType}`]) }, "..")));
     }

package/Components/FileViewer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { type JSX } from 'react';
 export declare const EXTENSIONS: {
     images: string[];
     code: string[];
@@ -6,5 +6,5 @@ export declare const EXTENSIONS: {
     audio: string[];
     video: string[];
 };
-declare const _default: (props: Record<string, any>) => React.JSX.Element;
+declare const _default: (props: Record<string, any>) => JSX.Element;
 export default _default;

package/Components/ObjectBrowser.d.ts

@@ -571,6 +571,9 @@ export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, Ob
     navigateKeyPress(event: React.KeyboardEvent): void;
     /**
      * Find the id from the root
+     *
+     * @param root The current root
+     * @param id The object id to find
      */
     private static getItemFromRoot;
     resizerReset: () => void;

package/Components/ObjectBrowser.js

@@ -871,10 +871,13 @@ function binarySearch(list, find, _start, _end) {
     return false;
 }
 function getName(name, lang) {
-    if (name && typeof name === 'object') {
+    if (typeof name === 'object') {
+        if (!name) {
+            return '';
+        }
         return (name[lang] || name.en || '').toString();
     }
-    return (name || '').toString();
+    return name ? name.toString() : '';
 }
 function getSelectIdIconFromObjects(objects, id, lang, imagePrefix) {
     // `admin` has prefix '.' and `web` has '../..'
@@ -3021,13 +3024,17 @@ class ObjectBrowserClass extends react_1.Component {
     }
     parseObjectForAdmins(columnsForAdmin, obj) {
         if (obj.common && obj.common.adminColumns && obj.common.name) {
-            let columns = obj.common.adminColumns;
+            const columns = obj.common.adminColumns;
+            let aColumns;
             if (columns && typeof columns !== 'object') {
-                columns = [columns];
+                aColumns = [columns];
+            }
+            else if (columns) {
+                aColumns = columns;
             }
             let cColumns;
             if (columns) {
-                cColumns = columns
+                cColumns = aColumns
                     .map((_item) => {
                     if (typeof _item !== 'object') {
                         return { path: _item, name: _item.split('.').pop() };
@@ -3063,7 +3070,7 @@ class ObjectBrowserClass extends react_1.Component {
                         objTypes: item.objTypes,
                     };
                 })
-                    .filter(item => item);
+                    .filter((item) => item);
             }
             else {
                 cColumns = null;
@@ -5282,21 +5289,29 @@ class ObjectBrowserClass extends react_1.Component {
     }
     /**
      * Find the id from the root
+     *
+     * @param root The current root
+     * @param id The object id to find
      */
-    static getItemFromRoot(
-    /** The current root */
-    root, 
-    /** the object id to find */
-    id) {
-        var _b;
+    static getItemFromRoot(root, id) {
         const idArr = id.split('.');
         let currId = '';
         let _root = root;
-        for (const idEntry of idArr) {
+        for (let i = 0; i < idArr.length; i++) {
+            const idEntry = idArr[i];
             currId = currId ? `${currId}.${idEntry}` : idEntry;
-            _root = (_b = _root.children) === null || _b === void 0 ? void 0 : _b.find(item => item.data.id === currId);
-            if (!_root) {
-                break;
+            let found = false;
+            if (_root.children) {
+                for (let j = 0; j < _root.children.length; j++) {
+                    if (_root.children[j].data.id === currId) {
+                        _root = _root.children[j];
+                        found = true;
+                        break;
+                    }
+                }
+            }
+            if (!found) {
+                return null;
             }
         }
         return _root || null;
@@ -5662,7 +5677,6 @@ class ObjectBrowserClass extends react_1.Component {
                 visibility: !!(!this.props.notEditable &&
                     this.props.objectBrowserAliasEditor &&
                     this.props.objectBrowserEditObject &&
-                    this.state.filter.expertMode &&
                     (obj === null || obj === void 0 ? void 0 : obj.type) === 'state' &&
                     // @ts-expect-error deprecated from js-controller 6
                     ((_e = obj.common) === null || _e === void 0 ? void 0 : _e.type) !== 'file'),
@@ -5765,7 +5779,7 @@ class ObjectBrowserClass extends react_1.Component {
                         react_1.default.createElement(material_1.ListItemText, null,
                             ITEMS[key].label,
                             "..."),
-                        react_1.default.createElement(material_1.ListItemSecondaryAction, null,
+                        react_1.default.createElement("div", { style: Object.assign(Object.assign({}, styles.contextMenuKeys), { opacity: 1 }) },
                             react_1.default.createElement(icons_material_1.ArrowRight, null))));
                     if (((_b = this.state.showContextMenu) === null || _b === void 0 ? void 0 : _b.subItem) === key) {
                         items.push(react_1.default.createElement(material_1.Menu, { key: "subContextMenu", open: !0, anchorEl: this.state.showContextMenu.subAnchor, onClose: () => {

package/Components/Schedule.d.ts

@@ -47,7 +47,7 @@ declare class Schedule extends Component<ScheduleProps, ScheduleState> {
     getTimeExactElements(): JSX.Element;
     static getDivider(): JSX.Element;
     getPeriodModes(): JSX.Element[];
-    getPeriodSettingsMinutes(): JSX.Element;
+    getPeriodSettingsMinutes(fromTo: boolean): JSX.Element;
     getPeriodSettingsWeekdays(): JSX.Element[];
     getPeriodSettingsDaily(): JSX.Element[] | null;
     getPeriodSettingsWeekly(): JSX.Element[] | null;

package/Components/Schedule.js

@@ -526,7 +526,7 @@ class Schedule extends react_1.Component {
                     desc.push(i18n_1.default.t('sch_desc_everyMinute'));
                 }
                 else {
-                    // every N minutes
+                    // every N minute
                     desc.push(i18n_1.default.t('sch_desc_everyNMinutes', schedule.time.interval.toString()));
                 }
             }
@@ -535,7 +535,7 @@ class Schedule extends react_1.Component {
                 desc.push(i18n_1.default.t('sch_desc_everyHour'));
             }
             else {
-                // every N minutes
+                // every N minute
                 desc.push(i18n_1.default.t('sch_desc_everyNHours', schedule.time.interval.toString()));
             }
             const start = ASTRO.indexOf(schedule.time.start) !== -1
@@ -600,7 +600,11 @@ class Schedule extends react_1.Component {
                                         this.onChange(_schedule);
                                     } }), label: !fromTo ? i18n_1.default.t('sch_fromTo') : '' }),
                             fromTo && [
-                                react_1.default.createElement(material_1.TextField, { variant: "standard", style: Object.assign(Object.assign({}, styles.inputTime), { marginRight: 10 }), key: "exactTimeFrom", type: "time", value: this.state.schedule.time.start, 
+                                react_1.default.createElement(material_1.TextField, { variant: "standard", style: Object.assign(Object.assign({}, styles.inputTime), { marginRight: 10 }), key: "exactTimeFrom", type: "time", sx: (theme) => ({
+                                        '& input[type="time"]::-webkit-calendar-picker-indicator': {
+                                            filter: theme.palette.mode === 'dark' ? 'invert(80%)' : undefined,
+                                        },
+                                    }), value: this.state.schedule.time.start, 
                                     // InputProps={{inputComponent: TextTime}}
                                     onChange: e => {
                                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
@@ -609,7 +613,11 @@ class Schedule extends react_1.Component {
                                     }, slotProps: {
                                         inputLabel: { shrink: true },
                                     }, label: i18n_1.default.t('sch_from'), margin: "normal" }),
-                                react_1.default.createElement(material_1.TextField, { variant: "standard", style: styles.inputTime, key: "exactTimeTo", type: "time", value: this.state.schedule.time.end, 
+                                react_1.default.createElement(material_1.TextField, { variant: "standard", style: styles.inputTime, key: "exactTimeTo", type: "time", sx: (theme) => ({
+                                        '& input[type="time"]::-webkit-calendar-picker-indicator': {
+                                            filter: theme.palette.mode === 'dark' ? 'invert(80%)' : undefined,
+                                        },
+                                    }), value: this.state.schedule.time.end, 
                                     // InputProps={{inputComponent: TextTime}}
                                     onChange: e => {
                                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
@@ -640,7 +648,7 @@ class Schedule extends react_1.Component {
                                     _schedule.time.end = 'sunrise';
                                     this.onChange(_schedule);
                                 } }), label: i18n_1.default.t('sch_astroNight') })))),
-                !schedule.time.exactTime && this.getPeriodSettingsMinutes())));
+                !schedule.time.exactTime && this.getPeriodSettingsMinutes(fromTo))));
     }
     getTimeExactElements() {
         const isAstro = ASTRO.includes(this.state.schedule.time.start);
@@ -659,13 +667,17 @@ class Schedule extends react_1.Component {
                 react_1.default.createElement(material_1.MenuItem, { key: "specific", value: "00:00" }, i18n_1.default.t('sch_specificTime')),
                 ASTRO.map(event => (react_1.default.createElement(material_1.MenuItem, { key: event, value: event }, i18n_1.default.t(`sch_astro_${event}`)))))),
             this.state.schedule.time.exactTime && !isAstro && (react_1.default.createElement("div", { style: styles.settingsDiv },
-                react_1.default.createElement(material_1.TextField, { variant: "standard", style: styles.inputTime, key: "exactTimeValue", value: this.state.schedule.time.start, type: "time", 
-                    // inputComponent={TextTime}
-                    onChange: e => {
+                react_1.default.createElement(material_1.TextField, { variant: "standard", style: styles.inputTime, key: "exactTimeValue", value: this.state.schedule.time.start, type: "time", sx: (theme) => ({
+                        '& input[type="time"]::-webkit-calendar-picker-indicator': {
+                            filter: theme.palette.mode === 'dark' ? 'invert(80%)' : undefined,
+                        },
+                    }), onChange: e => {
                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                         _schedule.time.start = e.target.value;
                         this.onChange(_schedule);
-                    }, InputLabelProps: { shrink: true }, margin: "normal" })))));
+                    }, slotProps: {
+                        inputLabel: { shrink: true },
+                    }, margin: "normal" })))));
     }
     static getDivider() {
         return react_1.default.createElement("hr", { style: styles.hr });
@@ -719,7 +731,9 @@ class Schedule extends react_1.Component {
                                     this.onChange(_schedule);
                                 }
                             }, 1500, e.target.value);
-                        }, InputLabelProps: { shrink: true }, label: i18n_1.default.t('sch_at'), margin: "normal" })))),
+                        }, slotProps: {
+                            inputLabel: { shrink: true },
+                        }, label: i18n_1.default.t('sch_at'), margin: "normal" })))),
             // ----- days ---
             react_1.default.createElement(material_1.Box, { component: "div", key: "days", sx: Utils_1.default.getStyle(this.props.theme, styles.rowDiv, styles.rowDays) },
                 react_1.default.createElement("div", { style: styles.modeDiv },
@@ -854,9 +868,9 @@ class Schedule extends react_1.Component {
                             MONTHS.map((month, i) => (react_1.default.createElement(material_1.MenuItem, { key: month, value: i + 1 }, i18n_1.default.t(month))))))))),
         ];
     }
-    getPeriodSettingsMinutes() {
-        return (react_1.default.createElement("div", { style: { display: 'inline-block' } },
-            react_1.default.createElement("label", null, i18n_1.default.t('sch_every')),
+    getPeriodSettingsMinutes(fromTo) {
+        return (react_1.default.createElement("div", { style: { display: 'inline-block', marginTop: fromTo ? 15 : 'inherit' } },
+            react_1.default.createElement("label", { style: { marginLeft: 4, marginRight: 4 } }, i18n_1.default.t('sch_every')),
             react_1.default.createElement(material_1.Input, { value: this.state.schedule.time.interval, style: Object.assign(Object.assign({}, styles.inputEvery), { verticalAlign: 'bottom' }), type: "number", inputProps: { min: 1 }, onChange: e => {
                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                     _schedule.time.interval = parseInt(e.target.value, 10);
@@ -1218,7 +1232,9 @@ class Schedule extends react_1.Component {
                                 this.onChange(_schedule);
                             }
                         }, 1500, e.target.value);
-                    }, InputLabelProps: { shrink: true }, margin: "normal" }),
+                    }, slotProps: {
+                        inputLabel: { shrink: true },
+                    }, margin: "normal" }),
                 react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputRadio, checked: !!schedule.valid.to, onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.valid.to = _schedule.valid.to ? '' : Schedule.now2string(true);
@@ -1243,7 +1259,9 @@ class Schedule extends react_1.Component {
                                 this.onChange(_schedule);
                             }
                         }, 1500, e.target.value);
-                    }, InputLabelProps: { shrink: true }, margin: "normal" })))));
+                    }, slotProps: {
+                        inputLabel: { shrink: true },
+                    }, margin: "normal" })))));
     }
     render() {
         return (react_1.default.createElement("div", { style: { height: 'calc(100% - 48px)', width: '100%', overflow: 'hidden' } },

package/Components/SimpleCron/index.js

@@ -36,7 +36,16 @@ const PERIODIC_TYPES = {
     minutes: 'minutes',
     // hours: 'hours',
 };
-const WEEKDAYS = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
+const WEEKDAYS = [
+    'ra_Sunday',
+    'ra_Monday',
+    'ra_Tuesday',
+    'ra_Wednesday',
+    'ra_Thursday',
+    'ra_Friday',
+    'ra_Saturday',
+    'ra_Sunday',
+];
 function padding(num) {
     if (num < 10) {
         return `0${num}`;
@@ -281,6 +290,9 @@ class SimpleCron extends react_1.default.Component {
         const text = [];
         let start = null;
         let end = null;
+        if (!list.length) {
+            return '_';
+        }
         for (let i = 0; i < list.length; i++) {
             if (start === null) {
                 start = list[i];
@@ -459,13 +471,21 @@ class SimpleCron extends react_1.default.Component {
     }
     getControlsWeekdaysElements(type) {
         const settings = type === 'intervalBetween' ? this.state.intervalBetween : this.state.specific;
-        return (react_1.default.createElement("div", { key: "weekdays", style: { paddingLeft: 8, width: '100%', maxWidth: 600 } },
+        return (react_1.default.createElement("div", { key: "weekdays", style: { paddingLeft: 8, width: 'calc(100% - 8px)', maxWidth: 600 } },
             react_1.default.createElement("h5", null, i18n_1.default.t('ra_On weekdays')),
             [1, 2, 3, 4, 5, 6, 0].map(day => (react_1.default.createElement(material_1.FormControlLabel, { key: WEEKDAYS[day], control: react_1.default.createElement(material_1.Checkbox, { checked: settings.weekdays.includes(day), onChange: e => {
                         const _settings = JSON.parse(JSON.stringify(this.state[type]));
                         const pos = _settings.weekdays.indexOf(day);
-                        e.target.checked && pos === -1 && _settings.weekdays.push(day);
-                        !e.target.checked && pos !== -1 && _settings.weekdays.splice(pos, 1);
+                        if (e.target.checked) {
+                            if (pos === -1) {
+                                _settings.weekdays.push(day);
+                            }
+                        }
+                        else {
+                            if (pos !== -1) {
+                                _settings.weekdays.splice(pos, 1);
+                            }
+                        }
                         _settings.weekdays.sort();
                         if (type === 'intervalBetween') {
                             this.setState({ intervalBetween: _settings }, () => this.recalcCron());
@@ -564,7 +584,11 @@ class SimpleCron extends react_1.default.Component {
     getControlsTime(type) {
         const settings = type === 'once' ? this.state.once : this.state.specific;
         return (react_1.default.createElement(material_1.FormControl, { variant: "standard", sx: Object.assign(Object.assign({}, styles.formControl), { '&.MuiFormControl-root': styles.formControlMarginRight }) },
-            react_1.default.createElement(material_1.TextField, { variant: "standard", key: "at", label: i18n_1.default.t('sc_time'), value: settings.time, type: "time", onChange: e => {
+            react_1.default.createElement(material_1.TextField, { variant: "standard", key: "at", label: i18n_1.default.t('sc_time'), value: settings.time, type: "time", sx: (theme) => ({
+                    '& input[type="time"]::-webkit-calendar-picker-indicator': {
+                        filter: theme.palette.mode === 'dark' ? 'invert(80%)' : undefined,
+                    },
+                }), onChange: e => {
                     const _settings = JSON.parse(JSON.stringify(this.state[type]));
                     _settings.time = e.target.value;
                     if (type === 'once') {
@@ -655,9 +679,11 @@ class SimpleCron extends react_1.default.Component {
     }
     render() {
         return (react_1.default.createElement("div", { style: styles.mainDiv },
-            react_1.default.createElement("div", { style: { paddingLeft: 8, width: '100%' } },
-                react_1.default.createElement(material_1.TextField, { variant: "standard", style: { width: '100%' }, value: this.state.cron, disabled: true })),
-            react_1.default.createElement("div", { style: { paddingLeft: 8, width: '100%', height: 60 } }, (0, cronText_1.default)(this.state.cron, this.props.language || 'en')),
+            react_1.default.createElement("div", { style: { paddingLeft: 8, width: 'calc(100% - 8px)' } },
+                react_1.default.createElement(material_1.TextField, { variant: "standard", style: { width: '100%' }, value: this.state.cron, disabled: true, error: this.state.cron.includes('_') })),
+            react_1.default.createElement("div", { style: { paddingLeft: 8, width: 'calc(100% - 8px)', height: 60 } }, this.state.cron.includes('_')
+                ? i18n_1.default.t('sc_invalid_cron')
+                : (0, cronText_1.default)(this.state.cron, this.props.language || 'en')),
             react_1.default.createElement("div", null,
                 react_1.default.createElement(material_1.FormControl, { variant: "standard", style: Object.assign(Object.assign({}, styles.formControl), { marginLeft: 8, marginTop: 8 }) },
                     react_1.default.createElement(material_1.InputLabel, null, i18n_1.default.t('ra_Repeat')),

package/Dialogs/SimpleCron.js

@@ -44,7 +44,7 @@ class DialogSimpleCron extends react_1.default.Component {
             react_1.default.createElement(material_1.DialogContent, { style: { height: '100%', overflow: 'hidden' } },
                 react_1.default.createElement(SimpleCron_1.default, { cronExpression: this.state.cron, onChange: cron => this.setState({ cron }), language: i18n_1.default.getLanguage() })),
             react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleOk(), color: "primary", startIcon: react_1.default.createElement(icons_material_1.Check, null) }, this.props.ok || i18n_1.default.t('ra_Ok')),
+                react_1.default.createElement(material_1.Button, { variant: "contained", disabled: !this.state.cron || this.state.cron.includes('_'), onClick: () => this.handleOk(), color: "primary", startIcon: react_1.default.createElement(icons_material_1.Check, null) }, this.props.ok || i18n_1.default.t('ra_Ok')),
                 react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleCancel(), color: "grey", startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel')))));
     }
 }

package/README.md

@@ -13,7 +13,7 @@ If you want to create the configuration page with ReactJS:
     - Change `name` from `src` to `ADAPTERNAME-admin` (Of course replace `ADAPTERNAME` with yours)
     - Add to devDependencies:
         ```
-        "@iobroker/adapter-react-v5": "^7.2.2",
+        "@iobroker/adapter-react-v5": "^7.2.4",
         ```
         Versions can be higher.
         So your `src/package.json` should look like:
@@ -24,7 +24,7 @@ If you want to create the configuration page with ReactJS:
     "version": "0.1.0",
     "private": true,
     "dependencies": {
-        "@iobroker/adapter-react-v5": "^7.2.2",
+        "@iobroker/adapter-react-v5": "^7.2.4",
         "@iobroker/build-tools": "^1.0.0",
         "@iobroker/eslint-config": "^0.1.2",
         "@mui/material": "^6.0.2",
@@ -697,6 +697,11 @@ You can find the migration instructions:
 -->
 
 ## Changelog
+### 7.2.4 (2024-10-07)
+
+-   (@GermanBluefox) Corrected file browser
+-   (@GermanBluefox) Changed Open/Close Folder icons
+
 ### 7.2.2 (2024-10-04)
 -   (@GermanBluefox) Small layout change for Icon Picker
 

package/i18n/de.json

@@ -115,8 +115,8 @@
   "sc_to": "Bis",
   "sc_wizard": "Wizard",
   "sch_all": "alle",
-  "sch_astroDay": "Astronomisch Tag",
-  "sch_astroNight": "Astronomisch Nacht",
+  "sch_astroDay": "Astronomischer Tag",
+  "sch_astroNight": "Astronomische Nacht",
   "sch_astro_dawn": "Morgendämmerung",
   "sch_astro_dusk": "Abenddämmerung",
   "sch_astro_goldenHour": "Goldene Stunde",
@@ -435,5 +435,15 @@
   "ra_warning_every_second": "Achtung: Der CRON-Job wird im angegebenen Zeitraum jede Sekunde ausgeführt!",
   "ra_warning_every_minute": "Achtung: Der CRON-Job wird im angegebenen Zeitraum jede Minute ausgeführt!",
   "ra_The schedule will be executed every second. Are you sure?": "Der Zeitplan wird jede Sekunde ausgeführt. Sind Sie sicher?",
-  "ra_The schedule will be executed every minute. Are you sure?": "Der Zeitplan wird jede Minute ausgeführt. Sind Sie sicher?"
-}
+  "ra_The schedule will be executed every minute. Are you sure?": "Der Zeitplan wird jede Minute ausgeführt. Sind Sie sicher?",
+  "sc_dow": "Tag",
+  "ra_Define CRON...": "Definieren Sie CRON ...",
+  "ra_Sunday": "Sonntag",
+  "ra_Monday": "Montag",
+  "ra_Tuesday": "Dienstag",
+  "ra_Wednesday": "Mittwoch",
+  "ra_Thursday": "Donnerstag",
+  "ra_Friday": "Freitag",
+  "ra_Saturday": "Samstag",
+  "sc_invalid_cron": "Ungültiger CRON"
+}