@patternfly/documentation-framework 6.0.0-alpha.105 → 6.0.0-alpha.107

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.107 (2024-10-01)
+
+
+### Features
+
+* **site:** fix build for prerelease, use editorial content ([#4271](https://github.com/patternfly/patternfly-org/issues/4271)) ([154cca6](https://github.com/patternfly/patternfly-org/commit/154cca69e2d6f2b1aef48e983a131a39185f2028))
+
+
+
+
+
+# 6.0.0-alpha.106 (2024-09-27)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
 # 6.0.0-alpha.105 (2024-09-26)
 
 **Note:** Version bump only for package @patternfly/documentation-framework

package/components/autoLinkHeader/autoLinkHeader.js

@@ -22,6 +22,7 @@ export const AutoLinkHeader = ({
           component={headingLevel}
           className={css('ws-heading', className)}
           tabIndex={-1}
+          isEditorial
         >
           <Link href={`#${slug}`} className="ws-heading-anchor" tabIndex="-1" aria-hidden>
             <LinkIcon className="ws-heading-anchor-icon" style={{ verticalAlign: 'middle' }} />

package/components/footer/footer.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 import {
   Brand,
   Grid,
@@ -7,11 +7,11 @@ import {
   ListItem,
   PageSection,
   Content,
-} from '@patternfly/react-core';
-import { Link } from '@patternfly/documentation-framework/components';
-import { GithubIcon, TwitterIcon } from '@patternfly/react-icons';
-import redhatLogo from './RHLogo.png';
-import redhatLogoDark from './RHLogoDark.png';
+} from "@patternfly/react-core";
+import { Link } from "@patternfly/documentation-framework/components";
+import { GithubIcon, TwitterIcon } from "@patternfly/react-icons";
+import redhatLogo from "./RHLogo.png";
+import redhatLogoDark from "./RHLogoDark.png";
 
 export const Footer = ({ isDarkTheme }) => (
   <React.Fragment>
@@ -39,7 +39,7 @@ export const Footer = ({ isDarkTheme }) => (
                   <ListItem className="ws-org-pfsite-footer-menu-list-item">
                     <Link
                       className="ws-org-pfsite-footer-menu-link"
-                      to={'/get-started/about-patternfly'}
+                      to={"/get-started/about-patternfly"}
                       aria-label="Get started with PatternFly"
                     >
                       Get started
@@ -237,6 +237,7 @@ export const Footer = ({ isDarkTheme }) => (
               <Content
                 component="p"
                 className="ws-org-pfsite-footer-menu-about-description"
+                isEditorial
               >
                 PatternFly is an open source design system built to drive
                 consistency and unify teams. From documentation and components

package/components/sectionGallery/TextSummary.js

@@ -4,17 +4,17 @@ import { Content } from "@patternfly/react-core";
 
 // convert summary text from string to jsx, remove links
 export const SummaryComponent = ({ id, itemsData }) => {
-  const itemDasherized = id.split(' ').join('-').toLowerCase();
+  const itemDasherized = id.split(" ").join("-").toLowerCase();
   const summary = itemsData?.[itemDasherized]?.summary;
   if (!summary) {
     return null;
   }
   // Remove anchor tags to avoid <a> in summary nested within <a> of Link card/datalistitem
-  const summaryNoLinks = summary.replace(/<Link[^>]*>([^<]+)<\/Link>/gm, '$1');
+  const summaryNoLinks = summary.replace(/<Link[^>]*>([^<]+)<\/Link>/gm, "$1");
   const { code } = convertToReactComponent(`<>${summaryNoLinks}</>`);
-  const getSummaryComponent = new Function('React', code);
+  const getSummaryComponent = new Function("React", code);
   return getSummaryComponent(React);
-}
+};
 
 export const TextSummary = ({ id, itemsData }) => {
   if (!id) {
@@ -22,10 +22,10 @@ export const TextSummary = ({ id, itemsData }) => {
   }
 
   return (
-    <Content>
+    <Content isEditorial>
       <Content component="p">
         <SummaryComponent id={id} itemsData={itemsData} />
       </Content>
     </Content>
-  )
+  );
 };

package/components/sectionGallery/sectionDataListLayout.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 import {
   DataList,
   DataListItem,
@@ -10,9 +10,9 @@ import {
   Content,
   ContentVariants,
   Label,
-} from '@patternfly/react-core';
-import { Link } from '../link/link';
-import { TextSummary } from './TextSummary';
+} from "@patternfly/react-core";
+import { Link } from "../link/link";
+import { TextSummary } from "./TextSummary";
 
 export const SectionDataListLayout = ({
   galleryItems,
@@ -20,7 +20,7 @@ export const SectionDataListLayout = ({
   hasListText,
   hasListImages,
 }) => {
-  if (layoutView !== 'list') {
+  if (layoutView !== "list") {
     return null;
   }
 
@@ -55,9 +55,9 @@ export const SectionDataListLayout = ({
                       </DataListCell>
                     ),
                     <DataListCell width={5} key="text-description">
-                      <Split className={hasListText ? 'pf-v6-u-mb-md' : null}>
+                      <Split className={hasListText ? "pf-v6-u-mb-md" : null}>
                         <SplitItem isFilled>
-                          <Content>
+                          <Content isEditorial>
                             <Content component={ContentVariants.h2}>
                               <span>{title}</span>
                             </Content>

package/components/sectionGallery/sectionGalleryToolbar.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 import {
   Button,
   SearchInput,
@@ -10,9 +10,9 @@ import {
   ContentVariants,
   ToggleGroup,
   ToggleGroupItem,
-} from '@patternfly/react-core';
-import ListIcon from '@patternfly/react-icons/dist/esm/icons/list-icon';
-import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
+} from "@patternfly/react-core";
+import ListIcon from "@patternfly/react-icons/dist/esm/icons/list-icon";
+import ThIcon from "@patternfly/react-icons/dist/esm/icons/th-icon";
 
 export const SectionGalleryToolbar = ({
   galleryItems,
@@ -20,8 +20,8 @@ export const SectionGalleryToolbar = ({
   setSearchTerm,
   layoutView,
   setLayoutView,
-  placeholderText = 'Search by name',
-  countText = ' items',
+  placeholderText = "Search by name",
+  countText = " items",
 }) => (
   <Toolbar isSticky>
     <ToolbarContent>
@@ -35,7 +35,7 @@ export const SectionGalleryToolbar = ({
       </ToolbarItem>
       {searchTerm && (
         <ToolbarItem>
-          <Button variant="link" onClick={() => setSearchTerm('')}>
+          <Button variant="link" onClick={() => setSearchTerm("")}>
             Reset
           </Button>
         </ToolbarItem>
@@ -46,25 +46,25 @@ export const SectionGalleryToolbar = ({
             <ToggleGroupItem
               icon={<ThIcon />}
               aria-label="grid icon button"
-              isSelected={layoutView === 'grid'}
-              onChange={() => setLayoutView('grid')}
+              isSelected={layoutView === "grid"}
+              onChange={() => setLayoutView("grid")}
             ></ToggleGroupItem>
             <ToggleGroupItem
               icon={<ListIcon />}
               aria-label="list icon button"
-              isSelected={layoutView === 'list'}
-              onChange={() => setLayoutView('list')}
+              isSelected={layoutView === "list"}
+              onChange={() => setLayoutView("list")}
             ></ToggleGroupItem>
           </ToggleGroup>
         </ToolbarItem>
       </ToolbarGroup>
       <ToolbarItem
         variant="pagination"
-        gap={{ default: 'gapMd', md: 'gapNone' }}
-        style={{ '--pf-v6-c-toolbar__item--MinWidth': 'max-content' }}
+        gap={{ default: "gapMd", md: "gapNone" }}
+        style={{ "--pf-v6-c-toolbar__item--MinWidth": "max-content" }}
         className="pf-m-align-self-center"
       >
-        <Content component={ContentVariants.small}>
+        <Content isEditorial component={ContentVariants.small}>
           {galleryItems.length}
           {countText}
         </Content>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "6.0.0-alpha.105",
+  "version": "6.0.0-alpha.107",
   "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.94",
+    "@patternfly/ast-helpers": "^1.4.0-alpha.96",
     "@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": "923df9e99117dc7ba45a6b6e5420928c8f185d56"
+  "gitHead": "32f58f603d7cb3aebcd6801e6cc2935ef4810d13"
 }

package/scripts/md/styled-tags.js

@@ -26,7 +26,7 @@ function styledTags() {
       node.properties.className = node.properties.className || '';
       
       if (contentStyledMdTags.includes(node.tagName)) {
-        node.properties.className += `pf-v6-c-content--${node.tagName}`;
+        node.properties.className += `pf-v6-c-content--${node.tagName} pf-m-editorial`;
       }
 
       if (styledMdTags.includes(node.tagName)) {

package/scripts/md/typecheck.js

@@ -37,7 +37,11 @@ const reactStyles = globSync(path.join(reactStylesDir, 'css/**/*.d.ts'))
 const defaultImports = [
   'react',
   '@reach/router',
+  '@patternfly/react-charts/echarts',
   '@patternfly/react-charts/next',
+  '@patternfly/react-charts/next/echarts',
+  '@patternfly/react-charts/next/victory',
+  '@patternfly/react-charts/victory',
   '@patternfly/react-core/next',
   '@patternfly/react-core/deprecated',
   '@patternfly/react-table/deprecated',

package/templates/mdx.js

@@ -249,7 +249,7 @@ export const MDXTemplate = ({
           variant={!isSinglePage ? PageSectionVariants.light : ""}
           isWidthLimited
         >
-          <Content>
+          <Content isEditorial>
             <Flex alignItems={{ default: 'alignItemsCenter'}}>
               <FlexItem>
                 <Title headingLevel='h1' size='4xl' id="ws-page-title">