@patternfly/react-data-view 5.1.1 → 5.1.3

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