@patternfly/react-data-view 6.4.0-prerelease.2 → 6.4.0-prerelease.4

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 (32) hide show
  1. package/dist/cjs/DataViewTable/DataViewTable.d.ts +4 -0
  2. package/dist/cjs/DataViewTable/DataViewTable.js +21 -1
  3. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.d.ts +2 -0
  4. package/dist/cjs/DataViewTableBasic/DataViewTableBasic.js +2 -2
  5. package/dist/cjs/DataViewTableHead/DataViewTableHead.d.ts +2 -0
  6. package/dist/cjs/DataViewTableHead/DataViewTableHead.js +5 -4
  7. package/dist/cjs/DataViewTh/DataViewTh.d.ts +32 -0
  8. package/dist/cjs/DataViewTh/DataViewTh.js +222 -0
  9. package/dist/esm/DataViewTable/DataViewTable.d.ts +4 -0
  10. package/dist/esm/DataViewTable/DataViewTable.js +21 -1
  11. package/dist/esm/DataViewTableBasic/DataViewTableBasic.d.ts +2 -0
  12. package/dist/esm/DataViewTableBasic/DataViewTableBasic.js +2 -2
  13. package/dist/esm/DataViewTableHead/DataViewTableHead.d.ts +2 -0
  14. package/dist/esm/DataViewTableHead/DataViewTableHead.js +5 -4
  15. package/dist/esm/DataViewTh/DataViewTh.d.ts +32 -0
  16. package/dist/esm/DataViewTh/DataViewTh.js +215 -0
  17. package/dist/tsconfig.tsbuildinfo +1 -1
  18. package/package.json +7 -7
  19. package/patternfly-docs/content/extensions/data-view/examples/Table/DataViewTableResizableColumnsExample.tsx +155 -0
  20. package/patternfly-docs/content/extensions/data-view/examples/Table/Table.md +50 -14
  21. package/src/DataViewCheckboxFilter/__snapshots__/DataViewCheckboxFilter.test.tsx.snap +0 -2
  22. package/src/DataViewFilters/__snapshots__/DataViewFilters.test.tsx.snap +0 -2
  23. package/src/DataViewTable/DataViewTable.tsx +48 -27
  24. package/src/DataViewTable/__snapshots__/DataViewTable.test.tsx.snap +10 -18
  25. package/src/DataViewTableBasic/DataViewTableBasic.tsx +4 -1
  26. package/src/DataViewTableBasic/__snapshots__/DataViewTableBasic.test.tsx.snap +20 -20
  27. package/src/DataViewTableHead/DataViewTableHead.tsx +24 -23
  28. package/src/DataViewTableHead/__snapshots__/DataViewTableHead.test.tsx.snap +15 -15
  29. package/src/DataViewTableTree/__snapshots__/DataViewTableTree.test.tsx.snap +25 -41
  30. package/src/DataViewTextFilter/__snapshots__/DataViewTextFilter.test.tsx.snap +0 -3
  31. package/src/DataViewTh/DataViewTh.tsx +342 -0
  32. package/src/DataViewToolbar/__snapshots__/DataViewToolbar.test.tsx.snap +0 -10
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"
@@ -1074,7 +1066,7 @@ exports[`DataViewTableTree component should render tree table with all expandabl
1074
1066
  data-ouia-safe="true"
1075
1067
  >
1076
1068
  <th
1077
- class="pf-v6-c-table__th"
1069
+ class="pf-v6-c-table__th pf-m-truncate"
1078
1070
  data-ouia-component-id="TreeTableExample-th-0"
1079
1071
  scope="col"
1080
1072
  tabindex="-1"
@@ -1082,7 +1074,7 @@ exports[`DataViewTableTree component should render tree table with all expandabl
1082
1074
  Repositories
1083
1075
  </th>
1084
1076
  <th
1085
- class="pf-v6-c-table__th"
1077
+ class="pf-v6-c-table__th pf-m-truncate"
1086
1078
  data-ouia-component-id="TreeTableExample-th-1"
1087
1079
  scope="col"
1088
1080
  tabindex="-1"
@@ -1090,7 +1082,7 @@ exports[`DataViewTableTree component should render tree table with all expandabl
1090
1082
  Branches
1091
1083
  </th>
1092
1084
  <th
1093
- class="pf-v6-c-table__th"
1085
+ class="pf-v6-c-table__th pf-m-truncate"
1094
1086
  data-ouia-component-id="TreeTableExample-th-2"
1095
1087
  scope="col"
1096
1088
  tabindex="-1"
@@ -1098,7 +1090,7 @@ exports[`DataViewTableTree component should render tree table with all expandabl
1098
1090
  Pull requests
1099
1091
  </th>
1100
1092
  <th
1101
- class="pf-v6-c-table__th"
1093
+ class="pf-v6-c-table__th pf-m-truncate"
1102
1094
  data-ouia-component-id="TreeTableExample-th-3"
1103
1095
  scope="col"
1104
1096
  tabindex="-1"
@@ -1106,7 +1098,7 @@ exports[`DataViewTableTree component should render tree table with all expandabl
1106
1098
  Workspaces
1107
1099
  </th>
1108
1100
  <th
1109
- class="pf-v6-c-table__th"
1101
+ class="pf-v6-c-table__th pf-m-truncate"
1110
1102
  data-ouia-component-id="TreeTableExample-th-4"
1111
1103
  scope="col"
1112
1104
  tabindex="-1"
@@ -1141,7 +1133,6 @@ exports[`DataViewTableTree component should render tree table with all expandabl
1141
1133
  class="pf-v6-c-table__toggle"
1142
1134
  >
1143
1135
  <button
1144
- aria-disabled="false"
1145
1136
  aria-expanded="true"
1146
1137
  aria-label="Collapse row 0"
1147
1138
  class="pf-v6-c-button pf-m-plain pf-m-expanded"
@@ -1227,7 +1218,6 @@ exports[`DataViewTableTree component should render tree table with all expandabl
1227
1218
  class="pf-v6-c-table__tree-view-details-toggle"
1228
1219
  >
1229
1220
  <button
1230
- aria-disabled="false"
1231
1221
  aria-expanded="false"
1232
1222
  aria-label="Show row details"
1233
1223
  class="pf-v6-c-button pf-m-plain"
@@ -1362,7 +1352,6 @@ exports[`DataViewTableTree component should render tree table with all expandabl
1362
1352
  class="pf-v6-c-table__tree-view-details-toggle"
1363
1353
  >
1364
1354
  <button
1365
- aria-disabled="false"
1366
1355
  aria-expanded="false"
1367
1356
  aria-label="Show row details"
1368
1357
  class="pf-v6-c-button pf-m-plain"
@@ -1497,7 +1486,6 @@ exports[`DataViewTableTree component should render tree table with all expandabl
1497
1486
  class="pf-v6-c-table__tree-view-details-toggle"
1498
1487
  >
1499
1488
  <button
1500
- aria-disabled="false"
1501
1489
  aria-expanded="false"
1502
1490
  aria-label="Show row details"
1503
1491
  class="pf-v6-c-button pf-m-plain"
@@ -1583,7 +1571,6 @@ exports[`DataViewTableTree component should render tree table with all expandabl
1583
1571
  class="pf-v6-c-table__toggle"
1584
1572
  >
1585
1573
  <button
1586
- aria-disabled="false"
1587
1574
  aria-expanded="true"
1588
1575
  aria-label="Collapse row 3"
1589
1576
  class="pf-v6-c-button pf-m-plain pf-m-expanded"
@@ -1669,7 +1656,6 @@ exports[`DataViewTableTree component should render tree table with all expandabl
1669
1656
  class="pf-v6-c-table__tree-view-details-toggle"
1670
1657
  >
1671
1658
  <button
1672
- aria-disabled="false"
1673
1659
  aria-expanded="false"
1674
1660
  aria-label="Show row details"
1675
1661
  class="pf-v6-c-button pf-m-plain"
@@ -1804,7 +1790,6 @@ exports[`DataViewTableTree component should render tree table with all expandabl
1804
1790
  class="pf-v6-c-table__tree-view-details-toggle"
1805
1791
  >
1806
1792
  <button
1807
- aria-disabled="false"
1808
1793
  aria-expanded="false"
1809
1794
  aria-label="Show row details"
1810
1795
  class="pf-v6-c-button pf-m-plain"
@@ -1939,7 +1924,6 @@ exports[`DataViewTableTree component should render tree table with all expandabl
1939
1924
  class="pf-v6-c-table__tree-view-details-toggle"
1940
1925
  >
1941
1926
  <button
1942
- aria-disabled="false"
1943
1927
  aria-expanded="false"
1944
1928
  aria-label="Show row details"
1945
1929
  class="pf-v6-c-button pf-m-plain"
@@ -2039,7 +2023,7 @@ exports[`DataViewTableTree component should render tree table with an empty stat
2039
2023
  data-ouia-safe="true"
2040
2024
  >
2041
2025
  <th
2042
- class="pf-v6-c-table__th"
2026
+ class="pf-v6-c-table__th pf-m-truncate"
2043
2027
  data-ouia-component-id="TreeTableExample-th-0"
2044
2028
  scope="col"
2045
2029
  tabindex="-1"
@@ -2047,7 +2031,7 @@ exports[`DataViewTableTree component should render tree table with an empty stat
2047
2031
  Repositories
2048
2032
  </th>
2049
2033
  <th
2050
- class="pf-v6-c-table__th"
2034
+ class="pf-v6-c-table__th pf-m-truncate"
2051
2035
  data-ouia-component-id="TreeTableExample-th-1"
2052
2036
  scope="col"
2053
2037
  tabindex="-1"
@@ -2055,7 +2039,7 @@ exports[`DataViewTableTree component should render tree table with an empty stat
2055
2039
  Branches
2056
2040
  </th>
2057
2041
  <th
2058
- class="pf-v6-c-table__th"
2042
+ class="pf-v6-c-table__th pf-m-truncate"
2059
2043
  data-ouia-component-id="TreeTableExample-th-2"
2060
2044
  scope="col"
2061
2045
  tabindex="-1"
@@ -2063,7 +2047,7 @@ exports[`DataViewTableTree component should render tree table with an empty stat
2063
2047
  Pull requests
2064
2048
  </th>
2065
2049
  <th
2066
- class="pf-v6-c-table__th"
2050
+ class="pf-v6-c-table__th pf-m-truncate"
2067
2051
  data-ouia-component-id="TreeTableExample-th-3"
2068
2052
  scope="col"
2069
2053
  tabindex="-1"
@@ -2071,7 +2055,7 @@ exports[`DataViewTableTree component should render tree table with an empty stat
2071
2055
  Workspaces
2072
2056
  </th>
2073
2057
  <th
2074
- class="pf-v6-c-table__th"
2058
+ class="pf-v6-c-table__th pf-m-truncate"
2075
2059
  data-ouia-component-id="TreeTableExample-th-4"
2076
2060
  scope="col"
2077
2061
  tabindex="-1"
@@ -2116,7 +2100,7 @@ exports[`DataViewTableTree component should render tree table with an error stat
2116
2100
  data-ouia-safe="true"
2117
2101
  >
2118
2102
  <th
2119
- class="pf-v6-c-table__th"
2103
+ class="pf-v6-c-table__th pf-m-truncate"
2120
2104
  data-ouia-component-id="TreeTableExample-th-0"
2121
2105
  scope="col"
2122
2106
  tabindex="-1"
@@ -2124,7 +2108,7 @@ exports[`DataViewTableTree component should render tree table with an error stat
2124
2108
  Repositories
2125
2109
  </th>
2126
2110
  <th
2127
- class="pf-v6-c-table__th"
2111
+ class="pf-v6-c-table__th pf-m-truncate"
2128
2112
  data-ouia-component-id="TreeTableExample-th-1"
2129
2113
  scope="col"
2130
2114
  tabindex="-1"
@@ -2132,7 +2116,7 @@ exports[`DataViewTableTree component should render tree table with an error stat
2132
2116
  Branches
2133
2117
  </th>
2134
2118
  <th
2135
- class="pf-v6-c-table__th"
2119
+ class="pf-v6-c-table__th pf-m-truncate"
2136
2120
  data-ouia-component-id="TreeTableExample-th-2"
2137
2121
  scope="col"
2138
2122
  tabindex="-1"
@@ -2140,7 +2124,7 @@ exports[`DataViewTableTree component should render tree table with an error stat
2140
2124
  Pull requests
2141
2125
  </th>
2142
2126
  <th
2143
- class="pf-v6-c-table__th"
2127
+ class="pf-v6-c-table__th pf-m-truncate"
2144
2128
  data-ouia-component-id="TreeTableExample-th-3"
2145
2129
  scope="col"
2146
2130
  tabindex="-1"
@@ -2148,7 +2132,7 @@ exports[`DataViewTableTree component should render tree table with an error stat
2148
2132
  Workspaces
2149
2133
  </th>
2150
2134
  <th
2151
- class="pf-v6-c-table__th"
2135
+ class="pf-v6-c-table__th pf-m-truncate"
2152
2136
  data-ouia-component-id="TreeTableExample-th-4"
2153
2137
  scope="col"
2154
2138
  tabindex="-1"
package/src/DataViewTextFilter/__snapshots__/DataViewTextFilter.test.tsx.snap CHANGED
@@ -63,7 +63,6 @@ exports[`DataViewTextFilter component should render correctly 1`] = `
63
63
  class="pf-v6-c-text-input-group__utilities"
64
64
  >
65
65
  <button
66
- aria-disabled="false"
67
66
  aria-label="Reset"
68
67
  class="pf-v6-c-button pf-m-plain"
69
68
  data-ouia-component-id="OUIA-Generated-Button-plain-2"
@@ -141,7 +140,6 @@ exports[`DataViewTextFilter component should render correctly 1`] = `
141
140
  class="pf-v6-c-label__actions"
142
141
  >
143
142
  <button
144
- aria-disabled="false"
145
143
  aria-label="Close initial value"
146
144
  class="pf-v6-c-button pf-m-plain pf-m-no-padding"
147
145
  data-ouia-component-id="OUIA-Generated-Button-plain-3"
@@ -182,7 +180,6 @@ exports[`DataViewTextFilter component should render correctly 1`] = `
182
180
  class="pf-v6-c-toolbar__item"
183
181
  >
184
182
  <button
185
- aria-disabled="false"
186
183
  class="pf-v6-c-button pf-m-link pf-m-inline"
187
184
  data-ouia-component-id="DataViewToolbar-clear-all-filters"
188
185
  data-ouia-component-type="PF6/Button"