@patternfly/documentation-framework 6.49.3 → 6.49.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.49.4 (2026-07-27)
+
+
+### Bug Fixes
+
+* **nav:** close sidebar on mobile breakpoint ([#5087](https://github.com/patternfly/patternfly-org/issues/5087)) ([75b6042](https://github.com/patternfly/patternfly-org/commit/75b6042db3183f752f64b83a52ab1818d70c261d))
+
+
+
+
+
 ## 6.49.3 (2026-07-27)
 
 

package/components/sideNav/sideNav.js

@@ -20,7 +20,6 @@ const DIVIDER_STYLES = {
   marginBottom: 'var(--pf-t--global--spacer--xs)'
 };
 import { makeSlug } from '../../helpers';
-import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_xl';
 import { trackEvent } from '../../helpers';
 
 const getIsActive = (location, section, subsection = null) => {
@@ -31,14 +30,13 @@ const getIsActive = (location, section, subsection = null) => {
 const defaultValue = 50;
 
 const NavItem = ({ text, href, isDeprecated, isBeta, isDemo }) => {
-  const isMobileView = window.innerWidth < Number.parseInt(globalBreakpointXl.value, 10);
   return (
     <PageContextConsumer key={href + text}>
-      {({ onSidebarToggle, isSidebarOpen }) => (
+      {({ onSidebarToggle, isSidebarOpen, isMobile }) => (
         <li
           key={href + text}
           className="pf-v6-c-nav__item"
-          onClick={() => isMobileView && onSidebarToggle && onSidebarToggle()}
+          onClick={() => isMobile && onSidebarToggle && onSidebarToggle()}
         >
           <Link
             to={href}
@@ -170,24 +168,27 @@ export const SideNav = ({ groupedRoutes = {}, navItems = [] }) => {
     }
   }, []);
 
-  const groupedItems = React.useMemo(() => 
-    (navItems || []).filter(entry => entry && entry.title), [navItems]);
-  const ungroupedItems = React.useMemo(() => 
-    (navItems || []).filter(entry => entry && !entry.title), [navItems]);
+  const groupedItems = React.useMemo(() => (navItems || []).filter((entry) => entry && entry.title), [navItems]);
+  const ungroupedItems = React.useMemo(() => (navItems || []).filter((entry) => entry && !entry.title), [navItems]);
 
-  const renderNavItem = React.useCallback((item) => {
-    if (!item) return null;
-    
-    return item.section ? (
-      <Location key={item.section}>
-        {({ location }) => ExpandableNav({ groupedRoutes, location, section: item.section })}
-      </Location>
-    ) : NavItem({
-      key: item.href || `nav-item-${Math.random()}`,
-      text: item.text || (item.href ? capitalize(item.href.replace(/\//g, '').replace(/-/g, ' ')) : 'Untitled'),
-      href: item.href
-    });
-  }, [groupedRoutes]);
+  const renderNavItem = React.useCallback(
+    (item) => {
+      if (!item) return null;
+
+      return item.section ? (
+        <Location key={item.section}>
+          {({ location }) => ExpandableNav({ groupedRoutes, location, section: item.section })}
+        </Location>
+      ) : (
+        NavItem({
+          key: item.href || `nav-item-${Math.random()}`,
+          text: item.text || (item.href ? capitalize(item.href.replace(/\//g, '').replace(/-/g, ' ')) : 'Untitled'),
+          href: item.href
+        })
+      );
+    },
+    [groupedRoutes]
+  );
 
   return (
     <Nav aria-label="Side Nav" theme="light">
@@ -202,13 +203,9 @@ export const SideNav = ({ groupedRoutes = {}, navItems = [] }) => {
           {group.hasDivider && <Divider style={DIVIDER_STYLES} />}
         </React.Fragment>
       ))}
-      
+
       {/* Render ungrouped items - this handles the current flat structure */}
-      {ungroupedItems.length > 0 && (
-        <NavList className="ws-side-nav-list">
-          {ungroupedItems.map(renderNavItem)}
-        </NavList>
-      )}
+      {ungroupedItems.length > 0 && <NavList className="ws-side-nav-list">{ungroupedItems.map(renderNavItem)}</NavList>}
     </Nav>
   );
-};
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "6.49.3",
+  "version": "6.49.4",
   "author": "Red Hat",
   "license": "MIT",
   "bin": {
@@ -92,5 +92,5 @@
     "http-cache-semantics": ">=4.1.1",
     "nanoid": "3.3.8"
   },
-  "gitHead": "2873cec22ee4be4da3754462b3e95f11bfb76f76"
+  "gitHead": "957756128e8ddfc4be5db49e72312a2c43b9d220"
 }