wcz-test 4.6.1 → 4.6.3

package/dist/index.js

@@ -1042,7 +1042,7 @@ var TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...p
 import { Box, Stack as Stack2, Typography as Typography2 } from "@mui/material";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var PageHeader = ({ title, action, sx }) => {
-  return /* @__PURE__ */ jsxs2(Stack2, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { ...sx }, children: [
+  return /* @__PURE__ */ jsxs2(Stack2, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { py: 2, ...sx }, children: [
     /* @__PURE__ */ jsx2(Typography2, { variant: "h4", fontWeight: 600, children: title }),
     action && /* @__PURE__ */ jsx2(Box, { children: action })
   ] });
@@ -2813,7 +2813,7 @@ var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx23(
     )
   }
 );
-var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested }) => {
+var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested, onClose }) => {
   const [hoveredPopoverItem, setHoveredPopoverItem] = useState7(null);
   const [anchorElement, setAnchorElement] = useState7(null);
   const chevronSx = useMemo4(() => {
@@ -2874,6 +2874,7 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
             href: item.href,
             params: item.params,
             search: item.search,
+            onClick: onClose,
             children: buttonContent
           }
         ),
@@ -2892,7 +2893,7 @@ import { jsx as jsx24 } from "react/jsx-runtime";
 var isPageItem = (item) => !("kind" in item);
 var isDivider = (item) => "kind" in item && item.kind === "divider";
 var isHeader = (item) => "kind" in item && item.kind === "header";
-var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, expandedWidth, renderItem, activePath, onNavigate }) => {
+var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, expandedWidth, renderItem, activePath, onNavigate, onClose }) => {
   const [openKeys, setOpenKeys] = useState8([]);
   useEffect5(() => {
     if (collapsed) setOpenKeys([]);
@@ -2906,7 +2907,8 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
       isPopover: collapsed,
       expandedWidth,
       activePath,
-      onNavigate
+      onNavigate,
+      onClose
     }
   );
   const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
@@ -2962,7 +2964,8 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
             isSidebarFullyExpanded,
             isSidebarFullyCollapsed,
             onClick: navItem.children && !collapsed ? () => toggleKey(uniqueItemKey) : void 0,
-            renderNested
+            renderNested,
+            onClose
           },
           key
         );
@@ -2975,7 +2978,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
 import { jsx as jsx25 } from "react/jsx-runtime";
 var MINI_WIDTH = 84;
 var EXPANDED_WIDTH = 320;
-var TOOLBAR_HEIGHT = 65;
+var TOOLBAR_HEIGHT = 64;
 var NavigationRail = ({ navigation, expanded, setExpanded }) => {
   const navigate = useNavigate();
   const routerState = useRouterState2();
@@ -3004,7 +3007,8 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
           isSidebarFullyCollapsed: !expanded,
           expandedWidth: EXPANDED_WIDTH,
           activePath: routerState.location.pathname,
-          onNavigate: navigate
+          onNavigate: navigate,
+          onClose: !showPermanent ? () => setExpanded(false) : void 0
         }
       )
     }
@@ -3020,7 +3024,9 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
             position: "absolute",
             top: `${TOOLBAR_HEIGHT}px`,
             height: `calc(100% - ${TOOLBAR_HEIGHT}px)`,
-            width: expanded ? EXPANDED_WIDTH : MINI_WIDTH
+            width: expanded ? EXPANDED_WIDTH : MINI_WIDTH,
+            borderTop: "1px solid",
+            borderColor: theme.vars?.palette.divider
           }
         },
         children: drawerContent(!expanded)