Merge branch 'main' into iss3777

patternfly · Dec 7, 2023 · 13142af · 13142af
2 parents 3867e18 + ba4add9
commit 13142af
Show file tree

Hide file tree

Showing 35 changed files with 694 additions and 302 deletions.
diff --git a/.github/workflows/extensions.yml b/.github/workflows/extensions.yml
@@ -1,13 +1,12 @@
-name: Add relevant issues to extensions project board
+name: Add new issues to project board
 
 on:
   issues:
     types:
-      - labeled
+      - opened
 
 jobs:
   add-to-extensions:
-    if: github.event.label.name == 'extension'
     name: Add issue to extensions board
     runs-on: ubuntu-latest
     steps:

diff --git a/packages/ast-helpers/CHANGELOG.md b/packages/ast-helpers/CHANGELOG.md
@@ -3,6 +3,147 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.3.9 (2023-11-30)
+
+**Note:** Version bump only for package @patternfly/ast-helpers
+
+
+
+
+
+## 1.3.8 (2023-11-21)
+
+
+### Bug Fixes
+
+* prepare org for component groups release ([#3822](https://github.com/patternfly/patternfly-org/issues/3822)) ([fe7af55](https://github.com/patternfly/patternfly-org/commit/fe7af55205f6df709afa0c499743ca7a1d2946a1))
+
+
+
+
+
+## 1.3.7 (2023-11-17)
+
+**Note:** Version bump only for package @patternfly/ast-helpers
+
+
+
+
+
+## 1.3.6 (2023-11-14)
+
+
+### Bug Fixes
+
+* add virtualized table to extensions staging ([#3819](https://github.com/patternfly/patternfly-org/issues/3819)) ([06e3fbc](https://github.com/patternfly/patternfly-org/commit/06e3fbcbf433969d5ac880d82597f1fb04e4bbf1))
+
+
+
+
+
+## 1.3.5 (2023-11-13)
+
+
+### Bug Fixes
+
+* **drag drop:** add drag drop to 5.1 versions.json ([#3817](https://github.com/patternfly/patternfly-org/issues/3817)) ([d2dec78](https://github.com/patternfly/patternfly-org/commit/d2dec78730dae818c4a2f5d6bab89d98de14e80d))
+
+
+
+
+
+## 1.3.4 (2023-11-13)
+
+
+### Bug Fixes
+
+* add charts dark theme stylesheet ([#3802](https://github.com/patternfly/patternfly-org/issues/3802)) ([03954ed](https://github.com/patternfly/patternfly-org/commit/03954edbf429d6e3a8e9d460c61b5ea9f6d441a6))
+
+
+
+
+
+## 1.3.3 (2023-11-10)
+
+**Note:** Version bump only for package @patternfly/ast-helpers
+
+
+
+
+
+## 1.3.2 (2023-11-10)
+
+
+### Bug Fixes
+
+* clean up versions and showdown deps ([#3816](https://github.com/patternfly/patternfly-org/issues/3816)) ([aae74d0](https://github.com/patternfly/patternfly-org/commit/aae74d0196d2205c2828ad831773c379a62e8bd8))
+
+
+
+
+
+## 1.3.1 (2023-11-07)
+
+
+### Bug Fixes
+
+* **react-drag-drop:** add react-drag-drop to latest version ([#3801](https://github.com/patternfly/patternfly-org/issues/3801)) ([bbf20d4](https://github.com/patternfly/patternfly-org/commit/bbf20d4406303441a534c5fc9bd4667f72e55850))
+
+
+
+
+
+# 1.3.0 (2023-11-01)
+
+
+### Features
+
+* **dark-theme:** replace dark theme switcher with toggle group ([#3788](https://github.com/patternfly/patternfly-org/issues/3788)) ([0bf3c62](https://github.com/patternfly/patternfly-org/commit/0bf3c62484bc288386a9620fcb89c38da5d260af))
+
+
+
+
+
+## 1.2.26 (2023-10-30)
+
+**Note:** Version bump only for package @patternfly/ast-helpers
+
+
+
+
+
+## 1.2.25 (2023-10-27)
+
+**Note:** Version bump only for package @patternfly/ast-helpers
+
+
+
+
+
+## 1.2.24 (2023-10-27)
+
+**Note:** Version bump only for package @patternfly/ast-helpers
+
+
+
+
+
+## 1.2.23 (2023-10-27)
+
+**Note:** Version bump only for package @patternfly/ast-helpers
+
+
+
+
+
+## 1.2.22 (2023-10-23)
+
+**Note:** Version bump only for package @patternfly/ast-helpers
+
+
+
+
+
 ## 1.2.21 (2023-10-23)
 
 **Note:** Version bump only for package @patternfly/ast-helpers

diff --git a/packages/ast-helpers/package.json b/packages/ast-helpers/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/ast-helpers",
   "description": "Acorn AST helpers for working with live code",
-  "version": "1.2.21",
+  "version": "1.3.9",
   "author": "Red Hat",
   "license": "MIT",
   "publishConfig": {

diff --git a/packages/documentation-framework/CHANGELOG.md b/packages/documentation-framework/CHANGELOG.md
@@ -3,6 +3,147 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.3.9 (2023-11-30)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+## 5.3.8 (2023-11-21)
+
+
+### Bug Fixes
+
+* prepare org for component groups release ([#3822](https://github.com/patternfly/patternfly-org/issues/3822)) ([fe7af55](https://github.com/patternfly/patternfly-org/commit/fe7af55205f6df709afa0c499743ca7a1d2946a1))
+
+
+
+
+
+## 5.3.7 (2023-11-17)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+## 5.3.6 (2023-11-14)
+
+
+### Bug Fixes
+
+* add virtualized table to extensions staging ([#3819](https://github.com/patternfly/patternfly-org/issues/3819)) ([06e3fbc](https://github.com/patternfly/patternfly-org/commit/06e3fbcbf433969d5ac880d82597f1fb04e4bbf1))
+
+
+
+
+
+## 5.3.5 (2023-11-13)
+
+
+### Bug Fixes
+
+* **drag drop:** add drag drop to 5.1 versions.json ([#3817](https://github.com/patternfly/patternfly-org/issues/3817)) ([d2dec78](https://github.com/patternfly/patternfly-org/commit/d2dec78730dae818c4a2f5d6bab89d98de14e80d))
+
+
+
+
+
+## 5.3.4 (2023-11-13)
+
+
+### Bug Fixes
+
+* add charts dark theme stylesheet ([#3802](https://github.com/patternfly/patternfly-org/issues/3802)) ([03954ed](https://github.com/patternfly/patternfly-org/commit/03954edbf429d6e3a8e9d460c61b5ea9f6d441a6))
+
+
+
+
+
+## 5.3.3 (2023-11-10)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+## 5.3.2 (2023-11-10)
+
+
+### Bug Fixes
+
+* clean up versions and showdown deps ([#3816](https://github.com/patternfly/patternfly-org/issues/3816)) ([aae74d0](https://github.com/patternfly/patternfly-org/commit/aae74d0196d2205c2828ad831773c379a62e8bd8))
+
+
+
+
+
+## 5.3.1 (2023-11-07)
+
+
+### Bug Fixes
+
+* **react-drag-drop:** add react-drag-drop to latest version ([#3801](https://github.com/patternfly/patternfly-org/issues/3801)) ([bbf20d4](https://github.com/patternfly/patternfly-org/commit/bbf20d4406303441a534c5fc9bd4667f72e55850))
+
+
+
+
+
+# 5.3.0 (2023-11-01)
+
+
+### Features
+
+* **dark-theme:** replace dark theme switcher with toggle group ([#3788](https://github.com/patternfly/patternfly-org/issues/3788)) ([0bf3c62](https://github.com/patternfly/patternfly-org/commit/0bf3c62484bc288386a9620fcb89c38da5d260af))
+
+
+
+
+
+## 5.2.26 (2023-10-30)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+## 5.2.25 (2023-10-27)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+## 5.2.24 (2023-10-27)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+## 5.2.23 (2023-10-27)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+## 5.2.22 (2023-10-23)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
 ## 5.2.21 (2023-10-23)
 
 **Note:** Version bump only for package @patternfly/documentation-framework

diff --git a/packages/documentation-framework/components/example/example.js b/packages/documentation-framework/components/example/example.js
@@ -98,6 +98,10 @@ export const Example = ({
 }) => {
   if (isFullscreenPreview) {
     isFullscreen = false;
+    window.addEventListener('load', () => {
+      //append a class to the document body to indicate to screenshot/automated visual regression tools that the page has loaded
+      document.body.classList.add('page-loaded');
+    });
   }
   if (!lang) {
     // Inline code

diff --git a/packages/documentation-framework/layouts/sideNavLayout/sideNavLayout.css b/packages/documentation-framework/layouts/sideNavLayout/sideNavLayout.css
@@ -42,3 +42,9 @@
   --pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
   --pf-v5-c-switch__input--checked__label--Color: var(--pf-v5-global--Color--100);
 }
+
+.ws-masthead .pf-v5-c-toggle-group {
+  --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--palette--blue-400);
+  --pf-v5-c-toggle-group__button--focus--BackgroundColor: transparent;
+  --pf-v5-c-toggle-group__button--hover--BackgroundColor: transparent;
+}
diff --git a/packages/documentation-framework/layouts/sideNavLayout/sideNavLayout.js b/packages/documentation-framework/layouts/sideNavLayout/sideNavLayout.js
@@ -10,6 +10,7 @@ import {
   DropdownGroup,
   DropdownList,
   Divider,
+  Icon,
   Masthead,
   MastheadToggle,
   MastheadMain,
@@ -23,10 +24,14 @@ import {
   ToolbarItem,
   SkipToContent,
   Switch,
-  SearchInput
+  SearchInput,
+  ToggleGroup,
+  ToggleGroupItem
 } 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';
+import MoonIcon from '@patternfly/react-icons/dist/esm/icons/moon-icon';
+import SunIcon from '@patternfly/react-icons/dist/esm/icons/sun-icon';
 import { SideNav, TopNav, GdprBanner } from '../../components';
 import staticVersions from '../../versions.json';
 import v5Logo from '../PF-HorizontalLogo-Reverse.svg';
@@ -50,6 +55,7 @@ const HeaderTools = ({
   const [isDropdownOpen, setDropdownOpen] = useState(false);
   const [searchValue, setSearchValue] = React.useState('');
   const [isSearchExpanded, setIsSearchExpanded] = React.useState(false);
+  const [isDarkTheme, setIsDarkTheme] = React.useState(false);
 
   const getDropdownItem = (version, isLatest = false) => (
     <DropdownItem itemId={version.name} key={version.name} to={isLatest ? '/' : `/${version.name}`}>
@@ -65,6 +71,12 @@ const HeaderTools = ({
     setIsSearchExpanded(!isSearchExpanded);
   };
 
+  const toggleDarkTheme = (_evt, selected) => {
+    const darkThemeToggleClicked = !selected === isDarkTheme
+    document.querySelector('html').classList.toggle('pf-v5-theme-dark', darkThemeToggleClicked);
+    setIsDarkTheme(darkThemeToggleClicked);
+  };
+
   useEffect(() => {
     // reattach algolia to input each time search is expanded
     if (hasSearch && isSearchExpanded) {
@@ -86,8 +98,10 @@ const HeaderTools = ({
         >
           {hasDarkThemeSwitcher && (
             <ToolbarItem>
-              <Switch id="ws-theme-switch" label="Dark theme" defaultChecked={false} onChange={() =>
-                document.querySelector('html').classList.toggle('pf-v5-theme-dark')} />
+                <ToggleGroup aria-label="Dark theme toggle group">
+                  <ToggleGroupItem aria-label="light theme toggle" icon={<Icon size="md"><SunIcon /></Icon>} isSelected={!isDarkTheme} onChange={toggleDarkTheme} />
+                  <ToggleGroupItem aria-label="dark theme toggle" icon={<Icon size="md"><MoonIcon /></Icon>} isSelected={isDarkTheme} onChange={toggleDarkTheme} />
+                </ToggleGroup>
             </ToolbarItem>
           )}
           {hasRTLSwitcher && (