@patternfly/react-data-view 6.3.0-prerelease.3 → 6.4.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 (27) hide show
  1. package/dist/cjs/DataViewTableTree/DataViewTableTree.d.ts +2 -0
  2. package/dist/cjs/DataViewTableTree/DataViewTableTree.js +28 -1
  3. package/dist/cjs/DataViewTableTree/DataViewTableTree.test.js +4 -0
  4. package/dist/cjs/Hooks/selection.d.ts +1 -0
  5. package/dist/cjs/Hooks/selection.js +5 -1
  6. package/dist/cjs/Hooks/selection.test.js +48 -0
  7. package/dist/cjs/InternalContext/InternalContext.d.ts +2 -0
  8. package/dist/esm/DataViewTableTree/DataViewTableTree.d.ts +2 -0
  9. package/dist/esm/DataViewTableTree/DataViewTableTree.js +29 -2
  10. package/dist/esm/DataViewTableTree/DataViewTableTree.test.js +4 -0
  11. package/dist/esm/Hooks/selection.d.ts +1 -0
  12. package/dist/esm/Hooks/selection.js +5 -1
  13. package/dist/esm/Hooks/selection.test.js +48 -0
  14. package/dist/esm/InternalContext/InternalContext.d.ts +2 -0
  15. package/dist/tsconfig.tsbuildinfo +1 -1
  16. package/package.json +2 -2
  17. package/patternfly-docs/content/extensions/data-view/examples/Table/DataViewTableTreeExample.tsx +1 -0
  18. package/patternfly-docs/content/extensions/data-view/examples/Table/Table.md +2 -0
  19. package/patternfly-docs/content/extensions/data-view/examples/Toolbar/SelectionExample.tsx +14 -3
  20. package/patternfly-docs/content/extensions/data-view/examples/Toolbar/Toolbar.md +1 -0
  21. package/release.config.js +1 -1
  22. package/src/DataViewTableTree/DataViewTableTree.test.tsx +9 -0
  23. package/src/DataViewTableTree/DataViewTableTree.tsx +35 -1
  24. package/src/DataViewTableTree/__snapshots__/DataViewTableTree.test.tsx.snap +965 -0
  25. package/src/Hooks/selection.test.tsx +65 -1
  26. package/src/Hooks/selection.ts +6 -1
  27. package/src/InternalContext/InternalContext.tsx +2 -0
@@ -1045,6 +1045,971 @@ exports[`DataViewTableTree component should render tree table with a loading sta
1045
1045
  </div>
1046
1046
  `;
1047
1047
 
1048
+ exports[`DataViewTableTree component should render tree table with all expandable nodes expanded 1`] = `
1049
+ <div>
1050
+ <div
1051
+ class="pf-v6-l-stack"
1052
+ data-ouia-component-id="DataView-stack"
1053
+ >
1054
+ <div
1055
+ class="pf-v6-l-stack__item"
1056
+ data-ouia-component-id="DataView-stack-item-0"
1057
+ >
1058
+ <table
1059
+ aria-label="Repositories table"
1060
+ class="pf-v6-c-table pf-m-tree-view-grid-md pf-m-tree-view"
1061
+ data-ouia-component-id="TreeTableExample"
1062
+ data-ouia-component-type="PF6/Table"
1063
+ data-ouia-safe="true"
1064
+ role="treegrid"
1065
+ >
1066
+ <thead
1067
+ class="pf-v6-c-table__thead"
1068
+ data-ouia-component-id="TreeTableExample-thead"
1069
+ >
1070
+ <tr
1071
+ class="pf-v6-c-table__tr"
1072
+ data-ouia-component-id="TreeTableExample-tr-head"
1073
+ data-ouia-component-type="PF6/TableRow"
1074
+ data-ouia-safe="true"
1075
+ >
1076
+ <th
1077
+ class="pf-v6-c-table__th"
1078
+ data-ouia-component-id="TreeTableExample-th-0"
1079
+ scope="col"
1080
+ tabindex="-1"
1081
+ >
1082
+ Repositories
1083
+ </th>
1084
+ <th
1085
+ class="pf-v6-c-table__th"
1086
+ data-ouia-component-id="TreeTableExample-th-1"
1087
+ scope="col"
1088
+ tabindex="-1"
1089
+ >
1090
+ Branches
1091
+ </th>
1092
+ <th
1093
+ class="pf-v6-c-table__th"
1094
+ data-ouia-component-id="TreeTableExample-th-2"
1095
+ scope="col"
1096
+ tabindex="-1"
1097
+ >
1098
+ Pull requests
1099
+ </th>
1100
+ <th
1101
+ class="pf-v6-c-table__th"
1102
+ data-ouia-component-id="TreeTableExample-th-3"
1103
+ scope="col"
1104
+ tabindex="-1"
1105
+ >
1106
+ Workspaces
1107
+ </th>
1108
+ <th
1109
+ class="pf-v6-c-table__th"
1110
+ data-ouia-component-id="TreeTableExample-th-4"
1111
+ scope="col"
1112
+ tabindex="-1"
1113
+ >
1114
+ Last commit
1115
+ </th>
1116
+ </tr>
1117
+ </thead>
1118
+ <tbody
1119
+ class="pf-v6-c-table__tbody"
1120
+ role="rowgroup"
1121
+ >
1122
+ <tr
1123
+ aria-expanded="true"
1124
+ aria-level="1"
1125
+ aria-posinset="1"
1126
+ aria-setsize="2"
1127
+ class="pf-v6-c-table__tr pf-m-expanded"
1128
+ data-ouia-component-id="TreeTableExample-tr-0"
1129
+ data-ouia-component-type="PF6/TableRow"
1130
+ data-ouia-safe="true"
1131
+ >
1132
+ <th
1133
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
1134
+ data-ouia-component-id="TreeTableExample-td-0-0"
1135
+ tabindex="-1"
1136
+ >
1137
+ <div
1138
+ class="pf-v6-c-table__tree-view-main"
1139
+ >
1140
+ <span
1141
+ class="pf-v6-c-table__toggle"
1142
+ >
1143
+ <button
1144
+ aria-disabled="false"
1145
+ aria-expanded="true"
1146
+ aria-label="Collapse row 0"
1147
+ class="pf-v6-c-button pf-m-plain pf-m-expanded"
1148
+ data-ouia-component-id="OUIA-Generated-Button-plain-9"
1149
+ data-ouia-component-type="PF6/Button"
1150
+ data-ouia-safe="true"
1151
+ tabindex="0"
1152
+ type="button"
1153
+ >
1154
+ <span
1155
+ class="pf-v6-c-button__icon"
1156
+ >
1157
+ <div
1158
+ class="pf-v6-c-table__toggle-icon"
1159
+ >
1160
+ <svg
1161
+ aria-hidden="true"
1162
+ class="pf-v6-svg"
1163
+ fill="currentColor"
1164
+ height="1em"
1165
+ role="img"
1166
+ viewBox="0 0 320 512"
1167
+ width="1em"
1168
+ >
1169
+ <path
1170
+ 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"
1171
+ />
1172
+ </svg>
1173
+ </div>
1174
+ </span>
1175
+ </button>
1176
+ </span>
1177
+ <span
1178
+ class="pf-v6-c-table__check"
1179
+ >
1180
+ <label
1181
+ for="checkbox_id_repository_one"
1182
+ >
1183
+ <div
1184
+ class="pf-v6-c-check pf-m-standalone"
1185
+ >
1186
+ <input
1187
+ aria-invalid="false"
1188
+ aria-label="Row 0 checkbox"
1189
+ class="pf-v6-c-check__input"
1190
+ data-ouia-component-id="OUIA-Generated-Checkbox-7"
1191
+ data-ouia-component-type="PF6/Checkbox"
1192
+ data-ouia-safe="true"
1193
+ id="checkbox_id_repository_one"
1194
+ tabindex="-1"
1195
+ type="checkbox"
1196
+ />
1197
+ </div>
1198
+ </label>
1199
+ </span>
1200
+ <div
1201
+ class="pf-v6-c-table__tree-view-text"
1202
+ >
1203
+ <span
1204
+ class="pf-v6-c-table__tree-view-icon"
1205
+ >
1206
+ <svg
1207
+ aria-hidden="true"
1208
+ class="pf-v6-svg"
1209
+ fill="currentColor"
1210
+ height="1em"
1211
+ role="img"
1212
+ viewBox="0 0 576 512"
1213
+ width="1em"
1214
+ >
1215
+ <path
1216
+ 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"
1217
+ />
1218
+ </svg>
1219
+ </span>
1220
+ <span
1221
+ class="pf-v6-c-table__text"
1222
+ >
1223
+ Repository one
1224
+ </span>
1225
+ </div>
1226
+ <span
1227
+ class="pf-v6-c-table__tree-view-details-toggle"
1228
+ >
1229
+ <button
1230
+ aria-disabled="false"
1231
+ aria-expanded="false"
1232
+ aria-label="Show row details"
1233
+ class="pf-v6-c-button pf-m-plain"
1234
+ data-ouia-component-id="OUIA-Generated-Button-plain-10"
1235
+ data-ouia-component-type="PF6/Button"
1236
+ data-ouia-safe="true"
1237
+ tabindex="-1"
1238
+ type="button"
1239
+ >
1240
+ <span
1241
+ class="pf-v6-c-button__icon"
1242
+ >
1243
+ <span
1244
+ class="pf-v6-c-table__details-toggle-icon"
1245
+ >
1246
+ <svg
1247
+ aria-hidden="true"
1248
+ class="pf-v6-svg"
1249
+ fill="currentColor"
1250
+ height="1em"
1251
+ role="img"
1252
+ viewBox="0 0 512 512"
1253
+ width="1em"
1254
+ >
1255
+ <path
1256
+ 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"
1257
+ />
1258
+ </svg>
1259
+ </span>
1260
+ </span>
1261
+ </button>
1262
+ </span>
1263
+ </div>
1264
+ </th>
1265
+ <td
1266
+ class="pf-v6-c-table__td"
1267
+ data-ouia-component-id="TreeTableExample-td-0-1"
1268
+ tabindex="-1"
1269
+ >
1270
+ Branch one
1271
+ </td>
1272
+ <td
1273
+ class="pf-v6-c-table__td"
1274
+ data-ouia-component-id="TreeTableExample-td-0-2"
1275
+ tabindex="-1"
1276
+ >
1277
+ Pull request one
1278
+ </td>
1279
+ <td
1280
+ class="pf-v6-c-table__td"
1281
+ data-ouia-component-id="TreeTableExample-td-0-3"
1282
+ tabindex="-1"
1283
+ >
1284
+ Workspace one
1285
+ </td>
1286
+ <td
1287
+ class="pf-v6-c-table__td"
1288
+ data-ouia-component-id="TreeTableExample-td-0-4"
1289
+ tabindex="-1"
1290
+ >
1291
+ Timestamp one
1292
+ </td>
1293
+ </tr>
1294
+ <tr
1295
+ aria-expanded="false"
1296
+ aria-level="2"
1297
+ aria-posinset="1"
1298
+ aria-setsize="0"
1299
+ class="pf-v6-c-table__tr"
1300
+ data-ouia-component-id="TreeTableExample-tr-1"
1301
+ data-ouia-component-type="PF6/TableRow"
1302
+ data-ouia-safe="true"
1303
+ >
1304
+ <th
1305
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
1306
+ data-ouia-component-id="TreeTableExample-td-1-0"
1307
+ tabindex="-1"
1308
+ >
1309
+ <div
1310
+ class="pf-v6-c-table__tree-view-main"
1311
+ >
1312
+ <span
1313
+ class="pf-v6-c-table__check"
1314
+ >
1315
+ <label
1316
+ for="checkbox_id_repository_two"
1317
+ >
1318
+ <div
1319
+ class="pf-v6-c-check pf-m-standalone"
1320
+ >
1321
+ <input
1322
+ aria-invalid="false"
1323
+ aria-label="Row 1 checkbox"
1324
+ class="pf-v6-c-check__input"
1325
+ data-ouia-component-id="OUIA-Generated-Checkbox-8"
1326
+ data-ouia-component-type="PF6/Checkbox"
1327
+ data-ouia-safe="true"
1328
+ id="checkbox_id_repository_two"
1329
+ tabindex="-1"
1330
+ type="checkbox"
1331
+ />
1332
+ </div>
1333
+ </label>
1334
+ </span>
1335
+ <div
1336
+ class="pf-v6-c-table__tree-view-text"
1337
+ >
1338
+ <span
1339
+ class="pf-v6-c-table__tree-view-icon"
1340
+ >
1341
+ <svg
1342
+ aria-hidden="true"
1343
+ class="pf-v6-svg"
1344
+ fill="currentColor"
1345
+ height="1em"
1346
+ role="img"
1347
+ viewBox="0 0 576 512"
1348
+ width="1em"
1349
+ >
1350
+ <path
1351
+ 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"
1352
+ />
1353
+ </svg>
1354
+ </span>
1355
+ <span
1356
+ class="pf-v6-c-table__text"
1357
+ >
1358
+ Repository two
1359
+ </span>
1360
+ </div>
1361
+ <span
1362
+ class="pf-v6-c-table__tree-view-details-toggle"
1363
+ >
1364
+ <button
1365
+ aria-disabled="false"
1366
+ aria-expanded="false"
1367
+ aria-label="Show row details"
1368
+ class="pf-v6-c-button pf-m-plain"
1369
+ data-ouia-component-id="OUIA-Generated-Button-plain-11"
1370
+ data-ouia-component-type="PF6/Button"
1371
+ data-ouia-safe="true"
1372
+ tabindex="-1"
1373
+ type="button"
1374
+ >
1375
+ <span
1376
+ class="pf-v6-c-button__icon"
1377
+ >
1378
+ <span
1379
+ class="pf-v6-c-table__details-toggle-icon"
1380
+ >
1381
+ <svg
1382
+ aria-hidden="true"
1383
+ class="pf-v6-svg"
1384
+ fill="currentColor"
1385
+ height="1em"
1386
+ role="img"
1387
+ viewBox="0 0 512 512"
1388
+ width="1em"
1389
+ >
1390
+ <path
1391
+ 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"
1392
+ />
1393
+ </svg>
1394
+ </span>
1395
+ </span>
1396
+ </button>
1397
+ </span>
1398
+ </div>
1399
+ </th>
1400
+ <td
1401
+ class="pf-v6-c-table__td"
1402
+ data-ouia-component-id="TreeTableExample-td-1-1"
1403
+ tabindex="-1"
1404
+ >
1405
+ Branch two
1406
+ </td>
1407
+ <td
1408
+ class="pf-v6-c-table__td"
1409
+ data-ouia-component-id="TreeTableExample-td-1-2"
1410
+ tabindex="-1"
1411
+ >
1412
+ Pull request two
1413
+ </td>
1414
+ <td
1415
+ class="pf-v6-c-table__td"
1416
+ data-ouia-component-id="TreeTableExample-td-1-3"
1417
+ tabindex="-1"
1418
+ >
1419
+ Workspace two
1420
+ </td>
1421
+ <td
1422
+ class="pf-v6-c-table__td"
1423
+ data-ouia-component-id="TreeTableExample-td-1-4"
1424
+ tabindex="-1"
1425
+ >
1426
+ Timestamp two
1427
+ </td>
1428
+ </tr>
1429
+ <tr
1430
+ aria-expanded="false"
1431
+ aria-level="2"
1432
+ aria-posinset="2"
1433
+ aria-setsize="0"
1434
+ class="pf-v6-c-table__tr"
1435
+ data-ouia-component-id="TreeTableExample-tr-2"
1436
+ data-ouia-component-type="PF6/TableRow"
1437
+ data-ouia-safe="true"
1438
+ >
1439
+ <th
1440
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
1441
+ data-ouia-component-id="TreeTableExample-td-2-0"
1442
+ tabindex="-1"
1443
+ >
1444
+ <div
1445
+ class="pf-v6-c-table__tree-view-main"
1446
+ >
1447
+ <span
1448
+ class="pf-v6-c-table__check"
1449
+ >
1450
+ <label
1451
+ for="checkbox_id_repository_three"
1452
+ >
1453
+ <div
1454
+ class="pf-v6-c-check pf-m-standalone"
1455
+ >
1456
+ <input
1457
+ aria-invalid="false"
1458
+ aria-label="Row 2 checkbox"
1459
+ class="pf-v6-c-check__input"
1460
+ data-ouia-component-id="OUIA-Generated-Checkbox-9"
1461
+ data-ouia-component-type="PF6/Checkbox"
1462
+ data-ouia-safe="true"
1463
+ id="checkbox_id_repository_three"
1464
+ tabindex="-1"
1465
+ type="checkbox"
1466
+ />
1467
+ </div>
1468
+ </label>
1469
+ </span>
1470
+ <div
1471
+ class="pf-v6-c-table__tree-view-text"
1472
+ >
1473
+ <span
1474
+ class="pf-v6-c-table__tree-view-icon"
1475
+ >
1476
+ <svg
1477
+ aria-hidden="true"
1478
+ class="pf-v6-svg"
1479
+ fill="currentColor"
1480
+ height="1em"
1481
+ role="img"
1482
+ viewBox="0 0 576 512"
1483
+ width="1em"
1484
+ >
1485
+ <path
1486
+ 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"
1487
+ />
1488
+ </svg>
1489
+ </span>
1490
+ <span
1491
+ class="pf-v6-c-table__text"
1492
+ >
1493
+ Repository three
1494
+ </span>
1495
+ </div>
1496
+ <span
1497
+ class="pf-v6-c-table__tree-view-details-toggle"
1498
+ >
1499
+ <button
1500
+ aria-disabled="false"
1501
+ aria-expanded="false"
1502
+ aria-label="Show row details"
1503
+ class="pf-v6-c-button pf-m-plain"
1504
+ data-ouia-component-id="OUIA-Generated-Button-plain-12"
1505
+ data-ouia-component-type="PF6/Button"
1506
+ data-ouia-safe="true"
1507
+ tabindex="-1"
1508
+ type="button"
1509
+ >
1510
+ <span
1511
+ class="pf-v6-c-button__icon"
1512
+ >
1513
+ <span
1514
+ class="pf-v6-c-table__details-toggle-icon"
1515
+ >
1516
+ <svg
1517
+ aria-hidden="true"
1518
+ class="pf-v6-svg"
1519
+ fill="currentColor"
1520
+ height="1em"
1521
+ role="img"
1522
+ viewBox="0 0 512 512"
1523
+ width="1em"
1524
+ >
1525
+ <path
1526
+ 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"
1527
+ />
1528
+ </svg>
1529
+ </span>
1530
+ </span>
1531
+ </button>
1532
+ </span>
1533
+ </div>
1534
+ </th>
1535
+ <td
1536
+ class="pf-v6-c-table__td"
1537
+ data-ouia-component-id="TreeTableExample-td-2-1"
1538
+ tabindex="-1"
1539
+ >
1540
+ Branch three
1541
+ </td>
1542
+ <td
1543
+ class="pf-v6-c-table__td"
1544
+ data-ouia-component-id="TreeTableExample-td-2-2"
1545
+ tabindex="-1"
1546
+ >
1547
+ Pull request three
1548
+ </td>
1549
+ <td
1550
+ class="pf-v6-c-table__td"
1551
+ data-ouia-component-id="TreeTableExample-td-2-3"
1552
+ tabindex="-1"
1553
+ >
1554
+ Workspace three
1555
+ </td>
1556
+ <td
1557
+ class="pf-v6-c-table__td"
1558
+ data-ouia-component-id="TreeTableExample-td-2-4"
1559
+ tabindex="-1"
1560
+ >
1561
+ Timestamp three
1562
+ </td>
1563
+ </tr>
1564
+ <tr
1565
+ aria-expanded="true"
1566
+ aria-level="1"
1567
+ aria-posinset="2"
1568
+ aria-setsize="1"
1569
+ class="pf-v6-c-table__tr pf-m-expanded"
1570
+ data-ouia-component-id="TreeTableExample-tr-3"
1571
+ data-ouia-component-type="PF6/TableRow"
1572
+ data-ouia-safe="true"
1573
+ >
1574
+ <th
1575
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
1576
+ data-ouia-component-id="TreeTableExample-td-3-0"
1577
+ tabindex="-1"
1578
+ >
1579
+ <div
1580
+ class="pf-v6-c-table__tree-view-main"
1581
+ >
1582
+ <span
1583
+ class="pf-v6-c-table__toggle"
1584
+ >
1585
+ <button
1586
+ aria-disabled="false"
1587
+ aria-expanded="true"
1588
+ aria-label="Collapse row 3"
1589
+ class="pf-v6-c-button pf-m-plain pf-m-expanded"
1590
+ data-ouia-component-id="OUIA-Generated-Button-plain-13"
1591
+ data-ouia-component-type="PF6/Button"
1592
+ data-ouia-safe="true"
1593
+ tabindex="-1"
1594
+ type="button"
1595
+ >
1596
+ <span
1597
+ class="pf-v6-c-button__icon"
1598
+ >
1599
+ <div
1600
+ class="pf-v6-c-table__toggle-icon"
1601
+ >
1602
+ <svg
1603
+ aria-hidden="true"
1604
+ class="pf-v6-svg"
1605
+ fill="currentColor"
1606
+ height="1em"
1607
+ role="img"
1608
+ viewBox="0 0 320 512"
1609
+ width="1em"
1610
+ >
1611
+ <path
1612
+ 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"
1613
+ />
1614
+ </svg>
1615
+ </div>
1616
+ </span>
1617
+ </button>
1618
+ </span>
1619
+ <span
1620
+ class="pf-v6-c-table__check"
1621
+ >
1622
+ <label
1623
+ for="checkbox_id_repository_four"
1624
+ >
1625
+ <div
1626
+ class="pf-v6-c-check pf-m-standalone"
1627
+ >
1628
+ <input
1629
+ aria-invalid="false"
1630
+ aria-label="Row 3 checkbox"
1631
+ class="pf-v6-c-check__input"
1632
+ data-ouia-component-id="OUIA-Generated-Checkbox-10"
1633
+ data-ouia-component-type="PF6/Checkbox"
1634
+ data-ouia-safe="true"
1635
+ id="checkbox_id_repository_four"
1636
+ tabindex="-1"
1637
+ type="checkbox"
1638
+ />
1639
+ </div>
1640
+ </label>
1641
+ </span>
1642
+ <div
1643
+ class="pf-v6-c-table__tree-view-text"
1644
+ >
1645
+ <span
1646
+ class="pf-v6-c-table__tree-view-icon"
1647
+ >
1648
+ <svg
1649
+ aria-hidden="true"
1650
+ class="pf-v6-svg"
1651
+ fill="currentColor"
1652
+ height="1em"
1653
+ role="img"
1654
+ viewBox="0 0 576 512"
1655
+ width="1em"
1656
+ >
1657
+ <path
1658
+ 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"
1659
+ />
1660
+ </svg>
1661
+ </span>
1662
+ <span
1663
+ class="pf-v6-c-table__text"
1664
+ >
1665
+ Repository four
1666
+ </span>
1667
+ </div>
1668
+ <span
1669
+ class="pf-v6-c-table__tree-view-details-toggle"
1670
+ >
1671
+ <button
1672
+ aria-disabled="false"
1673
+ aria-expanded="false"
1674
+ aria-label="Show row details"
1675
+ class="pf-v6-c-button pf-m-plain"
1676
+ data-ouia-component-id="OUIA-Generated-Button-plain-14"
1677
+ data-ouia-component-type="PF6/Button"
1678
+ data-ouia-safe="true"
1679
+ tabindex="-1"
1680
+ type="button"
1681
+ >
1682
+ <span
1683
+ class="pf-v6-c-button__icon"
1684
+ >
1685
+ <span
1686
+ class="pf-v6-c-table__details-toggle-icon"
1687
+ >
1688
+ <svg
1689
+ aria-hidden="true"
1690
+ class="pf-v6-svg"
1691
+ fill="currentColor"
1692
+ height="1em"
1693
+ role="img"
1694
+ viewBox="0 0 512 512"
1695
+ width="1em"
1696
+ >
1697
+ <path
1698
+ 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"
1699
+ />
1700
+ </svg>
1701
+ </span>
1702
+ </span>
1703
+ </button>
1704
+ </span>
1705
+ </div>
1706
+ </th>
1707
+ <td
1708
+ class="pf-v6-c-table__td"
1709
+ data-ouia-component-id="TreeTableExample-td-3-1"
1710
+ tabindex="-1"
1711
+ >
1712
+ Branch four
1713
+ </td>
1714
+ <td
1715
+ class="pf-v6-c-table__td"
1716
+ data-ouia-component-id="TreeTableExample-td-3-2"
1717
+ tabindex="-1"
1718
+ >
1719
+ Pull request four
1720
+ </td>
1721
+ <td
1722
+ class="pf-v6-c-table__td"
1723
+ data-ouia-component-id="TreeTableExample-td-3-3"
1724
+ tabindex="-1"
1725
+ >
1726
+ Workspace four
1727
+ </td>
1728
+ <td
1729
+ class="pf-v6-c-table__td"
1730
+ data-ouia-component-id="TreeTableExample-td-3-4"
1731
+ tabindex="-1"
1732
+ >
1733
+ Timestamp four
1734
+ </td>
1735
+ </tr>
1736
+ <tr
1737
+ aria-expanded="false"
1738
+ aria-level="2"
1739
+ aria-posinset="1"
1740
+ aria-setsize="0"
1741
+ class="pf-v6-c-table__tr"
1742
+ data-ouia-component-id="TreeTableExample-tr-4"
1743
+ data-ouia-component-type="PF6/TableRow"
1744
+ data-ouia-safe="true"
1745
+ >
1746
+ <th
1747
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
1748
+ data-ouia-component-id="TreeTableExample-td-4-0"
1749
+ tabindex="-1"
1750
+ >
1751
+ <div
1752
+ class="pf-v6-c-table__tree-view-main"
1753
+ >
1754
+ <span
1755
+ class="pf-v6-c-table__check"
1756
+ >
1757
+ <label
1758
+ for="checkbox_id_repository_five"
1759
+ >
1760
+ <div
1761
+ class="pf-v6-c-check pf-m-standalone"
1762
+ >
1763
+ <input
1764
+ aria-invalid="false"
1765
+ aria-label="Row 4 checkbox"
1766
+ class="pf-v6-c-check__input"
1767
+ data-ouia-component-id="OUIA-Generated-Checkbox-11"
1768
+ data-ouia-component-type="PF6/Checkbox"
1769
+ data-ouia-safe="true"
1770
+ id="checkbox_id_repository_five"
1771
+ tabindex="-1"
1772
+ type="checkbox"
1773
+ />
1774
+ </div>
1775
+ </label>
1776
+ </span>
1777
+ <div
1778
+ class="pf-v6-c-table__tree-view-text"
1779
+ >
1780
+ <span
1781
+ class="pf-v6-c-table__tree-view-icon"
1782
+ >
1783
+ <svg
1784
+ aria-hidden="true"
1785
+ class="pf-v6-svg"
1786
+ fill="currentColor"
1787
+ height="1em"
1788
+ role="img"
1789
+ viewBox="0 0 576 512"
1790
+ width="1em"
1791
+ >
1792
+ <path
1793
+ 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"
1794
+ />
1795
+ </svg>
1796
+ </span>
1797
+ <span
1798
+ class="pf-v6-c-table__text"
1799
+ >
1800
+ Repository five
1801
+ </span>
1802
+ </div>
1803
+ <span
1804
+ class="pf-v6-c-table__tree-view-details-toggle"
1805
+ >
1806
+ <button
1807
+ aria-disabled="false"
1808
+ aria-expanded="false"
1809
+ aria-label="Show row details"
1810
+ class="pf-v6-c-button pf-m-plain"
1811
+ data-ouia-component-id="OUIA-Generated-Button-plain-15"
1812
+ data-ouia-component-type="PF6/Button"
1813
+ data-ouia-safe="true"
1814
+ tabindex="-1"
1815
+ type="button"
1816
+ >
1817
+ <span
1818
+ class="pf-v6-c-button__icon"
1819
+ >
1820
+ <span
1821
+ class="pf-v6-c-table__details-toggle-icon"
1822
+ >
1823
+ <svg
1824
+ aria-hidden="true"
1825
+ class="pf-v6-svg"
1826
+ fill="currentColor"
1827
+ height="1em"
1828
+ role="img"
1829
+ viewBox="0 0 512 512"
1830
+ width="1em"
1831
+ >
1832
+ <path
1833
+ 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"
1834
+ />
1835
+ </svg>
1836
+ </span>
1837
+ </span>
1838
+ </button>
1839
+ </span>
1840
+ </div>
1841
+ </th>
1842
+ <td
1843
+ class="pf-v6-c-table__td"
1844
+ data-ouia-component-id="TreeTableExample-td-4-1"
1845
+ tabindex="-1"
1846
+ >
1847
+ Branch five
1848
+ </td>
1849
+ <td
1850
+ class="pf-v6-c-table__td"
1851
+ data-ouia-component-id="TreeTableExample-td-4-2"
1852
+ tabindex="-1"
1853
+ >
1854
+ Pull request five
1855
+ </td>
1856
+ <td
1857
+ class="pf-v6-c-table__td"
1858
+ data-ouia-component-id="TreeTableExample-td-4-3"
1859
+ tabindex="-1"
1860
+ >
1861
+ Workspace five
1862
+ </td>
1863
+ <td
1864
+ class="pf-v6-c-table__td"
1865
+ data-ouia-component-id="TreeTableExample-td-4-4"
1866
+ tabindex="-1"
1867
+ >
1868
+ Timestamp five
1869
+ </td>
1870
+ </tr>
1871
+ <tr
1872
+ aria-expanded="false"
1873
+ aria-level="1"
1874
+ aria-posinset="3"
1875
+ aria-setsize="0"
1876
+ class="pf-v6-c-table__tr"
1877
+ data-ouia-component-id="TreeTableExample-tr-5"
1878
+ data-ouia-component-type="PF6/TableRow"
1879
+ data-ouia-safe="true"
1880
+ >
1881
+ <th
1882
+ class="pf-v6-c-table__td pf-v6-c-table__tree-view-title-cell"
1883
+ data-ouia-component-id="TreeTableExample-td-5-0"
1884
+ tabindex="-1"
1885
+ >
1886
+ <div
1887
+ class="pf-v6-c-table__tree-view-main"
1888
+ >
1889
+ <span
1890
+ class="pf-v6-c-table__check"
1891
+ >
1892
+ <label
1893
+ for="checkbox_id_repository_six"
1894
+ >
1895
+ <div
1896
+ class="pf-v6-c-check pf-m-standalone"
1897
+ >
1898
+ <input
1899
+ aria-invalid="false"
1900
+ aria-label="Row 5 checkbox"
1901
+ class="pf-v6-c-check__input"
1902
+ data-ouia-component-id="OUIA-Generated-Checkbox-12"
1903
+ data-ouia-component-type="PF6/Checkbox"
1904
+ data-ouia-safe="true"
1905
+ id="checkbox_id_repository_six"
1906
+ tabindex="-1"
1907
+ type="checkbox"
1908
+ />
1909
+ </div>
1910
+ </label>
1911
+ </span>
1912
+ <div
1913
+ class="pf-v6-c-table__tree-view-text"
1914
+ >
1915
+ <span
1916
+ class="pf-v6-c-table__tree-view-icon"
1917
+ >
1918
+ <svg
1919
+ aria-hidden="true"
1920
+ class="pf-v6-svg"
1921
+ fill="currentColor"
1922
+ height="1em"
1923
+ role="img"
1924
+ viewBox="0 0 576 512"
1925
+ width="1em"
1926
+ >
1927
+ <path
1928
+ 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"
1929
+ />
1930
+ </svg>
1931
+ </span>
1932
+ <span
1933
+ class="pf-v6-c-table__text"
1934
+ >
1935
+ Repository six
1936
+ </span>
1937
+ </div>
1938
+ <span
1939
+ class="pf-v6-c-table__tree-view-details-toggle"
1940
+ >
1941
+ <button
1942
+ aria-disabled="false"
1943
+ aria-expanded="false"
1944
+ aria-label="Show row details"
1945
+ class="pf-v6-c-button pf-m-plain"
1946
+ data-ouia-component-id="OUIA-Generated-Button-plain-16"
1947
+ data-ouia-component-type="PF6/Button"
1948
+ data-ouia-safe="true"
1949
+ tabindex="-1"
1950
+ type="button"
1951
+ >
1952
+ <span
1953
+ class="pf-v6-c-button__icon"
1954
+ >
1955
+ <span
1956
+ class="pf-v6-c-table__details-toggle-icon"
1957
+ >
1958
+ <svg
1959
+ aria-hidden="true"
1960
+ class="pf-v6-svg"
1961
+ fill="currentColor"
1962
+ height="1em"
1963
+ role="img"
1964
+ viewBox="0 0 512 512"
1965
+ width="1em"
1966
+ >
1967
+ <path
1968
+ 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"
1969
+ />
1970
+ </svg>
1971
+ </span>
1972
+ </span>
1973
+ </button>
1974
+ </span>
1975
+ </div>
1976
+ </th>
1977
+ <td
1978
+ class="pf-v6-c-table__td"
1979
+ data-ouia-component-id="TreeTableExample-td-5-1"
1980
+ tabindex="-1"
1981
+ >
1982
+ Branch six
1983
+ </td>
1984
+ <td
1985
+ class="pf-v6-c-table__td"
1986
+ data-ouia-component-id="TreeTableExample-td-5-2"
1987
+ tabindex="-1"
1988
+ >
1989
+ Pull request six
1990
+ </td>
1991
+ <td
1992
+ class="pf-v6-c-table__td"
1993
+ data-ouia-component-id="TreeTableExample-td-5-3"
1994
+ tabindex="-1"
1995
+ >
1996
+ Workspace six
1997
+ </td>
1998
+ <td
1999
+ class="pf-v6-c-table__td"
2000
+ data-ouia-component-id="TreeTableExample-td-5-4"
2001
+ tabindex="-1"
2002
+ >
2003
+ Timestamp six
2004
+ </td>
2005
+ </tr>
2006
+ </tbody>
2007
+ </table>
2008
+ </div>
2009
+ </div>
2010
+ </div>
2011
+ `;
2012
+
1048
2013
  exports[`DataViewTableTree component should render tree table with an empty state 1`] = `
1049
2014
  <div>
1050
2015
  <div