@patternfly/react-data-view 5.1.0 → 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 (129) hide show
  1. package/dist/cjs/DataView/DataView.d.ts +4 -0
  2. package/dist/cjs/DataView/DataView.js +7 -1
  3. package/dist/cjs/DataViewEventsContext/DataViewEventsContext.d.ts +16 -0
  4. package/dist/cjs/DataViewEventsContext/DataViewEventsContext.js +62 -0
  5. package/dist/cjs/DataViewEventsContext/DataViewEventsContext.test.d.ts +1 -0
  6. package/dist/cjs/DataViewEventsContext/DataViewEventsContext.test.js +72 -0
  7. package/dist/cjs/DataViewEventsContext/index.d.ts +2 -0
  8. package/dist/cjs/DataViewEventsContext/index.js +23 -0
  9. package/dist/cjs/DataViewTable/DataViewTable.d.ts +41 -0
  10. package/dist/cjs/DataViewTable/DataViewTable.js +18 -0
  11. package/dist/cjs/DataViewTable/DataViewTable.test.d.ts +1 -0
  12. package/dist/cjs/DataViewTable/DataViewTable.test.js +57 -0
  13. package/dist/cjs/DataViewTable/index.d.ts +2 -0
  14. package/dist/cjs/DataViewTable/index.js +23 -0
  15. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.d.ts +13 -0
  16. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.js +49 -0
  17. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.test.d.ts +1 -0
  18. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.test.js +27 -0
  19. package/dist/cjs/DataViewTableBasic/index.d.ts +2 -0
  20. package/dist/cjs/DataViewTableBasic/index.js +23 -0
  21. package/dist/cjs/DataViewTableHeader/DataViewTableHeader.d.ts +13 -0
  22. package/dist/cjs/DataViewTableHeader/DataViewTableHeader.js +57 -0
  23. package/dist/cjs/DataViewTableHeader/DataViewTableHeader.test.d.ts +1 -0
  24. package/dist/cjs/DataViewTableHeader/DataViewTableHeader.test.js +36 -0
  25. package/dist/cjs/DataViewTableHeader/index.d.ts +2 -0
  26. package/dist/cjs/DataViewTableHeader/index.js +23 -0
  27. package/dist/cjs/DataViewTableTree/DataViewTableTree.d.ts +19 -0
  28. package/dist/cjs/DataViewTableTree/DataViewTableTree.js +120 -0
  29. package/dist/cjs/DataViewTableTree/DataViewTableTree.test.d.ts +1 -0
  30. package/dist/cjs/DataViewTableTree/DataViewTableTree.test.js +75 -0
  31. package/dist/cjs/DataViewTableTree/index.d.ts +2 -0
  32. package/dist/cjs/DataViewTableTree/index.js +23 -0
  33. package/dist/cjs/Hooks/selection.d.ts +3 -3
  34. package/dist/cjs/Hooks/selection.js +4 -6
  35. package/dist/cjs/Hooks/selection.test.js +4 -4
  36. package/dist/cjs/InternalContext/InternalContext.d.ts +17 -0
  37. package/dist/cjs/InternalContext/InternalContext.js +35 -0
  38. package/dist/cjs/InternalContext/InternalContext.test.d.ts +1 -0
  39. package/dist/cjs/InternalContext/InternalContext.test.js +56 -0
  40. package/dist/cjs/InternalContext/index.d.ts +2 -0
  41. package/dist/cjs/InternalContext/index.js +23 -0
  42. package/dist/cjs/index.d.ts +12 -0
  43. package/dist/cjs/index.js +20 -2
  44. package/dist/dynamic/DataViewEventsContext/package.json +1 -0
  45. package/dist/dynamic/DataViewTable/package.json +1 -0
  46. package/dist/dynamic/DataViewTableBasic/package.json +1 -0
  47. package/dist/dynamic/DataViewTableHeader/package.json +1 -0
  48. package/dist/dynamic/DataViewTableTree/package.json +1 -0
  49. package/dist/dynamic/InternalContext/package.json +1 -0
  50. package/dist/esm/DataView/DataView.d.ts +4 -0
  51. package/dist/esm/DataView/DataView.js +7 -1
  52. package/dist/esm/DataViewEventsContext/DataViewEventsContext.d.ts +16 -0
  53. package/dist/esm/DataViewEventsContext/DataViewEventsContext.js +34 -0
  54. package/dist/esm/DataViewEventsContext/DataViewEventsContext.test.d.ts +1 -0
  55. package/dist/esm/DataViewEventsContext/DataViewEventsContext.test.js +67 -0
  56. package/dist/esm/DataViewEventsContext/index.d.ts +2 -0
  57. package/dist/esm/DataViewEventsContext/index.js +2 -0
  58. package/dist/esm/DataViewTable/DataViewTable.d.ts +41 -0
  59. package/dist/esm/DataViewTable/DataViewTable.js +8 -0
  60. package/dist/esm/DataViewTable/DataViewTable.test.d.ts +1 -0
  61. package/dist/esm/DataViewTable/DataViewTable.test.js +52 -0
  62. package/dist/esm/DataViewTable/index.d.ts +2 -0
  63. package/dist/esm/DataViewTable/index.js +2 -0
  64. package/dist/esm/DataViewTableBasic/DataViewTableBasic.d.ts +13 -0
  65. package/dist/esm/DataViewTableBasic/DataViewTableBasic.js +42 -0
  66. package/dist/esm/DataViewTableBasic/DataViewTableBasic.test.d.ts +1 -0
  67. package/dist/esm/DataViewTableBasic/DataViewTableBasic.test.js +22 -0
  68. package/dist/esm/DataViewTableBasic/index.d.ts +2 -0
  69. package/dist/esm/DataViewTableBasic/index.js +2 -0
  70. package/dist/esm/DataViewTableHeader/DataViewTableHeader.d.ts +13 -0
  71. package/dist/esm/DataViewTableHeader/DataViewTableHeader.js +30 -0
  72. package/dist/esm/DataViewTableHeader/DataViewTableHeader.test.d.ts +1 -0
  73. package/dist/esm/DataViewTableHeader/DataViewTableHeader.test.js +31 -0
  74. package/dist/esm/DataViewTableHeader/index.d.ts +2 -0
  75. package/dist/esm/DataViewTableHeader/index.js +2 -0
  76. package/dist/esm/DataViewTableTree/DataViewTableTree.d.ts +19 -0
  77. package/dist/esm/DataViewTableTree/DataViewTableTree.js +93 -0
  78. package/dist/esm/DataViewTableTree/DataViewTableTree.test.d.ts +1 -0
  79. package/dist/esm/DataViewTableTree/DataViewTableTree.test.js +70 -0
  80. package/dist/esm/DataViewTableTree/index.d.ts +2 -0
  81. package/dist/esm/DataViewTableTree/index.js +2 -0
  82. package/dist/esm/Hooks/selection.d.ts +3 -3
  83. package/dist/esm/Hooks/selection.js +4 -6
  84. package/dist/esm/Hooks/selection.test.js +4 -4
  85. package/dist/esm/InternalContext/InternalContext.d.ts +17 -0
  86. package/dist/esm/InternalContext/InternalContext.js +7 -0
  87. package/dist/esm/InternalContext/InternalContext.test.d.ts +1 -0
  88. package/dist/esm/InternalContext/InternalContext.test.js +51 -0
  89. package/dist/esm/InternalContext/index.d.ts +2 -0
  90. package/dist/esm/InternalContext/index.js +2 -0
  91. package/dist/esm/index.d.ts +12 -0
  92. package/dist/esm/index.js +12 -0
  93. package/package.json +1 -1
  94. package/patternfly-docs/content/extensions/data-view/examples/Components/Components.md +45 -3
  95. package/patternfly-docs/content/extensions/data-view/examples/Components/DataViewTableExample.tsx +47 -0
  96. package/patternfly-docs/content/extensions/data-view/examples/Components/DataViewTableTreeExample.tsx +69 -0
  97. package/patternfly-docs/content/extensions/data-view/examples/EventsContext/EventsContext.md +32 -0
  98. package/patternfly-docs/content/extensions/data-view/examples/EventsContext/EventsExample.tsx +108 -0
  99. package/patternfly-docs/content/extensions/data-view/examples/Functionality/Functionality.md +6 -5
  100. package/patternfly-docs/content/extensions/data-view/examples/Functionality/PaginationExample.tsx +15 -32
  101. package/patternfly-docs/content/extensions/data-view/examples/Functionality/SelectionExample.tsx +15 -46
  102. package/patternfly-docs/content/extensions/data-view/examples/Layout/Layout.md +1 -0
  103. package/patternfly-docs/content/extensions/data-view/examples/Layout/PredefinedLayoutExample.tsx +20 -51
  104. package/src/DataView/DataView.tsx +14 -2
  105. package/src/DataViewEventsContext/DataViewEventsContext.test.tsx +105 -0
  106. package/src/DataViewEventsContext/DataViewEventsContext.tsx +70 -0
  107. package/src/DataViewEventsContext/index.ts +2 -0
  108. package/src/DataViewTable/DataViewTable.test.tsx +80 -0
  109. package/src/DataViewTable/DataViewTable.tsx +37 -0
  110. package/src/DataViewTable/__snapshots__/DataViewTable.test.tsx.snap +1010 -0
  111. package/src/DataViewTable/index.ts +2 -0
  112. package/src/DataViewTableBasic/DataViewTableBasic.test.tsx +37 -0
  113. package/src/DataViewTableBasic/DataViewTableBasic.tsx +71 -0
  114. package/src/DataViewTableBasic/__snapshots__/DataViewTableBasic.test.tsx.snap +324 -0
  115. package/src/DataViewTableBasic/index.ts +2 -0
  116. package/src/DataViewTableHeader/DataViewTableHeader.test.tsx +52 -0
  117. package/src/DataViewTableHeader/DataViewTableHeader.tsx +53 -0
  118. package/src/DataViewTableHeader/__snapshots__/DataViewTableHeader.test.tsx.snap +227 -0
  119. package/src/DataViewTableHeader/index.ts +2 -0
  120. package/src/DataViewTableTree/DataViewTableTree.test.tsx +85 -0
  121. package/src/DataViewTableTree/DataViewTableTree.tsx +144 -0
  122. package/src/DataViewTableTree/__snapshots__/DataViewTableTree.test.tsx.snap +937 -0
  123. package/src/DataViewTableTree/index.ts +2 -0
  124. package/src/Hooks/selection.test.tsx +5 -5
  125. package/src/Hooks/selection.ts +6 -7
  126. package/src/InternalContext/InternalContext.test.tsx +89 -0
  127. package/src/InternalContext/InternalContext.tsx +35 -0
  128. package/src/InternalContext/index.ts +2 -0
  129. package/src/index.ts +18 -0
package/src/DataViewTable/__snapshots__/DataViewTable.test.tsx.snap ADDED
@@ -0,0 +1,1010 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`DataViewTable component should render a basic table correctly 1`] = `
4
+ <div>
5
+ <table
6
+ aria-label="Repositories table"
7
+ class="pf-v5-c-table pf-m-grid-md"
8
+ data-ouia-component-id="TableExample"
9
+ data-ouia-component-type="PF5/Table"
10
+ data-ouia-safe="true"
11
+ role="grid"
12
+ >
13
+ <thead
14
+ class="pf-v5-c-table__thead"
15
+ data-ouia-component-id="TableExample-thead"
16
+ >
17
+ <tr
18
+ class="pf-v5-c-table__tr"
19
+ data-ouia-component-id="TableExample-tr-head"
20
+ data-ouia-component-type="PF5/TableRow"
21
+ data-ouia-safe="true"
22
+ >
23
+ <th
24
+ class="pf-v5-c-table__th"
25
+ data-ouia-component-id="TableExample-th-0"
26
+ scope="col"
27
+ tabindex="-1"
28
+ >
29
+ Repositories
30
+ </th>
31
+ <th
32
+ class="pf-v5-c-table__th"
33
+ data-ouia-component-id="TableExample-th-1"
34
+ scope="col"
35
+ tabindex="-1"
36
+ >
37
+ Branches
38
+ </th>
39
+ <th
40
+ class="pf-v5-c-table__th"
41
+ data-ouia-component-id="TableExample-th-2"
42
+ scope="col"
43
+ tabindex="-1"
44
+ >
45
+ Pull requests
46
+ </th>
47
+ <th
48
+ class="pf-v5-c-table__th"
49
+ data-ouia-component-id="TableExample-th-3"
50
+ scope="col"
51
+ tabindex="-1"
52
+ >
53
+ Workspaces
54
+ </th>
55
+ <th
56
+ class="pf-v5-c-table__th"
57
+ data-ouia-component-id="TableExample-th-4"
58
+ scope="col"
59
+ tabindex="-1"
60
+ >
61
+ Last commit
62
+ </th>
63
+ </tr>
64
+ </thead>
65
+ <tbody
66
+ class="pf-v5-c-table__tbody"
67
+ role="rowgroup"
68
+ >
69
+ <tr
70
+ class="pf-v5-c-table__tr"
71
+ data-ouia-component-id="TableExample-tr-0"
72
+ data-ouia-component-type="PF5/TableRow"
73
+ data-ouia-safe="true"
74
+ >
75
+ <td
76
+ class="pf-v5-c-table__td"
77
+ data-ouia-component-id="TableExample-td-0-0"
78
+ tabindex="-1"
79
+ >
80
+ Repository one
81
+ </td>
82
+ <td
83
+ class="pf-v5-c-table__td"
84
+ data-ouia-component-id="TableExample-td-0-1"
85
+ tabindex="-1"
86
+ >
87
+ Branch one
88
+ </td>
89
+ <td
90
+ class="pf-v5-c-table__td"
91
+ data-ouia-component-id="TableExample-td-0-2"
92
+ tabindex="-1"
93
+ >
94
+ Pull request one
95
+ </td>
96
+ <td
97
+ class="pf-v5-c-table__td"
98
+ data-ouia-component-id="TableExample-td-0-3"
99
+ tabindex="-1"
100
+ >
101
+ Workspace one
102
+ </td>
103
+ <td
104
+ class="pf-v5-c-table__td"
105
+ data-ouia-component-id="TableExample-td-0-4"
106
+ tabindex="-1"
107
+ >
108
+ Timestamp one
109
+ </td>
110
+ </tr>
111
+ <tr
112
+ class="pf-v5-c-table__tr"
113
+ data-ouia-component-id="TableExample-tr-1"
114
+ data-ouia-component-type="PF5/TableRow"
115
+ data-ouia-safe="true"
116
+ >
117
+ <td
118
+ class="pf-v5-c-table__td"
119
+ data-ouia-component-id="TableExample-td-1-0"
120
+ tabindex="-1"
121
+ >
122
+ Repository two
123
+ </td>
124
+ <td
125
+ class="pf-v5-c-table__td"
126
+ data-ouia-component-id="TableExample-td-1-1"
127
+ tabindex="-1"
128
+ >
129
+ Branch two
130
+ </td>
131
+ <td
132
+ class="pf-v5-c-table__td"
133
+ data-ouia-component-id="TableExample-td-1-2"
134
+ tabindex="-1"
135
+ >
136
+ Pull request two
137
+ </td>
138
+ <td
139
+ class="pf-v5-c-table__td"
140
+ data-ouia-component-id="TableExample-td-1-3"
141
+ tabindex="-1"
142
+ >
143
+ Workspace two
144
+ </td>
145
+ <td
146
+ class="pf-v5-c-table__td"
147
+ data-ouia-component-id="TableExample-td-1-4"
148
+ tabindex="-1"
149
+ >
150
+ Timestamp two
151
+ </td>
152
+ </tr>
153
+ <tr
154
+ class="pf-v5-c-table__tr"
155
+ data-ouia-component-id="TableExample-tr-2"
156
+ data-ouia-component-type="PF5/TableRow"
157
+ data-ouia-safe="true"
158
+ >
159
+ <td
160
+ class="pf-v5-c-table__td"
161
+ data-ouia-component-id="TableExample-td-2-0"
162
+ tabindex="-1"
163
+ >
164
+ Repository three
165
+ </td>
166
+ <td
167
+ class="pf-v5-c-table__td"
168
+ data-ouia-component-id="TableExample-td-2-1"
169
+ tabindex="-1"
170
+ >
171
+ Branch three
172
+ </td>
173
+ <td
174
+ class="pf-v5-c-table__td"
175
+ data-ouia-component-id="TableExample-td-2-2"
176
+ tabindex="-1"
177
+ >
178
+ Pull request three
179
+ </td>
180
+ <td
181
+ class="pf-v5-c-table__td"
182
+ data-ouia-component-id="TableExample-td-2-3"
183
+ tabindex="-1"
184
+ >
185
+ Workspace three
186
+ </td>
187
+ <td
188
+ class="pf-v5-c-table__td"
189
+ data-ouia-component-id="TableExample-td-2-4"
190
+ tabindex="-1"
191
+ >
192
+ Timestamp three
193
+ </td>
194
+ </tr>
195
+ <tr
196
+ class="pf-v5-c-table__tr"
197
+ data-ouia-component-id="TableExample-tr-3"
198
+ data-ouia-component-type="PF5/TableRow"
199
+ data-ouia-safe="true"
200
+ >
201
+ <td
202
+ class="pf-v5-c-table__td"
203
+ data-ouia-component-id="TableExample-td-3-0"
204
+ tabindex="-1"
205
+ >
206
+ Repository four
207
+ </td>
208
+ <td
209
+ class="pf-v5-c-table__td"
210
+ data-ouia-component-id="TableExample-td-3-1"
211
+ tabindex="-1"
212
+ >
213
+ Branch four
214
+ </td>
215
+ <td
216
+ class="pf-v5-c-table__td"
217
+ data-ouia-component-id="TableExample-td-3-2"
218
+ tabindex="-1"
219
+ >
220
+ Pull request four
221
+ </td>
222
+ <td
223
+ class="pf-v5-c-table__td"
224
+ data-ouia-component-id="TableExample-td-3-3"
225
+ tabindex="-1"
226
+ >
227
+ Workspace four
228
+ </td>
229
+ <td
230
+ class="pf-v5-c-table__td"
231
+ data-ouia-component-id="TableExample-td-3-4"
232
+ tabindex="-1"
233
+ >
234
+ Timestamp four
235
+ </td>
236
+ </tr>
237
+ <tr
238
+ class="pf-v5-c-table__tr"
239
+ data-ouia-component-id="TableExample-tr-4"
240
+ data-ouia-component-type="PF5/TableRow"
241
+ data-ouia-safe="true"
242
+ >
243
+ <td
244
+ class="pf-v5-c-table__td"
245
+ data-ouia-component-id="TableExample-td-4-0"
246
+ tabindex="-1"
247
+ >
248
+ Repository five
249
+ </td>
250
+ <td
251
+ class="pf-v5-c-table__td"
252
+ data-ouia-component-id="TableExample-td-4-1"
253
+ tabindex="-1"
254
+ >
255
+ Branch five
256
+ </td>
257
+ <td
258
+ class="pf-v5-c-table__td"
259
+ data-ouia-component-id="TableExample-td-4-2"
260
+ tabindex="-1"
261
+ >
262
+ Pull request five
263
+ </td>
264
+ <td
265
+ class="pf-v5-c-table__td"
266
+ data-ouia-component-id="TableExample-td-4-3"
267
+ tabindex="-1"
268
+ >
269
+ Workspace five
270
+ </td>
271
+ <td
272
+ class="pf-v5-c-table__td"
273
+ data-ouia-component-id="TableExample-td-4-4"
274
+ tabindex="-1"
275
+ >
276
+ Timestamp five
277
+ </td>
278
+ </tr>
279
+ <tr
280
+ class="pf-v5-c-table__tr"
281
+ data-ouia-component-id="TableExample-tr-5"
282
+ data-ouia-component-type="PF5/TableRow"
283
+ data-ouia-safe="true"
284
+ >
285
+ <td
286
+ class="pf-v5-c-table__td"
287
+ data-ouia-component-id="TableExample-td-5-0"
288
+ tabindex="-1"
289
+ >
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
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>
978
+ <td
979
+ class="pf-v5-c-table__td"
980
+ data-ouia-component-id="TableExample-td-5-1"
981
+ tabindex="-1"
982
+ >
983
+ Branch six
984
+ </td>
985
+ <td
986
+ class="pf-v5-c-table__td"
987
+ data-ouia-component-id="TableExample-td-5-2"
988
+ tabindex="-1"
989
+ >
990
+ Pull request six
991
+ </td>
992
+ <td
993
+ class="pf-v5-c-table__td"
994
+ data-ouia-component-id="TableExample-td-5-3"
995
+ tabindex="-1"
996
+ >
997
+ Workspace six
998
+ </td>
999
+ <td
1000
+ class="pf-v5-c-table__td"
1001
+ data-ouia-component-id="TableExample-td-5-4"
1002
+ tabindex="-1"
1003
+ >
1004
+ Timestamp six
1005
+ </td>
1006
+ </tr>
1007
+ </tbody>
1008
+ </table>
1009
+ </div>
1010
+ `;