Merge remote-tracking branch 'origin/main' into 17579-Clear-table-filter-when-changin...

Arvados-DCO-1.1-Signed-off-by: Daniel Kutyła <daniel.kutyla@contractors.roche.com>

diff --cc src/components/collection-panel-files/collection-panel-files.tsx
Simple merge

diff --cc src/components/data-explorer/data-explorer.tsx
index 78aae35051a078e1f80aa9e580af5c79a24f8422,d3d26708dfe7124441752cebf5c12ee2f0b4dca8..05125f12c7311b8a4fe700a7dd61923ce6e682c8
--- 1/src/components/data-explorer/data-explorer.tsx
--- 2/src/components/data-explorer/data-explorer.tsx
+++ b/src/components/data-explorer/data-explorer.tsx
@@@ -96,12 -104,13 +106,14 @@@ export const DataExplorer = withStyles(
                  rowsPerPage, rowsPerPageOptions, onColumnToggle, searchLabel, searchValue, onSearch,
                  items, itemsAvailable, onRowClick, onRowDoubleClick, classes,
                  dataTableDefaultView, hideColumnSelector, actions, paperProps, hideSearchInput,
-                 paperKey, fetchMode, currentItemUuid, title
+                 paperKey, fetchMode, currentItemUuid, title,
+                 doHidePanel, doMaximizePanel, panelName, panelMaximized
              } = this.props;
 +
              return <Paper className={classes.root} {...paperProps} key={paperKey}>
-                 {title && <div className={classes.title}>{title}</div>}
-                 {(!hideColumnSelector || !hideSearchInput) && <Toolbar className={title ? classes.toolbarUnderTitle : classes.toolbar}>
+                 <Grid container direction="column" wrap="nowrap" className={classes.container}>
+                 {title && <Grid item xs className={classes.title}>{title}</Grid>}
+                 {(!hideColumnSelector || !hideSearchInput) && <Grid item xs><Toolbar className={title ? classes.toolbarUnderTitle : classes.toolbar}>
                      <Grid container justify="space-between" wrap="nowrap" alignItems="center">
                          <div className={classes.searchBox}>
                              {!hideSearchInput && <SearchInput