@patternfly/documentation-framework 6.31.9 → 6.31.11

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.31.11 (2025-11-20)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+## 6.31.10 (2025-11-18)
+
+
+### Bug Fixes
+
+* Resolves broken links. ([#4869](https://github.com/patternfly/patternfly-org/issues/4869)) ([4a86755](https://github.com/patternfly/patternfly-org/commit/4a867550498b03efd7f62ca1b9e59f9237ae93f9))
+
+
+
+
+
 ## 6.31.9 (2025-11-18)
 
 **Note:** Version bump only for package @patternfly/documentation-framework

package/components/sectionGallery/sectionGalleryWrapper.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { useLocation } from '@reach/router';
 import { groupedRoutes } from '../../routes';
 
 export const SectionGalleryWrapper = ({
@@ -13,8 +14,16 @@ export const SectionGalleryWrapper = ({
   children,
 }) => {
   let sectionRoutes = subsection
-    ? groupedRoutes[section][subsection]
+    ? groupedRoutes[section]?.[subsection]
     : groupedRoutes[section];
+  // Safety check: if sectionRoutes is undefined/null, return empty array to prevent errors
+  if (!sectionRoutes) {
+    return (
+      <div className={`ws-section-gallery${isFullWidth ? ' ws-section-gallery-full-width' : ''}`}>
+        {children([], '', () => {}, initialLayout, () => {})}
+      </div>
+    );
+  }
   if (!includeSubsections || parseSubsections) {
     const sectionRoutesArr = Object.entries(sectionRoutes);
     // loop through galleryItems object and build new object to handle subsections
@@ -40,6 +49,7 @@ export const SectionGalleryWrapper = ({
     }, {});
   }
 
+  const location = useLocation();
   const [searchTerm, setSearchTerm] = React.useState('');
   const [layoutView, setLayoutView] = React.useState(initialLayout);
   const filteredItems = Object.entries(sectionRoutes).filter(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "6.31.9",
+  "version": "6.31.11",
   "author": "Red Hat",
   "license": "MIT",
   "bin": {
@@ -12,7 +12,7 @@
     "@babel/preset-env": "7.27.1",
     "@babel/preset-react": "^7.24.1",
     "@mdx-js/util": "1.6.16",
-    "@patternfly/ast-helpers": "^1.4.0-alpha.318",
+    "@patternfly/ast-helpers": "^1.4.0-alpha.320",
     "@reach/router": "npm:@gatsbyjs/reach-router@1.3.9",
     "autoprefixer": "10.4.19",
     "babel-loader": "^9.1.3",
@@ -89,5 +89,5 @@
     "http-cache-semantics": ">=4.1.1",
     "nanoid": "3.3.8"
   },
-  "gitHead": "81a46f13d79dd603b8e621e12137befe985a408e"
+  "gitHead": "dd795161341deb5f3f19001937c9bef425a61d5a"
 }

package/pages/404/index.js

@@ -73,31 +73,31 @@ const Page404 = () => {
         <Card404
           img={PatternFlyIcon}
           alt="PatternFly icon"
-          title="Getting started"
-          body="Learn about designing and developing with PatternFly."
+          title="About us"
+          body="Learn about the PatternFly design system."
           link={{
-            text: 'View getting started resources',
+            text: 'Learn about PatternFly',
             to: '/about-us',
           }}
         />
         <Card404
           img={GuidelinesIcon}
           alt="Guidelines icon"
-          title="Guidelines"
-          body="Check out PatternFly's design approach to icons, colors, and more."
+          title="Foundations and styles"
+          body="Check out our approach to foundational elements and styles, like icons, colors, and more."
           link={{
-            text: 'View guidelines',
-            to: '/design-foundations/colors',
+            text: 'View foundations and styles',
+            to: '/foundations-and-styles/overview',
           }}
         />
         <Card404
           img={ComponentsIcon}
           alt="Components icon"
           title="Components"
-          body="Start creating your applications with components -- the building blocks of user interfaces."
+          body="Start creating your applications with components, our UI building blocks."
           link={{
-            text: 'View components',
-            to: '/components/about-modal',
+            text: 'View all components',
+            to: '/components/all-components',
           }}
         />
         <Card404
@@ -107,7 +107,7 @@ const Page404 = () => {
           body="Visualize your facts and figures by designing the right charts for your data."
           link={{
             text: 'View charts',
-            to: '/charts/about-charts',
+            to: '/components/charts/overview',
           }}
         />
       </Grid>

package/routes.js

@@ -154,7 +154,7 @@ function getAsyncComponent(url) {
   if (allRoutes[url]) {
     res = allRoutes[url].Component;
   }
-  else if (routes[url]) {
+  else if (routes[url] && routes[url].sources && routes[url].sources.length > 0) {
     res = routes[url].sources[0].Component;
   }
 

package/templates/mdx.js

@@ -96,7 +96,7 @@ const MDXChildTemplate = ({ Component, source, toc = [], index = 0, id }) => {
             </React.Fragment>
           )}{' '}
           To learn more about deprecated components, visit{' '}
-          <Link to="/get-started/about-patternfly#deprecated-components">about PatternFly.</Link>
+          <Link to="/about-us#deprecated-components">about PatternFly.</Link>
         </InlineAlert>
       )}
       {(template || source === 'react-template') && (