chore(docs): bumped framework and added switchers

.github/workflows/build-lint-test.yml

@@ -14,7 +14,7 @@ jobs:
             git fetch origin pull/$GH_PR_NUM/head:tmp
             git checkout tmp
           fi
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v4
         with:
           node-version: '20'
       - run: corepack enable
@@ -36,7 +36,7 @@ jobs:
             git fetch origin pull/$GH_PR_NUM/head:tmp
             git checkout tmp
           fi
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v4
         with:
           node-version: '20'
       - run: corepack enable
@@ -59,7 +59,7 @@ jobs:
             git fetch origin pull/$GH_PR_NUM/head:tmp
             git checkout tmp
           fi
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v4
         with:
           node-version: '20'
       - run: corepack enable
@@ -84,7 +84,7 @@ jobs:
             git fetch origin pull/$GH_PR_NUM/head:tmp
             git checkout tmp
           fi
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v4
         with:
           node-version: '20'
       - run: corepack enable

.github/workflows/build.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Run build script
         run: ./devSetup.sh
         shell: bash
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v4
         with:
           node-version: '20'
       - run: corepack enable

.github/workflows/pr-preview.yml

@@ -7,7 +7,7 @@ jobs:
       SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }}
       SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }}
       GH_PR_TOKEN: ${{ secrets.GH_PR_TOKEN }}
-      GH_PR_NUM:   ${{ github.event.number }}
+      GH_PR_NUM: ${{ github.event.number }}
     steps:
       - uses: actions/checkout@v2
       # Yes, we really want to checkout the PR
@@ -21,7 +21,7 @@ jobs:
           git log origin/main..HEAD --format="%b"
       # Yes, we really want to checkout the PR
       # Injected by generate-workflows.js
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v4
         with:
           node-version: '20'
       - run: corepack enable
@@ -38,4 +38,4 @@ jobs:
         name: Build docs
       - run: node .github/upload-preview.js packages/module/public
         name: Upload docs
-        if: always()
+        if: always()

.github/workflows/release.yml

@@ -14,7 +14,7 @@ jobs:
       GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
     steps:
       - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v4
         with:
           node-version: '20'
       - run: corepack enable

package.json

@@ -26,32 +26,33 @@
   },
   "devDependencies": {
     "@babel/core": "^7.19.6",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-decorators": "^7.21.0",
     "@babel/preset-env": "^7.19.4",
-    "@babel/preset-react": "^7.18.6",
     "@babel/preset-flow": "^7.18.6",
+    "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@babel/plugin-proposal-decorators": "^7.21.0",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@octokit/rest": "^18.0.0",
+    "@testing-library/dom": "9.0.0",
+    "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "14.4.3",
-    "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/dom": "9.0.0",
+    "@types/react": "^18",
     "@typescript-eslint/eslint-plugin": "^5.42.0",
     "@typescript-eslint/parser": "^5.42.0",
-    "@octokit/rest": "^18.0.0",
     "babel-jest": "^29.2.2",
     "concurrently": "^5.3.0",
     "eslint": "8.22.0",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-config-standard-with-typescript": "^23.0.0",
     "eslint-plugin-import": "^2.25.2",
     "eslint-plugin-markdown": "^1.0.2",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.21.4",
-    "eslint-config-standard-with-typescript": "^23.0.0",
     "eslint-plugin-n": "^15.0.0",
+    "eslint-plugin-patternfly-react": "^4.80.4",
+    "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-promise": "^6.0.0",
+    "eslint-plugin-react": "^7.21.4",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-patternfly-react": "^4.80.4",
     "jest": "^29.2.2",
     "jest-environment-jsdom": "^29.2.2",
     "jest-transform-stub": "^2.0.0",
@@ -60,8 +61,7 @@
     "react-dom": "^18",
     "serve": "^14.1.2",
     "surge": "^0.23.1",
-    "typedoc": "0.23",
-    "@types/react": "^18"
+    "typedoc": "0.23"
   },
   "packageManager": "[email protected]"
 }

packages/demo-app-ts/package.json

@@ -1,46 +1,46 @@
 {
-    "name": "demo-app-ts",
-    "private": true,
-    "version": "4.210.7",
-    "scripts": {
-        "build:demo-app": "webpack --mode production",
-        "start:demo-app": "webpack-dev-server",
-        "start:demo-app:hot": "webpack-dev-server --hot=true",
-        "serve:demo-app": "node scripts/serve"
-    },
-    "dependencies": {
-        "@patternfly/react-core": "^6.0.0",
-        "@patternfly/react-icons": "^6.0.0",
-        "@patternfly/react-styles": "^6.0.0",
-        "react": "^18",
-        "react-dom": "^18",
-        "react-router": "^5.3.3",
-        "react-router-dom": "^5.3.3"
-    },
-    "devDependencies": {
-        "@pmmmwh/react-refresh-webpack-plugin": "0.5.7",
-        "@types/react": "^18",
-        "@types/react-dom": "^18",
-        "@types/react-router": "^5.1.18",
-        "@types/react-router-dom": "^5.3.3",
-        "classnames": "^2.2.6",
-        "clean-webpack-plugin": "^3.0.0",
-        "copy-webpack-plugin": "^6.1.0",
-        "css-loader": "^4.3.0",
-        "file-loader": "^6.1.0",
-        "fork-ts-checker-webpack-plugin": "6.5.2",
-        "html-webpack-plugin": "^5.5.0",
-        "local-web-server": "^2.6.1",
-        "mini-css-extract-plugin": "^0.11.1",
-        "react-hot-loader": "4.13.0",
-        "react-refresh": "0.14.0",
-        "react-refresh-typescript": "2.0.7",
-        "style-loader": "3.3.1",
-        "ts-loader": "^8.3.0",
-        "typescript": "^4.7.4",
-        "url-loader": "^4.1.0",
-        "webpack": "5.73.0",
-        "webpack-cli": "4.10.0",
-        "webpack-dev-server": "4.9.3"
-    }
-}
+  "name": "demo-app-ts",
+  "private": true,
+  "version": "4.210.7",
+  "scripts": {
+    "build:demo-app": "webpack --mode production",
+    "start:demo-app": "webpack-dev-server",
+    "start:demo-app:hot": "webpack-dev-server --hot=true",
+    "serve:demo-app": "node scripts/serve"
+  },
+  "dependencies": {
+    "@patternfly/react-core": "^6.4.0",
+    "@patternfly/react-icons": "^6.4.0",
+    "@patternfly/react-styles": "^6.4.0",
+    "react": "^18",
+    "react-dom": "^18",
+    "react-router": "^5.3.3",
+    "react-router-dom": "^5.3.3"
+  },
+  "devDependencies": {
+    "@pmmmwh/react-refresh-webpack-plugin": "0.5.7",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@types/react-router": "^5.1.18",
+    "@types/react-router-dom": "^5.3.3",
+    "classnames": "^2.2.6",
+    "clean-webpack-plugin": "^3.0.0",
+    "copy-webpack-plugin": "^6.1.0",
+    "css-loader": "^4.3.0",
+    "file-loader": "^6.1.0",
+    "fork-ts-checker-webpack-plugin": "6.5.2",
+    "html-webpack-plugin": "^5.5.0",
+    "local-web-server": "^2.6.1",
+    "mini-css-extract-plugin": "^0.11.1",
+    "react-hot-loader": "4.13.0",
+    "react-refresh": "0.14.0",
+    "react-refresh-typescript": "2.0.7",
+    "style-loader": "3.3.1",
+    "ts-loader": "^8.3.0",
+    "typescript": "^4.7.4",
+    "url-loader": "^4.1.0",
+    "webpack": "5.73.0",
+    "webpack-cli": "4.10.0",
+    "webpack-dev-server": "4.9.3"
+  }
+}

packages/module/package.json

@@ -33,13 +33,13 @@
     "tag": "prerelease"
   },
   "dependencies": {
-    "@patternfly/react-core": "^6.0.0",
-    "@patternfly/react-icons": "^6.0.0",
-    "@patternfly/react-styles": "^6.0.0",
+    "@dagrejs/dagre": "1.1.2",
+    "@patternfly/react-core": "^6.4.0",
+    "@patternfly/react-icons": "^6.4.0",
+    "@patternfly/react-styles": "^6.4.0",
     "@types/d3": "^7.4.0",
     "@types/d3-force": "^1.2.1",
     "d3": "^7.8.0",
-    "@dagrejs/dagre": "1.1.2",
     "mobx": "^6.9.0",
     "mobx-react": "^7.6.0",
     "point-in-svg-path": "^1.0.1",
@@ -52,23 +52,23 @@
     "react-dom": "^17 || ^18 || ^19"
   },
   "devDependencies": {
-    "@patternfly/documentation-framework": "6.0.0-alpha.120",
-    "@patternfly/patternfly": "^6.0.0",
+    "@patternfly/documentation-framework": "^6.24.2",
+    "@patternfly/patternfly": "^6.4.0",
     "@patternfly/patternfly-a11y": "^4.3.1",
-    "@patternfly/react-code-editor": "^6.0.0",
-    "@patternfly/react-table": "^6.0.0",
+    "@patternfly/react-code-editor": "^6.4.0",
+    "@patternfly/react-table": "^6.4.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
     "glob": "^7.1.2",
     "jsdom": "^15.1.0",
+    "monaco-editor": "^0.34.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "rimraf": "^2.6.2",
-    "typescript": "^4.7.4",
     "react-monaco-editor": "^0.51.0",
-    "monaco-editor": "^0.34.1"
+    "rimraf": "^2.6.2",
+    "typescript": "^4.7.4"
   }
 }

packages/module/patternfly-docs/patternfly-docs.config.js

@@ -2,5 +2,7 @@
 module.exports = {
   sideNavItems: [{ section: 'topology' }],
   topNavItems: [],
-  port: 8008
+  port: 8008,
+  hasThemeSwitcher: true,
+  hasHighContrastSwitcher: true
 };

packages/module/src/components/TopologyControlBar/__tests__/__snapshots__/TopologyControlBar.test.tsx.snap

@@ -97,7 +97,7 @@ exports[`TopologyControlBar should accept button options correctly 1`] = `
               style="display: contents;"
             >
               <button
-                aria-disabled="false"
+                aria-disabled="true"
                 class="pf-v6-c-button pf-m-tertiary pf-topology-control-bar__button pf-m-disabled"
                 data-ouia-component-id="OUIA-Generated-Button-tertiary-8"
                 data-ouia-component-type="PF6/Button"