@patternfly/react-table 5.3.0-prerelease.22 → 5.3.0-prerelease.23
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 +4 -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/package.json +2 -2
- package/src/components/Table/examples/TableDraggable.tsx +17 -14
- package/src/components/Table/examples/TableSelectable.tsx +1 -0
- package/src/demos/Table.md +1 -1
- package/src/demos/examples/TableExpandCollapseAll.tsx +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# 5.3.0-prerelease.23 (2024-03-29)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
9
|
+
|
|
6
10
|
# [5.3.0-prerelease.22](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.3.0-prerelease.21...@patternfly/react-table@5.3.0-prerelease.22) (2024-03-28)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @patternfly/react-table
|
package/components/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-components","main":"../dist/js/components/index.js","module":"../dist/esm/components/index.js","typings":"../dist/esm/components/index.d.ts","version":"5.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-components","main":"../dist/js/components/index.js","module":"../dist/esm/components/index.js","typings":"../dist/esm/components/index.d.ts","version":"5.3.0-prerelease.22","private":true}
|
package/deprecated/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-deprecated","main":"../dist/js/deprecated/index.js","module":"../dist/esm/deprecated/index.js","typings":"../dist/esm/deprecated/index.d.ts","version":"5.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-deprecated","main":"../dist/js/deprecated/index.js","module":"../dist/esm/deprecated/index.js","typings":"../dist/esm/deprecated/index.d.ts","version":"5.3.0-prerelease.22","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-table-dynamic","main":"../../../js/components/Table/index.js","module":"../../../esm/components/Table/index.js","typings":"../../../esm/components/Table/index.d.ts","version":"5.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-table-dynamic","main":"../../../js/components/Table/index.js","module":"../../../esm/components/Table/index.js","typings":"../../../esm/components/Table/index.d.ts","version":"5.3.0-prerelease.22","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-decorators-dynamic","main":"../../../../../js/components/Table/utils/decorators/index.js","module":"../../../../../esm/components/Table/utils/decorators/index.js","typings":"../../../../../esm/components/Table/utils/decorators/index.d.ts","version":"5.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-decorators-dynamic","main":"../../../../../js/components/Table/utils/decorators/index.js","module":"../../../../../esm/components/Table/utils/decorators/index.js","typings":"../../../../../esm/components/Table/utils/decorators/index.d.ts","version":"5.3.0-prerelease.22","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-utils-dynamic","main":"../../../../js/components/Table/utils/index.js","module":"../../../../esm/components/Table/utils/index.js","typings":"../../../../esm/components/Table/utils/index.d.ts","version":"5.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-utils-dynamic","main":"../../../../js/components/Table/utils/index.js","module":"../../../../esm/components/Table/utils/index.js","typings":"../../../../esm/components/Table/utils/index.d.ts","version":"5.3.0-prerelease.22","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-base-deprecated-dynamic","main":"../../../../../js/deprecated/components/Table/base/index.js","module":"../../../../../esm/deprecated/components/Table/base/index.js","typings":"../../../../../esm/deprecated/components/Table/base/index.d.ts","version":"5.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-base-deprecated-dynamic","main":"../../../../../js/deprecated/components/Table/base/index.js","module":"../../../../../esm/deprecated/components/Table/base/index.js","typings":"../../../../../esm/deprecated/components/Table/base/index.d.ts","version":"5.3.0-prerelease.22","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-table-deprecated-dynamic","main":"../../../../js/deprecated/components/Table/index.js","module":"../../../../esm/deprecated/components/Table/index.js","typings":"../../../../esm/deprecated/components/Table/index.d.ts","version":"5.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-table-deprecated-dynamic","main":"../../../../js/deprecated/components/Table/index.js","module":"../../../../esm/deprecated/components/Table/index.js","typings":"../../../../esm/deprecated/components/Table/index.d.ts","version":"5.3.0-prerelease.22","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-components-deprecated-dynamic","main":"../../../js/deprecated/components/index.js","module":"../../../esm/deprecated/components/index.js","typings":"../../../esm/deprecated/components/index.d.ts","version":"5.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-components-deprecated-dynamic","main":"../../../js/deprecated/components/index.js","module":"../../../esm/deprecated/components/index.js","typings":"../../../esm/deprecated/components/index.d.ts","version":"5.3.0-prerelease.22","private":true}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-table",
|
|
3
|
-
"version": "5.3.0-prerelease.
|
|
3
|
+
"version": "5.3.0-prerelease.23",
|
|
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",
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"react": "^17 || ^18",
|
|
55
55
|
"react-dom": "^17 || ^18"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "8b73c7744c6e8a37f528560f65afb9072ef7558a"
|
|
58
58
|
}
|
|
@@ -150,20 +150,23 @@ export const TableDraggable: React.FunctionComponent = () => {
|
|
|
150
150
|
</Tr>
|
|
151
151
|
</Thead>
|
|
152
152
|
<Tbody ref={bodyRef} onDragOver={onDragOver} onDrop={onDragOver} onDragLeave={onDragLeave}>
|
|
153
|
-
{rows.map((row, rowIndex) =>
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
153
|
+
{rows.map((row, rowIndex) => {
|
|
154
|
+
const rowCellsToBuild = Object.keys(row).filter((rowCell) => rowCell !== 'id');
|
|
155
|
+
return (
|
|
156
|
+
<Tr key={rowIndex} id={row.id} draggable onDrop={onDrop} onDragEnd={onDragEnd} onDragStart={onDragStart}>
|
|
157
|
+
<Td
|
|
158
|
+
draggableRow={{
|
|
159
|
+
id: `draggable-row-${row.id}`
|
|
160
|
+
}}
|
|
161
|
+
/>
|
|
162
|
+
{rowCellsToBuild.map((key, keyIndex) => (
|
|
163
|
+
<Td key={`${rowIndex}_${keyIndex}`} dataLabel={columns[keyIndex]}>
|
|
164
|
+
{row[key]}
|
|
165
|
+
</Td>
|
|
166
|
+
))}
|
|
167
|
+
</Tr>
|
|
168
|
+
);
|
|
169
|
+
})}
|
|
167
170
|
</Tbody>
|
|
168
171
|
</Table>
|
|
169
172
|
);
|
|
@@ -93,6 +93,7 @@ export const TableSelectable: React.FunctionComponent = () => {
|
|
|
93
93
|
onSelect: (_event, isSelecting) => selectAllRepos(isSelecting),
|
|
94
94
|
isSelected: areAllReposSelected
|
|
95
95
|
}}
|
|
96
|
+
aria-label="Row select"
|
|
96
97
|
/>
|
|
97
98
|
<Th>{columnNames.name}</Th>
|
|
98
99
|
<Th>{columnNames.branches}</Th>
|
package/src/demos/Table.md
CHANGED
|
@@ -103,7 +103,7 @@ import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
|
|
|
103
103
|
|
|
104
104
|
### Column management with draggable
|
|
105
105
|
|
|
106
|
-
```js isFullscreen file="./examples/TableColumnManagementWithDraggable.tsx"
|
|
106
|
+
```js isDeprecated isFullscreen file="./examples/TableColumnManagementWithDraggable.tsx"
|
|
107
107
|
|
|
108
108
|
```
|
|
109
109
|
|
|
@@ -164,7 +164,8 @@ export const TableExpandCollapseAll: React.FunctionComponent = () => {
|
|
|
164
164
|
collapseAllAriaLabel,
|
|
165
165
|
onToggle: onCollapseAll
|
|
166
166
|
}}
|
|
167
|
-
|
|
167
|
+
aria-label="Row expansion"
|
|
168
|
+
/>
|
|
168
169
|
{expandableColumns.map((column) => (
|
|
169
170
|
<Th key={column}>{column}</Th>
|
|
170
171
|
))}
|