@patternfly/documentation-framework 1.2.69 → 1.2.70

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.2.70 (2022-12-07)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
 ## 1.2.69 (2022-12-05)
 
 **Note:** Version bump only for package @patternfly/documentation-framework

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "1.2.69",
+  "version": "1.2.70",
   "author": "Red Hat",
   "license": "MIT",
   "private": false,
@@ -85,5 +85,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "1c464418e8075e5b239506b3361b83c4ce5a9092"
+  "gitHead": "0f120199eeeb5b9fb70c857bcccf1e7c435ae7e9"
 }

package/templates/mdx.js

@@ -123,7 +123,41 @@ export const MDXTemplate = ({
 }) => {
   const sourceKeys = sources.map(v => v.source);
   const isSinglePage = sourceKeys.length === 1;
-  const isComponent = sources.some(source => source.section === 'components');
+
+  let isDevResources, isComponent, isExtension, isChart, isDemo, isLayout, isUtility;
+
+  const getSection = () => {
+    return sources.some((source) => {
+      switch (source.section) {
+        case "developer-resources":
+          isDevResources = true;
+          return;
+        case "components":
+          isComponent = true;
+          return;
+        case "extensions":
+          isExtension = true;
+          return;
+        case "charts":
+          isChart = true;
+          return;
+        case "demos":
+          isDemo = true;
+          return;
+        case "layouts":
+          isLayout = true;
+          return;
+        case "utilities":
+          isUtility = true;
+          return;
+      }
+    });
+  };
+
+  // hide tab if it doesn't include the strings below
+  const hideTabName = sourceKeys.some(
+    (e) => e.includes("pages") || e.includes("training")
+  );
   const { pathname } = useLocation();
   const { katacodaLayout } = sources[0].Component.getPageData();
   let activeSource = pathname.replace(/\/$/, '').split('/').pop();
@@ -145,11 +179,24 @@ export const MDXTemplate = ({
     document.title = getTitle(title);
   }
 
+  const getClassName = () => {
+    getSection();
+    if (isChart || isDevResources || isExtension) {
+      if (isSinglePage) {
+        return "pf-m-light-100";
+      }
+      return "pf-m-light";
+    } else if (isUtility || isDemo || isLayout || isComponent) {
+      return "pf-m-light";
+    }
+    return "pf-m-light-100";
+  };
+
   return (
     <React.Fragment>
       <PageGroup>
         <PageSection
-          className={isSinglePage ? "pf-m-light-100" : ""}
+          className={getClassName()}
           variant={!isSinglePage ? PageSectionVariants.light : ""}
           isWidthLimited
         >
@@ -158,7 +205,10 @@ export const MDXTemplate = ({
           {isComponent && summary && (<SummaryComponent />)}
           </TextContent>
         </PageSection>
-        {(!isSinglePage || isComponent) && (
+        {((!isSinglePage && !hideTabName) ||
+          isComponent ||
+          isUtility ||
+          isDemo) && (
             <PageSection id="ws-sticky-nav-tabs" stickyOnBreakpoint={{'default':'top'}} type="tabs">
               <div className="pf-c-tabs pf-m-page-insets pf-m-no-border-bottom">
                 <ul className="pf-c-tabs__list">
@@ -179,12 +229,10 @@ export const MDXTemplate = ({
                   ))}
                 </ul>
               </div>
-              </PageSection>
+            </PageSection>
         )}
         <PageSection id="main-content" isFilled className="pf-m-light-100">
-          {isSinglePage && (
-              <MDXChildTemplate {...sources[0]} />
-          )}
+          {isSinglePage && <MDXChildTemplate {...sources[0]} />}
           {!isSinglePage && (
             <Router className="pf-u-h-100" primary={false}>
               {sources
@@ -192,8 +240,7 @@ export const MDXTemplate = ({
                   source.index = index;
                   return source;
                 })
-                .map(MDXChildTemplate)
-              }
+                .map(MDXChildTemplate)}
             </Router>
           )}
         </PageSection>