@patternfly/documentation-framework 6.0.0-alpha.123 → 6.0.0-alpha.125

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.0.0-alpha.125 (2024-10-28)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.124 (2024-10-28)
+
+
+### Features
+
+* **site:** update version switcher for v5 ([#4312](https://github.com/patternfly/patternfly-org/issues/4312)) ([84b72dd](https://github.com/patternfly/patternfly-org/commit/84b72dde9debe46b56973e2bdfcbba02afa13de7))
+
+
+
+
+
 # 6.0.0-alpha.123 (2024-10-25)
 
 **Note:** Version bump only for package @patternfly/documentation-framework

package/layouts/sideNavLayout/sideNavLayout.js

@@ -9,7 +9,6 @@ import {
   DropdownGroup,
   DropdownList,
   Divider,
-  Icon,
   Masthead,
   MastheadToggle,
   MastheadMain,
@@ -26,7 +25,7 @@ import {
   SearchInput,
   ToggleGroup,
   ToggleGroupItem,
-  MastheadLogo,
+  MastheadLogo
 } from '@patternfly/react-core';
 import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
 import GithubIcon from '@patternfly/react-icons/dist/esm/icons/github-icon';
@@ -48,40 +47,32 @@ const HeaderTools = ({
   isRTL,
   setIsRTL,
   isDarkTheme,
-  setIsDarkTheme,
+  setIsDarkTheme
 }) => {
   const latestVersion = versions.Releases.find((version) => version.latest);
-  const previousReleases = Object.values(versions.Releases).filter(
-    (version) => !version.hidden && !version.latest
-  );
+  const previousReleases = Object.values(versions.Releases).filter((version) => !version.hidden && !version.latest);
   const hasSearch = algolia;
   const [isDropdownOpen, setDropdownOpen] = useState(false);
   const [searchValue, setSearchValue] = React.useState('');
   const [isSearchExpanded, setIsSearchExpanded] = React.useState(false);
 
   const getDropdownItem = (version, isLatest = false) => (
-    <DropdownItem
-      itemId={version.name}
-      key={version.name}
-      to={isLatest ? '/' : `/${version.name}`}
-    >
-      {`Current ${version.name}`}
+    <DropdownItem itemId={version.name} key={version.name} to={isLatest ? '/' : `/${version.name}`}>
+      {`Release ${version.name}`}
     </DropdownItem>
   );
 
   const onChange = (_evt, value) => {
-     setSearchValue(value);
+    setSearchValue(value);
   };
 
-   const onToggleExpand = (_evt, isSearchExpanded) => {
-     setIsSearchExpanded(!isSearchExpanded);
-   };
+  const onToggleExpand = (_evt, isSearchExpanded) => {
+    setIsSearchExpanded(!isSearchExpanded);
+  };
 
   const toggleDarkTheme = (_evt, selected) => {
     const darkThemeToggleClicked = !selected === isDarkTheme;
-    document
-      .querySelector('html')
-      .classList.toggle('pf-v6-theme-dark', darkThemeToggleClicked);
+    document.querySelector('html').classList.toggle('pf-v6-theme-dark', darkThemeToggleClicked);
     setIsDarkTheme(darkThemeToggleClicked);
   };
 
@@ -90,7 +81,7 @@ const HeaderTools = ({
     if (hasSearch && isSearchExpanded) {
       attachDocSearch(algolia, '.ws-global-search .pf-v6-c-text-input-group__text-input', 1000);
     }
-   }, [isSearchExpanded])
+  }, [isSearchExpanded]);
 
   return (
     <Toolbar isFullHeight>
@@ -137,7 +128,11 @@ const HeaderTools = ({
                 value={searchValue}
                 onChange={onChange}
                 onClear={(_evt) => onChange(_evt, '')}
-                expandableInput={{ isExpanded: isSearchExpanded, onToggleExpand, toggleAriaLabel: 'Expandable search input toggle' }}
+                expandableInput={{
+                  isExpanded: isSearchExpanded,
+                  onToggleExpand,
+                  toggleAriaLabel: 'Expandable search input toggle'
+                }}
               />
             </ToolbarItem>
           )}
@@ -164,55 +159,29 @@ const HeaderTools = ({
                     onClick={() => setDropdownOpen(!isDropdownOpen)}
                     isExpanded={isDropdownOpen}
                   >
-                    Current alphas
+                    Release 6.0.0
                   </MenuToggle>
                 )}
+                popperProps={{ position: 'right' }}
               >
                 <DropdownGroup key="Latest" label="Latest">
-                  <DropdownList>
-                    {getDropdownItem(latestVersion, true)}
-                  </DropdownList>
+                  <DropdownList>{getDropdownItem(latestVersion, true)}</DropdownList>
                 </DropdownGroup>
                 {previousReleases.length > 0 && (
-                  <DropdownGroup
-                    key="Previous releases"
-                    label="Previous releases"
-                  >
+                  <DropdownGroup key="Previous releases" label="Previous releases">
                     <DropdownList>
-                      {previousReleases
-                        .slice(0, 3)
-                        .map((version) => getDropdownItem(version))}
+                      {previousReleases.slice(0, 3).map((version) => getDropdownItem(version))}
                     </DropdownList>
                   </DropdownGroup>
                 )}
                 <Divider key="divider1" />
-                <DropdownGroup
-                  key="Alpha preview version"
-                  label="Alpha preview version"
-                >
-                  <DropdownList>
-                    <DropdownItem
-                      key="PatternFly 6"
-                      className="ws-patternfly-versions"
-                      isExternalLink
-                      to="https://staging.patternfly.org/"
-                      itemId="patternfly-6"
-                    >
-                      PatternFly 6
-                    </DropdownItem>
-                  </DropdownList>
-                </DropdownGroup>
-                <Divider key="divider2" />
-                <DropdownGroup
-                  key="Previous versions"
-                  label="Previous versions"
-                >
+                <DropdownGroup key="Previous versions" label="Previous versions">
                   <DropdownList>
                     <DropdownItem
                       key="PatternFly 5"
                       className="ws-patternfly-versions"
                       isExternalLink
-                      to="https://www.patternfly.org"
+                      to="https://v5-archive.patternfly.org/"
                       itemId="patternfly-5"
                     >
                       PatternFly 5
@@ -253,21 +222,17 @@ export function attachDocSearch(algolia, inputSelector, timeout) {
       inputSelector,
       autocompleteOptions: {
         hint: false,
-        appendTo: `.ws-global-search .pf-v6-c-text-input-group`,
+        appendTo: `.ws-global-search .pf-v6-c-text-input-group`
       },
       debug: process.env.NODE_ENV !== 'production',
-      ...algolia,
+      ...algolia
     });
   } else {
     setTimeout(() => attachDocSearch(algolia, inputSelector, timeout), timeout);
   }
 }
 
-export const SideNavLayout = ({
-  children,
-  groupedRoutes,
-  navOpen: navOpenProp,
-}) => {
+export const SideNavLayout = ({ children, groupedRoutes, navOpen: navOpenProp }) => {
   const algolia = process.env.algolia;
   const hasGdprBanner = process.env.hasGdprBanner;
   const hasVersionSwitcher = process.env.hasVersionSwitcher;
@@ -319,19 +284,9 @@ export const SideNavLayout = ({
               <svg height="40px" viewBox="0 0 679 158">
                 <title>PF-HorizontalLogo-Color</title>
                 <defs>
-                  <linearGradient
-                    x1="68%"
-                    y1="2.25860997e-13%"
-                    x2="32%"
-                    y2="100%"
-                    id="linearGradient-website-masthead"
-                  >
+                  <linearGradient x1="68%" y1="2.25860997e-13%" x2="32%" y2="100%" id="linearGradient-website-masthead">
                     <stop stopColor="#2B9AF3" offset="0%"></stop>
-                    <stop
-                      stopColor="#73BCF7"
-                      stopOpacity="0.502212631"
-                      offset="100%"
-                    ></stop>
+                    <stop stopColor="#73BCF7" stopOpacity="0.502212631" offset="100%"></stop>
                   </linearGradient>
                 </defs>
                 <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
@@ -400,9 +355,7 @@ export const SideNavLayout = ({
           mainComponent="div"
           masthead={masthead}
           sidebar={SideBar}
-          skipToContent={
-            <SkipToContent href="#ws-page-main">Skip to content</SkipToContent>
-          }
+          skipToContent={<SkipToContent href="#ws-page-main">Skip to content</SkipToContent>}
           isManagedSidebar
           defaultManagedSidebarIsOpen={navOpenProp}
         >

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "6.0.0-alpha.123",
+  "version": "6.0.0-alpha.125",
   "author": "Red Hat",
   "license": "MIT",
   "private": false,
@@ -13,7 +13,7 @@
     "@babel/preset-env": "^7.24.3",
     "@babel/preset-react": "^7.24.1",
     "@mdx-js/util": "1.6.16",
-    "@patternfly/ast-helpers": "^1.4.0-alpha.112",
+    "@patternfly/ast-helpers": "^1.4.0-alpha.114",
     "@reach/router": "npm:@gatsbyjs/reach-router@1.3.9",
     "autoprefixer": "9.8.6",
     "babel-loader": "^9.1.3",
@@ -80,5 +80,5 @@
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
-  "gitHead": "a510f16292c0e6b4ce6de2803c490fae2a2fbab3"
+  "gitHead": "f62db02abf36afafabdd5b1a6eb96e6d8f7c0558"
 }