@patternfly/react-data-view 6.1.0-prerelease.1 → 7.0.0-prerelease.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 (151) hide show
  1. package/dist/cjs/DataView/DataView.d.ts +12 -0
  2. package/dist/cjs/DataView/DataView.js +14 -3
  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 +18 -0
  16. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.js +71 -0
  17. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.test.d.ts +1 -0
  18. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.test.js +43 -0
  19. package/dist/cjs/DataViewTableBasic/index.d.ts +2 -0
  20. package/dist/cjs/DataViewTableBasic/index.js +23 -0
  21. package/dist/cjs/DataViewTableHead/DataViewTableHead.d.ts +13 -0
  22. package/dist/cjs/DataViewTableHead/DataViewTableHead.js +57 -0
  23. package/dist/cjs/DataViewTableHead/DataViewTableHead.test.d.ts +1 -0
  24. package/dist/cjs/DataViewTableHead/DataViewTableHead.test.js +36 -0
  25. package/dist/cjs/DataViewTableHead/index.d.ts +2 -0
  26. package/dist/cjs/DataViewTableHead/index.js +23 -0
  27. package/dist/cjs/DataViewTableTree/DataViewTableTree.d.ts +24 -0
  28. package/dist/cjs/DataViewTableTree/DataViewTableTree.js +132 -0
  29. package/dist/cjs/DataViewTableTree/DataViewTableTree.test.d.ts +1 -0
  30. package/dist/cjs/DataViewTableTree/DataViewTableTree.test.js +90 -0
  31. package/dist/cjs/DataViewTableTree/index.d.ts +2 -0
  32. package/dist/cjs/DataViewTableTree/index.js +23 -0
  33. package/dist/cjs/DataViewToolbar/DataViewToolbar.d.ts +2 -0
  34. package/dist/cjs/DataViewToolbar/DataViewToolbar.js +2 -1
  35. package/dist/cjs/Hooks/pagination.d.ts +13 -1
  36. package/dist/cjs/Hooks/pagination.js +36 -4
  37. package/dist/cjs/Hooks/pagination.test.js +1 -1
  38. package/dist/cjs/Hooks/selection.d.ts +3 -3
  39. package/dist/cjs/Hooks/selection.js +4 -6
  40. package/dist/cjs/Hooks/selection.test.js +4 -4
  41. package/dist/cjs/InternalContext/InternalContext.d.ts +25 -0
  42. package/dist/cjs/InternalContext/InternalContext.js +40 -0
  43. package/dist/cjs/InternalContext/InternalContext.test.d.ts +1 -0
  44. package/dist/cjs/InternalContext/InternalContext.test.js +56 -0
  45. package/dist/cjs/InternalContext/index.d.ts +2 -0
  46. package/dist/cjs/InternalContext/index.js +23 -0
  47. package/dist/cjs/index.d.ts +12 -0
  48. package/dist/cjs/index.js +20 -2
  49. package/dist/dynamic/DataViewEventsContext/package.json +1 -0
  50. package/dist/dynamic/DataViewTable/package.json +1 -0
  51. package/dist/dynamic/DataViewTableBasic/package.json +1 -0
  52. package/dist/dynamic/DataViewTableHead/package.json +1 -0
  53. package/dist/dynamic/DataViewTableTree/package.json +1 -0
  54. package/dist/dynamic/InternalContext/package.json +1 -0
  55. package/dist/esm/DataView/DataView.d.ts +12 -0
  56. package/dist/esm/DataView/DataView.js +13 -2
  57. package/dist/esm/DataViewEventsContext/DataViewEventsContext.d.ts +16 -0
  58. package/dist/esm/DataViewEventsContext/DataViewEventsContext.js +34 -0
  59. package/dist/esm/DataViewEventsContext/DataViewEventsContext.test.d.ts +1 -0
  60. package/dist/esm/DataViewEventsContext/DataViewEventsContext.test.js +67 -0
  61. package/dist/esm/DataViewEventsContext/index.d.ts +2 -0
  62. package/dist/esm/DataViewEventsContext/index.js +2 -0
  63. package/dist/esm/DataViewTable/DataViewTable.d.ts +41 -0
  64. package/dist/esm/DataViewTable/DataViewTable.js +8 -0
  65. package/dist/esm/DataViewTable/DataViewTable.test.d.ts +1 -0
  66. package/dist/esm/DataViewTable/DataViewTable.test.js +52 -0
  67. package/dist/esm/DataViewTable/index.d.ts +2 -0
  68. package/dist/esm/DataViewTable/index.js +2 -0
  69. package/dist/esm/DataViewTableBasic/DataViewTableBasic.d.ts +18 -0
  70. package/dist/esm/DataViewTableBasic/DataViewTableBasic.js +44 -0
  71. package/dist/esm/DataViewTableBasic/DataViewTableBasic.test.d.ts +1 -0
  72. package/dist/esm/DataViewTableBasic/DataViewTableBasic.test.js +38 -0
  73. package/dist/esm/DataViewTableBasic/index.d.ts +2 -0
  74. package/dist/esm/DataViewTableBasic/index.js +2 -0
  75. package/dist/esm/DataViewTableHead/DataViewTableHead.d.ts +13 -0
  76. package/dist/esm/DataViewTableHead/DataViewTableHead.js +30 -0
  77. package/dist/esm/DataViewTableHead/DataViewTableHead.test.d.ts +1 -0
  78. package/dist/esm/DataViewTableHead/DataViewTableHead.test.js +31 -0
  79. package/dist/esm/DataViewTableHead/index.d.ts +2 -0
  80. package/dist/esm/DataViewTableHead/index.js +2 -0
  81. package/dist/esm/DataViewTableTree/DataViewTableTree.d.ts +24 -0
  82. package/dist/esm/DataViewTableTree/DataViewTableTree.js +105 -0
  83. package/dist/esm/DataViewTableTree/DataViewTableTree.test.d.ts +1 -0
  84. package/dist/esm/DataViewTableTree/DataViewTableTree.test.js +85 -0
  85. package/dist/esm/DataViewTableTree/index.d.ts +2 -0
  86. package/dist/esm/DataViewTableTree/index.js +2 -0
  87. package/dist/esm/DataViewToolbar/DataViewToolbar.d.ts +2 -0
  88. package/dist/esm/DataViewToolbar/DataViewToolbar.js +2 -1
  89. package/dist/esm/Hooks/pagination.d.ts +13 -1
  90. package/dist/esm/Hooks/pagination.js +36 -4
  91. package/dist/esm/Hooks/pagination.test.js +1 -1
  92. package/dist/esm/Hooks/selection.d.ts +3 -3
  93. package/dist/esm/Hooks/selection.js +4 -6
  94. package/dist/esm/Hooks/selection.test.js +4 -4
  95. package/dist/esm/InternalContext/InternalContext.d.ts +25 -0
  96. package/dist/esm/InternalContext/InternalContext.js +12 -0
  97. package/dist/esm/InternalContext/InternalContext.test.d.ts +1 -0
  98. package/dist/esm/InternalContext/InternalContext.test.js +51 -0
  99. package/dist/esm/InternalContext/index.d.ts +2 -0
  100. package/dist/esm/InternalContext/index.js +2 -0
  101. package/dist/esm/index.d.ts +12 -0
  102. package/dist/esm/index.js +12 -0
  103. package/dist/tsconfig.tsbuildinfo +1 -0
  104. package/package.json +9 -9
  105. package/patternfly-docs/content/extensions/data-view/examples/Components/Components.md +80 -5
  106. package/patternfly-docs/content/extensions/data-view/examples/Components/DataViewTableEmptyExample.tsx +57 -0
  107. package/patternfly-docs/content/extensions/data-view/examples/Components/DataViewTableErrorExample.tsx +45 -0
  108. package/patternfly-docs/content/extensions/data-view/examples/Components/DataViewTableExample.tsx +67 -0
  109. package/patternfly-docs/content/extensions/data-view/examples/Components/DataViewTableLoadingExample.tsx +27 -0
  110. package/patternfly-docs/content/extensions/data-view/examples/Components/DataViewTableTreeExample.tsx +71 -0
  111. package/patternfly-docs/content/extensions/data-view/examples/Components/DataViewToolbarActionsExample.tsx +27 -0
  112. package/patternfly-docs/content/extensions/data-view/examples/Components/DataViewToolbarExample.tsx +4 -4
  113. package/patternfly-docs/content/extensions/data-view/examples/EventsContext/EventsContext.md +32 -0
  114. package/patternfly-docs/content/extensions/data-view/examples/EventsContext/EventsExample.tsx +108 -0
  115. package/patternfly-docs/content/extensions/data-view/examples/Functionality/Functionality.md +14 -6
  116. package/patternfly-docs/content/extensions/data-view/examples/Functionality/PaginationExample.tsx +28 -37
  117. package/patternfly-docs/content/extensions/data-view/examples/Functionality/SelectionExample.tsx +15 -46
  118. package/patternfly-docs/content/extensions/data-view/examples/Layout/Layout.md +2 -1
  119. package/patternfly-docs/content/extensions/data-view/examples/Layout/PredefinedLayoutExample.tsx +20 -51
  120. package/patternfly-docs/pages/index.js +1 -1
  121. package/src/DataView/DataView.tsx +25 -3
  122. package/src/DataView/__snapshots__/DataView.test.tsx.snap +2 -2
  123. package/src/DataViewEventsContext/DataViewEventsContext.test.tsx +105 -0
  124. package/src/DataViewEventsContext/DataViewEventsContext.tsx +70 -0
  125. package/src/DataViewEventsContext/index.ts +2 -0
  126. package/src/DataViewTable/DataViewTable.test.tsx +80 -0
  127. package/src/DataViewTable/DataViewTable.tsx +37 -0
  128. package/src/DataViewTable/__snapshots__/DataViewTable.test.tsx.snap +1042 -0
  129. package/src/DataViewTable/index.ts +2 -0
  130. package/src/DataViewTableBasic/DataViewTableBasic.test.tsx +65 -0
  131. package/src/DataViewTableBasic/DataViewTableBasic.tsx +82 -0
  132. package/src/DataViewTableBasic/__snapshots__/DataViewTableBasic.test.tsx.snap +555 -0
  133. package/src/DataViewTableBasic/index.ts +2 -0
  134. package/src/DataViewTableHead/DataViewTableHead.test.tsx +50 -0
  135. package/src/DataViewTableHead/DataViewTableHead.tsx +53 -0
  136. package/src/DataViewTableHead/__snapshots__/DataViewTableHead.test.tsx.snap +227 -0
  137. package/src/DataViewTableHead/index.ts +2 -0
  138. package/src/DataViewTableTree/DataViewTableTree.test.tsx +113 -0
  139. package/src/DataViewTableTree/DataViewTableTree.tsx +164 -0
  140. package/src/DataViewTableTree/__snapshots__/DataViewTableTree.test.tsx.snap +1200 -0
  141. package/src/DataViewTableTree/index.ts +2 -0
  142. package/src/DataViewToolbar/DataViewToolbar.tsx +9 -2
  143. package/src/DataViewToolbar/__snapshots__/DataViewToolbar.test.tsx.snap +8 -8
  144. package/src/Hooks/pagination.test.tsx +1 -1
  145. package/src/Hooks/pagination.ts +68 -12
  146. package/src/Hooks/selection.test.tsx +5 -5
  147. package/src/Hooks/selection.ts +6 -7
  148. package/src/InternalContext/InternalContext.test.tsx +89 -0
  149. package/src/InternalContext/InternalContext.tsx +51 -0
  150. package/src/InternalContext/index.ts +2 -0
  151. package/src/index.ts +18 -0
@@ -0,0 +1,1042 @@
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-v6-c-table pf-m-grid-md"
8
+ data-ouia-component-id="TableExample"
9
+ data-ouia-component-type="PF6/Table"
10
+ data-ouia-safe="true"
11
+ role="grid"
12
+ >
13
+ <thead
14
+ class="pf-v6-c-table__thead"
15
+ data-ouia-component-id="TableExample-thead"
16
+ >
17
+ <tr
18
+ class="pf-v6-c-table__tr"
19
+ data-ouia-component-id="TableExample-tr-head"
20
+ data-ouia-component-type="PF6/TableRow"
21
+ data-ouia-safe="true"
22
+ >
23
+ <th
24
+ class="pf-v6-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-v6-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-v6-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-v6-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-v6-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-v6-c-table__tbody"
67
+ role="rowgroup"
68
+ >
69
+ <tr
70
+ class="pf-v6-c-table__tr"
71
+ data-ouia-component-id="TableExample-tr-0"
72
+ data-ouia-component-type="PF6/TableRow"
73
+ data-ouia-safe="true"
74
+ >
75
+ <td
76
+ class="pf-v6-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-v6-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-v6-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-v6-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-v6-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-v6-c-table__tr"
113
+ data-ouia-component-id="TableExample-tr-1"
114
+ data-ouia-component-type="PF6/TableRow"
115
+ data-ouia-safe="true"
116
+ >
117
+ <td
118
+ class="pf-v6-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-v6-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-v6-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-v6-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-v6-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-v6-c-table__tr"
155
+ data-ouia-component-id="TableExample-tr-2"
156
+ data-ouia-component-type="PF6/TableRow"
157
+ data-ouia-safe="true"
158
+ >
159
+ <td
160
+ class="pf-v6-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-v6-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-v6-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-v6-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-v6-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-v6-c-table__tr"
197
+ data-ouia-component-id="TableExample-tr-3"
198
+ data-ouia-component-type="PF6/TableRow"
199
+ data-ouia-safe="true"
200
+ >
201
+ <td
202
+ class="pf-v6-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-v6-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-v6-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-v6-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-v6-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-v6-c-table__tr"
239
+ data-ouia-component-id="TableExample-tr-4"
240
+ data-ouia-component-type="PF6/TableRow"
241
+ data-ouia-safe="true"
242
+ >
243
+ <td
244
+ class="pf-v6-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-v6-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-v6-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-v6-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-v6-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-v6-c-table__tr"
281
+ data-ouia-component-id="TableExample-tr-5"
282
+ data-ouia-component-type="PF6/TableRow"
283
+ data-ouia-safe="true"
284
+ >
285
+ <td
286
+ class="pf-v6-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-v6-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-v6-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-v6-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-v6-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-v6-c-table pf-m-tree-view-grid-md pf-m-tree-view"
331
+ data-ouia-component-id="TableExample"
332
+ data-ouia-component-type="PF6/Table"
333
+ data-ouia-safe="true"
334
+ role="treegrid"
335
+ >
336
+ <thead
337
+ class="pf-v6-c-table__thead"
338
+ data-ouia-component-id="TableExample-thead"
339
+ >
340
+ <tr
341
+ class="pf-v6-c-table__tr"
342
+ data-ouia-component-id="TableExample-tr-head"
343
+ data-ouia-component-type="PF6/TableRow"
344
+ data-ouia-safe="true"
345
+ >
346
+ <th
347
+ class="pf-v6-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-v6-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-v6-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-v6-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-v6-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-v6-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-v6-c-table__tr"
398
+ data-ouia-component-id="TableExample-tr-0"
399
+ data-ouia-component-type="PF6/TableRow"
400
+ data-ouia-safe="true"
401
+ >
402
+ <th
403
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
404
+ data-ouia-component-id="TableExample-td-0-0"
405
+ tabindex="-1"
406
+ >
407
+ <div
408
+ class="pf-v6-c-table__tree-view-main"
409
+ >
410
+ <span
411
+ class="pf-v6-c-table__toggle"
412
+ >
413
+ <button
414
+ aria-disabled="false"
415
+ aria-expanded="false"
416
+ aria-label="Expand row 0"
417
+ class="pf-v6-c-button pf-m-plain"
418
+ data-ouia-component-id="OUIA-Generated-Button-plain-1"
419
+ data-ouia-component-type="PF6/Button"
420
+ data-ouia-safe="true"
421
+ tabindex="0"
422
+ type="button"
423
+ >
424
+ <span
425
+ class="pf-v6-c-button__icon"
426
+ >
427
+ <div
428
+ class="pf-v6-c-table__toggle-icon"
429
+ >
430
+ <svg
431
+ aria-hidden="true"
432
+ class="pf-v6-svg"
433
+ fill="currentColor"
434
+ height="1em"
435
+ role="img"
436
+ viewBox="0 0 320 512"
437
+ width="1em"
438
+ >
439
+ <path
440
+ 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"
441
+ />
442
+ </svg>
443
+ </div>
444
+ </span>
445
+ </button>
446
+ </span>
447
+ <div
448
+ class="pf-v6-c-table__tree-view-text"
449
+ >
450
+ <span
451
+ class="pf-v6-c-table__text"
452
+ >
453
+ Repository one
454
+ </span>
455
+ </div>
456
+ <span
457
+ class="pf-v6-c-table__tree-view-details-toggle"
458
+ >
459
+ <button
460
+ aria-disabled="false"
461
+ aria-expanded="false"
462
+ aria-label="Show row details"
463
+ class="pf-v6-c-button pf-m-plain"
464
+ data-ouia-component-id="OUIA-Generated-Button-plain-2"
465
+ data-ouia-component-type="PF6/Button"
466
+ data-ouia-safe="true"
467
+ tabindex="-1"
468
+ type="button"
469
+ >
470
+ <span
471
+ class="pf-v6-c-button__icon"
472
+ >
473
+ <span
474
+ class="pf-v6-c-table__details-toggle-icon"
475
+ >
476
+ <svg
477
+ aria-hidden="true"
478
+ class="pf-v6-svg"
479
+ fill="currentColor"
480
+ height="1em"
481
+ role="img"
482
+ viewBox="0 0 512 512"
483
+ width="1em"
484
+ >
485
+ <path
486
+ 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"
487
+ />
488
+ </svg>
489
+ </span>
490
+ </span>
491
+ </button>
492
+ </span>
493
+ </div>
494
+ </th>
495
+ <td
496
+ class="pf-v6-c-table__td"
497
+ data-ouia-component-id="TableExample-td-0-1"
498
+ tabindex="-1"
499
+ >
500
+ Branch one
501
+ </td>
502
+ <td
503
+ class="pf-v6-c-table__td"
504
+ data-ouia-component-id="TableExample-td-0-2"
505
+ tabindex="-1"
506
+ >
507
+ Pull request one
508
+ </td>
509
+ <td
510
+ class="pf-v6-c-table__td"
511
+ data-ouia-component-id="TableExample-td-0-3"
512
+ tabindex="-1"
513
+ >
514
+ Workspace one
515
+ </td>
516
+ <td
517
+ class="pf-v6-c-table__td"
518
+ data-ouia-component-id="TableExample-td-0-4"
519
+ tabindex="-1"
520
+ >
521
+ Timestamp one
522
+ </td>
523
+ </tr>
524
+ <tr
525
+ aria-expanded="false"
526
+ aria-level="2"
527
+ aria-posinset="1"
528
+ aria-setsize="0"
529
+ class="pf-v6-c-table__tr"
530
+ data-ouia-component-id="TableExample-tr-1"
531
+ data-ouia-component-type="PF6/TableRow"
532
+ data-ouia-safe="true"
533
+ hidden=""
534
+ >
535
+ <th
536
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
537
+ data-ouia-component-id="TableExample-td-1-0"
538
+ tabindex="-1"
539
+ >
540
+ <div
541
+ class="pf-v6-c-table__tree-view-main"
542
+ >
543
+ <div
544
+ class="pf-v6-c-table__tree-view-text"
545
+ >
546
+ <span
547
+ class="pf-v6-c-table__text"
548
+ >
549
+ Repository two
550
+ </span>
551
+ </div>
552
+ <span
553
+ class="pf-v6-c-table__tree-view-details-toggle"
554
+ >
555
+ <button
556
+ aria-disabled="false"
557
+ aria-expanded="false"
558
+ aria-label="Show row details"
559
+ class="pf-v6-c-button pf-m-plain"
560
+ data-ouia-component-id="OUIA-Generated-Button-plain-3"
561
+ data-ouia-component-type="PF6/Button"
562
+ data-ouia-safe="true"
563
+ tabindex="-1"
564
+ type="button"
565
+ >
566
+ <span
567
+ class="pf-v6-c-button__icon"
568
+ >
569
+ <span
570
+ class="pf-v6-c-table__details-toggle-icon"
571
+ >
572
+ <svg
573
+ aria-hidden="true"
574
+ class="pf-v6-svg"
575
+ fill="currentColor"
576
+ height="1em"
577
+ role="img"
578
+ viewBox="0 0 512 512"
579
+ width="1em"
580
+ >
581
+ <path
582
+ 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"
583
+ />
584
+ </svg>
585
+ </span>
586
+ </span>
587
+ </button>
588
+ </span>
589
+ </div>
590
+ </th>
591
+ <td
592
+ class="pf-v6-c-table__td"
593
+ data-ouia-component-id="TableExample-td-1-1"
594
+ tabindex="-1"
595
+ >
596
+ Branch two
597
+ </td>
598
+ <td
599
+ class="pf-v6-c-table__td"
600
+ data-ouia-component-id="TableExample-td-1-2"
601
+ tabindex="-1"
602
+ >
603
+ Pull request two
604
+ </td>
605
+ <td
606
+ class="pf-v6-c-table__td"
607
+ data-ouia-component-id="TableExample-td-1-3"
608
+ tabindex="-1"
609
+ >
610
+ Workspace two
611
+ </td>
612
+ <td
613
+ class="pf-v6-c-table__td"
614
+ data-ouia-component-id="TableExample-td-1-4"
615
+ tabindex="-1"
616
+ >
617
+ Timestamp two
618
+ </td>
619
+ </tr>
620
+ <tr
621
+ aria-expanded="false"
622
+ aria-level="2"
623
+ aria-posinset="2"
624
+ aria-setsize="0"
625
+ class="pf-v6-c-table__tr"
626
+ data-ouia-component-id="TableExample-tr-2"
627
+ data-ouia-component-type="PF6/TableRow"
628
+ data-ouia-safe="true"
629
+ hidden=""
630
+ >
631
+ <th
632
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
633
+ data-ouia-component-id="TableExample-td-2-0"
634
+ tabindex="-1"
635
+ >
636
+ <div
637
+ class="pf-v6-c-table__tree-view-main"
638
+ >
639
+ <div
640
+ class="pf-v6-c-table__tree-view-text"
641
+ >
642
+ <span
643
+ class="pf-v6-c-table__text"
644
+ >
645
+ Repository three
646
+ </span>
647
+ </div>
648
+ <span
649
+ class="pf-v6-c-table__tree-view-details-toggle"
650
+ >
651
+ <button
652
+ aria-disabled="false"
653
+ aria-expanded="false"
654
+ aria-label="Show row details"
655
+ class="pf-v6-c-button pf-m-plain"
656
+ data-ouia-component-id="OUIA-Generated-Button-plain-4"
657
+ data-ouia-component-type="PF6/Button"
658
+ data-ouia-safe="true"
659
+ tabindex="-1"
660
+ type="button"
661
+ >
662
+ <span
663
+ class="pf-v6-c-button__icon"
664
+ >
665
+ <span
666
+ class="pf-v6-c-table__details-toggle-icon"
667
+ >
668
+ <svg
669
+ aria-hidden="true"
670
+ class="pf-v6-svg"
671
+ fill="currentColor"
672
+ height="1em"
673
+ role="img"
674
+ viewBox="0 0 512 512"
675
+ width="1em"
676
+ >
677
+ <path
678
+ 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"
679
+ />
680
+ </svg>
681
+ </span>
682
+ </span>
683
+ </button>
684
+ </span>
685
+ </div>
686
+ </th>
687
+ <td
688
+ class="pf-v6-c-table__td"
689
+ data-ouia-component-id="TableExample-td-2-1"
690
+ tabindex="-1"
691
+ >
692
+ Branch three
693
+ </td>
694
+ <td
695
+ class="pf-v6-c-table__td"
696
+ data-ouia-component-id="TableExample-td-2-2"
697
+ tabindex="-1"
698
+ >
699
+ Pull request three
700
+ </td>
701
+ <td
702
+ class="pf-v6-c-table__td"
703
+ data-ouia-component-id="TableExample-td-2-3"
704
+ tabindex="-1"
705
+ >
706
+ Workspace three
707
+ </td>
708
+ <td
709
+ class="pf-v6-c-table__td"
710
+ data-ouia-component-id="TableExample-td-2-4"
711
+ tabindex="-1"
712
+ >
713
+ Timestamp three
714
+ </td>
715
+ </tr>
716
+ <tr
717
+ aria-expanded="false"
718
+ aria-level="1"
719
+ aria-posinset="2"
720
+ aria-setsize="1"
721
+ class="pf-v6-c-table__tr"
722
+ data-ouia-component-id="TableExample-tr-3"
723
+ data-ouia-component-type="PF6/TableRow"
724
+ data-ouia-safe="true"
725
+ >
726
+ <th
727
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
728
+ data-ouia-component-id="TableExample-td-3-0"
729
+ tabindex="-1"
730
+ >
731
+ <div
732
+ class="pf-v6-c-table__tree-view-main"
733
+ >
734
+ <span
735
+ class="pf-v6-c-table__toggle"
736
+ >
737
+ <button
738
+ aria-disabled="false"
739
+ aria-expanded="false"
740
+ aria-label="Expand row 3"
741
+ class="pf-v6-c-button pf-m-plain"
742
+ data-ouia-component-id="OUIA-Generated-Button-plain-5"
743
+ data-ouia-component-type="PF6/Button"
744
+ data-ouia-safe="true"
745
+ tabindex="-1"
746
+ type="button"
747
+ >
748
+ <span
749
+ class="pf-v6-c-button__icon"
750
+ >
751
+ <div
752
+ class="pf-v6-c-table__toggle-icon"
753
+ >
754
+ <svg
755
+ aria-hidden="true"
756
+ class="pf-v6-svg"
757
+ fill="currentColor"
758
+ height="1em"
759
+ role="img"
760
+ viewBox="0 0 320 512"
761
+ width="1em"
762
+ >
763
+ <path
764
+ 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"
765
+ />
766
+ </svg>
767
+ </div>
768
+ </span>
769
+ </button>
770
+ </span>
771
+ <div
772
+ class="pf-v6-c-table__tree-view-text"
773
+ >
774
+ <span
775
+ class="pf-v6-c-table__text"
776
+ >
777
+ Repository four
778
+ </span>
779
+ </div>
780
+ <span
781
+ class="pf-v6-c-table__tree-view-details-toggle"
782
+ >
783
+ <button
784
+ aria-disabled="false"
785
+ aria-expanded="false"
786
+ aria-label="Show row details"
787
+ class="pf-v6-c-button pf-m-plain"
788
+ data-ouia-component-id="OUIA-Generated-Button-plain-6"
789
+ data-ouia-component-type="PF6/Button"
790
+ data-ouia-safe="true"
791
+ tabindex="-1"
792
+ type="button"
793
+ >
794
+ <span
795
+ class="pf-v6-c-button__icon"
796
+ >
797
+ <span
798
+ class="pf-v6-c-table__details-toggle-icon"
799
+ >
800
+ <svg
801
+ aria-hidden="true"
802
+ class="pf-v6-svg"
803
+ fill="currentColor"
804
+ height="1em"
805
+ role="img"
806
+ viewBox="0 0 512 512"
807
+ width="1em"
808
+ >
809
+ <path
810
+ 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"
811
+ />
812
+ </svg>
813
+ </span>
814
+ </span>
815
+ </button>
816
+ </span>
817
+ </div>
818
+ </th>
819
+ <td
820
+ class="pf-v6-c-table__td"
821
+ data-ouia-component-id="TableExample-td-3-1"
822
+ tabindex="-1"
823
+ >
824
+ Branch four
825
+ </td>
826
+ <td
827
+ class="pf-v6-c-table__td"
828
+ data-ouia-component-id="TableExample-td-3-2"
829
+ tabindex="-1"
830
+ >
831
+ Pull request four
832
+ </td>
833
+ <td
834
+ class="pf-v6-c-table__td"
835
+ data-ouia-component-id="TableExample-td-3-3"
836
+ tabindex="-1"
837
+ >
838
+ Workspace four
839
+ </td>
840
+ <td
841
+ class="pf-v6-c-table__td"
842
+ data-ouia-component-id="TableExample-td-3-4"
843
+ tabindex="-1"
844
+ >
845
+ Timestamp four
846
+ </td>
847
+ </tr>
848
+ <tr
849
+ aria-expanded="false"
850
+ aria-level="2"
851
+ aria-posinset="1"
852
+ aria-setsize="0"
853
+ class="pf-v6-c-table__tr"
854
+ data-ouia-component-id="TableExample-tr-4"
855
+ data-ouia-component-type="PF6/TableRow"
856
+ data-ouia-safe="true"
857
+ hidden=""
858
+ >
859
+ <th
860
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
861
+ data-ouia-component-id="TableExample-td-4-0"
862
+ tabindex="-1"
863
+ >
864
+ <div
865
+ class="pf-v6-c-table__tree-view-main"
866
+ >
867
+ <div
868
+ class="pf-v6-c-table__tree-view-text"
869
+ >
870
+ <span
871
+ class="pf-v6-c-table__text"
872
+ >
873
+ Repository five
874
+ </span>
875
+ </div>
876
+ <span
877
+ class="pf-v6-c-table__tree-view-details-toggle"
878
+ >
879
+ <button
880
+ aria-disabled="false"
881
+ aria-expanded="false"
882
+ aria-label="Show row details"
883
+ class="pf-v6-c-button pf-m-plain"
884
+ data-ouia-component-id="OUIA-Generated-Button-plain-7"
885
+ data-ouia-component-type="PF6/Button"
886
+ data-ouia-safe="true"
887
+ tabindex="-1"
888
+ type="button"
889
+ >
890
+ <span
891
+ class="pf-v6-c-button__icon"
892
+ >
893
+ <span
894
+ class="pf-v6-c-table__details-toggle-icon"
895
+ >
896
+ <svg
897
+ aria-hidden="true"
898
+ class="pf-v6-svg"
899
+ fill="currentColor"
900
+ height="1em"
901
+ role="img"
902
+ viewBox="0 0 512 512"
903
+ width="1em"
904
+ >
905
+ <path
906
+ 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"
907
+ />
908
+ </svg>
909
+ </span>
910
+ </span>
911
+ </button>
912
+ </span>
913
+ </div>
914
+ </th>
915
+ <td
916
+ class="pf-v6-c-table__td"
917
+ data-ouia-component-id="TableExample-td-4-1"
918
+ tabindex="-1"
919
+ >
920
+ Branch five
921
+ </td>
922
+ <td
923
+ class="pf-v6-c-table__td"
924
+ data-ouia-component-id="TableExample-td-4-2"
925
+ tabindex="-1"
926
+ >
927
+ Pull request five
928
+ </td>
929
+ <td
930
+ class="pf-v6-c-table__td"
931
+ data-ouia-component-id="TableExample-td-4-3"
932
+ tabindex="-1"
933
+ >
934
+ Workspace five
935
+ </td>
936
+ <td
937
+ class="pf-v6-c-table__td"
938
+ data-ouia-component-id="TableExample-td-4-4"
939
+ tabindex="-1"
940
+ >
941
+ Timestamp five
942
+ </td>
943
+ </tr>
944
+ <tr
945
+ aria-expanded="false"
946
+ aria-level="1"
947
+ aria-posinset="3"
948
+ aria-setsize="0"
949
+ class="pf-v6-c-table__tr"
950
+ data-ouia-component-id="TableExample-tr-5"
951
+ data-ouia-component-type="PF6/TableRow"
952
+ data-ouia-safe="true"
953
+ >
954
+ <th
955
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
956
+ data-ouia-component-id="TableExample-td-5-0"
957
+ tabindex="-1"
958
+ >
959
+ <div
960
+ class="pf-v6-c-table__tree-view-main"
961
+ >
962
+ <div
963
+ class="pf-v6-c-table__tree-view-text"
964
+ >
965
+ <span
966
+ class="pf-v6-c-table__text"
967
+ >
968
+ Repository six
969
+ </span>
970
+ </div>
971
+ <span
972
+ class="pf-v6-c-table__tree-view-details-toggle"
973
+ >
974
+ <button
975
+ aria-disabled="false"
976
+ aria-expanded="false"
977
+ aria-label="Show row details"
978
+ class="pf-v6-c-button pf-m-plain"
979
+ data-ouia-component-id="OUIA-Generated-Button-plain-8"
980
+ data-ouia-component-type="PF6/Button"
981
+ data-ouia-safe="true"
982
+ tabindex="-1"
983
+ type="button"
984
+ >
985
+ <span
986
+ class="pf-v6-c-button__icon"
987
+ >
988
+ <span
989
+ class="pf-v6-c-table__details-toggle-icon"
990
+ >
991
+ <svg
992
+ aria-hidden="true"
993
+ class="pf-v6-svg"
994
+ fill="currentColor"
995
+ height="1em"
996
+ role="img"
997
+ viewBox="0 0 512 512"
998
+ width="1em"
999
+ >
1000
+ <path
1001
+ 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"
1002
+ />
1003
+ </svg>
1004
+ </span>
1005
+ </span>
1006
+ </button>
1007
+ </span>
1008
+ </div>
1009
+ </th>
1010
+ <td
1011
+ class="pf-v6-c-table__td"
1012
+ data-ouia-component-id="TableExample-td-5-1"
1013
+ tabindex="-1"
1014
+ >
1015
+ Branch six
1016
+ </td>
1017
+ <td
1018
+ class="pf-v6-c-table__td"
1019
+ data-ouia-component-id="TableExample-td-5-2"
1020
+ tabindex="-1"
1021
+ >
1022
+ Pull request six
1023
+ </td>
1024
+ <td
1025
+ class="pf-v6-c-table__td"
1026
+ data-ouia-component-id="TableExample-td-5-3"
1027
+ tabindex="-1"
1028
+ >
1029
+ Workspace six
1030
+ </td>
1031
+ <td
1032
+ class="pf-v6-c-table__td"
1033
+ data-ouia-component-id="TableExample-td-5-4"
1034
+ tabindex="-1"
1035
+ >
1036
+ Timestamp six
1037
+ </td>
1038
+ </tr>
1039
+ </tbody>
1040
+ </table>
1041
+ </div>
1042
+ `;