@patternfly/react-table 6.0.0-alpha.40 → 6.0.0-alpha.41
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.
- package/CHANGELOG.md +6 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/Table/package.json +1 -1
- package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
- package/dist/dynamic/components/Table/utils/package.json +1 -1
- package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
- package/dist/dynamic/deprecated/components/Table/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/esm/components/Table/ActionsColumn.d.ts.map +1 -1
- package/dist/esm/components/Table/ActionsColumn.js +1 -2
- package/dist/esm/components/Table/ActionsColumn.js.map +1 -1
- package/dist/js/components/Table/ActionsColumn.d.ts.map +1 -1
- package/dist/js/components/Table/ActionsColumn.js +1 -2
- package/dist/js/components/Table/ActionsColumn.js.map +1 -1
- package/dist/umd/react-table.min.js +1 -1
- package/package.json +3 -3
- package/src/components/Table/ActionsColumn.tsx +2 -3
- package/src/components/Table/examples/TableActionsOverflow.tsx +2 -3
- package/src/components/Table/examples/TableSortableCustom.tsx +2 -3
- package/src/demos/examples/TableColumnManagement.tsx +6 -6
- package/src/demos/examples/TableColumnManagementWithDraggable.tsx +2 -6
- package/src/demos/examples/TableCompact.tsx +7 -2
- package/src/demos/examples/TableCompoundExpansion.tsx +7 -2
- package/src/demos/examples/TableSortableResponsive.tsx +4 -6
- package/src/demos/examples/TableStaticBottomPagination.tsx +7 -2
- package/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +304 -228
- package/src/deprecated/components/Table/examples/LegacyTableSortableCustom.tsx +2 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-table",
|
|
3
|
-
"version": "6.0.0-alpha.
|
|
3
|
+
"version": "6.0.0-alpha.41",
|
|
4
4
|
"description": "This library provides a set of React table components for use with the PatternFly 4",
|
|
5
5
|
"main": "dist/js/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@patternfly/react-core": "^6.0.0-alpha.
|
|
43
|
+
"@patternfly/react-core": "^6.0.0-alpha.41",
|
|
44
44
|
"@patternfly/react-icons": "^6.0.0-alpha.15",
|
|
45
45
|
"@patternfly/react-styles": "^6.0.0-alpha.15",
|
|
46
46
|
"@patternfly/react-tokens": "^6.0.0-alpha.15",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"react": "^17 || ^18",
|
|
56
56
|
"react-dom": "^17 || ^18"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "f32fea72a008afd7ca45a96438a41d0cd1f6b3a9"
|
|
59
59
|
}
|
|
@@ -103,9 +103,8 @@ const ActionsColumnBase: React.FunctionComponent<ActionsColumnProps> = ({
|
|
|
103
103
|
isExpanded={isOpen}
|
|
104
104
|
isDisabled={isDisabled}
|
|
105
105
|
variant="plain"
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
</MenuToggle>
|
|
106
|
+
icon={<EllipsisVIcon />}
|
|
107
|
+
/>
|
|
109
108
|
)
|
|
110
109
|
}
|
|
111
110
|
{...(rowData && rowData.actionProps)}
|
|
@@ -106,9 +106,8 @@ export const TableActions: React.FunctionComponent = () => {
|
|
|
106
106
|
setRepos(repos.map((r) => (r.name !== repo.name ? r : { ...r, isMenuOpen: !r.isMenuOpen })))
|
|
107
107
|
}
|
|
108
108
|
isExpanded={repo.isMenuOpen}
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
</MenuToggle>
|
|
109
|
+
icon={<EllipsisVIcon />}
|
|
110
|
+
/>
|
|
112
111
|
)}
|
|
113
112
|
isOpen={repo.isMenuOpen}
|
|
114
113
|
onOpenChange={(isOpen) =>
|
|
@@ -117,9 +117,8 @@ export const TableSortableCustom: React.FunctionComponent = () => {
|
|
|
117
117
|
isExpanded={isSortDropdownOpen}
|
|
118
118
|
variant="plain"
|
|
119
119
|
aria-label="Sort columns"
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
</MenuToggle>
|
|
120
|
+
icon={<SortAmountDownIcon />}
|
|
121
|
+
/>
|
|
123
122
|
)}
|
|
124
123
|
>
|
|
125
124
|
<SelectGroup label="Sort column">
|
|
@@ -404,14 +404,14 @@ export const TableColumnManagement: React.FunctionComponent = () => {
|
|
|
404
404
|
<ToolbarItem variant="overflow-menu">
|
|
405
405
|
<OverflowMenu breakpoint="md">
|
|
406
406
|
<OverflowMenuItem>
|
|
407
|
-
<MenuToggle>
|
|
408
|
-
<FilterIcon /> Name
|
|
409
|
-
</MenuToggle>
|
|
407
|
+
<MenuToggle icon={<FilterIcon />}>Name</MenuToggle>
|
|
410
408
|
</OverflowMenuItem>
|
|
411
409
|
<OverflowMenuItem>
|
|
412
|
-
<MenuToggle
|
|
413
|
-
|
|
414
|
-
|
|
410
|
+
<MenuToggle
|
|
411
|
+
variant="plain"
|
|
412
|
+
aria-label="Sort columns"
|
|
413
|
+
icon={<SortAmountDownIcon aria-hidden="true" />}
|
|
414
|
+
/>
|
|
415
415
|
</OverflowMenuItem>
|
|
416
416
|
<OverflowMenuGroup groupType="button" isPersistent>
|
|
417
417
|
<OverflowMenuItem>
|
|
@@ -593,14 +593,10 @@ export const TableColumnManagementWithDraggable: React.FunctionComponent = () =>
|
|
|
593
593
|
<ToolbarItem variant="overflow-menu">
|
|
594
594
|
<OverflowMenu breakpoint="md">
|
|
595
595
|
<OverflowMenuItem isPersistent>
|
|
596
|
-
<MenuToggle>
|
|
597
|
-
<FilterIcon /> Name
|
|
598
|
-
</MenuToggle>
|
|
596
|
+
<MenuToggle icon={<FilterIcon />}>Name</MenuToggle>
|
|
599
597
|
</OverflowMenuItem>
|
|
600
598
|
<OverflowMenuItem>
|
|
601
|
-
<MenuToggle variant="plain" aria-label="Sort columns"
|
|
602
|
-
<SortAmountDownIcon aria-hidden="true" />
|
|
603
|
-
</MenuToggle>
|
|
599
|
+
<MenuToggle variant="plain" aria-label="Sort columns" icon={<SortAmountDownIcon aria-hidden="true" />} />
|
|
604
600
|
</OverflowMenuItem>
|
|
605
601
|
<OverflowMenuGroup groupType="button" isPersistent>
|
|
606
602
|
<OverflowMenuItem>
|
|
@@ -72,8 +72,13 @@ export const TableCompact: React.FunctionComponent = () => {
|
|
|
72
72
|
id="select-example"
|
|
73
73
|
aria-label="Select Input"
|
|
74
74
|
toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
|
|
75
|
-
<MenuToggle
|
|
76
|
-
<FilterIcon />
|
|
75
|
+
<MenuToggle
|
|
76
|
+
icon={<FilterIcon />}
|
|
77
|
+
ref={toggleRef}
|
|
78
|
+
onClick={() => setIsSelectOpen(!isSelectOpen)}
|
|
79
|
+
isExpanded={isSelectOpen}
|
|
80
|
+
>
|
|
81
|
+
Status
|
|
77
82
|
</MenuToggle>
|
|
78
83
|
)}
|
|
79
84
|
isOpen={isSelectOpen}
|
|
@@ -91,8 +91,13 @@ export const TableCompoundExpansion: React.FunctionComponent = () => {
|
|
|
91
91
|
id="select-example"
|
|
92
92
|
aria-label="Select Input"
|
|
93
93
|
toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
|
|
94
|
-
<MenuToggle
|
|
95
|
-
<FilterIcon />
|
|
94
|
+
<MenuToggle
|
|
95
|
+
icon={<FilterIcon />}
|
|
96
|
+
ref={toggleRef}
|
|
97
|
+
onClick={() => setIsSelectOpen(!isSelectOpen)}
|
|
98
|
+
isExpanded={isSelectOpen}
|
|
99
|
+
>
|
|
100
|
+
Status
|
|
96
101
|
</MenuToggle>
|
|
97
102
|
)}
|
|
98
103
|
isOpen={isSelectOpen}
|
|
@@ -154,9 +154,8 @@ export const TableSortableResponsive: React.FunctionComponent = () => {
|
|
|
154
154
|
onClick={() => setIsSortDropdownOpen(!isSortDropdownOpen)}
|
|
155
155
|
isExpanded={isSortDropdownOpen}
|
|
156
156
|
variant="plain"
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
</MenuToggle>
|
|
157
|
+
icon={<SortAmountDownIcon />}
|
|
158
|
+
/>
|
|
160
159
|
)}
|
|
161
160
|
>
|
|
162
161
|
<SelectGroup label="Sort column">
|
|
@@ -203,9 +202,8 @@ export const TableSortableResponsive: React.FunctionComponent = () => {
|
|
|
203
202
|
variant="plain"
|
|
204
203
|
onClick={() => setIsKebabDropdownOpen(!isKebabDropdownOpen)}
|
|
205
204
|
isExpanded={false}
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
</MenuToggle>
|
|
205
|
+
icon={<EllipsisVIcon />}
|
|
206
|
+
/>
|
|
209
207
|
)}
|
|
210
208
|
isOpen={isKebabDropdownOpen}
|
|
211
209
|
>
|
|
@@ -101,8 +101,13 @@ export const TableStaticBottomPagination: React.FunctionComponent = () => {
|
|
|
101
101
|
id="select-example"
|
|
102
102
|
aria-label="Select Input"
|
|
103
103
|
toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
|
|
104
|
-
<MenuToggle
|
|
105
|
-
<FilterIcon />
|
|
104
|
+
<MenuToggle
|
|
105
|
+
icon={<FilterIcon />}
|
|
106
|
+
ref={toggleRef}
|
|
107
|
+
onClick={() => setIsSelectOpen(!isSelectOpen)}
|
|
108
|
+
isExpanded={isSelectOpen}
|
|
109
|
+
>
|
|
110
|
+
Status
|
|
106
111
|
</MenuToggle>
|
|
107
112
|
)}
|
|
108
113
|
isOpen={isSelectOpen}
|