wcz-test 6.22.2 → 6.23.0

package/dist/components/core/navigation/NavigationListItem.js

@@ -0,0 +1,467 @@
+import { j as jsxRuntimeExports } from "../../../_virtual/jsx-runtime.js";
+import { c as compilerRuntimeExports } from "../../../_virtual/compiler-runtime.js";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import { Collapse } from "@mui/material";
+import Avatar from "@mui/material/Avatar";
+import Box from "@mui/material/Box";
+import ListItem from "@mui/material/ListItem";
+import ListItemButton from "@mui/material/ListItemButton";
+import ListItemIcon from "@mui/material/ListItemIcon";
+import ListItemText from "@mui/material/ListItemText";
+import Paper from "@mui/material/Paper";
+import Popper from "@mui/material/Popper";
+import { styled } from "@mui/material/styles";
+import Typography from "@mui/material/Typography";
+import { useState, Fragment } from "react";
+import { MINI_WIDTH } from "./NavigationRail.js";
+import { RouterListItemButton } from "../../router/RouterListItemButton.js";
+const ICON_SIZE = 34;
+const StyledNavButton = styled(ListItemButton)(({
+  theme
+}) => ({
+  borderRadius: 8,
+  "&.Mui-selected": {
+    "& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": {
+      color: (theme.vars ?? theme).palette.primary.dark
+    },
+    "& .MuiAvatar-root": {
+      backgroundColor: (theme.vars ?? theme).palette.primary.dark
+    },
+    "& .MuiTouchRipple-child": {
+      backgroundColor: (theme.vars ?? theme).palette.primary.dark
+    }
+  },
+  "& .MuiSvgIcon-root": {
+    color: (theme.vars ?? theme).palette.action.active
+  },
+  "& .MuiAvatar-root": {
+    backgroundColor: (theme.vars ?? theme).palette.action.active
+  }
+}));
+const StyledRouterButton = styled(RouterListItemButton)(({
+  theme
+}) => ({
+  borderRadius: 8,
+  "&.Mui-selected": {
+    "& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": {
+      color: (theme.vars ?? theme).palette.primary.dark
+    },
+    "& .MuiAvatar-root": {
+      backgroundColor: (theme.vars ?? theme).palette.primary.dark
+    },
+    "& .MuiTouchRipple-child": {
+      backgroundColor: (theme.vars ?? theme).palette.primary.dark
+    }
+  },
+  "& .MuiSvgIcon-root": {
+    color: (theme.vars ?? theme).palette.action.active
+  },
+  "& .MuiAvatar-root": {
+    backgroundColor: (theme.vars ?? theme).palette.action.active
+  }
+}));
+const IconOrAvatar = (t0) => {
+  const $ = compilerRuntimeExports.c(17);
+  const {
+    item,
+    collapsed
+  } = t0;
+  if (item.icon || collapsed) {
+    let t1;
+    if ($[0] !== collapsed) {
+      t1 = collapsed ? {
+        position: "absolute",
+        left: "50%",
+        top: "calc(50% - 6px)",
+        transform: "translate(-50%, -50%)"
+      } : {};
+      $[0] = collapsed;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    let t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      t2 = {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        minWidth: ICON_SIZE
+      };
+      $[2] = t2;
+    } else {
+      t2 = $[2];
+    }
+    const t3 = item.icon ?? null;
+    let t4;
+    if ($[3] !== collapsed || $[4] !== item.icon || $[5] !== item.title) {
+      t4 = !item.icon && collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Avatar, { sx: {
+        width: ICON_SIZE - 7,
+        height: ICON_SIZE - 7,
+        fontSize: 12
+      }, children: item.title }) : null;
+      $[3] = collapsed;
+      $[4] = item.icon;
+      $[5] = item.title;
+      $[6] = t4;
+    } else {
+      t4 = $[6];
+    }
+    let t5;
+    if ($[7] !== t3 || $[8] !== t4) {
+      t5 = /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemIcon, { sx: t2, children: [
+        t3,
+        t4
+      ] });
+      $[7] = t3;
+      $[8] = t4;
+      $[9] = t5;
+    } else {
+      t5 = $[9];
+    }
+    let t6;
+    if ($[10] !== collapsed || $[11] !== item.title) {
+      t6 = collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "caption", sx: {
+        position: "absolute",
+        bottom: -18,
+        left: "50%",
+        transform: "translateX(-50%)",
+        fontSize: 10,
+        fontWeight: 500,
+        textAlign: "center",
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        maxWidth: MINI_WIDTH - 28
+      }, children: item.title }) : null;
+      $[10] = collapsed;
+      $[11] = item.title;
+      $[12] = t6;
+    } else {
+      t6 = $[12];
+    }
+    let t7;
+    if ($[13] !== t1 || $[14] !== t5 || $[15] !== t6) {
+      t7 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: t1, children: [
+        t5,
+        t6
+      ] });
+      $[13] = t1;
+      $[14] = t5;
+      $[15] = t6;
+      $[16] = t7;
+    } else {
+      t7 = $[16];
+    }
+    return t7;
+  }
+  return null;
+};
+const MiniPopover = (t0) => {
+  const $ = compilerRuntimeExports.c(10);
+  const {
+    open,
+    anchorEl,
+    children
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      name: "offset",
+      options: {
+        offset: [6, 0]
+      }
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      name: "preventOverflow",
+      options: {
+        padding: 8
+      }
+    };
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = [t1, t2, {
+      name: "flip",
+      options: {
+        fallbackPlacements: ["right-end", "left-start"]
+      }
+    }];
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      pt: 0.5,
+      pb: 0.5,
+      maxHeight: "min(calc(100vh - 100px), 560px)",
+      overflowY: "auto",
+      overscrollBehavior: "contain"
+    };
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  let t5;
+  if ($[4] !== children) {
+    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx(Paper, { sx: t4, children });
+    $[4] = children;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  let t6;
+  if ($[6] !== anchorEl || $[7] !== open || $[8] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(Popper, { open, anchorEl, placement: "right-start", modifiers: t3, children: t5 });
+    $[6] = anchorEl;
+    $[7] = open;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  return t6;
+};
+const NavigationListItem = (t0) => {
+  const $ = compilerRuntimeExports.c(57);
+  const {
+    item,
+    isOpen,
+    selected,
+    disabled,
+    collapsed,
+    isSidebarFullyExpanded: t1,
+    isSidebarFullyCollapsed,
+    onClick,
+    renderNested,
+    onClose
+  } = t0;
+  const isSidebarFullyExpanded = t1 === void 0 ? true : t1;
+  const [hoveredPopoverItem, setHoveredPopoverItem] = useState(null);
+  const [anchorElement, setAnchorElement] = useState(null);
+  let t2;
+  if ($[0] !== collapsed || $[1] !== isOpen || $[2] !== isSidebarFullyCollapsed || $[3] !== isSidebarFullyExpanded || $[4] !== item.children) {
+    t2 = () => {
+      if (collapsed && isSidebarFullyCollapsed && item.children) {
+        return {
+          fontSize: 18,
+          position: "absolute",
+          top: "41.5%",
+          right: "2px",
+          transform: "translateY(-50%) rotate(-90deg)"
+        };
+      }
+      if (!collapsed && isSidebarFullyExpanded && item.children) {
+        return {
+          ml: 0.5,
+          transform: `rotate(${isOpen ? 0 : -90}deg)`
+        };
+      }
+      return {
+        display: "none"
+      };
+    };
+    $[0] = collapsed;
+    $[1] = isOpen;
+    $[2] = isSidebarFullyCollapsed;
+    $[3] = isSidebarFullyExpanded;
+    $[4] = item.children;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const chevronSx = t2;
+  const shouldJustExpand = item.children && !collapsed;
+  const t3 = collapsed ? 60 : 48;
+  let t4;
+  if ($[6] !== t3) {
+    t4 = {
+      px: 1.4,
+      height: t3
+    };
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== disabled || $[9] !== selected || $[10] !== t4) {
+    t5 = {
+      selected,
+      disabled,
+      sx: t4
+    };
+    $[8] = disabled;
+    $[9] = selected;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  const buttonProps = t5;
+  let t6;
+  if ($[12] !== collapsed || $[13] !== item) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(IconOrAvatar, { item, collapsed });
+    $[12] = collapsed;
+    $[13] = item;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== collapsed || $[16] !== item.title) {
+    t7 = !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText, { primary: item.title, slotProps: {
+      primary: {
+        noWrap: true,
+        title: item.title
+      }
+    }, sx: {
+      ml: 1.2,
+      flex: 1,
+      minWidth: 0,
+      "& .MuiTypography-root": {
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis"
+      }
+    } });
+    $[15] = collapsed;
+    $[16] = item.title;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  let t8;
+  if ($[18] !== chevronSx || $[19] !== item.children) {
+    t8 = item.children ? /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandMoreIcon, { sx: chevronSx }) : null;
+    $[18] = chevronSx;
+    $[19] = item.children;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  let t9;
+  if ($[21] !== t6 || $[22] !== t7 || $[23] !== t8) {
+    t9 = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      t6,
+      t7,
+      t8
+    ] });
+    $[21] = t6;
+    $[22] = t7;
+    $[23] = t8;
+    $[24] = t9;
+  } else {
+    t9 = $[24];
+  }
+  const buttonContent = t9;
+  let t10;
+  if ($[25] !== collapsed || $[26] !== item.children || $[27] !== item.title) {
+    t10 = item.children && collapsed ? {
+      onMouseEnter: (event) => {
+        setAnchorElement(event.currentTarget);
+        setHoveredPopoverItem(item.title);
+      },
+      onMouseLeave: () => {
+        setHoveredPopoverItem(null);
+      }
+    } : {};
+    $[25] = collapsed;
+    $[26] = item.children;
+    $[27] = item.title;
+    $[28] = t10;
+  } else {
+    t10 = $[28];
+  }
+  let t11;
+  if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = {
+      py: 0,
+      px: 1,
+      overflowX: "hidden"
+    };
+    $[29] = t11;
+  } else {
+    t11 = $[29];
+  }
+  let t12;
+  if ($[30] !== buttonContent || $[31] !== buttonProps || $[32] !== item || $[33] !== onClick || $[34] !== onClose || $[35] !== shouldJustExpand) {
+    t12 = shouldJustExpand ? /* @__PURE__ */ jsxRuntimeExports.jsx(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsxRuntimeExports.jsx(StyledRouterButton, { ...buttonProps, to: item.to, href: item.href, params: item.params, search: item.search, onClick: onClose, children: buttonContent });
+    $[30] = buttonContent;
+    $[31] = buttonProps;
+    $[32] = item;
+    $[33] = onClick;
+    $[34] = onClose;
+    $[35] = shouldJustExpand;
+    $[36] = t12;
+  } else {
+    t12 = $[36];
+  }
+  let t13;
+  if ($[37] !== anchorElement || $[38] !== collapsed || $[39] !== hoveredPopoverItem || $[40] !== item.children || $[41] !== item.title || $[42] !== renderNested) {
+    t13 = item.children && collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null;
+    $[37] = anchorElement;
+    $[38] = collapsed;
+    $[39] = hoveredPopoverItem;
+    $[40] = item.children;
+    $[41] = item.title;
+    $[42] = renderNested;
+    $[43] = t13;
+  } else {
+    t13 = $[43];
+  }
+  let t14;
+  if ($[44] !== t10 || $[45] !== t12 || $[46] !== t13) {
+    t14 = /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItem, { ...t10, sx: t11, children: [
+      t12,
+      t13
+    ] });
+    $[44] = t10;
+    $[45] = t12;
+    $[46] = t13;
+    $[47] = t14;
+  } else {
+    t14 = $[47];
+  }
+  const listItem = t14;
+  let t15;
+  if ($[48] !== collapsed || $[49] !== isOpen || $[50] !== item.children || $[51] !== renderNested) {
+    t15 = item.children && !collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null;
+    $[48] = collapsed;
+    $[49] = isOpen;
+    $[50] = item.children;
+    $[51] = renderNested;
+    $[52] = t15;
+  } else {
+    t15 = $[52];
+  }
+  let t16;
+  if ($[53] !== item.to || $[54] !== listItem || $[55] !== t15) {
+    t16 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+      listItem,
+      t15
+    ] }, item.to);
+    $[53] = item.to;
+    $[54] = listItem;
+    $[55] = t15;
+    $[56] = t16;
+  } else {
+    t16 = $[56];
+  }
+  return t16;
+};
+export {
+  NavigationListItem
+};
+//# sourceMappingURL=NavigationListItem.js.map

package/dist/components/core/navigation/NavigationListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationListItem.js","sources":["../../../../src/components/core/navigation/NavigationListItem.tsx"],"sourcesContent":["import ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport { Collapse } from \"@mui/material\";\nimport Avatar from \"@mui/material/Avatar\";\nimport Box from \"@mui/material/Box\";\nimport ListItem from \"@mui/material/ListItem\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Paper from \"@mui/material/Paper\";\nimport Popper from \"@mui/material/Popper\";\nimport { styled } from \"@mui/material/styles\";\nimport Typography from \"@mui/material/Typography\";\nimport { Fragment, useState } from \"react\";\nimport { MINI_WIDTH } from \"./NavigationRail\";\nimport type { NavigationItem, NavigationPageItem } from \"~/models/Navigation\";\nimport type { FC, ReactNode } from \"react\";\nimport type { SxProps, Theme } from \"@mui/material/styles\";\nimport { RouterListItemButton } from \"~/components/router/RouterListItemButton\";\n\nconst ICON_SIZE = 34;\n\nconst StyledNavButton = styled(ListItemButton)(({ theme }) => ({\n    borderRadius: 8,\n    \"&.Mui-selected\": {\n        \"& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root\": {\n            color: (theme.vars ?? theme).palette.primary.dark,\n        },\n        \"& .MuiAvatar-root\": {\n            backgroundColor: (theme.vars ?? theme).palette.primary.dark,\n        },\n        \"& .MuiTouchRipple-child\": {\n            backgroundColor: (theme.vars ?? theme).palette.primary.dark,\n        },\n    },\n    \"& .MuiSvgIcon-root\": {\n        color: (theme.vars ?? theme).palette.action.active,\n    },\n    \"& .MuiAvatar-root\": {\n        backgroundColor: (theme.vars ?? theme).palette.action.active,\n    },\n}));\n\nconst StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({\n    borderRadius: 8,\n    \"&.Mui-selected\": {\n        \"& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root\": {\n            color: (theme.vars ?? theme).palette.primary.dark,\n        },\n        \"& .MuiAvatar-root\": {\n            backgroundColor: (theme.vars ?? theme).palette.primary.dark,\n        },\n        \"& .MuiTouchRipple-child\": {\n            backgroundColor: (theme.vars ?? theme).palette.primary.dark,\n        },\n    },\n    \"& .MuiSvgIcon-root\": {\n        color: (theme.vars ?? theme).palette.action.active,\n    },\n    \"& .MuiAvatar-root\": {\n        backgroundColor: (theme.vars ?? theme).palette.action.active,\n    },\n}));\n\nconst IconOrAvatar: FC<{ item: NavigationPageItem; collapsed?: boolean }> = ({ item, collapsed }) => {\n    if (item.icon || collapsed) {\n        return (\n            <Box sx={collapsed ? { position: \"absolute\", left: \"50%\", top: \"calc(50% - 6px)\", transform: \"translate(-50%, -50%)\" } : {}}>\n                <ListItemIcon sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"center\", minWidth: ICON_SIZE }}>\n                    {item.icon ?? null}\n                    {!item.icon && collapsed ? (\n                        <Avatar sx={{ width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }}>{item.title}</Avatar>\n                    ) : null}\n                </ListItemIcon>\n                {collapsed ? (\n                    <Typography\n                        variant=\"caption\"\n                        sx={{\n                            position: \"absolute\",\n                            bottom: -18,\n                            left: \"50%\",\n                            transform: \"translateX(-50%)\",\n                            fontSize: 10,\n                            fontWeight: 500,\n                            textAlign: \"center\",\n                            whiteSpace: \"nowrap\",\n                            overflow: \"hidden\",\n                            textOverflow: \"ellipsis\",\n                            maxWidth: MINI_WIDTH - 28,\n                        }}\n                    >\n                        {item.title}\n                    </Typography>\n                ) : null}\n            </Box>\n        );\n    }\n    return null;\n};\n\ninterface MiniPopoverProps {\n    open: boolean;\n    anchorEl: HTMLElement | null;\n    children?: ReactNode;\n}\n\nconst MiniPopover: FC<MiniPopoverProps> = ({ open, anchorEl, children }) => (\n    <Popper\n        open={open}\n        anchorEl={anchorEl}\n        placement=\"right-start\"\n        modifiers={[\n            { name: \"offset\", options: { offset: [6, 0] } },\n            { name: \"preventOverflow\", options: { padding: 8 } },\n            { name: \"flip\", options: { fallbackPlacements: [\"right-end\", \"left-start\"] } },\n        ]}\n    >\n        <Paper\n            sx={{\n                pt: 0.5,\n                pb: 0.5,\n                maxHeight: \"min(calc(100vh - 100px), 560px)\",\n                overflowY: \"auto\",\n                overscrollBehavior: \"contain\",\n            }}\n        >\n            {children}\n        </Paper>\n    </Popper>\n);\n\ninterface NavigationListItemProps {\n    item: NavigationPageItem;\n    isOpen?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n    collapsed?: boolean;\n    isSidebarFullyExpanded?: boolean;\n    isSidebarFullyCollapsed?: boolean;\n    onClick?: (item: NavigationPageItem) => void;\n    renderNested?: (sub: Array<NavigationItem>) => ReactNode;\n    onClose?: () => void;\n}\n\nexport const NavigationListItem: FC<NavigationListItemProps> = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested, onClose }) => {\n    const [hoveredPopoverItem, setHoveredPopoverItem] = useState<string | null>(null);\n    const [anchorElement, setAnchorElement] = useState<HTMLElement | null>(null);\n\n    const chevronSx: SxProps<Theme> = () => {\n        if (collapsed && isSidebarFullyCollapsed && item.children) {\n            return {\n                fontSize: 18,\n                position: \"absolute\",\n                top: \"41.5%\",\n                right: \"2px\",\n                transform: \"translateY(-50%) rotate(-90deg)\",\n            };\n        }\n        if (!collapsed && isSidebarFullyExpanded && item.children) {\n            return {\n                ml: 0.5,\n                transform: `rotate(${isOpen ? 0 : -90}deg)`,\n            };\n        }\n        return { display: \"none\" };\n    };\n\n    const shouldJustExpand = item.children && !collapsed;\n\n    const buttonProps = {\n        selected,\n        disabled,\n        sx: { px: 1.4, height: collapsed ? 60 : 48 }\n    };\n\n    const buttonContent = (\n        <>\n            <IconOrAvatar item={item} collapsed={collapsed} />\n            {!collapsed && (\n                <ListItemText\n                    primary={item.title}\n                    slotProps={{ primary: { noWrap: true, title: item.title } }}\n                    sx={{ ml: 1.2, flex: 1, minWidth: 0, \"& .MuiTypography-root\": { whiteSpace: \"nowrap\", overflow: \"hidden\", textOverflow: \"ellipsis\" } }}\n                />\n            )}\n            {item.children ? <ExpandMoreIcon sx={chevronSx} /> : null}\n        </>\n    );\n\n    const listItem = (\n        <ListItem\n            {...(item.children && collapsed\n                ? {\n                    onMouseEnter: (event: React.MouseEvent<HTMLElement>) => {\n                        setAnchorElement(event.currentTarget);\n                        setHoveredPopoverItem(item.title);\n                    },\n                    onMouseLeave: () => {\n                        setHoveredPopoverItem(null);\n                    },\n                }\n                : {})}\n            sx={{ py: 0, px: 1, overflowX: \"hidden\" }}\n        >\n            {shouldJustExpand ? (\n                <StyledNavButton {...buttonProps} onClick={() => onClick?.(item)}>\n                    {buttonContent}\n                </StyledNavButton>\n            ) : (\n                <StyledRouterButton\n                    {...buttonProps}\n                    to={item.to}\n                    href={item.href}\n                    params={item.params as any}\n                    search={item.search as any}\n                    onClick={onClose}\n                >\n                    {buttonContent}\n                </StyledRouterButton>\n            )}\n\n            {item.children && collapsed ? (\n                <MiniPopover open={item.title === hoveredPopoverItem} anchorEl={anchorElement}>\n                    {renderNested?.(item.children)}\n                </MiniPopover>\n            ) : null}\n        </ListItem>\n    );\n\n    return (\n        <Fragment key={item.to}>\n            {listItem}\n            {item.children && !collapsed ? (\n                <Collapse in={isOpen} timeout=\"auto\" unmountOnExit>\n                    {renderNested?.(item.children)}\n                </Collapse>\n            ) : null}\n        </Fragment>\n    );\n};\n"],"names":["ICON_SIZE","StyledNavButton","styled","ListItemButton","theme","borderRadius","color","vars","palette","primary","dark","backgroundColor","action","active","StyledRouterButton","RouterListItemButton","IconOrAvatar","t0","$","_c","item","collapsed","icon","t1","position","left","top","transform","t2","Symbol","for","display","alignItems","justifyContent","minWidth","t3","t4","title","jsx","width","height","fontSize","t5","t6","bottom","fontWeight","textAlign","whiteSpace","overflow","textOverflow","maxWidth","MINI_WIDTH","t7","MiniPopover","open","anchorEl","children","name","options","offset","padding","fallbackPlacements","pt","pb","maxHeight","overflowY","overscrollBehavior","NavigationListItem","isOpen","selected","disabled","isSidebarFullyExpanded","isSidebarFullyCollapsed","onClick","renderNested","onClose","undefined","hoveredPopoverItem","setHoveredPopoverItem","useState","anchorElement","setAnchorElement","right","ml","chevronSx","shouldJustExpand","px","sx","buttonProps","noWrap","flex","t8","t9","jsxs","Fragment","buttonContent","t10","onMouseEnter","event","currentTarget","onMouseLeave","t11","py","overflowX","t12","to","href","params","search","t13","t14","listItem","t15","t16"],"mappings":"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"}

package/dist/components/core/navigation/NavigationRail.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { Navigation } from '../../../models/Navigation';
+export declare const MINI_WIDTH = 84;
+export declare const EXPANDED_WIDTH = 320;
+export declare const TOOLBAR_HEIGHT = 64;
+interface NavigationRailProps {
+    navigation: Navigation;
+    expanded: boolean;
+    setExpanded: (open: boolean) => void;
+}
+export declare const NavigationRail: FC<NavigationRailProps>;
+export {};

package/dist/components/core/navigation/NavigationRail.js

@@ -0,0 +1,141 @@
+import { j as jsxRuntimeExports } from "../../../_virtual/jsx-runtime.js";
+import { c as compilerRuntimeExports } from "../../../_virtual/compiler-runtime.js";
+import { useMediaQuery } from "@mui/material";
+import Box from "@mui/material/Box";
+import Drawer from "@mui/material/Drawer";
+import { useTheme } from "@mui/material/styles";
+import { useNavigate, useRouterState } from "@tanstack/react-router";
+import { NavigationList, isHeader } from "./NavigationList.js";
+const MINI_WIDTH = 84;
+const EXPANDED_WIDTH = 320;
+const TOOLBAR_HEIGHT = 64;
+const NavigationRail = (t0) => {
+  const $ = compilerRuntimeExports.c(29);
+  const {
+    navigation,
+    expanded,
+    setExpanded
+  } = t0;
+  const navigate = useNavigate();
+  const routerState = useRouterState();
+  const theme = useTheme();
+  let t1;
+  if ($[0] !== theme.breakpoints) {
+    t1 = theme.breakpoints.up("sm");
+    $[0] = theme.breakpoints;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const showPermanent = useMediaQuery(t1);
+  let t2;
+  if ($[2] !== expanded || $[3] !== navigate || $[4] !== navigation || $[5] !== routerState.location.pathname || $[6] !== setExpanded || $[7] !== showPermanent) {
+    t2 = (collapsed) => /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { component: "nav", sx: {
+      height: "100%",
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      overflow: "auto",
+      scrollbarGutter: collapsed ? "stable" : "auto",
+      overflowX: "hidden",
+      pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
+    }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavigationList, { subNavigation: navigation, collapsed, isSidebarFullyExpanded: expanded, isSidebarFullyCollapsed: !expanded, expandedWidth: EXPANDED_WIDTH, activePath: routerState.location.pathname, onNavigate: navigate, onClose: !showPermanent ? () => setExpanded(false) : void 0 }) });
+    $[2] = expanded;
+    $[3] = navigate;
+    $[4] = navigation;
+    $[5] = routerState.location.pathname;
+    $[6] = setExpanded;
+    $[7] = showPermanent;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const drawerContent = t2;
+  if (showPermanent) {
+    const t32 = expanded ? EXPANDED_WIDTH : MINI_WIDTH;
+    const t42 = expanded ? EXPANDED_WIDTH : MINI_WIDTH;
+    let t52;
+    if ($[9] !== t42) {
+      t52 = {
+        position: "absolute",
+        top: `${TOOLBAR_HEIGHT}px`,
+        height: `calc(100% - ${TOOLBAR_HEIGHT}px)`,
+        width: t42,
+        borderTop: "1px solid",
+        borderColor: "var(--mui-palette-divider)"
+      };
+      $[9] = t42;
+      $[10] = t52;
+    } else {
+      t52 = $[10];
+    }
+    let t62;
+    if ($[11] !== t32 || $[12] !== t52) {
+      t62 = {
+        width: t32,
+        "& .MuiDrawer-paper": t52
+      };
+      $[11] = t32;
+      $[12] = t52;
+      $[13] = t62;
+    } else {
+      t62 = $[13];
+    }
+    const t7 = !expanded;
+    let t8;
+    if ($[14] !== drawerContent || $[15] !== t7) {
+      t8 = drawerContent(t7);
+      $[14] = drawerContent;
+      $[15] = t7;
+      $[16] = t8;
+    } else {
+      t8 = $[16];
+    }
+    let t9;
+    if ($[17] !== t62 || $[18] !== t8) {
+      t9 = /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer, { variant: "permanent", sx: t62, children: t8 });
+      $[17] = t62;
+      $[18] = t8;
+      $[19] = t9;
+    } else {
+      t9 = $[19];
+    }
+    return t9;
+  }
+  let t3;
+  if ($[20] !== setExpanded) {
+    t3 = () => setExpanded(false);
+    $[20] = setExpanded;
+    $[21] = t3;
+  } else {
+    t3 = $[21];
+  }
+  const t4 = !expanded;
+  let t5;
+  if ($[22] !== drawerContent || $[23] !== t4) {
+    t5 = drawerContent(t4);
+    $[22] = drawerContent;
+    $[23] = t4;
+    $[24] = t5;
+  } else {
+    t5 = $[24];
+  }
+  let t6;
+  if ($[25] !== expanded || $[26] !== t3 || $[27] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer, { open: expanded, onClose: t3, children: t5 });
+    $[25] = expanded;
+    $[26] = t3;
+    $[27] = t5;
+    $[28] = t6;
+  } else {
+    t6 = $[28];
+  }
+  return t6;
+};
+export {
+  EXPANDED_WIDTH,
+  MINI_WIDTH,
+  NavigationRail,
+  TOOLBAR_HEIGHT
+};
+//# sourceMappingURL=NavigationRail.js.map

package/dist/components/core/navigation/NavigationRail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationRail.js","sources":["../../../../src/components/core/navigation/NavigationRail.tsx"],"sourcesContent":["import { useMediaQuery } from \"@mui/material\";\nimport Box from \"@mui/material/Box\";\nimport Drawer from \"@mui/material/Drawer\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { useNavigate, useRouterState } from \"@tanstack/react-router\";\nimport { NavigationList, isHeader } from \"./NavigationList\";\nimport type { FC } from \"react\";\nimport type { Navigation } from \"~/models/Navigation\";\n\nexport const MINI_WIDTH = 84;\nexport const EXPANDED_WIDTH = 320;\nexport const TOOLBAR_HEIGHT = 64;\n\ninterface NavigationRailProps {\n    navigation: Navigation;\n    expanded: boolean;\n    setExpanded: (open: boolean) => void;\n}\n\nexport const NavigationRail: FC<NavigationRailProps> = ({ navigation, expanded, setExpanded }) => {\n    const navigate = useNavigate();\n    const routerState = useRouterState();\n    const theme = useTheme();\n    const showPermanent = useMediaQuery(theme.breakpoints.up(\"sm\"));\n\n    const drawerContent = (collapsed: boolean) => (\n        <Box\n            component=\"nav\"\n            sx={{\n                height: \"100%\",\n                display: \"flex\",\n                flexDirection: \"column\",\n                justifyContent: \"space-between\",\n                overflow: \"auto\",\n                scrollbarGutter: collapsed ? \"stable\" : \"auto\",\n                overflowX: \"hidden\",\n                pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2,\n            }}\n        >\n            <NavigationList\n                subNavigation={navigation}\n                collapsed={collapsed}\n                isSidebarFullyExpanded={expanded}\n                isSidebarFullyCollapsed={!expanded}\n                expandedWidth={EXPANDED_WIDTH}\n                activePath={routerState.location.pathname}\n                onNavigate={navigate}\n                onClose={!showPermanent ? () => setExpanded(false) : undefined}\n            />\n        </Box>\n    );\n\n    if (showPermanent)\n        return (\n            <Drawer\n                variant=\"permanent\"\n                sx={{\n                    width: expanded ? EXPANDED_WIDTH : MINI_WIDTH,\n                    [\"& .MuiDrawer-paper\"]: {\n                        position: \"absolute\",\n                        top: `${TOOLBAR_HEIGHT}px`,\n                        height: `calc(100% - ${TOOLBAR_HEIGHT}px)`,\n                        width: expanded ? EXPANDED_WIDTH : MINI_WIDTH,\n                        borderTop: \"1px solid\",\n                        borderColor: \"var(--mui-palette-divider)\",\n                    },\n                }}\n            >\n                {drawerContent(!expanded)}\n            </Drawer>\n        );\n\n    return (\n        <Drawer open={expanded} onClose={() => setExpanded(false)}>\n            {drawerContent(!expanded)}\n        </Drawer>\n    );\n};\n"],"names":["MINI_WIDTH","EXPANDED_WIDTH","TOOLBAR_HEIGHT","NavigationRail","t0","$","_c","navigation","expanded","setExpanded","navigate","useNavigate","routerState","useRouterState","theme","useTheme","t1","breakpoints","up","showPermanent","useMediaQuery","t2","location","pathname","collapsed","jsx","height","display","flexDirection","justifyContent","overflow","scrollbarGutter","overflowX","pt","isHeader","undefined","drawerContent","t3","t4","t5","position","top","width","borderTop","borderColor","t6","t7","t8","t9"],"mappings":"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"}