@patternfly/react-data-view 6.3.0 → 6.4.0-prerelease.11

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 (95) hide show
  1. package/dist/cjs/DataViewTable/DataViewTable.d.ts +6 -1
  2. package/dist/cjs/DataViewTable/DataViewTable.js +21 -1
  3. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.d.ts +13 -0
  4. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.js +46 -6
  5. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.test.js +47 -9
  6. package/dist/cjs/DataViewTableHead/DataViewTableHead.d.ts +2 -0
  7. package/dist/cjs/DataViewTableHead/DataViewTableHead.js +5 -4
  8. package/dist/cjs/DataViewTableTree/DataViewTableTree.d.ts +2 -0
  9. package/dist/cjs/DataViewTableTree/DataViewTableTree.js +28 -1
  10. package/dist/cjs/DataViewTableTree/DataViewTableTree.test.js +4 -0
  11. package/dist/cjs/DataViewTh/DataViewTh.d.ts +32 -0
  12. package/dist/cjs/DataViewTh/DataViewTh.js +222 -0
  13. package/dist/cjs/DataViewTh/index.d.ts +2 -0
  14. package/dist/cjs/DataViewTh/index.js +23 -0
  15. package/dist/cjs/DataViewTreeFilter/DataViewTreeFilter.d.ts +26 -0
  16. package/dist/cjs/DataViewTreeFilter/DataViewTreeFilter.js +229 -0
  17. package/dist/cjs/DataViewTreeFilter/DataViewTreeFilter.test.d.ts +1 -0
  18. package/dist/cjs/DataViewTreeFilter/DataViewTreeFilter.test.js +171 -0
  19. package/dist/cjs/DataViewTreeFilter/index.d.ts +2 -0
  20. package/dist/cjs/DataViewTreeFilter/index.js +23 -0
  21. package/dist/cjs/Hooks/selection.d.ts +8 -7
  22. package/dist/cjs/Hooks/selection.js +5 -1
  23. package/dist/cjs/Hooks/selection.test.js +48 -0
  24. package/dist/cjs/InternalContext/InternalContext.d.ts +2 -0
  25. package/dist/cjs/index.d.ts +6 -0
  26. package/dist/cjs/index.js +10 -1
  27. package/dist/dynamic/DataViewTh/package.json +1 -0
  28. package/dist/dynamic/DataViewTreeFilter/package.json +1 -0
  29. package/dist/dynamic-modules.json +62 -0
  30. package/dist/esm/DataViewTable/DataViewTable.d.ts +6 -1
  31. package/dist/esm/DataViewTable/DataViewTable.js +21 -1
  32. package/dist/esm/DataViewTableBasic/DataViewTableBasic.d.ts +13 -0
  33. package/dist/esm/DataViewTableBasic/DataViewTableBasic.js +48 -8
  34. package/dist/esm/DataViewTableBasic/DataViewTableBasic.test.js +45 -10
  35. package/dist/esm/DataViewTableHead/DataViewTableHead.d.ts +2 -0
  36. package/dist/esm/DataViewTableHead/DataViewTableHead.js +5 -4
  37. package/dist/esm/DataViewTableTree/DataViewTableTree.d.ts +2 -0
  38. package/dist/esm/DataViewTableTree/DataViewTableTree.js +29 -2
  39. package/dist/esm/DataViewTableTree/DataViewTableTree.test.js +4 -0
  40. package/dist/esm/DataViewTh/DataViewTh.d.ts +32 -0
  41. package/dist/esm/DataViewTh/DataViewTh.js +215 -0
  42. package/dist/esm/DataViewTh/index.d.ts +2 -0
  43. package/dist/esm/DataViewTh/index.js +2 -0
  44. package/dist/esm/DataViewTreeFilter/DataViewTreeFilter.d.ts +26 -0
  45. package/dist/esm/DataViewTreeFilter/DataViewTreeFilter.js +225 -0
  46. package/dist/esm/DataViewTreeFilter/DataViewTreeFilter.test.d.ts +1 -0
  47. package/dist/esm/DataViewTreeFilter/DataViewTreeFilter.test.js +166 -0
  48. package/dist/esm/DataViewTreeFilter/index.d.ts +2 -0
  49. package/dist/esm/DataViewTreeFilter/index.js +2 -0
  50. package/dist/esm/Hooks/selection.d.ts +8 -7
  51. package/dist/esm/Hooks/selection.js +5 -1
  52. package/dist/esm/Hooks/selection.test.js +48 -0
  53. package/dist/esm/InternalContext/InternalContext.d.ts +2 -0
  54. package/dist/esm/index.d.ts +6 -0
  55. package/dist/esm/index.js +6 -0
  56. package/dist/tsconfig.tsbuildinfo +1 -1
  57. package/generate-fed-package-json.js +18 -0
  58. package/generate-index.js +2 -2
  59. package/package.json +12 -12
  60. package/patternfly-docs/content/extensions/data-view/examples/DataView/DataView.md +10 -4
  61. package/patternfly-docs/content/extensions/data-view/examples/Table/DataViewTableExpandableExample.tsx +108 -0
  62. package/patternfly-docs/content/extensions/data-view/examples/Table/DataViewTableInteractiveExample.tsx +148 -0
  63. package/patternfly-docs/content/extensions/data-view/examples/Table/DataViewTableResizableColumnsExample.tsx +155 -0
  64. package/patternfly-docs/content/extensions/data-view/examples/Table/DataViewTableStickyExample.tsx +90 -0
  65. package/patternfly-docs/content/extensions/data-view/examples/Table/DataViewTableTreeExample.tsx +1 -0
  66. package/patternfly-docs/content/extensions/data-view/examples/Table/Table.md +113 -14
  67. package/patternfly-docs/content/extensions/data-view/examples/Toolbar/SelectionExample.tsx +14 -3
  68. package/patternfly-docs/content/extensions/data-view/examples/Toolbar/Toolbar.md +10 -2
  69. package/patternfly-docs/content/extensions/data-view/examples/Toolbar/TreeFilterExample.tsx +248 -0
  70. package/patternfly-docs/patternfly-docs.config.js +4 -1
  71. package/release.config.js +1 -1
  72. package/src/DataViewCheckboxFilter/__snapshots__/DataViewCheckboxFilter.test.tsx.snap +0 -2
  73. package/src/DataViewFilters/__snapshots__/DataViewFilters.test.tsx.snap +0 -2
  74. package/src/DataViewTable/DataViewTable.tsx +51 -28
  75. package/src/DataViewTable/__snapshots__/DataViewTable.test.tsx.snap +17 -25
  76. package/src/DataViewTableBasic/DataViewTableBasic.test.tsx +54 -12
  77. package/src/DataViewTableBasic/DataViewTableBasic.tsx +104 -10
  78. package/src/DataViewTableBasic/__snapshots__/DataViewTableBasic.test.tsx.snap +30 -30
  79. package/src/DataViewTableHead/DataViewTableHead.tsx +24 -23
  80. package/src/DataViewTableHead/__snapshots__/DataViewTableHead.test.tsx.snap +15 -15
  81. package/src/DataViewTableTree/DataViewTableTree.test.tsx +9 -0
  82. package/src/DataViewTableTree/DataViewTableTree.tsx +35 -1
  83. package/src/DataViewTableTree/__snapshots__/DataViewTableTree.test.tsx.snap +977 -28
  84. package/src/DataViewTextFilter/__snapshots__/DataViewTextFilter.test.tsx.snap +0 -3
  85. package/src/DataViewTh/DataViewTh.tsx +342 -0
  86. package/src/DataViewTh/index.ts +2 -0
  87. package/src/DataViewToolbar/__snapshots__/DataViewToolbar.test.tsx.snap +0 -10
  88. package/src/DataViewTreeFilter/DataViewTreeFilter.test.tsx +222 -0
  89. package/src/DataViewTreeFilter/DataViewTreeFilter.tsx +361 -0
  90. package/src/DataViewTreeFilter/__snapshots__/DataViewTreeFilter.test.tsx.snap +199 -0
  91. package/src/DataViewTreeFilter/index.ts +2 -0
  92. package/src/Hooks/selection.test.tsx +65 -1
  93. package/src/Hooks/selection.ts +13 -8
  94. package/src/InternalContext/InternalContext.tsx +2 -0
  95. package/src/index.ts +9 -0
package/src/DataViewTableTree/__snapshots__/DataViewTableTree.test.tsx.snap CHANGED
@@ -29,7 +29,7 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
29
29
  data-ouia-safe="true"
30
30
  >
31
31
  <th
32
- class="pf-v6-c-table__th"
32
+ class="pf-v6-c-table__th pf-m-truncate"
33
33
  data-ouia-component-id="TreeTableExample-th-0"
34
34
  scope="col"
35
35
  tabindex="-1"
@@ -37,7 +37,7 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
37
37
  Repositories
38
38
  </th>
39
39
  <th
40
- class="pf-v6-c-table__th"
40
+ class="pf-v6-c-table__th pf-m-truncate"
41
41
  data-ouia-component-id="TreeTableExample-th-1"
42
42
  scope="col"
43
43
  tabindex="-1"
@@ -45,7 +45,7 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
45
45
  Branches
46
46
  </th>
47
47
  <th
48
- class="pf-v6-c-table__th"
48
+ class="pf-v6-c-table__th pf-m-truncate"
49
49
  data-ouia-component-id="TreeTableExample-th-2"
50
50
  scope="col"
51
51
  tabindex="-1"
@@ -53,7 +53,7 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
53
53
  Pull requests
54
54
  </th>
55
55
  <th
56
- class="pf-v6-c-table__th"
56
+ class="pf-v6-c-table__th pf-m-truncate"
57
57
  data-ouia-component-id="TreeTableExample-th-3"
58
58
  scope="col"
59
59
  tabindex="-1"
@@ -61,7 +61,7 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
61
61
  Workspaces
62
62
  </th>
63
63
  <th
64
- class="pf-v6-c-table__th"
64
+ class="pf-v6-c-table__th pf-m-truncate"
65
65
  data-ouia-component-id="TreeTableExample-th-4"
66
66
  scope="col"
67
67
  tabindex="-1"
@@ -96,7 +96,6 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
96
96
  class="pf-v6-c-table__toggle"
97
97
  >
98
98
  <button
99
- aria-disabled="false"
100
99
  aria-expanded="false"
101
100
  aria-label="Expand row 0"
102
101
  class="pf-v6-c-button pf-m-plain"
@@ -182,7 +181,6 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
182
181
  class="pf-v6-c-table__tree-view-details-toggle"
183
182
  >
184
183
  <button
185
- aria-disabled="false"
186
184
  aria-expanded="false"
187
185
  aria-label="Show row details"
188
186
  class="pf-v6-c-button pf-m-plain"
@@ -318,7 +316,6 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
318
316
  class="pf-v6-c-table__tree-view-details-toggle"
319
317
  >
320
318
  <button
321
- aria-disabled="false"
322
319
  aria-expanded="false"
323
320
  aria-label="Show row details"
324
321
  class="pf-v6-c-button pf-m-plain"
@@ -454,7 +451,6 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
454
451
  class="pf-v6-c-table__tree-view-details-toggle"
455
452
  >
456
453
  <button
457
- aria-disabled="false"
458
454
  aria-expanded="false"
459
455
  aria-label="Show row details"
460
456
  class="pf-v6-c-button pf-m-plain"
@@ -540,7 +536,6 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
540
536
  class="pf-v6-c-table__toggle"
541
537
  >
542
538
  <button
543
- aria-disabled="false"
544
539
  aria-expanded="false"
545
540
  aria-label="Expand row 3"
546
541
  class="pf-v6-c-button pf-m-plain"
@@ -626,7 +621,6 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
626
621
  class="pf-v6-c-table__tree-view-details-toggle"
627
622
  >
628
623
  <button
629
- aria-disabled="false"
630
624
  aria-expanded="false"
631
625
  aria-label="Show row details"
632
626
  class="pf-v6-c-button pf-m-plain"
@@ -762,7 +756,6 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
762
756
  class="pf-v6-c-table__tree-view-details-toggle"
763
757
  >
764
758
  <button
765
- aria-disabled="false"
766
759
  aria-expanded="false"
767
760
  aria-label="Show row details"
768
761
  class="pf-v6-c-button pf-m-plain"
@@ -897,7 +890,6 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
897
890
  class="pf-v6-c-table__tree-view-details-toggle"
898
891
  >
899
892
  <button
900
- aria-disabled="false"
901
893
  aria-expanded="false"
902
894
  aria-label="Show row details"
903
895
  class="pf-v6-c-button pf-m-plain"
@@ -997,7 +989,7 @@ exports[`DataViewTableTree component should render tree table with a loading sta
997
989
  data-ouia-safe="true"
998
990
  >
999
991
  <th
1000
- class="pf-v6-c-table__th"
992
+ class="pf-v6-c-table__th pf-m-truncate"
1001
993
  data-ouia-component-id="TreeTableExample-th-0"
1002
994
  scope="col"
1003
995
  tabindex="-1"
@@ -1005,7 +997,7 @@ exports[`DataViewTableTree component should render tree table with a loading sta
1005
997
  Repositories
1006
998
  </th>
1007
999
  <th
1008
- class="pf-v6-c-table__th"
1000
+ class="pf-v6-c-table__th pf-m-truncate"
1009
1001
  data-ouia-component-id="TreeTableExample-th-1"
1010
1002
  scope="col"
1011
1003
  tabindex="-1"
@@ -1013,7 +1005,7 @@ exports[`DataViewTableTree component should render tree table with a loading sta
1013
1005
  Branches
1014
1006
  </th>
1015
1007
  <th
1016
- class="pf-v6-c-table__th"
1008
+ class="pf-v6-c-table__th pf-m-truncate"
1017
1009
  data-ouia-component-id="TreeTableExample-th-2"
1018
1010
  scope="col"
1019
1011
  tabindex="-1"
@@ -1021,7 +1013,7 @@ exports[`DataViewTableTree component should render tree table with a loading sta
1021
1013
  Pull requests
1022
1014
  </th>
1023
1015
  <th
1024
- class="pf-v6-c-table__th"
1016
+ class="pf-v6-c-table__th pf-m-truncate"
1025
1017
  data-ouia-component-id="TreeTableExample-th-3"
1026
1018
  scope="col"
1027
1019
  tabindex="-1"
@@ -1029,7 +1021,7 @@ exports[`DataViewTableTree component should render tree table with a loading sta
1029
1021
  Workspaces
1030
1022
  </th>
1031
1023
  <th
1032
- class="pf-v6-c-table__th"
1024
+ class="pf-v6-c-table__th pf-m-truncate"
1033
1025
  data-ouia-component-id="TreeTableExample-th-4"
1034
1026
  scope="col"
1035
1027
  tabindex="-1"
@@ -1045,6 +1037,963 @@ exports[`DataViewTableTree component should render tree table with a loading sta
1045
1037
  </div>
1046
1038
  `;
1047
1039
 
1040
+ exports[`DataViewTableTree component should render tree table with all expandable nodes expanded 1`] = `
1041
+ <div>
1042
+ <div
1043
+ class="pf-v6-l-stack"
1044
+ data-ouia-component-id="DataView-stack"
1045
+ >
1046
+ <div
1047
+ class="pf-v6-l-stack__item"
1048
+ data-ouia-component-id="DataView-stack-item-0"
1049
+ >
1050
+ <table
1051
+ aria-label="Repositories table"
1052
+ class="pf-v6-c-table pf-m-tree-view-grid-md pf-m-tree-view"
1053
+ data-ouia-component-id="TreeTableExample"
1054
+ data-ouia-component-type="PF6/Table"
1055
+ data-ouia-safe="true"
1056
+ role="treegrid"
1057
+ >
1058
+ <thead
1059
+ class="pf-v6-c-table__thead"
1060
+ data-ouia-component-id="TreeTableExample-thead"
1061
+ >
1062
+ <tr
1063
+ class="pf-v6-c-table__tr"
1064
+ data-ouia-component-id="TreeTableExample-tr-head"
1065
+ data-ouia-component-type="PF6/TableRow"
1066
+ data-ouia-safe="true"
1067
+ >
1068
+ <th
1069
+ class="pf-v6-c-table__th pf-m-truncate"
1070
+ data-ouia-component-id="TreeTableExample-th-0"
1071
+ scope="col"
1072
+ tabindex="-1"
1073
+ >
1074
+ Repositories
1075
+ </th>
1076
+ <th
1077
+ class="pf-v6-c-table__th pf-m-truncate"
1078
+ data-ouia-component-id="TreeTableExample-th-1"
1079
+ scope="col"
1080
+ tabindex="-1"
1081
+ >
1082
+ Branches
1083
+ </th>
1084
+ <th
1085
+ class="pf-v6-c-table__th pf-m-truncate"
1086
+ data-ouia-component-id="TreeTableExample-th-2"
1087
+ scope="col"
1088
+ tabindex="-1"
1089
+ >
1090
+ Pull requests
1091
+ </th>
1092
+ <th
1093
+ class="pf-v6-c-table__th pf-m-truncate"
1094
+ data-ouia-component-id="TreeTableExample-th-3"
1095
+ scope="col"
1096
+ tabindex="-1"
1097
+ >
1098
+ Workspaces
1099
+ </th>
1100
+ <th
1101
+ class="pf-v6-c-table__th pf-m-truncate"
1102
+ data-ouia-component-id="TreeTableExample-th-4"
1103
+ scope="col"
1104
+ tabindex="-1"
1105
+ >
1106
+ Last commit
1107
+ </th>
1108
+ </tr>
1109
+ </thead>
1110
+ <tbody
1111
+ class="pf-v6-c-table__tbody"
1112
+ role="rowgroup"
1113
+ >
1114
+ <tr
1115
+ aria-expanded="true"
1116
+ aria-level="1"
1117
+ aria-posinset="1"
1118
+ aria-setsize="2"
1119
+ class="pf-v6-c-table__tr pf-m-expanded"
1120
+ data-ouia-component-id="TreeTableExample-tr-0"
1121
+ data-ouia-component-type="PF6/TableRow"
1122
+ data-ouia-safe="true"
1123
+ >
1124
+ <th
1125
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
1126
+ data-ouia-component-id="TreeTableExample-td-0-0"
1127
+ tabindex="-1"
1128
+ >
1129
+ <div
1130
+ class="pf-v6-c-table__tree-view-main"
1131
+ >
1132
+ <span
1133
+ class="pf-v6-c-table__toggle"
1134
+ >
1135
+ <button
1136
+ aria-expanded="true"
1137
+ aria-label="Collapse row 0"
1138
+ class="pf-v6-c-button pf-m-plain pf-m-expanded"
1139
+ data-ouia-component-id="OUIA-Generated-Button-plain-9"
1140
+ data-ouia-component-type="PF6/Button"
1141
+ data-ouia-safe="true"
1142
+ tabindex="0"
1143
+ type="button"
1144
+ >
1145
+ <span
1146
+ class="pf-v6-c-button__icon"
1147
+ >
1148
+ <div
1149
+ class="pf-v6-c-table__toggle-icon"
1150
+ >
1151
+ <svg
1152
+ aria-hidden="true"
1153
+ class="pf-v6-svg"
1154
+ fill="currentColor"
1155
+ height="1em"
1156
+ role="img"
1157
+ viewBox="0 0 320 512"
1158
+ width="1em"
1159
+ >
1160
+ <path
1161
+ 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"
1162
+ />
1163
+ </svg>
1164
+ </div>
1165
+ </span>
1166
+ </button>
1167
+ </span>
1168
+ <span
1169
+ class="pf-v6-c-table__check"
1170
+ >
1171
+ <label
1172
+ for="checkbox_id_repository_one"
1173
+ >
1174
+ <div
1175
+ class="pf-v6-c-check pf-m-standalone"
1176
+ >
1177
+ <input
1178
+ aria-invalid="false"
1179
+ aria-label="Row 0 checkbox"
1180
+ class="pf-v6-c-check__input"
1181
+ data-ouia-component-id="OUIA-Generated-Checkbox-7"
1182
+ data-ouia-component-type="PF6/Checkbox"
1183
+ data-ouia-safe="true"
1184
+ id="checkbox_id_repository_one"
1185
+ tabindex="-1"
1186
+ type="checkbox"
1187
+ />
1188
+ </div>
1189
+ </label>
1190
+ </span>
1191
+ <div
1192
+ class="pf-v6-c-table__tree-view-text"
1193
+ >
1194
+ <span
1195
+ class="pf-v6-c-table__tree-view-icon"
1196
+ >
1197
+ <svg
1198
+ aria-hidden="true"
1199
+ class="pf-v6-svg"
1200
+ fill="currentColor"
1201
+ height="1em"
1202
+ role="img"
1203
+ viewBox="0 0 576 512"
1204
+ width="1em"
1205
+ >
1206
+ <path
1207
+ d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"
1208
+ />
1209
+ </svg>
1210
+ </span>
1211
+ <span
1212
+ class="pf-v6-c-table__text"
1213
+ >
1214
+ Repository one
1215
+ </span>
1216
+ </div>
1217
+ <span
1218
+ class="pf-v6-c-table__tree-view-details-toggle"
1219
+ >
1220
+ <button
1221
+ aria-expanded="false"
1222
+ aria-label="Show row details"
1223
+ class="pf-v6-c-button pf-m-plain"
1224
+ data-ouia-component-id="OUIA-Generated-Button-plain-10"
1225
+ data-ouia-component-type="PF6/Button"
1226
+ data-ouia-safe="true"
1227
+ tabindex="-1"
1228
+ type="button"
1229
+ >
1230
+ <span
1231
+ class="pf-v6-c-button__icon"
1232
+ >
1233
+ <span
1234
+ class="pf-v6-c-table__details-toggle-icon"
1235
+ >
1236
+ <svg
1237
+ aria-hidden="true"
1238
+ class="pf-v6-svg"
1239
+ fill="currentColor"
1240
+ height="1em"
1241
+ role="img"
1242
+ viewBox="0 0 512 512"
1243
+ width="1em"
1244
+ >
1245
+ <path
1246
+ 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"
1247
+ />
1248
+ </svg>
1249
+ </span>
1250
+ </span>
1251
+ </button>
1252
+ </span>
1253
+ </div>
1254
+ </th>
1255
+ <td
1256
+ class="pf-v6-c-table__td"
1257
+ data-ouia-component-id="TreeTableExample-td-0-1"
1258
+ tabindex="-1"
1259
+ >
1260
+ Branch one
1261
+ </td>
1262
+ <td
1263
+ class="pf-v6-c-table__td"
1264
+ data-ouia-component-id="TreeTableExample-td-0-2"
1265
+ tabindex="-1"
1266
+ >
1267
+ Pull request one
1268
+ </td>
1269
+ <td
1270
+ class="pf-v6-c-table__td"
1271
+ data-ouia-component-id="TreeTableExample-td-0-3"
1272
+ tabindex="-1"
1273
+ >
1274
+ Workspace one
1275
+ </td>
1276
+ <td
1277
+ class="pf-v6-c-table__td"
1278
+ data-ouia-component-id="TreeTableExample-td-0-4"
1279
+ tabindex="-1"
1280
+ >
1281
+ Timestamp one
1282
+ </td>
1283
+ </tr>
1284
+ <tr
1285
+ aria-expanded="false"
1286
+ aria-level="2"
1287
+ aria-posinset="1"
1288
+ aria-setsize="0"
1289
+ class="pf-v6-c-table__tr"
1290
+ data-ouia-component-id="TreeTableExample-tr-1"
1291
+ data-ouia-component-type="PF6/TableRow"
1292
+ data-ouia-safe="true"
1293
+ >
1294
+ <th
1295
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
1296
+ data-ouia-component-id="TreeTableExample-td-1-0"
1297
+ tabindex="-1"
1298
+ >
1299
+ <div
1300
+ class="pf-v6-c-table__tree-view-main"
1301
+ >
1302
+ <span
1303
+ class="pf-v6-c-table__check"
1304
+ >
1305
+ <label
1306
+ for="checkbox_id_repository_two"
1307
+ >
1308
+ <div
1309
+ class="pf-v6-c-check pf-m-standalone"
1310
+ >
1311
+ <input
1312
+ aria-invalid="false"
1313
+ aria-label="Row 1 checkbox"
1314
+ class="pf-v6-c-check__input"
1315
+ data-ouia-component-id="OUIA-Generated-Checkbox-8"
1316
+ data-ouia-component-type="PF6/Checkbox"
1317
+ data-ouia-safe="true"
1318
+ id="checkbox_id_repository_two"
1319
+ tabindex="-1"
1320
+ type="checkbox"
1321
+ />
1322
+ </div>
1323
+ </label>
1324
+ </span>
1325
+ <div
1326
+ class="pf-v6-c-table__tree-view-text"
1327
+ >
1328
+ <span
1329
+ class="pf-v6-c-table__tree-view-icon"
1330
+ >
1331
+ <svg
1332
+ aria-hidden="true"
1333
+ class="pf-v6-svg"
1334
+ fill="currentColor"
1335
+ height="1em"
1336
+ role="img"
1337
+ viewBox="0 0 576 512"
1338
+ width="1em"
1339
+ >
1340
+ <path
1341
+ 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"
1342
+ />
1343
+ </svg>
1344
+ </span>
1345
+ <span
1346
+ class="pf-v6-c-table__text"
1347
+ >
1348
+ Repository two
1349
+ </span>
1350
+ </div>
1351
+ <span
1352
+ class="pf-v6-c-table__tree-view-details-toggle"
1353
+ >
1354
+ <button
1355
+ aria-expanded="false"
1356
+ aria-label="Show row details"
1357
+ class="pf-v6-c-button pf-m-plain"
1358
+ data-ouia-component-id="OUIA-Generated-Button-plain-11"
1359
+ data-ouia-component-type="PF6/Button"
1360
+ data-ouia-safe="true"
1361
+ tabindex="-1"
1362
+ type="button"
1363
+ >
1364
+ <span
1365
+ class="pf-v6-c-button__icon"
1366
+ >
1367
+ <span
1368
+ class="pf-v6-c-table__details-toggle-icon"
1369
+ >
1370
+ <svg
1371
+ aria-hidden="true"
1372
+ class="pf-v6-svg"
1373
+ fill="currentColor"
1374
+ height="1em"
1375
+ role="img"
1376
+ viewBox="0 0 512 512"
1377
+ width="1em"
1378
+ >
1379
+ <path
1380
+ 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"
1381
+ />
1382
+ </svg>
1383
+ </span>
1384
+ </span>
1385
+ </button>
1386
+ </span>
1387
+ </div>
1388
+ </th>
1389
+ <td
1390
+ class="pf-v6-c-table__td"
1391
+ data-ouia-component-id="TreeTableExample-td-1-1"
1392
+ tabindex="-1"
1393
+ >
1394
+ Branch two
1395
+ </td>
1396
+ <td
1397
+ class="pf-v6-c-table__td"
1398
+ data-ouia-component-id="TreeTableExample-td-1-2"
1399
+ tabindex="-1"
1400
+ >
1401
+ Pull request two
1402
+ </td>
1403
+ <td
1404
+ class="pf-v6-c-table__td"
1405
+ data-ouia-component-id="TreeTableExample-td-1-3"
1406
+ tabindex="-1"
1407
+ >
1408
+ Workspace two
1409
+ </td>
1410
+ <td
1411
+ class="pf-v6-c-table__td"
1412
+ data-ouia-component-id="TreeTableExample-td-1-4"
1413
+ tabindex="-1"
1414
+ >
1415
+ Timestamp two
1416
+ </td>
1417
+ </tr>
1418
+ <tr
1419
+ aria-expanded="false"
1420
+ aria-level="2"
1421
+ aria-posinset="2"
1422
+ aria-setsize="0"
1423
+ class="pf-v6-c-table__tr"
1424
+ data-ouia-component-id="TreeTableExample-tr-2"
1425
+ data-ouia-component-type="PF6/TableRow"
1426
+ data-ouia-safe="true"
1427
+ >
1428
+ <th
1429
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
1430
+ data-ouia-component-id="TreeTableExample-td-2-0"
1431
+ tabindex="-1"
1432
+ >
1433
+ <div
1434
+ class="pf-v6-c-table__tree-view-main"
1435
+ >
1436
+ <span
1437
+ class="pf-v6-c-table__check"
1438
+ >
1439
+ <label
1440
+ for="checkbox_id_repository_three"
1441
+ >
1442
+ <div
1443
+ class="pf-v6-c-check pf-m-standalone"
1444
+ >
1445
+ <input
1446
+ aria-invalid="false"
1447
+ aria-label="Row 2 checkbox"
1448
+ class="pf-v6-c-check__input"
1449
+ data-ouia-component-id="OUIA-Generated-Checkbox-9"
1450
+ data-ouia-component-type="PF6/Checkbox"
1451
+ data-ouia-safe="true"
1452
+ id="checkbox_id_repository_three"
1453
+ tabindex="-1"
1454
+ type="checkbox"
1455
+ />
1456
+ </div>
1457
+ </label>
1458
+ </span>
1459
+ <div
1460
+ class="pf-v6-c-table__tree-view-text"
1461
+ >
1462
+ <span
1463
+ class="pf-v6-c-table__tree-view-icon"
1464
+ >
1465
+ <svg
1466
+ aria-hidden="true"
1467
+ class="pf-v6-svg"
1468
+ fill="currentColor"
1469
+ height="1em"
1470
+ role="img"
1471
+ viewBox="0 0 576 512"
1472
+ width="1em"
1473
+ >
1474
+ <path
1475
+ 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"
1476
+ />
1477
+ </svg>
1478
+ </span>
1479
+ <span
1480
+ class="pf-v6-c-table__text"
1481
+ >
1482
+ Repository three
1483
+ </span>
1484
+ </div>
1485
+ <span
1486
+ class="pf-v6-c-table__tree-view-details-toggle"
1487
+ >
1488
+ <button
1489
+ aria-expanded="false"
1490
+ aria-label="Show row details"
1491
+ class="pf-v6-c-button pf-m-plain"
1492
+ data-ouia-component-id="OUIA-Generated-Button-plain-12"
1493
+ data-ouia-component-type="PF6/Button"
1494
+ data-ouia-safe="true"
1495
+ tabindex="-1"
1496
+ type="button"
1497
+ >
1498
+ <span
1499
+ class="pf-v6-c-button__icon"
1500
+ >
1501
+ <span
1502
+ class="pf-v6-c-table__details-toggle-icon"
1503
+ >
1504
+ <svg
1505
+ aria-hidden="true"
1506
+ class="pf-v6-svg"
1507
+ fill="currentColor"
1508
+ height="1em"
1509
+ role="img"
1510
+ viewBox="0 0 512 512"
1511
+ width="1em"
1512
+ >
1513
+ <path
1514
+ 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"
1515
+ />
1516
+ </svg>
1517
+ </span>
1518
+ </span>
1519
+ </button>
1520
+ </span>
1521
+ </div>
1522
+ </th>
1523
+ <td
1524
+ class="pf-v6-c-table__td"
1525
+ data-ouia-component-id="TreeTableExample-td-2-1"
1526
+ tabindex="-1"
1527
+ >
1528
+ Branch three
1529
+ </td>
1530
+ <td
1531
+ class="pf-v6-c-table__td"
1532
+ data-ouia-component-id="TreeTableExample-td-2-2"
1533
+ tabindex="-1"
1534
+ >
1535
+ Pull request three
1536
+ </td>
1537
+ <td
1538
+ class="pf-v6-c-table__td"
1539
+ data-ouia-component-id="TreeTableExample-td-2-3"
1540
+ tabindex="-1"
1541
+ >
1542
+ Workspace three
1543
+ </td>
1544
+ <td
1545
+ class="pf-v6-c-table__td"
1546
+ data-ouia-component-id="TreeTableExample-td-2-4"
1547
+ tabindex="-1"
1548
+ >
1549
+ Timestamp three
1550
+ </td>
1551
+ </tr>
1552
+ <tr
1553
+ aria-expanded="true"
1554
+ aria-level="1"
1555
+ aria-posinset="2"
1556
+ aria-setsize="1"
1557
+ class="pf-v6-c-table__tr pf-m-expanded"
1558
+ data-ouia-component-id="TreeTableExample-tr-3"
1559
+ data-ouia-component-type="PF6/TableRow"
1560
+ data-ouia-safe="true"
1561
+ >
1562
+ <th
1563
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
1564
+ data-ouia-component-id="TreeTableExample-td-3-0"
1565
+ tabindex="-1"
1566
+ >
1567
+ <div
1568
+ class="pf-v6-c-table__tree-view-main"
1569
+ >
1570
+ <span
1571
+ class="pf-v6-c-table__toggle"
1572
+ >
1573
+ <button
1574
+ aria-expanded="true"
1575
+ aria-label="Collapse row 3"
1576
+ class="pf-v6-c-button pf-m-plain pf-m-expanded"
1577
+ data-ouia-component-id="OUIA-Generated-Button-plain-13"
1578
+ data-ouia-component-type="PF6/Button"
1579
+ data-ouia-safe="true"
1580
+ tabindex="-1"
1581
+ type="button"
1582
+ >
1583
+ <span
1584
+ class="pf-v6-c-button__icon"
1585
+ >
1586
+ <div
1587
+ class="pf-v6-c-table__toggle-icon"
1588
+ >
1589
+ <svg
1590
+ aria-hidden="true"
1591
+ class="pf-v6-svg"
1592
+ fill="currentColor"
1593
+ height="1em"
1594
+ role="img"
1595
+ viewBox="0 0 320 512"
1596
+ width="1em"
1597
+ >
1598
+ <path
1599
+ 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"
1600
+ />
1601
+ </svg>
1602
+ </div>
1603
+ </span>
1604
+ </button>
1605
+ </span>
1606
+ <span
1607
+ class="pf-v6-c-table__check"
1608
+ >
1609
+ <label
1610
+ for="checkbox_id_repository_four"
1611
+ >
1612
+ <div
1613
+ class="pf-v6-c-check pf-m-standalone"
1614
+ >
1615
+ <input
1616
+ aria-invalid="false"
1617
+ aria-label="Row 3 checkbox"
1618
+ class="pf-v6-c-check__input"
1619
+ data-ouia-component-id="OUIA-Generated-Checkbox-10"
1620
+ data-ouia-component-type="PF6/Checkbox"
1621
+ data-ouia-safe="true"
1622
+ id="checkbox_id_repository_four"
1623
+ tabindex="-1"
1624
+ type="checkbox"
1625
+ />
1626
+ </div>
1627
+ </label>
1628
+ </span>
1629
+ <div
1630
+ class="pf-v6-c-table__tree-view-text"
1631
+ >
1632
+ <span
1633
+ class="pf-v6-c-table__tree-view-icon"
1634
+ >
1635
+ <svg
1636
+ aria-hidden="true"
1637
+ class="pf-v6-svg"
1638
+ fill="currentColor"
1639
+ height="1em"
1640
+ role="img"
1641
+ viewBox="0 0 576 512"
1642
+ width="1em"
1643
+ >
1644
+ <path
1645
+ d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"
1646
+ />
1647
+ </svg>
1648
+ </span>
1649
+ <span
1650
+ class="pf-v6-c-table__text"
1651
+ >
1652
+ Repository four
1653
+ </span>
1654
+ </div>
1655
+ <span
1656
+ class="pf-v6-c-table__tree-view-details-toggle"
1657
+ >
1658
+ <button
1659
+ aria-expanded="false"
1660
+ aria-label="Show row details"
1661
+ class="pf-v6-c-button pf-m-plain"
1662
+ data-ouia-component-id="OUIA-Generated-Button-plain-14"
1663
+ data-ouia-component-type="PF6/Button"
1664
+ data-ouia-safe="true"
1665
+ tabindex="-1"
1666
+ type="button"
1667
+ >
1668
+ <span
1669
+ class="pf-v6-c-button__icon"
1670
+ >
1671
+ <span
1672
+ class="pf-v6-c-table__details-toggle-icon"
1673
+ >
1674
+ <svg
1675
+ aria-hidden="true"
1676
+ class="pf-v6-svg"
1677
+ fill="currentColor"
1678
+ height="1em"
1679
+ role="img"
1680
+ viewBox="0 0 512 512"
1681
+ width="1em"
1682
+ >
1683
+ <path
1684
+ 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"
1685
+ />
1686
+ </svg>
1687
+ </span>
1688
+ </span>
1689
+ </button>
1690
+ </span>
1691
+ </div>
1692
+ </th>
1693
+ <td
1694
+ class="pf-v6-c-table__td"
1695
+ data-ouia-component-id="TreeTableExample-td-3-1"
1696
+ tabindex="-1"
1697
+ >
1698
+ Branch four
1699
+ </td>
1700
+ <td
1701
+ class="pf-v6-c-table__td"
1702
+ data-ouia-component-id="TreeTableExample-td-3-2"
1703
+ tabindex="-1"
1704
+ >
1705
+ Pull request four
1706
+ </td>
1707
+ <td
1708
+ class="pf-v6-c-table__td"
1709
+ data-ouia-component-id="TreeTableExample-td-3-3"
1710
+ tabindex="-1"
1711
+ >
1712
+ Workspace four
1713
+ </td>
1714
+ <td
1715
+ class="pf-v6-c-table__td"
1716
+ data-ouia-component-id="TreeTableExample-td-3-4"
1717
+ tabindex="-1"
1718
+ >
1719
+ Timestamp four
1720
+ </td>
1721
+ </tr>
1722
+ <tr
1723
+ aria-expanded="false"
1724
+ aria-level="2"
1725
+ aria-posinset="1"
1726
+ aria-setsize="0"
1727
+ class="pf-v6-c-table__tr"
1728
+ data-ouia-component-id="TreeTableExample-tr-4"
1729
+ data-ouia-component-type="PF6/TableRow"
1730
+ data-ouia-safe="true"
1731
+ >
1732
+ <th
1733
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
1734
+ data-ouia-component-id="TreeTableExample-td-4-0"
1735
+ tabindex="-1"
1736
+ >
1737
+ <div
1738
+ class="pf-v6-c-table__tree-view-main"
1739
+ >
1740
+ <span
1741
+ class="pf-v6-c-table__check"
1742
+ >
1743
+ <label
1744
+ for="checkbox_id_repository_five"
1745
+ >
1746
+ <div
1747
+ class="pf-v6-c-check pf-m-standalone"
1748
+ >
1749
+ <input
1750
+ aria-invalid="false"
1751
+ aria-label="Row 4 checkbox"
1752
+ class="pf-v6-c-check__input"
1753
+ data-ouia-component-id="OUIA-Generated-Checkbox-11"
1754
+ data-ouia-component-type="PF6/Checkbox"
1755
+ data-ouia-safe="true"
1756
+ id="checkbox_id_repository_five"
1757
+ tabindex="-1"
1758
+ type="checkbox"
1759
+ />
1760
+ </div>
1761
+ </label>
1762
+ </span>
1763
+ <div
1764
+ class="pf-v6-c-table__tree-view-text"
1765
+ >
1766
+ <span
1767
+ class="pf-v6-c-table__tree-view-icon"
1768
+ >
1769
+ <svg
1770
+ aria-hidden="true"
1771
+ class="pf-v6-svg"
1772
+ fill="currentColor"
1773
+ height="1em"
1774
+ role="img"
1775
+ viewBox="0 0 576 512"
1776
+ width="1em"
1777
+ >
1778
+ <path
1779
+ 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"
1780
+ />
1781
+ </svg>
1782
+ </span>
1783
+ <span
1784
+ class="pf-v6-c-table__text"
1785
+ >
1786
+ Repository five
1787
+ </span>
1788
+ </div>
1789
+ <span
1790
+ class="pf-v6-c-table__tree-view-details-toggle"
1791
+ >
1792
+ <button
1793
+ aria-expanded="false"
1794
+ aria-label="Show row details"
1795
+ class="pf-v6-c-button pf-m-plain"
1796
+ data-ouia-component-id="OUIA-Generated-Button-plain-15"
1797
+ data-ouia-component-type="PF6/Button"
1798
+ data-ouia-safe="true"
1799
+ tabindex="-1"
1800
+ type="button"
1801
+ >
1802
+ <span
1803
+ class="pf-v6-c-button__icon"
1804
+ >
1805
+ <span
1806
+ class="pf-v6-c-table__details-toggle-icon"
1807
+ >
1808
+ <svg
1809
+ aria-hidden="true"
1810
+ class="pf-v6-svg"
1811
+ fill="currentColor"
1812
+ height="1em"
1813
+ role="img"
1814
+ viewBox="0 0 512 512"
1815
+ width="1em"
1816
+ >
1817
+ <path
1818
+ 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"
1819
+ />
1820
+ </svg>
1821
+ </span>
1822
+ </span>
1823
+ </button>
1824
+ </span>
1825
+ </div>
1826
+ </th>
1827
+ <td
1828
+ class="pf-v6-c-table__td"
1829
+ data-ouia-component-id="TreeTableExample-td-4-1"
1830
+ tabindex="-1"
1831
+ >
1832
+ Branch five
1833
+ </td>
1834
+ <td
1835
+ class="pf-v6-c-table__td"
1836
+ data-ouia-component-id="TreeTableExample-td-4-2"
1837
+ tabindex="-1"
1838
+ >
1839
+ Pull request five
1840
+ </td>
1841
+ <td
1842
+ class="pf-v6-c-table__td"
1843
+ data-ouia-component-id="TreeTableExample-td-4-3"
1844
+ tabindex="-1"
1845
+ >
1846
+ Workspace five
1847
+ </td>
1848
+ <td
1849
+ class="pf-v6-c-table__td"
1850
+ data-ouia-component-id="TreeTableExample-td-4-4"
1851
+ tabindex="-1"
1852
+ >
1853
+ Timestamp five
1854
+ </td>
1855
+ </tr>
1856
+ <tr
1857
+ aria-expanded="false"
1858
+ aria-level="1"
1859
+ aria-posinset="3"
1860
+ aria-setsize="0"
1861
+ class="pf-v6-c-table__tr"
1862
+ data-ouia-component-id="TreeTableExample-tr-5"
1863
+ data-ouia-component-type="PF6/TableRow"
1864
+ data-ouia-safe="true"
1865
+ >
1866
+ <th
1867
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
1868
+ data-ouia-component-id="TreeTableExample-td-5-0"
1869
+ tabindex="-1"
1870
+ >
1871
+ <div
1872
+ class="pf-v6-c-table__tree-view-main"
1873
+ >
1874
+ <span
1875
+ class="pf-v6-c-table__check"
1876
+ >
1877
+ <label
1878
+ for="checkbox_id_repository_six"
1879
+ >
1880
+ <div
1881
+ class="pf-v6-c-check pf-m-standalone"
1882
+ >
1883
+ <input
1884
+ aria-invalid="false"
1885
+ aria-label="Row 5 checkbox"
1886
+ class="pf-v6-c-check__input"
1887
+ data-ouia-component-id="OUIA-Generated-Checkbox-12"
1888
+ data-ouia-component-type="PF6/Checkbox"
1889
+ data-ouia-safe="true"
1890
+ id="checkbox_id_repository_six"
1891
+ tabindex="-1"
1892
+ type="checkbox"
1893
+ />
1894
+ </div>
1895
+ </label>
1896
+ </span>
1897
+ <div
1898
+ class="pf-v6-c-table__tree-view-text"
1899
+ >
1900
+ <span
1901
+ class="pf-v6-c-table__tree-view-icon"
1902
+ >
1903
+ <svg
1904
+ aria-hidden="true"
1905
+ class="pf-v6-svg"
1906
+ fill="currentColor"
1907
+ height="1em"
1908
+ role="img"
1909
+ viewBox="0 0 576 512"
1910
+ width="1em"
1911
+ >
1912
+ <path
1913
+ 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"
1914
+ />
1915
+ </svg>
1916
+ </span>
1917
+ <span
1918
+ class="pf-v6-c-table__text"
1919
+ >
1920
+ Repository six
1921
+ </span>
1922
+ </div>
1923
+ <span
1924
+ class="pf-v6-c-table__tree-view-details-toggle"
1925
+ >
1926
+ <button
1927
+ aria-expanded="false"
1928
+ aria-label="Show row details"
1929
+ class="pf-v6-c-button pf-m-plain"
1930
+ data-ouia-component-id="OUIA-Generated-Button-plain-16"
1931
+ data-ouia-component-type="PF6/Button"
1932
+ data-ouia-safe="true"
1933
+ tabindex="-1"
1934
+ type="button"
1935
+ >
1936
+ <span
1937
+ class="pf-v6-c-button__icon"
1938
+ >
1939
+ <span
1940
+ class="pf-v6-c-table__details-toggle-icon"
1941
+ >
1942
+ <svg
1943
+ aria-hidden="true"
1944
+ class="pf-v6-svg"
1945
+ fill="currentColor"
1946
+ height="1em"
1947
+ role="img"
1948
+ viewBox="0 0 512 512"
1949
+ width="1em"
1950
+ >
1951
+ <path
1952
+ 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"
1953
+ />
1954
+ </svg>
1955
+ </span>
1956
+ </span>
1957
+ </button>
1958
+ </span>
1959
+ </div>
1960
+ </th>
1961
+ <td
1962
+ class="pf-v6-c-table__td"
1963
+ data-ouia-component-id="TreeTableExample-td-5-1"
1964
+ tabindex="-1"
1965
+ >
1966
+ Branch six
1967
+ </td>
1968
+ <td
1969
+ class="pf-v6-c-table__td"
1970
+ data-ouia-component-id="TreeTableExample-td-5-2"
1971
+ tabindex="-1"
1972
+ >
1973
+ Pull request six
1974
+ </td>
1975
+ <td
1976
+ class="pf-v6-c-table__td"
1977
+ data-ouia-component-id="TreeTableExample-td-5-3"
1978
+ tabindex="-1"
1979
+ >
1980
+ Workspace six
1981
+ </td>
1982
+ <td
1983
+ class="pf-v6-c-table__td"
1984
+ data-ouia-component-id="TreeTableExample-td-5-4"
1985
+ tabindex="-1"
1986
+ >
1987
+ Timestamp six
1988
+ </td>
1989
+ </tr>
1990
+ </tbody>
1991
+ </table>
1992
+ </div>
1993
+ </div>
1994
+ </div>
1995
+ `;
1996
+
1048
1997
  exports[`DataViewTableTree component should render tree table with an empty state 1`] = `
1049
1998
  <div>
1050
1999
  <div
@@ -1074,7 +2023,7 @@ exports[`DataViewTableTree component should render tree table with an empty stat
1074
2023
  data-ouia-safe="true"
1075
2024
  >
1076
2025
  <th
1077
- class="pf-v6-c-table__th"
2026
+ class="pf-v6-c-table__th pf-m-truncate"
1078
2027
  data-ouia-component-id="TreeTableExample-th-0"
1079
2028
  scope="col"
1080
2029
  tabindex="-1"
@@ -1082,7 +2031,7 @@ exports[`DataViewTableTree component should render tree table with an empty stat
1082
2031
  Repositories
1083
2032
  </th>
1084
2033
  <th
1085
- class="pf-v6-c-table__th"
2034
+ class="pf-v6-c-table__th pf-m-truncate"
1086
2035
  data-ouia-component-id="TreeTableExample-th-1"
1087
2036
  scope="col"
1088
2037
  tabindex="-1"
@@ -1090,7 +2039,7 @@ exports[`DataViewTableTree component should render tree table with an empty stat
1090
2039
  Branches
1091
2040
  </th>
1092
2041
  <th
1093
- class="pf-v6-c-table__th"
2042
+ class="pf-v6-c-table__th pf-m-truncate"
1094
2043
  data-ouia-component-id="TreeTableExample-th-2"
1095
2044
  scope="col"
1096
2045
  tabindex="-1"
@@ -1098,7 +2047,7 @@ exports[`DataViewTableTree component should render tree table with an empty stat
1098
2047
  Pull requests
1099
2048
  </th>
1100
2049
  <th
1101
- class="pf-v6-c-table__th"
2050
+ class="pf-v6-c-table__th pf-m-truncate"
1102
2051
  data-ouia-component-id="TreeTableExample-th-3"
1103
2052
  scope="col"
1104
2053
  tabindex="-1"
@@ -1106,7 +2055,7 @@ exports[`DataViewTableTree component should render tree table with an empty stat
1106
2055
  Workspaces
1107
2056
  </th>
1108
2057
  <th
1109
- class="pf-v6-c-table__th"
2058
+ class="pf-v6-c-table__th pf-m-truncate"
1110
2059
  data-ouia-component-id="TreeTableExample-th-4"
1111
2060
  scope="col"
1112
2061
  tabindex="-1"
@@ -1151,7 +2100,7 @@ exports[`DataViewTableTree component should render tree table with an error stat
1151
2100
  data-ouia-safe="true"
1152
2101
  >
1153
2102
  <th
1154
- class="pf-v6-c-table__th"
2103
+ class="pf-v6-c-table__th pf-m-truncate"
1155
2104
  data-ouia-component-id="TreeTableExample-th-0"
1156
2105
  scope="col"
1157
2106
  tabindex="-1"
@@ -1159,7 +2108,7 @@ exports[`DataViewTableTree component should render tree table with an error stat
1159
2108
  Repositories
1160
2109
  </th>
1161
2110
  <th
1162
- class="pf-v6-c-table__th"
2111
+ class="pf-v6-c-table__th pf-m-truncate"
1163
2112
  data-ouia-component-id="TreeTableExample-th-1"
1164
2113
  scope="col"
1165
2114
  tabindex="-1"
@@ -1167,7 +2116,7 @@ exports[`DataViewTableTree component should render tree table with an error stat
1167
2116
  Branches
1168
2117
  </th>
1169
2118
  <th
1170
- class="pf-v6-c-table__th"
2119
+ class="pf-v6-c-table__th pf-m-truncate"
1171
2120
  data-ouia-component-id="TreeTableExample-th-2"
1172
2121
  scope="col"
1173
2122
  tabindex="-1"
@@ -1175,7 +2124,7 @@ exports[`DataViewTableTree component should render tree table with an error stat
1175
2124
  Pull requests
1176
2125
  </th>
1177
2126
  <th
1178
- class="pf-v6-c-table__th"
2127
+ class="pf-v6-c-table__th pf-m-truncate"
1179
2128
  data-ouia-component-id="TreeTableExample-th-3"
1180
2129
  scope="col"
1181
2130
  tabindex="-1"
@@ -1183,7 +2132,7 @@ exports[`DataViewTableTree component should render tree table with an error stat
1183
2132
  Workspaces
1184
2133
  </th>
1185
2134
  <th
1186
- class="pf-v6-c-table__th"
2135
+ class="pf-v6-c-table__th pf-m-truncate"
1187
2136
  data-ouia-component-id="TreeTableExample-th-4"
1188
2137
  scope="col"
1189
2138
  tabindex="-1"