@patternfly/documentation-framework 6.46.0 → 6.47.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 6.47.0 (2026-07-01)
+
+
+### Features
+
+* **ver:** update to new versions ([#5048](https://github.com/patternfly/patternfly-org/issues/5048)) ([19a1327](https://github.com/patternfly/patternfly-org/commit/19a1327f3cc77c59760cf7788bd459cf6ee5b540))
+
+
+
+
+
+## 6.46.1 (2026-06-29)
+
+
+### Bug Fixes
+
+* **docs-framework:** fixes isStickyStuck rendering bugs ([#5044](https://github.com/patternfly/patternfly-org/issues/5044)) ([7d1d14d](https://github.com/patternfly/patternfly-org/commit/7d1d14d5dc205a1719d804f9480a84b58b8fba26))
+
+
+
+
+
 # 6.46.0 (2026-06-26)
 
 

package/hooks/useIsStuck.js

@@ -1,25 +1,34 @@
-import { useState, useLayoutEffect } from 'react';
+import { useState, useLayoutEffect, useRef } from 'react';
 
 export const useIsStuck = (stickyElementId) => {
   const [isStuck, setIsStuck] = useState(false);
+  const prevIsStuck = useRef(false);
 
   useLayoutEffect(() => {
     const scrollElement = document.getElementById('ws-page-main');
     const stickyElement = document.getElementById(stickyElementId);
 
     if (!scrollElement || !stickyElement) {
-      setIsStuck(false);
+      if (prevIsStuck.current !== false) {
+        setIsStuck(false);
+        prevIsStuck.current = false;
+      }
       return;
     }
 
     const syncFromScroll = () => {
-      setIsStuck(scrollElement.scrollTop > stickyElement.getBoundingClientRect().top);
+      const newIsStuck = scrollElement.scrollTop >= stickyElement.offsetTop;
+      // Only update state if the value actually changed
+      if (prevIsStuck.current !== newIsStuck) {
+        setIsStuck(newIsStuck);
+        prevIsStuck.current = newIsStuck;
+      }
     };
 
     syncFromScroll();
     scrollElement.addEventListener('scroll', syncFromScroll, { passive: true });
     return () => scrollElement.removeEventListener('scroll', syncFromScroll);
-  }, []);
+  }, [stickyElementId]);
 
   return isStuck;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "6.46.0",
+  "version": "6.47.0",
   "author": "Red Hat",
   "license": "MIT",
   "bin": {
@@ -68,11 +68,11 @@
     "webpack-merge": "5.10.0"
   },
   "peerDependencies": {
-    "@patternfly/patternfly": "^6.6.0-prerelease.16",
-    "@patternfly/react-code-editor": "^6.6.0-prerelease.10",
-    "@patternfly/react-core": "^6.6.0-prerelease.9",
-    "@patternfly/react-icons": "^6.6.0-prerelease.4",
-    "@patternfly/react-table": "^6.6.0-prerelease.9",
+    "@patternfly/patternfly": "^6.6.0",
+    "@patternfly/react-code-editor": "^6.6.0",
+    "@patternfly/react-core": "^6.6.0",
+    "@patternfly/react-icons": "^6.6.0",
+    "@patternfly/react-table": "^6.6.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
@@ -92,5 +92,5 @@
     "http-cache-semantics": ">=4.1.1",
     "nanoid": "3.3.8"
   },
-  "gitHead": "7e4dbe84f96751e20109b057c5f04f58c5bb337c"
+  "gitHead": "1a5796f08e299c8a2fe80287ced0e181c227597f"
 }

package/templates/mdx.js

@@ -25,6 +25,31 @@ import { convertToReactComponent } from '@patternfly/ast-helpers';
 import { FunctionsTable } from '../components/functionsTable/functionsTable';
 import { useIsStuck } from '../hooks/useIsStuck';
 
+const StickyTabs = React.memo(({ sourceKeys, tabNames, activeSource, path }) => {
+  const isStickyStuck = useIsStuck('ws-sticky-nav-tabs');
+
+  return (
+    <PageSection id="ws-sticky-nav-tabs" stickyBase="top" isStickyStuck={isStickyStuck} type="tabs">
+      <div className="pf-v6-c-tabs pf-m-page-insets">
+        <ul className="pf-v6-c-tabs__list">
+          {sourceKeys.map((source, index) => (
+            <li
+              key={source}
+              className={css('pf-v6-c-tabs__item', activeSource === source && 'pf-m-current')}
+              onClick={() => trackEvent('tab_click', 'click_event', source.toUpperCase())}
+            >
+              <Link className="pf-v6-c-tabs__link" to={`${path}${index === 0 ? '' : '/' + source}`}>
+                {tabNames[source]}
+              </Link>
+            </li>
+          ))}
+        </ul>
+      </div>
+    </PageSection>
+  );
+});
+StickyTabs.displayName = 'StickyTabs';
+
 const MDXChildTemplate = ({ Component, source, toc = [], index = 0, id }) => {
   const {
     propComponents = [],
@@ -168,7 +193,6 @@ const MDXChildTemplate = ({ Component, source, toc = [], index = 0, id }) => {
 };
 
 export const MDXTemplate = ({ title, sources = [], path, id, componentsData }) => {
-  const isStickyStuck = useIsStuck('ws-sticky-nav-tabs');
 
   const hasFeedbackButton = process.env.hasFeedbackButton;
   const isDeprecated =
@@ -310,24 +334,7 @@ export const MDXTemplate = ({ title, sources = [], path, id, componentsData }) =
           </Content>
         </PageSection>
         {showTabs && (
-          <PageSection id="ws-sticky-nav-tabs" stickyBase="top" isStickyStuck={isStickyStuck} type="tabs">
-            <div className="pf-v6-c-tabs pf-m-page-insets">
-              <ul className="pf-v6-c-tabs__list">
-                {sourceKeys.map((source, index) => (
-                  <li
-                    key={source}
-                    className={css('pf-v6-c-tabs__item', activeSource === source && 'pf-m-current')}
-                    // Send clicked tab name for analytics
-                    onClick={() => trackEvent('tab_click', 'click_event', source.toUpperCase())}
-                  >
-                    <Link className="pf-v6-c-tabs__link" to={`${path}${index === 0 ? '' : '/' + source}`}>
-                      {tabNames[source]}
-                    </Link>
-                  </li>
-                ))}
-              </ul>
-            </div>
-          </PageSection>
+          <StickyTabs sourceKeys={sourceKeys} tabNames={tabNames} activeSource={activeSource} path={path} />
         )}
         <PageSection id="main-content" isFilled className="pf-m-light-100">
           {isSinglePage && <MDXChildTemplate {...sources[0]} id={id} />}

package/versions.json

@@ -1,9 +1,36 @@
 {
   "Releases": [
+    {
+      "name": "6.6.0",
+      "date": "2026-07-01",
+      "latest": true,
+      "versions": {
+        "@patternfly/chatbot": "6.7.0-prerelease.4",
+        "@patternfly/patternfly": "6.6.0",
+        "@patternfly/quickstarts": "6.6.0",
+        "@patternfly/react-catalog-view-extension": "6.4.0",
+        "@patternfly/react-charts": "8.6.0",
+        "@patternfly/react-code-editor": "6.6.0",
+        "@patternfly/react-component-groups": "6.5.0",
+        "@patternfly/react-console": "6.3.0",
+        "@patternfly/react-core": "6.6.0",
+        "@patternfly/react-data-view": "6.5.0",
+        "@patternfly/react-drag-drop": "6.6.0",
+        "@patternfly/react-icons": "6.6.0",
+        "@patternfly/react-log-viewer": "6.5.0",
+        "@patternfly/react-styles": "6.6.0",
+        "@patternfly/react-table": "6.6.0",
+        "@patternfly/react-templates": "6.6.0",
+        "@patternfly/react-tokens": "6.6.0",
+        "@patternfly/react-topology": "6.6.0",
+        "@patternfly/react-user-feedback": "6.4.0",
+        "@patternfly/react-virtualized-extension": "6.2.0"
+      }
+    },
     {
       "name": "6.6.0-prerelease.9",
       "date": "2026-06-26",
-      "latest": true,
+      "hidden": true,
       "versions": {
         "@patternfly/chatbot": "6.7.0-prerelease.4",
         "@patternfly/patternfly": "6.6.0-prerelease.16",