@iobroker/adapter-react-v5 7.4.17 → 7.4.19

package/build/Components/FileBrowser.d.ts

@@ -103,6 +103,7 @@ interface FileBrowserState {
     addFolder: boolean;
     uploadFile: boolean | 'dragging';
     deleteItem: string;
+    suppressDeleteConfirm: boolean;
     viewer: string;
     formatEditFile: string | null;
     path: string;

package/build/Components/FileBrowser.js

@@ -6,7 +6,7 @@
  */
 import React, { Component } from 'react';
 import Dropzone from 'react-dropzone';
-import { LinearProgress, ListItemIcon, ListItemText, Menu, MenuItem, Tooltip, CircularProgress, Toolbar, IconButton, Fab, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Input, Breadcrumbs, Box, } from '@mui/material';
+import { LinearProgress, ListItemIcon, ListItemText, Menu, MenuItem, Tooltip, CircularProgress, Toolbar, IconButton, Fab, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Input, Breadcrumbs, Box, Checkbox, FormControlLabel, } from '@mui/material';
 // MUI Icons
 import { ArrowBack as IconBack, AudioFile as TypeIconAudio, Bookmark as JsonIcon, BookmarkBorder as CssIcon, Brightness6 as Brightness5Icon, Close as CloseIcon, Code as JSIcon, CreateNewFolder as AddFolderIcon, Delete as DeleteIcon, Description as HtmlIcon, Edit as EditIcon, FolderOpen as EmptyFilterIcon, FolderSpecial as RestrictedIcon, FontDownload as TypeIconTxt, Image as TypeIconImages, InsertDriveFile as FileIcon, KeyboardReturn as EnterIcon, List as IconList, MusicNote as MusicIcon, Publish as UploadIcon, Refresh as RefreshIcon, SaveAlt as DownloadIcon, Videocam as TypeIconVideo, ViewModule as IconTile, } from '@mui/icons-material';
 import { DialogError } from '../Dialogs/Error';
@@ -485,6 +485,7 @@ export class FileBrowserClass extends Component {
             showTypesMenu: null,
             restrictToFolder: props.restrictToFolder || '',
             pathFocus: false,
+            suppressDeleteConfirm: false,
         };
         this.imagePrefix = this.props.imagePrefix || './files/';
         this.levelPadding = this.props.levelPadding || 20;
@@ -1513,7 +1514,10 @@ export class FileBrowserClass extends Component {
     }
     deleteItem(deleteItem) {
         deleteItem = deleteItem || this.state.deleteItem;
-        this.setState({ deleteItem: '' }, () => this.deleteRecursive(deleteItem).then(() => {
+        if (this.state.suppressDeleteConfirm) {
+            this.suppressDeleteConfirm = Date.now() + 60000 * 5;
+        }
+        this.setState({ deleteItem: '', suppressDeleteConfirm: false }, () => this.deleteRecursive(deleteItem).then(() => {
             const newState = {};
             const pos = this.state.expanded.indexOf(deleteItem);
             if (pos !== -1) {
@@ -1552,12 +1556,11 @@ export class FileBrowserClass extends Component {
             return (React.createElement(Dialog, { key: "deleteDialog", open: !0, onClose: () => this.setState({ deleteItem: '' }), "aria-labelledby": "ar_dialog_file_delete_title" },
                 React.createElement(DialogTitle, { id: "ar_dialog_file_delete_title" }, this.props.t('ra_Confirm deletion of %s', this.state.deleteItem.split('/').pop())),
                 React.createElement(DialogContent, null,
-                    React.createElement(DialogContentText, null, this.props.t('ra_Are you sure?'))),
+                    React.createElement(DialogContentText, null, this.props.t('ra_Are you sure?')),
+                    React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: this.state.suppressDeleteConfirm, onChange: () => {
+                                this.setState({ suppressDeleteConfirm: !this.state.suppressDeleteConfirm });
+                            } }), label: this.props.t('ra_no confirm for 5 mins') })),
                 React.createElement(DialogActions, null,
-                    React.createElement(Button, { color: "grey", variant: "contained", onClick: () => {
-                            this.suppressDeleteConfirm = Date.now() + 60000 * 5;
-                            this.deleteItem('');
-                        } }, this.props.t('ra_Delete (no confirm for 5 mins)')),
                     React.createElement(Button, { variant: "contained", onClick: () => this.deleteItem(''), color: "primary", autoFocus: true }, this.props.t('ra_Delete')),
                     React.createElement(Button, { variant: "contained", onClick: () => this.setState({ deleteItem: '' }), color: "grey" }, this.props.t('ra_Cancel')))));
         }