@iobroker/gui-components 10.0.8 → 10.0.9

package/README.md

@@ -36,7 +36,7 @@ npm create vite@latest src -- --template react-ts
     "dependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
-        "@iobroker/gui-components": "^10.0.8",
+        "@iobroker/gui-components": "^10.0.9",
         "@mui/icons-material": "^9.0.1",
         "@mui/material": "^9.0.1",
         "react": "^19.2.5",
@@ -856,7 +856,7 @@ You can find the migration instructions:
 -->
 
 ## Changelog
-### 10.0.8 (2026-07-31)
+### 10.0.9 (2026-07-31)
 
 - (@GermanBluefox) Added support of styled scrollbars
 

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, Checkbox, FormControlLabel, } from '@mui/material';
+import { LinearProgress, ListItemIcon, ListItemText, Menu, MenuItem, Tooltip, 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';
@@ -1237,15 +1237,11 @@ export class FileBrowserClass extends Component {
             });
             return totalResult;
         }
-        return (React.createElement("div", { style: { position: 'relative' } },
-            React.createElement(CircularProgress, { key: folderId, color: "secondary", size: 24 }),
-            React.createElement("div", { style: {
-                    position: 'absolute',
-                    zIndex: 2,
-                    top: 4,
-                    width: 24,
-                    textAlign: 'center',
-                } }, this.state.queueLength)));
+        // A bar instead of a circle. The number of outstanding entries no longer fits into the middle
+        // of a spinner, so it stands next to the bar.
+        return (React.createElement("div", { key: folderId, style: { display: 'flex', alignItems: 'center', gap: 8, width: '100%' } },
+            React.createElement(LinearProgress, { color: "secondary", style: { flexGrow: 1 } }),
+            React.createElement("div", { style: { minWidth: 24, textAlign: 'right' } }, this.state.queueLength)));
     }
     renderToolbar() {
         const IconType = this.props.showTypeSelector