@patternfly/react-data-view 6.1.0-prerelease.1 → 7.0.0-prerelease.1

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.
Files changed (19) hide show
  1. package/dist/cjs/DataView/DataView.test.js +4 -3
  2. package/dist/cjs/Hooks/pagination.d.ts +9 -1
  3. package/dist/cjs/Hooks/pagination.js +36 -4
  4. package/dist/cjs/Hooks/pagination.test.js +53 -1
  5. package/dist/esm/DataView/DataView.test.js +4 -3
  6. package/dist/esm/Hooks/pagination.d.ts +9 -1
  7. package/dist/esm/Hooks/pagination.js +36 -4
  8. package/dist/esm/Hooks/pagination.test.js +53 -1
  9. package/package.json +8 -9
  10. package/patternfly-docs/content/extensions/data-view/examples/Functionality/Functionality.md +9 -2
  11. package/patternfly-docs/content/extensions/data-view/examples/Functionality/PaginationExample.tsx +12 -4
  12. package/patternfly-docs/content/extensions/data-view/examples/Layout/AbstractLayoutExample.tsx +4 -3
  13. package/patternfly-docs/pages/index.js +1 -1
  14. package/release.config.js +5 -1
  15. package/src/DataView/DataView.test.tsx +4 -3
  16. package/src/DataView/__snapshots__/DataView.test.tsx.snap +14 -14
  17. package/src/DataViewToolbar/__snapshots__/DataViewToolbar.test.tsx.snap +166 -208
  18. package/src/Hooks/pagination.test.tsx +81 -1
  19. package/src/Hooks/pagination.ts +65 -15
package/src/DataViewToolbar/__snapshots__/DataViewToolbar.test.tsx.snap CHANGED
@@ -6,32 +6,32 @@ exports[`DataViewToolbar component should render correctly 1`] = `
6
6
  "baseElement": <body>
7
7
  <div>
8
8
  <div
9
- class="pf-v6-c-toolbar"
9
+ class="pf-v5-c-toolbar"
10
10
  data-ouia-component-id="DataViewToolbar"
11
- data-ouia-component-type="PF6/Toolbar"
11
+ data-ouia-component-type="PF5/Toolbar"
12
12
  data-ouia-safe="true"
13
13
  id="pf-random-id-0"
14
14
  >
15
15
  <div
16
- class="pf-v6-c-toolbar__content"
16
+ class="pf-v5-c-toolbar__content"
17
17
  >
18
18
  <div
19
- class="pf-v6-c-toolbar__content-section"
19
+ class="pf-v5-c-toolbar__content-section"
20
20
  >
21
21
  <div
22
- class="pf-v6-c-toolbar__item pf-m-pagination"
22
+ class="pf-v5-c-toolbar__item pf-m-pagination"
23
23
  data-ouia-component-id="DataViewToolbar-pagination"
24
24
  >
25
25
  <div
26
- class="pf-v6-c-pagination"
26
+ class="pf-v5-c-pagination"
27
27
  data-ouia-component-id="OUIA-Generated-Pagination-top-1"
28
- data-ouia-component-type="PF6/Pagination"
28
+ data-ouia-component-type="PF5/Pagination"
29
29
  data-ouia-safe="true"
30
30
  id="options-menu-top-pagination"
31
- style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
31
+ style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
32
32
  >
33
33
  <div
34
- class="pf-v6-c-pagination__total-items"
34
+ class="pf-v5-c-pagination__total-items"
35
35
  >
36
36
  <b>
37
37
  1
@@ -46,21 +46,16 @@ exports[`DataViewToolbar component should render correctly 1`] = `
46
46
  </b>
47
47
 
48
48
  </div>
49
- <div
50
- class="pf-v6-c-pagination__page-menu"
51
- >
49
+ <div>
52
50
  <button
53
51
  aria-expanded="false"
54
52
  aria-haspopup="listbox"
55
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
56
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-1"
57
- data-ouia-component-type="PF6/MenuToggle"
58
- data-ouia-safe="true"
53
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
59
54
  id="options-menu-top-toggle"
60
55
  type="button"
61
56
  >
62
57
  <span
63
- class="pf-v6-c-menu-toggle__text"
58
+ class="pf-v5-c-menu-toggle__text"
64
59
  >
65
60
  <b>
66
61
  1
@@ -76,14 +71,14 @@ exports[`DataViewToolbar component should render correctly 1`] = `
76
71
 
77
72
  </span>
78
73
  <span
79
- class="pf-v6-c-menu-toggle__controls"
74
+ class="pf-v5-c-menu-toggle__controls"
80
75
  >
81
76
  <span
82
- class="pf-v6-c-menu-toggle__toggle-icon"
77
+ class="pf-v5-c-menu-toggle__toggle-icon"
83
78
  >
84
79
  <svg
85
80
  aria-hidden="true"
86
- class="pf-v6-svg"
81
+ class="pf-v5-svg"
87
82
  fill="currentColor"
88
83
  height="1em"
89
84
  role="img"
@@ -100,85 +95,77 @@ exports[`DataViewToolbar component should render correctly 1`] = `
100
95
  </div>
101
96
  <nav
102
97
  aria-label="Pagination"
103
- class="pf-v6-c-pagination__nav"
98
+ class="pf-v5-c-pagination__nav"
104
99
  >
105
100
  <div
106
- class="pf-v6-c-pagination__nav-control pf-m-first"
101
+ class="pf-v5-c-pagination__nav-control pf-m-first"
107
102
  >
108
103
  <button
109
- aria-disabled="false"
104
+ aria-disabled="true"
110
105
  aria-label="Go to first page"
111
- class="pf-v6-c-button pf-m-plain"
106
+ class="pf-v5-c-button pf-m-plain pf-m-disabled"
112
107
  data-action="first"
113
108
  data-ouia-component-id="OUIA-Generated-Button-plain-1"
114
- data-ouia-component-type="PF6/Button"
109
+ data-ouia-component-type="PF5/Button"
115
110
  data-ouia-safe="true"
116
111
  disabled=""
117
112
  type="button"
118
113
  >
119
- <span
120
- class="pf-v6-c-button__icon pf-m-start"
114
+ <svg
115
+ aria-hidden="true"
116
+ class="pf-v5-svg"
117
+ fill="currentColor"
118
+ height="1em"
119
+ role="img"
120
+ viewBox="0 0 448 512"
121
+ width="1em"
121
122
  >
122
- <svg
123
- aria-hidden="true"
124
- class="pf-v6-svg"
125
- fill="currentColor"
126
- height="1em"
127
- role="img"
128
- viewBox="0 0 448 512"
129
- width="1em"
130
- >
131
- <path
132
- d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
133
- />
134
- </svg>
135
- </span>
123
+ <path
124
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
125
+ />
126
+ </svg>
136
127
  </button>
137
128
  </div>
138
129
  <div
139
- class="pf-v6-c-pagination__nav-control"
130
+ class="pf-v5-c-pagination__nav-control"
140
131
  >
141
132
  <button
142
- aria-disabled="false"
133
+ aria-disabled="true"
143
134
  aria-label="Go to previous page"
144
- class="pf-v6-c-button pf-m-plain"
135
+ class="pf-v5-c-button pf-m-plain pf-m-disabled"
145
136
  data-action="previous"
146
137
  data-ouia-component-id="OUIA-Generated-Button-plain-2"
147
- data-ouia-component-type="PF6/Button"
138
+ data-ouia-component-type="PF5/Button"
148
139
  data-ouia-safe="true"
149
140
  disabled=""
150
141
  type="button"
151
142
  >
152
- <span
153
- class="pf-v6-c-button__icon pf-m-start"
143
+ <svg
144
+ aria-hidden="true"
145
+ class="pf-v5-svg"
146
+ fill="currentColor"
147
+ height="1em"
148
+ role="img"
149
+ viewBox="0 0 256 512"
150
+ width="1em"
154
151
  >
155
- <svg
156
- aria-hidden="true"
157
- class="pf-v6-svg"
158
- fill="currentColor"
159
- height="1em"
160
- role="img"
161
- viewBox="0 0 256 512"
162
- width="1em"
163
- >
164
- <path
165
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
166
- />
167
- </svg>
168
- </span>
152
+ <path
153
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
154
+ />
155
+ </svg>
169
156
  </button>
170
157
  </div>
171
158
  <div
172
- class="pf-v6-c-pagination__nav-page-select"
159
+ class="pf-v5-c-pagination__nav-page-select"
173
160
  >
174
161
  <span
175
- class="pf-v6-c-form-control"
162
+ class="pf-v5-c-form-control"
176
163
  >
177
164
  <input
178
165
  aria-invalid="false"
179
166
  aria-label="Current page"
180
167
  data-ouia-component-id="OUIA-Generated-TextInputBase-1"
181
- data-ouia-component-type="PF6/TextInput"
168
+ data-ouia-component-type="PF5/TextInput"
182
169
  data-ouia-safe="true"
183
170
  max="2"
184
171
  min="1"
@@ -188,67 +175,59 @@ exports[`DataViewToolbar component should render correctly 1`] = `
188
175
  </span>
189
176
  </div>
190
177
  <div
191
- class="pf-v6-c-pagination__nav-control"
178
+ class="pf-v5-c-pagination__nav-control"
192
179
  >
193
180
  <button
194
181
  aria-disabled="false"
195
182
  aria-label="Go to next page"
196
- class="pf-v6-c-button pf-m-plain"
183
+ class="pf-v5-c-button pf-m-plain"
197
184
  data-action="next"
198
185
  data-ouia-component-id="OUIA-Generated-Button-plain-3"
199
- data-ouia-component-type="PF6/Button"
186
+ data-ouia-component-type="PF5/Button"
200
187
  data-ouia-safe="true"
201
188
  type="button"
202
189
  >
203
- <span
204
- class="pf-v6-c-button__icon pf-m-start"
190
+ <svg
191
+ aria-hidden="true"
192
+ class="pf-v5-svg"
193
+ fill="currentColor"
194
+ height="1em"
195
+ role="img"
196
+ viewBox="0 0 256 512"
197
+ width="1em"
205
198
  >
206
- <svg
207
- aria-hidden="true"
208
- class="pf-v6-svg"
209
- fill="currentColor"
210
- height="1em"
211
- role="img"
212
- viewBox="0 0 256 512"
213
- width="1em"
214
- >
215
- <path
216
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
217
- />
218
- </svg>
219
- </span>
199
+ <path
200
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
201
+ />
202
+ </svg>
220
203
  </button>
221
204
  </div>
222
205
  <div
223
- class="pf-v6-c-pagination__nav-control pf-m-last"
206
+ class="pf-v5-c-pagination__nav-control pf-m-last"
224
207
  >
225
208
  <button
226
209
  aria-disabled="false"
227
210
  aria-label="Go to last page"
228
- class="pf-v6-c-button pf-m-plain"
211
+ class="pf-v5-c-button pf-m-plain"
229
212
  data-action="last"
230
213
  data-ouia-component-id="OUIA-Generated-Button-plain-4"
231
- data-ouia-component-type="PF6/Button"
214
+ data-ouia-component-type="PF5/Button"
232
215
  data-ouia-safe="true"
233
216
  type="button"
234
217
  >
235
- <span
236
- class="pf-v6-c-button__icon pf-m-start"
218
+ <svg
219
+ aria-hidden="true"
220
+ class="pf-v5-svg"
221
+ fill="currentColor"
222
+ height="1em"
223
+ role="img"
224
+ viewBox="0 0 448 512"
225
+ width="1em"
237
226
  >
238
- <svg
239
- aria-hidden="true"
240
- class="pf-v6-svg"
241
- fill="currentColor"
242
- height="1em"
243
- role="img"
244
- viewBox="0 0 448 512"
245
- width="1em"
246
- >
247
- <path
248
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
249
- />
250
- </svg>
251
- </span>
227
+ <path
228
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
229
+ />
230
+ </svg>
252
231
  </button>
253
232
  </div>
254
233
  </nav>
@@ -257,11 +236,11 @@ exports[`DataViewToolbar component should render correctly 1`] = `
257
236
  </div>
258
237
  </div>
259
238
  <div
260
- class="pf-v6-c-toolbar__content pf-m-hidden"
239
+ class="pf-v5-c-toolbar__content pf-m-hidden"
261
240
  hidden=""
262
241
  >
263
242
  <div
264
- class="pf-v6-c-toolbar__group"
243
+ class="pf-v5-c-toolbar__group"
265
244
  />
266
245
  </div>
267
246
  </div>
@@ -269,32 +248,32 @@ exports[`DataViewToolbar component should render correctly 1`] = `
269
248
  </body>,
270
249
  "container": <div>
271
250
  <div
272
- class="pf-v6-c-toolbar"
251
+ class="pf-v5-c-toolbar"
273
252
  data-ouia-component-id="DataViewToolbar"
274
- data-ouia-component-type="PF6/Toolbar"
253
+ data-ouia-component-type="PF5/Toolbar"
275
254
  data-ouia-safe="true"
276
255
  id="pf-random-id-0"
277
256
  >
278
257
  <div
279
- class="pf-v6-c-toolbar__content"
258
+ class="pf-v5-c-toolbar__content"
280
259
  >
281
260
  <div
282
- class="pf-v6-c-toolbar__content-section"
261
+ class="pf-v5-c-toolbar__content-section"
283
262
  >
284
263
  <div
285
- class="pf-v6-c-toolbar__item pf-m-pagination"
264
+ class="pf-v5-c-toolbar__item pf-m-pagination"
286
265
  data-ouia-component-id="DataViewToolbar-pagination"
287
266
  >
288
267
  <div
289
- class="pf-v6-c-pagination"
268
+ class="pf-v5-c-pagination"
290
269
  data-ouia-component-id="OUIA-Generated-Pagination-top-1"
291
- data-ouia-component-type="PF6/Pagination"
270
+ data-ouia-component-type="PF5/Pagination"
292
271
  data-ouia-safe="true"
293
272
  id="options-menu-top-pagination"
294
- style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
273
+ style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
295
274
  >
296
275
  <div
297
- class="pf-v6-c-pagination__total-items"
276
+ class="pf-v5-c-pagination__total-items"
298
277
  >
299
278
  <b>
300
279
  1
@@ -309,21 +288,16 @@ exports[`DataViewToolbar component should render correctly 1`] = `
309
288
  </b>
310
289
 
311
290
  </div>
312
- <div
313
- class="pf-v6-c-pagination__page-menu"
314
- >
291
+ <div>
315
292
  <button
316
293
  aria-expanded="false"
317
294
  aria-haspopup="listbox"
318
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
319
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-1"
320
- data-ouia-component-type="PF6/MenuToggle"
321
- data-ouia-safe="true"
295
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
322
296
  id="options-menu-top-toggle"
323
297
  type="button"
324
298
  >
325
299
  <span
326
- class="pf-v6-c-menu-toggle__text"
300
+ class="pf-v5-c-menu-toggle__text"
327
301
  >
328
302
  <b>
329
303
  1
@@ -339,14 +313,14 @@ exports[`DataViewToolbar component should render correctly 1`] = `
339
313
 
340
314
  </span>
341
315
  <span
342
- class="pf-v6-c-menu-toggle__controls"
316
+ class="pf-v5-c-menu-toggle__controls"
343
317
  >
344
318
  <span
345
- class="pf-v6-c-menu-toggle__toggle-icon"
319
+ class="pf-v5-c-menu-toggle__toggle-icon"
346
320
  >
347
321
  <svg
348
322
  aria-hidden="true"
349
- class="pf-v6-svg"
323
+ class="pf-v5-svg"
350
324
  fill="currentColor"
351
325
  height="1em"
352
326
  role="img"
@@ -363,85 +337,77 @@ exports[`DataViewToolbar component should render correctly 1`] = `
363
337
  </div>
364
338
  <nav
365
339
  aria-label="Pagination"
366
- class="pf-v6-c-pagination__nav"
340
+ class="pf-v5-c-pagination__nav"
367
341
  >
368
342
  <div
369
- class="pf-v6-c-pagination__nav-control pf-m-first"
343
+ class="pf-v5-c-pagination__nav-control pf-m-first"
370
344
  >
371
345
  <button
372
- aria-disabled="false"
346
+ aria-disabled="true"
373
347
  aria-label="Go to first page"
374
- class="pf-v6-c-button pf-m-plain"
348
+ class="pf-v5-c-button pf-m-plain pf-m-disabled"
375
349
  data-action="first"
376
350
  data-ouia-component-id="OUIA-Generated-Button-plain-1"
377
- data-ouia-component-type="PF6/Button"
351
+ data-ouia-component-type="PF5/Button"
378
352
  data-ouia-safe="true"
379
353
  disabled=""
380
354
  type="button"
381
355
  >
382
- <span
383
- class="pf-v6-c-button__icon pf-m-start"
356
+ <svg
357
+ aria-hidden="true"
358
+ class="pf-v5-svg"
359
+ fill="currentColor"
360
+ height="1em"
361
+ role="img"
362
+ viewBox="0 0 448 512"
363
+ width="1em"
384
364
  >
385
- <svg
386
- aria-hidden="true"
387
- class="pf-v6-svg"
388
- fill="currentColor"
389
- height="1em"
390
- role="img"
391
- viewBox="0 0 448 512"
392
- width="1em"
393
- >
394
- <path
395
- d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
396
- />
397
- </svg>
398
- </span>
365
+ <path
366
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
367
+ />
368
+ </svg>
399
369
  </button>
400
370
  </div>
401
371
  <div
402
- class="pf-v6-c-pagination__nav-control"
372
+ class="pf-v5-c-pagination__nav-control"
403
373
  >
404
374
  <button
405
- aria-disabled="false"
375
+ aria-disabled="true"
406
376
  aria-label="Go to previous page"
407
- class="pf-v6-c-button pf-m-plain"
377
+ class="pf-v5-c-button pf-m-plain pf-m-disabled"
408
378
  data-action="previous"
409
379
  data-ouia-component-id="OUIA-Generated-Button-plain-2"
410
- data-ouia-component-type="PF6/Button"
380
+ data-ouia-component-type="PF5/Button"
411
381
  data-ouia-safe="true"
412
382
  disabled=""
413
383
  type="button"
414
384
  >
415
- <span
416
- class="pf-v6-c-button__icon pf-m-start"
385
+ <svg
386
+ aria-hidden="true"
387
+ class="pf-v5-svg"
388
+ fill="currentColor"
389
+ height="1em"
390
+ role="img"
391
+ viewBox="0 0 256 512"
392
+ width="1em"
417
393
  >
418
- <svg
419
- aria-hidden="true"
420
- class="pf-v6-svg"
421
- fill="currentColor"
422
- height="1em"
423
- role="img"
424
- viewBox="0 0 256 512"
425
- width="1em"
426
- >
427
- <path
428
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
429
- />
430
- </svg>
431
- </span>
394
+ <path
395
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
396
+ />
397
+ </svg>
432
398
  </button>
433
399
  </div>
434
400
  <div
435
- class="pf-v6-c-pagination__nav-page-select"
401
+ class="pf-v5-c-pagination__nav-page-select"
436
402
  >
437
403
  <span
438
- class="pf-v6-c-form-control"
404
+ class="pf-v5-c-form-control"
439
405
  >
440
406
  <input
441
407
  aria-invalid="false"
442
408
  aria-label="Current page"
443
409
  data-ouia-component-id="OUIA-Generated-TextInputBase-1"
444
- data-ouia-component-type="PF6/TextInput"
410
+ data-ouia-component-type="PF5/TextInput"
445
411
  data-ouia-safe="true"
446
412
  max="2"
447
413
  min="1"
@@ -451,67 +417,59 @@ exports[`DataViewToolbar component should render correctly 1`] = `
451
417
  </span>
452
418
  </div>
453
419
  <div
454
- class="pf-v6-c-pagination__nav-control"
420
+ class="pf-v5-c-pagination__nav-control"
455
421
  >
456
422
  <button
457
423
  aria-disabled="false"
458
424
  aria-label="Go to next page"
459
- class="pf-v6-c-button pf-m-plain"
425
+ class="pf-v5-c-button pf-m-plain"
460
426
  data-action="next"
461
427
  data-ouia-component-id="OUIA-Generated-Button-plain-3"
462
- data-ouia-component-type="PF6/Button"
428
+ data-ouia-component-type="PF5/Button"
463
429
  data-ouia-safe="true"
464
430
  type="button"
465
431
  >
466
- <span
467
- class="pf-v6-c-button__icon pf-m-start"
432
+ <svg
433
+ aria-hidden="true"
434
+ class="pf-v5-svg"
435
+ fill="currentColor"
436
+ height="1em"
437
+ role="img"
438
+ viewBox="0 0 256 512"
439
+ width="1em"
468
440
  >
469
- <svg
470
- aria-hidden="true"
471
- class="pf-v6-svg"
472
- fill="currentColor"
473
- height="1em"
474
- role="img"
475
- viewBox="0 0 256 512"
476
- width="1em"
477
- >
478
- <path
479
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
480
- />
481
- </svg>
482
- </span>
441
+ <path
442
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
443
+ />
444
+ </svg>
483
445
  </button>
484
446
  </div>
485
447
  <div
486
- class="pf-v6-c-pagination__nav-control pf-m-last"
448
+ class="pf-v5-c-pagination__nav-control pf-m-last"
487
449
  >
488
450
  <button
489
451
  aria-disabled="false"
490
452
  aria-label="Go to last page"
491
- class="pf-v6-c-button pf-m-plain"
453
+ class="pf-v5-c-button pf-m-plain"
492
454
  data-action="last"
493
455
  data-ouia-component-id="OUIA-Generated-Button-plain-4"
494
- data-ouia-component-type="PF6/Button"
456
+ data-ouia-component-type="PF5/Button"
495
457
  data-ouia-safe="true"
496
458
  type="button"
497
459
  >
498
- <span
499
- class="pf-v6-c-button__icon pf-m-start"
460
+ <svg
461
+ aria-hidden="true"
462
+ class="pf-v5-svg"
463
+ fill="currentColor"
464
+ height="1em"
465
+ role="img"
466
+ viewBox="0 0 448 512"
467
+ width="1em"
500
468
  >
501
- <svg
502
- aria-hidden="true"
503
- class="pf-v6-svg"
504
- fill="currentColor"
505
- height="1em"
506
- role="img"
507
- viewBox="0 0 448 512"
508
- width="1em"
509
- >
510
- <path
511
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
512
- />
513
- </svg>
514
- </span>
469
+ <path
470
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
471
+ />
472
+ </svg>
515
473
  </button>
516
474
  </div>
517
475
  </nav>
@@ -520,11 +478,11 @@ exports[`DataViewToolbar component should render correctly 1`] = `
520
478
  </div>
521
479
  </div>
522
480
  <div
523
- class="pf-v6-c-toolbar__content pf-m-hidden"
481
+ class="pf-v5-c-toolbar__content pf-m-hidden"
524
482
  hidden=""
525
483
  >
526
484
  <div
527
- class="pf-v6-c-toolbar__group"
485
+ class="pf-v5-c-toolbar__group"
528
486
  />
529
487
  </div>
530
488
  </div>