First Commit

2026-03-21 11:55:27 +01:00
commit 2e8a29b4d0
1757 changed files with 166084 additions and 0 deletions
@@ -0,0 +1,51 @@
+'use client';
+import PropTypes from 'prop-types';
+
+// @mui
+import { styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+
+// @third-party
+import MainSimpleBar from 'simplebar-react';
+import { BrowserView, MobileView } from 'react-device-detect';
+
+// @project
+import { withAlpha } from '@/utils/colorUtils';
+
+// root style
+const RootStyle = styled(BrowserView)({ flexGrow: 1, height: '100%', overflow: 'hidden' });
+
+// scroll bar wrapper
+const SimpleBarStyle = styled(MainSimpleBar)(({ theme }) => ({
+  maxHeight: '100%',
+  '& .simplebar-scrollbar': {
+    '&:before': {
+      background: withAlpha(theme.vars.palette.grey[500], 0.48)
+    },
+    '&.simplebar-visible:before': { opacity: 1 }
+  },
+  '& .simplebar-track.simplebar-vertical': { width: 10 },
+  '& .simplebar-track.simplebar-horizontal .simplebar-scrollbar': { height: 6 },
+  '& .simplebar-mask': { zIndex: 'inherit' }
+}));
+
+/***************************  SIMPLE SCROLL BAR   ***************************/
+
+export default function SimpleBar({ children, sx, ...other }) {
+  return (
+    <>
+      <RootStyle>
+        <SimpleBarStyle clickOnTrack={false} sx={sx} data-simplebar-direction="ltr" {...other}>
+          {children}
+        </SimpleBarStyle>
+      </RootStyle>
+      <MobileView>
+        <Box sx={{ overflowX: 'auto', ...sx }} {...other}>
+          {children}
+        </Box>
+      </MobileView>
+    </>
+  );
+}
+
+SimpleBar.propTypes = { children: PropTypes.any, sx: PropTypes.any, other: PropTypes.any };