@patternfly/documentation-framework 6.0.0-alpha.68 → 6.0.0-alpha.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/layouts/sideNavLayout/sideNavLayout.js +157 -84
- package/package.json +7 -7
- package/versions.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# 6.0.0-alpha.69 (2024-07-29)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **ver:** update v6 beta versions ([#4160](https://github.com/patternfly/patternfly-org/issues/4160)) ([7790b3c](https://github.com/patternfly/patternfly-org/commit/7790b3cefc5236815899320965a72b7b990cebca))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# 6.0.0-alpha.68 (2024-07-29)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @patternfly/documentation-framework
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useEffect, useState, createContext } from
|
|
1
|
+
import React, { useEffect, useState, createContext } from "react";
|
|
2
2
|
import {
|
|
3
3
|
Button,
|
|
4
4
|
Page,
|
|
@@ -26,16 +26,17 @@ import {
|
|
|
26
26
|
Switch,
|
|
27
27
|
// SearchInput,
|
|
28
28
|
ToggleGroup,
|
|
29
|
-
ToggleGroupItem
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
import
|
|
33
|
-
import
|
|
34
|
-
import
|
|
35
|
-
import
|
|
36
|
-
import
|
|
37
|
-
import
|
|
38
|
-
import
|
|
29
|
+
ToggleGroupItem,
|
|
30
|
+
MastheadLogo,
|
|
31
|
+
} from "@patternfly/react-core";
|
|
32
|
+
import BarsIcon from "@patternfly/react-icons/dist/esm/icons/bars-icon";
|
|
33
|
+
import GithubIcon from "@patternfly/react-icons/dist/esm/icons/github-icon";
|
|
34
|
+
import MoonIcon from "@patternfly/react-icons/dist/esm/icons/moon-icon";
|
|
35
|
+
import SunIcon from "@patternfly/react-icons/dist/esm/icons/sun-icon";
|
|
36
|
+
import { SideNav, TopNav, GdprBanner } from "../../components";
|
|
37
|
+
import staticVersions from "../../versions.json";
|
|
38
|
+
import v5Logo from "../PF-HorizontalLogo-Reverse.svg";
|
|
39
|
+
import { Footer } from "@patternfly/documentation-framework/components";
|
|
39
40
|
|
|
40
41
|
export const RtlContext = createContext(false);
|
|
41
42
|
|
|
@@ -47,11 +48,15 @@ const HeaderTools = ({
|
|
|
47
48
|
hasRTLSwitcher,
|
|
48
49
|
topNavItems,
|
|
49
50
|
isRTL,
|
|
50
|
-
setIsRTL
|
|
51
|
+
setIsRTL,
|
|
51
52
|
}) => {
|
|
52
|
-
const initialVersion = staticVersions.Releases.find(
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
const initialVersion = staticVersions.Releases.find(
|
|
54
|
+
(release) => release.latest
|
|
55
|
+
);
|
|
56
|
+
const latestVersion = versions.Releases.find((version) => version.latest);
|
|
57
|
+
const previousReleases = Object.values(versions.Releases).filter(
|
|
58
|
+
(version) => !version.hidden && !version.latest
|
|
59
|
+
);
|
|
55
60
|
// const hasSearch = algolia;
|
|
56
61
|
const [isDropdownOpen, setDropdownOpen] = useState(false);
|
|
57
62
|
// const [searchValue, setSearchValue] = React.useState('');
|
|
@@ -59,7 +64,11 @@ const HeaderTools = ({
|
|
|
59
64
|
const [isDarkTheme, setIsDarkTheme] = React.useState(false);
|
|
60
65
|
|
|
61
66
|
const getDropdownItem = (version, isLatest = false) => (
|
|
62
|
-
<DropdownItem
|
|
67
|
+
<DropdownItem
|
|
68
|
+
itemId={version.name}
|
|
69
|
+
key={version.name}
|
|
70
|
+
to={isLatest ? "/" : `/${version.name}`}
|
|
71
|
+
>
|
|
63
72
|
{`Current ${version.name}`}
|
|
64
73
|
</DropdownItem>
|
|
65
74
|
);
|
|
@@ -73,8 +82,10 @@ const HeaderTools = ({
|
|
|
73
82
|
// };
|
|
74
83
|
|
|
75
84
|
const toggleDarkTheme = (_evt, selected) => {
|
|
76
|
-
const darkThemeToggleClicked = !selected === isDarkTheme
|
|
77
|
-
document
|
|
85
|
+
const darkThemeToggleClicked = !selected === isDarkTheme;
|
|
86
|
+
document
|
|
87
|
+
.querySelector("html")
|
|
88
|
+
.classList.toggle("pf-v6-theme-dark", darkThemeToggleClicked);
|
|
78
89
|
setIsDarkTheme(darkThemeToggleClicked);
|
|
79
90
|
};
|
|
80
91
|
|
|
@@ -93,20 +104,41 @@ const HeaderTools = ({
|
|
|
93
104
|
<TopNav navItems={topNavItems} />
|
|
94
105
|
</ToolbarItem>
|
|
95
106
|
)}
|
|
96
|
-
<ToolbarGroup
|
|
97
|
-
align={{ default: 'alignEnd' }}
|
|
98
|
-
>
|
|
107
|
+
<ToolbarGroup align={{ default: "alignEnd" }}>
|
|
99
108
|
{hasDarkThemeSwitcher && (
|
|
100
109
|
<ToolbarItem>
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
110
|
+
<ToggleGroup aria-label="Dark theme toggle group">
|
|
111
|
+
<ToggleGroupItem
|
|
112
|
+
aria-label="light theme toggle"
|
|
113
|
+
icon={
|
|
114
|
+
<Icon size="md">
|
|
115
|
+
<SunIcon />
|
|
116
|
+
</Icon>
|
|
117
|
+
}
|
|
118
|
+
isSelected={!isDarkTheme}
|
|
119
|
+
onChange={toggleDarkTheme}
|
|
120
|
+
/>
|
|
121
|
+
<ToggleGroupItem
|
|
122
|
+
aria-label="dark theme toggle"
|
|
123
|
+
icon={
|
|
124
|
+
<Icon size="md">
|
|
125
|
+
<MoonIcon />
|
|
126
|
+
</Icon>
|
|
127
|
+
}
|
|
128
|
+
isSelected={isDarkTheme}
|
|
129
|
+
onChange={toggleDarkTheme}
|
|
130
|
+
/>
|
|
131
|
+
</ToggleGroup>
|
|
105
132
|
</ToolbarItem>
|
|
106
133
|
)}
|
|
107
134
|
{hasRTLSwitcher && (
|
|
108
135
|
<ToolbarItem>
|
|
109
|
-
<Switch
|
|
136
|
+
<Switch
|
|
137
|
+
id="ws-rtl-switch"
|
|
138
|
+
label={"RTL"}
|
|
139
|
+
defaultChecked={isRTL}
|
|
140
|
+
onChange={() => setIsRTL((isRTL) => !isRTL)}
|
|
141
|
+
/>
|
|
110
142
|
</ToolbarItem>
|
|
111
143
|
)}
|
|
112
144
|
{/* {hasSearch && (
|
|
@@ -155,16 +187,22 @@ const HeaderTools = ({
|
|
|
155
187
|
</DropdownList>
|
|
156
188
|
</DropdownGroup>
|
|
157
189
|
{previousReleases.length > 0 && (
|
|
158
|
-
<DropdownGroup
|
|
190
|
+
<DropdownGroup
|
|
191
|
+
key="Previous releases"
|
|
192
|
+
label="Previous releases"
|
|
193
|
+
>
|
|
159
194
|
<DropdownList>
|
|
160
195
|
{previousReleases
|
|
161
|
-
.slice(0,3)
|
|
162
|
-
.map(version => getDropdownItem(version))}
|
|
196
|
+
.slice(0, 3)
|
|
197
|
+
.map((version) => getDropdownItem(version))}
|
|
163
198
|
</DropdownList>
|
|
164
199
|
</DropdownGroup>
|
|
165
200
|
)}
|
|
166
|
-
<Divider key="divider1"/>
|
|
167
|
-
<DropdownGroup
|
|
201
|
+
<Divider key="divider1" />
|
|
202
|
+
<DropdownGroup
|
|
203
|
+
key="Alpha preview version"
|
|
204
|
+
label="Alpha preview version"
|
|
205
|
+
>
|
|
168
206
|
<DropdownList>
|
|
169
207
|
<DropdownItem
|
|
170
208
|
key="PatternFly 6"
|
|
@@ -177,8 +215,11 @@ const HeaderTools = ({
|
|
|
177
215
|
</DropdownItem>
|
|
178
216
|
</DropdownList>
|
|
179
217
|
</DropdownGroup>
|
|
180
|
-
<Divider key="divider2"/>
|
|
181
|
-
<DropdownGroup
|
|
218
|
+
<Divider key="divider2" />
|
|
219
|
+
<DropdownGroup
|
|
220
|
+
key="Previous versions"
|
|
221
|
+
label="Previous versions"
|
|
222
|
+
>
|
|
182
223
|
<DropdownList>
|
|
183
224
|
<DropdownItem
|
|
184
225
|
key="PatternFly 5"
|
|
@@ -212,10 +253,11 @@ const HeaderTools = ({
|
|
|
212
253
|
</Dropdown>
|
|
213
254
|
</ToolbarItem>
|
|
214
255
|
)}
|
|
215
|
-
</ToolbarGroup
|
|
256
|
+
</ToolbarGroup>
|
|
257
|
+
</ToolbarContent>
|
|
216
258
|
</Toolbar>
|
|
217
259
|
);
|
|
218
|
-
}
|
|
260
|
+
};
|
|
219
261
|
|
|
220
262
|
// https://github.com/algolia/autocomplete.js#global-options
|
|
221
263
|
export function attachDocSearch(algolia, inputSelector, timeout) {
|
|
@@ -226,16 +268,19 @@ export function attachDocSearch(algolia, inputSelector, timeout) {
|
|
|
226
268
|
hint: false,
|
|
227
269
|
appendTo: `.ws-global-search .pf-v6-c-text-input-group`,
|
|
228
270
|
},
|
|
229
|
-
debug: process.env.NODE_ENV !==
|
|
230
|
-
...algolia
|
|
271
|
+
debug: process.env.NODE_ENV !== "production",
|
|
272
|
+
...algolia,
|
|
231
273
|
});
|
|
232
|
-
}
|
|
233
|
-
else {
|
|
274
|
+
} else {
|
|
234
275
|
setTimeout(() => attachDocSearch(algolia, inputSelector, timeout), timeout);
|
|
235
276
|
}
|
|
236
277
|
}
|
|
237
278
|
|
|
238
|
-
export const SideNavLayout = ({
|
|
279
|
+
export const SideNavLayout = ({
|
|
280
|
+
children,
|
|
281
|
+
groupedRoutes,
|
|
282
|
+
navOpen: navOpenProp,
|
|
283
|
+
}) => {
|
|
239
284
|
const algolia = process.env.algolia;
|
|
240
285
|
const hasGdprBanner = process.env.hasGdprBanner;
|
|
241
286
|
const hasVersionSwitcher = process.env.hasVersionSwitcher;
|
|
@@ -250,13 +295,13 @@ export const SideNavLayout = ({ children, groupedRoutes, navOpen: navOpenProp })
|
|
|
250
295
|
const [isRTL, setIsRTL] = useState(false);
|
|
251
296
|
|
|
252
297
|
useEffect(() => {
|
|
253
|
-
if (typeof window ===
|
|
298
|
+
if (typeof window === "undefined") {
|
|
254
299
|
return;
|
|
255
300
|
}
|
|
256
301
|
if (hasVersionSwitcher && window.fetch) {
|
|
257
|
-
fetch(
|
|
302
|
+
fetch("/versions.json").then((res) => {
|
|
258
303
|
if (res.ok) {
|
|
259
|
-
res.json().then(json => setVersions(json));
|
|
304
|
+
res.json().then((json) => setVersions(json));
|
|
260
305
|
}
|
|
261
306
|
});
|
|
262
307
|
}
|
|
@@ -272,42 +317,70 @@ export const SideNavLayout = ({ children, groupedRoutes, navOpen: navOpenProp })
|
|
|
272
317
|
|
|
273
318
|
const masthead = (
|
|
274
319
|
<Masthead>
|
|
275
|
-
<MastheadToggle>
|
|
276
|
-
<PageToggleButton variant="plain" aria-label="Global navigation">
|
|
277
|
-
<BarsIcon />
|
|
278
|
-
</PageToggleButton>
|
|
279
|
-
</MastheadToggle>
|
|
280
320
|
<MastheadMain>
|
|
281
|
-
<
|
|
282
|
-
|
|
283
|
-
<
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
<
|
|
292
|
-
<
|
|
293
|
-
|
|
294
|
-
<
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
321
|
+
<MastheadToggle>
|
|
322
|
+
<PageToggleButton variant="plain" aria-label="Global navigation">
|
|
323
|
+
<BarsIcon />
|
|
324
|
+
</PageToggleButton>
|
|
325
|
+
</MastheadToggle>
|
|
326
|
+
<MastheadBrand>
|
|
327
|
+
{prnum ? (
|
|
328
|
+
`PR #${prnum}`
|
|
329
|
+
) : (
|
|
330
|
+
<MastheadLogo href={prurl || "/"}>
|
|
331
|
+
<svg height="40px" viewBox="0 0 679 158">
|
|
332
|
+
<title>PF-HorizontalLogo-Color</title>
|
|
333
|
+
<defs>
|
|
334
|
+
<linearGradient
|
|
335
|
+
x1="68%"
|
|
336
|
+
y1="2.25860997e-13%"
|
|
337
|
+
x2="32%"
|
|
338
|
+
y2="100%"
|
|
339
|
+
id="linearGradient-website-masthead"
|
|
340
|
+
>
|
|
341
|
+
<stop stopColor="#2B9AF3" offset="0%"></stop>
|
|
342
|
+
<stop
|
|
343
|
+
stopColor="#73BCF7"
|
|
344
|
+
stopOpacity="0.502212631"
|
|
345
|
+
offset="100%"
|
|
346
|
+
></stop>
|
|
347
|
+
</linearGradient>
|
|
348
|
+
</defs>
|
|
349
|
+
<g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
|
|
350
|
+
<g
|
|
351
|
+
transform="translate(206.000000, 45.750000)"
|
|
352
|
+
fill="var(--pf-t--global--text--color--regular)"
|
|
353
|
+
fillRule="nonzero"
|
|
354
|
+
>
|
|
355
|
+
<path d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"></path>
|
|
356
|
+
<path d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"></path>
|
|
357
|
+
<path d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"></path>
|
|
358
|
+
<path d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"></path>
|
|
359
|
+
<path d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"></path>
|
|
360
|
+
<path d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"></path>
|
|
361
|
+
<path d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"></path>
|
|
362
|
+
<polygon points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"></polygon>
|
|
363
|
+
<polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"></polygon>
|
|
364
|
+
<path d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"></path>
|
|
365
|
+
</g>
|
|
366
|
+
<g transform="translate(0.000000, 0.000000)">
|
|
367
|
+
<path
|
|
368
|
+
d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
|
|
369
|
+
fill="var(--pf-t--color--blue--50)"
|
|
370
|
+
></path>
|
|
371
|
+
<path
|
|
372
|
+
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
373
|
+
fill="url(#linearGradient-website-masthead)"
|
|
374
|
+
></path>
|
|
375
|
+
<path
|
|
376
|
+
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
377
|
+
fill="url(#linearGradient-website-masthead)"
|
|
378
|
+
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
379
|
+
></path>
|
|
380
|
+
</g>
|
|
308
381
|
</g>
|
|
309
|
-
</
|
|
310
|
-
</
|
|
382
|
+
</svg>
|
|
383
|
+
</MastheadLogo>
|
|
311
384
|
)}
|
|
312
385
|
</MastheadBrand>
|
|
313
386
|
</MastheadMain>
|
|
@@ -326,28 +399,28 @@ export const SideNavLayout = ({ children, groupedRoutes, navOpen: navOpenProp })
|
|
|
326
399
|
)}
|
|
327
400
|
</MastheadContent>
|
|
328
401
|
</Masthead>
|
|
329
|
-
)
|
|
402
|
+
);
|
|
330
403
|
|
|
331
404
|
return (
|
|
332
405
|
<React.Fragment>
|
|
333
|
-
<RtlContext.Provider value={
|
|
406
|
+
<RtlContext.Provider value={isRTL}>
|
|
334
407
|
<Page
|
|
335
408
|
id="ws-page"
|
|
336
409
|
mainContainerId="ws-page-main"
|
|
337
410
|
mainComponent="div"
|
|
338
411
|
masthead={masthead}
|
|
339
412
|
sidebar={SideBar}
|
|
340
|
-
skipToContent={
|
|
413
|
+
skipToContent={
|
|
414
|
+
<SkipToContent href="#ws-page-main">Skip to content</SkipToContent>
|
|
415
|
+
}
|
|
341
416
|
isManagedSidebar
|
|
342
417
|
defaultManagedSidebarIsOpen={navOpenProp}
|
|
343
418
|
>
|
|
344
419
|
{children}
|
|
345
420
|
{process.env.hasFooter && <Footer />}
|
|
346
421
|
</Page>
|
|
347
|
-
<div id="ws-page-banners">
|
|
348
|
-
{hasGdprBanner && <GdprBanner />}
|
|
349
|
-
</div>
|
|
422
|
+
<div id="ws-page-banners">{hasGdprBanner && <GdprBanner />}</div>
|
|
350
423
|
</RtlContext.Provider>
|
|
351
424
|
</React.Fragment>
|
|
352
425
|
);
|
|
353
|
-
}
|
|
426
|
+
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/documentation-framework",
|
|
3
3
|
"description": "A framework to build documentation for PatternFly.",
|
|
4
|
-
"version": "6.0.0-alpha.
|
|
4
|
+
"version": "6.0.0-alpha.69",
|
|
5
5
|
"author": "Red Hat",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"private": false,
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"@babel/preset-env": "^7.24.3",
|
|
14
14
|
"@babel/preset-react": "^7.24.1",
|
|
15
15
|
"@mdx-js/util": "1.6.16",
|
|
16
|
-
"@patternfly/ast-helpers": "^1.4.0-alpha.
|
|
16
|
+
"@patternfly/ast-helpers": "^1.4.0-alpha.58",
|
|
17
17
|
"@reach/router": "npm:@gatsbyjs/reach-router@1.3.9",
|
|
18
18
|
"autoprefixer": "9.8.6",
|
|
19
19
|
"babel-loader": "^9.1.3",
|
|
@@ -73,12 +73,12 @@
|
|
|
73
73
|
"webpack-merge": "5.8.0"
|
|
74
74
|
},
|
|
75
75
|
"peerDependencies": {
|
|
76
|
-
"@patternfly/patternfly": "6.0.0-alpha.
|
|
77
|
-
"@patternfly/react-code-editor": "6.0.0-alpha.
|
|
78
|
-
"@patternfly/react-core": "6.0.0-alpha.
|
|
79
|
-
"@patternfly/react-table": "6.0.0-alpha.
|
|
76
|
+
"@patternfly/patternfly": "6.0.0-alpha.205",
|
|
77
|
+
"@patternfly/react-code-editor": "6.0.0-alpha.94",
|
|
78
|
+
"@patternfly/react-core": "6.0.0-alpha.94",
|
|
79
|
+
"@patternfly/react-table": "6.0.0-alpha.95",
|
|
80
80
|
"react": "^17.0.0 || ^18.0.0",
|
|
81
81
|
"react-dom": "^17.0.0 || ^18.0.0"
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "c86aaf555e816ff9578ac8b02d45557de9591442"
|
|
84
84
|
}
|
package/versions.json
CHANGED
|
@@ -5,24 +5,24 @@
|
|
|
5
5
|
"date": "2023-12-03",
|
|
6
6
|
"latest": true,
|
|
7
7
|
"versions": {
|
|
8
|
-
"@patternfly/patternfly": "6.0.0-alpha.
|
|
8
|
+
"@patternfly/patternfly": "6.0.0-alpha.205",
|
|
9
9
|
"@patternfly/react-catalog-view-extension": "6.0.0-alpha.4",
|
|
10
|
-
"@patternfly/react-charts": "8.0.0-alpha.
|
|
11
|
-
"@patternfly/react-code-editor": "6.0.0-alpha.
|
|
10
|
+
"@patternfly/react-charts": "8.0.0-alpha.36",
|
|
11
|
+
"@patternfly/react-code-editor": "6.0.0-alpha.94",
|
|
12
12
|
"@patternfly/react-component-groups": "6.0.0-alpha.3",
|
|
13
|
-
"@patternfly/react-core": "6.0.0-alpha.
|
|
14
|
-
"@patternfly/react-drag-drop": "6.0.0-alpha.
|
|
15
|
-
"@patternfly/react-icons": "6.0.0-alpha.
|
|
13
|
+
"@patternfly/react-core": "6.0.0-alpha.94",
|
|
14
|
+
"@patternfly/react-drag-drop": "6.0.0-alpha.76",
|
|
15
|
+
"@patternfly/react-icons": "6.0.0-alpha.34",
|
|
16
16
|
"@patternfly/react-log-viewer": "6.0.0-alpha.2",
|
|
17
|
-
"@patternfly/react-styles": "6.0.0-alpha.
|
|
18
|
-
"@patternfly/react-table": "6.0.0-alpha.
|
|
19
|
-
"@patternfly/react-tokens": "6.0.0-alpha.
|
|
17
|
+
"@patternfly/react-styles": "6.0.0-alpha.33",
|
|
18
|
+
"@patternfly/react-table": "6.0.0-alpha.95",
|
|
19
|
+
"@patternfly/react-tokens": "6.0.0-alpha.33",
|
|
20
20
|
"@patternfly/react-topology": "6.0.0-alpha.1",
|
|
21
21
|
"@patternfly/react-user-feedback": "6.0.0-alpha.1",
|
|
22
22
|
"@patternfly/react-console": "6.0.0-alpha.4",
|
|
23
23
|
"@patternfly/quickstarts": "5.1.0",
|
|
24
24
|
"@patternfly/react-virtualized-extension": "6.0.0-alpha.1",
|
|
25
|
-
"@patternfly/react-templates": "6.0.0-alpha.
|
|
25
|
+
"@patternfly/react-templates": "6.0.0-alpha.33"
|
|
26
26
|
}
|
|
27
27
|
},{
|
|
28
28
|
"name": "5.2.0",
|