@patternfly/react-data-view 5.1.1 → 5.1.2

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 (76) hide show
  1. package/dist/cjs/DataViewTable/DataViewTable.d.ts +18 -14
  2. package/dist/cjs/DataViewTable/DataViewTable.js +3 -44
  3. package/dist/cjs/DataViewTable/DataViewTable.test.js +40 -10
  4. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.d.ts +13 -0
  5. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.js +49 -0
  6. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.test.d.ts +1 -0
  7. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.test.js +27 -0
  8. package/dist/cjs/DataViewTableBasic/index.d.ts +2 -0
  9. package/dist/cjs/DataViewTableBasic/index.js +23 -0
  10. package/dist/cjs/DataViewTableHeader/DataViewTableHeader.d.ts +13 -0
  11. package/dist/cjs/DataViewTableHeader/DataViewTableHeader.js +57 -0
  12. package/dist/cjs/DataViewTableHeader/DataViewTableHeader.test.d.ts +1 -0
  13. package/dist/cjs/DataViewTableHeader/DataViewTableHeader.test.js +36 -0
  14. package/dist/cjs/DataViewTableHeader/index.d.ts +2 -0
  15. package/dist/cjs/DataViewTableHeader/index.js +23 -0
  16. package/dist/cjs/DataViewTableTree/DataViewTableTree.d.ts +19 -0
  17. package/dist/cjs/DataViewTableTree/DataViewTableTree.js +120 -0
  18. package/dist/cjs/DataViewTableTree/DataViewTableTree.test.d.ts +1 -0
  19. package/dist/cjs/DataViewTableTree/DataViewTableTree.test.js +75 -0
  20. package/dist/cjs/DataViewTableTree/index.d.ts +2 -0
  21. package/dist/cjs/DataViewTableTree/index.js +23 -0
  22. package/dist/cjs/InternalContext/InternalContext.test.js +4 -3
  23. package/dist/cjs/index.d.ts +6 -0
  24. package/dist/cjs/index.js +10 -1
  25. package/dist/dynamic/DataViewTableBasic/package.json +1 -0
  26. package/dist/dynamic/DataViewTableHeader/package.json +1 -0
  27. package/dist/dynamic/DataViewTableTree/package.json +1 -0
  28. package/dist/esm/DataViewTable/DataViewTable.d.ts +18 -14
  29. package/dist/esm/DataViewTable/DataViewTable.js +3 -44
  30. package/dist/esm/DataViewTable/DataViewTable.test.js +40 -10
  31. package/dist/esm/DataViewTableBasic/DataViewTableBasic.d.ts +13 -0
  32. package/dist/esm/DataViewTableBasic/DataViewTableBasic.js +42 -0
  33. package/dist/esm/DataViewTableBasic/DataViewTableBasic.test.d.ts +1 -0
  34. package/dist/esm/DataViewTableBasic/DataViewTableBasic.test.js +22 -0
  35. package/dist/esm/DataViewTableBasic/index.d.ts +2 -0
  36. package/dist/esm/DataViewTableBasic/index.js +2 -0
  37. package/dist/esm/DataViewTableHeader/DataViewTableHeader.d.ts +13 -0
  38. package/dist/esm/DataViewTableHeader/DataViewTableHeader.js +30 -0
  39. package/dist/esm/DataViewTableHeader/DataViewTableHeader.test.d.ts +1 -0
  40. package/dist/esm/DataViewTableHeader/DataViewTableHeader.test.js +31 -0
  41. package/dist/esm/DataViewTableHeader/index.d.ts +2 -0
  42. package/dist/esm/DataViewTableHeader/index.js +2 -0
  43. package/dist/esm/DataViewTableTree/DataViewTableTree.d.ts +19 -0
  44. package/dist/esm/DataViewTableTree/DataViewTableTree.js +93 -0
  45. package/dist/esm/DataViewTableTree/DataViewTableTree.test.d.ts +1 -0
  46. package/dist/esm/DataViewTableTree/DataViewTableTree.test.js +70 -0
  47. package/dist/esm/DataViewTableTree/index.d.ts +2 -0
  48. package/dist/esm/DataViewTableTree/index.js +2 -0
  49. package/dist/esm/InternalContext/InternalContext.test.js +5 -4
  50. package/dist/esm/index.d.ts +6 -0
  51. package/dist/esm/index.js +6 -0
  52. package/package.json +1 -1
  53. package/patternfly-docs/content/extensions/data-view/examples/Components/Components.md +14 -2
  54. package/patternfly-docs/content/extensions/data-view/examples/Components/DataViewTableExample.tsx +7 -7
  55. package/patternfly-docs/content/extensions/data-view/examples/Components/DataViewTableTreeExample.tsx +69 -0
  56. package/patternfly-docs/content/extensions/data-view/examples/EventsContext/EventsExample.tsx +7 -7
  57. package/patternfly-docs/content/extensions/data-view/examples/Functionality/PaginationExample.tsx +6 -6
  58. package/patternfly-docs/content/extensions/data-view/examples/Functionality/SelectionExample.tsx +6 -6
  59. package/patternfly-docs/content/extensions/data-view/examples/Layout/PredefinedLayoutExample.tsx +6 -6
  60. package/src/DataViewTable/DataViewTable.test.tsx +53 -10
  61. package/src/DataViewTable/DataViewTable.tsx +20 -79
  62. package/src/DataViewTable/__snapshots__/DataViewTable.test.tsx.snap +721 -31
  63. package/src/DataViewTableBasic/DataViewTableBasic.test.tsx +37 -0
  64. package/src/DataViewTableBasic/DataViewTableBasic.tsx +71 -0
  65. package/src/DataViewTableBasic/__snapshots__/DataViewTableBasic.test.tsx.snap +324 -0
  66. package/src/DataViewTableBasic/index.ts +2 -0
  67. package/src/DataViewTableHeader/DataViewTableHeader.test.tsx +52 -0
  68. package/src/DataViewTableHeader/DataViewTableHeader.tsx +53 -0
  69. package/src/DataViewTableHeader/__snapshots__/DataViewTableHeader.test.tsx.snap +227 -0
  70. package/src/DataViewTableHeader/index.ts +2 -0
  71. package/src/DataViewTableTree/DataViewTableTree.test.tsx +85 -0
  72. package/src/DataViewTableTree/DataViewTableTree.tsx +144 -0
  73. package/src/DataViewTableTree/__snapshots__/DataViewTableTree.test.tsx.snap +937 -0
  74. package/src/DataViewTableTree/index.ts +2 -0
  75. package/src/InternalContext/InternalContext.test.tsx +8 -7
  76. package/src/index.ts +9 -0
@@ -1,6 +1,6 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`DataViewTable component should render correctly 1`] = `
3
+ exports[`DataViewTable component should render a basic table correctly 1`] = `
4
4
  <div>
5
5
  <table
6
6
  aria-label="Repositories table"
@@ -77,35 +77,35 @@ exports[`DataViewTable component should render correctly 1`] = `
77
77
  data-ouia-component-id="TableExample-td-0-0"
78
78
  tabindex="-1"
79
79
  >
80
- one
80
+ Repository one
81
81
  </td>
82
82
  <td
83
83
  class="pf-v5-c-table__td"
84
84
  data-ouia-component-id="TableExample-td-0-1"
85
85
  tabindex="-1"
86
86
  >
87
- two
87
+ Branch one
88
88
  </td>
89
89
  <td
90
90
  class="pf-v5-c-table__td"
91
91
  data-ouia-component-id="TableExample-td-0-2"
92
92
  tabindex="-1"
93
93
  >
94
- three
94
+ Pull request one
95
95
  </td>
96
96
  <td
97
97
  class="pf-v5-c-table__td"
98
98
  data-ouia-component-id="TableExample-td-0-3"
99
99
  tabindex="-1"
100
100
  >
101
- four
101
+ Workspace one
102
102
  </td>
103
103
  <td
104
104
  class="pf-v5-c-table__td"
105
105
  data-ouia-component-id="TableExample-td-0-4"
106
106
  tabindex="-1"
107
107
  >
108
- five
108
+ Timestamp one
109
109
  </td>
110
110
  </tr>
111
111
  <tr
@@ -119,31 +119,35 @@ exports[`DataViewTable component should render correctly 1`] = `
119
119
  data-ouia-component-id="TableExample-td-1-0"
120
120
  tabindex="-1"
121
121
  >
122
- one - 2
122
+ Repository two
123
123
  </td>
124
124
  <td
125
125
  class="pf-v5-c-table__td"
126
126
  data-ouia-component-id="TableExample-td-1-1"
127
127
  tabindex="-1"
128
- />
128
+ >
129
+ Branch two
130
+ </td>
129
131
  <td
130
132
  class="pf-v5-c-table__td"
131
133
  data-ouia-component-id="TableExample-td-1-2"
132
134
  tabindex="-1"
133
- />
135
+ >
136
+ Pull request two
137
+ </td>
134
138
  <td
135
139
  class="pf-v5-c-table__td"
136
140
  data-ouia-component-id="TableExample-td-1-3"
137
141
  tabindex="-1"
138
142
  >
139
- four - 2
143
+ Workspace two
140
144
  </td>
141
145
  <td
142
146
  class="pf-v5-c-table__td"
143
147
  data-ouia-component-id="TableExample-td-1-4"
144
148
  tabindex="-1"
145
149
  >
146
- five - 2
150
+ Timestamp two
147
151
  </td>
148
152
  </tr>
149
153
  <tr
@@ -157,35 +161,35 @@ exports[`DataViewTable component should render correctly 1`] = `
157
161
  data-ouia-component-id="TableExample-td-2-0"
158
162
  tabindex="-1"
159
163
  >
160
- one - 3
164
+ Repository three
161
165
  </td>
162
166
  <td
163
167
  class="pf-v5-c-table__td"
164
168
  data-ouia-component-id="TableExample-td-2-1"
165
169
  tabindex="-1"
166
170
  >
167
- two - 3
171
+ Branch three
168
172
  </td>
169
173
  <td
170
174
  class="pf-v5-c-table__td"
171
175
  data-ouia-component-id="TableExample-td-2-2"
172
176
  tabindex="-1"
173
177
  >
174
- three - 3
178
+ Pull request three
175
179
  </td>
176
180
  <td
177
181
  class="pf-v5-c-table__td"
178
182
  data-ouia-component-id="TableExample-td-2-3"
179
183
  tabindex="-1"
180
184
  >
181
- four - 3
185
+ Workspace three
182
186
  </td>
183
187
  <td
184
188
  class="pf-v5-c-table__td"
185
189
  data-ouia-component-id="TableExample-td-2-4"
186
190
  tabindex="-1"
187
191
  >
188
- five - 3
192
+ Timestamp three
189
193
  </td>
190
194
  </tr>
191
195
  <tr
@@ -199,35 +203,35 @@ exports[`DataViewTable component should render correctly 1`] = `
199
203
  data-ouia-component-id="TableExample-td-3-0"
200
204
  tabindex="-1"
201
205
  >
202
- one - 4
206
+ Repository four
203
207
  </td>
204
208
  <td
205
209
  class="pf-v5-c-table__td"
206
210
  data-ouia-component-id="TableExample-td-3-1"
207
211
  tabindex="-1"
208
212
  >
209
- two - 4
213
+ Branch four
210
214
  </td>
211
215
  <td
212
216
  class="pf-v5-c-table__td"
213
217
  data-ouia-component-id="TableExample-td-3-2"
214
218
  tabindex="-1"
215
219
  >
216
- null
220
+ Pull request four
217
221
  </td>
218
222
  <td
219
223
  class="pf-v5-c-table__td"
220
224
  data-ouia-component-id="TableExample-td-3-3"
221
225
  tabindex="-1"
222
226
  >
223
- four - 4
227
+ Workspace four
224
228
  </td>
225
229
  <td
226
230
  class="pf-v5-c-table__td"
227
231
  data-ouia-component-id="TableExample-td-3-4"
228
232
  tabindex="-1"
229
233
  >
230
- five - 4
234
+ Timestamp four
231
235
  </td>
232
236
  </tr>
233
237
  <tr
@@ -241,35 +245,35 @@ exports[`DataViewTable component should render correctly 1`] = `
241
245
  data-ouia-component-id="TableExample-td-4-0"
242
246
  tabindex="-1"
243
247
  >
244
- one - 5
248
+ Repository five
245
249
  </td>
246
250
  <td
247
251
  class="pf-v5-c-table__td"
248
252
  data-ouia-component-id="TableExample-td-4-1"
249
253
  tabindex="-1"
250
254
  >
251
- two - 5
255
+ Branch five
252
256
  </td>
253
257
  <td
254
258
  class="pf-v5-c-table__td"
255
259
  data-ouia-component-id="TableExample-td-4-2"
256
260
  tabindex="-1"
257
261
  >
258
- three - 5
262
+ Pull request five
259
263
  </td>
260
264
  <td
261
265
  class="pf-v5-c-table__td"
262
266
  data-ouia-component-id="TableExample-td-4-3"
263
267
  tabindex="-1"
264
268
  >
265
- four - 5
269
+ Workspace five
266
270
  </td>
267
271
  <td
268
272
  class="pf-v5-c-table__td"
269
273
  data-ouia-component-id="TableExample-td-4-4"
270
274
  tabindex="-1"
271
275
  >
272
- five - 5
276
+ Timestamp five
273
277
  </td>
274
278
  </tr>
275
279
  <tr
@@ -283,35 +287,721 @@ exports[`DataViewTable component should render correctly 1`] = `
283
287
  data-ouia-component-id="TableExample-td-5-0"
284
288
  tabindex="-1"
285
289
  >
286
- one - 6
290
+ Repository six
291
+ </td>
292
+ <td
293
+ class="pf-v5-c-table__td"
294
+ data-ouia-component-id="TableExample-td-5-1"
295
+ tabindex="-1"
296
+ >
297
+ Branch six
298
+ </td>
299
+ <td
300
+ class="pf-v5-c-table__td"
301
+ data-ouia-component-id="TableExample-td-5-2"
302
+ tabindex="-1"
303
+ >
304
+ Pull request six
305
+ </td>
306
+ <td
307
+ class="pf-v5-c-table__td"
308
+ data-ouia-component-id="TableExample-td-5-3"
309
+ tabindex="-1"
310
+ >
311
+ Workspace six
312
+ </td>
313
+ <td
314
+ class="pf-v5-c-table__td"
315
+ data-ouia-component-id="TableExample-td-5-4"
316
+ tabindex="-1"
317
+ >
318
+ Timestamp six
319
+ </td>
320
+ </tr>
321
+ </tbody>
322
+ </table>
323
+ </div>
324
+ `;
325
+
326
+ exports[`DataViewTable component should render a tree table correctly 1`] = `
327
+ <div>
328
+ <table
329
+ aria-label="Repositories table"
330
+ class="pf-v5-c-table pf-m-tree-view-grid-md pf-m-tree-view"
331
+ data-ouia-component-id="TableExample"
332
+ data-ouia-component-type="PF5/Table"
333
+ data-ouia-safe="true"
334
+ role="treegrid"
335
+ >
336
+ <thead
337
+ class="pf-v5-c-table__thead"
338
+ data-ouia-component-id="TableExample-thead"
339
+ >
340
+ <tr
341
+ class="pf-v5-c-table__tr"
342
+ data-ouia-component-id="TableExample-tr-head"
343
+ data-ouia-component-type="PF5/TableRow"
344
+ data-ouia-safe="true"
345
+ >
346
+ <th
347
+ class="pf-v5-c-table__th"
348
+ data-ouia-component-id="TableExample-th-0"
349
+ scope="col"
350
+ tabindex="-1"
351
+ >
352
+ Repositories
353
+ </th>
354
+ <th
355
+ class="pf-v5-c-table__th"
356
+ data-ouia-component-id="TableExample-th-1"
357
+ scope="col"
358
+ tabindex="-1"
359
+ >
360
+ Branches
361
+ </th>
362
+ <th
363
+ class="pf-v5-c-table__th"
364
+ data-ouia-component-id="TableExample-th-2"
365
+ scope="col"
366
+ tabindex="-1"
367
+ >
368
+ Pull requests
369
+ </th>
370
+ <th
371
+ class="pf-v5-c-table__th"
372
+ data-ouia-component-id="TableExample-th-3"
373
+ scope="col"
374
+ tabindex="-1"
375
+ >
376
+ Workspaces
377
+ </th>
378
+ <th
379
+ class="pf-v5-c-table__th"
380
+ data-ouia-component-id="TableExample-th-4"
381
+ scope="col"
382
+ tabindex="-1"
383
+ >
384
+ Last commit
385
+ </th>
386
+ </tr>
387
+ </thead>
388
+ <tbody
389
+ class="pf-v5-c-table__tbody"
390
+ role="rowgroup"
391
+ >
392
+ <tr
393
+ aria-expanded="false"
394
+ aria-level="1"
395
+ aria-posinset="1"
396
+ aria-setsize="2"
397
+ class="pf-v5-c-table__tr"
398
+ data-ouia-component-id="OUIA-Generated-TableRow-9"
399
+ data-ouia-component-type="PF5/TableRow"
400
+ data-ouia-safe="true"
401
+ >
402
+ <th
403
+ class="pf-v5-c-table__td pf-v5-c-table__tree-view-title-cell"
404
+ data-ouia-component-id="TableExample-td-0-0"
405
+ tabindex="-1"
406
+ >
407
+ <div
408
+ class="pf-v5-c-table__tree-view-main"
409
+ >
410
+ <span
411
+ class="pf-v5-c-table__toggle"
412
+ >
413
+ <button
414
+ aria-disabled="false"
415
+ aria-expanded="false"
416
+ aria-label="Expand row 0"
417
+ class="pf-v5-c-button pf-m-plain"
418
+ data-ouia-component-id="OUIA-Generated-Button-plain-1"
419
+ data-ouia-component-type="PF5/Button"
420
+ data-ouia-safe="true"
421
+ tabindex="0"
422
+ type="button"
423
+ >
424
+ <div
425
+ class="pf-v5-c-table__toggle-icon"
426
+ >
427
+ <svg
428
+ aria-hidden="true"
429
+ class="pf-v5-svg"
430
+ fill="currentColor"
431
+ height="1em"
432
+ role="img"
433
+ viewBox="0 0 320 512"
434
+ width="1em"
435
+ >
436
+ <path
437
+ d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
438
+ />
439
+ </svg>
440
+ </div>
441
+ </button>
442
+ </span>
443
+ <div
444
+ class="pf-v5-c-table__tree-view-text"
445
+ >
446
+ <span
447
+ class="pf-v5-c-table__text"
448
+ >
449
+ Repository one
450
+ </span>
451
+ </div>
452
+ <span
453
+ class="pf-v5-c-table__tree-view-details-toggle"
454
+ >
455
+ <button
456
+ aria-disabled="false"
457
+ aria-expanded="false"
458
+ aria-label="Show row details"
459
+ class="pf-v5-c-button pf-m-plain"
460
+ data-ouia-component-id="OUIA-Generated-Button-plain-2"
461
+ data-ouia-component-type="PF5/Button"
462
+ data-ouia-safe="true"
463
+ tabindex="-1"
464
+ type="button"
465
+ >
466
+ <span
467
+ class="pf-v5-c-table__details-toggle-icon"
468
+ >
469
+ <svg
470
+ aria-hidden="true"
471
+ class="pf-v5-svg"
472
+ fill="currentColor"
473
+ height="1em"
474
+ role="img"
475
+ viewBox="0 0 512 512"
476
+ width="1em"
477
+ >
478
+ <path
479
+ d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"
480
+ />
481
+ </svg>
482
+ </span>
483
+ </button>
484
+ </span>
485
+ </div>
486
+ </th>
487
+ <td
488
+ class="pf-v5-c-table__td"
489
+ data-ouia-component-id="TableExample-td-0-1"
490
+ tabindex="-1"
491
+ >
492
+ Branch one
493
+ </td>
494
+ <td
495
+ class="pf-v5-c-table__td"
496
+ data-ouia-component-id="TableExample-td-0-2"
497
+ tabindex="-1"
498
+ >
499
+ Pull request one
500
+ </td>
501
+ <td
502
+ class="pf-v5-c-table__td"
503
+ data-ouia-component-id="TableExample-td-0-3"
504
+ tabindex="-1"
505
+ >
506
+ Workspace one
507
+ </td>
508
+ <td
509
+ class="pf-v5-c-table__td"
510
+ data-ouia-component-id="TableExample-td-0-4"
511
+ tabindex="-1"
512
+ >
513
+ Timestamp one
514
+ </td>
515
+ </tr>
516
+ <tr
517
+ aria-expanded="false"
518
+ aria-level="2"
519
+ aria-posinset="1"
520
+ aria-setsize="0"
521
+ class="pf-v5-c-table__tr"
522
+ data-ouia-component-id="OUIA-Generated-TableRow-10"
523
+ data-ouia-component-type="PF5/TableRow"
524
+ data-ouia-safe="true"
525
+ hidden=""
526
+ >
527
+ <th
528
+ class="pf-v5-c-table__td pf-v5-c-table__tree-view-title-cell"
529
+ data-ouia-component-id="TableExample-td-1-0"
530
+ tabindex="-1"
531
+ >
532
+ <div
533
+ class="pf-v5-c-table__tree-view-main"
534
+ >
535
+ <div
536
+ class="pf-v5-c-table__tree-view-text"
537
+ >
538
+ <span
539
+ class="pf-v5-c-table__text"
540
+ >
541
+ Repository two
542
+ </span>
543
+ </div>
544
+ <span
545
+ class="pf-v5-c-table__tree-view-details-toggle"
546
+ >
547
+ <button
548
+ aria-disabled="false"
549
+ aria-expanded="false"
550
+ aria-label="Show row details"
551
+ class="pf-v5-c-button pf-m-plain"
552
+ data-ouia-component-id="OUIA-Generated-Button-plain-3"
553
+ data-ouia-component-type="PF5/Button"
554
+ data-ouia-safe="true"
555
+ tabindex="-1"
556
+ type="button"
557
+ >
558
+ <span
559
+ class="pf-v5-c-table__details-toggle-icon"
560
+ >
561
+ <svg
562
+ aria-hidden="true"
563
+ class="pf-v5-svg"
564
+ fill="currentColor"
565
+ height="1em"
566
+ role="img"
567
+ viewBox="0 0 512 512"
568
+ width="1em"
569
+ >
570
+ <path
571
+ d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"
572
+ />
573
+ </svg>
574
+ </span>
575
+ </button>
576
+ </span>
577
+ </div>
578
+ </th>
579
+ <td
580
+ class="pf-v5-c-table__td"
581
+ data-ouia-component-id="TableExample-td-1-1"
582
+ tabindex="-1"
583
+ >
584
+ Branch two
585
+ </td>
586
+ <td
587
+ class="pf-v5-c-table__td"
588
+ data-ouia-component-id="TableExample-td-1-2"
589
+ tabindex="-1"
590
+ >
591
+ Pull request two
592
+ </td>
593
+ <td
594
+ class="pf-v5-c-table__td"
595
+ data-ouia-component-id="TableExample-td-1-3"
596
+ tabindex="-1"
597
+ >
598
+ Workspace two
287
599
  </td>
600
+ <td
601
+ class="pf-v5-c-table__td"
602
+ data-ouia-component-id="TableExample-td-1-4"
603
+ tabindex="-1"
604
+ >
605
+ Timestamp two
606
+ </td>
607
+ </tr>
608
+ <tr
609
+ aria-expanded="false"
610
+ aria-level="2"
611
+ aria-posinset="2"
612
+ aria-setsize="0"
613
+ class="pf-v5-c-table__tr"
614
+ data-ouia-component-id="OUIA-Generated-TableRow-11"
615
+ data-ouia-component-type="PF5/TableRow"
616
+ data-ouia-safe="true"
617
+ hidden=""
618
+ >
619
+ <th
620
+ class="pf-v5-c-table__td pf-v5-c-table__tree-view-title-cell"
621
+ data-ouia-component-id="TableExample-td-2-0"
622
+ tabindex="-1"
623
+ >
624
+ <div
625
+ class="pf-v5-c-table__tree-view-main"
626
+ >
627
+ <div
628
+ class="pf-v5-c-table__tree-view-text"
629
+ >
630
+ <span
631
+ class="pf-v5-c-table__text"
632
+ >
633
+ Repository three
634
+ </span>
635
+ </div>
636
+ <span
637
+ class="pf-v5-c-table__tree-view-details-toggle"
638
+ >
639
+ <button
640
+ aria-disabled="false"
641
+ aria-expanded="false"
642
+ aria-label="Show row details"
643
+ class="pf-v5-c-button pf-m-plain"
644
+ data-ouia-component-id="OUIA-Generated-Button-plain-4"
645
+ data-ouia-component-type="PF5/Button"
646
+ data-ouia-safe="true"
647
+ tabindex="-1"
648
+ type="button"
649
+ >
650
+ <span
651
+ class="pf-v5-c-table__details-toggle-icon"
652
+ >
653
+ <svg
654
+ aria-hidden="true"
655
+ class="pf-v5-svg"
656
+ fill="currentColor"
657
+ height="1em"
658
+ role="img"
659
+ viewBox="0 0 512 512"
660
+ width="1em"
661
+ >
662
+ <path
663
+ d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"
664
+ />
665
+ </svg>
666
+ </span>
667
+ </button>
668
+ </span>
669
+ </div>
670
+ </th>
671
+ <td
672
+ class="pf-v5-c-table__td"
673
+ data-ouia-component-id="TableExample-td-2-1"
674
+ tabindex="-1"
675
+ >
676
+ Branch three
677
+ </td>
678
+ <td
679
+ class="pf-v5-c-table__td"
680
+ data-ouia-component-id="TableExample-td-2-2"
681
+ tabindex="-1"
682
+ >
683
+ Pull request three
684
+ </td>
685
+ <td
686
+ class="pf-v5-c-table__td"
687
+ data-ouia-component-id="TableExample-td-2-3"
688
+ tabindex="-1"
689
+ >
690
+ Workspace three
691
+ </td>
692
+ <td
693
+ class="pf-v5-c-table__td"
694
+ data-ouia-component-id="TableExample-td-2-4"
695
+ tabindex="-1"
696
+ >
697
+ Timestamp three
698
+ </td>
699
+ </tr>
700
+ <tr
701
+ aria-expanded="false"
702
+ aria-level="1"
703
+ aria-posinset="2"
704
+ aria-setsize="1"
705
+ class="pf-v5-c-table__tr"
706
+ data-ouia-component-id="OUIA-Generated-TableRow-12"
707
+ data-ouia-component-type="PF5/TableRow"
708
+ data-ouia-safe="true"
709
+ >
710
+ <th
711
+ class="pf-v5-c-table__td pf-v5-c-table__tree-view-title-cell"
712
+ data-ouia-component-id="TableExample-td-3-0"
713
+ tabindex="-1"
714
+ >
715
+ <div
716
+ class="pf-v5-c-table__tree-view-main"
717
+ >
718
+ <span
719
+ class="pf-v5-c-table__toggle"
720
+ >
721
+ <button
722
+ aria-disabled="false"
723
+ aria-expanded="false"
724
+ aria-label="Expand row 3"
725
+ class="pf-v5-c-button pf-m-plain"
726
+ data-ouia-component-id="OUIA-Generated-Button-plain-5"
727
+ data-ouia-component-type="PF5/Button"
728
+ data-ouia-safe="true"
729
+ tabindex="-1"
730
+ type="button"
731
+ >
732
+ <div
733
+ class="pf-v5-c-table__toggle-icon"
734
+ >
735
+ <svg
736
+ aria-hidden="true"
737
+ class="pf-v5-svg"
738
+ fill="currentColor"
739
+ height="1em"
740
+ role="img"
741
+ viewBox="0 0 320 512"
742
+ width="1em"
743
+ >
744
+ <path
745
+ d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
746
+ />
747
+ </svg>
748
+ </div>
749
+ </button>
750
+ </span>
751
+ <div
752
+ class="pf-v5-c-table__tree-view-text"
753
+ >
754
+ <span
755
+ class="pf-v5-c-table__text"
756
+ >
757
+ Repository four
758
+ </span>
759
+ </div>
760
+ <span
761
+ class="pf-v5-c-table__tree-view-details-toggle"
762
+ >
763
+ <button
764
+ aria-disabled="false"
765
+ aria-expanded="false"
766
+ aria-label="Show row details"
767
+ class="pf-v5-c-button pf-m-plain"
768
+ data-ouia-component-id="OUIA-Generated-Button-plain-6"
769
+ data-ouia-component-type="PF5/Button"
770
+ data-ouia-safe="true"
771
+ tabindex="-1"
772
+ type="button"
773
+ >
774
+ <span
775
+ class="pf-v5-c-table__details-toggle-icon"
776
+ >
777
+ <svg
778
+ aria-hidden="true"
779
+ class="pf-v5-svg"
780
+ fill="currentColor"
781
+ height="1em"
782
+ role="img"
783
+ viewBox="0 0 512 512"
784
+ width="1em"
785
+ >
786
+ <path
787
+ d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"
788
+ />
789
+ </svg>
790
+ </span>
791
+ </button>
792
+ </span>
793
+ </div>
794
+ </th>
795
+ <td
796
+ class="pf-v5-c-table__td"
797
+ data-ouia-component-id="TableExample-td-3-1"
798
+ tabindex="-1"
799
+ >
800
+ Branch four
801
+ </td>
802
+ <td
803
+ class="pf-v5-c-table__td"
804
+ data-ouia-component-id="TableExample-td-3-2"
805
+ tabindex="-1"
806
+ >
807
+ Pull request four
808
+ </td>
809
+ <td
810
+ class="pf-v5-c-table__td"
811
+ data-ouia-component-id="TableExample-td-3-3"
812
+ tabindex="-1"
813
+ >
814
+ Workspace four
815
+ </td>
816
+ <td
817
+ class="pf-v5-c-table__td"
818
+ data-ouia-component-id="TableExample-td-3-4"
819
+ tabindex="-1"
820
+ >
821
+ Timestamp four
822
+ </td>
823
+ </tr>
824
+ <tr
825
+ aria-expanded="false"
826
+ aria-level="2"
827
+ aria-posinset="1"
828
+ aria-setsize="0"
829
+ class="pf-v5-c-table__tr"
830
+ data-ouia-component-id="OUIA-Generated-TableRow-13"
831
+ data-ouia-component-type="PF5/TableRow"
832
+ data-ouia-safe="true"
833
+ hidden=""
834
+ >
835
+ <th
836
+ class="pf-v5-c-table__td pf-v5-c-table__tree-view-title-cell"
837
+ data-ouia-component-id="TableExample-td-4-0"
838
+ tabindex="-1"
839
+ >
840
+ <div
841
+ class="pf-v5-c-table__tree-view-main"
842
+ >
843
+ <div
844
+ class="pf-v5-c-table__tree-view-text"
845
+ >
846
+ <span
847
+ class="pf-v5-c-table__text"
848
+ >
849
+ Repository five
850
+ </span>
851
+ </div>
852
+ <span
853
+ class="pf-v5-c-table__tree-view-details-toggle"
854
+ >
855
+ <button
856
+ aria-disabled="false"
857
+ aria-expanded="false"
858
+ aria-label="Show row details"
859
+ class="pf-v5-c-button pf-m-plain"
860
+ data-ouia-component-id="OUIA-Generated-Button-plain-7"
861
+ data-ouia-component-type="PF5/Button"
862
+ data-ouia-safe="true"
863
+ tabindex="-1"
864
+ type="button"
865
+ >
866
+ <span
867
+ class="pf-v5-c-table__details-toggle-icon"
868
+ >
869
+ <svg
870
+ aria-hidden="true"
871
+ class="pf-v5-svg"
872
+ fill="currentColor"
873
+ height="1em"
874
+ role="img"
875
+ viewBox="0 0 512 512"
876
+ width="1em"
877
+ >
878
+ <path
879
+ d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"
880
+ />
881
+ </svg>
882
+ </span>
883
+ </button>
884
+ </span>
885
+ </div>
886
+ </th>
887
+ <td
888
+ class="pf-v5-c-table__td"
889
+ data-ouia-component-id="TableExample-td-4-1"
890
+ tabindex="-1"
891
+ >
892
+ Branch five
893
+ </td>
894
+ <td
895
+ class="pf-v5-c-table__td"
896
+ data-ouia-component-id="TableExample-td-4-2"
897
+ tabindex="-1"
898
+ >
899
+ Pull request five
900
+ </td>
901
+ <td
902
+ class="pf-v5-c-table__td"
903
+ data-ouia-component-id="TableExample-td-4-3"
904
+ tabindex="-1"
905
+ >
906
+ Workspace five
907
+ </td>
908
+ <td
909
+ class="pf-v5-c-table__td"
910
+ data-ouia-component-id="TableExample-td-4-4"
911
+ tabindex="-1"
912
+ >
913
+ Timestamp five
914
+ </td>
915
+ </tr>
916
+ <tr
917
+ aria-expanded="false"
918
+ aria-level="1"
919
+ aria-posinset="3"
920
+ aria-setsize="0"
921
+ class="pf-v5-c-table__tr"
922
+ data-ouia-component-id="OUIA-Generated-TableRow-14"
923
+ data-ouia-component-type="PF5/TableRow"
924
+ data-ouia-safe="true"
925
+ >
926
+ <th
927
+ class="pf-v5-c-table__td pf-v5-c-table__tree-view-title-cell"
928
+ data-ouia-component-id="TableExample-td-5-0"
929
+ tabindex="-1"
930
+ >
931
+ <div
932
+ class="pf-v5-c-table__tree-view-main"
933
+ >
934
+ <div
935
+ class="pf-v5-c-table__tree-view-text"
936
+ >
937
+ <span
938
+ class="pf-v5-c-table__text"
939
+ >
940
+ Repository six
941
+ </span>
942
+ </div>
943
+ <span
944
+ class="pf-v5-c-table__tree-view-details-toggle"
945
+ >
946
+ <button
947
+ aria-disabled="false"
948
+ aria-expanded="false"
949
+ aria-label="Show row details"
950
+ class="pf-v5-c-button pf-m-plain"
951
+ data-ouia-component-id="OUIA-Generated-Button-plain-8"
952
+ data-ouia-component-type="PF5/Button"
953
+ data-ouia-safe="true"
954
+ tabindex="-1"
955
+ type="button"
956
+ >
957
+ <span
958
+ class="pf-v5-c-table__details-toggle-icon"
959
+ >
960
+ <svg
961
+ aria-hidden="true"
962
+ class="pf-v5-svg"
963
+ fill="currentColor"
964
+ height="1em"
965
+ role="img"
966
+ viewBox="0 0 512 512"
967
+ width="1em"
968
+ >
969
+ <path
970
+ d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"
971
+ />
972
+ </svg>
973
+ </span>
974
+ </button>
975
+ </span>
976
+ </div>
977
+ </th>
288
978
  <td
289
979
  class="pf-v5-c-table__td"
290
980
  data-ouia-component-id="TableExample-td-5-1"
291
981
  tabindex="-1"
292
982
  >
293
- two - 6
983
+ Branch six
294
984
  </td>
295
985
  <td
296
986
  class="pf-v5-c-table__td"
297
987
  data-ouia-component-id="TableExample-td-5-2"
298
988
  tabindex="-1"
299
989
  >
300
- three - 6
990
+ Pull request six
301
991
  </td>
302
992
  <td
303
993
  class="pf-v5-c-table__td"
304
994
  data-ouia-component-id="TableExample-td-5-3"
305
995
  tabindex="-1"
306
996
  >
307
- four - 6
997
+ Workspace six
308
998
  </td>
309
999
  <td
310
1000
  class="pf-v5-c-table__td"
311
1001
  data-ouia-component-id="TableExample-td-5-4"
312
1002
  tabindex="-1"
313
1003
  >
314
- five - 6
1004
+ Timestamp six
315
1005
  </td>
316
1006
  </tr>
317
1007
  </tbody>