eionet2-dashboard 3.2.1 → 3.2.3

package/tabs/src/components/CustomGridToolbar.jsx

@@ -1,202 +0,0 @@
-// import * as React from 'react';
-// import { styled } from '@mui/material/styles';
-// import {
-//   DataGrid,
-//   Toolbar,
-//   ToolbarButton,
-//   ColumnsPanelTrigger,
-//   FilterPanelTrigger,
-//   ExportCsv,
-//   ExportPrint,
-//   QuickFilter,
-//   QuickFilterControl,
-//   QuickFilterClear,
-//   QuickFilterTrigger,
-// } from '@mui/x-data-grid';
-// import { useDemoData } from '@mui/x-data-grid-generator';
-// import Tooltip from '@mui/material/Tooltip';
-// import Menu from '@mui/material/Menu';
-// import Badge from '@mui/material/Badge';
-// import ViewColumnIcon from '@mui/icons-material/ViewColumn';
-// import FilterListIcon from '@mui/icons-material/FilterList';
-// import FileDownloadIcon from '@mui/icons-material/FileDownload';
-// import MenuItem from '@mui/material/MenuItem';
-// import Divider from '@mui/material/Divider';
-// import TextField from '@mui/material/TextField';
-// import InputAdornment from '@mui/material/InputAdornment';
-// import CancelIcon from '@mui/icons-material/Cancel';
-// import SearchIcon from '@mui/icons-material/Search';
-// import Typography from '@mui/material/Typography';
-
-// type OwnerState = {
-//   expanded: boolean;
-// };
-
-// const StyledQuickFilter = styled(QuickFilter)({
-//   display: 'grid',
-//   alignItems: 'center',
-// });
-
-// const StyledToolbarButton = styled(ToolbarButton)<{ ownerState: OwnerState }>(
-//   ({ theme, ownerState }) => ({
-//     gridArea: '1 / 1',
-//     width: 'min-content',
-//     height: 'min-content',
-//     zIndex: 1,
-//     opacity: ownerState.expanded ? 0 : 1,
-//     pointerEvents: ownerState.expanded ? 'none' : 'auto',
-//     transition: theme.transitions.create(['opacity']),
-//   }),
-// );
-
-// const StyledTextField = styled(TextField)<{
-//   ownerState: OwnerState;
-// }>(({ theme, ownerState }) => ({
-//   gridArea: '1 / 1',
-//   overflowX: 'clip',
-//   width: ownerState.expanded ? 260 : 'var(--trigger-width)',
-//   opacity: ownerState.expanded ? 1 : 0,
-//   transition: theme.transitions.create(['width', 'opacity']),
-// }));
-
-// function CustomToolbar() {
-//   const [exportMenuOpen, setExportMenuOpen] = React.useState(false);
-//   const exportMenuTriggerRef = React.useRef<HTMLButtonElement>(null);
-
-//   return (
-//     <Toolbar>
-//       <Typography fontWeight="medium" sx={{ flex: 1, mx: 0.5 }}>
-//         Toolbar
-//       </Typography>
-
-//       <Tooltip title="Columns">
-//         <ColumnsPanelTrigger render={<ToolbarButton />}>
-//           <ViewColumnIcon fontSize="small" />
-//         </ColumnsPanelTrigger>
-//       </Tooltip>
-
-//       <Tooltip title="Filters">
-//         <FilterPanelTrigger
-//           render={(props, state) => (
-//             <ToolbarButton {...props} color="default">
-//               <Badge badgeContent={state.filterCount} color="primary" variant="dot">
-//                 <FilterListIcon fontSize="small" />
-//               </Badge>
-//             </ToolbarButton>
-//           )}
-//         />
-//       </Tooltip>
-
-//       <Divider orientation="vertical" variant="middle" flexItem sx={{ mx: 0.5 }} />
-
-//       <Tooltip title="Export">
-//         <ToolbarButton
-//           ref={exportMenuTriggerRef}
-//           id="export-menu-trigger"
-//           aria-controls="export-menu"
-//           aria-haspopup="true"
-//           aria-expanded={exportMenuOpen ? 'true' : undefined}
-//           onClick={() => setExportMenuOpen(true)}
-//         >
-//           <FileDownloadIcon fontSize="small" />
-//         </ToolbarButton>
-//       </Tooltip>
-
-//       <Menu
-//         id="export-menu"
-//         anchorEl={exportMenuTriggerRef.current}
-//         open={exportMenuOpen}
-//         onClose={() => setExportMenuOpen(false)}
-//         anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
-//         transformOrigin={{ vertical: 'top', horizontal: 'right' }}
-//         slotProps={{
-//           list: {
-//             'aria-labelledby': 'export-menu-trigger',
-//           },
-//         }}
-//       >
-//         <ExportPrint render={<MenuItem />} onClick={() => setExportMenuOpen(false)}>
-//           Print
-//         </ExportPrint>
-//         <ExportCsv render={<MenuItem />} onClick={() => setExportMenuOpen(false)}>
-//           Download as CSV
-//         </ExportCsv>
-//         {/* Available to MUI X Premium users */}
-//         {/* <ExportExcel render={<MenuItem />}>
-//           Download as Excel
-//         </ExportExcel> */}
-//       </Menu>
-
-//       <StyledQuickFilter>
-//         <QuickFilterTrigger
-//           render={(triggerProps, state) => (
-//             <Tooltip title="Search" enterDelay={0}>
-//               <StyledToolbarButton
-//                 {...triggerProps}
-//                 ownerState={{ expanded: state.expanded }}
-//                 color="default"
-//                 aria-disabled={state.expanded}
-//               >
-//                 <SearchIcon fontSize="small" />
-//               </StyledToolbarButton>
-//             </Tooltip>
-//           )}
-//         />
-//         <QuickFilterControl
-//           render={({ ref, ...controlProps }, state) => (
-//             <StyledTextField
-//               {...controlProps}
-//               ownerState={{ expanded: state.expanded }}
-//               inputRef={ref}
-//               aria-label="Search"
-//               placeholder="Search..."
-//               size="small"
-//               slotProps={{
-//                 input: {
-//                   startAdornment: (
-//                     <InputAdornment position="start">
-//                       <SearchIcon fontSize="small" />
-//                     </InputAdornment>
-//                   ),
-//                   endAdornment: state.value ? (
-//                     <InputAdornment position="end">
-//                       <QuickFilterClear
-//                         edge="end"
-//                         size="small"
-//                         aria-label="Clear search"
-//                         material={{ sx: { marginRight: -0.75 } }}
-//                       >
-//                         <CancelIcon fontSize="small" />
-//                       </QuickFilterClear>
-//                     </InputAdornment>
-//                   ) : null,
-//                   ...controlProps.slotProps?.input,
-//                 },
-//                 ...controlProps.slotProps,
-//               }}
-//             />
-//           )}
-//         />
-//       </StyledQuickFilter>
-//     </Toolbar>
-//   );
-// }
-
-// export default function GridToolbar() {
-//   const { data, loading } = useDemoData({
-//     dataSet: 'Commodity',
-//     rowLength: 10,
-//     maxColumns: 10,
-//   });
-
-//   return (
-//     <div style={{ height: 400, width: '100%' }}>
-//       <DataGrid
-//         {...data}
-//         loading={loading}
-//         slots={{ toolbar: CustomToolbar }}
-//         showToolbar
-//       />
-//     </div>
-//   );
-// }