fix: add component groups alpha docs (#4105)

* fix: add component groups alpha docs * clean up
patternfly · Jun 18, 2024 · f9c2be1 · f9c2be1
1 parent dc49160
commit f9c2be1
Show file tree

Hide file tree

Showing 4 changed files with 98 additions and 664 deletions.
diff --git a/packages/documentation-site/package.json b/packages/documentation-site/package.json
@@ -17,15 +17,13 @@
     "screenshots": "pf-docs-framework screenshots"
   },
   "dependencies": {
-    "@patternfly/documentation-framework": "6.0.0-alpha.46",
-    "@patternfly/quickstarts": "5.3.0",
+    "@patternfly/documentation-framework": "6.0.0-alpha.47",
     "@patternfly/react-catalog-view-extension": "6.0.0-alpha.2",
     "@patternfly/react-console": "6.0.0-alpha.1",
-    "@patternfly/react-docs": "7.0.0-alpha.74",
+    "@patternfly/react-docs": "7.0.0-alpha.75",
     "@patternfly/react-log-viewer": "6.0.0-alpha.1",
-    "@patternfly/react-topology": "5.2.1",
     "@patternfly/react-user-feedback": "6.0.0-alpha.1",
-    "@patternfly/react-component-groups": "5.1.0",
+    "@patternfly/react-component-groups": "6.0.0-alpha.2",
     "@patternfly/react-virtualized-extension": "6.0.0-alpha.1",
     "@patternfly/design-tokens": "1.6.1",
     "react": "^17.0.0 || ^18.0.0",

diff --git a/packages/documentation-site/patternfly-docs/patternfly-docs.css.js b/packages/documentation-site/patternfly-docs/patternfly-docs.css.js
@@ -8,8 +8,8 @@ import '@patternfly/patternfly/patternfly-addons.css';
 // Global theme CSS
 import '@patternfly/documentation-framework/global.css';
 // Patternfly topology
-import '@patternfly/react-topology/src/css/topology-controlbar.css';
-import '@patternfly/react-topology/src/css/topology-side-bar.css';
-import '@patternfly/react-topology/src/css/topology-view.css';
-import '@patternfly/react-topology/src/css/topology-components.css';
-import '@patternfly/react-topology/src/css/topology-pipelines.css';
+// import '@patternfly/react-topology/src/css/topology-controlbar.css';
+// import '@patternfly/react-topology/src/css/topology-side-bar.css';
+// import '@patternfly/react-topology/src/css/topology-view.css';
+// import '@patternfly/react-topology/src/css/topology-components.css';
+// import '@patternfly/react-topology/src/css/topology-pipelines.css';
diff --git a/packages/documentation-site/patternfly-docs/patternfly-docs.source.js b/packages/documentation-site/patternfly-docs/patternfly-docs.source.js
@@ -88,16 +88,16 @@ module.exports = (sourceMD, sourceProps, sourceFunctionDocs) => {
     //   .resolve("@patternfly/react-templates/package.json")
     //   .replace("package.json", "src");
 
-    const reactTopologyPath = require
-      .resolve("@patternfly/react-topology/package.json")
-      .replace("package.json", "patternfly-docs/content/examples");
+    // const reactTopologyPath = require
+    //   .resolve("@patternfly/react-topology/package.json")
+    //   .replace("package.json", "patternfly-docs/content/examples");
 
     sourceProps(path.join(reactCorePath, "/**/*.tsx"), reactPropsIgnore);
     sourceProps(path.join(reactTablePath, "/**/*.tsx"), reactPropsIgnore);
     sourceProps(path.join(reactCodeEditorPath, "/**/*.tsx"), reactPropsIgnore);
     sourceProps(path.join(reactChartsPath, "/**/*.tsx"), reactPropsIgnore);
     sourceProps(path.join(reactDragDropPath, "/**/*.tsx"), reactPropsIgnore);
-    sourceProps(path.join(reactTopologyPath, "/**/*.tsx"), reactPropsIgnore);
+    //sourceProps(path.join(reactTopologyPath, "/**/*.tsx"), reactPropsIgnore);
     //sourceProps(path.join(reactTemplatesPath, "/**/*.tsx"), reactPropsIgnore);
 
     // React MD
@@ -140,7 +140,7 @@ module.exports = (sourceMD, sourceProps, sourceFunctionDocs) => {
     // );
 
     // React-topology MD
-    sourceMD(path.join(reactTopologyPath, "/**/*.md"), "extensions");
+    // sourceMD(path.join(reactTopologyPath, "/**/*.md"), "extensions");
 
     // React OUIA MD
     sourceMD(path.join(reactCorePath, "/**/helpers/OUIA/*.md"), "react");
@@ -160,23 +160,23 @@ module.exports = (sourceMD, sourceProps, sourceFunctionDocs) => {
   // sourceMD(path.join(qsContentBase, "**/*.md"));
 
   // Catalog view extension
-  // const catalogViewPath = require.resolve(
-  //   "@patternfly/react-catalog-view-extension/package.json"
-  // );
-  // const reactCatalogViewDocsPath = catalogViewPath.replace(
-  //   "package.json",
-  //   "patternfly-docs"
-  // );
-  // const reactCatalogViewSrcPath = catalogViewPath.replace(
-  //   "package.json",
-  //   "src/components"
-  // );
+  const catalogViewPath = require.resolve(
+    "@patternfly/react-catalog-view-extension/package.json"
+  );
+  const reactCatalogViewDocsPath = catalogViewPath.replace(
+    "package.json",
+    "patternfly-docs"
+  );
+  const reactCatalogViewSrcPath = catalogViewPath.replace(
+    "package.json",
+    "src/components"
+  );
 
-  // sourceProps(
-  //   path.join(reactCatalogViewSrcPath, "/**/*.tsx"),
-  //   reactPropsIgnore
-  // );
-  // sourceMD(path.join(reactCatalogViewDocsPath, "/**/examples/*.md"), "react");
+  sourceProps(
+    path.join(reactCatalogViewSrcPath, "/**/*.tsx"),
+    reactPropsIgnore
+  );
+  sourceMD(path.join(reactCatalogViewDocsPath, "/**/examples/*.md"), "react");
 
   // Console extension
   const consolePath = require.resolve("@patternfly/react-console/package.json");
@@ -217,27 +217,28 @@ module.exports = (sourceMD, sourceProps, sourceFunctionDocs) => {
     "design-guidelines"
   );
 
-  // const reactComponentGroupsPath = require
-  //   .resolve("@patternfly/react-component-groups/package.json")
-  //   .replace("package.json", "src");
+  // component groups extension
+  const reactComponentGroupsPath = require
+    .resolve("@patternfly/react-component-groups/package.json")
+    .replace("package.json", "src");
 
-  // const reactComponentGroupsBase = require
-  //   .resolve("@patternfly/react-component-groups/package.json")
-  //   .replace(
-  //     "package.json",
-  //     "patternfly-docs/content/extensions/component-groups"
-  //   );
+  const reactComponentGroupsBase = require
+    .resolve("@patternfly/react-component-groups/package.json")
+    .replace(
+      "package.json",
+      "patternfly-docs/content/extensions/component-groups"
+    );
 
-  // sourceProps(
-  //   path.join(reactComponentGroupsPath, "/**/*.tsx"),
-  //   reactPropsIgnore
-  // );
-  // sourceMD(path.join(reactComponentGroupsBase, "/**/*.md"), "react");
-  // sourceMD(path.join(reactComponentGroupsPath, "/**/examples/*.md"), "react");
-  // sourceMD(
-  //   path.join(reactComponentGroupsPath, "/**/design-guidelines/*.md"),
-  //   "design-guidelines"
-  // );
+  sourceProps(
+    path.join(reactComponentGroupsPath, "/**/*.tsx"),
+    reactPropsIgnore
+  );
+  sourceMD(path.join(reactComponentGroupsBase, "/**/*.md"), "react");
+  sourceMD(path.join(reactComponentGroupsPath, "/**/examples/*.md"), "react");
+  sourceMD(
+    path.join(reactComponentGroupsPath, "/**/design-guidelines/*.md"),
+    "design-guidelines"
+  );
 
   // Prerelease sections:
   // Component Groups extension (Currently in PRERELEASE, so only include in PRERELEASE builds)