@patternfly/react-table 6.0.0-alpha.99 → 6.0.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.
- package/CHANGELOG.md +48 -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/CollapseColumn.d.ts.map +1 -1
- package/dist/esm/components/Table/CollapseColumn.js +2 -3
- package/dist/esm/components/Table/CollapseColumn.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/treeRow.d.ts.map +1 -1
- package/dist/esm/components/Table/utils/decorators/treeRow.js +4 -6
- package/dist/esm/components/Table/utils/decorators/treeRow.js.map +1 -1
- package/dist/esm/demos/DashboardHeader.d.ts.map +1 -1
- package/dist/esm/demos/DashboardHeader.js +2 -2
- package/dist/esm/demos/DashboardHeader.js.map +1 -1
- package/dist/js/components/Table/CollapseColumn.d.ts.map +1 -1
- package/dist/js/components/Table/CollapseColumn.js +2 -3
- package/dist/js/components/Table/CollapseColumn.js.map +1 -1
- package/dist/js/components/Table/utils/decorators/treeRow.d.ts.map +1 -1
- package/dist/js/components/Table/utils/decorators/treeRow.js +4 -6
- package/dist/js/components/Table/utils/decorators/treeRow.js.map +1 -1
- package/dist/js/demos/DashboardHeader.d.ts.map +1 -1
- package/dist/js/demos/DashboardHeader.js +2 -2
- package/dist/js/demos/DashboardHeader.js.map +1 -1
- package/dist/umd/assets/{output-CpgimXBM.css → output-CRjJetvs.css} +2849 -2851
- package/dist/umd/react-table.min.js +1 -1
- package/package.json +9 -9
- package/src/components/Table/CollapseColumn.tsx +6 -5
- package/src/components/Table/utils/decorators/treeRow.tsx +12 -10
- package/src/demos/DashboardHeader.tsx +2 -3
- package/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +11 -11
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-table",
|
|
3
|
-
"version": "6.0.0-
|
|
3
|
+
"version": "6.0.0-prerelease.2",
|
|
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",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"sideEffects": false,
|
|
17
17
|
"publishConfig": {
|
|
18
18
|
"access": "public",
|
|
19
|
-
"tag": "
|
|
19
|
+
"tag": "prerelease"
|
|
20
20
|
},
|
|
21
21
|
"repository": {
|
|
22
22
|
"type": "git",
|
|
@@ -35,15 +35,15 @@
|
|
|
35
35
|
"homepage": "https://github.com/patternfly/patternfly-react/tree/main/packages/react-table#readme",
|
|
36
36
|
"scripts": {
|
|
37
37
|
"build:umd": "rollup -c --environment IS_PRODUCTION",
|
|
38
|
-
"build:single:packages": "node ../../scripts/build-single-packages.
|
|
38
|
+
"build:single:packages": "node ../../scripts/build-single-packages.mjs --config single-packages.config.json",
|
|
39
39
|
"clean": "rimraf dist components deprecated",
|
|
40
|
-
"subpaths": "node ../../scripts/exportSubpaths.
|
|
40
|
+
"subpaths": "node ../../scripts/exportSubpaths.mjs --config subpaths.config.json"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@patternfly/react-core": "^6.0.0-
|
|
44
|
-
"@patternfly/react-icons": "^6.0.0-
|
|
45
|
-
"@patternfly/react-styles": "^6.0.0-
|
|
46
|
-
"@patternfly/react-tokens": "^6.0.0-
|
|
43
|
+
"@patternfly/react-core": "^6.0.0-prerelease.2",
|
|
44
|
+
"@patternfly/react-icons": "^6.0.0-prerelease.1",
|
|
45
|
+
"@patternfly/react-styles": "^6.0.0-prerelease.1",
|
|
46
|
+
"@patternfly/react-tokens": "^6.0.0-prerelease.1",
|
|
47
47
|
"lodash": "^4.17.21",
|
|
48
48
|
"tslib": "^2.6.3"
|
|
49
49
|
},
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"react": "^17 || ^18",
|
|
52
52
|
"react-dom": "^17 || ^18"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "5e93011e6e0cb02edad1e3ec517da35523b97110"
|
|
55
55
|
}
|
|
@@ -29,11 +29,12 @@ export const CollapseColumn: React.FunctionComponent<CollapseColumnProps> = ({
|
|
|
29
29
|
aria-label={props['aria-label'] || 'Details'}
|
|
30
30
|
onClick={onToggle}
|
|
31
31
|
aria-expanded={isOpen}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
32
|
+
icon={
|
|
33
|
+
<div className={css(styles.tableToggleIcon)}>
|
|
34
|
+
<AngleDownIcon />
|
|
35
|
+
</div>
|
|
36
|
+
}
|
|
37
|
+
/>
|
|
37
38
|
)}
|
|
38
39
|
{children}
|
|
39
40
|
</React.Fragment>
|
|
@@ -53,11 +53,12 @@ export const treeRow =
|
|
|
53
53
|
className={css(isExpanded && styles.modifiers.expanded)}
|
|
54
54
|
aria-expanded={isExpanded}
|
|
55
55
|
aria-label={toggleAriaLabel || `${isExpanded ? 'Collapse' : 'Expand'} row ${rowIndex}`}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
56
|
+
icon={
|
|
57
|
+
<div className={css(stylesTreeView.tableToggleIcon)}>
|
|
58
|
+
<AngleDownIcon aria-hidden="true" />
|
|
59
|
+
</div>
|
|
60
|
+
}
|
|
61
|
+
/>
|
|
61
62
|
</span>
|
|
62
63
|
)}
|
|
63
64
|
{!!onCheckChange && (
|
|
@@ -82,11 +83,12 @@ export const treeRow =
|
|
|
82
83
|
onClick={(event) =>
|
|
83
84
|
onToggleRowDetails && onToggleRowDetails(event, rowIndex, content as React.ReactNode, rowData)
|
|
84
85
|
}
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
86
|
+
icon={
|
|
87
|
+
<span className={`${styles.table}__details-toggle-icon`}>
|
|
88
|
+
<EllipsisHIcon aria-hidden />
|
|
89
|
+
</span>
|
|
90
|
+
}
|
|
91
|
+
/>
|
|
90
92
|
</span>
|
|
91
93
|
)}
|
|
92
94
|
</div>
|
|
@@ -99,7 +99,7 @@ export const DashboardHeader: React.FC<DashboardHeaderProps> = ({ notificationBa
|
|
|
99
99
|
</MastheadBrand>
|
|
100
100
|
</MastheadMain>
|
|
101
101
|
<MastheadContent>
|
|
102
|
-
<Toolbar id="toolbar"
|
|
102
|
+
<Toolbar id="toolbar" isStatic>
|
|
103
103
|
<ToolbarContent>
|
|
104
104
|
<ToolbarGroup
|
|
105
105
|
variant="action-group-plain"
|
|
@@ -182,8 +182,7 @@ export const DashboardHeader: React.FC<DashboardHeaderProps> = ({ notificationBa
|
|
|
182
182
|
ref={toggleRef}
|
|
183
183
|
isExpanded={isDropdownOpen}
|
|
184
184
|
onClick={onDropdownToggle}
|
|
185
|
-
icon={<Avatar src={imgAvatar} alt="" />}
|
|
186
|
-
isFullHeight
|
|
185
|
+
icon={<Avatar src={imgAvatar} alt="" size="sm" />}
|
|
187
186
|
>
|
|
188
187
|
Ned Username
|
|
189
188
|
</MenuToggle>
|
|
@@ -1538,7 +1538,7 @@ exports[`Table Collapsible nested table 1`] = `
|
|
|
1538
1538
|
type="button"
|
|
1539
1539
|
>
|
|
1540
1540
|
<span
|
|
1541
|
-
class="pf-v6-c-
|
|
1541
|
+
class="pf-v6-c-button__icon"
|
|
1542
1542
|
>
|
|
1543
1543
|
<div
|
|
1544
1544
|
class="pf-v6-c-table__toggle-icon"
|
|
@@ -1630,7 +1630,7 @@ exports[`Table Collapsible nested table 1`] = `
|
|
|
1630
1630
|
type="button"
|
|
1631
1631
|
>
|
|
1632
1632
|
<span
|
|
1633
|
-
class="pf-v6-c-
|
|
1633
|
+
class="pf-v6-c-button__icon"
|
|
1634
1634
|
>
|
|
1635
1635
|
<div
|
|
1636
1636
|
class="pf-v6-c-table__toggle-icon"
|
|
@@ -1793,7 +1793,7 @@ exports[`Table Collapsible nested table 1`] = `
|
|
|
1793
1793
|
type="button"
|
|
1794
1794
|
>
|
|
1795
1795
|
<span
|
|
1796
|
-
class="pf-v6-c-
|
|
1796
|
+
class="pf-v6-c-button__icon"
|
|
1797
1797
|
>
|
|
1798
1798
|
<div
|
|
1799
1799
|
class="pf-v6-c-table__toggle-icon"
|
|
@@ -2303,7 +2303,7 @@ exports[`Table Collapsible table 1`] = `
|
|
|
2303
2303
|
type="button"
|
|
2304
2304
|
>
|
|
2305
2305
|
<span
|
|
2306
|
-
class="pf-v6-c-
|
|
2306
|
+
class="pf-v6-c-button__icon"
|
|
2307
2307
|
>
|
|
2308
2308
|
<div
|
|
2309
2309
|
class="pf-v6-c-table__toggle-icon"
|
|
@@ -2521,7 +2521,7 @@ exports[`Table Collapsible table 1`] = `
|
|
|
2521
2521
|
type="button"
|
|
2522
2522
|
>
|
|
2523
2523
|
<span
|
|
2524
|
-
class="pf-v6-c-
|
|
2524
|
+
class="pf-v6-c-button__icon"
|
|
2525
2525
|
>
|
|
2526
2526
|
<div
|
|
2527
2527
|
class="pf-v6-c-table__toggle-icon"
|
|
@@ -10556,7 +10556,7 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10556
10556
|
type="button"
|
|
10557
10557
|
>
|
|
10558
10558
|
<span
|
|
10559
|
-
class="pf-v6-c-button__icon
|
|
10559
|
+
class="pf-v6-c-button__icon"
|
|
10560
10560
|
>
|
|
10561
10561
|
<svg
|
|
10562
10562
|
aria-hidden="true"
|
|
@@ -10587,7 +10587,7 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10587
10587
|
type="button"
|
|
10588
10588
|
>
|
|
10589
10589
|
<span
|
|
10590
|
-
class="pf-v6-c-button__icon
|
|
10590
|
+
class="pf-v6-c-button__icon"
|
|
10591
10591
|
>
|
|
10592
10592
|
<svg
|
|
10593
10593
|
aria-hidden="true"
|
|
@@ -10619,7 +10619,7 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10619
10619
|
type="button"
|
|
10620
10620
|
>
|
|
10621
10621
|
<span
|
|
10622
|
-
class="pf-v6-c-button__icon
|
|
10622
|
+
class="pf-v6-c-button__icon"
|
|
10623
10623
|
>
|
|
10624
10624
|
<svg
|
|
10625
10625
|
aria-hidden="true"
|
|
@@ -10799,7 +10799,7 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10799
10799
|
type="button"
|
|
10800
10800
|
>
|
|
10801
10801
|
<span
|
|
10802
|
-
class="pf-v6-c-button__icon
|
|
10802
|
+
class="pf-v6-c-button__icon"
|
|
10803
10803
|
>
|
|
10804
10804
|
<svg
|
|
10805
10805
|
aria-hidden="true"
|
|
@@ -10830,7 +10830,7 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10830
10830
|
type="button"
|
|
10831
10831
|
>
|
|
10832
10832
|
<span
|
|
10833
|
-
class="pf-v6-c-button__icon
|
|
10833
|
+
class="pf-v6-c-button__icon"
|
|
10834
10834
|
>
|
|
10835
10835
|
<svg
|
|
10836
10836
|
aria-hidden="true"
|
|
@@ -10862,7 +10862,7 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10862
10862
|
type="button"
|
|
10863
10863
|
>
|
|
10864
10864
|
<span
|
|
10865
|
-
class="pf-v6-c-button__icon
|
|
10865
|
+
class="pf-v6-c-button__icon"
|
|
10866
10866
|
>
|
|
10867
10867
|
<svg
|
|
10868
10868
|
aria-hidden="true"
|