@patternfly/documentation-framework 6.37.0 → 6.38.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 6.38.0 (2026-04-14)
+
+
+### Features
+
+* **site:** update doc-core to 1.22.0 ([#4946](https://github.com/patternfly/patternfly-org/issues/4946)) ([fc290d0](https://github.com/patternfly/patternfly-org/commit/fc290d030bc34d1728fc9a3948fed4e5b4be5df3))
+
+
+
+
+
 # 6.37.0 (2026-04-06)
 
 

package/components/index.js

@@ -8,7 +8,7 @@ export * from './propsTable/propsTable';
 export * from './navAnnouncementBanner/navAnnouncementBanner';
 export * from './sideNav/sideNav';
 export * from './topNav/topNav';
-export * from './link/link';
+export * from './link/link.jsx';
 export * from './tableOfContents/tableOfContents';
 export * from './inlineAlert/inlineAlert';
 export * from './themeSelector/themeSelector';

package/components/link/{link.js → link.jsx}

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Link as ReachLink, navigate } from '@reach/router';
-import { getAsyncComponent } from '../../routes';
+const { getAsyncComponent } = require('../../routes');
 
 const Promiseany = (
   Promise.any ||

package/components/sectionGallery/{sectionDataListLayout.js → sectionDataListLayout.jsx}

@@ -11,8 +11,8 @@ import {
   ContentVariants,
   Label,
 } from "@patternfly/react-core";
-import { Link } from "../link/link";
-import { TextSummary } from "./TextSummary";
+import { Link } from "../link/link.jsx";
+import { TextSummary } from "./TextSummary.jsx";
 
 export const SectionDataListLayout = ({
   galleryItems,

package/components/sectionGallery/sectionGallery.js

@@ -1,78 +1 @@
-import React from "react";
-
-import './sectionGallery.css';
-import { SectionGalleryToolbar } from "./sectionGalleryToolbar";
-import { SectionGalleryLayout } from "./sectionGalleryLayout";
-import { SectionDataListLayout } from "./sectionDataListLayout";
-import { SectionGalleryWrapper } from "./sectionGalleryWrapper";
-
-/** 
- * Helper component returns gallery of items with search toolbar and switchable gallery/data list views.
- * @param {Object} illustrations - Object of preview images mapped to their snake_case item display name
- * @param {string} section - Name of the navigation section to create the gallery within
- * @param {Object} galleryItemsData - Object containing the image location & summary text mapped to the gallery item's hyphenated-name
- * @param {string} [placeholderText=Search by name] - Optional text to be displayed as placeholder for SearchInput
- * @param {string} [countText= items] - Optional text to be displayed after the number of search results
- * @param {string} [initialLayout=grid] - Optional text to indicate whether to default to grid or list layout
- * @param {Boolean} [hasGridText=false] - Optional boolean to toggle text on grid layout cards
- * @param {Boolean} [hasGridImages=false] - Optional boolean to toggle images on grid layout cards
- * @param {Boolean} [hasListText=false] - Optional boolean to toggle text on list layout rows
- * @param {Boolean} [hasListImages=false] - Optional boolean to toggle images on list layout rows
- * @param {Boolean} [isFullWidth=true] - Optional boolean to disable component from exceeding default max-width for page
-*/
-
-export const SectionGallery = ({
-  illustrations,
-  section,
-  subsection = null,
-  includeSubsections = false,
-  parseSubsections = false,
-  galleryItemsData,
-  placeholderText,
-  countText,
-  initialLayout = "grid",
-  hasGridText = false,
-  hasGridImages = true,
-  hasListText = true,
-  hasListImages = true,
-  isFullWidth = true,
-  onlyShowInGalleryData = false
-}) => (
-  <SectionGalleryWrapper
-    illustrations={illustrations}
-    section={section}
-    subsection={subsection}
-    includeSubsections={includeSubsections}
-    parseSubsections={parseSubsections}
-    galleryItemsData={galleryItemsData}
-    initialLayout={initialLayout}
-    isFullWidth={isFullWidth}
-    onlyShowInGalleryData={onlyShowInGalleryData}
-  >
-    {(sectionGalleryItems, searchTerm, setSearchTerm, layoutView, setLayoutView) => (
-      <>
-        <SectionGalleryToolbar
-          galleryItems={sectionGalleryItems}
-          searchTerm={searchTerm}
-          setSearchTerm={setSearchTerm}
-          layoutView={layoutView}
-          setLayoutView={setLayoutView}
-          placeholderText={placeholderText}
-          countText={countText}
-        />
-        <SectionGalleryLayout
-          galleryItems={sectionGalleryItems}
-          layoutView={layoutView}
-          hasGridText={hasGridText}
-          hasGridImages={hasGridImages}
-        />
-        <SectionDataListLayout
-          galleryItems={sectionGalleryItems}
-          layoutView={layoutView}
-          hasListText={hasListText}
-          hasListImages={hasListImages}
-        />
-      </>
-    )}
-  </SectionGalleryWrapper>
-);
+export * from './sectionGallery.jsx';

package/components/sectionGallery/sectionGallery.jsx

@@ -0,0 +1,78 @@
+import React from "react";
+
+import './sectionGallery.css';
+import { SectionGalleryToolbar } from "./sectionGalleryToolbar.jsx";
+import { SectionGalleryLayout } from "./sectionGalleryLayout.jsx";
+import { SectionDataListLayout } from "./sectionDataListLayout.jsx";
+import { SectionGalleryWrapper } from "./sectionGalleryWrapper.jsx";
+
+/** 
+ * Helper component returns gallery of items with search toolbar and switchable gallery/data list views.
+ * @param {Object} illustrations - Object of preview images mapped to their snake_case item display name
+ * @param {string} section - Name of the navigation section to create the gallery within
+ * @param {Object} galleryItemsData - Object containing the image location & summary text mapped to the gallery item's hyphenated-name
+ * @param {string} [placeholderText=Search by name] - Optional text to be displayed as placeholder for SearchInput
+ * @param {string} [countText= items] - Optional text to be displayed after the number of search results
+ * @param {string} [initialLayout=grid] - Optional text to indicate whether to default to grid or list layout
+ * @param {Boolean} [hasGridText=false] - Optional boolean to toggle text on grid layout cards
+ * @param {Boolean} [hasGridImages=false] - Optional boolean to toggle images on grid layout cards
+ * @param {Boolean} [hasListText=false] - Optional boolean to toggle text on list layout rows
+ * @param {Boolean} [hasListImages=false] - Optional boolean to toggle images on list layout rows
+ * @param {Boolean} [isFullWidth=true] - Optional boolean to disable component from exceeding default max-width for page
+*/
+
+export const SectionGallery = ({
+  illustrations,
+  section,
+  subsection = null,
+  includeSubsections = false,
+  parseSubsections = false,
+  galleryItemsData,
+  placeholderText,
+  countText,
+  initialLayout = "grid",
+  hasGridText = false,
+  hasGridImages = true,
+  hasListText = true,
+  hasListImages = true,
+  isFullWidth = true,
+  onlyShowInGalleryData = false
+}) => (
+  <SectionGalleryWrapper
+    illustrations={illustrations}
+    section={section}
+    subsection={subsection}
+    includeSubsections={includeSubsections}
+    parseSubsections={parseSubsections}
+    galleryItemsData={galleryItemsData}
+    initialLayout={initialLayout}
+    isFullWidth={isFullWidth}
+    onlyShowInGalleryData={onlyShowInGalleryData}
+  >
+    {(sectionGalleryItems, searchTerm, setSearchTerm, layoutView, setLayoutView) => (
+      <>
+        <SectionGalleryToolbar
+          galleryItems={sectionGalleryItems}
+          searchTerm={searchTerm}
+          setSearchTerm={setSearchTerm}
+          layoutView={layoutView}
+          setLayoutView={setLayoutView}
+          placeholderText={placeholderText}
+          countText={countText}
+        />
+        <SectionGalleryLayout
+          galleryItems={sectionGalleryItems}
+          layoutView={layoutView}
+          hasGridText={hasGridText}
+          hasGridImages={hasGridImages}
+        />
+        <SectionDataListLayout
+          galleryItems={sectionGalleryItems}
+          layoutView={layoutView}
+          hasListText={hasListText}
+          hasListImages={hasListImages}
+        />
+      </>
+    )}
+  </SectionGalleryWrapper>
+);

package/components/sectionGallery/{sectionGalleryLayout.js → sectionGalleryLayout.jsx}

@@ -10,7 +10,7 @@ import {
   Label,
 } from '@patternfly/react-core';
 import { navigate } from '@reach/router';
-import { TextSummary } from './TextSummary';
+import { TextSummary } from './TextSummary.jsx';
 
 export const SectionGalleryLayout = ({
   galleryItems,

package/components/sideNav/sideNav.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Link } from '../link/link';
+import { Link } from '../link/link.jsx';
 import {
   Label,
   Nav,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "6.37.0",
+  "version": "6.38.0",
   "author": "Red Hat",
   "license": "MIT",
   "bin": {
@@ -92,5 +92,5 @@
     "http-cache-semantics": ">=4.1.1",
     "nanoid": "3.3.8"
   },
-  "gitHead": "49ab888825daee558ceee7e683ef61ec137a05a7"
+  "gitHead": "b5d16750cf82ed9a231862c9262eb67eb205cc01"
 }

package/templates/design-guidelines.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Link } from '@patternfly/documentation-framework/components/link/link';
+import { Link } from '@patternfly/documentation-framework/components/link/link.jsx';
 
 export const DesignGuidelineTemplate = (
   <React.Fragment>