@gofreego/tsutils 0.1.19 → 0.1.20

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { createTheme, ThemeProvider as ThemeProvider$1, CssBaseline, IconButton, Tooltip, Box, Typography, Button, CircularProgress, Snackbar, Alert, Dialog, DialogTitle, DialogContent, DialogActions, Drawer, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Collapse } from '@mui/material';
 import { SentimentDissatisfied, BrightnessAuto, DarkMode, LightMode, ExpandLess, ExpandMore } from '@mui/icons-material';
-import { useNavigate, useSearchParams, BrowserRouter, useLocation, Routes, Route, Outlet, NavLink } from 'react-router-dom';
+import { useNavigate, useSearchParams, Link, BrowserRouter, useLocation, Routes, Route, Outlet, NavLink } from 'react-router-dom';
 import { createContext, useState, useMemo, useEffect, useCallback, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import ReactMarkdown from 'react-markdown';
@@ -12,6 +12,7 @@ import ContentCopyIcon from '@mui/icons-material/ContentCopy';
 import CheckIcon from '@mui/icons-material/Check';
 import { createHighlighter } from 'shiki';
 import WarningAmberIcon from '@mui/icons-material/WarningAmber';
+import HomeIcon from '@mui/icons-material/Home';
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -802,6 +803,8 @@ var flattenMenuRoutes = (items) => {
 var SidebarLayoutRouterInner = ({
   menuItems,
   sidebarWidth = 250,
+  header,
+  footer,
   className = "",
   onMenuChange,
   style,
@@ -857,7 +860,7 @@ var SidebarLayoutRouterInner = ({
         ...style
       },
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs(
           Drawer,
           {
             variant: "permanent",
@@ -870,18 +873,24 @@ var SidebarLayoutRouterInner = ({
                 position: "relative",
                 borderRight: "1px solid",
                 borderColor: "divider",
+                display: "flex",
+                flexDirection: "column",
                 ...sidebarStyle
               }
             },
-            children: /* @__PURE__ */ jsx(List, { sx: { p: 0 }, children: menuItems.filter((item) => item.label).map((item) => /* @__PURE__ */ jsx(
-              RouterMenuItem,
-              {
-                item,
-                expanded,
-                onToggle: handleToggle
-              },
-              item.id
-            )) })
+            children: [
+              header && /* @__PURE__ */ jsx(Box, { className: "sidebar-header", children: header }),
+              /* @__PURE__ */ jsx(List, { sx: { p: 0, flexGrow: 1, overflowY: "auto" }, children: menuItems.filter((item) => item.label).map((item) => /* @__PURE__ */ jsx(
+                RouterMenuItem,
+                {
+                  item,
+                  expanded,
+                  onToggle: handleToggle
+                },
+                item.id
+              )) }),
+              footer && /* @__PURE__ */ jsx(Box, { className: "sidebar-footer", children: footer })
+            ]
           }
         ),
         /* @__PURE__ */ jsx(
@@ -985,6 +994,8 @@ var StateMenuItem = ({ item, selectedId, depth = 0, expanded, onToggle, onClick
 var SidebarLayoutWithState = ({
   menuItems,
   sidebarWidth = 250,
+  header,
+  footer,
   className = "",
   defaultSelected,
   onMenuChange,
@@ -1036,7 +1047,7 @@ var SidebarLayoutWithState = ({
         ...style
       },
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs(
           Drawer,
           {
             variant: "permanent",
@@ -1049,20 +1060,26 @@ var SidebarLayoutWithState = ({
                 position: "relative",
                 borderRight: "1px solid",
                 borderColor: "divider",
+                display: "flex",
+                flexDirection: "column",
                 ...sidebarStyle
               }
             },
-            children: /* @__PURE__ */ jsx(List, { sx: { p: 0 }, children: menuItems.filter((item) => item.label).map((item) => /* @__PURE__ */ jsx(
-              StateMenuItem,
-              {
-                item,
-                selectedId,
-                expanded,
-                onToggle: handleToggle,
-                onClick: handleMenuClick
-              },
-              item.id
-            )) })
+            children: [
+              header && /* @__PURE__ */ jsx(Box, { className: "sidebar-header", children: header }),
+              /* @__PURE__ */ jsx(List, { sx: { p: 0, flexGrow: 1, overflowY: "auto" }, children: menuItems.filter((item) => item.label).map((item) => /* @__PURE__ */ jsx(
+                StateMenuItem,
+                {
+                  item,
+                  selectedId,
+                  expanded,
+                  onToggle: handleToggle,
+                  onClick: handleMenuClick
+                },
+                item.id
+              )) }),
+              footer && /* @__PURE__ */ jsx(Box, { className: "sidebar-footer", children: footer })
+            ]
           }
         ),
         /* @__PURE__ */ jsx(
@@ -1320,6 +1337,16 @@ var ConfirmDialog = ({
     ] })
   ] });
 };
+var SidebarHeader = ({
+  title,
+  homePath = "/",
+  showHome = true
+}) => {
+  return /* @__PURE__ */ jsxs(Box, { sx: { padding: "16px", display: "flex", alignItems: "center", borderBottom: "1px solid rgba(255, 255, 255, 0.12)", gap: "8px" }, children: [
+    showHome && /* @__PURE__ */ jsx(IconButton, { component: Link, to: homePath, size: "small", sx: { color: "text.primary", ml: -1 }, children: /* @__PURE__ */ jsx(HomeIcon, {}) }),
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { fontWeight: "bold", color: "primary.main" }, children: title })
+  ] });
+};
 
 // src/utils/cn.ts
 function cn(...classes) {
@@ -1516,6 +1543,6 @@ var AuthService = class _AuthService {
   }
 };
 
-export { AuthService, ConfirmDialog, HttpClient, LocalStorage, LoginCallbackPage, NotFoundPage, NotificationProvider, ProtectedRoute, ReadmeViewer_default as ReadmeViewer, SessionManager, SidebarLayout, ThemeProvider, ThemeToggle, borderRadius, cn, darkTheme, debounce, elevation, extractErrorMessage, fontSize, fontWeight, formatDate, getHighlighter, lightTheme, lineHeight, spacing, throttle, tokens_exports as tokens, transition, useNotification, useTheme, zIndex };
+export { AuthService, ConfirmDialog, HttpClient, LocalStorage, LoginCallbackPage, NotFoundPage, NotificationProvider, ProtectedRoute, ReadmeViewer_default as ReadmeViewer, SessionManager, SidebarHeader, SidebarLayout, ThemeProvider, ThemeToggle, borderRadius, cn, darkTheme, debounce, elevation, extractErrorMessage, fontSize, fontWeight, formatDate, getHighlighter, lightTheme, lineHeight, spacing, throttle, tokens_exports as tokens, transition, useNotification, useTheme, zIndex };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map