@patternfly/documentation-framework 6.0.0-alpha.99 → 6.0.2

package/CHANGELOG.md

@@ -3,6 +3,285 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.0.2 (2024-10-30)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+## 6.0.1 (2024-10-29)
+
+
+### Bug Fixes
+
+* bump extension docs to v6 ([#4344](https://github.com/patternfly/patternfly-org/issues/4344)) ([bd2fd88](https://github.com/patternfly/patternfly-org/commit/bd2fd88f4eec0fb6afe3f74bd623254671cf9f5b))
+
+
+
+
+
+# 6.0.0-alpha.127 (2024-10-29)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.126 (2024-10-29)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.125 (2024-10-28)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.124 (2024-10-28)
+
+
+### Features
+
+* **site:** update version switcher for v5 ([#4312](https://github.com/patternfly/patternfly-org/issues/4312)) ([84b72dd](https://github.com/patternfly/patternfly-org/commit/84b72dde9debe46b56973e2bdfcbba02afa13de7))
+
+
+
+
+
+# 6.0.0-alpha.123 (2024-10-25)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.122 (2024-10-25)
+
+
+### Bug Fixes
+
+* **docs:** hardcode Tile deprecation, fix console errors ([#4341](https://github.com/patternfly/patternfly-org/issues/4341)) ([f2a8ce7](https://github.com/patternfly/patternfly-org/commit/f2a8ce7df4937579e8868bde7b08863128f5671b))
+
+
+
+
+
+# 6.0.0-alpha.121 (2024-10-24)
+
+
+### Bug Fixes
+
+* partial bump to 6.0.0 versions ([#4337](https://github.com/patternfly/patternfly-org/issues/4337)) ([ef5b23c](https://github.com/patternfly/patternfly-org/commit/ef5b23c6724f87ab5c1a593c744561f546bc1567))
+
+
+
+
+
+# 6.0.0-alpha.120 (2024-10-18)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.119 (2024-10-18)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.118 (2024-10-18)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.117 (2024-10-14)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.116 (2024-10-14)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.115 (2024-10-14)
+
+
+### Features
+
+* add chatbot docs ([#4316](https://github.com/patternfly/patternfly-org/issues/4316)) ([31432c1](https://github.com/patternfly/patternfly-org/commit/31432c1146b4a7b2ee56f2325b65c21f223218bc))
+
+
+
+
+
+# 6.0.0-alpha.114 (2024-10-10)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.113 (2024-10-09)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.112 (2024-10-08)
+
+
+### Features
+
+* **version:** update to extension prerelease ([#4309](https://github.com/patternfly/patternfly-org/issues/4309)) ([7259b79](https://github.com/patternfly/patternfly-org/commit/7259b79c01f45b33d84c848a8a01820fee75ddae))
+
+
+
+
+
+# 6.0.0-alpha.111 (2024-10-08)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.110 (2024-10-07)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.109 (2024-10-02)
+
+
+### Features
+
+* **ver:** update to rc versions ([#4292](https://github.com/patternfly/patternfly-org/issues/4292)) ([c483e10](https://github.com/patternfly/patternfly-org/commit/c483e102f4dd061262e0faa953483f0d0ca164df))
+
+
+
+
+
+# 6.0.0-alpha.108 (2024-10-02)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 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
+
+
+
+
+
+# 6.0.0-alpha.104 (2024-09-25)
+
+
+### Bug Fixes
+
+* **search:** add search bar back in ([#4199](https://github.com/patternfly/patternfly-org/issues/4199)) ([f8e7ec8](https://github.com/patternfly/patternfly-org/commit/f8e7ec8281b95b683e168f3ca74400747ac10fcc))
+
+
+
+
+
+# 6.0.0-alpha.103 (2024-09-25)
+
+
+### Bug Fixes
+
+* Reenabled patternfly quickstarts. ([#4267](https://github.com/patternfly/patternfly-org/issues/4267)) ([25c87bb](https://github.com/patternfly/patternfly-org/commit/25c87bb5f1dbc42d04a95c2e9e254692c7f99b5c))
+
+
+
+
+
+# 6.0.0-alpha.102 (2024-09-23)
+
+
+### Bug Fixes
+
+* **sideNav:** revert temp fix for tokens update ([#4270](https://github.com/patternfly/patternfly-org/issues/4270)) ([4ccd2f0](https://github.com/patternfly/patternfly-org/commit/4ccd2f01f780e706cbfa0664007f3bdf873797ad))
+
+
+
+
+
+# 6.0.0-alpha.101 (2024-09-23)
+
+
+### Features
+
+* **site:** version bump ([#4276](https://github.com/patternfly/patternfly-org/issues/4276)) ([d9c2648](https://github.com/patternfly/patternfly-org/commit/d9c26480a5ac2c7922d0de4c912b9bbe2e25e18c))
+
+
+
+
+
+# 6.0.0-alpha.100 (2024-09-23)
+
+
+### Bug Fixes
+
+* **chokidar:** update chokidar watch calls as v4 does not support globs ([#4272](https://github.com/patternfly/patternfly-org/issues/4272)) ([82232ec](https://github.com/patternfly/patternfly-org/commit/82232ecbfc928a61b57f80ccc43bbb729dce94db))
+
+
+
+
+
 # 6.0.0-alpha.99 (2024-09-19)
 
 **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/cssVariables/cssVariables.js

@@ -1,16 +1,9 @@
-import React from "react";
-import { List, ListItem, debounce } from "@patternfly/react-core";
-import {
-  Table,
-  Thead,
-  Th,
-  Tr,
-  Tbody,
-  Td
-} from "@patternfly/react-table";
-import { AutoLinkHeader } from "../autoLinkHeader/autoLinkHeader";
-import * as tokensModule from "@patternfly/react-tokens/dist/esm/componentIndex";
-import LevelUpAltIcon from "@patternfly/react-icons/dist/esm/icons/level-up-alt-icon";
+import React from 'react';
+import { List, ListItem, debounce } from '@patternfly/react-core';
+import { Table, Thead, Th, Tr, Tbody, Td } from '@patternfly/react-table';
+import { AutoLinkHeader } from '../autoLinkHeader/autoLinkHeader';
+import * as tokensModule from '@patternfly/react-tokens/dist/esm/componentIndex';
+import LevelUpAltIcon from '@patternfly/react-icons/dist/esm/icons/level-up-alt-icon';
 import { CSSSearch } from './cssSearch';
 
 const isColorRegex = /^(#|rgb)/;
@@ -19,27 +12,25 @@ const mappingAsList = (property, values) => (
   <List isPlain>
     <ListItem>{property}</ListItem>
     {values.map((entry) => (
-      <ListItem
-        icon={<LevelUpAltIcon className="rotate-90-deg" />}
-      >
+      <ListItem key={entry} icon={<LevelUpAltIcon className="rotate-90-deg" />}>
         {entry}
       </ListItem>
     ))}
   </List>
 );
 
-const flattenList = files => {
+const flattenList = (files) => {
   let list = [];
-  files.forEach(file => {
+  files.forEach((file) => {
     Object.entries(file).forEach(([selector, values]) => {
-      if(values !== undefined) {
+      if (values !== undefined) {
         Object.entries(values).forEach(([key, val]) => {
           list.push({
             selector,
             property: val.name,
             token: key,
             value: val.value,
-            values: val.values
+            values: val.values,
           });
         });
       }
@@ -51,15 +42,15 @@ const flattenList = files => {
 export class CSSVariables extends React.Component {
   constructor(props) {
     super(props);
-    const prefixToken = props.prefix.replace("pf-v6-", "").replace(/-+/g, "_");
+    const prefixToken = props.prefix.replace('pf-v6-', '').replace(/-+/g, '_');
     const applicableFiles = Object.entries(tokensModule)
       .filter(([key, val]) => prefixToken === key)
       .sort(([key1], [key2]) => key1.localeCompare(key2))
       .map(([key, val]) => {
         if (props.selector) {
           return {
-            [props.selector]: val[props.selector]
-          }
+            [props.selector]: val[props.selector],
+          };
         }
         return val;
       });
@@ -69,15 +60,15 @@ export class CSSVariables extends React.Component {
     this.state = {
       searchRE: '',
       rows: this.getFilteredRows(),
-      allRowsExpanded: true
+      allRowsExpanded: true,
     };
   }
 
   getFilteredRows = (searchRE) => {
     let filteredRows = [];
     let rowNumber = -1;
-    this.flatList.forEach(row => {
-      const { selector, property, token, value, values} = row;
+    this.flatList.forEach((row) => {
+      const { selector, property, token, value, values } = row;
       const passes =
         !searchRE ||
         searchRE.test(selector) ||
@@ -88,7 +79,7 @@ export class CSSVariables extends React.Component {
         const rowKey = `${selector}_${property}`;
         const isColor = isColorRegex.test(value);
         const cells = [
-          ...this.props.hideSelectorColumn ? [] : [selector],
+          ...(this.props.hideSelectorColumn ? [] : [selector]),
           property,
           <div key={rowKey}>
             <div
@@ -100,7 +91,10 @@ export class CSSVariables extends React.Component {
                   key={`${rowKey}_2`}
                   className="pf-v6-l-flex pf-m-column pf-m-align-self-center"
                 >
-                  <span className="circle" style={{ backgroundColor: `var(${property})`}}/>
+                  <span
+                    className="circle"
+                    style={{ backgroundColor: `var(${property})` }}
+                  />
                 </div>
               )}
               <div
@@ -110,20 +104,22 @@ export class CSSVariables extends React.Component {
                 {isColor && '(In light theme)'} {value}
               </div>
             </div>
-          </div>
+          </div>,
         ];
         filteredRows.push({
           isOpen: values ? false : undefined,
           cells,
-          details: values ? {
-            parent: rowNumber,
-            fullWidth: true,
-            data: mappingAsList(property, values)
-          } : undefined
+          details: values
+            ? {
+                parent: rowNumber,
+                fullWidth: true,
+                data: mappingAsList(property, values),
+              }
+            : undefined,
         });
         rowNumber += 1;
         if (values) {
-          rowNumber += 1
+          rowNumber += 1;
         }
       }
     });
@@ -136,28 +132,35 @@ export class CSSVariables extends React.Component {
     let newRows = Array.from(rows);
 
     if (collapseAll) {
-      newRows = newRows.map(r => (r.isOpen === undefined ? r : { ...r, isOpen }));
+      newRows = newRows.map((r) =>
+        r.isOpen === undefined ? r : { ...r, isOpen }
+      );
     } else {
       newRows[rowKey] = { ...newRows[rowKey], isOpen };
     }
-    this.setState(prevState => ({
+    this.setState((prevState) => ({
       rows: newRows,
-      ...(collapseAll && {allRowsExpanded: !prevState.allRowsExpanded})
+      ...(collapseAll && { allRowsExpanded: !prevState.allRowsExpanded }),
     }));
   };
 
-  getDebouncedFilteredRows = debounce(value => {
-    const searchRE = new RegExp(value, "i");
+  getDebouncedFilteredRows = debounce((value) => {
+    const searchRE = new RegExp(value, 'i');
     this.setState({
       searchRE,
-      rows: this.getFilteredRows(searchRE)
+      rows: this.getFilteredRows(searchRE),
     });
   }, 500);
 
   render() {
     return (
       <React.Fragment>
-        {this.props.autoLinkHeader && <AutoLinkHeader headingLevel="h3" className="pf-v6-u-mt-lg pf-v6-u-mb-md">{`Prefixed with '${this.props.prefix}'`}</AutoLinkHeader>}
+        {this.props.autoLinkHeader && (
+          <AutoLinkHeader
+            headingLevel="h3"
+            className="pf-v6-u-mt-lg pf-v6-u-mb-md"
+          >{`Prefixed with '${this.props.prefix}'`}</AutoLinkHeader>
+        )}
         <CSSSearch getDebouncedFilteredRows={this.getDebouncedFilteredRows} />
         <Table
           variant="compact"
@@ -183,11 +186,11 @@ export class CSSVariables extends React.Component {
                     expand={
                       row.details
                         ? {
-                          rowIndex,
-                          isExpanded: row.isOpen,
-                          onToggle: this.onCollapse,
-                          expandId: `css-vars-expandable-toggle-${this.props.prefix}`
-                        }
+                            rowIndex,
+                            isExpanded: row.isOpen,
+                            onToggle: this.onCollapse,
+                            expandId: `css-vars-expandable-toggle-${this.props.prefix}`,
+                          }
                         : undefined
                     }
                   />
@@ -198,19 +201,22 @@ export class CSSVariables extends React.Component {
                 {row.details ? (
                   <Tr isExpanded={row.isOpen}>
                     {!row.details.fullWidth ? <Td /> : null}
-                    <Td dataLabel="Selector" colSpan={5}>{row.details.data}</Td>
+                    <Td dataLabel="Selector" colSpan={5}>
+                      {row.details.data}
+                    </Td>
                   </Tr>
                 ) : null}
               </Tbody>
-            ))) : (
-              <Tbody>
-                {this.state.rows.map((row, rowIndex) => (
-                  <Tr key={rowIndex}>
-                    <Td dataLabel="Variable">{row.cells[0]}</Td>
-                    <Td dataLabel="Value">{row.cells[1]}</Td>
-                  </Tr>
-                ))}
-              </Tbody>
+            ))
+          ) : (
+            <Tbody>
+              {this.state.rows.map((row, rowIndex) => (
+                <Tr key={rowIndex}>
+                  <Td dataLabel="Variable">{row.cells[0]}</Td>
+                  <Td dataLabel="Value">{row.cells[1]}</Td>
+                </Tr>
+              ))}
+            </Tbody>
           )}
         </Table>
       </React.Fragment>