ece-docs-components 1.0.85 → 1.0.87

package/dist/cjs/components/Breadcrumb.js

@@ -9,80 +9,106 @@ var iconsMaterial = require('@mui/icons-material');
 const HomeButton = material.styled(material.IconButton)(({ theme }) => ({
     width: 40,
     height: 40,
-    borderRadius: (typeof theme.shape.borderRadius === 'string'
+    borderRadius: (typeof theme.shape.borderRadius === "string"
         ? parseInt(theme.shape.borderRadius, 10)
         : theme.shape.borderRadius || 4) * 2,
     backgroundColor: theme.palette.secondary.main || theme.palette.accent.main,
     flexShrink: 0,
-    '&:hover': {
+    "&:hover": {
         backgroundColor: theme.palette.secondary.main || theme.palette.accent.main,
         opacity: 0.8,
     },
 }));
-const DropdownButton = material.styled('button')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
+const DropdownButton = material.styled("button")(({ theme }) => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
     gap: theme.spacing(1),
     padding: theme.spacing(0.75, 2),
-    borderRadius: (typeof theme.shape.borderRadius === 'string'
+    borderRadius: (typeof theme.shape.borderRadius === "string"
         ? parseInt(theme.shape.borderRadius, 10)
         : theme.shape.borderRadius || 4) * 2,
     border: `1px solid ${theme.palette.dark.main}33`,
-    backgroundColor: '#fff',
+    backgroundColor: "#fff",
     color: theme.palette.dark.main,
     fontWeight: 500,
-    whiteSpace: 'nowrap',
-    cursor: 'pointer',
-    transition: 'border-color 0.2s',
-    fontSize: '0.875rem',
-    '&:hover': {
+    whiteSpace: "nowrap",
+    cursor: "pointer",
+    transition: "border-color 0.2s",
+    fontSize: "0.875rem",
+    "&:hover": {
         borderColor: `${theme.palette.dark.main}4D`,
     },
-    [theme.breakpoints.down('sm')]: {
+    [theme.breakpoints.down("sm")]: {
+        width: '100%',
         padding: theme.spacing(0.75, 1),
         gap: theme.spacing(0.5),
     },
 }));
 const StyledMenu = material.styled(material.Menu)(({ theme }) => ({
-    '& .MuiPaper-root': {
+    "& .MuiPaper-root": {
         marginTop: theme.spacing(1),
-        width: 'auto',
-        borderRadius: (typeof theme.shape.borderRadius === 'string'
+        width: "auto",
+        [theme.breakpoints.down("sm")]: {
+            width: "100%",
+        },
+        borderRadius: (typeof theme.shape.borderRadius === "string"
             ? parseInt(theme.shape.borderRadius, 10)
             : theme.shape.borderRadius || 4) * 2,
         border: `1px solid ${theme.palette.dark.main}33`,
-        boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+        boxShadow: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
     },
 }));
 const StyledMenuItem = material.styled(material.MenuItem, {
-    shouldForwardProp: (prop) => prop !== 'isActive',
+    shouldForwardProp: (prop) => prop !== "isActive",
 })(({ theme, isActive }) => ({
     padding: theme.spacing(1.25, 2),
-    fontSize: '0.875rem',
-    color: isActive ? theme.palette.primary.main : '#4D3019',
+    fontSize: "0.875rem",
+    color: isActive ? theme.palette.primary.main : "#4D3019",
     fontWeight: isActive ? 500 : 400,
-    backgroundColor: isActive ? '#F5F1ED' : 'transparent',
-    whiteSpace: 'normal',
-    wordBreak: 'break-word',
-    display: 'block',
-    '&:hover': {
-        backgroundColor: '#F5F1ED',
+    backgroundColor: isActive ? "#F5F1ED" : "transparent",
+    whiteSpace: "normal",
+    wordBreak: "break-word",
+    display: "block",
+    "&:hover": {
+        backgroundColor: "#F5F1ED",
     },
 }));
 const DropdownMenu = ({ dropdownItems, currentItem, anchorEl, isDropdownOpen, handleDropdownToggle, handleClose, handleItemClick, }) => {
-    return dropdownItems.length > 0 ? (jsxRuntime.jsxs(material.Box, { sx: { position: 'relative', flexShrink: 0 }, children: [jsxRuntime.jsxs(DropdownButton, { type: "button", onClick: handleDropdownToggle, children: [jsxRuntime.jsx("span", { children: currentItem }), jsxRuntime.jsx(iconsMaterial.ExpandMoreRounded, { sx: {
+    return dropdownItems.length > 0 ? (jsxRuntime.jsxs(material.Box, { sx: { position: "relative", flexShrink: 0 }, children: [jsxRuntime.jsxs(DropdownButton, { type: "button", onClick: handleDropdownToggle, children: ["In this section...", jsxRuntime.jsx(iconsMaterial.ExpandMoreRounded, { sx: {
                             fontSize: 20,
-                            transition: 'transform 0.2s',
-                            transform: isDropdownOpen ? 'rotate(180deg)' : 'rotate(0deg)',
+                            transition: "transform 0.2s",
+                            transform: isDropdownOpen ? "rotate(180deg)" : "rotate(0deg)",
                         } })] }), jsxRuntime.jsx(StyledMenu, { anchorEl: anchorEl, open: isDropdownOpen, onClose: handleClose, disableScrollLock: true, children: dropdownItems.map((item, index) => (jsxRuntime.jsx(StyledMenuItem, { onClick: () => handleItemClick(item), isActive: item.label === currentItem, children: item.label }, index))) })] })) : null;
 };
 const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, onNavigate, }) => {
     const theme = ThemeProvider.useTheme();
     const [anchorEl, setAnchorEl] = React.useState(null);
     const isDropdownOpen = Boolean(anchorEl);
-    const isMobile = material.useMediaQuery(theme.breakpoints.down('sm'));
-    const [pathAnchorEl, setPathAnchorEl] = React.useState(null);
-    const isPathMenuOpen = Boolean(pathAnchorEl);
+    const isMobile = material.useMediaQuery(theme.breakpoints.down("sm"));
+    const scrollMask = React.useRef(null);
+    const endRef = React.useRef(null);
+    const updateMask = (el) => {
+        const { scrollLeft, scrollWidth, clientWidth } = el;
+        const atStart = scrollLeft === 0;
+        const atEnd = scrollLeft + clientWidth >= scrollWidth - 1;
+        const left = atStart ? 'black' : 'transparent';
+        const right = atEnd ? 'black' : 'transparent';
+        const mask = `linear-gradient(to right, ${left}, black 30px, black calc(100% - 30px), ${right})`;
+        el.style.maskImage = mask;
+        el.style.webkitMaskImage = mask;
+    };
+    React.useEffect(() => {
+        const el = scrollMask.current;
+        if (!el)
+            return;
+        updateMask(el); // set on mount
+        el.addEventListener('scroll', () => updateMask(el));
+        return () => el.removeEventListener('scroll', () => updateMask(el));
+    }, []);
+    React.useEffect(() => {
+        endRef.current?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+    }, [items]);
     const handleNavigation = (path) => {
         if (onNavigate) {
             onNavigate(path);
@@ -95,63 +121,63 @@ const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, onNa
         setAnchorEl(event.currentTarget);
     };
     const handleClose = () => setAnchorEl(null);
-    const handlePathMenuOpen = (event) => {
-        setPathAnchorEl(event.currentTarget);
-    };
-    const handlePathMenuClose = () => setPathAnchorEl(null);
-    const handleHomeClick = () => handleNavigation('/');
+    const handleHomeClick = () => handleNavigation("/");
     const handleItemClick = (item) => {
         onItemSelect?.(item);
         handleClose();
-        handlePathMenuClose();
         if (item.href)
             handleNavigation(item.href);
     };
-    if (isMobile && items.length >= 2) {
-        const last = items[items.length - 1];
-        const middleItems = items.slice(0, -1);
-        return (jsxRuntime.jsxs(material.Box, { component: "nav", sx: {
-                display: 'flex',
-                alignItems: 'center',
-                flexWrap: 'nowrap',
-                overflowX: 'auto',
-                minWidth: 0,
-                scrollbarWidth: 'none',
-                '&::-webkit-scrollbar': { display: 'none' },
-            }, children: [jsxRuntime.jsx(HomeButton, { "aria-label": "Home", onClick: handleHomeClick, children: jsxRuntime.jsx(iconsMaterial.HomeRounded, { sx: { fontSize: 20, color: '#4D3019' } }) }), jsxRuntime.jsx(material.IconButton, { size: "small", onClick: handlePathMenuOpen, children: jsxRuntime.jsx(iconsMaterial.MoreHorizRounded, { sx: { color: theme.palette.dark.main } }) }), jsxRuntime.jsx(material.Typography, { sx: {
-                        fontWeight: 500,
-                        color: theme.palette.dark.main,
-                        whiteSpace: 'nowrap',
-                        overflow: 'hidden',
-                        textOverflow: 'ellipsis',
-                        maxWidth: '120px',
-                    }, children: last.label || currentItem }), jsxRuntime.jsx(StyledMenu, { anchorEl: pathAnchorEl, open: isPathMenuOpen, onClose: handlePathMenuClose, disableScrollLock: true, children: middleItems.map((item, index) => (jsxRuntime.jsx(StyledMenuItem, { onClick: () => handleItemClick(item), isActive: item.label === currentItem, children: item.label }, index))) }), jsxRuntime.jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick })] }));
+    if (items.length < 1) {
+        return;
+    }
+    if (isMobile) {
+        return (jsxRuntime.jsxs(material.Box, { display: "flex", flexDirection: "column", gap: 2, children: [jsxRuntime.jsx(material.Box, { ref: scrollMask, component: "nav", sx: {
+                        width: "100%",
+                        display: "flex",
+                        flexDirection: "row",
+                        alignItems: "start",
+                        flexWrap: "nowrap",
+                        overflowX: "auto",
+                        textOverflow: "ellipsis",
+                        minWidth: 0,
+                        scrollbarWidth: "none",
+                        "&::-webkit-scrollbar": { display: "none" },
+                    }, children: items.map((item) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(iconsMaterial.ChevronRightRounded, {}), jsxRuntime.jsx(material.Typography, { onClick: () => {
+                                    handleNavigation(item.href);
+                                }, sx: {
+                                    fontWeight: 500,
+                                    color: theme.palette.dark.main,
+                                    whiteSpace: "nowrap",
+                                }, children: item?.label ?? "" }), jsxRuntime.jsx("div", { ref: endRef })] }, item.label))) }), jsxRuntime.jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick })] }));
     }
     return (jsxRuntime.jsxs(material.Box, { component: "nav", sx: {
-            display: 'flex',
-            alignItems: 'center',
-            flexWrap: 'nowrap',
+            display: "inline-flex",
+            justifyContent: "start",
+            alignItems: "center",
+            // flexWrap: "nowrap",
             gap: 1,
-            overflowX: 'auto',
-            minWidth: 0,
-            scrollbarWidth: 'none',
-            '&::-webkit-scrollbar': { display: 'none' },
-        }, children: [jsxRuntime.jsx(HomeButton, { "aria-label": "Home", onClick: handleHomeClick, children: jsxRuntime.jsx(iconsMaterial.HomeRounded, { sx: { fontSize: 20, color: '#4D3019' } }) }), jsxRuntime.jsx(material.Breadcrumbs, { separator: "/", sx: {
-                    display: 'flex',
-                    flexWrap: 'wrap',
-                    overflowX: 'hidden',
-                    minWidth: 0,
-                    '& .MuiBreadcrumbs-separator': { color: `${theme.palette.dark.main}66` },
-                }, children: items.map((item, index) => (jsxRuntime.jsx(material.Typography, { sx: {
+            scrollbarWidth: "none",
+            "&::-webkit-scrollbar": { display: "none" },
+        }, children: [jsxRuntime.jsx(HomeButton, { "aria-label": "Home", onClick: handleHomeClick, children: jsxRuntime.jsx(iconsMaterial.HomeRounded, { sx: { fontSize: 20, color: "#4D3019" } }) }), jsxRuntime.jsx(material.Breadcrumbs, { separator: "/", sx: {
+                    display: "inline-flex",
+                    flexDirection: "row",
+                    flexWrap: "initial",
+                    // width: "fit-content",
+                    flexShrink: 2,
+                    "& .MuiBreadcrumbs-separator": {
+                        color: `${theme.palette.dark.main}66`,
+                    },
+                }, children: items.map((item) => (jsxRuntime.jsx(material.Typography, { sx: {
                         color: theme.palette.dark.main,
                         fontWeight: 500,
                         px: { xs: 0.5, sm: 1 },
-                        minWidth: 0,
-                        whiteSpace: 'nowrap',
-                        overflow: 'hidden',
-                        textOverflow: 'ellipsis',
-                        cursor: item.href ? 'pointer' : 'default',
-                    }, onClick: () => item.href && handleNavigation(item.href), children: item.label }, index))) }), jsxRuntime.jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick })] }));
+                        // minWidth: 0,
+                        whiteSpace: "nowrap",
+                        // overflow: "hidden",
+                        textOverflow: "ellipsis",
+                        cursor: item.href ? "pointer" : "default",
+                    }, onClick: () => item.href && handleNavigation(item.href), children: item.label }, item.label))) }), jsxRuntime.jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick })] }));
 };
 
 exports.Breadcrumb = Breadcrumb;

package/dist/cjs/components/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport {\r\n  Box,\r\n  Breadcrumbs as MuiBreadcrumbs,\r\n  Typography,\r\n  IconButton,\r\n  Menu,\r\n  MenuItem,\r\n  styled,\r\n  useMediaQuery,\r\n} from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { HomeRounded, ExpandMoreRounded, MoreHorizRounded } from '@mui/icons-material';\r\n\r\ninterface BreadcrumbItem {\r\n  label: string;\r\n  href?: string;\r\n}\r\n\r\ninterface BreadcrumbProps {\r\n  items: BreadcrumbItem[];\r\n  currentItem: string;\r\n  dropdownItems?: BreadcrumbItem[];\r\n  onItemSelect?: (item: BreadcrumbItem) => void;\r\n  onNavigate?: (path: string) => void;\r\n}\r\n\r\nconst HomeButton = styled(IconButton)(({ theme }) => ({\r\n  width: 40,\r\n  height: 40,\r\n  borderRadius:\r\n    (typeof theme.shape.borderRadius === 'string'\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: theme.palette.secondary.main || theme.palette.accent.main,\r\n  flexShrink: 0,\r\n  '&:hover': {\r\n    backgroundColor: theme.palette.secondary.main || theme.palette.accent.main,\r\n    opacity: 0.8,\r\n  },\r\n}));\r\n\r\nconst DropdownButton = styled('button')(({ theme }) => ({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  gap: theme.spacing(1),\r\n  padding: theme.spacing(0.75, 2),\r\n  borderRadius:\r\n    (typeof theme.shape.borderRadius === 'string'\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n  border: `1px solid ${theme.palette.dark.main}33`,\r\n  backgroundColor: '#fff',\r\n  color: theme.palette.dark.main,\r\n  fontWeight: 500,\r\n  whiteSpace: 'nowrap',\r\n  cursor: 'pointer',\r\n  transition: 'border-color 0.2s',\r\n  fontSize: '0.875rem',\r\n  '&:hover': {\r\n    borderColor: `${theme.palette.dark.main}4D`,\r\n  },\r\n  [theme.breakpoints.down('sm')]: {\r\n    padding: theme.spacing(0.75, 1),\r\n    gap: theme.spacing(0.5),\r\n  },\r\n}));\r\n\r\nconst StyledMenu = styled(Menu)(({ theme }) => ({\r\n  '& .MuiPaper-root': {\r\n    marginTop: theme.spacing(1),\r\n    width: 'auto',\r\n    borderRadius:\r\n      (typeof theme.shape.borderRadius === 'string'\r\n        ? parseInt(theme.shape.borderRadius, 10)\r\n        : theme.shape.borderRadius || 4) * 2,\r\n    border: `1px solid ${theme.palette.dark.main}33`,\r\n    boxShadow:\r\n      '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\r\n  },\r\n}));\r\n\r\nconst StyledMenuItem = styled(MenuItem, {\r\n  shouldForwardProp: (prop) => prop !== 'isActive',\r\n})<{ isActive?: boolean }>(({ theme, isActive }) => ({\r\n  padding: theme.spacing(1.25, 2),\r\n  fontSize: '0.875rem',\r\n  color: isActive ? theme.palette.primary.main : '#4D3019',\r\n  fontWeight: isActive ? 500 : 400,\r\n  backgroundColor: isActive ? '#F5F1ED' : 'transparent',\r\n  whiteSpace: 'normal',\r\n  wordBreak: 'break-word',\r\n  display: 'block',\r\n  '&:hover': {\r\n    backgroundColor: '#F5F1ED',\r\n  },\r\n}));\r\n\r\n\r\nconst DropdownMenu = ({\r\n  dropdownItems,\r\n  currentItem,\r\n  anchorEl,\r\n  isDropdownOpen,\r\n  handleDropdownToggle,\r\n  handleClose,\r\n  handleItemClick,\r\n}: {\r\n  dropdownItems: BreadcrumbItem[];\r\n  currentItem: string;\r\n  anchorEl: HTMLElement | null;\r\n  isDropdownOpen: boolean;\r\n  handleDropdownToggle: (e: React.MouseEvent<HTMLButtonElement>) => void;\r\n  handleClose: () => void;\r\n  handleItemClick: (item: BreadcrumbItem) => void;\r\n}) => {\r\n  return dropdownItems.length > 0 ? (\r\n    <Box sx={{ position: 'relative', flexShrink: 0 }}>\r\n      <DropdownButton type=\"button\" onClick={handleDropdownToggle}>\r\n        <span>{currentItem}</span>\r\n        <ExpandMoreRounded\r\n          sx={{\r\n            fontSize: 20,\r\n            transition: 'transform 0.2s',\r\n            transform: isDropdownOpen ? 'rotate(180deg)' : 'rotate(0deg)',\r\n          }}\r\n        />\r\n      </DropdownButton>\r\n\r\n      <StyledMenu anchorEl={anchorEl} open={isDropdownOpen} onClose={handleClose} disableScrollLock>\r\n        {dropdownItems.map((item, index) => (\r\n          <StyledMenuItem\r\n            key={index}\r\n            onClick={() => handleItemClick(item)}\r\n            isActive={item.label === currentItem}\r\n          >\r\n            {item.label}\r\n          </StyledMenuItem>\r\n        ))}\r\n      </StyledMenu>\r\n    </Box>\r\n  ) : null;\r\n};\r\n\r\nexport const Breadcrumb: React.FC<BreadcrumbProps> = ({\r\n  items,\r\n  currentItem,\r\n  dropdownItems = [],\r\n  onItemSelect,\r\n  onNavigate,\r\n}) => {\r\n  const theme = useTheme();\r\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\r\n  const isDropdownOpen = Boolean(anchorEl);\r\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\r\n\r\n  const [pathAnchorEl, setPathAnchorEl] = useState<null | HTMLElement>(null);\r\n  const isPathMenuOpen = Boolean(pathAnchorEl);\r\n  \r\n  const handleNavigation = (path: string) => {\r\n    if (onNavigate) {\r\n      onNavigate(path);\r\n    } else {\r\n      window.location.href = path;\r\n    }\r\n  };\r\n\r\n  const handleDropdownToggle = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n    setAnchorEl(event.currentTarget);\r\n  };\r\n\r\n  const handleClose = () => setAnchorEl(null);\r\n\r\n  const handlePathMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n    setPathAnchorEl(event.currentTarget);\r\n  };\r\n  const handlePathMenuClose = () => setPathAnchorEl(null);\r\n\r\n  const handleHomeClick = () => handleNavigation('/');\r\n  const handleItemClick = (item: BreadcrumbItem) => {\r\n    onItemSelect?.(item);\r\n    handleClose();\r\n    handlePathMenuClose();\r\n    if (item.href) handleNavigation(item.href);\r\n  };\r\n\r\n  if (isMobile && items.length >= 2) {\r\n    const last = items[items.length - 1];\r\n    const middleItems = items.slice(0, -1);\r\n\r\n    return (\r\n      <Box component=\"nav\" sx={{\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        flexWrap: 'nowrap',\r\n        overflowX: 'auto',\r\n        minWidth: 0,\r\n        scrollbarWidth: 'none',\r\n        '&::-webkit-scrollbar': { display: 'none' },\r\n      }}>\r\n        <HomeButton aria-label=\"Home\" onClick={handleHomeClick}>\r\n          <HomeRounded sx={{ fontSize: 20, color: '#4D3019' }} />\r\n        </HomeButton>\r\n\r\n        <IconButton size=\"small\" onClick={handlePathMenuOpen}>\r\n          <MoreHorizRounded sx={{ color: theme.palette.dark.main }} />\r\n        </IconButton>\r\n\r\n        <Typography\r\n          sx={{\r\n            fontWeight: 500,\r\n            color: theme.palette.dark.main,\r\n            whiteSpace: 'nowrap',\r\n            overflow: 'hidden',\r\n            textOverflow: 'ellipsis',\r\n            maxWidth: '120px',\r\n          }}\r\n        >\r\n          {last.label || currentItem}\r\n        </Typography>\r\n\r\n        <StyledMenu\r\n          anchorEl={pathAnchorEl}\r\n          open={isPathMenuOpen}\r\n          onClose={handlePathMenuClose}\r\n          disableScrollLock \r\n        >\r\n          {middleItems.map((item, index) => (\r\n            <StyledMenuItem\r\n              key={index}\r\n              onClick={() => handleItemClick(item)}\r\n              isActive={item.label === currentItem}\r\n            >\r\n              {item.label}\r\n            </StyledMenuItem>\r\n          ))}\r\n        </StyledMenu>\r\n\r\n        <DropdownMenu\r\n          dropdownItems={dropdownItems}\r\n          currentItem={currentItem}\r\n          anchorEl={anchorEl}\r\n          isDropdownOpen={isDropdownOpen}\r\n          handleDropdownToggle={handleDropdownToggle}\r\n          handleClose={handleClose}\r\n          handleItemClick={handleItemClick}\r\n        />\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box component=\"nav\" sx={{\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      flexWrap: 'nowrap',\r\n      gap: 1,\r\n      overflowX: 'auto',\r\n      minWidth: 0,\r\n      scrollbarWidth: 'none',\r\n      '&::-webkit-scrollbar': { display: 'none' },\r\n    }}>\r\n      <HomeButton aria-label=\"Home\" onClick={handleHomeClick}>\r\n        <HomeRounded sx={{ fontSize: 20, color: '#4D3019' }} />\r\n      </HomeButton>\r\n      <MuiBreadcrumbs\r\n        separator=\"/\"\r\n        sx={{\r\n          display: 'flex',\r\n          flexWrap: 'wrap',\r\n          overflowX: 'hidden',\r\n          minWidth: 0,\r\n          '& .MuiBreadcrumbs-separator': { color: `${theme.palette.dark.main}66` },\r\n        }}\r\n      >\r\n        {items.map((item, index) => (\r\n          <Typography\r\n            key={index}\r\n            sx={{\r\n              color: theme.palette.dark.main,\r\n              fontWeight: 500,\r\n              px: { xs: 0.5, sm: 1 },\r\n              minWidth: 0,\r\n              whiteSpace: 'nowrap',\r\n              overflow: 'hidden',\r\n              textOverflow: 'ellipsis',\r\n              cursor: item.href ? 'pointer' : 'default',\r\n            }}\r\n            onClick={() => item.href && handleNavigation(item.href)}\r\n          >\r\n            {item.label}\r\n          </Typography>\r\n        ))}\r\n\r\n\r\n      </MuiBreadcrumbs>\r\n      <DropdownMenu\r\n        dropdownItems={dropdownItems}\r\n        currentItem={currentItem}\r\n        anchorEl={anchorEl}\r\n        isDropdownOpen={isDropdownOpen}\r\n        handleDropdownToggle={handleDropdownToggle}\r\n        handleClose={handleClose}\r\n        handleItemClick={handleItemClick}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["styled","IconButton","Menu","MenuItem","_jsxs","Box","_jsx","ExpandMoreRounded","useTheme","useState","useMediaQuery","HomeRounded","MoreHorizRounded","Typography","MuiBreadcrumbs"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  Breadcrumbs as MuiBreadcrumbs,\r\n  Typography,\r\n  IconButton,\r\n  Menu,\r\n  MenuItem,\r\n  styled,\r\n  useMediaQuery,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  HomeRounded,\r\n  ExpandMoreRounded,\r\n  ChevronRightRounded,\r\n} from \"@mui/icons-material\";\r\n\r\ninterface BreadcrumbItem {\r\n  label: string;\r\n  href?: string;\r\n}\r\n\r\ninterface BreadcrumbProps {\r\n  items: BreadcrumbItem[];\r\n  currentItem: string;\r\n  dropdownItems?: BreadcrumbItem[];\r\n  onItemSelect?: (item: BreadcrumbItem) => void;\r\n  onNavigate?: (path: string) => void;\r\n}\r\n\r\nconst HomeButton = styled(IconButton)(({ theme }) => ({\r\n  width: 40,\r\n  height: 40,\r\n  borderRadius:\r\n    (typeof theme.shape.borderRadius === \"string\"\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: theme.palette.secondary.main || theme.palette.accent.main,\r\n  flexShrink: 0,\r\n  \"&:hover\": {\r\n    backgroundColor: theme.palette.secondary.main || theme.palette.accent.main,\r\n    opacity: 0.8,\r\n  },\r\n}));\r\n\r\nconst DropdownButton = styled(\"button\")(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"space-between\",\r\n  gap: theme.spacing(1),\r\n  padding: theme.spacing(0.75, 2),\r\n  borderRadius:\r\n    (typeof theme.shape.borderRadius === \"string\"\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n  border: `1px solid ${theme.palette.dark.main}33`,\r\n  backgroundColor: \"#fff\",\r\n  color: theme.palette.dark.main,\r\n  fontWeight: 500,\r\n  whiteSpace: \"nowrap\",\r\n  cursor: \"pointer\",\r\n  transition: \"border-color 0.2s\",\r\n  fontSize: \"0.875rem\",\r\n  \"&:hover\": {\r\n    borderColor: `${theme.palette.dark.main}4D`,\r\n  },\r\n  [theme.breakpoints.down(\"sm\")]: {\r\n    width: '100%',\r\n    padding: theme.spacing(0.75, 1),\r\n    gap: theme.spacing(0.5),\r\n  },\r\n}));\r\n\r\nconst StyledMenu = styled(Menu)(({ theme }) => ({\r\n  \"& .MuiPaper-root\": {\r\n    marginTop: theme.spacing(1),\r\n    width: \"auto\",\r\n    [theme.breakpoints.down(\"sm\")]: {\r\n      width: \"100%\",\r\n    },\r\n    borderRadius:\r\n      (typeof theme.shape.borderRadius === \"string\"\r\n        ? parseInt(theme.shape.borderRadius, 10)\r\n        : theme.shape.borderRadius || 4) * 2,\r\n    border: `1px solid ${theme.palette.dark.main}33`,\r\n    boxShadow:\r\n      \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\",\r\n  },\r\n}));\r\n\r\nconst StyledMenuItem = styled(MenuItem, {\r\n  shouldForwardProp: (prop) => prop !== \"isActive\",\r\n})<{ isActive?: boolean }>(({ theme, isActive }) => ({\r\n  padding: theme.spacing(1.25, 2),\r\n  fontSize: \"0.875rem\",\r\n  color: isActive ? theme.palette.primary.main : \"#4D3019\",\r\n  fontWeight: isActive ? 500 : 400,\r\n  backgroundColor: isActive ? \"#F5F1ED\" : \"transparent\",\r\n  whiteSpace: \"normal\",\r\n  wordBreak: \"break-word\",\r\n  display: \"block\",\r\n  \"&:hover\": {\r\n    backgroundColor: \"#F5F1ED\",\r\n  },\r\n}));\r\n\r\nconst DropdownMenu = ({\r\n  dropdownItems,\r\n  currentItem,\r\n  anchorEl,\r\n  isDropdownOpen,\r\n  handleDropdownToggle,\r\n  handleClose,\r\n  handleItemClick,\r\n}: {\r\n  dropdownItems: BreadcrumbItem[];\r\n  currentItem: string;\r\n  anchorEl: HTMLElement | null;\r\n  isDropdownOpen: boolean;\r\n  handleDropdownToggle: (e: React.MouseEvent<HTMLButtonElement>) => void;\r\n  handleClose: () => void;\r\n  handleItemClick: (item: BreadcrumbItem) => void;\r\n}) => {\r\n  return dropdownItems.length > 0 ? (\r\n    <Box sx={{ position: \"relative\", flexShrink: 0 }}>\r\n      <DropdownButton type=\"button\" onClick={handleDropdownToggle}>\r\n        In this section...\r\n        <ExpandMoreRounded\r\n          sx={{\r\n            fontSize: 20,\r\n            transition: \"transform 0.2s\",\r\n            transform: isDropdownOpen ? \"rotate(180deg)\" : \"rotate(0deg)\",\r\n          }}\r\n        />\r\n      </DropdownButton>\r\n\r\n      <StyledMenu\r\n        anchorEl={anchorEl}\r\n        open={isDropdownOpen}\r\n        onClose={handleClose}\r\n        disableScrollLock\r\n      >\r\n        {dropdownItems.map((item, index) => (\r\n          <StyledMenuItem\r\n            key={index}\r\n            onClick={() => handleItemClick(item)}\r\n            isActive={item.label === currentItem}\r\n          >\r\n            {item.label}\r\n          </StyledMenuItem>\r\n        ))}\r\n      </StyledMenu>\r\n    </Box>\r\n  ) : null;\r\n};\r\n\r\nexport const Breadcrumb: React.FC<BreadcrumbProps> = ({\r\n  items,\r\n  currentItem,\r\n  dropdownItems = [],\r\n  onItemSelect,\r\n  onNavigate,\r\n}) => {\r\n  const theme = useTheme();\r\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\r\n  const isDropdownOpen = Boolean(anchorEl);\r\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n  const scrollMask = useRef<HTMLDivElement>(null);\r\n  const endRef = useRef<HTMLDivElement>(null);\r\n  \r\n  const updateMask = (el: { style?: any; scrollLeft?: any; scrollWidth?: any; clientWidth?: any; }) => {\r\n    const { scrollLeft, scrollWidth, clientWidth } = el;\r\n    const atStart = scrollLeft === 0;\r\n    const atEnd = scrollLeft + clientWidth >= scrollWidth - 1;\r\n\r\n    const left = atStart ? 'black' : 'transparent';\r\n    const right = atEnd ? 'black' : 'transparent';\r\n\r\n    const mask = `linear-gradient(to right, ${left}, black 30px, black calc(100% - 30px), ${right})`;\r\n    el.style.maskImage = mask;\r\n    el.style.webkitMaskImage = mask;\r\n  };\r\n\r\n  useEffect(() => {\r\n    const el = scrollMask.current;\r\n    if (!el) return;\r\n    updateMask(el); // set on mount\r\n    el.addEventListener('scroll', () => updateMask(el));\r\n    return () => el.removeEventListener('scroll', () => updateMask(el));\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    endRef.current?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n  }, [items]);\r\n\r\n\r\n  const handleNavigation = (path: string) => {\r\n    if (onNavigate) {\r\n      onNavigate(path);\r\n    } else {\r\n      window.location.href = path;\r\n    }\r\n  };\r\n\r\n  const handleDropdownToggle = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n    setAnchorEl(event.currentTarget);\r\n  };\r\n\r\n  const handleClose = () => setAnchorEl(null);\r\n\r\n  const handleHomeClick = () => handleNavigation(\"/\");\r\n  const handleItemClick = (item: BreadcrumbItem) => {\r\n    onItemSelect?.(item);\r\n    handleClose();\r\n    if (item.href) handleNavigation(item.href);\r\n  };\r\n  \r\n  if (items.length < 1) {\r\n    return;\r\n  }\r\n\r\n  if (isMobile) {\r\n\r\n    return (\r\n      <Box\r\n        display=\"flex\"\r\n        flexDirection=\"column\"\r\n        gap={2}\r\n      >\r\n        <Box\r\n          ref={scrollMask}\r\n          component=\"nav\"\r\n          sx={{\r\n            width: \"100%\",\r\n            display: \"flex\",\r\n            flexDirection: \"row\",\r\n            alignItems: \"start\",\r\n            flexWrap: \"nowrap\",\r\n            overflowX: \"auto\",\r\n            textOverflow: \"ellipsis\",\r\n            minWidth: 0,\r\n            scrollbarWidth: \"none\",\r\n            \"&::-webkit-scrollbar\": { display: \"none\" },\r\n          }}\r\n        >\r\n          {items.map((item) => (\r\n            <Fragment key={item.label}>\r\n                <ChevronRightRounded />\r\n              <Typography\r\n                onClick={() => {\r\n                  handleNavigation(item.href as string);\r\n                }}\r\n                sx={{\r\n                  fontWeight: 500,\r\n                  color: theme.palette.dark.main,\r\n                  whiteSpace: \"nowrap\",\r\n                }}\r\n              >\r\n                {item?.label ?? \"\"}\r\n              </Typography>\r\n              <div ref={endRef}/>\r\n            </Fragment>\r\n          ))}\r\n        </Box>\r\n        <DropdownMenu\r\n          dropdownItems={dropdownItems}\r\n          currentItem={currentItem}\r\n          anchorEl={anchorEl}\r\n          isDropdownOpen={isDropdownOpen}\r\n          handleDropdownToggle={handleDropdownToggle}\r\n          handleClose={handleClose}\r\n          handleItemClick={handleItemClick}\r\n        />\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      component=\"nav\"\r\n      sx={{\r\n        display: \"inline-flex\",\r\n        justifyContent: \"start\",\r\n        alignItems: \"center\",\r\n        // flexWrap: \"nowrap\",\r\n        gap: 1,\r\n        scrollbarWidth: \"none\",\r\n        \"&::-webkit-scrollbar\": { display: \"none\" },\r\n      }}\r\n    >\r\n      <HomeButton aria-label=\"Home\" onClick={handleHomeClick}>\r\n        <HomeRounded sx={{ fontSize: 20, color: \"#4D3019\" }} />\r\n      </HomeButton>\r\n      <MuiBreadcrumbs\r\n        separator=\"/\"\r\n        sx={{\r\n          display: \"inline-flex\",\r\n          flexDirection: \"row\",\r\n          flexWrap: \"initial\",\r\n          // width: \"fit-content\",\r\n          flexShrink: 2,\r\n          \"& .MuiBreadcrumbs-separator\": {\r\n            color: `${theme.palette.dark.main}66`,\r\n          },\r\n        }}\r\n      >\r\n        {items.map((item) => (\r\n          <Typography\r\n            key={item.label}\r\n            sx={{\r\n              color: theme.palette.dark.main,\r\n              fontWeight: 500,\r\n              px: { xs: 0.5, sm: 1 },\r\n              // minWidth: 0,\r\n              whiteSpace: \"nowrap\",\r\n              // overflow: \"hidden\",\r\n              textOverflow: \"ellipsis\",\r\n              cursor: item.href ? \"pointer\" : \"default\",\r\n            }}\r\n            onClick={() => item.href && handleNavigation(item.href)}\r\n          >\r\n            {item.label}\r\n          </Typography>\r\n        ))}\r\n      </MuiBreadcrumbs>\r\n      <DropdownMenu\r\n        dropdownItems={dropdownItems}\r\n        currentItem={currentItem}\r\n        anchorEl={anchorEl}\r\n        isDropdownOpen={isDropdownOpen}\r\n        handleDropdownToggle={handleDropdownToggle}\r\n        handleClose={handleClose}\r\n        handleItemClick={handleItemClick}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["styled","IconButton","Menu","MenuItem","_jsxs","Box","_jsx","ExpandMoreRounded","useTheme","useState","useMediaQuery","useRef","useEffect","Fragment","ChevronRightRounded","Typography","HomeRounded","MuiBreadcrumbs"],"mappings":"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"}

package/dist/cjs/components/SidebarV2.js

@@ -68,9 +68,12 @@ const MenuItemButton = material.styled(material.ListItemButton, {
     ...(isActive && {
         backgroundColor: `${theme.palette.primary.main}1A`,
     }),
-    ...(isPolicyActive && {
+    ...(isPolicyActive && depth > 1 && {
         backgroundColor: `#0000000D`,
     }),
+    ...(isPolicyActive && depth <= 1 && {
+        backgroundColor: `${theme.palette.primary.main}1A`,
+    }),
 }));
 const IconWrapper = material.styled(material.Box, {
     shouldForwardProp: (prop) => prop !== "isOpen",

package/dist/cjs/components/SidebarV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarV2.js","sources":["../../../../src/components/SidebarV2.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  IconButton,\r\n  Typography,\r\n  List,\r\n  ListItemButton,\r\n  ListItemText,\r\n  Collapse,\r\n  styled,\r\n  Divider,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  ChevronRightRounded,\r\n  ImportExportRounded,\r\n  KeyboardDoubleArrowLeftRounded,\r\n  KeyboardDoubleArrowRightRounded,\r\n} from \"@mui/icons-material\";\r\n\r\nconst EXPANDED_WIDTH = \"288px\";\r\nconst COLLAPSED_WIDTH_SMALL = \"80px\";\r\nconst COLLAPSED_WIDTH_DEFAULT = \"64px\";\r\n\r\nexport enum Visibility {\r\n  Admin = \"Admin\",\r\n  Contributor = \"Contributor\",\r\n  Community = \"Community\",\r\n}\r\n\r\nexport interface MenuItem {\r\n  id: string | number;\r\n  title: string;\r\n  icon?: React.ReactNode;\r\n  visibility?: Visibility;\r\n  url?: string;\r\n  items?: MenuItem[];\r\n}\r\n\r\nconst SidebarContainer = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  height: \"100vh\",\r\n  position: \"sticky\",\r\n  top: 0,\r\n  paddingLeft: 0,\r\n  overflow: \"hidden\",\r\n  backgroundColor: \"#fff\",\r\n  borderRight: `1px solid ${theme.palette.dark.main}1A`,\r\n  flexShrink: 0,\r\n  transition: \"all 0.15s ease-out\",\r\n  width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_DEFAULT,\r\n  zIndex: 50,\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    position: \"fixed\",\r\n    left: isOpen ? 0 : `-${EXPANDED_WIDTH}`,\r\n    width: EXPANDED_WIDTH,\r\n    transition: \"all 0.4s ease-out\",\r\n  },\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_SMALL,\r\n  },\r\n}));\r\n\r\nconst ToggleButton = styled(IconButton)(({ theme }) => ({\r\n  width: 40,\r\n  height: 40,\r\n  borderRadius: theme.shape.borderRadius,\r\n  backgroundColor: \"#4D3019\",\r\n  color: \"#fff\",\r\n  \"&:hover\": {\r\n    backgroundColor: \"#3d2614\",\r\n  },\r\n}));\r\n\r\nconst MenuItemButton = styled(ListItemButton, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\" && prop !== \"isActive\" && prop !== \"isPolicyActive\",\r\n})<{ isActive?: boolean; isOpen: boolean, isPolicyActive?: boolean, depth: number }>(({ theme, isActive, isOpen, isPolicyActive, depth }) => ({\r\n  borderRadius: isOpen\r\n    ? `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`\r\n    : theme.shape.borderRadius,\r\n  paddingLeft: 0,\r\n  paddingRight: isOpen ? theme.spacing(2) : 0,\r\n  marginRight: isOpen ? 8 : 0,\r\n  minHeight: 64,\r\n  justifyContent: isOpen ? \"flex-start\" : \"center\",\r\n  backgroundClip: \"padding-box\",\r\n  backgroundOrigin: \"border-box\",\r\n  \"&:hover\": {\r\n    backgroundColor: `#0000000D`,\r\n  },\r\n  ...(isActive && {\r\n    backgroundColor: `${theme.palette.primary.main}1A`,\r\n  }),\r\n  ...(isPolicyActive && {\r\n    backgroundColor: `#0000000D`,\r\n  }),\r\n}));\r\n\r\nconst IconWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  width: isOpen ? 32 : 40,\r\n  height: isOpen ? 32 : 40,\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"center\",\r\n  backgroundColor: \"transparent\",\r\n}));\r\n\r\nconst SidebarItem = ({\r\n  isOpen,\r\n  isAdmin,\r\n  item,\r\n  onNavigate,\r\n  expandedSet,\r\n  setExpand: onExpand,\r\n  depth = 0,\r\n  currentPath,\r\n  openSidebar,\r\n}: {\r\n  isOpen: boolean;\r\n  isAdmin: boolean;\r\n  item: MenuItem;\r\n  onNavigate: (path: string) => void;\r\n  expandedSet: Set<string | number>;\r\n  setExpand: React.Dispatch<React.SetStateAction<Set<string | number>>>;\r\n  depth?: number;\r\n  currentPath: string;\r\n  openSidebar?: () => void,\r\n}) => {\r\n  // console.log(item.title, item.items);\r\n  // Check visibility based on visibility state and isAdmin prop\r\n  const isVisible =\r\n    item.visibility === Visibility.Admin\r\n      ? !!isAdmin\r\n      : item.visibility === Visibility.Contributor || !item.visibility;\r\n  if (!isVisible) {\r\n    return null;\r\n  }\r\n\r\n  const theme = useTheme();\r\n  // const nestedPadding = 1 + depth;\r\n\r\n  const isExpanded = () => expandedSet.has(item.id);\r\n\r\n  const toggleExpand = () => {\r\n    if (!isExpanded()) {\r\n      onExpand(new Set([...expandedSet, item.id]));\r\n    } else {\r\n      expandedSet.delete(item.id);\r\n      onExpand(new Set(expandedSet));\r\n    }\r\n  };\r\n\r\n  const isActive =\r\n    currentPath.includes(item.url as string) ||\r\n    currentPath.includes(item.title.toLowerCase() as string) ||\r\n    isExpanded();\r\n\r\n  const isPolicyActive = currentPath.includes(item.url as string) && depth > 0;\r\n\r\n  return (\r\n    <Box sx={{ mb: depth > 0 ? 0 : 1 }}>\r\n      <MenuItemButton\r\n        depth={depth}\r\n        disableRipple\r\n        isOpen={isOpen}\r\n        onClick={() => {\r\n          if (item.url) onNavigate(item.url)\r\n          else if (item.items) {\r\n            if (openSidebar && !isOpen) {\r\n              if (!isExpanded())\r\n                toggleExpand();\r\n              openSidebar();\r\n            } else {\r\n              toggleExpand();\r\n            }\r\n          }\r\n        }}\r\n        isActive={isActive}\r\n        isPolicyActive={isPolicyActive}\r\n        title={!isOpen ? item.title : undefined}\r\n        sx={{\r\n          ...(depth > 0 && {\r\n            pl: 2,\r\n          }),\r\n        }}\r\n      >\r\n        {item.icon && (\r\n          <IconWrapper isOpen={isOpen} sx={{ ml: isOpen ? 2 : 0 }}>\r\n            {item.icon}\r\n          </IconWrapper>\r\n        )}\r\n        {isOpen && (\r\n          <>\r\n            <ListItemText\r\n              primary={item.title}\r\n              slotProps={{\r\n                primary: {\r\n                  style: { \r\n                    // textDecoration: isActive ? \"underline\" : \"\",\r\n                    fontWeight: isPolicyActive ? 700 : (depth > 0 ? 400 : 700)},\r\n                    width: 200 - depth * 16,  // Set to stop text from wrapping when sidebar is expanding and contracting\r\n                  ...(depth > 0\r\n                    ? {\r\n                        fontSize: \"0.875rem\",\r\n                      }\r\n                    : {\r\n                        fontSize: \"1rem\",\r\n                        fontWeight: 700,\r\n                      }),\r\n                },\r\n              }}\r\n              sx={{ flex: 1, ml: 1 }}\r\n            />\r\n            {item.items && item.items.length > 0 && (\r\n              <IconButton\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                  if (item.items) toggleExpand();\r\n                }}\r\n                disableRipple\r\n                sx={{\r\n                  ml: 0.5,\r\n                  borderRadius: 1,\r\n                  width: 32,\r\n                  height: 32,\r\n                  \"&:hover\": {\r\n                    backgroundColor: `${theme.palette.primary.main}1F`,\r\n                  },\r\n                }}\r\n              >\r\n                <ChevronRightRounded\r\n                  sx={{\r\n                    fontSize: 16,\r\n                    color: \"#4D3019\",\r\n                    transition: \"transform 0.1s\",\r\n                    transform: isExpanded() ? \"rotate(90deg)\" : \"rotate(0deg)\",\r\n                  }}\r\n                />\r\n              </IconButton>\r\n            )}\r\n          </>\r\n        )}\r\n      </MenuItemButton>\r\n        {isExpanded() && isOpen && (\r\n          <Collapse in={true} timeout=\"auto\">\r\n            <Box display='flex' flexDirection='row'>\r\n              {depth > 0 && (\r\n                <Divider \r\n                  orientation=\"vertical\" \r\n                  flexItem \r\n                  sx={{ \r\n                    ml: 2,\r\n                    borderColor: `#00000033`,\r\n                    borderWidth: '1px',\r\n                    borderRightWidth: '1px',\r\n                    mt: 1,\r\n                    mb: 1\r\n                  }}\r\n                />\r\n              )}\r\n              <List sx={{ p: 0, mt: 1, mb:1, flex: 1 }}>\r\n                {item.items &&\r\n                  item.items.map((child) => (\r\n                    <SidebarItem\r\n                      key={child.id}\r\n                      currentPath={currentPath}\r\n                      expandedSet={expandedSet}\r\n                      setExpand={onExpand}\r\n                      isOpen={isOpen}\r\n                      isAdmin={isAdmin}\r\n                      item={child}\r\n                      onNavigate={onNavigate}\r\n                      depth={depth + 1}\r\n                    />\r\n                  ))}\r\n              </List>\r\n            </Box>\r\n          </Collapse>\r\n        )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const SidebarV2 = ({\r\n  isOpen,\r\n  onToggle,\r\n  centreName = \"Centre name goes here \\n across two lines\",\r\n  onNavigate,\r\n  items,\r\n  isAdmin,\r\n  currentPath,\r\n  onOrgChange,\r\n  hasMultipleOrganisations,\r\n}: {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  items: MenuItem[];\r\n  centreName?: string;\r\n  onNavigate: (path: string) => void;\r\n  isAdmin: boolean;\r\n  currentPath: string;\r\n  onOrgChange: () => void;\r\n  hasMultipleOrganisations: boolean;\r\n}) => {\r\n  const findExpandItems = (items: MenuItem[]): (string | number)[] => {\r\n    for (const item of items) {\r\n      if (!item || item.items === undefined || item.items.length === 0) {\r\n        continue;\r\n      }\r\n      const url = item.url?.replace(/-\\d+$/, '')\r\n      const isActive =\r\n        currentPath.includes(url as string) ||\r\n        currentPath.includes(item.title.toLowerCase() as string);\r\n      if (isActive) {\r\n        return item.items\r\n          ? [item.id, ...findExpandItems(item.items)]\r\n          : [item.id];\r\n      }\r\n    }\r\n    return [];\r\n  };\r\n  \r\n  const theme = useTheme();\r\n  const [expandedSet, setExpanded] = useState<Set<string | number>>(\r\n    () => new Set(findExpandItems(items)),\r\n  );\r\n  const isMobile = !window.matchMedia(theme.breakpoints.up('lg').replace('@media ', '')).matches;\r\n\r\n  return (\r\n    <>\r\n      {isOpen && (\r\n        <Box\r\n          sx={{\r\n            position: \"fixed\",\r\n            inset: 0,\r\n            bgcolor: \"rgba(0, 0, 0, 0.5)\",\r\n            zIndex: 40,\r\n            display: { xs: \"block\", md: \"none\" },\r\n          }}\r\n          onClick={onToggle}\r\n        />\r\n      )}\r\n      <SidebarContainer isOpen={isOpen}>\r\n        <Box sx={{ display: \"flex\", flexDirection: \"column\", height: \"100%\" }}>\r\n          {/* Sidebar Header */}\r\n          {isOpen ? (\r\n            <Box\r\n              sx={{\r\n                px: 2,\r\n                py: 3,\r\n                flexShrink: 0,\r\n                position: \"relative\",\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n                alignItems: \"center\",\r\n                width: EXPANDED_WIDTH,\r\n              }}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  px: 2,\r\n                  flexShrink: 0,\r\n                  position: \"relative\",\r\n                  display: \"flex\",\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  width: EXPANDED_WIDTH,\r\n                }}\r\n              >\r\n                <Typography\r\n                  variant=\"h6\"\r\n                  sx={{\r\n                    width: \"180px\",\r\n                    fontSize: \"18px\",\r\n                    fontWeight: 700,\r\n                    color: \"#4D3019\",\r\n                    whiteSpace: \"pre-line\",\r\n                    flex: 1,\r\n                    pr: 2,\r\n                  }}\r\n                >\r\n                  {centreName ?? \"Centre Name\"}\r\n                </Typography>\r\n\r\n                <ToggleButton\r\n                  onClick={() => onToggle()}\r\n                  sx={{ ml: \"auto\" }}\r\n                  aria-label=\"Collapse sidebar\"\r\n                >\r\n                  <KeyboardDoubleArrowLeftRounded sx={{ fontSize: 20 }} />\r\n                </ToggleButton>\r\n              </Box>\r\n              <Box\r\n                onClick={onOrgChange}\r\n                sx={{\r\n                  px: 2,\r\n                  py: 1,\r\n                  borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                  flexShrink: 0,\r\n                  position: \"relative\",\r\n                  display: \"flex\",\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  width: EXPANDED_WIDTH,\r\n                  cursor: \"pointer\",\r\n                }}\r\n              >\r\n                {hasMultipleOrganisations && (\r\n                  <Box\r\n                    className=\"org-change-content\"\r\n                    sx={{\r\n                      display: \"flex\",\r\n                      flexDirection: \"row\",\r\n                      alignItems: \"center\",\r\n                      py: 1,\r\n                    }}\r\n                  >\r\n                    <ImportExportRounded \r\n                      sx={{ color: theme.palette.primary.main, mr: 1 }} \r\n                    />\r\n                    <Typography sx={{ color: theme.palette.primary.main }}>\r\n                      Change organisation\r\n                    </Typography>\r\n                  </Box>\r\n                )}\r\n              </Box>\r\n            </Box>\r\n          ) : (\r\n            <Box\r\n              sx={{\r\n                px: 1,\r\n                py: 3,\r\n                mb: 1,\r\n                borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n              }}\r\n            >\r\n              <ToggleButton onClick={onToggle} aria-label=\"Expand sidebar\">\r\n                <KeyboardDoubleArrowRightRounded sx={{ fontSize: 20 }} />\r\n              </ToggleButton>\r\n            </Box>\r\n          )}\r\n\r\n          {/* Sidebar Items */}\r\n          <Box\r\n            sx={{\r\n              flex: 1,\r\n              overflowY: \"auto\",\r\n              px: isOpen ? 0 : 1,\r\n              scrollbarWidth: \"thin\",\r\n              pb: 3,\r\n            }}\r\n          >\r\n            <List sx={{ p: 0 }}>\r\n              {items.map((item) => (\r\n                <SidebarItem\r\n                  currentPath={currentPath}\r\n                  key={item.id}\r\n                  expandedSet={expandedSet}\r\n                  setExpand={setExpanded}\r\n                  isOpen={isOpen}\r\n                  isAdmin={isAdmin}\r\n                  item={item}\r\n                  onNavigate={(path: string) => {\r\n                    if (isMobile && isOpen) onToggle();\r\n                    onNavigate(path);\r\n                  }}\r\n                  openSidebar={onToggle}\r\n                />\r\n              ))}\r\n            </List>\r\n          </Box>\r\n        </Box>\r\n      </SidebarContainer>\r\n    </>\r\n  );\r\n};\r\n"],"names":["Visibility","styled","Box","IconButton","ListItemButton","useTheme","_jsxs","_jsx","ListItemText","ChevronRightRounded","Collapse","Divider","List","useState","Typography","KeyboardDoubleArrowLeftRounded","ImportExportRounded","KeyboardDoubleArrowRightRounded"],"mappings":"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"}
+{"version":3,"file":"SidebarV2.js","sources":["../../../../src/components/SidebarV2.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  IconButton,\r\n  Typography,\r\n  List,\r\n  ListItemButton,\r\n  ListItemText,\r\n  Collapse,\r\n  styled,\r\n  Divider,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  ChevronRightRounded,\r\n  ImportExportRounded,\r\n  KeyboardDoubleArrowLeftRounded,\r\n  KeyboardDoubleArrowRightRounded,\r\n} from \"@mui/icons-material\";\r\n\r\nconst EXPANDED_WIDTH = \"288px\";\r\nconst COLLAPSED_WIDTH_SMALL = \"80px\";\r\nconst COLLAPSED_WIDTH_DEFAULT = \"64px\";\r\n\r\nexport enum Visibility {\r\n  Admin = \"Admin\",\r\n  Contributor = \"Contributor\",\r\n  Community = \"Community\",\r\n}\r\n\r\nexport interface MenuItem {\r\n  id: string | number;\r\n  title: string;\r\n  icon?: React.ReactNode;\r\n  visibility?: Visibility;\r\n  url?: string;\r\n  items?: MenuItem[];\r\n}\r\n\r\nconst SidebarContainer = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  height: \"100vh\",\r\n  position: \"sticky\",\r\n  top: 0,\r\n  paddingLeft: 0,\r\n  overflow: \"hidden\",\r\n  backgroundColor: \"#fff\",\r\n  borderRight: `1px solid ${theme.palette.dark.main}1A`,\r\n  flexShrink: 0,\r\n  transition: \"all 0.15s ease-out\",\r\n  width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_DEFAULT,\r\n  zIndex: 50,\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    position: \"fixed\",\r\n    left: isOpen ? 0 : `-${EXPANDED_WIDTH}`,\r\n    width: EXPANDED_WIDTH,\r\n    transition: \"all 0.4s ease-out\",\r\n  },\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_SMALL,\r\n  },\r\n}));\r\n\r\nconst ToggleButton = styled(IconButton)(({ theme }) => ({\r\n  width: 40,\r\n  height: 40,\r\n  borderRadius: theme.shape.borderRadius,\r\n  backgroundColor: \"#4D3019\",\r\n  color: \"#fff\",\r\n  \"&:hover\": {\r\n    backgroundColor: \"#3d2614\",\r\n  },\r\n}));\r\n\r\nconst MenuItemButton = styled(ListItemButton, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\" && prop !== \"isActive\" && prop !== \"isPolicyActive\",\r\n})<{ isActive?: boolean; isOpen: boolean, isPolicyActive?: boolean, depth: number }>(({ theme, isActive, isOpen, isPolicyActive, depth }) => ({\r\n  borderRadius: isOpen\r\n    ? `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`\r\n    : theme.shape.borderRadius,\r\n  paddingLeft: 0,\r\n  paddingRight: isOpen ? theme.spacing(2) : 0,\r\n  marginRight: isOpen ? 8 : 0,\r\n  minHeight: 64,\r\n  justifyContent: isOpen ? \"flex-start\" : \"center\",\r\n  backgroundClip: \"padding-box\",\r\n  backgroundOrigin: \"border-box\",\r\n  \"&:hover\": {\r\n    backgroundColor: `#0000000D`,\r\n  },\r\n  ...(isActive && {\r\n    backgroundColor: `${theme.palette.primary.main}1A`,\r\n  }),\r\n  ...(isPolicyActive && depth > 1 && {\r\n    backgroundColor: `#0000000D`,\r\n  }),\r\n  ...(isPolicyActive && depth <= 1 && {\r\n    backgroundColor: `${theme.palette.primary.main}1A`,\r\n  }),\r\n}));\r\n\r\nconst IconWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  width: isOpen ? 32 : 40,\r\n  height: isOpen ? 32 : 40,\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"center\",\r\n  backgroundColor: \"transparent\",\r\n}));\r\n\r\nconst SidebarItem = ({\r\n  isOpen,\r\n  isAdmin,\r\n  item,\r\n  onNavigate,\r\n  expandedSet,\r\n  setExpand: onExpand,\r\n  depth = 0,\r\n  currentPath,\r\n  openSidebar,\r\n}: {\r\n  isOpen: boolean;\r\n  isAdmin: boolean;\r\n  item: MenuItem;\r\n  onNavigate: (path: string) => void;\r\n  expandedSet: Set<string | number>;\r\n  setExpand: React.Dispatch<React.SetStateAction<Set<string | number>>>;\r\n  depth?: number;\r\n  currentPath: string;\r\n  openSidebar?: () => void,\r\n}) => {\r\n  // console.log(item.title, item.items);\r\n  // Check visibility based on visibility state and isAdmin prop\r\n  const isVisible =\r\n    item.visibility === Visibility.Admin\r\n      ? !!isAdmin\r\n      : item.visibility === Visibility.Contributor || !item.visibility;\r\n  if (!isVisible) {\r\n    return null;\r\n  }\r\n\r\n  const theme = useTheme();\r\n  // const nestedPadding = 1 + depth;\r\n\r\n  const isExpanded = () => expandedSet.has(item.id);\r\n\r\n  const toggleExpand = () => {\r\n    if (!isExpanded()) {\r\n      onExpand(new Set([...expandedSet, item.id]));\r\n    } else {\r\n      expandedSet.delete(item.id);\r\n      onExpand(new Set(expandedSet));\r\n    }\r\n  };\r\n\r\n  const isActive =\r\n    currentPath.includes(item.url as string) ||\r\n    currentPath.includes(item.title.toLowerCase() as string) ||\r\n    isExpanded();\r\n\r\n  const isPolicyActive = currentPath.includes(item.url as string) && depth > 0;\r\n\r\n  return (\r\n    <Box sx={{ mb: depth > 0 ? 0 : 1 }}>\r\n      <MenuItemButton\r\n        depth={depth}\r\n        disableRipple\r\n        isOpen={isOpen}\r\n        onClick={() => {\r\n          if (item.url) onNavigate(item.url)\r\n          else if (item.items) {\r\n            if (openSidebar && !isOpen) {\r\n              if (!isExpanded())\r\n                toggleExpand();\r\n              openSidebar();\r\n            } else {\r\n              toggleExpand();\r\n            }\r\n          }\r\n        }}\r\n        isActive={isActive}\r\n        isPolicyActive={isPolicyActive}\r\n        title={!isOpen ? item.title : undefined}\r\n        sx={{\r\n          ...(depth > 0 && {\r\n            pl: 2,\r\n          }),\r\n        }}\r\n      >\r\n        {item.icon && (\r\n          <IconWrapper isOpen={isOpen} sx={{ ml: isOpen ? 2 : 0 }}>\r\n            {item.icon}\r\n          </IconWrapper>\r\n        )}\r\n        {isOpen && (\r\n          <>\r\n            <ListItemText\r\n              primary={item.title}\r\n              slotProps={{\r\n                primary: {\r\n                  style: { \r\n                    // textDecoration: isActive ? \"underline\" : \"\",\r\n                    fontWeight: isPolicyActive ? 700 : (depth > 0 ? 400 : 700)},\r\n                    width: 200 - depth * 16,  // Set to stop text from wrapping when sidebar is expanding and contracting\r\n                  ...(depth > 0\r\n                    ? {\r\n                        fontSize: \"0.875rem\",\r\n                      }\r\n                    : {\r\n                        fontSize: \"1rem\",\r\n                        fontWeight: 700,\r\n                      }),\r\n                },\r\n              }}\r\n              sx={{ flex: 1, ml: 1 }}\r\n            />\r\n            {item.items && item.items.length > 0 && (\r\n              <IconButton\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                  if (item.items) toggleExpand();\r\n                }}\r\n                disableRipple\r\n                sx={{\r\n                  ml: 0.5,\r\n                  borderRadius: 1,\r\n                  width: 32,\r\n                  height: 32,\r\n                  \"&:hover\": {\r\n                    backgroundColor: `${theme.palette.primary.main}1F`,\r\n                  },\r\n                }}\r\n              >\r\n                <ChevronRightRounded\r\n                  sx={{\r\n                    fontSize: 16,\r\n                    color: \"#4D3019\",\r\n                    transition: \"transform 0.1s\",\r\n                    transform: isExpanded() ? \"rotate(90deg)\" : \"rotate(0deg)\",\r\n                  }}\r\n                />\r\n              </IconButton>\r\n            )}\r\n          </>\r\n        )}\r\n      </MenuItemButton>\r\n        {isExpanded() && isOpen && (\r\n          <Collapse in={true} timeout=\"auto\">\r\n            <Box display='flex' flexDirection='row'>\r\n              {depth > 0 && (\r\n                <Divider \r\n                  orientation=\"vertical\" \r\n                  flexItem \r\n                  sx={{ \r\n                    ml: 2,\r\n                    borderColor: `#00000033`,\r\n                    borderWidth: '1px',\r\n                    borderRightWidth: '1px',\r\n                    mt: 1,\r\n                    mb: 1\r\n                  }}\r\n                />\r\n              )}\r\n              <List sx={{ p: 0, mt: 1, mb:1, flex: 1 }}>\r\n                {item.items &&\r\n                  item.items.map((child) => (\r\n                    <SidebarItem\r\n                      key={child.id}\r\n                      currentPath={currentPath}\r\n                      expandedSet={expandedSet}\r\n                      setExpand={onExpand}\r\n                      isOpen={isOpen}\r\n                      isAdmin={isAdmin}\r\n                      item={child}\r\n                      onNavigate={onNavigate}\r\n                      depth={depth + 1}\r\n                    />\r\n                  ))}\r\n              </List>\r\n            </Box>\r\n          </Collapse>\r\n        )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const SidebarV2 = ({\r\n  isOpen,\r\n  onToggle,\r\n  centreName = \"Centre name goes here \\n across two lines\",\r\n  onNavigate,\r\n  items,\r\n  isAdmin,\r\n  currentPath,\r\n  onOrgChange,\r\n  hasMultipleOrganisations,\r\n}: {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  items: MenuItem[];\r\n  centreName?: string;\r\n  onNavigate: (path: string) => void;\r\n  isAdmin: boolean;\r\n  currentPath: string;\r\n  onOrgChange: () => void;\r\n  hasMultipleOrganisations: boolean;\r\n}) => {\r\n  const findExpandItems = (items: MenuItem[]): (string | number)[] => {\r\n    for (const item of items) {\r\n      if (!item || item.items === undefined || item.items.length === 0) {\r\n        continue;\r\n      }\r\n      const url = item.url?.replace(/-\\d+$/, '')\r\n      const isActive =\r\n        currentPath.includes(url as string) ||\r\n        currentPath.includes(item.title.toLowerCase() as string);\r\n      if (isActive) {\r\n        return item.items\r\n          ? [item.id, ...findExpandItems(item.items)]\r\n          : [item.id];\r\n      }\r\n    }\r\n    return [];\r\n  };\r\n  \r\n  const theme = useTheme();\r\n  const [expandedSet, setExpanded] = useState<Set<string | number>>(\r\n    () => new Set(findExpandItems(items)),\r\n  );\r\n  const isMobile = !window.matchMedia(theme.breakpoints.up('lg').replace('@media ', '')).matches;\r\n\r\n  return (\r\n    <>\r\n      {isOpen && (\r\n        <Box\r\n          sx={{\r\n            position: \"fixed\",\r\n            inset: 0,\r\n            bgcolor: \"rgba(0, 0, 0, 0.5)\",\r\n            zIndex: 40,\r\n            display: { xs: \"block\", md: \"none\" },\r\n          }}\r\n          onClick={onToggle}\r\n        />\r\n      )}\r\n      <SidebarContainer isOpen={isOpen}>\r\n        <Box sx={{ display: \"flex\", flexDirection: \"column\", height: \"100%\" }}>\r\n          {/* Sidebar Header */}\r\n          {isOpen ? (\r\n            <Box\r\n              sx={{\r\n                px: 2,\r\n                py: 3,\r\n                flexShrink: 0,\r\n                position: \"relative\",\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n                alignItems: \"center\",\r\n                width: EXPANDED_WIDTH,\r\n              }}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  px: 2,\r\n                  flexShrink: 0,\r\n                  position: \"relative\",\r\n                  display: \"flex\",\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  width: EXPANDED_WIDTH,\r\n                }}\r\n              >\r\n                <Typography\r\n                  variant=\"h6\"\r\n                  sx={{\r\n                    width: \"180px\",\r\n                    fontSize: \"18px\",\r\n                    fontWeight: 700,\r\n                    color: \"#4D3019\",\r\n                    whiteSpace: \"pre-line\",\r\n                    flex: 1,\r\n                    pr: 2,\r\n                  }}\r\n                >\r\n                  {centreName ?? \"Centre Name\"}\r\n                </Typography>\r\n\r\n                <ToggleButton\r\n                  onClick={() => onToggle()}\r\n                  sx={{ ml: \"auto\" }}\r\n                  aria-label=\"Collapse sidebar\"\r\n                >\r\n                  <KeyboardDoubleArrowLeftRounded sx={{ fontSize: 20 }} />\r\n                </ToggleButton>\r\n              </Box>\r\n              <Box\r\n                onClick={onOrgChange}\r\n                sx={{\r\n                  px: 2,\r\n                  py: 1,\r\n                  borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                  flexShrink: 0,\r\n                  position: \"relative\",\r\n                  display: \"flex\",\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  width: EXPANDED_WIDTH,\r\n                  cursor: \"pointer\",\r\n                }}\r\n              >\r\n                {hasMultipleOrganisations && (\r\n                  <Box\r\n                    className=\"org-change-content\"\r\n                    sx={{\r\n                      display: \"flex\",\r\n                      flexDirection: \"row\",\r\n                      alignItems: \"center\",\r\n                      py: 1,\r\n                    }}\r\n                  >\r\n                    <ImportExportRounded \r\n                      sx={{ color: theme.palette.primary.main, mr: 1 }} \r\n                    />\r\n                    <Typography sx={{ color: theme.palette.primary.main }}>\r\n                      Change organisation\r\n                    </Typography>\r\n                  </Box>\r\n                )}\r\n              </Box>\r\n            </Box>\r\n          ) : (\r\n            <Box\r\n              sx={{\r\n                px: 1,\r\n                py: 3,\r\n                mb: 1,\r\n                borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n              }}\r\n            >\r\n              <ToggleButton onClick={onToggle} aria-label=\"Expand sidebar\">\r\n                <KeyboardDoubleArrowRightRounded sx={{ fontSize: 20 }} />\r\n              </ToggleButton>\r\n            </Box>\r\n          )}\r\n\r\n          {/* Sidebar Items */}\r\n          <Box\r\n            sx={{\r\n              flex: 1,\r\n              overflowY: \"auto\",\r\n              px: isOpen ? 0 : 1,\r\n              scrollbarWidth: \"thin\",\r\n              pb: 3,\r\n            }}\r\n          >\r\n            <List sx={{ p: 0 }}>\r\n              {items.map((item) => (\r\n                <SidebarItem\r\n                  currentPath={currentPath}\r\n                  key={item.id}\r\n                  expandedSet={expandedSet}\r\n                  setExpand={setExpanded}\r\n                  isOpen={isOpen}\r\n                  isAdmin={isAdmin}\r\n                  item={item}\r\n                  onNavigate={(path: string) => {\r\n                    if (isMobile && isOpen) onToggle();\r\n                    onNavigate(path);\r\n                  }}\r\n                  openSidebar={onToggle}\r\n                />\r\n              ))}\r\n            </List>\r\n          </Box>\r\n        </Box>\r\n      </SidebarContainer>\r\n    </>\r\n  );\r\n};\r\n"],"names":["Visibility","styled","Box","IconButton","ListItemButton","useTheme","_jsxs","_jsx","ListItemText","ChevronRightRounded","Collapse","Divider","List","useState","Typography","KeyboardDoubleArrowLeftRounded","ImportExportRounded","KeyboardDoubleArrowRightRounded"],"mappings":"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"}

package/dist/cjs/node_modules/domhandler/lib/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index3.js');
+var index = require('../../../_virtual/index4.js');
 var index$1 = require('../../domelementtype/lib/index.js');
 var node = require('./node.js');
 

package/dist/cjs/node_modules/html-dom-parser/lib/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index4.js');
+var index = require('../../../_virtual/index3.js');
 var htmlToDom = require('./server/html-to-dom.js');
 var types = require('./types.js');
 

package/dist/esm/components/Breadcrumb.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 interface BreadcrumbItem {
     label: string;
     href?: string;

package/dist/esm/components/Breadcrumb.js

@@ -1,86 +1,112 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
+import { useState, useRef, useEffect, Fragment } from 'react';
 import { styled, IconButton, Menu, MenuItem, useMediaQuery, Box, Typography, Breadcrumbs } from '@mui/material';
 import { useTheme } from '../ThemeProvider.js';
-import { HomeRounded, MoreHorizRounded, ExpandMoreRounded } from '@mui/icons-material';
+import { ChevronRightRounded, HomeRounded, ExpandMoreRounded } from '@mui/icons-material';
 
 const HomeButton = styled(IconButton)(({ theme }) => ({
     width: 40,
     height: 40,
-    borderRadius: (typeof theme.shape.borderRadius === 'string'
+    borderRadius: (typeof theme.shape.borderRadius === "string"
         ? parseInt(theme.shape.borderRadius, 10)
         : theme.shape.borderRadius || 4) * 2,
     backgroundColor: theme.palette.secondary.main || theme.palette.accent.main,
     flexShrink: 0,
-    '&:hover': {
+    "&:hover": {
         backgroundColor: theme.palette.secondary.main || theme.palette.accent.main,
         opacity: 0.8,
     },
 }));
-const DropdownButton = styled('button')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
+const DropdownButton = styled("button")(({ theme }) => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
     gap: theme.spacing(1),
     padding: theme.spacing(0.75, 2),
-    borderRadius: (typeof theme.shape.borderRadius === 'string'
+    borderRadius: (typeof theme.shape.borderRadius === "string"
         ? parseInt(theme.shape.borderRadius, 10)
         : theme.shape.borderRadius || 4) * 2,
     border: `1px solid ${theme.palette.dark.main}33`,
-    backgroundColor: '#fff',
+    backgroundColor: "#fff",
     color: theme.palette.dark.main,
     fontWeight: 500,
-    whiteSpace: 'nowrap',
-    cursor: 'pointer',
-    transition: 'border-color 0.2s',
-    fontSize: '0.875rem',
-    '&:hover': {
+    whiteSpace: "nowrap",
+    cursor: "pointer",
+    transition: "border-color 0.2s",
+    fontSize: "0.875rem",
+    "&:hover": {
         borderColor: `${theme.palette.dark.main}4D`,
     },
-    [theme.breakpoints.down('sm')]: {
+    [theme.breakpoints.down("sm")]: {
+        width: '100%',
         padding: theme.spacing(0.75, 1),
         gap: theme.spacing(0.5),
     },
 }));
 const StyledMenu = styled(Menu)(({ theme }) => ({
-    '& .MuiPaper-root': {
+    "& .MuiPaper-root": {
         marginTop: theme.spacing(1),
-        width: 'auto',
-        borderRadius: (typeof theme.shape.borderRadius === 'string'
+        width: "auto",
+        [theme.breakpoints.down("sm")]: {
+            width: "100%",
+        },
+        borderRadius: (typeof theme.shape.borderRadius === "string"
             ? parseInt(theme.shape.borderRadius, 10)
             : theme.shape.borderRadius || 4) * 2,
         border: `1px solid ${theme.palette.dark.main}33`,
-        boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+        boxShadow: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
     },
 }));
 const StyledMenuItem = styled(MenuItem, {
-    shouldForwardProp: (prop) => prop !== 'isActive',
+    shouldForwardProp: (prop) => prop !== "isActive",
 })(({ theme, isActive }) => ({
     padding: theme.spacing(1.25, 2),
-    fontSize: '0.875rem',
-    color: isActive ? theme.palette.primary.main : '#4D3019',
+    fontSize: "0.875rem",
+    color: isActive ? theme.palette.primary.main : "#4D3019",
     fontWeight: isActive ? 500 : 400,
-    backgroundColor: isActive ? '#F5F1ED' : 'transparent',
-    whiteSpace: 'normal',
-    wordBreak: 'break-word',
-    display: 'block',
-    '&:hover': {
-        backgroundColor: '#F5F1ED',
+    backgroundColor: isActive ? "#F5F1ED" : "transparent",
+    whiteSpace: "normal",
+    wordBreak: "break-word",
+    display: "block",
+    "&:hover": {
+        backgroundColor: "#F5F1ED",
     },
 }));
 const DropdownMenu = ({ dropdownItems, currentItem, anchorEl, isDropdownOpen, handleDropdownToggle, handleClose, handleItemClick, }) => {
-    return dropdownItems.length > 0 ? (jsxs(Box, { sx: { position: 'relative', flexShrink: 0 }, children: [jsxs(DropdownButton, { type: "button", onClick: handleDropdownToggle, children: [jsx("span", { children: currentItem }), jsx(ExpandMoreRounded, { sx: {
+    return dropdownItems.length > 0 ? (jsxs(Box, { sx: { position: "relative", flexShrink: 0 }, children: [jsxs(DropdownButton, { type: "button", onClick: handleDropdownToggle, children: ["In this section...", jsx(ExpandMoreRounded, { sx: {
                             fontSize: 20,
-                            transition: 'transform 0.2s',
-                            transform: isDropdownOpen ? 'rotate(180deg)' : 'rotate(0deg)',
+                            transition: "transform 0.2s",
+                            transform: isDropdownOpen ? "rotate(180deg)" : "rotate(0deg)",
                         } })] }), jsx(StyledMenu, { anchorEl: anchorEl, open: isDropdownOpen, onClose: handleClose, disableScrollLock: true, children: dropdownItems.map((item, index) => (jsx(StyledMenuItem, { onClick: () => handleItemClick(item), isActive: item.label === currentItem, children: item.label }, index))) })] })) : null;
 };
 const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, onNavigate, }) => {
     const theme = useTheme();
     const [anchorEl, setAnchorEl] = useState(null);
     const isDropdownOpen = Boolean(anchorEl);
-    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
-    const [pathAnchorEl, setPathAnchorEl] = useState(null);
-    const isPathMenuOpen = Boolean(pathAnchorEl);
+    const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
+    const scrollMask = useRef(null);
+    const endRef = useRef(null);
+    const updateMask = (el) => {
+        const { scrollLeft, scrollWidth, clientWidth } = el;
+        const atStart = scrollLeft === 0;
+        const atEnd = scrollLeft + clientWidth >= scrollWidth - 1;
+        const left = atStart ? 'black' : 'transparent';
+        const right = atEnd ? 'black' : 'transparent';
+        const mask = `linear-gradient(to right, ${left}, black 30px, black calc(100% - 30px), ${right})`;
+        el.style.maskImage = mask;
+        el.style.webkitMaskImage = mask;
+    };
+    useEffect(() => {
+        const el = scrollMask.current;
+        if (!el)
+            return;
+        updateMask(el); // set on mount
+        el.addEventListener('scroll', () => updateMask(el));
+        return () => el.removeEventListener('scroll', () => updateMask(el));
+    }, []);
+    useEffect(() => {
+        endRef.current?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+    }, [items]);
     const handleNavigation = (path) => {
         if (onNavigate) {
             onNavigate(path);
@@ -93,63 +119,63 @@ const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, onNa
         setAnchorEl(event.currentTarget);
     };
     const handleClose = () => setAnchorEl(null);
-    const handlePathMenuOpen = (event) => {
-        setPathAnchorEl(event.currentTarget);
-    };
-    const handlePathMenuClose = () => setPathAnchorEl(null);
-    const handleHomeClick = () => handleNavigation('/');
+    const handleHomeClick = () => handleNavigation("/");
     const handleItemClick = (item) => {
         onItemSelect?.(item);
         handleClose();
-        handlePathMenuClose();
         if (item.href)
             handleNavigation(item.href);
     };
-    if (isMobile && items.length >= 2) {
-        const last = items[items.length - 1];
-        const middleItems = items.slice(0, -1);
-        return (jsxs(Box, { component: "nav", sx: {
-                display: 'flex',
-                alignItems: 'center',
-                flexWrap: 'nowrap',
-                overflowX: 'auto',
-                minWidth: 0,
-                scrollbarWidth: 'none',
-                '&::-webkit-scrollbar': { display: 'none' },
-            }, children: [jsx(HomeButton, { "aria-label": "Home", onClick: handleHomeClick, children: jsx(HomeRounded, { sx: { fontSize: 20, color: '#4D3019' } }) }), jsx(IconButton, { size: "small", onClick: handlePathMenuOpen, children: jsx(MoreHorizRounded, { sx: { color: theme.palette.dark.main } }) }), jsx(Typography, { sx: {
-                        fontWeight: 500,
-                        color: theme.palette.dark.main,
-                        whiteSpace: 'nowrap',
-                        overflow: 'hidden',
-                        textOverflow: 'ellipsis',
-                        maxWidth: '120px',
-                    }, children: last.label || currentItem }), jsx(StyledMenu, { anchorEl: pathAnchorEl, open: isPathMenuOpen, onClose: handlePathMenuClose, disableScrollLock: true, children: middleItems.map((item, index) => (jsx(StyledMenuItem, { onClick: () => handleItemClick(item), isActive: item.label === currentItem, children: item.label }, index))) }), jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick })] }));
+    if (items.length < 1) {
+        return;
+    }
+    if (isMobile) {
+        return (jsxs(Box, { display: "flex", flexDirection: "column", gap: 2, children: [jsx(Box, { ref: scrollMask, component: "nav", sx: {
+                        width: "100%",
+                        display: "flex",
+                        flexDirection: "row",
+                        alignItems: "start",
+                        flexWrap: "nowrap",
+                        overflowX: "auto",
+                        textOverflow: "ellipsis",
+                        minWidth: 0,
+                        scrollbarWidth: "none",
+                        "&::-webkit-scrollbar": { display: "none" },
+                    }, children: items.map((item) => (jsxs(Fragment, { children: [jsx(ChevronRightRounded, {}), jsx(Typography, { onClick: () => {
+                                    handleNavigation(item.href);
+                                }, sx: {
+                                    fontWeight: 500,
+                                    color: theme.palette.dark.main,
+                                    whiteSpace: "nowrap",
+                                }, children: item?.label ?? "" }), jsx("div", { ref: endRef })] }, item.label))) }), jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick })] }));
     }
     return (jsxs(Box, { component: "nav", sx: {
-            display: 'flex',
-            alignItems: 'center',
-            flexWrap: 'nowrap',
+            display: "inline-flex",
+            justifyContent: "start",
+            alignItems: "center",
+            // flexWrap: "nowrap",
             gap: 1,
-            overflowX: 'auto',
-            minWidth: 0,
-            scrollbarWidth: 'none',
-            '&::-webkit-scrollbar': { display: 'none' },
-        }, children: [jsx(HomeButton, { "aria-label": "Home", onClick: handleHomeClick, children: jsx(HomeRounded, { sx: { fontSize: 20, color: '#4D3019' } }) }), jsx(Breadcrumbs, { separator: "/", sx: {
-                    display: 'flex',
-                    flexWrap: 'wrap',
-                    overflowX: 'hidden',
-                    minWidth: 0,
-                    '& .MuiBreadcrumbs-separator': { color: `${theme.palette.dark.main}66` },
-                }, children: items.map((item, index) => (jsx(Typography, { sx: {
+            scrollbarWidth: "none",
+            "&::-webkit-scrollbar": { display: "none" },
+        }, children: [jsx(HomeButton, { "aria-label": "Home", onClick: handleHomeClick, children: jsx(HomeRounded, { sx: { fontSize: 20, color: "#4D3019" } }) }), jsx(Breadcrumbs, { separator: "/", sx: {
+                    display: "inline-flex",
+                    flexDirection: "row",
+                    flexWrap: "initial",
+                    // width: "fit-content",
+                    flexShrink: 2,
+                    "& .MuiBreadcrumbs-separator": {
+                        color: `${theme.palette.dark.main}66`,
+                    },
+                }, children: items.map((item) => (jsx(Typography, { sx: {
                         color: theme.palette.dark.main,
                         fontWeight: 500,
                         px: { xs: 0.5, sm: 1 },
-                        minWidth: 0,
-                        whiteSpace: 'nowrap',
-                        overflow: 'hidden',
-                        textOverflow: 'ellipsis',
-                        cursor: item.href ? 'pointer' : 'default',
-                    }, onClick: () => item.href && handleNavigation(item.href), children: item.label }, index))) }), jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick })] }));
+                        // minWidth: 0,
+                        whiteSpace: "nowrap",
+                        // overflow: "hidden",
+                        textOverflow: "ellipsis",
+                        cursor: item.href ? "pointer" : "default",
+                    }, onClick: () => item.href && handleNavigation(item.href), children: item.label }, item.label))) }), jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick })] }));
 };
 
 export { Breadcrumb };

package/dist/esm/components/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport {\r\n  Box,\r\n  Breadcrumbs as MuiBreadcrumbs,\r\n  Typography,\r\n  IconButton,\r\n  Menu,\r\n  MenuItem,\r\n  styled,\r\n  useMediaQuery,\r\n} from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { HomeRounded, ExpandMoreRounded, MoreHorizRounded } from '@mui/icons-material';\r\n\r\ninterface BreadcrumbItem {\r\n  label: string;\r\n  href?: string;\r\n}\r\n\r\ninterface BreadcrumbProps {\r\n  items: BreadcrumbItem[];\r\n  currentItem: string;\r\n  dropdownItems?: BreadcrumbItem[];\r\n  onItemSelect?: (item: BreadcrumbItem) => void;\r\n  onNavigate?: (path: string) => void;\r\n}\r\n\r\nconst HomeButton = styled(IconButton)(({ theme }) => ({\r\n  width: 40,\r\n  height: 40,\r\n  borderRadius:\r\n    (typeof theme.shape.borderRadius === 'string'\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: theme.palette.secondary.main || theme.palette.accent.main,\r\n  flexShrink: 0,\r\n  '&:hover': {\r\n    backgroundColor: theme.palette.secondary.main || theme.palette.accent.main,\r\n    opacity: 0.8,\r\n  },\r\n}));\r\n\r\nconst DropdownButton = styled('button')(({ theme }) => ({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  gap: theme.spacing(1),\r\n  padding: theme.spacing(0.75, 2),\r\n  borderRadius:\r\n    (typeof theme.shape.borderRadius === 'string'\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n  border: `1px solid ${theme.palette.dark.main}33`,\r\n  backgroundColor: '#fff',\r\n  color: theme.palette.dark.main,\r\n  fontWeight: 500,\r\n  whiteSpace: 'nowrap',\r\n  cursor: 'pointer',\r\n  transition: 'border-color 0.2s',\r\n  fontSize: '0.875rem',\r\n  '&:hover': {\r\n    borderColor: `${theme.palette.dark.main}4D`,\r\n  },\r\n  [theme.breakpoints.down('sm')]: {\r\n    padding: theme.spacing(0.75, 1),\r\n    gap: theme.spacing(0.5),\r\n  },\r\n}));\r\n\r\nconst StyledMenu = styled(Menu)(({ theme }) => ({\r\n  '& .MuiPaper-root': {\r\n    marginTop: theme.spacing(1),\r\n    width: 'auto',\r\n    borderRadius:\r\n      (typeof theme.shape.borderRadius === 'string'\r\n        ? parseInt(theme.shape.borderRadius, 10)\r\n        : theme.shape.borderRadius || 4) * 2,\r\n    border: `1px solid ${theme.palette.dark.main}33`,\r\n    boxShadow:\r\n      '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\r\n  },\r\n}));\r\n\r\nconst StyledMenuItem = styled(MenuItem, {\r\n  shouldForwardProp: (prop) => prop !== 'isActive',\r\n})<{ isActive?: boolean }>(({ theme, isActive }) => ({\r\n  padding: theme.spacing(1.25, 2),\r\n  fontSize: '0.875rem',\r\n  color: isActive ? theme.palette.primary.main : '#4D3019',\r\n  fontWeight: isActive ? 500 : 400,\r\n  backgroundColor: isActive ? '#F5F1ED' : 'transparent',\r\n  whiteSpace: 'normal',\r\n  wordBreak: 'break-word',\r\n  display: 'block',\r\n  '&:hover': {\r\n    backgroundColor: '#F5F1ED',\r\n  },\r\n}));\r\n\r\n\r\nconst DropdownMenu = ({\r\n  dropdownItems,\r\n  currentItem,\r\n  anchorEl,\r\n  isDropdownOpen,\r\n  handleDropdownToggle,\r\n  handleClose,\r\n  handleItemClick,\r\n}: {\r\n  dropdownItems: BreadcrumbItem[];\r\n  currentItem: string;\r\n  anchorEl: HTMLElement | null;\r\n  isDropdownOpen: boolean;\r\n  handleDropdownToggle: (e: React.MouseEvent<HTMLButtonElement>) => void;\r\n  handleClose: () => void;\r\n  handleItemClick: (item: BreadcrumbItem) => void;\r\n}) => {\r\n  return dropdownItems.length > 0 ? (\r\n    <Box sx={{ position: 'relative', flexShrink: 0 }}>\r\n      <DropdownButton type=\"button\" onClick={handleDropdownToggle}>\r\n        <span>{currentItem}</span>\r\n        <ExpandMoreRounded\r\n          sx={{\r\n            fontSize: 20,\r\n            transition: 'transform 0.2s',\r\n            transform: isDropdownOpen ? 'rotate(180deg)' : 'rotate(0deg)',\r\n          }}\r\n        />\r\n      </DropdownButton>\r\n\r\n      <StyledMenu anchorEl={anchorEl} open={isDropdownOpen} onClose={handleClose} disableScrollLock>\r\n        {dropdownItems.map((item, index) => (\r\n          <StyledMenuItem\r\n            key={index}\r\n            onClick={() => handleItemClick(item)}\r\n            isActive={item.label === currentItem}\r\n          >\r\n            {item.label}\r\n          </StyledMenuItem>\r\n        ))}\r\n      </StyledMenu>\r\n    </Box>\r\n  ) : null;\r\n};\r\n\r\nexport const Breadcrumb: React.FC<BreadcrumbProps> = ({\r\n  items,\r\n  currentItem,\r\n  dropdownItems = [],\r\n  onItemSelect,\r\n  onNavigate,\r\n}) => {\r\n  const theme = useTheme();\r\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\r\n  const isDropdownOpen = Boolean(anchorEl);\r\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\r\n\r\n  const [pathAnchorEl, setPathAnchorEl] = useState<null | HTMLElement>(null);\r\n  const isPathMenuOpen = Boolean(pathAnchorEl);\r\n  \r\n  const handleNavigation = (path: string) => {\r\n    if (onNavigate) {\r\n      onNavigate(path);\r\n    } else {\r\n      window.location.href = path;\r\n    }\r\n  };\r\n\r\n  const handleDropdownToggle = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n    setAnchorEl(event.currentTarget);\r\n  };\r\n\r\n  const handleClose = () => setAnchorEl(null);\r\n\r\n  const handlePathMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n    setPathAnchorEl(event.currentTarget);\r\n  };\r\n  const handlePathMenuClose = () => setPathAnchorEl(null);\r\n\r\n  const handleHomeClick = () => handleNavigation('/');\r\n  const handleItemClick = (item: BreadcrumbItem) => {\r\n    onItemSelect?.(item);\r\n    handleClose();\r\n    handlePathMenuClose();\r\n    if (item.href) handleNavigation(item.href);\r\n  };\r\n\r\n  if (isMobile && items.length >= 2) {\r\n    const last = items[items.length - 1];\r\n    const middleItems = items.slice(0, -1);\r\n\r\n    return (\r\n      <Box component=\"nav\" sx={{\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        flexWrap: 'nowrap',\r\n        overflowX: 'auto',\r\n        minWidth: 0,\r\n        scrollbarWidth: 'none',\r\n        '&::-webkit-scrollbar': { display: 'none' },\r\n      }}>\r\n        <HomeButton aria-label=\"Home\" onClick={handleHomeClick}>\r\n          <HomeRounded sx={{ fontSize: 20, color: '#4D3019' }} />\r\n        </HomeButton>\r\n\r\n        <IconButton size=\"small\" onClick={handlePathMenuOpen}>\r\n          <MoreHorizRounded sx={{ color: theme.palette.dark.main }} />\r\n        </IconButton>\r\n\r\n        <Typography\r\n          sx={{\r\n            fontWeight: 500,\r\n            color: theme.palette.dark.main,\r\n            whiteSpace: 'nowrap',\r\n            overflow: 'hidden',\r\n            textOverflow: 'ellipsis',\r\n            maxWidth: '120px',\r\n          }}\r\n        >\r\n          {last.label || currentItem}\r\n        </Typography>\r\n\r\n        <StyledMenu\r\n          anchorEl={pathAnchorEl}\r\n          open={isPathMenuOpen}\r\n          onClose={handlePathMenuClose}\r\n          disableScrollLock \r\n        >\r\n          {middleItems.map((item, index) => (\r\n            <StyledMenuItem\r\n              key={index}\r\n              onClick={() => handleItemClick(item)}\r\n              isActive={item.label === currentItem}\r\n            >\r\n              {item.label}\r\n            </StyledMenuItem>\r\n          ))}\r\n        </StyledMenu>\r\n\r\n        <DropdownMenu\r\n          dropdownItems={dropdownItems}\r\n          currentItem={currentItem}\r\n          anchorEl={anchorEl}\r\n          isDropdownOpen={isDropdownOpen}\r\n          handleDropdownToggle={handleDropdownToggle}\r\n          handleClose={handleClose}\r\n          handleItemClick={handleItemClick}\r\n        />\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box component=\"nav\" sx={{\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      flexWrap: 'nowrap',\r\n      gap: 1,\r\n      overflowX: 'auto',\r\n      minWidth: 0,\r\n      scrollbarWidth: 'none',\r\n      '&::-webkit-scrollbar': { display: 'none' },\r\n    }}>\r\n      <HomeButton aria-label=\"Home\" onClick={handleHomeClick}>\r\n        <HomeRounded sx={{ fontSize: 20, color: '#4D3019' }} />\r\n      </HomeButton>\r\n      <MuiBreadcrumbs\r\n        separator=\"/\"\r\n        sx={{\r\n          display: 'flex',\r\n          flexWrap: 'wrap',\r\n          overflowX: 'hidden',\r\n          minWidth: 0,\r\n          '& .MuiBreadcrumbs-separator': { color: `${theme.palette.dark.main}66` },\r\n        }}\r\n      >\r\n        {items.map((item, index) => (\r\n          <Typography\r\n            key={index}\r\n            sx={{\r\n              color: theme.palette.dark.main,\r\n              fontWeight: 500,\r\n              px: { xs: 0.5, sm: 1 },\r\n              minWidth: 0,\r\n              whiteSpace: 'nowrap',\r\n              overflow: 'hidden',\r\n              textOverflow: 'ellipsis',\r\n              cursor: item.href ? 'pointer' : 'default',\r\n            }}\r\n            onClick={() => item.href && handleNavigation(item.href)}\r\n          >\r\n            {item.label}\r\n          </Typography>\r\n        ))}\r\n\r\n\r\n      </MuiBreadcrumbs>\r\n      <DropdownMenu\r\n        dropdownItems={dropdownItems}\r\n        currentItem={currentItem}\r\n        anchorEl={anchorEl}\r\n        isDropdownOpen={isDropdownOpen}\r\n        handleDropdownToggle={handleDropdownToggle}\r\n        handleClose={handleClose}\r\n        handleItemClick={handleItemClick}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx","MuiBreadcrumbs"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  Breadcrumbs as MuiBreadcrumbs,\r\n  Typography,\r\n  IconButton,\r\n  Menu,\r\n  MenuItem,\r\n  styled,\r\n  useMediaQuery,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  HomeRounded,\r\n  ExpandMoreRounded,\r\n  ChevronRightRounded,\r\n} from \"@mui/icons-material\";\r\n\r\ninterface BreadcrumbItem {\r\n  label: string;\r\n  href?: string;\r\n}\r\n\r\ninterface BreadcrumbProps {\r\n  items: BreadcrumbItem[];\r\n  currentItem: string;\r\n  dropdownItems?: BreadcrumbItem[];\r\n  onItemSelect?: (item: BreadcrumbItem) => void;\r\n  onNavigate?: (path: string) => void;\r\n}\r\n\r\nconst HomeButton = styled(IconButton)(({ theme }) => ({\r\n  width: 40,\r\n  height: 40,\r\n  borderRadius:\r\n    (typeof theme.shape.borderRadius === \"string\"\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: theme.palette.secondary.main || theme.palette.accent.main,\r\n  flexShrink: 0,\r\n  \"&:hover\": {\r\n    backgroundColor: theme.palette.secondary.main || theme.palette.accent.main,\r\n    opacity: 0.8,\r\n  },\r\n}));\r\n\r\nconst DropdownButton = styled(\"button\")(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"space-between\",\r\n  gap: theme.spacing(1),\r\n  padding: theme.spacing(0.75, 2),\r\n  borderRadius:\r\n    (typeof theme.shape.borderRadius === \"string\"\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n  border: `1px solid ${theme.palette.dark.main}33`,\r\n  backgroundColor: \"#fff\",\r\n  color: theme.palette.dark.main,\r\n  fontWeight: 500,\r\n  whiteSpace: \"nowrap\",\r\n  cursor: \"pointer\",\r\n  transition: \"border-color 0.2s\",\r\n  fontSize: \"0.875rem\",\r\n  \"&:hover\": {\r\n    borderColor: `${theme.palette.dark.main}4D`,\r\n  },\r\n  [theme.breakpoints.down(\"sm\")]: {\r\n    width: '100%',\r\n    padding: theme.spacing(0.75, 1),\r\n    gap: theme.spacing(0.5),\r\n  },\r\n}));\r\n\r\nconst StyledMenu = styled(Menu)(({ theme }) => ({\r\n  \"& .MuiPaper-root\": {\r\n    marginTop: theme.spacing(1),\r\n    width: \"auto\",\r\n    [theme.breakpoints.down(\"sm\")]: {\r\n      width: \"100%\",\r\n    },\r\n    borderRadius:\r\n      (typeof theme.shape.borderRadius === \"string\"\r\n        ? parseInt(theme.shape.borderRadius, 10)\r\n        : theme.shape.borderRadius || 4) * 2,\r\n    border: `1px solid ${theme.palette.dark.main}33`,\r\n    boxShadow:\r\n      \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\",\r\n  },\r\n}));\r\n\r\nconst StyledMenuItem = styled(MenuItem, {\r\n  shouldForwardProp: (prop) => prop !== \"isActive\",\r\n})<{ isActive?: boolean }>(({ theme, isActive }) => ({\r\n  padding: theme.spacing(1.25, 2),\r\n  fontSize: \"0.875rem\",\r\n  color: isActive ? theme.palette.primary.main : \"#4D3019\",\r\n  fontWeight: isActive ? 500 : 400,\r\n  backgroundColor: isActive ? \"#F5F1ED\" : \"transparent\",\r\n  whiteSpace: \"normal\",\r\n  wordBreak: \"break-word\",\r\n  display: \"block\",\r\n  \"&:hover\": {\r\n    backgroundColor: \"#F5F1ED\",\r\n  },\r\n}));\r\n\r\nconst DropdownMenu = ({\r\n  dropdownItems,\r\n  currentItem,\r\n  anchorEl,\r\n  isDropdownOpen,\r\n  handleDropdownToggle,\r\n  handleClose,\r\n  handleItemClick,\r\n}: {\r\n  dropdownItems: BreadcrumbItem[];\r\n  currentItem: string;\r\n  anchorEl: HTMLElement | null;\r\n  isDropdownOpen: boolean;\r\n  handleDropdownToggle: (e: React.MouseEvent<HTMLButtonElement>) => void;\r\n  handleClose: () => void;\r\n  handleItemClick: (item: BreadcrumbItem) => void;\r\n}) => {\r\n  return dropdownItems.length > 0 ? (\r\n    <Box sx={{ position: \"relative\", flexShrink: 0 }}>\r\n      <DropdownButton type=\"button\" onClick={handleDropdownToggle}>\r\n        In this section...\r\n        <ExpandMoreRounded\r\n          sx={{\r\n            fontSize: 20,\r\n            transition: \"transform 0.2s\",\r\n            transform: isDropdownOpen ? \"rotate(180deg)\" : \"rotate(0deg)\",\r\n          }}\r\n        />\r\n      </DropdownButton>\r\n\r\n      <StyledMenu\r\n        anchorEl={anchorEl}\r\n        open={isDropdownOpen}\r\n        onClose={handleClose}\r\n        disableScrollLock\r\n      >\r\n        {dropdownItems.map((item, index) => (\r\n          <StyledMenuItem\r\n            key={index}\r\n            onClick={() => handleItemClick(item)}\r\n            isActive={item.label === currentItem}\r\n          >\r\n            {item.label}\r\n          </StyledMenuItem>\r\n        ))}\r\n      </StyledMenu>\r\n    </Box>\r\n  ) : null;\r\n};\r\n\r\nexport const Breadcrumb: React.FC<BreadcrumbProps> = ({\r\n  items,\r\n  currentItem,\r\n  dropdownItems = [],\r\n  onItemSelect,\r\n  onNavigate,\r\n}) => {\r\n  const theme = useTheme();\r\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\r\n  const isDropdownOpen = Boolean(anchorEl);\r\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n  const scrollMask = useRef<HTMLDivElement>(null);\r\n  const endRef = useRef<HTMLDivElement>(null);\r\n  \r\n  const updateMask = (el: { style?: any; scrollLeft?: any; scrollWidth?: any; clientWidth?: any; }) => {\r\n    const { scrollLeft, scrollWidth, clientWidth } = el;\r\n    const atStart = scrollLeft === 0;\r\n    const atEnd = scrollLeft + clientWidth >= scrollWidth - 1;\r\n\r\n    const left = atStart ? 'black' : 'transparent';\r\n    const right = atEnd ? 'black' : 'transparent';\r\n\r\n    const mask = `linear-gradient(to right, ${left}, black 30px, black calc(100% - 30px), ${right})`;\r\n    el.style.maskImage = mask;\r\n    el.style.webkitMaskImage = mask;\r\n  };\r\n\r\n  useEffect(() => {\r\n    const el = scrollMask.current;\r\n    if (!el) return;\r\n    updateMask(el); // set on mount\r\n    el.addEventListener('scroll', () => updateMask(el));\r\n    return () => el.removeEventListener('scroll', () => updateMask(el));\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    endRef.current?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n  }, [items]);\r\n\r\n\r\n  const handleNavigation = (path: string) => {\r\n    if (onNavigate) {\r\n      onNavigate(path);\r\n    } else {\r\n      window.location.href = path;\r\n    }\r\n  };\r\n\r\n  const handleDropdownToggle = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n    setAnchorEl(event.currentTarget);\r\n  };\r\n\r\n  const handleClose = () => setAnchorEl(null);\r\n\r\n  const handleHomeClick = () => handleNavigation(\"/\");\r\n  const handleItemClick = (item: BreadcrumbItem) => {\r\n    onItemSelect?.(item);\r\n    handleClose();\r\n    if (item.href) handleNavigation(item.href);\r\n  };\r\n  \r\n  if (items.length < 1) {\r\n    return;\r\n  }\r\n\r\n  if (isMobile) {\r\n\r\n    return (\r\n      <Box\r\n        display=\"flex\"\r\n        flexDirection=\"column\"\r\n        gap={2}\r\n      >\r\n        <Box\r\n          ref={scrollMask}\r\n          component=\"nav\"\r\n          sx={{\r\n            width: \"100%\",\r\n            display: \"flex\",\r\n            flexDirection: \"row\",\r\n            alignItems: \"start\",\r\n            flexWrap: \"nowrap\",\r\n            overflowX: \"auto\",\r\n            textOverflow: \"ellipsis\",\r\n            minWidth: 0,\r\n            scrollbarWidth: \"none\",\r\n            \"&::-webkit-scrollbar\": { display: \"none\" },\r\n          }}\r\n        >\r\n          {items.map((item) => (\r\n            <Fragment key={item.label}>\r\n                <ChevronRightRounded />\r\n              <Typography\r\n                onClick={() => {\r\n                  handleNavigation(item.href as string);\r\n                }}\r\n                sx={{\r\n                  fontWeight: 500,\r\n                  color: theme.palette.dark.main,\r\n                  whiteSpace: \"nowrap\",\r\n                }}\r\n              >\r\n                {item?.label ?? \"\"}\r\n              </Typography>\r\n              <div ref={endRef}/>\r\n            </Fragment>\r\n          ))}\r\n        </Box>\r\n        <DropdownMenu\r\n          dropdownItems={dropdownItems}\r\n          currentItem={currentItem}\r\n          anchorEl={anchorEl}\r\n          isDropdownOpen={isDropdownOpen}\r\n          handleDropdownToggle={handleDropdownToggle}\r\n          handleClose={handleClose}\r\n          handleItemClick={handleItemClick}\r\n        />\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      component=\"nav\"\r\n      sx={{\r\n        display: \"inline-flex\",\r\n        justifyContent: \"start\",\r\n        alignItems: \"center\",\r\n        // flexWrap: \"nowrap\",\r\n        gap: 1,\r\n        scrollbarWidth: \"none\",\r\n        \"&::-webkit-scrollbar\": { display: \"none\" },\r\n      }}\r\n    >\r\n      <HomeButton aria-label=\"Home\" onClick={handleHomeClick}>\r\n        <HomeRounded sx={{ fontSize: 20, color: \"#4D3019\" }} />\r\n      </HomeButton>\r\n      <MuiBreadcrumbs\r\n        separator=\"/\"\r\n        sx={{\r\n          display: \"inline-flex\",\r\n          flexDirection: \"row\",\r\n          flexWrap: \"initial\",\r\n          // width: \"fit-content\",\r\n          flexShrink: 2,\r\n          \"& .MuiBreadcrumbs-separator\": {\r\n            color: `${theme.palette.dark.main}66`,\r\n          },\r\n        }}\r\n      >\r\n        {items.map((item) => (\r\n          <Typography\r\n            key={item.label}\r\n            sx={{\r\n              color: theme.palette.dark.main,\r\n              fontWeight: 500,\r\n              px: { xs: 0.5, sm: 1 },\r\n              // minWidth: 0,\r\n              whiteSpace: \"nowrap\",\r\n              // overflow: \"hidden\",\r\n              textOverflow: \"ellipsis\",\r\n              cursor: item.href ? \"pointer\" : \"default\",\r\n            }}\r\n            onClick={() => item.href && handleNavigation(item.href)}\r\n          >\r\n            {item.label}\r\n          </Typography>\r\n        ))}\r\n      </MuiBreadcrumbs>\r\n      <DropdownMenu\r\n        dropdownItems={dropdownItems}\r\n        currentItem={currentItem}\r\n        anchorEl={anchorEl}\r\n        isDropdownOpen={isDropdownOpen}\r\n        handleDropdownToggle={handleDropdownToggle}\r\n        handleClose={handleClose}\r\n        handleItemClick={handleItemClick}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx","MuiBreadcrumbs"],"mappings":";;;;;;AA+BA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACpD,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,MAAM,EAAE,EAAE;IACV,YAAY,EACV,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;UACjC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;UACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;AACxC,IAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI;AAC1E,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI;AAC1E,QAAA,OAAO,EAAE,GAAG;AACb,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACtD,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,eAAe;AAC/B,IAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IAC/B,YAAY,EACV,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;UACjC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;UACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;IACxC,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAChD,IAAA,eAAe,EAAE,MAAM;AACvB,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,UAAU,EAAE,mBAAmB;AAC/B,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,SAAS,EAAE;QACT,WAAW,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAC5C,KAAA;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,QAAA,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;AAC/B,QAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AACxB,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAC9C,IAAA,kBAAkB,EAAE;AAClB,QAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,QAAA,KAAK,EAAE,MAAM;QACb,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,YAAA,KAAK,EAAE,MAAM;AACd,SAAA;QACD,YAAY,EACV,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;cACjC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;cACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;QACxC,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAChD,QAAA,SAAS,EACP,yEAAyE;AAC5E,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,UAAU;CACjD,CAAC,CAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM;IACnD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;AAC/B,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,KAAK,EAAE,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,GAAG,SAAS;IACxD,UAAU,EAAE,QAAQ,GAAG,GAAG,GAAG,GAAG;IAChC,eAAe,EAAE,QAAQ,GAAG,SAAS,GAAG,aAAa;AACrD,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,SAAS;AAC3B,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,CAAC,EACpB,aAAa,EACb,WAAW,EACX,QAAQ,EACR,cAAc,EACd,oBAAoB,EACpB,WAAW,EACX,eAAe,GAShB,KAAI;AACH,IAAA,OAAO,aAAa,CAAC,MAAM,GAAG,CAAC,IAC7BA,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CAC9CA,KAAC,cAAc,EAAA,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,oBAAoB,EAAA,QAAA,EAAA,CAAA,oBAAA,EAEzDC,IAAC,iBAAiB,EAAA,EAChB,EAAE,EAAE;AACF,4BAAA,QAAQ,EAAE,EAAE;AACZ,4BAAA,UAAU,EAAE,gBAAgB;4BAC5B,SAAS,EAAE,cAAc,GAAG,gBAAgB,GAAG,cAAc;AAC9D,yBAAA,EAAA,CACD,CAAA,EAAA,CACa,EAEjBA,GAAA,CAAC,UAAU,EAAA,EACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,WAAW,EACpB,iBAAiB,EAAA,IAAA,EAAA,QAAA,EAEhB,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC7BA,GAAA,CAAC,cAAc,EAAA,EAEb,OAAO,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,EACpC,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK,WAAW,EAAA,QAAA,EAEnC,IAAI,CAAC,KAAK,EAAA,EAJN,KAAK,CAKK,CAClB,CAAC,EAAA,CACS,CAAA,EAAA,CACT,IACJ,IAAI;AACV,CAAC;AAEM,MAAM,UAAU,GAA8B,CAAC,EACpD,KAAK,EACL,WAAW,EACX,aAAa,GAAG,EAAE,EAClB,YAAY,EACZ,UAAU,GACX,KAAI;AACH,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IACxB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC;AAClE,IAAA,MAAM,cAAc,GAAG,OAAO,CAAC,QAAQ,CAAC;AACxC,IAAA,MAAM,QAAQ,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC5D,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC/C,IAAA,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE3C,IAAA,MAAM,UAAU,GAAG,CAAC,EAA4E,KAAI;QAClG,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,EAAE;AACnD,QAAA,MAAM,OAAO,GAAG,UAAU,KAAK,CAAC;QAChC,MAAM,KAAK,GAAG,UAAU,GAAG,WAAW,IAAI,WAAW,GAAG,CAAC;QAEzD,MAAM,IAAI,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa;QAC9C,MAAM,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,aAAa;AAE7C,QAAA,MAAM,IAAI,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAA,uCAAA,EAA0C,KAAK,GAAG;AAChG,QAAA,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI;AACzB,QAAA,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,IAAI;AACjC,IAAA,CAAC;IAED,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO;AAC7B,QAAA,IAAI,CAAC,EAAE;YAAE;AACT,QAAA,UAAU,CAAC,EAAE,CAAC,CAAC;AACf,QAAA,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,UAAU,CAAC,EAAE,CAAC,CAAC;AACnD,QAAA,OAAO,MAAM,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,UAAU,CAAC,EAAE,CAAC,CAAC;IACrE,CAAC,EAAE,EAAE,CAAC;IAEN,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAC1E,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAGX,IAAA,MAAM,gBAAgB,GAAG,CAAC,IAAY,KAAI;QACxC,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,IAAI,CAAC;QAClB;aAAO;AACL,YAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI;QAC7B;AACF,IAAA,CAAC;AAED,IAAA,MAAM,oBAAoB,GAAG,CAAC,KAA0C,KAAI;AAC1E,QAAA,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC;AAClC,IAAA,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC;IAE3C,MAAM,eAAe,GAAG,MAAM,gBAAgB,CAAC,GAAG,CAAC;AACnD,IAAA,MAAM,eAAe,GAAG,CAAC,IAAoB,KAAI;AAC/C,QAAA,YAAY,GAAG,IAAI,CAAC;AACpB,QAAA,WAAW,EAAE;QACb,IAAI,IAAI,CAAC,IAAI;AAAE,YAAA,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;AAC5C,IAAA,CAAC;AAED,IAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QACpB;IACF;IAEA,IAAI,QAAQ,EAAE;AAEZ,QAAA,QACED,IAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CAENC,GAAA,CAAC,GAAG,EAAA,EACF,GAAG,EAAE,UAAU,EACf,SAAS,EAAC,KAAK,EACf,EAAE,EAAE;AACF,wBAAA,KAAK,EAAE,MAAM;AACb,wBAAA,OAAO,EAAE,MAAM;AACf,wBAAA,aAAa,EAAE,KAAK;AACpB,wBAAA,UAAU,EAAE,OAAO;AACnB,wBAAA,QAAQ,EAAE,QAAQ;AAClB,wBAAA,SAAS,EAAE,MAAM;AACjB,wBAAA,YAAY,EAAE,UAAU;AACxB,wBAAA,QAAQ,EAAE,CAAC;AACX,wBAAA,cAAc,EAAE,MAAM;AACtB,wBAAA,sBAAsB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;qBAC5C,EAAA,QAAA,EAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACdD,IAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACLC,GAAA,CAAC,mBAAmB,EAAA,EAAA,CAAG,EACzBA,GAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE,MAAK;AACZ,oCAAA,gBAAgB,CAAC,IAAI,CAAC,IAAc,CAAC;gCACvC,CAAC,EACD,EAAE,EAAE;AACF,oCAAA,UAAU,EAAE,GAAG;AACf,oCAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,oCAAA,UAAU,EAAE,QAAQ;iCACrB,EAAA,QAAA,EAEA,IAAI,EAAE,KAAK,IAAI,EAAE,GACP,EACbA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,MAAM,EAAA,CAAG,KAdN,IAAI,CAAC,KAAK,CAed,CACZ,CAAC,EAAA,CACE,EACNA,GAAA,CAAC,YAAY,EAAA,EACX,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAAA,CAChC,CAAA,EAAA,CACE;IAEV;IAEA,QACED,KAAC,GAAG,EAAA,EACF,SAAS,EAAC,KAAK,EACf,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,cAAc,EAAE,OAAO;AACvB,YAAA,UAAU,EAAE,QAAQ;;AAEpB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,cAAc,EAAE,MAAM;AACtB,YAAA,sBAAsB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC5C,SAAA,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EAAY,MAAM,EAAC,OAAO,EAAE,eAAe,EAAA,QAAA,EACpDA,IAAC,WAAW,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI,EAAA,CAC5C,EACbA,GAAA,CAACC,WAAc,IACb,SAAS,EAAC,GAAG,EACb,EAAE,EAAE;AACF,oBAAA,OAAO,EAAE,aAAa;AACtB,oBAAA,aAAa,EAAE,KAAK;AACpB,oBAAA,QAAQ,EAAE,SAAS;;AAEnB,oBAAA,UAAU,EAAE,CAAC;AACb,oBAAA,6BAA6B,EAAE;wBAC7B,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACtC,qBAAA;AACF,iBAAA,EAAA,QAAA,EAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACdD,GAAA,CAAC,UAAU,EAAA,EAET,EAAE,EAAE;AACF,wBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,wBAAA,UAAU,EAAE,GAAG;wBACf,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE;;AAEtB,wBAAA,UAAU,EAAE,QAAQ;;AAEpB,wBAAA,YAAY,EAAE,UAAU;wBACxB,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,SAAS,GAAG,SAAS;AAC1C,qBAAA,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,QAAA,EAEtD,IAAI,CAAC,KAAK,EAAA,EAbN,IAAI,CAAC,KAAK,CAcJ,CACd,CAAC,EAAA,CACa,EACjBA,GAAA,CAAC,YAAY,EAAA,EACX,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAAA,CAChC,CAAA,EAAA,CACE;AAEV;;;;"}

package/dist/esm/components/SidebarV2.js

@@ -66,9 +66,12 @@ const MenuItemButton = styled(ListItemButton, {
     ...(isActive && {
         backgroundColor: `${theme.palette.primary.main}1A`,
     }),
-    ...(isPolicyActive && {
+    ...(isPolicyActive && depth > 1 && {
         backgroundColor: `#0000000D`,
     }),
+    ...(isPolicyActive && depth <= 1 && {
+        backgroundColor: `${theme.palette.primary.main}1A`,
+    }),
 }));
 const IconWrapper = styled(Box, {
     shouldForwardProp: (prop) => prop !== "isOpen",

package/dist/esm/components/SidebarV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarV2.js","sources":["../../../../src/components/SidebarV2.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  IconButton,\r\n  Typography,\r\n  List,\r\n  ListItemButton,\r\n  ListItemText,\r\n  Collapse,\r\n  styled,\r\n  Divider,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  ChevronRightRounded,\r\n  ImportExportRounded,\r\n  KeyboardDoubleArrowLeftRounded,\r\n  KeyboardDoubleArrowRightRounded,\r\n} from \"@mui/icons-material\";\r\n\r\nconst EXPANDED_WIDTH = \"288px\";\r\nconst COLLAPSED_WIDTH_SMALL = \"80px\";\r\nconst COLLAPSED_WIDTH_DEFAULT = \"64px\";\r\n\r\nexport enum Visibility {\r\n  Admin = \"Admin\",\r\n  Contributor = \"Contributor\",\r\n  Community = \"Community\",\r\n}\r\n\r\nexport interface MenuItem {\r\n  id: string | number;\r\n  title: string;\r\n  icon?: React.ReactNode;\r\n  visibility?: Visibility;\r\n  url?: string;\r\n  items?: MenuItem[];\r\n}\r\n\r\nconst SidebarContainer = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  height: \"100vh\",\r\n  position: \"sticky\",\r\n  top: 0,\r\n  paddingLeft: 0,\r\n  overflow: \"hidden\",\r\n  backgroundColor: \"#fff\",\r\n  borderRight: `1px solid ${theme.palette.dark.main}1A`,\r\n  flexShrink: 0,\r\n  transition: \"all 0.15s ease-out\",\r\n  width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_DEFAULT,\r\n  zIndex: 50,\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    position: \"fixed\",\r\n    left: isOpen ? 0 : `-${EXPANDED_WIDTH}`,\r\n    width: EXPANDED_WIDTH,\r\n    transition: \"all 0.4s ease-out\",\r\n  },\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_SMALL,\r\n  },\r\n}));\r\n\r\nconst ToggleButton = styled(IconButton)(({ theme }) => ({\r\n  width: 40,\r\n  height: 40,\r\n  borderRadius: theme.shape.borderRadius,\r\n  backgroundColor: \"#4D3019\",\r\n  color: \"#fff\",\r\n  \"&:hover\": {\r\n    backgroundColor: \"#3d2614\",\r\n  },\r\n}));\r\n\r\nconst MenuItemButton = styled(ListItemButton, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\" && prop !== \"isActive\" && prop !== \"isPolicyActive\",\r\n})<{ isActive?: boolean; isOpen: boolean, isPolicyActive?: boolean, depth: number }>(({ theme, isActive, isOpen, isPolicyActive, depth }) => ({\r\n  borderRadius: isOpen\r\n    ? `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`\r\n    : theme.shape.borderRadius,\r\n  paddingLeft: 0,\r\n  paddingRight: isOpen ? theme.spacing(2) : 0,\r\n  marginRight: isOpen ? 8 : 0,\r\n  minHeight: 64,\r\n  justifyContent: isOpen ? \"flex-start\" : \"center\",\r\n  backgroundClip: \"padding-box\",\r\n  backgroundOrigin: \"border-box\",\r\n  \"&:hover\": {\r\n    backgroundColor: `#0000000D`,\r\n  },\r\n  ...(isActive && {\r\n    backgroundColor: `${theme.palette.primary.main}1A`,\r\n  }),\r\n  ...(isPolicyActive && {\r\n    backgroundColor: `#0000000D`,\r\n  }),\r\n}));\r\n\r\nconst IconWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  width: isOpen ? 32 : 40,\r\n  height: isOpen ? 32 : 40,\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"center\",\r\n  backgroundColor: \"transparent\",\r\n}));\r\n\r\nconst SidebarItem = ({\r\n  isOpen,\r\n  isAdmin,\r\n  item,\r\n  onNavigate,\r\n  expandedSet,\r\n  setExpand: onExpand,\r\n  depth = 0,\r\n  currentPath,\r\n  openSidebar,\r\n}: {\r\n  isOpen: boolean;\r\n  isAdmin: boolean;\r\n  item: MenuItem;\r\n  onNavigate: (path: string) => void;\r\n  expandedSet: Set<string | number>;\r\n  setExpand: React.Dispatch<React.SetStateAction<Set<string | number>>>;\r\n  depth?: number;\r\n  currentPath: string;\r\n  openSidebar?: () => void,\r\n}) => {\r\n  // console.log(item.title, item.items);\r\n  // Check visibility based on visibility state and isAdmin prop\r\n  const isVisible =\r\n    item.visibility === Visibility.Admin\r\n      ? !!isAdmin\r\n      : item.visibility === Visibility.Contributor || !item.visibility;\r\n  if (!isVisible) {\r\n    return null;\r\n  }\r\n\r\n  const theme = useTheme();\r\n  // const nestedPadding = 1 + depth;\r\n\r\n  const isExpanded = () => expandedSet.has(item.id);\r\n\r\n  const toggleExpand = () => {\r\n    if (!isExpanded()) {\r\n      onExpand(new Set([...expandedSet, item.id]));\r\n    } else {\r\n      expandedSet.delete(item.id);\r\n      onExpand(new Set(expandedSet));\r\n    }\r\n  };\r\n\r\n  const isActive =\r\n    currentPath.includes(item.url as string) ||\r\n    currentPath.includes(item.title.toLowerCase() as string) ||\r\n    isExpanded();\r\n\r\n  const isPolicyActive = currentPath.includes(item.url as string) && depth > 0;\r\n\r\n  return (\r\n    <Box sx={{ mb: depth > 0 ? 0 : 1 }}>\r\n      <MenuItemButton\r\n        depth={depth}\r\n        disableRipple\r\n        isOpen={isOpen}\r\n        onClick={() => {\r\n          if (item.url) onNavigate(item.url)\r\n          else if (item.items) {\r\n            if (openSidebar && !isOpen) {\r\n              if (!isExpanded())\r\n                toggleExpand();\r\n              openSidebar();\r\n            } else {\r\n              toggleExpand();\r\n            }\r\n          }\r\n        }}\r\n        isActive={isActive}\r\n        isPolicyActive={isPolicyActive}\r\n        title={!isOpen ? item.title : undefined}\r\n        sx={{\r\n          ...(depth > 0 && {\r\n            pl: 2,\r\n          }),\r\n        }}\r\n      >\r\n        {item.icon && (\r\n          <IconWrapper isOpen={isOpen} sx={{ ml: isOpen ? 2 : 0 }}>\r\n            {item.icon}\r\n          </IconWrapper>\r\n        )}\r\n        {isOpen && (\r\n          <>\r\n            <ListItemText\r\n              primary={item.title}\r\n              slotProps={{\r\n                primary: {\r\n                  style: { \r\n                    // textDecoration: isActive ? \"underline\" : \"\",\r\n                    fontWeight: isPolicyActive ? 700 : (depth > 0 ? 400 : 700)},\r\n                    width: 200 - depth * 16,  // Set to stop text from wrapping when sidebar is expanding and contracting\r\n                  ...(depth > 0\r\n                    ? {\r\n                        fontSize: \"0.875rem\",\r\n                      }\r\n                    : {\r\n                        fontSize: \"1rem\",\r\n                        fontWeight: 700,\r\n                      }),\r\n                },\r\n              }}\r\n              sx={{ flex: 1, ml: 1 }}\r\n            />\r\n            {item.items && item.items.length > 0 && (\r\n              <IconButton\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                  if (item.items) toggleExpand();\r\n                }}\r\n                disableRipple\r\n                sx={{\r\n                  ml: 0.5,\r\n                  borderRadius: 1,\r\n                  width: 32,\r\n                  height: 32,\r\n                  \"&:hover\": {\r\n                    backgroundColor: `${theme.palette.primary.main}1F`,\r\n                  },\r\n                }}\r\n              >\r\n                <ChevronRightRounded\r\n                  sx={{\r\n                    fontSize: 16,\r\n                    color: \"#4D3019\",\r\n                    transition: \"transform 0.1s\",\r\n                    transform: isExpanded() ? \"rotate(90deg)\" : \"rotate(0deg)\",\r\n                  }}\r\n                />\r\n              </IconButton>\r\n            )}\r\n          </>\r\n        )}\r\n      </MenuItemButton>\r\n        {isExpanded() && isOpen && (\r\n          <Collapse in={true} timeout=\"auto\">\r\n            <Box display='flex' flexDirection='row'>\r\n              {depth > 0 && (\r\n                <Divider \r\n                  orientation=\"vertical\" \r\n                  flexItem \r\n                  sx={{ \r\n                    ml: 2,\r\n                    borderColor: `#00000033`,\r\n                    borderWidth: '1px',\r\n                    borderRightWidth: '1px',\r\n                    mt: 1,\r\n                    mb: 1\r\n                  }}\r\n                />\r\n              )}\r\n              <List sx={{ p: 0, mt: 1, mb:1, flex: 1 }}>\r\n                {item.items &&\r\n                  item.items.map((child) => (\r\n                    <SidebarItem\r\n                      key={child.id}\r\n                      currentPath={currentPath}\r\n                      expandedSet={expandedSet}\r\n                      setExpand={onExpand}\r\n                      isOpen={isOpen}\r\n                      isAdmin={isAdmin}\r\n                      item={child}\r\n                      onNavigate={onNavigate}\r\n                      depth={depth + 1}\r\n                    />\r\n                  ))}\r\n              </List>\r\n            </Box>\r\n          </Collapse>\r\n        )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const SidebarV2 = ({\r\n  isOpen,\r\n  onToggle,\r\n  centreName = \"Centre name goes here \\n across two lines\",\r\n  onNavigate,\r\n  items,\r\n  isAdmin,\r\n  currentPath,\r\n  onOrgChange,\r\n  hasMultipleOrganisations,\r\n}: {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  items: MenuItem[];\r\n  centreName?: string;\r\n  onNavigate: (path: string) => void;\r\n  isAdmin: boolean;\r\n  currentPath: string;\r\n  onOrgChange: () => void;\r\n  hasMultipleOrganisations: boolean;\r\n}) => {\r\n  const findExpandItems = (items: MenuItem[]): (string | number)[] => {\r\n    for (const item of items) {\r\n      if (!item || item.items === undefined || item.items.length === 0) {\r\n        continue;\r\n      }\r\n      const url = item.url?.replace(/-\\d+$/, '')\r\n      const isActive =\r\n        currentPath.includes(url as string) ||\r\n        currentPath.includes(item.title.toLowerCase() as string);\r\n      if (isActive) {\r\n        return item.items\r\n          ? [item.id, ...findExpandItems(item.items)]\r\n          : [item.id];\r\n      }\r\n    }\r\n    return [];\r\n  };\r\n  \r\n  const theme = useTheme();\r\n  const [expandedSet, setExpanded] = useState<Set<string | number>>(\r\n    () => new Set(findExpandItems(items)),\r\n  );\r\n  const isMobile = !window.matchMedia(theme.breakpoints.up('lg').replace('@media ', '')).matches;\r\n\r\n  return (\r\n    <>\r\n      {isOpen && (\r\n        <Box\r\n          sx={{\r\n            position: \"fixed\",\r\n            inset: 0,\r\n            bgcolor: \"rgba(0, 0, 0, 0.5)\",\r\n            zIndex: 40,\r\n            display: { xs: \"block\", md: \"none\" },\r\n          }}\r\n          onClick={onToggle}\r\n        />\r\n      )}\r\n      <SidebarContainer isOpen={isOpen}>\r\n        <Box sx={{ display: \"flex\", flexDirection: \"column\", height: \"100%\" }}>\r\n          {/* Sidebar Header */}\r\n          {isOpen ? (\r\n            <Box\r\n              sx={{\r\n                px: 2,\r\n                py: 3,\r\n                flexShrink: 0,\r\n                position: \"relative\",\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n                alignItems: \"center\",\r\n                width: EXPANDED_WIDTH,\r\n              }}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  px: 2,\r\n                  flexShrink: 0,\r\n                  position: \"relative\",\r\n                  display: \"flex\",\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  width: EXPANDED_WIDTH,\r\n                }}\r\n              >\r\n                <Typography\r\n                  variant=\"h6\"\r\n                  sx={{\r\n                    width: \"180px\",\r\n                    fontSize: \"18px\",\r\n                    fontWeight: 700,\r\n                    color: \"#4D3019\",\r\n                    whiteSpace: \"pre-line\",\r\n                    flex: 1,\r\n                    pr: 2,\r\n                  }}\r\n                >\r\n                  {centreName ?? \"Centre Name\"}\r\n                </Typography>\r\n\r\n                <ToggleButton\r\n                  onClick={() => onToggle()}\r\n                  sx={{ ml: \"auto\" }}\r\n                  aria-label=\"Collapse sidebar\"\r\n                >\r\n                  <KeyboardDoubleArrowLeftRounded sx={{ fontSize: 20 }} />\r\n                </ToggleButton>\r\n              </Box>\r\n              <Box\r\n                onClick={onOrgChange}\r\n                sx={{\r\n                  px: 2,\r\n                  py: 1,\r\n                  borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                  flexShrink: 0,\r\n                  position: \"relative\",\r\n                  display: \"flex\",\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  width: EXPANDED_WIDTH,\r\n                  cursor: \"pointer\",\r\n                }}\r\n              >\r\n                {hasMultipleOrganisations && (\r\n                  <Box\r\n                    className=\"org-change-content\"\r\n                    sx={{\r\n                      display: \"flex\",\r\n                      flexDirection: \"row\",\r\n                      alignItems: \"center\",\r\n                      py: 1,\r\n                    }}\r\n                  >\r\n                    <ImportExportRounded \r\n                      sx={{ color: theme.palette.primary.main, mr: 1 }} \r\n                    />\r\n                    <Typography sx={{ color: theme.palette.primary.main }}>\r\n                      Change organisation\r\n                    </Typography>\r\n                  </Box>\r\n                )}\r\n              </Box>\r\n            </Box>\r\n          ) : (\r\n            <Box\r\n              sx={{\r\n                px: 1,\r\n                py: 3,\r\n                mb: 1,\r\n                borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n              }}\r\n            >\r\n              <ToggleButton onClick={onToggle} aria-label=\"Expand sidebar\">\r\n                <KeyboardDoubleArrowRightRounded sx={{ fontSize: 20 }} />\r\n              </ToggleButton>\r\n            </Box>\r\n          )}\r\n\r\n          {/* Sidebar Items */}\r\n          <Box\r\n            sx={{\r\n              flex: 1,\r\n              overflowY: \"auto\",\r\n              px: isOpen ? 0 : 1,\r\n              scrollbarWidth: \"thin\",\r\n              pb: 3,\r\n            }}\r\n          >\r\n            <List sx={{ p: 0 }}>\r\n              {items.map((item) => (\r\n                <SidebarItem\r\n                  currentPath={currentPath}\r\n                  key={item.id}\r\n                  expandedSet={expandedSet}\r\n                  setExpand={setExpanded}\r\n                  isOpen={isOpen}\r\n                  isAdmin={isAdmin}\r\n                  item={item}\r\n                  onNavigate={(path: string) => {\r\n                    if (isMobile && isOpen) onToggle();\r\n                    onNavigate(path);\r\n                  }}\r\n                  openSidebar={onToggle}\r\n                />\r\n              ))}\r\n            </List>\r\n          </Box>\r\n        </Box>\r\n      </SidebarContainer>\r\n    </>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAoBA,MAAM,cAAc,GAAG,OAAO;AAC9B,MAAM,qBAAqB,GAAG,MAAM;AACpC,MAAM,uBAAuB,GAAG,MAAM;IAE1B;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,UAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,UAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACzB,CAAC,EAJW,UAAU,KAAV,UAAU,GAAA,EAAA,CAAA,CAAA;AAetB,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,EAAE;IACnC,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;AAC9C,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,GAAG,EAAE,CAAC;AACN,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACrD,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,UAAU,EAAE,oBAAoB;IAChC,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,uBAAuB;AACxD,IAAA,MAAM,EAAE,EAAE;IACV,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,QAAA,QAAQ,EAAE,OAAO;QACjB,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,CAAA,CAAA,EAAI,cAAc,CAAA,CAAE;AACvC,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,UAAU,EAAE,mBAAmB;AAChC,KAAA;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;QAC5B,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,qBAAqB;AACvD,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACtD,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;AACtC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,SAAS;AAC3B,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc,EAAE;AAC5C,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,gBAAgB;AACnG,CAAA,CAAC,CAAmF,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM;AAC5I,IAAA,YAAY,EAAE;AACZ,UAAE,CAAA,EAAA,EAAK,KAAK,CAAC,KAAK,CAAC,YAAY,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,CAAC,YAAY,CAAA,IAAA;AAC7D,UAAE,KAAK,CAAC,KAAK,CAAC,YAAY;AAC5B,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,YAAY,EAAE,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAC3C,WAAW,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;AAC3B,IAAA,SAAS,EAAE,EAAE;IACb,cAAc,EAAE,MAAM,GAAG,YAAY,GAAG,QAAQ;AAChD,IAAA,cAAc,EAAE,aAAa;AAC7B,IAAA,gBAAgB,EAAE,YAAY;AAC9B,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,CAAA,SAAA,CAAW;AAC7B,KAAA;IACD,IAAI,QAAQ,IAAI;QACd,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,EAAA,CAAI;KACnD,CAAC;IACF,IAAI,cAAc,IAAI;AACpB,QAAA,eAAe,EAAE,CAAA,SAAA,CAAW;KAC7B,CAAC;AACH,CAAA,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,EAAE;IAC9B,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;IAC9C,KAAK,EAAE,MAAM,GAAG,EAAE,GAAG,EAAE;IACvB,MAAM,EAAE,MAAM,GAAG,EAAE,GAAG,EAAE;AACxB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,eAAe,EAAE,aAAa;AAC/B,CAAA,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,CAAC,EACnB,MAAM,EACN,OAAO,EACP,IAAI,EACJ,UAAU,EACV,WAAW,EACX,SAAS,EAAE,QAAQ,EACnB,KAAK,GAAG,CAAC,EACT,WAAW,EACX,WAAW,GAWZ,KAAI;;;IAGH,MAAM,SAAS,GACb,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC;UAC3B,CAAC,CAAC;AACJ,UAAE,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,UAAU;IACpE,IAAI,CAAC,SAAS,EAAE;AACd,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;;AAGxB,IAAA,MAAM,UAAU,GAAG,MAAM,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;IAEjD,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,IAAI,CAAC,UAAU,EAAE,EAAE;AACjB,YAAA,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,WAAW,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QAC9C;aAAO;AACL,YAAA,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AAC3B,YAAA,QAAQ,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC;QAChC;AACF,IAAA,CAAC;IAED,MAAM,QAAQ,GACZ,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAa,CAAC;QACxC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAY,CAAC;AACxD,QAAA,UAAU,EAAE;AAEd,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAa,CAAC,IAAI,KAAK,GAAG,CAAC;AAE5E,IAAA,QACEA,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,aAChCA,IAAA,CAAC,cAAc,EAAA,EACb,KAAK,EAAE,KAAK,EACZ,aAAa,EAAA,IAAA,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAK;oBACZ,IAAI,IAAI,CAAC,GAAG;AAAE,wBAAA,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;AAC7B,yBAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACnB,wBAAA,IAAI,WAAW,IAAI,CAAC,MAAM,EAAE;4BAC1B,IAAI,CAAC,UAAU,EAAE;AACf,gCAAA,YAAY,EAAE;AAChB,4BAAA,WAAW,EAAE;wBACf;6BAAO;AACL,4BAAA,YAAY,EAAE;wBAChB;oBACF;gBACF,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS,EACvC,EAAE,EAAE;AACF,oBAAA,IAAI,KAAK,GAAG,CAAC,IAAI;AACf,wBAAA,EAAE,EAAE,CAAC;qBACN,CAAC;iBACH,EAAA,QAAA,EAAA,CAEA,IAAI,CAAC,IAAI,KACRC,GAAA,CAAC,WAAW,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,YACpD,IAAI,CAAC,IAAI,EAAA,CACE,CACf,EACA,MAAM,KACLD,4BACEC,GAAA,CAAC,YAAY,IACX,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,SAAS,EAAE;AACT,oCAAA,OAAO,EAAE;AACP,wCAAA,KAAK,EAAE;;4CAEL,UAAU,EAAE,cAAc,GAAG,GAAG,IAAI,KAAK,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG;AAAE,yCAAA;AAC3D,wCAAA,KAAK,EAAE,GAAG,GAAG,KAAK,GAAG,EAAE;wCACzB,IAAI,KAAK,GAAG;AACV,8CAAE;AACE,gDAAA,QAAQ,EAAE,UAAU;AACrB;AACH,8CAAE;AACE,gDAAA,QAAQ,EAAE,MAAM;AAChB,gDAAA,UAAU,EAAE,GAAG;6CAChB,CAAC;AACP,qCAAA;AACF,iCAAA,EACD,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,CACtB,EACD,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KAClCA,GAAA,CAAC,UAAU,IACT,OAAO,EAAE,CAAC,CAAC,KAAI;oCACb,CAAC,CAAC,eAAe,EAAE;oCACnB,IAAI,IAAI,CAAC,KAAK;AAAE,wCAAA,YAAY,EAAE;AAChC,gCAAA,CAAC,EACD,aAAa,EAAA,IAAA,EACb,EAAE,EAAE;AACF,oCAAA,EAAE,EAAE,GAAG;AACP,oCAAA,YAAY,EAAE,CAAC;AACf,oCAAA,KAAK,EAAE,EAAE;AACT,oCAAA,MAAM,EAAE,EAAE;AACV,oCAAA,SAAS,EAAE;wCACT,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,EAAA,CAAI;AACnD,qCAAA;AACF,iCAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,mBAAmB,EAAA,EAClB,EAAE,EAAE;AACF,wCAAA,QAAQ,EAAE,EAAE;AACZ,wCAAA,KAAK,EAAE,SAAS;AAChB,wCAAA,UAAU,EAAE,gBAAgB;wCAC5B,SAAS,EAAE,UAAU,EAAE,GAAG,eAAe,GAAG,cAAc;qCAC3D,EAAA,CACD,EAAA,CACS,CACd,CAAA,EAAA,CACA,CACJ,IACc,EACd,UAAU,EAAE,IAAI,MAAM,KACrBA,GAAA,CAAC,QAAQ,IAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM,EAAA,QAAA,EAChCD,IAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,KAAK,EAAA,QAAA,EAAA,CACpC,KAAK,GAAG,CAAC,KACRC,GAAA,CAAC,OAAO,EAAA,EACN,WAAW,EAAC,UAAU,EACtB,QAAQ,EAAA,IAAA,EACR,EAAE,EAAE;AACF,gCAAA,EAAE,EAAE,CAAC;AACL,gCAAA,WAAW,EAAE,CAAA,SAAA,CAAW;AACxB,gCAAA,WAAW,EAAE,KAAK;AAClB,gCAAA,gBAAgB,EAAE,KAAK;AACvB,gCAAA,EAAE,EAAE,CAAC;AACL,gCAAA,EAAE,EAAE;6BACL,EAAA,CACD,CACH,EACDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAA,QAAA,EACrC,IAAI,CAAC,KAAK;AACT,gCAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,MACnBA,GAAA,CAAC,WAAW,EAAA,EAEV,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,KAAK,EACX,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,GAAG,CAAC,EAAA,EARX,KAAK,CAAC,EAAE,CASb,CACH,CAAC,EAAA,CACC,CAAA,EAAA,CACH,EAAA,CACG,CACZ,CAAA,EAAA,CACC;AAEV,CAAC;AAEM,MAAM,SAAS,GAAG,CAAC,EACxB,MAAM,EACN,QAAQ,EACR,UAAU,GAAG,2CAA2C,EACxD,UAAU,EACV,KAAK,EACL,OAAO,EACP,WAAW,EACX,WAAW,EACX,wBAAwB,GAWzB,KAAI;AACH,IAAA,MAAM,eAAe,GAAG,CAAC,KAAiB,KAAyB;AACjE,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBAChE;YACF;AACA,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;AAC1C,YAAA,MAAM,QAAQ,GACZ,WAAW,CAAC,QAAQ,CAAC,GAAa,CAAC;gBACnC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAY,CAAC;YAC1D,IAAI,QAAQ,EAAE;gBACZ,OAAO,IAAI,CAAC;AACV,sBAAE,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;AAC1C,sBAAE,CAAC,IAAI,CAAC,EAAE,CAAC;YACf;QACF;AACA,QAAA,OAAO,EAAE;AACX,IAAA,CAAC;AAED,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IACxB,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,QAAQ,CACzC,MAAM,IAAI,GAAG,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CACtC;IACD,MAAM,QAAQ,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;IAE9F,QACED,4BACG,MAAM,KACLC,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,oBAAA,QAAQ,EAAE,OAAO;AACjB,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,OAAO,EAAE,oBAAoB;AAC7B,oBAAA,MAAM,EAAE,EAAE;oBACV,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE;AACrC,iBAAA,EACD,OAAO,EAAE,QAAQ,GACjB,CACH,EACDA,IAAC,gBAAgB,EAAA,EAAC,MAAM,EAAE,MAAM,EAAA,QAAA,EAC9BD,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,aAElE,MAAM,IACLA,KAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,gCAAA,EAAE,EAAE,CAAC;AACL,gCAAA,EAAE,EAAE,CAAC;AACL,gCAAA,UAAU,EAAE,CAAC;AACb,gCAAA,QAAQ,EAAE,UAAU;AACpB,gCAAA,OAAO,EAAE,MAAM;AACf,gCAAA,aAAa,EAAE,QAAQ;AACvB,gCAAA,UAAU,EAAE,QAAQ;AACpB,gCAAA,KAAK,EAAE,cAAc;AACtB,6BAAA,EAAA,QAAA,EAAA,CAEDA,IAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,wCAAA,EAAE,EAAE,CAAC;AACL,wCAAA,UAAU,EAAE,CAAC;AACb,wCAAA,QAAQ,EAAE,UAAU;AACpB,wCAAA,OAAO,EAAE,MAAM;AACf,wCAAA,aAAa,EAAE,KAAK;AACpB,wCAAA,UAAU,EAAE,QAAQ;AACpB,wCAAA,KAAK,EAAE,cAAc;qCACtB,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAC,IAAI,EACZ,EAAE,EAAE;AACF,gDAAA,KAAK,EAAE,OAAO;AACd,gDAAA,QAAQ,EAAE,MAAM;AAChB,gDAAA,UAAU,EAAE,GAAG;AACf,gDAAA,KAAK,EAAE,SAAS;AAChB,gDAAA,UAAU,EAAE,UAAU;AACtB,gDAAA,IAAI,EAAE,CAAC;AACP,gDAAA,EAAE,EAAE,CAAC;6CACN,EAAA,QAAA,EAEA,UAAU,IAAI,aAAa,EAAA,CACjB,EAEbA,GAAA,CAAC,YAAY,EAAA,EACX,OAAO,EAAE,MAAM,QAAQ,EAAE,EACzB,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,YAAA,EACP,kBAAkB,EAAA,QAAA,EAE7BA,GAAA,CAAC,8BAA8B,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAA,CAAI,GAC3C,CAAA,EAAA,CACX,EACNA,IAAC,GAAG,EAAA,EACF,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE;AACF,wCAAA,EAAE,EAAE,CAAC;AACL,wCAAA,EAAE,EAAE,CAAC;wCACL,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACtD,wCAAA,UAAU,EAAE,CAAC;AACb,wCAAA,QAAQ,EAAE,UAAU;AACpB,wCAAA,OAAO,EAAE,MAAM;AACf,wCAAA,aAAa,EAAE,KAAK;AACpB,wCAAA,UAAU,EAAE,QAAQ;AACpB,wCAAA,KAAK,EAAE,cAAc;AACrB,wCAAA,MAAM,EAAE,SAAS;qCAClB,EAAA,QAAA,EAEA,wBAAwB,KACvBD,IAAA,CAAC,GAAG,EAAA,EACF,SAAS,EAAC,oBAAoB,EAC9B,EAAE,EAAE;AACF,4CAAA,OAAO,EAAE,MAAM;AACf,4CAAA,aAAa,EAAE,KAAK;AACpB,4CAAA,UAAU,EAAE,QAAQ;AACpB,4CAAA,EAAE,EAAE,CAAC;yCACN,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAC,mBAAmB,EAAA,EAClB,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,CAChD,EACFA,GAAA,CAAC,UAAU,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAA,QAAA,EAAA,qBAAA,EAAA,CAExC,CAAA,EAAA,CACT,CACP,EAAA,CACG,CAAA,EAAA,CACF,KAENA,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,gCAAA,EAAE,EAAE,CAAC;AACL,gCAAA,EAAE,EAAE,CAAC;AACL,gCAAA,EAAE,EAAE,CAAC;gCACL,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACtD,gCAAA,OAAO,EAAE,MAAM;AACf,gCAAA,cAAc,EAAE,QAAQ;AACzB,6BAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,YAAY,EAAA,EAAC,OAAO,EAAE,QAAQ,EAAA,YAAA,EAAa,gBAAgB,EAAA,QAAA,EAC1DA,GAAA,CAAC,+BAA+B,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAA,CAAI,EAAA,CAC5C,EAAA,CACX,CACP,EAGDA,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,gCAAA,IAAI,EAAE,CAAC;AACP,gCAAA,SAAS,EAAE,MAAM;gCACjB,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;AAClB,gCAAA,cAAc,EAAE,MAAM;AACtB,gCAAA,EAAE,EAAE,CAAC;6BACN,EAAA,QAAA,EAEDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,QAAA,EACf,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACdA,GAAA,CAAC,WAAW,EAAA,EACV,WAAW,EAAE,WAAW,EAExB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,WAAW,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,CAAC,IAAY,KAAI;wCAC3B,IAAI,QAAQ,IAAI,MAAM;AAAE,4CAAA,QAAQ,EAAE;wCAClC,UAAU,CAAC,IAAI,CAAC;AAClB,oCAAA,CAAC,EACD,WAAW,EAAE,QAAQ,EAAA,EAVhB,IAAI,CAAC,EAAE,CAWZ,CACH,CAAC,EAAA,CACG,EAAA,CACH,IACF,EAAA,CACW,CAAA,EAAA,CAClB;AAEP;;;;"}
+{"version":3,"file":"SidebarV2.js","sources":["../../../../src/components/SidebarV2.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  IconButton,\r\n  Typography,\r\n  List,\r\n  ListItemButton,\r\n  ListItemText,\r\n  Collapse,\r\n  styled,\r\n  Divider,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  ChevronRightRounded,\r\n  ImportExportRounded,\r\n  KeyboardDoubleArrowLeftRounded,\r\n  KeyboardDoubleArrowRightRounded,\r\n} from \"@mui/icons-material\";\r\n\r\nconst EXPANDED_WIDTH = \"288px\";\r\nconst COLLAPSED_WIDTH_SMALL = \"80px\";\r\nconst COLLAPSED_WIDTH_DEFAULT = \"64px\";\r\n\r\nexport enum Visibility {\r\n  Admin = \"Admin\",\r\n  Contributor = \"Contributor\",\r\n  Community = \"Community\",\r\n}\r\n\r\nexport interface MenuItem {\r\n  id: string | number;\r\n  title: string;\r\n  icon?: React.ReactNode;\r\n  visibility?: Visibility;\r\n  url?: string;\r\n  items?: MenuItem[];\r\n}\r\n\r\nconst SidebarContainer = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  height: \"100vh\",\r\n  position: \"sticky\",\r\n  top: 0,\r\n  paddingLeft: 0,\r\n  overflow: \"hidden\",\r\n  backgroundColor: \"#fff\",\r\n  borderRight: `1px solid ${theme.palette.dark.main}1A`,\r\n  flexShrink: 0,\r\n  transition: \"all 0.15s ease-out\",\r\n  width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_DEFAULT,\r\n  zIndex: 50,\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    position: \"fixed\",\r\n    left: isOpen ? 0 : `-${EXPANDED_WIDTH}`,\r\n    width: EXPANDED_WIDTH,\r\n    transition: \"all 0.4s ease-out\",\r\n  },\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_SMALL,\r\n  },\r\n}));\r\n\r\nconst ToggleButton = styled(IconButton)(({ theme }) => ({\r\n  width: 40,\r\n  height: 40,\r\n  borderRadius: theme.shape.borderRadius,\r\n  backgroundColor: \"#4D3019\",\r\n  color: \"#fff\",\r\n  \"&:hover\": {\r\n    backgroundColor: \"#3d2614\",\r\n  },\r\n}));\r\n\r\nconst MenuItemButton = styled(ListItemButton, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\" && prop !== \"isActive\" && prop !== \"isPolicyActive\",\r\n})<{ isActive?: boolean; isOpen: boolean, isPolicyActive?: boolean, depth: number }>(({ theme, isActive, isOpen, isPolicyActive, depth }) => ({\r\n  borderRadius: isOpen\r\n    ? `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`\r\n    : theme.shape.borderRadius,\r\n  paddingLeft: 0,\r\n  paddingRight: isOpen ? theme.spacing(2) : 0,\r\n  marginRight: isOpen ? 8 : 0,\r\n  minHeight: 64,\r\n  justifyContent: isOpen ? \"flex-start\" : \"center\",\r\n  backgroundClip: \"padding-box\",\r\n  backgroundOrigin: \"border-box\",\r\n  \"&:hover\": {\r\n    backgroundColor: `#0000000D`,\r\n  },\r\n  ...(isActive && {\r\n    backgroundColor: `${theme.palette.primary.main}1A`,\r\n  }),\r\n  ...(isPolicyActive && depth > 1 && {\r\n    backgroundColor: `#0000000D`,\r\n  }),\r\n  ...(isPolicyActive && depth <= 1 && {\r\n    backgroundColor: `${theme.palette.primary.main}1A`,\r\n  }),\r\n}));\r\n\r\nconst IconWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  width: isOpen ? 32 : 40,\r\n  height: isOpen ? 32 : 40,\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"center\",\r\n  backgroundColor: \"transparent\",\r\n}));\r\n\r\nconst SidebarItem = ({\r\n  isOpen,\r\n  isAdmin,\r\n  item,\r\n  onNavigate,\r\n  expandedSet,\r\n  setExpand: onExpand,\r\n  depth = 0,\r\n  currentPath,\r\n  openSidebar,\r\n}: {\r\n  isOpen: boolean;\r\n  isAdmin: boolean;\r\n  item: MenuItem;\r\n  onNavigate: (path: string) => void;\r\n  expandedSet: Set<string | number>;\r\n  setExpand: React.Dispatch<React.SetStateAction<Set<string | number>>>;\r\n  depth?: number;\r\n  currentPath: string;\r\n  openSidebar?: () => void,\r\n}) => {\r\n  // console.log(item.title, item.items);\r\n  // Check visibility based on visibility state and isAdmin prop\r\n  const isVisible =\r\n    item.visibility === Visibility.Admin\r\n      ? !!isAdmin\r\n      : item.visibility === Visibility.Contributor || !item.visibility;\r\n  if (!isVisible) {\r\n    return null;\r\n  }\r\n\r\n  const theme = useTheme();\r\n  // const nestedPadding = 1 + depth;\r\n\r\n  const isExpanded = () => expandedSet.has(item.id);\r\n\r\n  const toggleExpand = () => {\r\n    if (!isExpanded()) {\r\n      onExpand(new Set([...expandedSet, item.id]));\r\n    } else {\r\n      expandedSet.delete(item.id);\r\n      onExpand(new Set(expandedSet));\r\n    }\r\n  };\r\n\r\n  const isActive =\r\n    currentPath.includes(item.url as string) ||\r\n    currentPath.includes(item.title.toLowerCase() as string) ||\r\n    isExpanded();\r\n\r\n  const isPolicyActive = currentPath.includes(item.url as string) && depth > 0;\r\n\r\n  return (\r\n    <Box sx={{ mb: depth > 0 ? 0 : 1 }}>\r\n      <MenuItemButton\r\n        depth={depth}\r\n        disableRipple\r\n        isOpen={isOpen}\r\n        onClick={() => {\r\n          if (item.url) onNavigate(item.url)\r\n          else if (item.items) {\r\n            if (openSidebar && !isOpen) {\r\n              if (!isExpanded())\r\n                toggleExpand();\r\n              openSidebar();\r\n            } else {\r\n              toggleExpand();\r\n            }\r\n          }\r\n        }}\r\n        isActive={isActive}\r\n        isPolicyActive={isPolicyActive}\r\n        title={!isOpen ? item.title : undefined}\r\n        sx={{\r\n          ...(depth > 0 && {\r\n            pl: 2,\r\n          }),\r\n        }}\r\n      >\r\n        {item.icon && (\r\n          <IconWrapper isOpen={isOpen} sx={{ ml: isOpen ? 2 : 0 }}>\r\n            {item.icon}\r\n          </IconWrapper>\r\n        )}\r\n        {isOpen && (\r\n          <>\r\n            <ListItemText\r\n              primary={item.title}\r\n              slotProps={{\r\n                primary: {\r\n                  style: { \r\n                    // textDecoration: isActive ? \"underline\" : \"\",\r\n                    fontWeight: isPolicyActive ? 700 : (depth > 0 ? 400 : 700)},\r\n                    width: 200 - depth * 16,  // Set to stop text from wrapping when sidebar is expanding and contracting\r\n                  ...(depth > 0\r\n                    ? {\r\n                        fontSize: \"0.875rem\",\r\n                      }\r\n                    : {\r\n                        fontSize: \"1rem\",\r\n                        fontWeight: 700,\r\n                      }),\r\n                },\r\n              }}\r\n              sx={{ flex: 1, ml: 1 }}\r\n            />\r\n            {item.items && item.items.length > 0 && (\r\n              <IconButton\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                  if (item.items) toggleExpand();\r\n                }}\r\n                disableRipple\r\n                sx={{\r\n                  ml: 0.5,\r\n                  borderRadius: 1,\r\n                  width: 32,\r\n                  height: 32,\r\n                  \"&:hover\": {\r\n                    backgroundColor: `${theme.palette.primary.main}1F`,\r\n                  },\r\n                }}\r\n              >\r\n                <ChevronRightRounded\r\n                  sx={{\r\n                    fontSize: 16,\r\n                    color: \"#4D3019\",\r\n                    transition: \"transform 0.1s\",\r\n                    transform: isExpanded() ? \"rotate(90deg)\" : \"rotate(0deg)\",\r\n                  }}\r\n                />\r\n              </IconButton>\r\n            )}\r\n          </>\r\n        )}\r\n      </MenuItemButton>\r\n        {isExpanded() && isOpen && (\r\n          <Collapse in={true} timeout=\"auto\">\r\n            <Box display='flex' flexDirection='row'>\r\n              {depth > 0 && (\r\n                <Divider \r\n                  orientation=\"vertical\" \r\n                  flexItem \r\n                  sx={{ \r\n                    ml: 2,\r\n                    borderColor: `#00000033`,\r\n                    borderWidth: '1px',\r\n                    borderRightWidth: '1px',\r\n                    mt: 1,\r\n                    mb: 1\r\n                  }}\r\n                />\r\n              )}\r\n              <List sx={{ p: 0, mt: 1, mb:1, flex: 1 }}>\r\n                {item.items &&\r\n                  item.items.map((child) => (\r\n                    <SidebarItem\r\n                      key={child.id}\r\n                      currentPath={currentPath}\r\n                      expandedSet={expandedSet}\r\n                      setExpand={onExpand}\r\n                      isOpen={isOpen}\r\n                      isAdmin={isAdmin}\r\n                      item={child}\r\n                      onNavigate={onNavigate}\r\n                      depth={depth + 1}\r\n                    />\r\n                  ))}\r\n              </List>\r\n            </Box>\r\n          </Collapse>\r\n        )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const SidebarV2 = ({\r\n  isOpen,\r\n  onToggle,\r\n  centreName = \"Centre name goes here \\n across two lines\",\r\n  onNavigate,\r\n  items,\r\n  isAdmin,\r\n  currentPath,\r\n  onOrgChange,\r\n  hasMultipleOrganisations,\r\n}: {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  items: MenuItem[];\r\n  centreName?: string;\r\n  onNavigate: (path: string) => void;\r\n  isAdmin: boolean;\r\n  currentPath: string;\r\n  onOrgChange: () => void;\r\n  hasMultipleOrganisations: boolean;\r\n}) => {\r\n  const findExpandItems = (items: MenuItem[]): (string | number)[] => {\r\n    for (const item of items) {\r\n      if (!item || item.items === undefined || item.items.length === 0) {\r\n        continue;\r\n      }\r\n      const url = item.url?.replace(/-\\d+$/, '')\r\n      const isActive =\r\n        currentPath.includes(url as string) ||\r\n        currentPath.includes(item.title.toLowerCase() as string);\r\n      if (isActive) {\r\n        return item.items\r\n          ? [item.id, ...findExpandItems(item.items)]\r\n          : [item.id];\r\n      }\r\n    }\r\n    return [];\r\n  };\r\n  \r\n  const theme = useTheme();\r\n  const [expandedSet, setExpanded] = useState<Set<string | number>>(\r\n    () => new Set(findExpandItems(items)),\r\n  );\r\n  const isMobile = !window.matchMedia(theme.breakpoints.up('lg').replace('@media ', '')).matches;\r\n\r\n  return (\r\n    <>\r\n      {isOpen && (\r\n        <Box\r\n          sx={{\r\n            position: \"fixed\",\r\n            inset: 0,\r\n            bgcolor: \"rgba(0, 0, 0, 0.5)\",\r\n            zIndex: 40,\r\n            display: { xs: \"block\", md: \"none\" },\r\n          }}\r\n          onClick={onToggle}\r\n        />\r\n      )}\r\n      <SidebarContainer isOpen={isOpen}>\r\n        <Box sx={{ display: \"flex\", flexDirection: \"column\", height: \"100%\" }}>\r\n          {/* Sidebar Header */}\r\n          {isOpen ? (\r\n            <Box\r\n              sx={{\r\n                px: 2,\r\n                py: 3,\r\n                flexShrink: 0,\r\n                position: \"relative\",\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n                alignItems: \"center\",\r\n                width: EXPANDED_WIDTH,\r\n              }}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  px: 2,\r\n                  flexShrink: 0,\r\n                  position: \"relative\",\r\n                  display: \"flex\",\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  width: EXPANDED_WIDTH,\r\n                }}\r\n              >\r\n                <Typography\r\n                  variant=\"h6\"\r\n                  sx={{\r\n                    width: \"180px\",\r\n                    fontSize: \"18px\",\r\n                    fontWeight: 700,\r\n                    color: \"#4D3019\",\r\n                    whiteSpace: \"pre-line\",\r\n                    flex: 1,\r\n                    pr: 2,\r\n                  }}\r\n                >\r\n                  {centreName ?? \"Centre Name\"}\r\n                </Typography>\r\n\r\n                <ToggleButton\r\n                  onClick={() => onToggle()}\r\n                  sx={{ ml: \"auto\" }}\r\n                  aria-label=\"Collapse sidebar\"\r\n                >\r\n                  <KeyboardDoubleArrowLeftRounded sx={{ fontSize: 20 }} />\r\n                </ToggleButton>\r\n              </Box>\r\n              <Box\r\n                onClick={onOrgChange}\r\n                sx={{\r\n                  px: 2,\r\n                  py: 1,\r\n                  borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                  flexShrink: 0,\r\n                  position: \"relative\",\r\n                  display: \"flex\",\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  width: EXPANDED_WIDTH,\r\n                  cursor: \"pointer\",\r\n                }}\r\n              >\r\n                {hasMultipleOrganisations && (\r\n                  <Box\r\n                    className=\"org-change-content\"\r\n                    sx={{\r\n                      display: \"flex\",\r\n                      flexDirection: \"row\",\r\n                      alignItems: \"center\",\r\n                      py: 1,\r\n                    }}\r\n                  >\r\n                    <ImportExportRounded \r\n                      sx={{ color: theme.palette.primary.main, mr: 1 }} \r\n                    />\r\n                    <Typography sx={{ color: theme.palette.primary.main }}>\r\n                      Change organisation\r\n                    </Typography>\r\n                  </Box>\r\n                )}\r\n              </Box>\r\n            </Box>\r\n          ) : (\r\n            <Box\r\n              sx={{\r\n                px: 1,\r\n                py: 3,\r\n                mb: 1,\r\n                borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n              }}\r\n            >\r\n              <ToggleButton onClick={onToggle} aria-label=\"Expand sidebar\">\r\n                <KeyboardDoubleArrowRightRounded sx={{ fontSize: 20 }} />\r\n              </ToggleButton>\r\n            </Box>\r\n          )}\r\n\r\n          {/* Sidebar Items */}\r\n          <Box\r\n            sx={{\r\n              flex: 1,\r\n              overflowY: \"auto\",\r\n              px: isOpen ? 0 : 1,\r\n              scrollbarWidth: \"thin\",\r\n              pb: 3,\r\n            }}\r\n          >\r\n            <List sx={{ p: 0 }}>\r\n              {items.map((item) => (\r\n                <SidebarItem\r\n                  currentPath={currentPath}\r\n                  key={item.id}\r\n                  expandedSet={expandedSet}\r\n                  setExpand={setExpanded}\r\n                  isOpen={isOpen}\r\n                  isAdmin={isAdmin}\r\n                  item={item}\r\n                  onNavigate={(path: string) => {\r\n                    if (isMobile && isOpen) onToggle();\r\n                    onNavigate(path);\r\n                  }}\r\n                  openSidebar={onToggle}\r\n                />\r\n              ))}\r\n            </List>\r\n          </Box>\r\n        </Box>\r\n      </SidebarContainer>\r\n    </>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/node_modules/domhandler/lib/index.js

@@ -1,4 +1,4 @@
-import { __exports as lib } from '../../../_virtual/index4.js';
+import { __exports as lib } from '../../../_virtual/index3.js';
 import { __require as requireLib$1 } from '../../domelementtype/lib/index.js';
 import { __require as requireNode } from './node.js';
 

package/dist/esm/node_modules/html-dom-parser/lib/index.js

@@ -1,4 +1,4 @@
-import { __exports as lib } from '../../../_virtual/index3.js';
+import { __exports as lib } from '../../../_virtual/index4.js';
 import { __require as requireHtmlToDom } from './server/html-to-dom.js';
 import { __require as requireTypes } from './types.js';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ece-docs-components",
-  "version": "1.0.85",
+  "version": "1.0.87",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",