From afd3b85ef307117784527740d6ae6d442055fbb0 Mon Sep 17 00:00:00 2001 From: kmcfaul <45077788+kmcfaul@users.noreply.github.com> Date: Mon, 8 Apr 2024 16:51:37 -0400 Subject: [PATCH 001/148] feat(MenuToggle): allow split action toggle text (#10256) * feat(MenuToggle): allow split action toggle text * use var --- .../src/components/MenuToggle/MenuToggle.tsx | 2 + .../MenuToggle/examples/MenuToggle.md | 12 ++++- ...oggleSplitButtonCheckboxWithToggleText.tsx | 51 +++++++++++++++++++ 3 files changed, 64 insertions(+), 1 deletion(-) create mode 100644 packages/react-core/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithToggleText.tsx diff --git a/packages/react-core/src/components/MenuToggle/MenuToggle.tsx b/packages/react-core/src/components/MenuToggle/MenuToggle.tsx index 30e3ce14644..9e8fef7a78f 100644 --- a/packages/react-core/src/components/MenuToggle/MenuToggle.tsx +++ b/packages/react-core/src/components/MenuToggle/MenuToggle.tsx @@ -186,8 +186,10 @@ class MenuToggleBase extends React.Component { aria-label={ariaLabel} disabled={isDisabled} onClick={onClick} + {...(children && { style: { display: 'flex', paddingLeft: 'var(--pf-v5-global--spacer--sm)' } })} {...otherProps} > + {children && {children}} {toggleControls} diff --git a/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md b/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md index a3897722ae2..fc4a5d3f741 100644 --- a/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md +++ b/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md @@ -205,7 +205,7 @@ Variant styling can be applied to split button toggles to adjust their appearanc ``` -### Split button toggle with text label +### Split button toggle with checkbox label To display text in a split button menu toggle, add a label to the `items` property of `splitButtonOptions`. @@ -213,6 +213,16 @@ To display text in a split button menu toggle, add a label to the `items` proper ``` +### Split button toggle with checkbox and toggle button text + +For split button toggles that should still contain text which will trigger the toggle's `onClick`, pass `children` to the `MenuToggle`. + +The following example shows a split button with a `` and toggle button text. + +```ts file='MenuToggleSplitButtonCheckboxWithToggleText.tsx' + +``` + ### Split button toggle with action To add an action to a split button, pass `variant='action'` into `splitButtonOptions` and add a `` to the `items` property of `splitButtonOptions`. diff --git a/packages/react-core/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithToggleText.tsx b/packages/react-core/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithToggleText.tsx new file mode 100644 index 00000000000..cb289f147f7 --- /dev/null +++ b/packages/react-core/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithToggleText.tsx @@ -0,0 +1,51 @@ +import React from 'react'; +import { MenuToggleCheckbox, MenuToggle } from '@patternfly/react-core'; + +export const MenuToggleSplitButtonCheckboxWithToggleText: React.FunctionComponent = () => ( + + + ] + }} + aria-label="Menu toggle with checkbox split button and text" + > + 10 selected + {' '} + + ] + }} + aria-label="Primary menu toggle with checkbox split button" + > + 10 selected + {' '} + + ] + }} + aria-label="Secondary menu toggle with checkbox split button" + > + 10 selected + + +); From 3704ba76e2b22461ce1b7d96baba2985ab9f5b44 Mon Sep 17 00:00:00 2001 From: patternfly-build Date: Mon, 8 Apr 2024 21:01:26 +0000 Subject: [PATCH 002/148] chore(release): releasing packages [ci skip] - @patternfly/react-code-editor@5.3.0-prerelease.26 - @patternfly/react-core@5.3.0-prerelease.24 - @patternfly/react-docs@6.3.0-prerelease.32 - @patternfly/react-drag-drop@5.3.0-prerelease.24 - demo-app-ts@5.1.1-prerelease.98 - @patternfly/react-table@5.3.0-prerelease.26 - @patternfly/react-templates@1.0.0-prerelease.7 --- packages/react-code-editor/CHANGELOG.md | 4 ++++ packages/react-code-editor/package.json | 4 ++-- packages/react-core/CHANGELOG.md | 6 ++++++ packages/react-core/package.json | 2 +- packages/react-docs/CHANGELOG.md | 4 ++++ packages/react-docs/package.json | 12 ++++++------ packages/react-drag-drop/CHANGELOG.md | 4 ++++ packages/react-drag-drop/package.json | 4 ++-- packages/react-integration/demo-app-ts/CHANGELOG.md | 4 ++++ packages/react-integration/demo-app-ts/package.json | 4 ++-- packages/react-table/CHANGELOG.md | 4 ++++ packages/react-table/package.json | 4 ++-- packages/react-templates/CHANGELOG.md | 4 ++++ packages/react-templates/package.json | 4 ++-- 14 files changed, 47 insertions(+), 17 deletions(-) diff --git a/packages/react-code-editor/CHANGELOG.md b/packages/react-code-editor/CHANGELOG.md index f1767b8e0ba..50c151bb6e0 100644 --- a/packages/react-code-editor/CHANGELOG.md +++ b/packages/react-code-editor/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.3.0-prerelease.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.3.0-prerelease.25...@patternfly/react-code-editor@5.3.0-prerelease.26) (2024-04-08) + +**Note:** Version bump only for package @patternfly/react-code-editor + # [5.3.0-prerelease.25](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.3.0-prerelease.24...@patternfly/react-code-editor@5.3.0-prerelease.25) (2024-04-01) **Note:** Version bump only for package @patternfly/react-code-editor diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json index 4db53764525..6763ed67586 100644 --- a/packages/react-code-editor/package.json +++ b/packages/react-code-editor/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-code-editor", - "version": "5.3.0-prerelease.25", + "version": "5.3.0-prerelease.26", "description": "This package provides a PatternFly wrapper for the Monaco code editor\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -30,7 +30,7 @@ }, "dependencies": { "@monaco-editor/react": "^4.6.0", - "@patternfly/react-core": "^5.3.0-prerelease.23", + "@patternfly/react-core": "^5.3.0-prerelease.24", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", "react-dropzone": "14.2.3", diff --git a/packages/react-core/CHANGELOG.md b/packages/react-core/CHANGELOG.md index 668178e307c..4edb374d7a9 100644 --- a/packages/react-core/CHANGELOG.md +++ b/packages/react-core/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.3.0-prerelease.24](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.3.0-prerelease.23...@patternfly/react-core@5.3.0-prerelease.24) (2024-04-08) + +### Features + +- **MenuToggle:** allow split action toggle text ([#10256](https://github.com/patternfly/patternfly-react/issues/10256)) ([afd3b85](https://github.com/patternfly/patternfly-react/commit/afd3b85ef307117784527740d6ae6d442055fbb0)) + # [5.3.0-prerelease.23](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.3.0-prerelease.22...@patternfly/react-core@5.3.0-prerelease.23) (2024-04-01) ### Bug Fixes diff --git a/packages/react-core/package.json b/packages/react-core/package.json index b2bea25b22a..155ce09e373 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-core", - "version": "5.3.0-prerelease.23", + "version": "5.3.0-prerelease.24", "description": "This library provides a set of common React components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", diff --git a/packages/react-docs/CHANGELOG.md b/packages/react-docs/CHANGELOG.md index 24c9c30c5f1..6db595ef98b 100644 --- a/packages/react-docs/CHANGELOG.md +++ b/packages/react-docs/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [6.3.0-prerelease.32](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.3.0-prerelease.31...@patternfly/react-docs@6.3.0-prerelease.32) (2024-04-08) + +**Note:** Version bump only for package @patternfly/react-docs + # [6.3.0-prerelease.31](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.3.0-prerelease.30...@patternfly/react-docs@6.3.0-prerelease.31) (2024-04-01) **Note:** Version bump only for package @patternfly/react-docs diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index 2c509d30fcd..9954db15e94 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -1,7 +1,7 @@ { "name": "@patternfly/react-docs", "description": "PatternFly React Docs", - "version": "6.3.0-prerelease.31", + "version": "6.3.0-prerelease.32", "publishConfig": { "access": "public" }, @@ -24,13 +24,13 @@ "dependencies": { "@patternfly/patternfly": "5.3.0-prerelease.5", "@patternfly/react-charts": "^7.3.0-prerelease.6", - "@patternfly/react-code-editor": "^5.3.0-prerelease.25", - "@patternfly/react-core": "^5.3.0-prerelease.23", - "@patternfly/react-drag-drop": "^5.3.0-prerelease.23", + "@patternfly/react-code-editor": "^5.3.0-prerelease.26", + "@patternfly/react-core": "^5.3.0-prerelease.24", + "@patternfly/react-drag-drop": "^5.3.0-prerelease.24", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", - "@patternfly/react-table": "^5.3.0-prerelease.25", - "@patternfly/react-templates": "^1.0.0-prerelease.6", + "@patternfly/react-table": "^5.3.0-prerelease.26", + "@patternfly/react-templates": "^1.0.0-prerelease.7", "@patternfly/react-tokens": "^5.3.0-prerelease.3" }, "devDependencies": { diff --git a/packages/react-drag-drop/CHANGELOG.md b/packages/react-drag-drop/CHANGELOG.md index c0bddd4d862..e82c0f28323 100644 --- a/packages/react-drag-drop/CHANGELOG.md +++ b/packages/react-drag-drop/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.3.0-prerelease.24](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.3.0-prerelease.23...@patternfly/react-drag-drop@5.3.0-prerelease.24) (2024-04-08) + +**Note:** Version bump only for package @patternfly/react-drag-drop + # [5.3.0-prerelease.23](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.3.0-prerelease.22...@patternfly/react-drag-drop@5.3.0-prerelease.23) (2024-04-01) **Note:** Version bump only for package @patternfly/react-drag-drop diff --git a/packages/react-drag-drop/package.json b/packages/react-drag-drop/package.json index 52622a45114..a4bc175e635 100644 --- a/packages/react-drag-drop/package.json +++ b/packages/react-drag-drop/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-drag-drop", - "version": "5.3.0-prerelease.23", + "version": "5.3.0-prerelease.24", "description": "PatternFly drag and drop solution", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -32,7 +32,7 @@ "@dnd-kit/core": "^6.0.8", "@dnd-kit/modifiers": "^6.0.1", "@dnd-kit/sortable": "^7.0.2", - "@patternfly/react-core": "^5.3.0-prerelease.23", + "@patternfly/react-core": "^5.3.0-prerelease.24", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", "memoize-one": "^5.1.0", diff --git a/packages/react-integration/demo-app-ts/CHANGELOG.md b/packages/react-integration/demo-app-ts/CHANGELOG.md index 520ec4b1369..c18ff57413c 100644 --- a/packages/react-integration/demo-app-ts/CHANGELOG.md +++ b/packages/react-integration/demo-app-ts/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [5.1.1-prerelease.98](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.97...demo-app-ts@5.1.1-prerelease.98) (2024-04-08) + +**Note:** Version bump only for package demo-app-ts + ## [5.1.1-prerelease.97](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.96...demo-app-ts@5.1.1-prerelease.97) (2024-04-01) **Note:** Version bump only for package demo-app-ts diff --git a/packages/react-integration/demo-app-ts/package.json b/packages/react-integration/demo-app-ts/package.json index 2ece8533dd9..da9d9316e4c 100644 --- a/packages/react-integration/demo-app-ts/package.json +++ b/packages/react-integration/demo-app-ts/package.json @@ -1,7 +1,7 @@ { "name": "demo-app-ts", "private": true, - "version": "5.1.1-prerelease.97", + "version": "5.1.1-prerelease.98", "scripts": { "build:demo-app": "webpack --mode production", "start:demo-app": "webpack-dev-server", @@ -9,7 +9,7 @@ "serve:demo-app": "node scripts/serve" }, "dependencies": { - "@patternfly/react-core": "^5.3.0-prerelease.23", + "@patternfly/react-core": "^5.3.0-prerelease.24", "react": "^18", "react-dom": "^18", "react-router": "^5.3.3", diff --git a/packages/react-table/CHANGELOG.md b/packages/react-table/CHANGELOG.md index 2448c6067aa..fca43d60d35 100644 --- a/packages/react-table/CHANGELOG.md +++ b/packages/react-table/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.3.0-prerelease.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.3.0-prerelease.25...@patternfly/react-table@5.3.0-prerelease.26) (2024-04-08) + +**Note:** Version bump only for package @patternfly/react-table + # [5.3.0-prerelease.25](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.3.0-prerelease.24...@patternfly/react-table@5.3.0-prerelease.25) (2024-04-01) **Note:** Version bump only for package @patternfly/react-table diff --git a/packages/react-table/package.json b/packages/react-table/package.json index adb7f0cf69e..640f506d53b 100644 --- a/packages/react-table/package.json +++ b/packages/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-table", - "version": "5.3.0-prerelease.25", + "version": "5.3.0-prerelease.26", "description": "This library provides a set of React table components for use with the PatternFly 4", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -39,7 +39,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.3.0-prerelease.23", + "@patternfly/react-core": "^5.3.0-prerelease.24", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", "@patternfly/react-tokens": "^5.3.0-prerelease.3", diff --git a/packages/react-templates/CHANGELOG.md b/packages/react-templates/CHANGELOG.md index 075fbb91658..901c6b7a625 100644 --- a/packages/react-templates/CHANGELOG.md +++ b/packages/react-templates/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [1.0.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.0.0-prerelease.6...@patternfly/react-templates@1.0.0-prerelease.7) (2024-04-08) + +**Note:** Version bump only for package @patternfly/react-templates + # [1.0.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.0.0-prerelease.5...@patternfly/react-templates@1.0.0-prerelease.6) (2024-04-01) **Note:** Version bump only for package @patternfly/react-templates diff --git a/packages/react-templates/package.json b/packages/react-templates/package.json index 57ea1da23c0..8ee806fa1a8 100644 --- a/packages/react-templates/package.json +++ b/packages/react-templates/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-templates", - "version": "1.0.0-prerelease.6", + "version": "1.0.0-prerelease.7", "description": "This package provides wrapped component demos for ease of use\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -33,7 +33,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.3.0-prerelease.23", + "@patternfly/react-core": "^5.3.0-prerelease.24", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", "@patternfly/react-tokens": "^5.3.0-prerelease.3", From 430652500b090cd2c3a0d2cd45a6a632368aaac9 Mon Sep 17 00:00:00 2001 From: Donald Labaj Date: Tue, 9 Apr 2024 10:11:21 -0400 Subject: [PATCH 003/148] fix(deploy): Redeployed to npm --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index dcd19a3f2bf..5553ede3f01 100644 --- a/README.md +++ b/README.md @@ -85,3 +85,4 @@ All React contributors must first be [PatternFly community contributors](https:/ ### License PatternFly React is licensed under the [MIT License](https://github.com/patternfly/patternfly-react/tree/main/LICENSE). + From a8b1ae078dffbf380393b2654135b32623b77b94 Mon Sep 17 00:00:00 2001 From: Donald Labaj Date: Tue, 9 Apr 2024 11:19:55 -0400 Subject: [PATCH 004/148] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 5553ede3f01..697a5524414 100644 --- a/README.md +++ b/README.md @@ -85,4 +85,4 @@ All React contributors must first be [PatternFly community contributors](https:/ ### License PatternFly React is licensed under the [MIT License](https://github.com/patternfly/patternfly-react/tree/main/LICENSE). - + From 63cdc494090a0487aeb8dd4ec569fe5e68a9d1cc Mon Sep 17 00:00:00 2001 From: Donald Labaj Date: Tue, 9 Apr 2024 12:00:50 -0400 Subject: [PATCH 005/148] Update README.md --- packages/react-core/README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/react-core/README.md b/packages/react-core/README.md index 899d79c251c..cd5c12196a3 100644 --- a/packages/react-core/README.md +++ b/packages/react-core/README.md @@ -53,3 +53,4 @@ All React contributors must first be [PatternFly community contributors](https:/ ### License PatternFly React is licensed under the [MIT License](https://github.com/patternfly/patternfly-react/tree/main/LICENSE). + From 62810f14601fdd4133d74e737c28c2e37dd3da6f Mon Sep 17 00:00:00 2001 From: patternfly-build Date: Tue, 9 Apr 2024 16:12:39 +0000 Subject: [PATCH 006/148] chore(release): releasing packages [ci skip] - @patternfly/react-code-editor@5.3.0-prerelease.27 - @patternfly/react-core@5.3.0-prerelease.25 - @patternfly/react-docs@6.3.0-prerelease.33 - @patternfly/react-drag-drop@5.3.0-prerelease.25 - demo-app-ts@5.1.1-prerelease.99 - @patternfly/react-table@5.3.0-prerelease.27 - @patternfly/react-templates@1.0.0-prerelease.8 --- packages/react-code-editor/CHANGELOG.md | 4 ++++ packages/react-code-editor/package.json | 4 ++-- packages/react-core/CHANGELOG.md | 4 ++++ packages/react-core/package.json | 2 +- packages/react-docs/CHANGELOG.md | 4 ++++ packages/react-docs/package.json | 12 ++++++------ packages/react-drag-drop/CHANGELOG.md | 4 ++++ packages/react-drag-drop/package.json | 4 ++-- packages/react-integration/demo-app-ts/CHANGELOG.md | 4 ++++ packages/react-integration/demo-app-ts/package.json | 4 ++-- packages/react-table/CHANGELOG.md | 4 ++++ packages/react-table/package.json | 4 ++-- packages/react-templates/CHANGELOG.md | 4 ++++ packages/react-templates/package.json | 4 ++-- 14 files changed, 45 insertions(+), 17 deletions(-) diff --git a/packages/react-code-editor/CHANGELOG.md b/packages/react-code-editor/CHANGELOG.md index 50c151bb6e0..54f012af12c 100644 --- a/packages/react-code-editor/CHANGELOG.md +++ b/packages/react-code-editor/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.3.0-prerelease.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.3.0-prerelease.26...@patternfly/react-code-editor@5.3.0-prerelease.27) (2024-04-09) + +**Note:** Version bump only for package @patternfly/react-code-editor + # [5.3.0-prerelease.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.3.0-prerelease.25...@patternfly/react-code-editor@5.3.0-prerelease.26) (2024-04-08) **Note:** Version bump only for package @patternfly/react-code-editor diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json index 6763ed67586..774ea041862 100644 --- a/packages/react-code-editor/package.json +++ b/packages/react-code-editor/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-code-editor", - "version": "5.3.0-prerelease.26", + "version": "5.3.0-prerelease.27", "description": "This package provides a PatternFly wrapper for the Monaco code editor\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -30,7 +30,7 @@ }, "dependencies": { "@monaco-editor/react": "^4.6.0", - "@patternfly/react-core": "^5.3.0-prerelease.24", + "@patternfly/react-core": "^5.3.0-prerelease.25", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", "react-dropzone": "14.2.3", diff --git a/packages/react-core/CHANGELOG.md b/packages/react-core/CHANGELOG.md index 4edb374d7a9..cdecbb144a2 100644 --- a/packages/react-core/CHANGELOG.md +++ b/packages/react-core/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.3.0-prerelease.25](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.3.0-prerelease.24...@patternfly/react-core@5.3.0-prerelease.25) (2024-04-09) + +**Note:** Version bump only for package @patternfly/react-core + # [5.3.0-prerelease.24](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.3.0-prerelease.23...@patternfly/react-core@5.3.0-prerelease.24) (2024-04-08) ### Features diff --git a/packages/react-core/package.json b/packages/react-core/package.json index 155ce09e373..63c853e325c 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-core", - "version": "5.3.0-prerelease.24", + "version": "5.3.0-prerelease.25", "description": "This library provides a set of common React components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", diff --git a/packages/react-docs/CHANGELOG.md b/packages/react-docs/CHANGELOG.md index 6db595ef98b..5dde5be311a 100644 --- a/packages/react-docs/CHANGELOG.md +++ b/packages/react-docs/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [6.3.0-prerelease.33](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.3.0-prerelease.32...@patternfly/react-docs@6.3.0-prerelease.33) (2024-04-09) + +**Note:** Version bump only for package @patternfly/react-docs + # [6.3.0-prerelease.32](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.3.0-prerelease.31...@patternfly/react-docs@6.3.0-prerelease.32) (2024-04-08) **Note:** Version bump only for package @patternfly/react-docs diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index 9954db15e94..8226cb10914 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -1,7 +1,7 @@ { "name": "@patternfly/react-docs", "description": "PatternFly React Docs", - "version": "6.3.0-prerelease.32", + "version": "6.3.0-prerelease.33", "publishConfig": { "access": "public" }, @@ -24,13 +24,13 @@ "dependencies": { "@patternfly/patternfly": "5.3.0-prerelease.5", "@patternfly/react-charts": "^7.3.0-prerelease.6", - "@patternfly/react-code-editor": "^5.3.0-prerelease.26", - "@patternfly/react-core": "^5.3.0-prerelease.24", - "@patternfly/react-drag-drop": "^5.3.0-prerelease.24", + "@patternfly/react-code-editor": "^5.3.0-prerelease.27", + "@patternfly/react-core": "^5.3.0-prerelease.25", + "@patternfly/react-drag-drop": "^5.3.0-prerelease.25", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", - "@patternfly/react-table": "^5.3.0-prerelease.26", - "@patternfly/react-templates": "^1.0.0-prerelease.7", + "@patternfly/react-table": "^5.3.0-prerelease.27", + "@patternfly/react-templates": "^1.0.0-prerelease.8", "@patternfly/react-tokens": "^5.3.0-prerelease.3" }, "devDependencies": { diff --git a/packages/react-drag-drop/CHANGELOG.md b/packages/react-drag-drop/CHANGELOG.md index e82c0f28323..8311649428d 100644 --- a/packages/react-drag-drop/CHANGELOG.md +++ b/packages/react-drag-drop/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.3.0-prerelease.25](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.3.0-prerelease.24...@patternfly/react-drag-drop@5.3.0-prerelease.25) (2024-04-09) + +**Note:** Version bump only for package @patternfly/react-drag-drop + # [5.3.0-prerelease.24](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.3.0-prerelease.23...@patternfly/react-drag-drop@5.3.0-prerelease.24) (2024-04-08) **Note:** Version bump only for package @patternfly/react-drag-drop diff --git a/packages/react-drag-drop/package.json b/packages/react-drag-drop/package.json index a4bc175e635..356af4c6db7 100644 --- a/packages/react-drag-drop/package.json +++ b/packages/react-drag-drop/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-drag-drop", - "version": "5.3.0-prerelease.24", + "version": "5.3.0-prerelease.25", "description": "PatternFly drag and drop solution", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -32,7 +32,7 @@ "@dnd-kit/core": "^6.0.8", "@dnd-kit/modifiers": "^6.0.1", "@dnd-kit/sortable": "^7.0.2", - "@patternfly/react-core": "^5.3.0-prerelease.24", + "@patternfly/react-core": "^5.3.0-prerelease.25", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", "memoize-one": "^5.1.0", diff --git a/packages/react-integration/demo-app-ts/CHANGELOG.md b/packages/react-integration/demo-app-ts/CHANGELOG.md index c18ff57413c..9882e4a592a 100644 --- a/packages/react-integration/demo-app-ts/CHANGELOG.md +++ b/packages/react-integration/demo-app-ts/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [5.1.1-prerelease.99](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.98...demo-app-ts@5.1.1-prerelease.99) (2024-04-09) + +**Note:** Version bump only for package demo-app-ts + ## [5.1.1-prerelease.98](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.97...demo-app-ts@5.1.1-prerelease.98) (2024-04-08) **Note:** Version bump only for package demo-app-ts diff --git a/packages/react-integration/demo-app-ts/package.json b/packages/react-integration/demo-app-ts/package.json index da9d9316e4c..a286bb21a79 100644 --- a/packages/react-integration/demo-app-ts/package.json +++ b/packages/react-integration/demo-app-ts/package.json @@ -1,7 +1,7 @@ { "name": "demo-app-ts", "private": true, - "version": "5.1.1-prerelease.98", + "version": "5.1.1-prerelease.99", "scripts": { "build:demo-app": "webpack --mode production", "start:demo-app": "webpack-dev-server", @@ -9,7 +9,7 @@ "serve:demo-app": "node scripts/serve" }, "dependencies": { - "@patternfly/react-core": "^5.3.0-prerelease.24", + "@patternfly/react-core": "^5.3.0-prerelease.25", "react": "^18", "react-dom": "^18", "react-router": "^5.3.3", diff --git a/packages/react-table/CHANGELOG.md b/packages/react-table/CHANGELOG.md index fca43d60d35..b9b82514211 100644 --- a/packages/react-table/CHANGELOG.md +++ b/packages/react-table/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.3.0-prerelease.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.3.0-prerelease.26...@patternfly/react-table@5.3.0-prerelease.27) (2024-04-09) + +**Note:** Version bump only for package @patternfly/react-table + # [5.3.0-prerelease.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.3.0-prerelease.25...@patternfly/react-table@5.3.0-prerelease.26) (2024-04-08) **Note:** Version bump only for package @patternfly/react-table diff --git a/packages/react-table/package.json b/packages/react-table/package.json index 640f506d53b..d9c91df457b 100644 --- a/packages/react-table/package.json +++ b/packages/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-table", - "version": "5.3.0-prerelease.26", + "version": "5.3.0-prerelease.27", "description": "This library provides a set of React table components for use with the PatternFly 4", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -39,7 +39,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.3.0-prerelease.24", + "@patternfly/react-core": "^5.3.0-prerelease.25", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", "@patternfly/react-tokens": "^5.3.0-prerelease.3", diff --git a/packages/react-templates/CHANGELOG.md b/packages/react-templates/CHANGELOG.md index 901c6b7a625..c47b631570c 100644 --- a/packages/react-templates/CHANGELOG.md +++ b/packages/react-templates/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [1.0.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.0.0-prerelease.7...@patternfly/react-templates@1.0.0-prerelease.8) (2024-04-09) + +**Note:** Version bump only for package @patternfly/react-templates + # [1.0.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.0.0-prerelease.6...@patternfly/react-templates@1.0.0-prerelease.7) (2024-04-08) **Note:** Version bump only for package @patternfly/react-templates diff --git a/packages/react-templates/package.json b/packages/react-templates/package.json index 8ee806fa1a8..5516cca397e 100644 --- a/packages/react-templates/package.json +++ b/packages/react-templates/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-templates", - "version": "1.0.0-prerelease.7", + "version": "1.0.0-prerelease.8", "description": "This package provides wrapped component demos for ease of use\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -33,7 +33,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.3.0-prerelease.24", + "@patternfly/react-core": "^5.3.0-prerelease.25", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", "@patternfly/react-tokens": "^5.3.0-prerelease.3", From 7476fe4740a6bd7e14b59596437d012509aaab61 Mon Sep 17 00:00:00 2001 From: Titani Labaj <39532947+tlabaj@users.noreply.github.com> Date: Wed, 17 Apr 2024 15:09:22 -0400 Subject: [PATCH 007/148] fix(demos): Fixed the broken alert and navigation demos (#10286) * fix(demos): Fixed the broken alert and navigtion demos * fix typo --- packages/react-core/src/demos/AlertGroup.md | 1 + packages/react-core/src/demos/Nav.md | 2 ++ .../AlertGroup/AlertGroupToastWithNotificationDrawer.tsx | 2 +- packages/react-core/src/demos/examples/Nav/NavDefault.tsx | 2 +- packages/react-core/src/demos/examples/Nav/NavDrilldown.tsx | 2 +- packages/react-core/src/demos/examples/Nav/NavExpandable.tsx | 2 +- packages/react-core/src/demos/examples/Nav/NavGrouped.tsx | 2 +- packages/react-core/src/demos/examples/Nav/NavWithSubnav.tsx | 2 +- .../react-core/src/demos/examples/Nav/deprecated/NavLight.tsx | 2 +- .../src/demos/examples/Nav/deprecated/NavTertiary.tsx | 2 +- 10 files changed, 11 insertions(+), 8 deletions(-) diff --git a/packages/react-core/src/demos/AlertGroup.md b/packages/react-core/src/demos/AlertGroup.md index 040d27cd71d..2b2ca4c3d90 100644 --- a/packages/react-core/src/demos/AlertGroup.md +++ b/packages/react-core/src/demos/AlertGroup.md @@ -7,6 +7,7 @@ import { useEffect } from 'react'; import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon'; import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; +import { DashboardHeader } from '@patternfly/react-core/dist/js/demos/DashboardHeader'; ## Demos diff --git a/packages/react-core/src/demos/Nav.md b/packages/react-core/src/demos/Nav.md index 74b6e3fdc3d..f6f27df9c44 100644 --- a/packages/react-core/src/demos/Nav.md +++ b/packages/react-core/src/demos/Nav.md @@ -11,6 +11,8 @@ import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon'; import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfLogo from '@patternfly/react-core/src/demos/assets/pf-logo.svg'; +import { DashboardBreadcrumb } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; +import { DashboardHeader } from '@patternfly/react-core/dist/js/demos/DashboardHeader'; ## Demos diff --git a/packages/react-core/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx b/packages/react-core/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx index 479cfd96574..851927876ac 100644 --- a/packages/react-core/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx +++ b/packages/react-core/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx @@ -33,7 +33,7 @@ import { } from '@patternfly/react-core'; import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon'; import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; -import { DashboardHeader } from '@patternfly/react-core/src/demos/DashboardHeader'; +import { DashboardHeader } from '@patternfly/react-core/dist/js/demos/DashboardHeader'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; interface NotificationProps { diff --git a/packages/react-core/src/demos/examples/Nav/NavDefault.tsx b/packages/react-core/src/demos/examples/Nav/NavDefault.tsx index 733041e886e..f0a97937528 100644 --- a/packages/react-core/src/demos/examples/Nav/NavDefault.tsx +++ b/packages/react-core/src/demos/examples/Nav/NavDefault.tsx @@ -17,7 +17,7 @@ import { Text } from '@patternfly/react-core'; import { DashboardBreadcrumb } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; -import { DashboardHeader } from '@patternfly/react-core/src/demos/DashboardHeader'; +import { DashboardHeader } from '@patternfly/react-core/dist/js/demos/DashboardHeader'; export const NavDefault: React.FunctionComponent = () => { const [activeItem, setActiveItem] = React.useState(0); diff --git a/packages/react-core/src/demos/examples/Nav/NavDrilldown.tsx b/packages/react-core/src/demos/examples/Nav/NavDrilldown.tsx index de84140dfc6..e11ecc5717f 100644 --- a/packages/react-core/src/demos/examples/Nav/NavDrilldown.tsx +++ b/packages/react-core/src/demos/examples/Nav/NavDrilldown.tsx @@ -12,7 +12,7 @@ import { Menu, PageSection } from '@patternfly/react-core'; -import { DashboardHeader } from '@patternfly/react-core/src/demos/DashboardHeader'; +import { DashboardHeader } from '@patternfly/react-core/dist/js/demos/DashboardHeader'; interface MenuHeights { [menuId: string]: number; diff --git a/packages/react-core/src/demos/examples/Nav/NavExpandable.tsx b/packages/react-core/src/demos/examples/Nav/NavExpandable.tsx index 165e895a636..98b80ced02a 100644 --- a/packages/react-core/src/demos/examples/Nav/NavExpandable.tsx +++ b/packages/react-core/src/demos/examples/Nav/NavExpandable.tsx @@ -18,7 +18,7 @@ import { Text } from '@patternfly/react-core'; import { DashboardBreadcrumb } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; -import { DashboardHeader } from '@patternfly/react-core/src/demos/DashboardHeader'; +import { DashboardHeader } from '@patternfly/react-core/dist/js/demos/DashboardHeader'; export const NavExpandableDemo: React.FunctionComponent = () => { const [activeGroup, setActiveGroup] = React.useState('grp-1'); diff --git a/packages/react-core/src/demos/examples/Nav/NavGrouped.tsx b/packages/react-core/src/demos/examples/Nav/NavGrouped.tsx index 9a480ed8cc3..b0aeebb10a3 100644 --- a/packages/react-core/src/demos/examples/Nav/NavGrouped.tsx +++ b/packages/react-core/src/demos/examples/Nav/NavGrouped.tsx @@ -12,7 +12,7 @@ import { TextContent, Text } from '@patternfly/react-core'; -import { DashboardHeader } from '@patternfly/react-core/src/demos/DashboardHeader'; +import { DashboardHeader } from '@patternfly/react-core/dist/js/demos/DashboardHeader'; export const NavGrouped: React.FunctionComponent = () => { const [activeItem, setActiveItem] = React.useState('grp-1_itm-1'); diff --git a/packages/react-core/src/demos/examples/Nav/NavWithSubnav.tsx b/packages/react-core/src/demos/examples/Nav/NavWithSubnav.tsx index 282201a55ad..4d6b8520f09 100644 --- a/packages/react-core/src/demos/examples/Nav/NavWithSubnav.tsx +++ b/packages/react-core/src/demos/examples/Nav/NavWithSubnav.tsx @@ -18,7 +18,7 @@ import { Text } from '@patternfly/react-core'; import { DashboardBreadcrumb } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; -import { DashboardHeader } from '@patternfly/react-core/src/demos/DashboardHeader'; +import { DashboardHeader } from '@patternfly/react-core/dist/js/demos/DashboardHeader'; export const NavWithSubnav: React.FunctionComponent = () => { const [activeItem, setActiveItem] = React.useState(0); diff --git a/packages/react-core/src/demos/examples/Nav/deprecated/NavLight.tsx b/packages/react-core/src/demos/examples/Nav/deprecated/NavLight.tsx index 36319469d97..ea8f0a38b29 100644 --- a/packages/react-core/src/demos/examples/Nav/deprecated/NavLight.tsx +++ b/packages/react-core/src/demos/examples/Nav/deprecated/NavLight.tsx @@ -16,7 +16,7 @@ import { TextContent, Text } from '@patternfly/react-core'; -import { DashboardHeader } from '@patternfly/react-core/src/demos/DashboardHeader'; +import { DashboardHeader } from '@patternfly/react-core/dist/js/demos/DashboardHeader'; export const NavLight: React.FunctionComponent = () => { const [activeItem, setActiveItem] = React.useState(0); diff --git a/packages/react-core/src/demos/examples/Nav/deprecated/NavTertiary.tsx b/packages/react-core/src/demos/examples/Nav/deprecated/NavTertiary.tsx index f391b01ee0e..c0ad3ed2ce7 100644 --- a/packages/react-core/src/demos/examples/Nav/deprecated/NavTertiary.tsx +++ b/packages/react-core/src/demos/examples/Nav/deprecated/NavTertiary.tsx @@ -15,7 +15,7 @@ import { Text } from '@patternfly/react-core'; import { DashboardBreadcrumb } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; -import { DashboardHeader } from '@patternfly/react-core/src/demos/DashboardHeader'; +import { DashboardHeader } from '@patternfly/react-core/dist/js/demos/DashboardHeader'; export const NavTertiary: React.FunctionComponent = () => { const [activeItem, setActiveItem] = React.useState(0); From 0c270bc245f50ed4e990918441903ccd6686044c Mon Sep 17 00:00:00 2001 From: patternfly-build Date: Wed, 17 Apr 2024 19:19:30 +0000 Subject: [PATCH 008/148] chore(release): releasing packages [ci skip] - @patternfly/react-code-editor@5.3.0-prerelease.28 - @patternfly/react-core@5.3.0-prerelease.26 - @patternfly/react-docs@6.3.0-prerelease.34 - @patternfly/react-drag-drop@5.3.0-prerelease.26 - demo-app-ts@5.1.1-prerelease.100 - @patternfly/react-table@5.3.0-prerelease.28 - @patternfly/react-templates@1.0.0-prerelease.9 --- packages/react-code-editor/CHANGELOG.md | 4 ++++ packages/react-code-editor/package.json | 4 ++-- packages/react-core/CHANGELOG.md | 6 ++++++ packages/react-core/package.json | 2 +- packages/react-docs/CHANGELOG.md | 4 ++++ packages/react-docs/package.json | 12 ++++++------ packages/react-drag-drop/CHANGELOG.md | 4 ++++ packages/react-drag-drop/package.json | 4 ++-- packages/react-integration/demo-app-ts/CHANGELOG.md | 4 ++++ packages/react-integration/demo-app-ts/package.json | 4 ++-- packages/react-table/CHANGELOG.md | 4 ++++ packages/react-table/package.json | 4 ++-- packages/react-templates/CHANGELOG.md | 4 ++++ packages/react-templates/package.json | 4 ++-- 14 files changed, 47 insertions(+), 17 deletions(-) diff --git a/packages/react-code-editor/CHANGELOG.md b/packages/react-code-editor/CHANGELOG.md index 54f012af12c..c4092a75595 100644 --- a/packages/react-code-editor/CHANGELOG.md +++ b/packages/react-code-editor/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.3.0-prerelease.28](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.3.0-prerelease.27...@patternfly/react-code-editor@5.3.0-prerelease.28) (2024-04-17) + +**Note:** Version bump only for package @patternfly/react-code-editor + # [5.3.0-prerelease.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.3.0-prerelease.26...@patternfly/react-code-editor@5.3.0-prerelease.27) (2024-04-09) **Note:** Version bump only for package @patternfly/react-code-editor diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json index 774ea041862..d01521754c3 100644 --- a/packages/react-code-editor/package.json +++ b/packages/react-code-editor/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-code-editor", - "version": "5.3.0-prerelease.27", + "version": "5.3.0-prerelease.28", "description": "This package provides a PatternFly wrapper for the Monaco code editor\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -30,7 +30,7 @@ }, "dependencies": { "@monaco-editor/react": "^4.6.0", - "@patternfly/react-core": "^5.3.0-prerelease.25", + "@patternfly/react-core": "^5.3.0-prerelease.26", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", "react-dropzone": "14.2.3", diff --git a/packages/react-core/CHANGELOG.md b/packages/react-core/CHANGELOG.md index cdecbb144a2..9b3948a68f0 100644 --- a/packages/react-core/CHANGELOG.md +++ b/packages/react-core/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.3.0-prerelease.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.3.0-prerelease.25...@patternfly/react-core@5.3.0-prerelease.26) (2024-04-17) + +### Bug Fixes + +- **demos:** Fixed the broken alert and navigation demos ([#10286](https://github.com/patternfly/patternfly-react/issues/10286)) ([7476fe4](https://github.com/patternfly/patternfly-react/commit/7476fe4740a6bd7e14b59596437d012509aaab61)) + # [5.3.0-prerelease.25](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.3.0-prerelease.24...@patternfly/react-core@5.3.0-prerelease.25) (2024-04-09) **Note:** Version bump only for package @patternfly/react-core diff --git a/packages/react-core/package.json b/packages/react-core/package.json index 63c853e325c..7bd028c287a 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-core", - "version": "5.3.0-prerelease.25", + "version": "5.3.0-prerelease.26", "description": "This library provides a set of common React components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", diff --git a/packages/react-docs/CHANGELOG.md b/packages/react-docs/CHANGELOG.md index 5dde5be311a..685a7a49f45 100644 --- a/packages/react-docs/CHANGELOG.md +++ b/packages/react-docs/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [6.3.0-prerelease.34](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.3.0-prerelease.33...@patternfly/react-docs@6.3.0-prerelease.34) (2024-04-17) + +**Note:** Version bump only for package @patternfly/react-docs + # [6.3.0-prerelease.33](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.3.0-prerelease.32...@patternfly/react-docs@6.3.0-prerelease.33) (2024-04-09) **Note:** Version bump only for package @patternfly/react-docs diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index 8226cb10914..5e678d5e006 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -1,7 +1,7 @@ { "name": "@patternfly/react-docs", "description": "PatternFly React Docs", - "version": "6.3.0-prerelease.33", + "version": "6.3.0-prerelease.34", "publishConfig": { "access": "public" }, @@ -24,13 +24,13 @@ "dependencies": { "@patternfly/patternfly": "5.3.0-prerelease.5", "@patternfly/react-charts": "^7.3.0-prerelease.6", - "@patternfly/react-code-editor": "^5.3.0-prerelease.27", - "@patternfly/react-core": "^5.3.0-prerelease.25", - "@patternfly/react-drag-drop": "^5.3.0-prerelease.25", + "@patternfly/react-code-editor": "^5.3.0-prerelease.28", + "@patternfly/react-core": "^5.3.0-prerelease.26", + "@patternfly/react-drag-drop": "^5.3.0-prerelease.26", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", - "@patternfly/react-table": "^5.3.0-prerelease.27", - "@patternfly/react-templates": "^1.0.0-prerelease.8", + "@patternfly/react-table": "^5.3.0-prerelease.28", + "@patternfly/react-templates": "^1.0.0-prerelease.9", "@patternfly/react-tokens": "^5.3.0-prerelease.3" }, "devDependencies": { diff --git a/packages/react-drag-drop/CHANGELOG.md b/packages/react-drag-drop/CHANGELOG.md index 8311649428d..e836061ff5e 100644 --- a/packages/react-drag-drop/CHANGELOG.md +++ b/packages/react-drag-drop/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.3.0-prerelease.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.3.0-prerelease.25...@patternfly/react-drag-drop@5.3.0-prerelease.26) (2024-04-17) + +**Note:** Version bump only for package @patternfly/react-drag-drop + # [5.3.0-prerelease.25](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.3.0-prerelease.24...@patternfly/react-drag-drop@5.3.0-prerelease.25) (2024-04-09) **Note:** Version bump only for package @patternfly/react-drag-drop diff --git a/packages/react-drag-drop/package.json b/packages/react-drag-drop/package.json index 356af4c6db7..0f22ed6e763 100644 --- a/packages/react-drag-drop/package.json +++ b/packages/react-drag-drop/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-drag-drop", - "version": "5.3.0-prerelease.25", + "version": "5.3.0-prerelease.26", "description": "PatternFly drag and drop solution", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -32,7 +32,7 @@ "@dnd-kit/core": "^6.0.8", "@dnd-kit/modifiers": "^6.0.1", "@dnd-kit/sortable": "^7.0.2", - "@patternfly/react-core": "^5.3.0-prerelease.25", + "@patternfly/react-core": "^5.3.0-prerelease.26", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", "memoize-one": "^5.1.0", diff --git a/packages/react-integration/demo-app-ts/CHANGELOG.md b/packages/react-integration/demo-app-ts/CHANGELOG.md index 9882e4a592a..1773d6f1c58 100644 --- a/packages/react-integration/demo-app-ts/CHANGELOG.md +++ b/packages/react-integration/demo-app-ts/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [5.1.1-prerelease.100](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.99...demo-app-ts@5.1.1-prerelease.100) (2024-04-17) + +**Note:** Version bump only for package demo-app-ts + ## [5.1.1-prerelease.99](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.98...demo-app-ts@5.1.1-prerelease.99) (2024-04-09) **Note:** Version bump only for package demo-app-ts diff --git a/packages/react-integration/demo-app-ts/package.json b/packages/react-integration/demo-app-ts/package.json index a286bb21a79..1c82c16838d 100644 --- a/packages/react-integration/demo-app-ts/package.json +++ b/packages/react-integration/demo-app-ts/package.json @@ -1,7 +1,7 @@ { "name": "demo-app-ts", "private": true, - "version": "5.1.1-prerelease.99", + "version": "5.1.1-prerelease.100", "scripts": { "build:demo-app": "webpack --mode production", "start:demo-app": "webpack-dev-server", @@ -9,7 +9,7 @@ "serve:demo-app": "node scripts/serve" }, "dependencies": { - "@patternfly/react-core": "^5.3.0-prerelease.25", + "@patternfly/react-core": "^5.3.0-prerelease.26", "react": "^18", "react-dom": "^18", "react-router": "^5.3.3", diff --git a/packages/react-table/CHANGELOG.md b/packages/react-table/CHANGELOG.md index b9b82514211..98748bc1afb 100644 --- a/packages/react-table/CHANGELOG.md +++ b/packages/react-table/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.3.0-prerelease.28](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.3.0-prerelease.27...@patternfly/react-table@5.3.0-prerelease.28) (2024-04-17) + +**Note:** Version bump only for package @patternfly/react-table + # [5.3.0-prerelease.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.3.0-prerelease.26...@patternfly/react-table@5.3.0-prerelease.27) (2024-04-09) **Note:** Version bump only for package @patternfly/react-table diff --git a/packages/react-table/package.json b/packages/react-table/package.json index d9c91df457b..3a8cad538a4 100644 --- a/packages/react-table/package.json +++ b/packages/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-table", - "version": "5.3.0-prerelease.27", + "version": "5.3.0-prerelease.28", "description": "This library provides a set of React table components for use with the PatternFly 4", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -39,7 +39,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.3.0-prerelease.25", + "@patternfly/react-core": "^5.3.0-prerelease.26", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", "@patternfly/react-tokens": "^5.3.0-prerelease.3", diff --git a/packages/react-templates/CHANGELOG.md b/packages/react-templates/CHANGELOG.md index c47b631570c..10a400b2d10 100644 --- a/packages/react-templates/CHANGELOG.md +++ b/packages/react-templates/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [1.0.0-prerelease.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.0.0-prerelease.8...@patternfly/react-templates@1.0.0-prerelease.9) (2024-04-17) + +**Note:** Version bump only for package @patternfly/react-templates + # [1.0.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.0.0-prerelease.7...@patternfly/react-templates@1.0.0-prerelease.8) (2024-04-09) **Note:** Version bump only for package @patternfly/react-templates diff --git a/packages/react-templates/package.json b/packages/react-templates/package.json index 5516cca397e..d76ad985565 100644 --- a/packages/react-templates/package.json +++ b/packages/react-templates/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-templates", - "version": "1.0.0-prerelease.8", + "version": "1.0.0-prerelease.9", "description": "This package provides wrapped component demos for ease of use\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -33,7 +33,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.3.0-prerelease.25", + "@patternfly/react-core": "^5.3.0-prerelease.26", "@patternfly/react-icons": "^5.3.0-prerelease.3", "@patternfly/react-styles": "^5.3.0-prerelease.3", "@patternfly/react-tokens": "^5.3.0-prerelease.3", From 3d3870e86c33da542946d891b25774e0e097f336 Mon Sep 17 00:00:00 2001 From: Donald Labaj Date: Thu, 18 Apr 2024 11:58:41 -0400 Subject: [PATCH 009/148] Update promote.sh for 5.3.0 release [ci skip] --- .github/promote.sh | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.github/promote.sh b/.github/promote.sh index 858a7e68dd7..282be4e2f29 100755 --- a/.github/promote.sh +++ b/.github/promote.sh @@ -19,10 +19,10 @@ echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > ~/.npmrc # fi # publish to npm -# yarn run lerna publish --conventional-commits --conventional-graduate --no-private --dist-tag=latest --yes +yarn run lerna publish --conventional-commits --conventional-graduate --no-private --dist-tag=latest --yes # immediately after promote - set up repo for next prerelease -yarn run lerna version preminor --force-publish --conventional-commits --no-private --yes --preid prerelease +# yarn run lerna version preminor --force-publish --conventional-commits --no-private --yes --preid prerelease # dry run # yarn run lerna version --conventional-commits --conventional-graduate --no-private --yes --no-git-tag-version --no-push From 87cf08d11f9da9abc85b554b4e6766f86b424904 Mon Sep 17 00:00:00 2001 From: patternfly-build Date: Thu, 18 Apr 2024 16:02:55 +0000 Subject: [PATCH 010/148] chore(release): releasing packages [ci skip] - eslint-plugin-patternfly-react@5.3.0 - @patternfly/react-charts@7.3.0 - @patternfly/react-code-editor@5.3.0 - @patternfly/react-core@5.3.0 - @patternfly/react-docs@6.3.0 - @patternfly/react-drag-drop@5.3.0 - @patternfly/react-icons@5.3.0 - @patternfly/react-styles@5.3.0 - @patternfly/react-table@5.3.0 - @patternfly/react-templates@1.0.0 - @patternfly/react-tokens@5.3.0 --- .../CHANGELOG.md | 4 ++++ .../package.json | 2 +- packages/react-charts/CHANGELOG.md | 4 ++++ packages/react-charts/package.json | 6 +++--- packages/react-code-editor/CHANGELOG.md | 4 ++++ packages/react-code-editor/package.json | 8 ++++---- packages/react-core/CHANGELOG.md | 4 ++++ packages/react-core/package.json | 8 ++++---- packages/react-docs/CHANGELOG.md | 4 ++++ packages/react-docs/package.json | 20 +++++++++---------- packages/react-drag-drop/CHANGELOG.md | 4 ++++ packages/react-drag-drop/package.json | 8 ++++---- packages/react-icons/CHANGELOG.md | 4 ++++ packages/react-icons/package.json | 2 +- packages/react-styles/CHANGELOG.md | 4 ++++ packages/react-styles/package.json | 2 +- packages/react-table/CHANGELOG.md | 4 ++++ packages/react-table/package.json | 10 +++++----- packages/react-templates/CHANGELOG.md | 4 ++++ packages/react-templates/package.json | 10 +++++----- packages/react-tokens/CHANGELOG.md | 4 ++++ packages/react-tokens/package.json | 2 +- 22 files changed, 83 insertions(+), 39 deletions(-) diff --git a/packages/eslint-plugin-patternfly-react/CHANGELOG.md b/packages/eslint-plugin-patternfly-react/CHANGELOG.md index 11b16790666..b76435bd517 100644 --- a/packages/eslint-plugin-patternfly-react/CHANGELOG.md +++ b/packages/eslint-plugin-patternfly-react/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.3.0 (2024-04-18) + +**Note:** Version bump only for package eslint-plugin-patternfly-react + # 5.3.0-prerelease.0 (2024-02-02) # 5.2.0 (2024-02-02) diff --git a/packages/eslint-plugin-patternfly-react/package.json b/packages/eslint-plugin-patternfly-react/package.json index ab59477e5c0..d6cbfe722e0 100644 --- a/packages/eslint-plugin-patternfly-react/package.json +++ b/packages/eslint-plugin-patternfly-react/package.json @@ -1,6 +1,6 @@ { "name": "eslint-plugin-patternfly-react", - "version": "5.3.0-prerelease.0", + "version": "5.3.0", "private": false, "main": "./lib/index.js", "license": "MIT", diff --git a/packages/react-charts/CHANGELOG.md b/packages/react-charts/CHANGELOG.md index 6a2ee42ba1c..441fdb89087 100644 --- a/packages/react-charts/CHANGELOG.md +++ b/packages/react-charts/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 7.3.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-charts + # 7.3.0-prerelease.6 (2024-03-26) **Note:** Version bump only for package @patternfly/react-charts diff --git a/packages/react-charts/package.json b/packages/react-charts/package.json index 44c22427f75..2187c50206a 100644 --- a/packages/react-charts/package.json +++ b/packages/react-charts/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-charts", - "version": "7.3.0-prerelease.6", + "version": "7.3.0", "description": "This library provides a set of React chart components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -28,8 +28,8 @@ }, "homepage": "https://github.com/patternfly/patternfly-react#readme", "dependencies": { - "@patternfly/react-styles": "^5.3.0-prerelease.3", - "@patternfly/react-tokens": "^5.3.0-prerelease.3", + "@patternfly/react-styles": "^5.3.0", + "@patternfly/react-tokens": "^5.3.0", "hoist-non-react-statics": "^3.3.0", "lodash": "^4.17.21", "tslib": "^2.5.0", diff --git a/packages/react-code-editor/CHANGELOG.md b/packages/react-code-editor/CHANGELOG.md index c4092a75595..24d3359ed6f 100644 --- a/packages/react-code-editor/CHANGELOG.md +++ b/packages/react-code-editor/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.3.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-code-editor + # [5.3.0-prerelease.28](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.3.0-prerelease.27...@patternfly/react-code-editor@5.3.0-prerelease.28) (2024-04-17) **Note:** Version bump only for package @patternfly/react-code-editor diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json index d01521754c3..55b2fe000c8 100644 --- a/packages/react-code-editor/package.json +++ b/packages/react-code-editor/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-code-editor", - "version": "5.3.0-prerelease.28", + "version": "5.3.0", "description": "This package provides a PatternFly wrapper for the Monaco code editor\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -30,9 +30,9 @@ }, "dependencies": { "@monaco-editor/react": "^4.6.0", - "@patternfly/react-core": "^5.3.0-prerelease.26", - "@patternfly/react-icons": "^5.3.0-prerelease.3", - "@patternfly/react-styles": "^5.3.0-prerelease.3", + "@patternfly/react-core": "^5.3.0", + "@patternfly/react-icons": "^5.3.0", + "@patternfly/react-styles": "^5.3.0", "react-dropzone": "14.2.3", "tslib": "^2.5.0" }, diff --git a/packages/react-core/CHANGELOG.md b/packages/react-core/CHANGELOG.md index 9b3948a68f0..fa7267588d7 100644 --- a/packages/react-core/CHANGELOG.md +++ b/packages/react-core/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.3.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-core + # [5.3.0-prerelease.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.3.0-prerelease.25...@patternfly/react-core@5.3.0-prerelease.26) (2024-04-17) ### Bug Fixes diff --git a/packages/react-core/package.json b/packages/react-core/package.json index 7bd028c287a..e2556cf79b9 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-core", - "version": "5.3.0-prerelease.26", + "version": "5.3.0", "description": "This library provides a set of common React components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -46,9 +46,9 @@ "clean:exports": "node scripts/cleanDistExports.js" }, "dependencies": { - "@patternfly/react-icons": "^5.3.0-prerelease.3", - "@patternfly/react-styles": "^5.3.0-prerelease.3", - "@patternfly/react-tokens": "^5.3.0-prerelease.3", + "@patternfly/react-icons": "^5.3.0", + "@patternfly/react-styles": "^5.3.0", + "@patternfly/react-tokens": "^5.3.0", "focus-trap": "7.5.2", "react-dropzone": "^14.2.3", "tslib": "^2.5.0" diff --git a/packages/react-docs/CHANGELOG.md b/packages/react-docs/CHANGELOG.md index 685a7a49f45..64de17e2e27 100644 --- a/packages/react-docs/CHANGELOG.md +++ b/packages/react-docs/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 6.3.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-docs + # [6.3.0-prerelease.34](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.3.0-prerelease.33...@patternfly/react-docs@6.3.0-prerelease.34) (2024-04-17) **Note:** Version bump only for package @patternfly/react-docs diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index 5e678d5e006..9b9162b8470 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -1,7 +1,7 @@ { "name": "@patternfly/react-docs", "description": "PatternFly React Docs", - "version": "6.3.0-prerelease.34", + "version": "6.3.0", "publishConfig": { "access": "public" }, @@ -23,15 +23,15 @@ }, "dependencies": { "@patternfly/patternfly": "5.3.0-prerelease.5", - "@patternfly/react-charts": "^7.3.0-prerelease.6", - "@patternfly/react-code-editor": "^5.3.0-prerelease.28", - "@patternfly/react-core": "^5.3.0-prerelease.26", - "@patternfly/react-drag-drop": "^5.3.0-prerelease.26", - "@patternfly/react-icons": "^5.3.0-prerelease.3", - "@patternfly/react-styles": "^5.3.0-prerelease.3", - "@patternfly/react-table": "^5.3.0-prerelease.28", - "@patternfly/react-templates": "^1.0.0-prerelease.9", - "@patternfly/react-tokens": "^5.3.0-prerelease.3" + "@patternfly/react-charts": "^7.3.0", + "@patternfly/react-code-editor": "^5.3.0", + "@patternfly/react-core": "^5.3.0", + "@patternfly/react-drag-drop": "^5.3.0", + "@patternfly/react-icons": "^5.3.0", + "@patternfly/react-styles": "^5.3.0", + "@patternfly/react-table": "^5.3.0", + "@patternfly/react-templates": "^1.0.0", + "@patternfly/react-tokens": "^5.3.0" }, "devDependencies": { "@patternfly/documentation-framework": "^5.8.2", diff --git a/packages/react-drag-drop/CHANGELOG.md b/packages/react-drag-drop/CHANGELOG.md index e836061ff5e..9b559e11164 100644 --- a/packages/react-drag-drop/CHANGELOG.md +++ b/packages/react-drag-drop/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.3.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-drag-drop + # [5.3.0-prerelease.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.3.0-prerelease.25...@patternfly/react-drag-drop@5.3.0-prerelease.26) (2024-04-17) **Note:** Version bump only for package @patternfly/react-drag-drop diff --git a/packages/react-drag-drop/package.json b/packages/react-drag-drop/package.json index 0f22ed6e763..8adc47e6180 100644 --- a/packages/react-drag-drop/package.json +++ b/packages/react-drag-drop/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-drag-drop", - "version": "5.3.0-prerelease.26", + "version": "5.3.0", "description": "PatternFly drag and drop solution", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -32,9 +32,9 @@ "@dnd-kit/core": "^6.0.8", "@dnd-kit/modifiers": "^6.0.1", "@dnd-kit/sortable": "^7.0.2", - "@patternfly/react-core": "^5.3.0-prerelease.26", - "@patternfly/react-icons": "^5.3.0-prerelease.3", - "@patternfly/react-styles": "^5.3.0-prerelease.3", + "@patternfly/react-core": "^5.3.0", + "@patternfly/react-icons": "^5.3.0", + "@patternfly/react-styles": "^5.3.0", "memoize-one": "^5.1.0", "resize-observer-polyfill": "^1.5.1" }, diff --git a/packages/react-icons/CHANGELOG.md b/packages/react-icons/CHANGELOG.md index 43b72cedf19..f71c46ade00 100644 --- a/packages/react-icons/CHANGELOG.md +++ b/packages/react-icons/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.3.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-icons + # 5.3.0-prerelease.3 (2024-03-26) **Note:** Version bump only for package @patternfly/react-icons diff --git a/packages/react-icons/package.json b/packages/react-icons/package.json index 65ae100c1de..e12dbb949a0 100644 --- a/packages/react-icons/package.json +++ b/packages/react-icons/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-icons", - "version": "5.3.0-prerelease.3", + "version": "5.3.0", "description": "PatternFly 4 Icons as React Components", "main": "dist/js/index.js", "module": "dist/esm/index.js", diff --git a/packages/react-styles/CHANGELOG.md b/packages/react-styles/CHANGELOG.md index c08dfeee23f..6ca82c43668 100644 --- a/packages/react-styles/CHANGELOG.md +++ b/packages/react-styles/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.3.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-styles + # 5.3.0-prerelease.3 (2024-03-26) **Note:** Version bump only for package @patternfly/react-styles diff --git a/packages/react-styles/package.json b/packages/react-styles/package.json index 649fa222870..42074d2b786 100644 --- a/packages/react-styles/package.json +++ b/packages/react-styles/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-styles", - "version": "5.3.0-prerelease.3", + "version": "5.3.0", "main": "dist/js/index.js", "module": "dist/esm/index.js", "types": "dist/esm/index.d.ts", diff --git a/packages/react-table/CHANGELOG.md b/packages/react-table/CHANGELOG.md index 98748bc1afb..d39319e0d50 100644 --- a/packages/react-table/CHANGELOG.md +++ b/packages/react-table/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.3.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-table + # [5.3.0-prerelease.28](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.3.0-prerelease.27...@patternfly/react-table@5.3.0-prerelease.28) (2024-04-17) **Note:** Version bump only for package @patternfly/react-table diff --git a/packages/react-table/package.json b/packages/react-table/package.json index 3a8cad538a4..4da01c3b82e 100644 --- a/packages/react-table/package.json +++ b/packages/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-table", - "version": "5.3.0-prerelease.28", + "version": "5.3.0", "description": "This library provides a set of React table components for use with the PatternFly 4", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -39,10 +39,10 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.3.0-prerelease.26", - "@patternfly/react-icons": "^5.3.0-prerelease.3", - "@patternfly/react-styles": "^5.3.0-prerelease.3", - "@patternfly/react-tokens": "^5.3.0-prerelease.3", + "@patternfly/react-core": "^5.3.0", + "@patternfly/react-icons": "^5.3.0", + "@patternfly/react-styles": "^5.3.0", + "@patternfly/react-tokens": "^5.3.0", "lodash": "^4.17.19", "tslib": "^2.5.0" }, diff --git a/packages/react-templates/CHANGELOG.md b/packages/react-templates/CHANGELOG.md index 10a400b2d10..8f5e868dbe5 100644 --- a/packages/react-templates/CHANGELOG.md +++ b/packages/react-templates/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 1.0.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-templates + # [1.0.0-prerelease.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.0.0-prerelease.8...@patternfly/react-templates@1.0.0-prerelease.9) (2024-04-17) **Note:** Version bump only for package @patternfly/react-templates diff --git a/packages/react-templates/package.json b/packages/react-templates/package.json index d76ad985565..720f1b9c1a0 100644 --- a/packages/react-templates/package.json +++ b/packages/react-templates/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-templates", - "version": "1.0.0-prerelease.9", + "version": "1.0.0", "description": "This package provides wrapped component demos for ease of use\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -33,10 +33,10 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.3.0-prerelease.26", - "@patternfly/react-icons": "^5.3.0-prerelease.3", - "@patternfly/react-styles": "^5.3.0-prerelease.3", - "@patternfly/react-tokens": "^5.3.0-prerelease.3", + "@patternfly/react-core": "^5.3.0", + "@patternfly/react-icons": "^5.3.0", + "@patternfly/react-styles": "^5.3.0", + "@patternfly/react-tokens": "^5.3.0", "tslib": "^2.5.0" }, "peerDependencies": { diff --git a/packages/react-tokens/CHANGELOG.md b/packages/react-tokens/CHANGELOG.md index c3b5f4685aa..2bae39438e8 100644 --- a/packages/react-tokens/CHANGELOG.md +++ b/packages/react-tokens/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.3.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-tokens + # 5.3.0-prerelease.3 (2024-03-26) **Note:** Version bump only for package @patternfly/react-tokens diff --git a/packages/react-tokens/package.json b/packages/react-tokens/package.json index 0d8b69c8e3c..2439ad25add 100644 --- a/packages/react-tokens/package.json +++ b/packages/react-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-tokens", - "version": "5.3.0-prerelease.3", + "version": "5.3.0", "description": "This library provides access to the design tokens of PatternFly 4 from JavaScript", "main": "dist/js/index.js", "module": "dist/esm/index.js", From 33a8ac7a52591a05218e0367b447c078dc940b06 Mon Sep 17 00:00:00 2001 From: Donald Labaj Date: Thu, 18 Apr 2024 12:29:36 -0400 Subject: [PATCH 011/148] Update promote.sh to setup for 5.4 [ci skip] --- .github/promote.sh | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.github/promote.sh b/.github/promote.sh index 282be4e2f29..858a7e68dd7 100755 --- a/.github/promote.sh +++ b/.github/promote.sh @@ -19,10 +19,10 @@ echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > ~/.npmrc # fi # publish to npm -yarn run lerna publish --conventional-commits --conventional-graduate --no-private --dist-tag=latest --yes +# yarn run lerna publish --conventional-commits --conventional-graduate --no-private --dist-tag=latest --yes # immediately after promote - set up repo for next prerelease -# yarn run lerna version preminor --force-publish --conventional-commits --no-private --yes --preid prerelease +yarn run lerna version preminor --force-publish --conventional-commits --no-private --yes --preid prerelease # dry run # yarn run lerna version --conventional-commits --conventional-graduate --no-private --yes --no-git-tag-version --no-push From 82a7c3d03837d0fb82b2b668ce9a1741b79e0089 Mon Sep 17 00:00:00 2001 From: patternfly-build Date: Thu, 18 Apr 2024 16:33:50 +0000 Subject: [PATCH 012/148] chore(release): releasing packages [ci skip] - eslint-plugin-patternfly-react@5.4.0-prerelease.0 - @patternfly/react-charts@7.4.0-prerelease.0 - @patternfly/react-code-editor@5.4.0-prerelease.0 - @patternfly/react-core@5.4.0-prerelease.0 - @patternfly/react-docs@6.4.0-prerelease.0 - @patternfly/react-drag-drop@5.4.0-prerelease.0 - @patternfly/react-icons@5.4.0-prerelease.0 - @patternfly/react-styles@5.4.0-prerelease.0 - @patternfly/react-table@5.4.0-prerelease.0 - @patternfly/react-templates@1.1.0-prerelease.0 - @patternfly/react-tokens@5.4.0-prerelease.0 --- .../CHANGELOG.md | 4 ++++ .../package.json | 2 +- packages/react-charts/CHANGELOG.md | 4 ++++ packages/react-charts/package.json | 6 +++--- packages/react-code-editor/CHANGELOG.md | 4 ++++ packages/react-code-editor/package.json | 8 ++++---- packages/react-core/CHANGELOG.md | 4 ++++ packages/react-core/package.json | 8 ++++---- packages/react-docs/CHANGELOG.md | 4 ++++ packages/react-docs/package.json | 20 +++++++++---------- packages/react-drag-drop/CHANGELOG.md | 4 ++++ packages/react-drag-drop/package.json | 8 ++++---- packages/react-icons/CHANGELOG.md | 4 ++++ packages/react-icons/package.json | 2 +- packages/react-styles/CHANGELOG.md | 4 ++++ packages/react-styles/package.json | 2 +- packages/react-table/CHANGELOG.md | 4 ++++ packages/react-table/package.json | 10 +++++----- packages/react-templates/CHANGELOG.md | 4 ++++ packages/react-templates/package.json | 10 +++++----- packages/react-tokens/CHANGELOG.md | 4 ++++ packages/react-tokens/package.json | 2 +- 22 files changed, 83 insertions(+), 39 deletions(-) diff --git a/packages/eslint-plugin-patternfly-react/CHANGELOG.md b/packages/eslint-plugin-patternfly-react/CHANGELOG.md index b76435bd517..8955f637c3e 100644 --- a/packages/eslint-plugin-patternfly-react/CHANGELOG.md +++ b/packages/eslint-plugin-patternfly-react/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.0 (2024-04-18) + +**Note:** Version bump only for package eslint-plugin-patternfly-react + # 5.3.0 (2024-04-18) **Note:** Version bump only for package eslint-plugin-patternfly-react diff --git a/packages/eslint-plugin-patternfly-react/package.json b/packages/eslint-plugin-patternfly-react/package.json index d6cbfe722e0..c86fdb868a8 100644 --- a/packages/eslint-plugin-patternfly-react/package.json +++ b/packages/eslint-plugin-patternfly-react/package.json @@ -1,6 +1,6 @@ { "name": "eslint-plugin-patternfly-react", - "version": "5.3.0", + "version": "5.4.0-prerelease.0", "private": false, "main": "./lib/index.js", "license": "MIT", diff --git a/packages/react-charts/CHANGELOG.md b/packages/react-charts/CHANGELOG.md index 441fdb89087..01a6348448c 100644 --- a/packages/react-charts/CHANGELOG.md +++ b/packages/react-charts/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 7.4.0-prerelease.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-charts + # 7.3.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-charts diff --git a/packages/react-charts/package.json b/packages/react-charts/package.json index 2187c50206a..f108c65d4f6 100644 --- a/packages/react-charts/package.json +++ b/packages/react-charts/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-charts", - "version": "7.3.0", + "version": "7.4.0-prerelease.0", "description": "This library provides a set of React chart components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -28,8 +28,8 @@ }, "homepage": "https://github.com/patternfly/patternfly-react#readme", "dependencies": { - "@patternfly/react-styles": "^5.3.0", - "@patternfly/react-tokens": "^5.3.0", + "@patternfly/react-styles": "^5.4.0-prerelease.0", + "@patternfly/react-tokens": "^5.4.0-prerelease.0", "hoist-non-react-statics": "^3.3.0", "lodash": "^4.17.21", "tslib": "^2.5.0", diff --git a/packages/react-code-editor/CHANGELOG.md b/packages/react-code-editor/CHANGELOG.md index 24d3359ed6f..42618e9c7d6 100644 --- a/packages/react-code-editor/CHANGELOG.md +++ b/packages/react-code-editor/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-code-editor + # 5.3.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-code-editor diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json index 55b2fe000c8..16517d48fc7 100644 --- a/packages/react-code-editor/package.json +++ b/packages/react-code-editor/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-code-editor", - "version": "5.3.0", + "version": "5.4.0-prerelease.0", "description": "This package provides a PatternFly wrapper for the Monaco code editor\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -30,9 +30,9 @@ }, "dependencies": { "@monaco-editor/react": "^4.6.0", - "@patternfly/react-core": "^5.3.0", - "@patternfly/react-icons": "^5.3.0", - "@patternfly/react-styles": "^5.3.0", + "@patternfly/react-core": "^5.4.0-prerelease.0", + "@patternfly/react-icons": "^5.4.0-prerelease.0", + "@patternfly/react-styles": "^5.4.0-prerelease.0", "react-dropzone": "14.2.3", "tslib": "^2.5.0" }, diff --git a/packages/react-core/CHANGELOG.md b/packages/react-core/CHANGELOG.md index fa7267588d7..63ac4205845 100644 --- a/packages/react-core/CHANGELOG.md +++ b/packages/react-core/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-core + # 5.3.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-core diff --git a/packages/react-core/package.json b/packages/react-core/package.json index e2556cf79b9..ee1bb54f94d 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-core", - "version": "5.3.0", + "version": "5.4.0-prerelease.0", "description": "This library provides a set of common React components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -46,9 +46,9 @@ "clean:exports": "node scripts/cleanDistExports.js" }, "dependencies": { - "@patternfly/react-icons": "^5.3.0", - "@patternfly/react-styles": "^5.3.0", - "@patternfly/react-tokens": "^5.3.0", + "@patternfly/react-icons": "^5.4.0-prerelease.0", + "@patternfly/react-styles": "^5.4.0-prerelease.0", + "@patternfly/react-tokens": "^5.4.0-prerelease.0", "focus-trap": "7.5.2", "react-dropzone": "^14.2.3", "tslib": "^2.5.0" diff --git a/packages/react-docs/CHANGELOG.md b/packages/react-docs/CHANGELOG.md index 64de17e2e27..ff1683f4acf 100644 --- a/packages/react-docs/CHANGELOG.md +++ b/packages/react-docs/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 6.4.0-prerelease.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-docs + # 6.3.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-docs diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index 9b9162b8470..9c3e0519157 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -1,7 +1,7 @@ { "name": "@patternfly/react-docs", "description": "PatternFly React Docs", - "version": "6.3.0", + "version": "6.4.0-prerelease.0", "publishConfig": { "access": "public" }, @@ -23,15 +23,15 @@ }, "dependencies": { "@patternfly/patternfly": "5.3.0-prerelease.5", - "@patternfly/react-charts": "^7.3.0", - "@patternfly/react-code-editor": "^5.3.0", - "@patternfly/react-core": "^5.3.0", - "@patternfly/react-drag-drop": "^5.3.0", - "@patternfly/react-icons": "^5.3.0", - "@patternfly/react-styles": "^5.3.0", - "@patternfly/react-table": "^5.3.0", - "@patternfly/react-templates": "^1.0.0", - "@patternfly/react-tokens": "^5.3.0" + "@patternfly/react-charts": "^7.4.0-prerelease.0", + "@patternfly/react-code-editor": "^5.4.0-prerelease.0", + "@patternfly/react-core": "^5.4.0-prerelease.0", + "@patternfly/react-drag-drop": "^5.4.0-prerelease.0", + "@patternfly/react-icons": "^5.4.0-prerelease.0", + "@patternfly/react-styles": "^5.4.0-prerelease.0", + "@patternfly/react-table": "^5.4.0-prerelease.0", + "@patternfly/react-templates": "^1.1.0-prerelease.0", + "@patternfly/react-tokens": "^5.4.0-prerelease.0" }, "devDependencies": { "@patternfly/documentation-framework": "^5.8.2", diff --git a/packages/react-drag-drop/CHANGELOG.md b/packages/react-drag-drop/CHANGELOG.md index 9b559e11164..2997b5520d9 100644 --- a/packages/react-drag-drop/CHANGELOG.md +++ b/packages/react-drag-drop/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-drag-drop + # 5.3.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-drag-drop diff --git a/packages/react-drag-drop/package.json b/packages/react-drag-drop/package.json index 8adc47e6180..04f8e7ab88a 100644 --- a/packages/react-drag-drop/package.json +++ b/packages/react-drag-drop/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-drag-drop", - "version": "5.3.0", + "version": "5.4.0-prerelease.0", "description": "PatternFly drag and drop solution", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -32,9 +32,9 @@ "@dnd-kit/core": "^6.0.8", "@dnd-kit/modifiers": "^6.0.1", "@dnd-kit/sortable": "^7.0.2", - "@patternfly/react-core": "^5.3.0", - "@patternfly/react-icons": "^5.3.0", - "@patternfly/react-styles": "^5.3.0", + "@patternfly/react-core": "^5.4.0-prerelease.0", + "@patternfly/react-icons": "^5.4.0-prerelease.0", + "@patternfly/react-styles": "^5.4.0-prerelease.0", "memoize-one": "^5.1.0", "resize-observer-polyfill": "^1.5.1" }, diff --git a/packages/react-icons/CHANGELOG.md b/packages/react-icons/CHANGELOG.md index f71c46ade00..ddefa8b065b 100644 --- a/packages/react-icons/CHANGELOG.md +++ b/packages/react-icons/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-icons + # 5.3.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-icons diff --git a/packages/react-icons/package.json b/packages/react-icons/package.json index e12dbb949a0..66b1ecd582a 100644 --- a/packages/react-icons/package.json +++ b/packages/react-icons/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-icons", - "version": "5.3.0", + "version": "5.4.0-prerelease.0", "description": "PatternFly 4 Icons as React Components", "main": "dist/js/index.js", "module": "dist/esm/index.js", diff --git a/packages/react-styles/CHANGELOG.md b/packages/react-styles/CHANGELOG.md index 6ca82c43668..cc19695c1df 100644 --- a/packages/react-styles/CHANGELOG.md +++ b/packages/react-styles/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-styles + # 5.3.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-styles diff --git a/packages/react-styles/package.json b/packages/react-styles/package.json index 42074d2b786..811e679d71f 100644 --- a/packages/react-styles/package.json +++ b/packages/react-styles/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-styles", - "version": "5.3.0", + "version": "5.4.0-prerelease.0", "main": "dist/js/index.js", "module": "dist/esm/index.js", "types": "dist/esm/index.d.ts", diff --git a/packages/react-table/CHANGELOG.md b/packages/react-table/CHANGELOG.md index d39319e0d50..42b944c3fce 100644 --- a/packages/react-table/CHANGELOG.md +++ b/packages/react-table/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-table + # 5.3.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-table diff --git a/packages/react-table/package.json b/packages/react-table/package.json index 4da01c3b82e..c9e11d06cb5 100644 --- a/packages/react-table/package.json +++ b/packages/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-table", - "version": "5.3.0", + "version": "5.4.0-prerelease.0", "description": "This library provides a set of React table components for use with the PatternFly 4", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -39,10 +39,10 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.3.0", - "@patternfly/react-icons": "^5.3.0", - "@patternfly/react-styles": "^5.3.0", - "@patternfly/react-tokens": "^5.3.0", + "@patternfly/react-core": "^5.4.0-prerelease.0", + "@patternfly/react-icons": "^5.4.0-prerelease.0", + "@patternfly/react-styles": "^5.4.0-prerelease.0", + "@patternfly/react-tokens": "^5.4.0-prerelease.0", "lodash": "^4.17.19", "tslib": "^2.5.0" }, diff --git a/packages/react-templates/CHANGELOG.md b/packages/react-templates/CHANGELOG.md index 8f5e868dbe5..762cdc8c6b6 100644 --- a/packages/react-templates/CHANGELOG.md +++ b/packages/react-templates/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 1.1.0-prerelease.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-templates + # 1.0.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-templates diff --git a/packages/react-templates/package.json b/packages/react-templates/package.json index 720f1b9c1a0..579e4510149 100644 --- a/packages/react-templates/package.json +++ b/packages/react-templates/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-templates", - "version": "1.0.0", + "version": "1.1.0-prerelease.0", "description": "This package provides wrapped component demos for ease of use\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -33,10 +33,10 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.3.0", - "@patternfly/react-icons": "^5.3.0", - "@patternfly/react-styles": "^5.3.0", - "@patternfly/react-tokens": "^5.3.0", + "@patternfly/react-core": "^5.4.0-prerelease.0", + "@patternfly/react-icons": "^5.4.0-prerelease.0", + "@patternfly/react-styles": "^5.4.0-prerelease.0", + "@patternfly/react-tokens": "^5.4.0-prerelease.0", "tslib": "^2.5.0" }, "peerDependencies": { diff --git a/packages/react-tokens/CHANGELOG.md b/packages/react-tokens/CHANGELOG.md index 2bae39438e8..26b0bb8a633 100644 --- a/packages/react-tokens/CHANGELOG.md +++ b/packages/react-tokens/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-tokens + # 5.3.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-tokens diff --git a/packages/react-tokens/package.json b/packages/react-tokens/package.json index 2439ad25add..ad264f88574 100644 --- a/packages/react-tokens/package.json +++ b/packages/react-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-tokens", - "version": "5.3.0", + "version": "5.4.0-prerelease.0", "description": "This library provides access to the design tokens of PatternFly 4 from JavaScript", "main": "dist/js/index.js", "module": "dist/esm/index.js", From 2c265ba2f5449f67da994074a066605866e6f453 Mon Sep 17 00:00:00 2001 From: Donald Labaj Date: Thu, 18 Apr 2024 13:00:29 -0400 Subject: [PATCH 013/148] chore(release): Fixed issue after releaseing 5.3.0 with seeding 5.4.0 (#10289) --- .../demo-app-ts/package.json | 2 +- yarn.lock | 27 +++++++++++++++++++ 2 files changed, 28 insertions(+), 1 deletion(-) diff --git a/packages/react-integration/demo-app-ts/package.json b/packages/react-integration/demo-app-ts/package.json index 1c82c16838d..fed2c7a06a8 100644 --- a/packages/react-integration/demo-app-ts/package.json +++ b/packages/react-integration/demo-app-ts/package.json @@ -9,7 +9,7 @@ "serve:demo-app": "node scripts/serve" }, "dependencies": { - "@patternfly/react-core": "^5.3.0-prerelease.26", + "@patternfly/react-core": "^5.4.0-prerelease.0", "react": "^18", "react-dom": "^18", "react-router": "^5.3.3", diff --git a/yarn.lock b/yarn.lock index 3e58aafdf96..40416a240c5 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2901,6 +2901,33 @@ resolved "https://registry.yarnpkg.com/@patternfly/patternfly/-/patternfly-5.3.0-prerelease.5.tgz#2b108f4a1d79dd3bb93723ce92beb52b237c5a00" integrity sha512-F2IbfCxotoyJP7CHud8O5QPZczXnPFK4dMoc7DRplJQSBhod6vn3SVvsDi4P8Sa7egBUcCiA6q1x+PI3E6BAIA== +"@patternfly/react-core@^5.3.0-prerelease.26": + version "5.3.0" + resolved "https://registry.yarnpkg.com/@patternfly/react-core/-/react-core-5.3.0.tgz#2d4c767a95242b3688731a0f76e91798c35f6ac5" + integrity sha512-nMf8yrul3u+4+ch7IMsE+/3Rzmor8/yEUk8zzD9bYGRxjwniu1RqCF8NdgPvMw2C7Hz7xtpwsgXDfG4n8qd12g== + dependencies: + "@patternfly/react-icons" "^5.3.0" + "@patternfly/react-styles" "^5.3.0" + "@patternfly/react-tokens" "^5.3.0" + focus-trap "7.5.2" + react-dropzone "^14.2.3" + tslib "^2.5.0" + +"@patternfly/react-icons@^5.3.0": + version "5.3.0" + resolved "https://registry.yarnpkg.com/@patternfly/react-icons/-/react-icons-5.3.0.tgz#04ac990fe539799a69da6de2e7b615a15a80ce87" + integrity sha512-oBdaK4Gz7yivNE7jQg46sPzfZakg7oxo5aSMLc0N6haOmDEegiTurNex+h+/z0oBPqzZC+cIQRaBeXEgXGwc9Q== + +"@patternfly/react-styles@^5.3.0": + version "5.3.0" + resolved "https://registry.yarnpkg.com/@patternfly/react-styles/-/react-styles-5.3.0.tgz#4f34cfe557d9dad30c0add8dc92bfa3c6794dd91" + integrity sha512-/EdkURW+v7Rzw/CiEqL+NfGtLvLMGIwOEyDhvlMDbRip2usGw4HLZv3Bep0cJe29zOeY27cDVZDM1HfyXLebtw== + +"@patternfly/react-tokens@^5.3.0": + version "5.3.0" + resolved "https://registry.yarnpkg.com/@patternfly/react-tokens/-/react-tokens-5.3.0.tgz#580e7c6a53f5056c317677ca98842fbdd04dcc7d" + integrity sha512-24ZY5hgwt11InW3XtINM5p9Fo1hDiVor6Q4uphPZh8Mt89AsZZw1UweTaGg54I0Ah2Wzv6rkQy51LX7tZtIwjQ== + "@pkgjs/parseargs@^0.11.0": version "0.11.0" resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33" From 0a64acdc3eeb4f6f2b2e82be64faa366cc0aab04 Mon Sep 17 00:00:00 2001 From: patternfly-build Date: Thu, 18 Apr 2024 17:14:20 +0000 Subject: [PATCH 014/148] chore(release): releasing packages [ci skip] - @patternfly/react-integration@5.1.1-prerelease.23 - demo-app-ts@5.1.1-prerelease.101 --- packages/react-integration/CHANGELOG.md | 6 ++++++ packages/react-integration/demo-app-ts/CHANGELOG.md | 6 ++++++ packages/react-integration/demo-app-ts/package.json | 2 +- packages/react-integration/package.json | 2 +- 4 files changed, 14 insertions(+), 2 deletions(-) diff --git a/packages/react-integration/CHANGELOG.md b/packages/react-integration/CHANGELOG.md index 00bd423b1f4..e17c4fd2f71 100644 --- a/packages/react-integration/CHANGELOG.md +++ b/packages/react-integration/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## 5.1.1-prerelease.23 (2024-04-18) + +# 5.3.0 (2024-04-18) + +**Note:** Version bump only for package @patternfly/react-integration + ## 5.1.1-prerelease.22 (2024-03-28) ### Bug Fixes diff --git a/packages/react-integration/demo-app-ts/CHANGELOG.md b/packages/react-integration/demo-app-ts/CHANGELOG.md index 1773d6f1c58..9fe54ccea61 100644 --- a/packages/react-integration/demo-app-ts/CHANGELOG.md +++ b/packages/react-integration/demo-app-ts/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## 5.1.1-prerelease.101 (2024-04-18) + +# 5.3.0 (2024-04-18) + +**Note:** Version bump only for package demo-app-ts + ## [5.1.1-prerelease.100](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.99...demo-app-ts@5.1.1-prerelease.100) (2024-04-17) **Note:** Version bump only for package demo-app-ts diff --git a/packages/react-integration/demo-app-ts/package.json b/packages/react-integration/demo-app-ts/package.json index fed2c7a06a8..50aa9d744a8 100644 --- a/packages/react-integration/demo-app-ts/package.json +++ b/packages/react-integration/demo-app-ts/package.json @@ -1,7 +1,7 @@ { "name": "demo-app-ts", "private": true, - "version": "5.1.1-prerelease.100", + "version": "5.1.1-prerelease.101", "scripts": { "build:demo-app": "webpack --mode production", "start:demo-app": "webpack-dev-server", diff --git a/packages/react-integration/package.json b/packages/react-integration/package.json index ebd104d1761..9a1d6a0c2ba 100644 --- a/packages/react-integration/package.json +++ b/packages/react-integration/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-integration", - "version": "5.1.1-prerelease.22", + "version": "5.1.1-prerelease.23", "private": true, "description": "Integration testing for PF5 using demo applications", "main": "lib/index.js", From 615b1fa5ce930f369110e1fae3ce75617ce334dc Mon Sep 17 00:00:00 2001 From: adamviktora <84135613+adamviktora@users.noreply.github.com> Date: Fri, 19 Apr 2024 15:44:32 +0200 Subject: [PATCH 015/148] test(Label): add tests for disabled labels (#10254) --- .../react-core/src/components/Label/Label.tsx | 2 +- .../components/Label/__tests__/Label.test.tsx | 89 ++++++++++++++++++- 2 files changed, 89 insertions(+), 2 deletions(-) diff --git a/packages/react-core/src/components/Label/Label.tsx b/packages/react-core/src/components/Label/Label.tsx index 8c827374510..9ce1fbb57d0 100644 --- a/packages/react-core/src/components/Label/Label.tsx +++ b/packages/react-core/src/components/Label/Label.tsx @@ -284,7 +284,7 @@ export const Label: React.FunctionComponent = ({ ...editableProps }), ...(isClickableDisabled && isButton && { disabled: true }), - ...(isClickableDisabled && href && { tabindex: -1, 'aria-disabled': true }) + ...(isClickableDisabled && href && { tabIndex: -1, 'aria-disabled': true }) }; let labelComponentChild = ( diff --git a/packages/react-core/src/components/Label/__tests__/Label.test.tsx b/packages/react-core/src/components/Label/__tests__/Label.test.tsx index 519d99969cd..57600d48a5c 100644 --- a/packages/react-core/src/components/Label/__tests__/Label.test.tsx +++ b/packages/react-core/src/components/Label/__tests__/Label.test.tsx @@ -142,6 +142,93 @@ describe('Label', () => { await user.click(label); - expect(mockCallback).toBeCalledTimes(1); + expect(mockCallback).toHaveBeenCalledTimes(1); + }); + + test('disabled clickable label does not call passed callback on click', async () => { + const mockCallback = jest.fn(); + const user = userEvent.setup(); + + render( + + ); + + const label = screen.getByText('Click me'); + + await user.click(label); + + expect(mockCallback).not.toHaveBeenCalled(); + }); + + test('disabled clickable label is a disabled button', async () => { + const mockCallback = jest.fn(); + + render( + + ); + + const labelButton = screen.getByRole('button'); + + expect(labelButton).toHaveAttribute('disabled'); + }); + + test('link label is an anchor', () => { + const href = '#example'; + + render(); + + const anchor = screen.getByRole('link', { name: 'Click me' }); + + expect(anchor).toBeInTheDocument(); + expect(anchor).toHaveAttribute('href', href); + }); + + test('disabled link label is an anchor with aria-disabled attribute', () => { + const href = '#example'; + + render( + + ); + + const anchor = screen.getByRole('link', { name: 'Click me' }); + + expect(anchor).toBeInTheDocument(); + expect(anchor).toHaveAttribute('href', href); + expect(anchor).toHaveAttribute('tabIndex', '-1'); + expect(anchor).toHaveAttribute('aria-disabled', 'true'); + }); + + test('disabled removable clickable label has a disabled close button', async () => { + const mockCallback = jest.fn(); + + render( + + ); + + const closeButton = screen.getByLabelText('Close Click me'); + + expect(closeButton).toBeDisabled(); + }); + + test('disabled removable link label has a disabled close button', async () => { + const mockCallback = jest.fn(); + + render( + + ); + + const closeButton = screen.getByLabelText('Close Click me'); + + expect(closeButton).toBeDisabled(); }); }); From 593832e72c7bbad4096109cba7d7a79a5d135635 Mon Sep 17 00:00:00 2001 From: patternfly-build Date: Fri, 19 Apr 2024 13:55:53 +0000 Subject: [PATCH 016/148] chore(release): releasing packages [ci skip] - @patternfly/react-code-editor@5.4.0-prerelease.1 - @patternfly/react-core@5.4.0-prerelease.1 - @patternfly/react-docs@6.4.0-prerelease.1 - @patternfly/react-drag-drop@5.4.0-prerelease.1 - demo-app-ts@5.1.1-prerelease.102 - @patternfly/react-table@5.4.0-prerelease.1 - @patternfly/react-templates@1.1.0-prerelease.1 --- packages/react-code-editor/CHANGELOG.md | 4 ++++ packages/react-code-editor/package.json | 4 ++-- packages/react-core/CHANGELOG.md | 4 ++++ packages/react-core/package.json | 2 +- packages/react-docs/CHANGELOG.md | 4 ++++ packages/react-docs/package.json | 12 ++++++------ packages/react-drag-drop/CHANGELOG.md | 4 ++++ packages/react-drag-drop/package.json | 4 ++-- packages/react-integration/demo-app-ts/CHANGELOG.md | 4 ++++ packages/react-integration/demo-app-ts/package.json | 4 ++-- packages/react-table/CHANGELOG.md | 4 ++++ packages/react-table/package.json | 4 ++-- packages/react-templates/CHANGELOG.md | 4 ++++ packages/react-templates/package.json | 4 ++-- 14 files changed, 45 insertions(+), 17 deletions(-) diff --git a/packages/react-code-editor/CHANGELOG.md b/packages/react-code-editor/CHANGELOG.md index 42618e9c7d6..5458fc83385 100644 --- a/packages/react-code-editor/CHANGELOG.md +++ b/packages/react-code-editor/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.1 (2024-04-19) + +**Note:** Version bump only for package @patternfly/react-code-editor + # 5.4.0-prerelease.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-code-editor diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json index 16517d48fc7..0f8cc644eac 100644 --- a/packages/react-code-editor/package.json +++ b/packages/react-code-editor/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-code-editor", - "version": "5.4.0-prerelease.0", + "version": "5.4.0-prerelease.1", "description": "This package provides a PatternFly wrapper for the Monaco code editor\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -30,7 +30,7 @@ }, "dependencies": { "@monaco-editor/react": "^4.6.0", - "@patternfly/react-core": "^5.4.0-prerelease.0", + "@patternfly/react-core": "^5.4.0-prerelease.1", "@patternfly/react-icons": "^5.4.0-prerelease.0", "@patternfly/react-styles": "^5.4.0-prerelease.0", "react-dropzone": "14.2.3", diff --git a/packages/react-core/CHANGELOG.md b/packages/react-core/CHANGELOG.md index 63ac4205845..af56b6e374d 100644 --- a/packages/react-core/CHANGELOG.md +++ b/packages/react-core/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.1 (2024-04-19) + +**Note:** Version bump only for package @patternfly/react-core + # 5.4.0-prerelease.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-core diff --git a/packages/react-core/package.json b/packages/react-core/package.json index ee1bb54f94d..d2b6699b023 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-core", - "version": "5.4.0-prerelease.0", + "version": "5.4.0-prerelease.1", "description": "This library provides a set of common React components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", diff --git a/packages/react-docs/CHANGELOG.md b/packages/react-docs/CHANGELOG.md index ff1683f4acf..0d78a003771 100644 --- a/packages/react-docs/CHANGELOG.md +++ b/packages/react-docs/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 6.4.0-prerelease.1 (2024-04-19) + +**Note:** Version bump only for package @patternfly/react-docs + # 6.4.0-prerelease.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-docs diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index 9c3e0519157..01a8fda7709 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -1,7 +1,7 @@ { "name": "@patternfly/react-docs", "description": "PatternFly React Docs", - "version": "6.4.0-prerelease.0", + "version": "6.4.0-prerelease.1", "publishConfig": { "access": "public" }, @@ -24,13 +24,13 @@ "dependencies": { "@patternfly/patternfly": "5.3.0-prerelease.5", "@patternfly/react-charts": "^7.4.0-prerelease.0", - "@patternfly/react-code-editor": "^5.4.0-prerelease.0", - "@patternfly/react-core": "^5.4.0-prerelease.0", - "@patternfly/react-drag-drop": "^5.4.0-prerelease.0", + "@patternfly/react-code-editor": "^5.4.0-prerelease.1", + "@patternfly/react-core": "^5.4.0-prerelease.1", + "@patternfly/react-drag-drop": "^5.4.0-prerelease.1", "@patternfly/react-icons": "^5.4.0-prerelease.0", "@patternfly/react-styles": "^5.4.0-prerelease.0", - "@patternfly/react-table": "^5.4.0-prerelease.0", - "@patternfly/react-templates": "^1.1.0-prerelease.0", + "@patternfly/react-table": "^5.4.0-prerelease.1", + "@patternfly/react-templates": "^1.1.0-prerelease.1", "@patternfly/react-tokens": "^5.4.0-prerelease.0" }, "devDependencies": { diff --git a/packages/react-drag-drop/CHANGELOG.md b/packages/react-drag-drop/CHANGELOG.md index 2997b5520d9..4766d550ad2 100644 --- a/packages/react-drag-drop/CHANGELOG.md +++ b/packages/react-drag-drop/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.1 (2024-04-19) + +**Note:** Version bump only for package @patternfly/react-drag-drop + # 5.4.0-prerelease.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-drag-drop diff --git a/packages/react-drag-drop/package.json b/packages/react-drag-drop/package.json index 04f8e7ab88a..b8ed3803f68 100644 --- a/packages/react-drag-drop/package.json +++ b/packages/react-drag-drop/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-drag-drop", - "version": "5.4.0-prerelease.0", + "version": "5.4.0-prerelease.1", "description": "PatternFly drag and drop solution", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -32,7 +32,7 @@ "@dnd-kit/core": "^6.0.8", "@dnd-kit/modifiers": "^6.0.1", "@dnd-kit/sortable": "^7.0.2", - "@patternfly/react-core": "^5.4.0-prerelease.0", + "@patternfly/react-core": "^5.4.0-prerelease.1", "@patternfly/react-icons": "^5.4.0-prerelease.0", "@patternfly/react-styles": "^5.4.0-prerelease.0", "memoize-one": "^5.1.0", diff --git a/packages/react-integration/demo-app-ts/CHANGELOG.md b/packages/react-integration/demo-app-ts/CHANGELOG.md index 9fe54ccea61..86fe06f2782 100644 --- a/packages/react-integration/demo-app-ts/CHANGELOG.md +++ b/packages/react-integration/demo-app-ts/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [5.1.1-prerelease.102](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.101...demo-app-ts@5.1.1-prerelease.102) (2024-04-19) + +**Note:** Version bump only for package demo-app-ts + ## 5.1.1-prerelease.101 (2024-04-18) # 5.3.0 (2024-04-18) diff --git a/packages/react-integration/demo-app-ts/package.json b/packages/react-integration/demo-app-ts/package.json index 50aa9d744a8..0f17cf6601a 100644 --- a/packages/react-integration/demo-app-ts/package.json +++ b/packages/react-integration/demo-app-ts/package.json @@ -1,7 +1,7 @@ { "name": "demo-app-ts", "private": true, - "version": "5.1.1-prerelease.101", + "version": "5.1.1-prerelease.102", "scripts": { "build:demo-app": "webpack --mode production", "start:demo-app": "webpack-dev-server", @@ -9,7 +9,7 @@ "serve:demo-app": "node scripts/serve" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.0", + "@patternfly/react-core": "^5.4.0-prerelease.1", "react": "^18", "react-dom": "^18", "react-router": "^5.3.3", diff --git a/packages/react-table/CHANGELOG.md b/packages/react-table/CHANGELOG.md index 42b944c3fce..fc7af3315fa 100644 --- a/packages/react-table/CHANGELOG.md +++ b/packages/react-table/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.1 (2024-04-19) + +**Note:** Version bump only for package @patternfly/react-table + # 5.4.0-prerelease.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-table diff --git a/packages/react-table/package.json b/packages/react-table/package.json index c9e11d06cb5..9cb382d0f17 100644 --- a/packages/react-table/package.json +++ b/packages/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-table", - "version": "5.4.0-prerelease.0", + "version": "5.4.0-prerelease.1", "description": "This library provides a set of React table components for use with the PatternFly 4", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -39,7 +39,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.0", + "@patternfly/react-core": "^5.4.0-prerelease.1", "@patternfly/react-icons": "^5.4.0-prerelease.0", "@patternfly/react-styles": "^5.4.0-prerelease.0", "@patternfly/react-tokens": "^5.4.0-prerelease.0", diff --git a/packages/react-templates/CHANGELOG.md b/packages/react-templates/CHANGELOG.md index 762cdc8c6b6..2f70c654068 100644 --- a/packages/react-templates/CHANGELOG.md +++ b/packages/react-templates/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 1.1.0-prerelease.1 (2024-04-19) + +**Note:** Version bump only for package @patternfly/react-templates + # 1.1.0-prerelease.0 (2024-04-18) **Note:** Version bump only for package @patternfly/react-templates diff --git a/packages/react-templates/package.json b/packages/react-templates/package.json index 579e4510149..24ac8967ebb 100644 --- a/packages/react-templates/package.json +++ b/packages/react-templates/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-templates", - "version": "1.1.0-prerelease.0", + "version": "1.1.0-prerelease.1", "description": "This package provides wrapped component demos for ease of use\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -33,7 +33,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.0", + "@patternfly/react-core": "^5.4.0-prerelease.1", "@patternfly/react-icons": "^5.4.0-prerelease.0", "@patternfly/react-styles": "^5.4.0-prerelease.0", "@patternfly/react-tokens": "^5.4.0-prerelease.0", From b2e5880a55bbfb573c8b390e2346fd470121995b Mon Sep 17 00:00:00 2001 From: Austin Sullivan Date: Fri, 19 Apr 2024 14:15:54 -0400 Subject: [PATCH 017/148] chore(CI): replaced stale bot with stale action (#10219) --- .github/stale.yml | 28 ---------------------------- .github/workflows/stale.yml | 19 +++++++++++++++++++ 2 files changed, 19 insertions(+), 28 deletions(-) delete mode 100644 .github/stale.yml create mode 100644 .github/workflows/stale.yml diff --git a/.github/stale.yml b/.github/stale.yml deleted file mode 100644 index f4e6ae06a53..00000000000 --- a/.github/stale.yml +++ /dev/null @@ -1,28 +0,0 @@ -# Configuration for probot-stale - https://github.com/probot/stale -# Number of days of inactivity before an Issue or Pull Request becomes stale -daysUntilStale: 60 - -# Number of days of inactivity before an Issue or Pull Request with the stale label is closed. -# Set to false to disable. If disabled, issues still need to be closed manually, but will remain marked as stale. -daysUntilClose: 14 - -# Issues with these labels will never be considered stale -exemptLabels: - - pinned - - security - - accessibility - - "breaking change :boom:" - -# Label to use when marking as stale -staleLabel: wontfix - -# Comment to post when marking as stale. Set to `false` to disable -markComment: > - This issue has been automatically marked as stale because it has not had - recent activity. It will be closed if no further activity occurs. - -# Comment to post when closing a stale issue. Set to `false` to disable -closeComment: false - -# Limit the number of actions per hour, from 1-30. Default is 30 -limitPerRun: 30 diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml new file mode 100644 index 00000000000..92791b7de65 --- /dev/null +++ b/.github/workflows/stale.yml @@ -0,0 +1,19 @@ +name: 'Close stale issues and PRs' +on: + schedule: + - cron: '37 11 * * *' + +jobs: + stale: + runs-on: ubuntu-latest + steps: + - uses: actions/stale@v9 + with: + days-before-stale: 60 + days-before-close: 14 + exempt-issue-labels: 'accessibility,breaking change :boom:,security,pinned' + stale-issue-label: 'wontfix' + stale-issue-message: 'This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.' + stale-pr-message: 'This PR has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.' + close-issue-message: false + close-pr-message: false From 69ddbea8bad5bb9e3a541050503e83df73b85d32 Mon Sep 17 00:00:00 2001 From: Jon Koops Date: Fri, 19 Apr 2024 20:18:10 +0200 Subject: [PATCH 018/148] chore: fix types for pagination navigation (#10263) Signed-off-by: Jon Koops --- .../src/components/Pagination/Navigation.tsx | 24 +++++++++---------- .../src/components/Pagination/Pagination.tsx | 2 +- 2 files changed, 13 insertions(+), 13 deletions(-) diff --git a/packages/react-core/src/components/Pagination/Navigation.tsx b/packages/react-core/src/components/Pagination/Navigation.tsx index 4072166aac3..1ab46102fb9 100644 --- a/packages/react-core/src/components/Pagination/Navigation.tsx +++ b/packages/react-core/src/components/Pagination/Navigation.tsx @@ -29,7 +29,7 @@ export interface NavigationProps extends React.HTMLProps { /** Label for the English word "of". */ ofWord?: string; /** The number of the current page. */ - page: string | number; + page: number; /** The title of a page displayed beside the page number. */ pagesTitle?: string; /** The title of a page displayed beside the page number (the plural form). */ @@ -55,13 +55,13 @@ export interface NavigationProps extends React.HTMLProps { /** Function called when user clicks to navigate to previous page. */ onPreviousClick?: (event: React.SyntheticEvent, page: number) => void; /** Function called when user inputs page number. */ - onPageInput?: (event: React.SyntheticEvent, page: number) => void; + onPageInput?: (event: React.KeyboardEvent, page: number) => void; /** Function called when page is changed. */ onSetPage: OnSetPage; } export interface NavigationState { - userInputPage?: React.ReactText; + userInputPage?: number | string; } class Navigation extends React.Component { @@ -93,7 +93,7 @@ class Navigation extends React.Component { onPageInput: () => undefined as any }; - private static parseInteger(input: React.ReactText, lastPage: number): number { + private static parseInteger(input: number | string, lastPage: number): number { // eslint-disable-next-line radix let inputPage = Number.parseInt(input as string, 10); if (!Number.isNaN(inputPage)) { @@ -105,14 +105,14 @@ class Navigation extends React.Component { private onChange(event: React.FormEvent, lastPage: number): void { const inputPage = Navigation.parseInteger(event.currentTarget.value, lastPage); - this.setState({ userInputPage: Number.isNaN(inputPage as number) ? event.currentTarget.value : inputPage }); + this.setState({ userInputPage: Number.isNaN(inputPage) ? event.currentTarget.value : inputPage }); } private onKeyDown( event: React.KeyboardEvent, - page: number | string, + page: number, lastPage: number, - onPageInput: (event: React.SyntheticEvent, page: number) => void + onPageInput: (event: React.KeyboardEvent, page: number) => void ): void { const allowedKeys = [ 'Tab', @@ -126,9 +126,9 @@ class Navigation extends React.Component { 'ArrowDown' ]; if (event.key === KeyTypes.Enter) { - const inputPage = Navigation.parseInteger(this.state.userInputPage, lastPage) as number; - onPageInput(event, Number.isNaN(inputPage) ? (page as number) : inputPage); - this.handleNewPage(event, Number.isNaN(inputPage) ? (page as number) : inputPage); + const inputPage = Navigation.parseInteger(this.state.userInputPage, lastPage); + onPageInput(event, Number.isNaN(inputPage) ? page : inputPage); + this.handleNewPage(event, Number.isNaN(inputPage) ? page : inputPage); } else if (!/^\d*$/.test(event.key) && !allowedKeys.includes(event.key)) { event.preventDefault(); } @@ -206,7 +206,7 @@ class Navigation extends React.Component { isDisabled={isDisabled || page === firstPage || page === 0} data-action="previous" onClick={(event) => { - const newPage = (page as number) - 1 >= 1 ? (page as number) - 1 : 1; + const newPage = page - 1 >= 1 ? page - 1 : 1; onPreviousClick(event, newPage); this.handleNewPage(event, newPage); this.setState({ userInputPage: newPage }); @@ -244,7 +244,7 @@ class Navigation extends React.Component { aria-label={toNextPageAriaLabel} data-action="next" onClick={(event) => { - const newPage = (page as number) + 1 <= lastPage ? (page as number) + 1 : lastPage; + const newPage = page + 1 <= lastPage ? page + 1 : lastPage; onNextClick(event, newPage); this.handleNewPage(event, newPage); this.setState({ userInputPage: newPage }); diff --git a/packages/react-core/src/components/Pagination/Pagination.tsx b/packages/react-core/src/components/Pagination/Pagination.tsx index dffd2052c0e..f4c412da26e 100644 --- a/packages/react-core/src/components/Pagination/Pagination.tsx +++ b/packages/react-core/src/components/Pagination/Pagination.tsx @@ -148,7 +148,7 @@ export interface PaginationProps extends React.HTMLProps, OUIAPr /** Function called when user clicks on navigate to next page. */ onNextClick?: (event: React.SyntheticEvent, page: number) => void; /** Function called when user inputs page number. */ - onPageInput?: (event: React.SyntheticEvent, page: number) => void; + onPageInput?: (event: React.KeyboardEvent, page: number) => void; /** Function called when user selects number of items per page. */ onPerPageSelect?: OnPerPageSelect; /** Function called when user clicks on navigate to previous page. */ From 48580105224f6596e7dbcb4dc5cc8014cca33b10 Mon Sep 17 00:00:00 2001 From: Jon Koops Date: Fri, 19 Apr 2024 20:20:41 +0200 Subject: [PATCH 019/148] chore: add `rimraf` to the root of the workspace (#10275) Signed-off-by: Jon Koops --- .github/renovate.json | 2 - package.json | 1 + packages/react-charts/package.json | 1 - packages/react-code-editor/package.json | 1 - packages/react-core/package.json | 3 +- packages/react-docs/package.json | 6 +-- packages/react-drag-drop/package.json | 1 - packages/react-icons/package.json | 1 - packages/react-styles/package.json | 1 - packages/react-table/package.json | 1 - packages/react-templates/package.json | 1 - packages/react-tokens/package.json | 3 +- scripts/generators/package/package.json.hbs | 1 - yarn.lock | 59 +++++++++++++++++---- 14 files changed, 54 insertions(+), 28 deletions(-) diff --git a/.github/renovate.json b/.github/renovate.json index 6008bb83845..4068c492e8e 100644 --- a/.github/renovate.json +++ b/.github/renovate.json @@ -32,7 +32,6 @@ "rollup", "rollup-plugin-scss", "rollup-plugin-terser", - "shx", "surge", "ts-patch" ], @@ -69,7 +68,6 @@ "rollup", "rollup-plugin-scss", "rollup-plugin-terser", - "shx", "surge", "ts-patch" ] diff --git a/package.json b/package.json index 8e0d30c17d8..7c0f097c3f8 100644 --- a/package.json +++ b/package.json @@ -57,6 +57,7 @@ "prettier": "^3.0.0", "react": "^18", "react-dom": "^18", + "rimraf": "^5.0.5", "surge": "^0.23.1", "ts-node": "^10.9.1", "ts-patch": "^2.1.0", diff --git a/packages/react-charts/package.json b/packages/react-charts/package.json index f108c65d4f6..45f3524d626 100644 --- a/packages/react-charts/package.json +++ b/packages/react-charts/package.json @@ -64,7 +64,6 @@ "css": "^2.2.3", "fs-extra": "^11.0.0", "glob": "^7.1.2", - "rimraf": "^2.6.2", "typescript": "^4.7.4" } } diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json index 0f8cc644eac..b45ca116496 100644 --- a/packages/react-code-editor/package.json +++ b/packages/react-code-editor/package.json @@ -42,7 +42,6 @@ }, "devDependencies": { "monaco-editor": "^0.47.0", - "rimraf": "^2.6.2", "typescript": "^4.7.4" } } diff --git a/packages/react-core/package.json b/packages/react-core/package.json index d2b6699b023..7fa12ee9901 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -40,7 +40,7 @@ "scripts": { "build:umd": "rollup -c --environment IS_PRODUCTION", "build:single:packages": "node ../../scripts/build-single-packages.js --config single-packages.config.json", - "clean": "rimraf dist components layouts helpers next deprecated node_modules", + "clean": "rimraf dist components layouts helpers next deprecated", "generate": "node scripts/copyStyles.js", "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json", "clean:exports": "node scripts/cleanDistExports.js" @@ -61,7 +61,6 @@ "css": "^2.2.3", "fs-extra": "^11.1.1", "glob": "^7.1.2", - "rimraf": "^3.0.2", "rollup": "^3.21.5", "rollup-plugin-scss": "^4.0.0", "rollup-plugin-svg": "2.0.0", diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index 01a8fda7709..6d5d5cbe462 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -14,7 +14,7 @@ "scripts": { "analyze": "yarn build:docs --analyze", "build:docs": "pf-docs-framework build all", - "clean": "rimraf .cache public static/assets static/base.css src/generated/**/*.js node_modules", + "clean": "rimraf cache public static/assets static/base.css src/generated", "develop": "yarn start", "start": "pf-docs-framework start", "serve": "pf-docs-framework serve public", @@ -35,9 +35,7 @@ }, "devDependencies": { "@patternfly/documentation-framework": "^5.8.2", - "@patternfly/patternfly-a11y": "4.3.1", - "rimraf": "^2.6.3", - "shx": "^0.3.4" + "@patternfly/patternfly-a11y": "4.3.1" }, "keywords": [ "gatsby" diff --git a/packages/react-drag-drop/package.json b/packages/react-drag-drop/package.json index b8ed3803f68..4b4e3e2df25 100644 --- a/packages/react-drag-drop/package.json +++ b/packages/react-drag-drop/package.json @@ -43,7 +43,6 @@ "react-dom": "^17 || ^18" }, "devDependencies": { - "rimraf": "^2.6.2", "typescript": "^4.7.4" } } diff --git a/packages/react-icons/package.json b/packages/react-icons/package.json index 66b1ecd582a..d2b7ace9d0b 100644 --- a/packages/react-icons/package.json +++ b/packages/react-icons/package.json @@ -35,7 +35,6 @@ "@patternfly/patternfly": "5.3.0-prerelease.5", "fs-extra": "^11.1.1", "glob": "^7.1.2", - "rimraf": "^2.6.2", "tslib": "^2.5.0", "typescript": "^4.7.4" }, diff --git a/packages/react-styles/package.json b/packages/react-styles/package.json index 811e679d71f..7b5ca733db6 100644 --- a/packages/react-styles/package.json +++ b/packages/react-styles/package.json @@ -24,7 +24,6 @@ "fs-extra": "^11.1.1", "glob": "^7.1.2", "jsdom": "^15.1.0", - "rimraf": "^2.6.2", "typescript": "^4.7.4" }, "license": "MIT" diff --git a/packages/react-table/package.json b/packages/react-table/package.json index 9cb382d0f17..a95ad46eb2b 100644 --- a/packages/react-table/package.json +++ b/packages/react-table/package.json @@ -47,7 +47,6 @@ "tslib": "^2.5.0" }, "devDependencies": { - "rimraf": "^2.6.2", "typescript": "^4.7.4" }, "peerDependencies": { diff --git a/packages/react-templates/package.json b/packages/react-templates/package.json index 24ac8967ebb..96b75968ae1 100644 --- a/packages/react-templates/package.json +++ b/packages/react-templates/package.json @@ -44,7 +44,6 @@ "react-dom": "^17 || ^18" }, "devDependencies": { - "rimraf": "^2.6.2", "typescript": "^4.7.4" } } diff --git a/packages/react-tokens/package.json b/packages/react-tokens/package.json index ad264f88574..13836f9aa14 100644 --- a/packages/react-tokens/package.json +++ b/packages/react-tokens/package.json @@ -31,7 +31,6 @@ "@patternfly/patternfly": "5.3.0-prerelease.5", "css": "^2.2.3", "fs-extra": "^11.1.1", - "glob": "^7.1.2", - "rimraf": "^2.6.2" + "glob": "^7.1.2" } } diff --git a/scripts/generators/package/package.json.hbs b/scripts/generators/package/package.json.hbs index 460764c33c9..c7e129fbdb7 100644 --- a/scripts/generators/package/package.json.hbs +++ b/scripts/generators/package/package.json.hbs @@ -35,7 +35,6 @@ "dependencies": {}, "devDependencies": { {{#if buildsWithTypescript}} - "rimraf": "^2.6.2", "tslib": "1.13.0",, "typescript": "^3.8.3" {{/if}} diff --git a/yarn.lock b/yarn.lock index 40416a240c5..b12e179d324 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9495,6 +9495,17 @@ glob@^10.2.2: minipass "^5.0.0 || ^6.0.2 || ^7.0.0" path-scurry "^1.10.1" +glob@^10.3.7: + version "10.3.12" + resolved "https://registry.yarnpkg.com/glob/-/glob-10.3.12.tgz#3a65c363c2e9998d220338e88a5f6ac97302960b" + integrity sha512-TCNv8vJ+xz4QiqTpfOJA7HvYv+tNIRHKfUWw/q+v2jdgN4ebz+KY9tGx5J4rHP0o84mNP+ApH66HRX8us3Khqg== + dependencies: + foreground-child "^3.1.0" + jackspeak "^2.3.6" + minimatch "^9.0.1" + minipass "^7.0.4" + path-scurry "^1.10.2" + glob@^7.0.0, glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.4: version "7.1.6" resolved "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz" @@ -11200,6 +11211,15 @@ jackspeak@^2.0.3: optionalDependencies: "@pkgjs/parseargs" "^0.11.0" +jackspeak@^2.3.6: + version "2.3.6" + resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-2.3.6.tgz#647ecc472238aee4b06ac0e461acc21a8c505ca8" + integrity sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ== + dependencies: + "@isaacs/cliui" "^8.0.2" + optionalDependencies: + "@pkgjs/parseargs" "^0.11.0" + jake@^10.8.5: version "10.8.5" resolved "https://registry.yarnpkg.com/jake/-/jake-10.8.5.tgz#f2183d2c59382cb274226034543b9c03b8164c46" @@ -12646,6 +12666,11 @@ lowercase-keys@^1.0.0: version "1.0.1" resolved "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz" +lru-cache@^10.2.0: + version "10.2.0" + resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.2.0.tgz#0bd445ca57363465900f4d1f9bd8db343a4d95c3" + integrity sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q== + lru-cache@^4.0.1, lru-cache@^4.1.1: version "4.1.5" resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz" @@ -13398,6 +13423,11 @@ minipass@^5.0.0: resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.0.3.tgz#05ea638da44e475037ed94d1c7efcc76a25e1974" integrity sha512-LhbbwCfz3vsb12j/WkWQPZfKTsgqIe1Nf/ti1pKjYESGLHIVjWU96G9/ljLH4F9mWNVhlQOm0VySdAWzf05dpg== +minipass@^7.0.4: + version "7.0.4" + resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.0.4.tgz#dbce03740f50a4786ba994c1fb908844d27b038c" + integrity sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ== + minizlib@^2.1.1, minizlib@^2.1.2: version "2.1.2" resolved "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz" @@ -14790,6 +14820,14 @@ path-scurry@^1.10.1, path-scurry@^1.5.0: lru-cache "^9.1.1 || ^10.0.0" minipass "^5.0.0 || ^6.0.2 || ^7.0.0" +path-scurry@^1.10.2: + version "1.10.2" + resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.10.2.tgz#8f6357eb1239d5fa1da8b9f70e9c080675458ba7" + integrity sha512-7xTavNy5RQXnsjANvVvMkEjvloOinkAjv/Z6Ildz9v2RinZ4SBKTWFOVRbaF8p0vpHnyjV/UwNDdKuUv6M5qcA== + dependencies: + lru-cache "^10.2.0" + minipass "^5.0.0 || ^6.0.2 || ^7.0.0" + path-scurry@^1.6.1: version "1.6.1" resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.6.1.tgz#dab45f7bb1d3f45a0e271ab258999f4ab7e23132" @@ -16245,13 +16283,15 @@ rfdc@^1.3.0: rimraf@2, rimraf@^2.5.4, rimraf@^2.6.1, rimraf@^2.6.2, rimraf@^2.6.3: version "2.7.1" - resolved "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz" + resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec" + integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w== dependencies: glob "^7.1.3" rimraf@3.0.2, rimraf@^3.0.0, rimraf@^3.0.2: version "3.0.2" - resolved "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz" + resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a" + integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA== dependencies: glob "^7.1.3" @@ -16262,6 +16302,13 @@ rimraf@^4.4.1: dependencies: glob "^9.2.0" +rimraf@^5.0.5: + version "5.0.5" + resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-5.0.5.tgz#9be65d2d6e683447d2e9013da2bf451139a61ccf" + integrity sha512-CqDakW+hMe/Bz202FPEymy68P+G50RfMQK+Qo5YUqc9SPipvbGjCGKd0RSKEelbsfQuw3g5NZDSrlZZAJurH1A== + dependencies: + glob "^10.3.7" + ripemd160@^2.0.0, ripemd160@^2.0.1: version "2.0.2" resolved "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz" @@ -16767,14 +16814,6 @@ shortid@^2.2.8: dependencies: nanoid "^2.1.0" -shx@^0.3.4: - version "0.3.4" - resolved "https://registry.yarnpkg.com/shx/-/shx-0.3.4.tgz#74289230b4b663979167f94e1935901406e40f02" - integrity sha512-N6A9MLVqjxZYcVn8hLmtneQWIJtp8IKzMP4eMnx+nqkvXoqinUPCbUFLp2UcWTEIUONhlk0ewxr/jaVGlc+J+g== - dependencies: - minimist "^1.2.3" - shelljs "^0.8.5" - side-channel@^1.0.4: version "1.0.4" resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf" From 4b75c6e85ba4a3d17086d1b0d506af214c1a9b76 Mon Sep 17 00:00:00 2001 From: Jon Koops Date: Fri, 19 Apr 2024 20:23:16 +0200 Subject: [PATCH 020/148] chore: fix types for number input (#10264) --- .../react-core/src/components/NumberInput/NumberInput.tsx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/packages/react-core/src/components/NumberInput/NumberInput.tsx b/packages/react-core/src/components/NumberInput/NumberInput.tsx index baa6de14eb2..735879d0880 100644 --- a/packages/react-core/src/components/NumberInput/NumberInput.tsx +++ b/packages/react-core/src/components/NumberInput/NumberInput.tsx @@ -67,8 +67,10 @@ const defaultKeyDownHandler = (args: DefaultKeyDownHandlerArgs) => (event: React } }; +const DEFAULT_VALUE = 0; + export const NumberInput: React.FunctionComponent = ({ - value = 0, + value = DEFAULT_VALUE, className, widthChars, isDisabled = false, @@ -121,7 +123,7 @@ export const NumberInput: React.FunctionComponent = ({ - + ); }; diff --git a/packages/react-core/src/components/TreeView/examples/TreeViewWithActionItems.tsx b/packages/react-core/src/components/TreeView/examples/TreeViewWithActionItems.tsx index 0fe77a8ad97..a56b1e38e35 100644 --- a/packages/react-core/src/components/TreeView/examples/TreeViewWithActionItems.tsx +++ b/packages/react-core/src/components/TreeView/examples/TreeViewWithActionItems.tsx @@ -136,5 +136,12 @@ export const TreeViewWithActionItems: React.FunctionComponent = () => { children: [{ name: 'Application 5', id: 'example7-App5' }] } ]; - return ; + return ( + + ); }; diff --git a/packages/react-core/src/components/TreeView/examples/TreeViewWithBadges.tsx b/packages/react-core/src/components/TreeView/examples/TreeViewWithBadges.tsx index 9bc603bb9bd..b5ed09b6e76 100644 --- a/packages/react-core/src/components/TreeView/examples/TreeViewWithBadges.tsx +++ b/packages/react-core/src/components/TreeView/examples/TreeViewWithBadges.tsx @@ -75,5 +75,13 @@ export const TreeViewBadges: React.FunctionComponent = () => { } ]; - return ; + return ( + + ); }; diff --git a/packages/react-core/src/components/TreeView/examples/TreeViewWithCheckboxes.tsx b/packages/react-core/src/components/TreeView/examples/TreeViewWithCheckboxes.tsx index 3e660959a7e..1207e3051d1 100644 --- a/packages/react-core/src/components/TreeView/examples/TreeViewWithCheckboxes.tsx +++ b/packages/react-core/src/components/TreeView/examples/TreeViewWithCheckboxes.tsx @@ -194,5 +194,5 @@ export const TreeViewWithCheckboxes: React.FunctionComponent = () => { } }; const mapped = options.map((item) => mapTree(item)); - return ; + return ; }; diff --git a/packages/react-core/src/components/TreeView/examples/TreeViewWithCustomBadges.tsx b/packages/react-core/src/components/TreeView/examples/TreeViewWithCustomBadges.tsx index c520dabaec4..2ed0f8b4522 100644 --- a/packages/react-core/src/components/TreeView/examples/TreeViewWithCustomBadges.tsx +++ b/packages/react-core/src/components/TreeView/examples/TreeViewWithCustomBadges.tsx @@ -82,5 +82,13 @@ export const TreeViewCustomBadges: React.FunctionComponent = () => { children: [{ name: 'Application 5', id: 'example6-App5' }] } ]; - return ; + return ( + + ); }; diff --git a/packages/react-core/src/components/TreeView/examples/TreeViewWithIcons.tsx b/packages/react-core/src/components/TreeView/examples/TreeViewWithIcons.tsx index 4e3027fa388..3f1c5f45f14 100644 --- a/packages/react-core/src/components/TreeView/examples/TreeViewWithIcons.tsx +++ b/packages/react-core/src/components/TreeView/examples/TreeViewWithIcons.tsx @@ -73,6 +73,7 @@ export const TreeViewWithIcons: React.FunctionComponent = () => { ]; return ( { options.push({ name: 'Option ' + i, id: i.toString(), children: childOptions }); } const tree = ( - + ); return ( diff --git a/packages/react-core/src/components/TreeView/examples/TreeViewWithSearch.tsx b/packages/react-core/src/components/TreeView/examples/TreeViewWithSearch.tsx index ea1c3dd58cf..94c7bfc535c 100644 --- a/packages/react-core/src/components/TreeView/examples/TreeViewWithSearch.tsx +++ b/packages/react-core/src/components/TreeView/examples/TreeViewWithSearch.tsx @@ -118,6 +118,7 @@ export const TreeViewWithSearch: React.FunctionComponent = () => { return ( Date: Wed, 24 Apr 2024 16:01:14 +0000 Subject: [PATCH 026/148] chore(release): releasing packages [ci skip] - @patternfly/react-code-editor@5.4.0-prerelease.3 - @patternfly/react-core@5.4.0-prerelease.3 - @patternfly/react-docs@6.4.0-prerelease.4 - @patternfly/react-drag-drop@5.4.0-prerelease.3 - demo-app-ts@5.1.1-prerelease.104 - @patternfly/react-table@5.4.0-prerelease.3 - @patternfly/react-templates@1.1.0-prerelease.3 --- packages/react-code-editor/CHANGELOG.md | 4 ++++ packages/react-code-editor/package.json | 4 ++-- packages/react-core/CHANGELOG.md | 6 ++++++ packages/react-core/package.json | 2 +- packages/react-docs/CHANGELOG.md | 4 ++++ packages/react-docs/package.json | 12 ++++++------ packages/react-drag-drop/CHANGELOG.md | 4 ++++ packages/react-drag-drop/package.json | 4 ++-- packages/react-integration/demo-app-ts/CHANGELOG.md | 4 ++++ packages/react-integration/demo-app-ts/package.json | 4 ++-- packages/react-table/CHANGELOG.md | 4 ++++ packages/react-table/package.json | 4 ++-- packages/react-templates/CHANGELOG.md | 4 ++++ packages/react-templates/package.json | 4 ++-- 14 files changed, 47 insertions(+), 17 deletions(-) diff --git a/packages/react-code-editor/CHANGELOG.md b/packages/react-code-editor/CHANGELOG.md index 3b85421514a..8a2a753ce13 100644 --- a/packages/react-code-editor/CHANGELOG.md +++ b/packages/react-code-editor/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.3 (2024-04-24) + +**Note:** Version bump only for package @patternfly/react-code-editor + # [5.4.0-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.4.0-prerelease.1...@patternfly/react-code-editor@5.4.0-prerelease.2) (2024-04-19) **Note:** Version bump only for package @patternfly/react-code-editor diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json index 1e8189a2b00..acc8bfaa94a 100644 --- a/packages/react-code-editor/package.json +++ b/packages/react-code-editor/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-code-editor", - "version": "5.4.0-prerelease.2", + "version": "5.4.0-prerelease.3", "description": "This package provides a PatternFly wrapper for the Monaco code editor\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -30,7 +30,7 @@ }, "dependencies": { "@monaco-editor/react": "^4.6.0", - "@patternfly/react-core": "^5.4.0-prerelease.2", + "@patternfly/react-core": "^5.4.0-prerelease.3", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "react-dropzone": "14.2.3", diff --git a/packages/react-core/CHANGELOG.md b/packages/react-core/CHANGELOG.md index 973909e3a31..cdc7a2402e8 100644 --- a/packages/react-core/CHANGELOG.md +++ b/packages/react-core/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.3 (2024-04-24) + +### Bug Fixes + +- **TreeView:** improved a11y experience ([#10220](https://github.com/patternfly/patternfly-react/issues/10220)) ([dc69ddb](https://github.com/patternfly/patternfly-react/commit/dc69ddb3e476153754a63822239e78afc3205bdf)) + # [5.4.0-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.4.0-prerelease.1...@patternfly/react-core@5.4.0-prerelease.2) (2024-04-19) **Note:** Version bump only for package @patternfly/react-core diff --git a/packages/react-core/package.json b/packages/react-core/package.json index 5f2130f34db..d4d432a29f0 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-core", - "version": "5.4.0-prerelease.2", + "version": "5.4.0-prerelease.3", "description": "This library provides a set of common React components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", diff --git a/packages/react-docs/CHANGELOG.md b/packages/react-docs/CHANGELOG.md index 84be51ca809..d73752fe80c 100644 --- a/packages/react-docs/CHANGELOG.md +++ b/packages/react-docs/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [6.4.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.3...@patternfly/react-docs@6.4.0-prerelease.4) (2024-04-24) + +**Note:** Version bump only for package @patternfly/react-docs + # [6.4.0-prerelease.3](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.2...@patternfly/react-docs@6.4.0-prerelease.3) (2024-04-22) **Note:** Version bump only for package @patternfly/react-docs diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index 12e5b8d125d..5b35fe66d6e 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -1,7 +1,7 @@ { "name": "@patternfly/react-docs", "description": "PatternFly React Docs", - "version": "6.4.0-prerelease.3", + "version": "6.4.0-prerelease.4", "publishConfig": { "access": "public" }, @@ -24,13 +24,13 @@ "dependencies": { "@patternfly/patternfly": "5.3.0-prerelease.5", "@patternfly/react-charts": "^7.4.0-prerelease.2", - "@patternfly/react-code-editor": "^5.4.0-prerelease.2", - "@patternfly/react-core": "^5.4.0-prerelease.2", - "@patternfly/react-drag-drop": "^5.4.0-prerelease.2", + "@patternfly/react-code-editor": "^5.4.0-prerelease.3", + "@patternfly/react-core": "^5.4.0-prerelease.3", + "@patternfly/react-drag-drop": "^5.4.0-prerelease.3", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", - "@patternfly/react-table": "^5.4.0-prerelease.2", - "@patternfly/react-templates": "^1.1.0-prerelease.2", + "@patternfly/react-table": "^5.4.0-prerelease.3", + "@patternfly/react-templates": "^1.1.0-prerelease.3", "@patternfly/react-tokens": "^5.4.0-prerelease.1" }, "devDependencies": { diff --git a/packages/react-drag-drop/CHANGELOG.md b/packages/react-drag-drop/CHANGELOG.md index f6bb8d60ba5..2e94819dd82 100644 --- a/packages/react-drag-drop/CHANGELOG.md +++ b/packages/react-drag-drop/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.3 (2024-04-24) + +**Note:** Version bump only for package @patternfly/react-drag-drop + # [5.4.0-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.4.0-prerelease.1...@patternfly/react-drag-drop@5.4.0-prerelease.2) (2024-04-19) **Note:** Version bump only for package @patternfly/react-drag-drop diff --git a/packages/react-drag-drop/package.json b/packages/react-drag-drop/package.json index f498730edf5..07d239f4964 100644 --- a/packages/react-drag-drop/package.json +++ b/packages/react-drag-drop/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-drag-drop", - "version": "5.4.0-prerelease.2", + "version": "5.4.0-prerelease.3", "description": "PatternFly drag and drop solution", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -32,7 +32,7 @@ "@dnd-kit/core": "^6.0.8", "@dnd-kit/modifiers": "^6.0.1", "@dnd-kit/sortable": "^7.0.2", - "@patternfly/react-core": "^5.4.0-prerelease.2", + "@patternfly/react-core": "^5.4.0-prerelease.3", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "memoize-one": "^5.1.0", diff --git a/packages/react-integration/demo-app-ts/CHANGELOG.md b/packages/react-integration/demo-app-ts/CHANGELOG.md index 1a742a10ffa..247aba55ab4 100644 --- a/packages/react-integration/demo-app-ts/CHANGELOG.md +++ b/packages/react-integration/demo-app-ts/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## 5.1.1-prerelease.104 (2024-04-24) + +**Note:** Version bump only for package demo-app-ts + ## [5.1.1-prerelease.103](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.102...demo-app-ts@5.1.1-prerelease.103) (2024-04-19) **Note:** Version bump only for package demo-app-ts diff --git a/packages/react-integration/demo-app-ts/package.json b/packages/react-integration/demo-app-ts/package.json index 4ae90c6bbd6..da17eaf026a 100644 --- a/packages/react-integration/demo-app-ts/package.json +++ b/packages/react-integration/demo-app-ts/package.json @@ -1,7 +1,7 @@ { "name": "demo-app-ts", "private": true, - "version": "5.1.1-prerelease.103", + "version": "5.1.1-prerelease.104", "scripts": { "build:demo-app": "webpack --mode production", "start:demo-app": "webpack-dev-server", @@ -9,7 +9,7 @@ "serve:demo-app": "node scripts/serve" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.2", + "@patternfly/react-core": "^5.4.0-prerelease.3", "react": "^18", "react-dom": "^18", "react-router": "^5.3.3", diff --git a/packages/react-table/CHANGELOG.md b/packages/react-table/CHANGELOG.md index 32bf476a234..48e7543b84e 100644 --- a/packages/react-table/CHANGELOG.md +++ b/packages/react-table/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.3 (2024-04-24) + +**Note:** Version bump only for package @patternfly/react-table + # [5.4.0-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.4.0-prerelease.1...@patternfly/react-table@5.4.0-prerelease.2) (2024-04-19) **Note:** Version bump only for package @patternfly/react-table diff --git a/packages/react-table/package.json b/packages/react-table/package.json index e290d904934..09b53e0d15c 100644 --- a/packages/react-table/package.json +++ b/packages/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-table", - "version": "5.4.0-prerelease.2", + "version": "5.4.0-prerelease.3", "description": "This library provides a set of React table components for use with the PatternFly 4", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -39,7 +39,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.2", + "@patternfly/react-core": "^5.4.0-prerelease.3", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "@patternfly/react-tokens": "^5.4.0-prerelease.1", diff --git a/packages/react-templates/CHANGELOG.md b/packages/react-templates/CHANGELOG.md index ca8e748f2a3..98ae6d14c3a 100644 --- a/packages/react-templates/CHANGELOG.md +++ b/packages/react-templates/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 1.1.0-prerelease.3 (2024-04-24) + +**Note:** Version bump only for package @patternfly/react-templates + # [1.1.0-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.1...@patternfly/react-templates@1.1.0-prerelease.2) (2024-04-19) **Note:** Version bump only for package @patternfly/react-templates diff --git a/packages/react-templates/package.json b/packages/react-templates/package.json index 9fe3cbc6c28..56e1ab4670d 100644 --- a/packages/react-templates/package.json +++ b/packages/react-templates/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-templates", - "version": "1.1.0-prerelease.2", + "version": "1.1.0-prerelease.3", "description": "This package provides wrapped component demos for ease of use\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -33,7 +33,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.2", + "@patternfly/react-core": "^5.4.0-prerelease.3", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "@patternfly/react-tokens": "^5.4.0-prerelease.1", From 24df4bdafc9b19d08c111a061cf099609d14d7d7 Mon Sep 17 00:00:00 2001 From: Jessie Date: Fri, 26 Apr 2024 11:10:48 -0400 Subject: [PATCH 027/148] feat(Page): add prop to set width of drawer (#10279) * Add drawerWidth prop * Add min and max sizes * Update prop descriptions --- .../src/components/Drawer/DrawerPanelContent.tsx | 8 ++++---- packages/react-core/src/components/Page/Page.tsx | 15 ++++++++++++++- 2 files changed, 18 insertions(+), 5 deletions(-) diff --git a/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx b/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx index d2651622d9a..307a8462405 100644 --- a/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx +++ b/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx @@ -37,13 +37,13 @@ export interface DrawerPanelContentProps extends Omit void; - /** The minimum size of a drawer, in either pixels or percentage. */ + /** The minimum size of a drawer. */ minSize?: string; - /** The starting size of a resizable drawer, in either pixels or percentage. */ + /** The starting size of a drawer. */ defaultSize?: string; - /** The maximum size of a drawer, in either pixels or percentage. */ + /** The maximum size of a drawer. */ maxSize?: string; - /** The increment amount for keyboard drawer resizing, in pixels. */ + /** The increment amount for keyboard drawer resizing. */ increment?: number; /** Aria label for the resizable drawer splitter. */ resizeAriaLabel?: string; diff --git a/packages/react-core/src/components/Page/Page.tsx b/packages/react-core/src/components/Page/Page.tsx index dc1bead60ee..b02f560d65e 100644 --- a/packages/react-core/src/components/Page/Page.tsx +++ b/packages/react-core/src/components/Page/Page.tsx @@ -27,6 +27,12 @@ export interface PageProps extends React.HTMLProps { notificationDrawer?: React.ReactNode; /** Flag indicating Notification drawer in expanded */ isNotificationDrawerExpanded?: boolean; + /** Sets default drawer size */ + drawerDefaultSize?: string; + /** Sets the minimum drawer size*/ + drawerMinSize?: string; + /** Sets the maximum drawer size */ + drawerMaxSize?: string; /** Flag indicating if breadcrumb width should be limited */ isBreadcrumbWidthLimited?: boolean; /** Callback when notification drawer panel is finished expanding. */ @@ -219,6 +225,9 @@ class Page extends React.Component { notificationDrawer, isNotificationDrawerExpanded, onNotificationDrawerExpand, + drawerDefaultSize, + drawerMinSize, + drawerMaxSize, isTertiaryNavWidthLimited, skipToContent, role, @@ -310,7 +319,11 @@ class Page extends React.Component { ); - const panelContent = {notificationDrawer}; + const panelContent = ( + + {notificationDrawer} + + ); return ( From 617c9b6e493357752bf044de91bcc03428a9d508 Mon Sep 17 00:00:00 2001 From: patternfly-build Date: Fri, 26 Apr 2024 15:20:58 +0000 Subject: [PATCH 028/148] chore(release): releasing packages [ci skip] - @patternfly/react-code-editor@5.4.0-prerelease.4 - @patternfly/react-core@5.4.0-prerelease.4 - @patternfly/react-docs@6.4.0-prerelease.5 - @patternfly/react-drag-drop@5.4.0-prerelease.4 - demo-app-ts@5.1.1-prerelease.105 - @patternfly/react-table@5.4.0-prerelease.4 - @patternfly/react-templates@1.1.0-prerelease.4 --- packages/react-code-editor/CHANGELOG.md | 4 ++++ packages/react-code-editor/package.json | 4 ++-- packages/react-core/CHANGELOG.md | 6 ++++++ packages/react-core/package.json | 2 +- packages/react-docs/CHANGELOG.md | 4 ++++ packages/react-docs/package.json | 12 ++++++------ packages/react-drag-drop/CHANGELOG.md | 4 ++++ packages/react-drag-drop/package.json | 4 ++-- packages/react-integration/demo-app-ts/CHANGELOG.md | 4 ++++ packages/react-integration/demo-app-ts/package.json | 4 ++-- packages/react-table/CHANGELOG.md | 4 ++++ packages/react-table/package.json | 4 ++-- packages/react-templates/CHANGELOG.md | 4 ++++ packages/react-templates/package.json | 4 ++-- 14 files changed, 47 insertions(+), 17 deletions(-) diff --git a/packages/react-code-editor/CHANGELOG.md b/packages/react-code-editor/CHANGELOG.md index 8a2a753ce13..d12c13598ff 100644 --- a/packages/react-code-editor/CHANGELOG.md +++ b/packages/react-code-editor/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.4.0-prerelease.3...@patternfly/react-code-editor@5.4.0-prerelease.4) (2024-04-26) + +**Note:** Version bump only for package @patternfly/react-code-editor + # 5.4.0-prerelease.3 (2024-04-24) **Note:** Version bump only for package @patternfly/react-code-editor diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json index acc8bfaa94a..e7bc524175a 100644 --- a/packages/react-code-editor/package.json +++ b/packages/react-code-editor/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-code-editor", - "version": "5.4.0-prerelease.3", + "version": "5.4.0-prerelease.4", "description": "This package provides a PatternFly wrapper for the Monaco code editor\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -30,7 +30,7 @@ }, "dependencies": { "@monaco-editor/react": "^4.6.0", - "@patternfly/react-core": "^5.4.0-prerelease.3", + "@patternfly/react-core": "^5.4.0-prerelease.4", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "react-dropzone": "14.2.3", diff --git a/packages/react-core/CHANGELOG.md b/packages/react-core/CHANGELOG.md index cdc7a2402e8..03c978bfd80 100644 --- a/packages/react-core/CHANGELOG.md +++ b/packages/react-core/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.4.0-prerelease.3...@patternfly/react-core@5.4.0-prerelease.4) (2024-04-26) + +### Features + +- **Page:** add prop to set width of drawer ([#10279](https://github.com/patternfly/patternfly-react/issues/10279)) ([24df4bd](https://github.com/patternfly/patternfly-react/commit/24df4bdafc9b19d08c111a061cf099609d14d7d7)) + # 5.4.0-prerelease.3 (2024-04-24) ### Bug Fixes diff --git a/packages/react-core/package.json b/packages/react-core/package.json index d4d432a29f0..e0660391b2d 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-core", - "version": "5.4.0-prerelease.3", + "version": "5.4.0-prerelease.4", "description": "This library provides a set of common React components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", diff --git a/packages/react-docs/CHANGELOG.md b/packages/react-docs/CHANGELOG.md index d73752fe80c..eff2b420d34 100644 --- a/packages/react-docs/CHANGELOG.md +++ b/packages/react-docs/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [6.4.0-prerelease.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.4...@patternfly/react-docs@6.4.0-prerelease.5) (2024-04-26) + +**Note:** Version bump only for package @patternfly/react-docs + # [6.4.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.3...@patternfly/react-docs@6.4.0-prerelease.4) (2024-04-24) **Note:** Version bump only for package @patternfly/react-docs diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index 5b35fe66d6e..f7101fab649 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -1,7 +1,7 @@ { "name": "@patternfly/react-docs", "description": "PatternFly React Docs", - "version": "6.4.0-prerelease.4", + "version": "6.4.0-prerelease.5", "publishConfig": { "access": "public" }, @@ -24,13 +24,13 @@ "dependencies": { "@patternfly/patternfly": "5.3.0-prerelease.5", "@patternfly/react-charts": "^7.4.0-prerelease.2", - "@patternfly/react-code-editor": "^5.4.0-prerelease.3", - "@patternfly/react-core": "^5.4.0-prerelease.3", - "@patternfly/react-drag-drop": "^5.4.0-prerelease.3", + "@patternfly/react-code-editor": "^5.4.0-prerelease.4", + "@patternfly/react-core": "^5.4.0-prerelease.4", + "@patternfly/react-drag-drop": "^5.4.0-prerelease.4", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", - "@patternfly/react-table": "^5.4.0-prerelease.3", - "@patternfly/react-templates": "^1.1.0-prerelease.3", + "@patternfly/react-table": "^5.4.0-prerelease.4", + "@patternfly/react-templates": "^1.1.0-prerelease.4", "@patternfly/react-tokens": "^5.4.0-prerelease.1" }, "devDependencies": { diff --git a/packages/react-drag-drop/CHANGELOG.md b/packages/react-drag-drop/CHANGELOG.md index 2e94819dd82..139901a198b 100644 --- a/packages/react-drag-drop/CHANGELOG.md +++ b/packages/react-drag-drop/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.4.0-prerelease.3...@patternfly/react-drag-drop@5.4.0-prerelease.4) (2024-04-26) + +**Note:** Version bump only for package @patternfly/react-drag-drop + # 5.4.0-prerelease.3 (2024-04-24) **Note:** Version bump only for package @patternfly/react-drag-drop diff --git a/packages/react-drag-drop/package.json b/packages/react-drag-drop/package.json index 07d239f4964..f33a993001f 100644 --- a/packages/react-drag-drop/package.json +++ b/packages/react-drag-drop/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-drag-drop", - "version": "5.4.0-prerelease.3", + "version": "5.4.0-prerelease.4", "description": "PatternFly drag and drop solution", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -32,7 +32,7 @@ "@dnd-kit/core": "^6.0.8", "@dnd-kit/modifiers": "^6.0.1", "@dnd-kit/sortable": "^7.0.2", - "@patternfly/react-core": "^5.4.0-prerelease.3", + "@patternfly/react-core": "^5.4.0-prerelease.4", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "memoize-one": "^5.1.0", diff --git a/packages/react-integration/demo-app-ts/CHANGELOG.md b/packages/react-integration/demo-app-ts/CHANGELOG.md index 247aba55ab4..dd316fc00f2 100644 --- a/packages/react-integration/demo-app-ts/CHANGELOG.md +++ b/packages/react-integration/demo-app-ts/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [5.1.1-prerelease.105](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.104...demo-app-ts@5.1.1-prerelease.105) (2024-04-26) + +**Note:** Version bump only for package demo-app-ts + ## 5.1.1-prerelease.104 (2024-04-24) **Note:** Version bump only for package demo-app-ts diff --git a/packages/react-integration/demo-app-ts/package.json b/packages/react-integration/demo-app-ts/package.json index da17eaf026a..be695749256 100644 --- a/packages/react-integration/demo-app-ts/package.json +++ b/packages/react-integration/demo-app-ts/package.json @@ -1,7 +1,7 @@ { "name": "demo-app-ts", "private": true, - "version": "5.1.1-prerelease.104", + "version": "5.1.1-prerelease.105", "scripts": { "build:demo-app": "webpack --mode production", "start:demo-app": "webpack-dev-server", @@ -9,7 +9,7 @@ "serve:demo-app": "node scripts/serve" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.3", + "@patternfly/react-core": "^5.4.0-prerelease.4", "react": "^18", "react-dom": "^18", "react-router": "^5.3.3", diff --git a/packages/react-table/CHANGELOG.md b/packages/react-table/CHANGELOG.md index 48e7543b84e..3663c983a5e 100644 --- a/packages/react-table/CHANGELOG.md +++ b/packages/react-table/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.4.0-prerelease.3...@patternfly/react-table@5.4.0-prerelease.4) (2024-04-26) + +**Note:** Version bump only for package @patternfly/react-table + # 5.4.0-prerelease.3 (2024-04-24) **Note:** Version bump only for package @patternfly/react-table diff --git a/packages/react-table/package.json b/packages/react-table/package.json index 09b53e0d15c..d4d289e176e 100644 --- a/packages/react-table/package.json +++ b/packages/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-table", - "version": "5.4.0-prerelease.3", + "version": "5.4.0-prerelease.4", "description": "This library provides a set of React table components for use with the PatternFly 4", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -39,7 +39,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.3", + "@patternfly/react-core": "^5.4.0-prerelease.4", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "@patternfly/react-tokens": "^5.4.0-prerelease.1", diff --git a/packages/react-templates/CHANGELOG.md b/packages/react-templates/CHANGELOG.md index 98ae6d14c3a..b1d9917cac9 100644 --- a/packages/react-templates/CHANGELOG.md +++ b/packages/react-templates/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [1.1.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.3...@patternfly/react-templates@1.1.0-prerelease.4) (2024-04-26) + +**Note:** Version bump only for package @patternfly/react-templates + # 1.1.0-prerelease.3 (2024-04-24) **Note:** Version bump only for package @patternfly/react-templates diff --git a/packages/react-templates/package.json b/packages/react-templates/package.json index 56e1ab4670d..d1e8dc59a9b 100644 --- a/packages/react-templates/package.json +++ b/packages/react-templates/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-templates", - "version": "1.1.0-prerelease.3", + "version": "1.1.0-prerelease.4", "description": "This package provides wrapped component demos for ease of use\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -33,7 +33,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.3", + "@patternfly/react-core": "^5.4.0-prerelease.4", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "@patternfly/react-tokens": "^5.4.0-prerelease.1", From d8b7bf36d28499dc948b9b895d5acd31f5246dc7 Mon Sep 17 00:00:00 2001 From: adamviktora <84135613+adamviktora@users.noreply.github.com> Date: Fri, 26 Apr 2024 17:44:07 +0200 Subject: [PATCH 029/148] fix(DragDropSort): fix positioning of DragOverlay (#10283) --- .../src/next/components/DragDrop/DragDropSort.tsx | 6 +++++- .../next/components/DragDrop/__tests__/DragDrop.test.tsx | 5 +++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/packages/react-drag-drop/src/next/components/DragDrop/DragDropSort.tsx b/packages/react-drag-drop/src/next/components/DragDrop/DragDropSort.tsx index ea575265b8b..615533711d8 100644 --- a/packages/react-drag-drop/src/next/components/DragDrop/DragDropSort.tsx +++ b/packages/react-drag-drop/src/next/components/DragDrop/DragDropSort.tsx @@ -1,4 +1,5 @@ import * as React from 'react'; +import * as ReactDOM from 'react-dom'; import { css } from '@patternfly/react-styles'; import { DndContext, @@ -22,6 +23,7 @@ import { Draggable } from './Draggable'; import { DraggableDataListItem } from './DraggableDataListItem'; import { DraggableDualListSelectorListItem } from './DraggableDualListSelectorListItem'; import styles from '@patternfly/react-styles/css/components/DragDrop/drag-drop'; +import { canUseDOM } from '@patternfly/react-core'; export type DragDropSortDragEndEvent = DragEndEvent; export type DragDropSortDragStartEvent = DragStartEvent; @@ -135,6 +137,8 @@ export const DragDropSort: React.FunctionComponent = ({ ); }; + const dragOverlay = {activeId && getDragOverlay()}; + const renderedChildren = ( {items.map((item: DraggableObject) => { @@ -159,7 +163,7 @@ export const DragDropSort: React.FunctionComponent = ({ ); } })} - {activeId && getDragOverlay()} + {canUseDOM ? ReactDOM.createPortal(dragOverlay, document.getElementById('root')) : dragOverlay} ); diff --git a/packages/react-drag-drop/src/next/components/DragDrop/__tests__/DragDrop.test.tsx b/packages/react-drag-drop/src/next/components/DragDrop/__tests__/DragDrop.test.tsx index e8831b934a4..98a08bf4c91 100644 --- a/packages/react-drag-drop/src/next/components/DragDrop/__tests__/DragDrop.test.tsx +++ b/packages/react-drag-drop/src/next/components/DragDrop/__tests__/DragDrop.test.tsx @@ -2,6 +2,11 @@ import React from 'react'; import { render } from '@testing-library/react'; import { DragDropSort } from '../'; +jest.mock('react-dom', () => ({ + ...jest.requireActual('react-dom'), + createPortal: jest.fn((node) => node) +})); + test('renders some divs', () => { const { asFragment } = render(
From 57800bd23635d8938051e7577a4ad62201e965c7 Mon Sep 17 00:00:00 2001 From: patternfly-build Date: Fri, 26 Apr 2024 15:55:29 +0000 Subject: [PATCH 030/148] chore(release): releasing packages [ci skip] - @patternfly/react-docs@6.4.0-prerelease.6 - @patternfly/react-drag-drop@5.4.0-prerelease.5 --- packages/react-docs/CHANGELOG.md | 4 ++++ packages/react-docs/package.json | 4 ++-- packages/react-drag-drop/CHANGELOG.md | 6 ++++++ packages/react-drag-drop/package.json | 2 +- 4 files changed, 13 insertions(+), 3 deletions(-) diff --git a/packages/react-docs/CHANGELOG.md b/packages/react-docs/CHANGELOG.md index eff2b420d34..22eb0e730a9 100644 --- a/packages/react-docs/CHANGELOG.md +++ b/packages/react-docs/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [6.4.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.5...@patternfly/react-docs@6.4.0-prerelease.6) (2024-04-26) + +**Note:** Version bump only for package @patternfly/react-docs + # [6.4.0-prerelease.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.4...@patternfly/react-docs@6.4.0-prerelease.5) (2024-04-26) **Note:** Version bump only for package @patternfly/react-docs diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index f7101fab649..f626ff7cc26 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -1,7 +1,7 @@ { "name": "@patternfly/react-docs", "description": "PatternFly React Docs", - "version": "6.4.0-prerelease.5", + "version": "6.4.0-prerelease.6", "publishConfig": { "access": "public" }, @@ -26,7 +26,7 @@ "@patternfly/react-charts": "^7.4.0-prerelease.2", "@patternfly/react-code-editor": "^5.4.0-prerelease.4", "@patternfly/react-core": "^5.4.0-prerelease.4", - "@patternfly/react-drag-drop": "^5.4.0-prerelease.4", + "@patternfly/react-drag-drop": "^5.4.0-prerelease.5", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "@patternfly/react-table": "^5.4.0-prerelease.4", diff --git a/packages/react-drag-drop/CHANGELOG.md b/packages/react-drag-drop/CHANGELOG.md index 139901a198b..7fb4cff3db8 100644 --- a/packages/react-drag-drop/CHANGELOG.md +++ b/packages/react-drag-drop/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.4.0-prerelease.4...@patternfly/react-drag-drop@5.4.0-prerelease.5) (2024-04-26) + +### Bug Fixes + +- **DragDropSort:** fix positioning of DragOverlay ([#10283](https://github.com/patternfly/patternfly-react/issues/10283)) ([d8b7bf3](https://github.com/patternfly/patternfly-react/commit/d8b7bf36d28499dc948b9b895d5acd31f5246dc7)) + # [5.4.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.4.0-prerelease.3...@patternfly/react-drag-drop@5.4.0-prerelease.4) (2024-04-26) **Note:** Version bump only for package @patternfly/react-drag-drop diff --git a/packages/react-drag-drop/package.json b/packages/react-drag-drop/package.json index f33a993001f..38cb4d2aaed 100644 --- a/packages/react-drag-drop/package.json +++ b/packages/react-drag-drop/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-drag-drop", - "version": "5.4.0-prerelease.4", + "version": "5.4.0-prerelease.5", "description": "PatternFly drag and drop solution", "main": "dist/js/index.js", "module": "dist/esm/index.js", From 312a3514d49da68e83df22a3c8d68c1f0b9434e5 Mon Sep 17 00:00:00 2001 From: kmcfaul <45077788+kmcfaul@users.noreply.github.com> Date: Fri, 26 Apr 2024 13:38:10 -0400 Subject: [PATCH 031/148] feat(docs): fix props ignore paths (#10301) --- packages/react-docs/patternfly-docs/patternfly-docs.source.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-docs/patternfly-docs/patternfly-docs.source.js b/packages/react-docs/patternfly-docs/patternfly-docs.source.js index b04b4effea9..4abe46ebab2 100644 --- a/packages/react-docs/patternfly-docs/patternfly-docs.source.js +++ b/packages/react-docs/patternfly-docs/patternfly-docs.source.js @@ -18,7 +18,7 @@ module.exports = (baseSourceMD, sourceProps) => { .replace('package.json', 'src'); const reactDragDropPath = require.resolve('@patternfly/react-drag-drop/package.json').replace('package.json', 'src'); const reactTemplatesPath = require.resolve('@patternfly/react-templates/package.json').replace('package.json', 'src'); - const reactPropsIgnore = '**/*.test.tsx'; + const reactPropsIgnore = ['/**/examples/**', '/**/__mocks__/**', '/**/__tests__/**', '/**/*.test.tsx']; sourceProps(path.join(reactCorePath, '/**/*.tsx'), reactPropsIgnore); sourceProps(path.join(reactTablePath, '/**/*.tsx'), reactPropsIgnore); From 58139cd856b539e8aad88bfce3871c54ba79df72 Mon Sep 17 00:00:00 2001 From: patternfly-build Date: Fri, 26 Apr 2024 17:49:38 +0000 Subject: [PATCH 032/148] chore(release): releasing packages [ci skip] - @patternfly/react-docs@6.4.0-prerelease.7 --- packages/react-docs/CHANGELOG.md | 6 ++++++ packages/react-docs/package.json | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/packages/react-docs/CHANGELOG.md b/packages/react-docs/CHANGELOG.md index 22eb0e730a9..4c1003a227d 100644 --- a/packages/react-docs/CHANGELOG.md +++ b/packages/react-docs/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [6.4.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.6...@patternfly/react-docs@6.4.0-prerelease.7) (2024-04-26) + +### Features + +- **docs:** fix props ignore paths ([#10301](https://github.com/patternfly/patternfly-react/issues/10301)) ([312a351](https://github.com/patternfly/patternfly-react/commit/312a3514d49da68e83df22a3c8d68c1f0b9434e5)) + # [6.4.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.5...@patternfly/react-docs@6.4.0-prerelease.6) (2024-04-26) **Note:** Version bump only for package @patternfly/react-docs diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index f626ff7cc26..7839b83c4b5 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -1,7 +1,7 @@ { "name": "@patternfly/react-docs", "description": "PatternFly React Docs", - "version": "6.4.0-prerelease.6", + "version": "6.4.0-prerelease.7", "publishConfig": { "access": "public" }, From fcf105e75e40b7324e28c067fc62ad40e68f7183 Mon Sep 17 00:00:00 2001 From: adamviktora <84135613+adamviktora@users.noreply.github.com> Date: Mon, 29 Apr 2024 17:38:02 +0200 Subject: [PATCH 033/148] fix(Datepicker): revalidate on validators prop change (#10293) --- .../src/components/DatePicker/DatePicker.tsx | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/packages/react-core/src/components/DatePicker/DatePicker.tsx b/packages/react-core/src/components/DatePicker/DatePicker.tsx index 190e4d158e2..dbe306ce54a 100644 --- a/packages/react-core/src/components/DatePicker/DatePicker.tsx +++ b/packages/react-core/src/components/DatePicker/DatePicker.tsx @@ -144,18 +144,24 @@ const DatePickerBase = ( setValueDate(dateParse(valueProp)); }, [valueProp]); + React.useEffect(() => { + if (isValidDate(valueDate)) { + applyValidators(valueDate); + } + }, [validators]); + React.useEffect(() => { setPristine(!value); const newValueDate = dateParse(value); if (errorText && isValidDate(newValueDate)) { - setError(newValueDate); + applyValidators(newValueDate); } if (value === '' && !pristine && !textInputFocused) { dateIsRequired ? setErrorText(emptyDateText) : setErrorText(''); } }, [value]); - const setError = (date: Date) => { + const applyValidators = (date: Date) => { setErrorText(validators.map((validator) => validator(date)).join('\n') || ''); }; @@ -179,7 +185,7 @@ const DatePickerBase = ( onBlur(event, value, onBlurDateArg); if (dateIsValid) { - setError(newValueDate); + applyValidators(newValueDate); } if (!dateIsValid && !pristine) { @@ -195,7 +201,7 @@ const DatePickerBase = ( const newValue = dateFormat(newValueDate); setValue(newValue); setValueDate(newValueDate); - setError(newValueDate); + applyValidators(newValueDate); setPopoverOpen(false); onChange(null, newValue, new Date(newValueDate)); }; @@ -203,7 +209,7 @@ const DatePickerBase = ( const onKeyPress = (ev: React.KeyboardEvent) => { if (ev.key === 'Enter' && value) { if (isValidDate(valueDate)) { - setError(valueDate); + applyValidators(valueDate); } else { setErrorText(invalidFormatText); } From 883f1f6f6c1fa23015d974b80693715be897d0df Mon Sep 17 00:00:00 2001 From: patternfly-build Date: Mon, 29 Apr 2024 15:49:44 +0000 Subject: [PATCH 034/148] chore(release): releasing packages [ci skip] - @patternfly/react-code-editor@5.4.0-prerelease.5 - @patternfly/react-core@5.4.0-prerelease.5 - @patternfly/react-docs@6.4.0-prerelease.8 - @patternfly/react-drag-drop@5.4.0-prerelease.6 - demo-app-ts@5.1.1-prerelease.106 - @patternfly/react-table@5.4.0-prerelease.5 - @patternfly/react-templates@1.1.0-prerelease.5 --- packages/react-code-editor/CHANGELOG.md | 4 ++++ packages/react-code-editor/package.json | 4 ++-- packages/react-core/CHANGELOG.md | 6 ++++++ packages/react-core/package.json | 2 +- packages/react-docs/CHANGELOG.md | 4 ++++ packages/react-docs/package.json | 12 ++++++------ packages/react-drag-drop/CHANGELOG.md | 4 ++++ packages/react-drag-drop/package.json | 4 ++-- packages/react-integration/demo-app-ts/CHANGELOG.md | 4 ++++ packages/react-integration/demo-app-ts/package.json | 4 ++-- packages/react-table/CHANGELOG.md | 4 ++++ packages/react-table/package.json | 4 ++-- packages/react-templates/CHANGELOG.md | 4 ++++ packages/react-templates/package.json | 4 ++-- 14 files changed, 47 insertions(+), 17 deletions(-) diff --git a/packages/react-code-editor/CHANGELOG.md b/packages/react-code-editor/CHANGELOG.md index d12c13598ff..3f98dd1889b 100644 --- a/packages/react-code-editor/CHANGELOG.md +++ b/packages/react-code-editor/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.5 (2024-04-29) + +**Note:** Version bump only for package @patternfly/react-code-editor + # [5.4.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.4.0-prerelease.3...@patternfly/react-code-editor@5.4.0-prerelease.4) (2024-04-26) **Note:** Version bump only for package @patternfly/react-code-editor diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json index e7bc524175a..bdf7968a4f5 100644 --- a/packages/react-code-editor/package.json +++ b/packages/react-code-editor/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-code-editor", - "version": "5.4.0-prerelease.4", + "version": "5.4.0-prerelease.5", "description": "This package provides a PatternFly wrapper for the Monaco code editor\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -30,7 +30,7 @@ }, "dependencies": { "@monaco-editor/react": "^4.6.0", - "@patternfly/react-core": "^5.4.0-prerelease.4", + "@patternfly/react-core": "^5.4.0-prerelease.5", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "react-dropzone": "14.2.3", diff --git a/packages/react-core/CHANGELOG.md b/packages/react-core/CHANGELOG.md index 03c978bfd80..a85ed9b7b8e 100644 --- a/packages/react-core/CHANGELOG.md +++ b/packages/react-core/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.5 (2024-04-29) + +### Bug Fixes + +- **Datepicker:** revalidate on validators prop change ([#10293](https://github.com/patternfly/patternfly-react/issues/10293)) ([fcf105e](https://github.com/patternfly/patternfly-react/commit/fcf105e75e40b7324e28c067fc62ad40e68f7183)) + # [5.4.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.4.0-prerelease.3...@patternfly/react-core@5.4.0-prerelease.4) (2024-04-26) ### Features diff --git a/packages/react-core/package.json b/packages/react-core/package.json index e0660391b2d..36779c4baba 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-core", - "version": "5.4.0-prerelease.4", + "version": "5.4.0-prerelease.5", "description": "This library provides a set of common React components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", diff --git a/packages/react-docs/CHANGELOG.md b/packages/react-docs/CHANGELOG.md index 4c1003a227d..f44c0ac2345 100644 --- a/packages/react-docs/CHANGELOG.md +++ b/packages/react-docs/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [6.4.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.7...@patternfly/react-docs@6.4.0-prerelease.8) (2024-04-29) + +**Note:** Version bump only for package @patternfly/react-docs + # [6.4.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.6...@patternfly/react-docs@6.4.0-prerelease.7) (2024-04-26) ### Features diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index 7839b83c4b5..909bec14ae5 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -1,7 +1,7 @@ { "name": "@patternfly/react-docs", "description": "PatternFly React Docs", - "version": "6.4.0-prerelease.7", + "version": "6.4.0-prerelease.8", "publishConfig": { "access": "public" }, @@ -24,13 +24,13 @@ "dependencies": { "@patternfly/patternfly": "5.3.0-prerelease.5", "@patternfly/react-charts": "^7.4.0-prerelease.2", - "@patternfly/react-code-editor": "^5.4.0-prerelease.4", - "@patternfly/react-core": "^5.4.0-prerelease.4", - "@patternfly/react-drag-drop": "^5.4.0-prerelease.5", + "@patternfly/react-code-editor": "^5.4.0-prerelease.5", + "@patternfly/react-core": "^5.4.0-prerelease.5", + "@patternfly/react-drag-drop": "^5.4.0-prerelease.6", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", - "@patternfly/react-table": "^5.4.0-prerelease.4", - "@patternfly/react-templates": "^1.1.0-prerelease.4", + "@patternfly/react-table": "^5.4.0-prerelease.5", + "@patternfly/react-templates": "^1.1.0-prerelease.5", "@patternfly/react-tokens": "^5.4.0-prerelease.1" }, "devDependencies": { diff --git a/packages/react-drag-drop/CHANGELOG.md b/packages/react-drag-drop/CHANGELOG.md index 7fb4cff3db8..7492c0eb376 100644 --- a/packages/react-drag-drop/CHANGELOG.md +++ b/packages/react-drag-drop/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.6 (2024-04-29) + +**Note:** Version bump only for package @patternfly/react-drag-drop + # [5.4.0-prerelease.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.4.0-prerelease.4...@patternfly/react-drag-drop@5.4.0-prerelease.5) (2024-04-26) ### Bug Fixes diff --git a/packages/react-drag-drop/package.json b/packages/react-drag-drop/package.json index 38cb4d2aaed..02d1ca6ad1a 100644 --- a/packages/react-drag-drop/package.json +++ b/packages/react-drag-drop/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-drag-drop", - "version": "5.4.0-prerelease.5", + "version": "5.4.0-prerelease.6", "description": "PatternFly drag and drop solution", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -32,7 +32,7 @@ "@dnd-kit/core": "^6.0.8", "@dnd-kit/modifiers": "^6.0.1", "@dnd-kit/sortable": "^7.0.2", - "@patternfly/react-core": "^5.4.0-prerelease.4", + "@patternfly/react-core": "^5.4.0-prerelease.5", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "memoize-one": "^5.1.0", diff --git a/packages/react-integration/demo-app-ts/CHANGELOG.md b/packages/react-integration/demo-app-ts/CHANGELOG.md index dd316fc00f2..96dca9d69a4 100644 --- a/packages/react-integration/demo-app-ts/CHANGELOG.md +++ b/packages/react-integration/demo-app-ts/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## 5.1.1-prerelease.106 (2024-04-29) + +**Note:** Version bump only for package demo-app-ts + ## [5.1.1-prerelease.105](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.104...demo-app-ts@5.1.1-prerelease.105) (2024-04-26) **Note:** Version bump only for package demo-app-ts diff --git a/packages/react-integration/demo-app-ts/package.json b/packages/react-integration/demo-app-ts/package.json index be695749256..c07e4fbf84f 100644 --- a/packages/react-integration/demo-app-ts/package.json +++ b/packages/react-integration/demo-app-ts/package.json @@ -1,7 +1,7 @@ { "name": "demo-app-ts", "private": true, - "version": "5.1.1-prerelease.105", + "version": "5.1.1-prerelease.106", "scripts": { "build:demo-app": "webpack --mode production", "start:demo-app": "webpack-dev-server", @@ -9,7 +9,7 @@ "serve:demo-app": "node scripts/serve" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.4", + "@patternfly/react-core": "^5.4.0-prerelease.5", "react": "^18", "react-dom": "^18", "react-router": "^5.3.3", diff --git a/packages/react-table/CHANGELOG.md b/packages/react-table/CHANGELOG.md index 3663c983a5e..21bf86d64df 100644 --- a/packages/react-table/CHANGELOG.md +++ b/packages/react-table/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.5 (2024-04-29) + +**Note:** Version bump only for package @patternfly/react-table + # [5.4.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.4.0-prerelease.3...@patternfly/react-table@5.4.0-prerelease.4) (2024-04-26) **Note:** Version bump only for package @patternfly/react-table diff --git a/packages/react-table/package.json b/packages/react-table/package.json index d4d289e176e..73263bd9803 100644 --- a/packages/react-table/package.json +++ b/packages/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-table", - "version": "5.4.0-prerelease.4", + "version": "5.4.0-prerelease.5", "description": "This library provides a set of React table components for use with the PatternFly 4", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -39,7 +39,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.4", + "@patternfly/react-core": "^5.4.0-prerelease.5", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "@patternfly/react-tokens": "^5.4.0-prerelease.1", diff --git a/packages/react-templates/CHANGELOG.md b/packages/react-templates/CHANGELOG.md index b1d9917cac9..602c973cb8c 100644 --- a/packages/react-templates/CHANGELOG.md +++ b/packages/react-templates/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 1.1.0-prerelease.5 (2024-04-29) + +**Note:** Version bump only for package @patternfly/react-templates + # [1.1.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.3...@patternfly/react-templates@1.1.0-prerelease.4) (2024-04-26) **Note:** Version bump only for package @patternfly/react-templates diff --git a/packages/react-templates/package.json b/packages/react-templates/package.json index d1e8dc59a9b..526a3ed133f 100644 --- a/packages/react-templates/package.json +++ b/packages/react-templates/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-templates", - "version": "1.1.0-prerelease.4", + "version": "1.1.0-prerelease.5", "description": "This package provides wrapped component demos for ease of use\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -33,7 +33,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.4", + "@patternfly/react-core": "^5.4.0-prerelease.5", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "@patternfly/react-tokens": "^5.4.0-prerelease.1", From fe1d86c89d5fc7f37a85a5a78c55fa0c3f4496d6 Mon Sep 17 00:00:00 2001 From: Eric Olkowski <70952936+thatblindgeye@users.noreply.github.com> Date: Mon, 29 Apr 2024 12:02:43 -0400 Subject: [PATCH 035/148] fix(Wizard): added prop to focus content on next/back (#10285) * fix(Wizard): added prop to focus content on next/back * Added new example * Removed beta flag on context props * Removed aria-live attr * Updated prop name * Updated leftover instnaces of ...onNextOrBack prop name --- .../src/components/Wizard/Wizard.tsx | 15 ++++++++++ .../src/components/Wizard/WizardBody.tsx | 18 +++++------ .../src/components/Wizard/WizardContext.tsx | 16 ++++++++-- .../src/components/Wizard/WizardNavItem.tsx | 28 +++++------------ .../Wizard/__tests__/Wizard.test.tsx | 8 ++--- .../src/components/Wizard/examples/Wizard.md | 30 ++++++++++++++++++- .../Wizard/examples/WizardFocusOnNextBack.tsx | 16 ++++++++++ .../examples/WizardWithCustomFooter.tsx | 6 ++-- 8 files changed, 97 insertions(+), 40 deletions(-) create mode 100644 packages/react-core/src/components/Wizard/examples/WizardFocusOnNextBack.tsx diff --git a/packages/react-core/src/components/Wizard/Wizard.tsx b/packages/react-core/src/components/Wizard/Wizard.tsx index 78a90a0cf20..6228c9a1507 100644 --- a/packages/react-core/src/components/Wizard/Wizard.tsx +++ b/packages/react-core/src/components/Wizard/Wizard.tsx @@ -55,6 +55,10 @@ export interface WizardProps extends React.HTMLProps { onSave?: (event: React.MouseEvent) => void | Promise; /** Callback function to close the wizard */ onClose?: (event: React.MouseEvent) => void; + /** @beta Flag indicating whether the wizard content should be focused after the onNext or onBack callbacks + * are called. + */ + shouldFocusContent?: boolean; } export const Wizard = ({ @@ -72,11 +76,13 @@ export const Wizard = ({ onStepChange, onSave, onClose, + shouldFocusContent = false, ...wrapperProps }: WizardProps) => { const [activeStepIndex, setActiveStepIndex] = React.useState(startIndex); const initialSteps = buildSteps(children); const firstStepRef = React.useRef(initialSteps[startIndex - 1]); + const wrapperRef = React.useRef(null); // When the startIndex maps to a parent step, focus on the first sub-step React.useEffect(() => { @@ -85,6 +91,11 @@ export const Wizard = ({ } }, [startIndex]); + const focusMainContentElement = () => + setTimeout(() => { + wrapperRef?.current?.focus && wrapperRef.current.focus(); + }, 0); + const goToNextStep = (event: React.MouseEvent, steps: WizardStepType[] = initialSteps) => { const newStep = steps.find((step) => step.index > activeStepIndex && isStepEnabled(steps, step)); @@ -94,6 +105,7 @@ export const Wizard = ({ setActiveStepIndex(newStep?.index); onStepChange?.(event, newStep, steps[activeStepIndex - 1], WizardStepChangeScope.Next); + shouldFocusContent && focusMainContentElement(); }; const goToPrevStep = (event: React.MouseEvent, steps: WizardStepType[] = initialSteps) => { @@ -103,6 +115,7 @@ export const Wizard = ({ setActiveStepIndex(newStep?.index); onStepChange?.(event, newStep, steps[activeStepIndex - 1], WizardStepChangeScope.Back); + shouldFocusContent && focusMainContentElement(); }; const goToStepByIndex = ( @@ -157,6 +170,8 @@ export const Wizard = ({ goToStepById={goToStepById} goToStepByName={goToStepByName} goToStepByIndex={goToStepByIndex} + shouldFocusContent={shouldFocusContent} + mainWrapperRef={wrapperRef} >
{ const [hasScrollbar, setHasScrollbar] = React.useState(false); const [previousWidth, setPreviousWidth] = React.useState(undefined); - const wrapperRef = React.useRef(null); const WrapperComponent = component; - const { activeStep } = React.useContext(WizardContext); + const { activeStep, shouldFocusContent, mainWrapperRef } = React.useContext(WizardContext); const defaultAriaLabel = ariaLabel || `${activeStep?.name} content`; React.useEffect(() => { const resize = () => { - if (wrapperRef?.current) { - const { offsetWidth, offsetHeight, scrollHeight } = wrapperRef.current; + if (mainWrapperRef?.current) { + const { offsetWidth, offsetHeight, scrollHeight } = mainWrapperRef.current; if (previousWidth !== offsetWidth) { setPreviousWidth(offsetWidth); @@ -56,12 +55,12 @@ export const WizardBody = ({ const handleResizeWithDelay = debounce(resize, 250); let observer = () => {}; - if (wrapperRef?.current) { - observer = getResizeObserver(wrapperRef.current, handleResizeWithDelay); - const { offsetHeight, scrollHeight } = wrapperRef.current; + if (mainWrapperRef?.current) { + observer = getResizeObserver(mainWrapperRef.current, handleResizeWithDelay); + const { offsetHeight, scrollHeight } = mainWrapperRef.current; setHasScrollbar(offsetHeight < scrollHeight); - setPreviousWidth((wrapperRef.current as HTMLElement).offsetWidth); + setPreviousWidth((mainWrapperRef.current as HTMLElement).offsetWidth); } return () => { @@ -71,7 +70,8 @@ export const WizardBody = ({ return ( WizardStepType; /** Set step by ID */ setStep: (step: Pick & Partial) => void; + /** Flag indicating whether the wizard content should be focused after the onNext or onBack callbacks + * are called. + */ + shouldFocusContent: boolean; + /** Ref for main wizard content element. */ + mainWrapperRef: React.RefObject; } export const WizardContext = React.createContext({} as WizardContextProps); @@ -47,6 +53,8 @@ export interface WizardContextProviderProps { steps: WizardStepType[], index: number ): void; + shouldFocusContent: boolean; + mainWrapperRef: React.RefObject; } export const WizardContextProvider: React.FunctionComponent = ({ @@ -59,7 +67,9 @@ export const WizardContextProvider: React.FunctionComponent { const [currentSteps, setCurrentSteps] = React.useState(initialSteps); const [currentFooter, setCurrentFooter] = React.useState(); @@ -139,7 +149,9 @@ export const WizardContextProvider: React.FunctionComponent goToStepByIndex(null, steps, index), [goToStepByIndex, steps] - ) + ), + shouldFocusContent, + mainWrapperRef }} > {children} diff --git a/packages/react-core/src/components/Wizard/WizardNavItem.tsx b/packages/react-core/src/components/Wizard/WizardNavItem.tsx index 065ab6235e2..483191d2531 100644 --- a/packages/react-core/src/components/Wizard/WizardNavItem.tsx +++ b/packages/react-core/src/components/Wizard/WizardNavItem.tsx @@ -44,6 +44,7 @@ export const WizardNavItem = ({ content = '', isCurrent = false, isDisabled = false, + // eslint-disable-next-line @typescript-eslint/no-unused-vars isVisited = false, stepIndex, onClick, @@ -68,23 +69,6 @@ export const WizardNavItem = ({ console.error('WizardNavItem: When using an anchor, please provide an href'); } - const ariaLabel = React.useMemo(() => { - if (status === WizardNavItemStatus.Error || (isVisited && !isCurrent)) { - let label = content.toString(); - - if (status === WizardNavItemStatus.Error) { - label += `, ${status}`; - } - - // No need to signify step is visited if current - if (isVisited && !isCurrent) { - label += ', visited'; - } - - return label; - } - }, [content, isCurrent, isVisited, status]); - return (
  • {isExpandable ? ( @@ -127,9 +110,12 @@ export const WizardNavItem = ({ {content} {/* TODO, patternfly/patternfly#5142 */} {status === WizardNavItemStatus.Error && ( - - - + <> + , {status} + + + + )} )} diff --git a/packages/react-core/src/components/Wizard/__tests__/Wizard.test.tsx b/packages/react-core/src/components/Wizard/__tests__/Wizard.test.tsx index b7ccc2fe279..70d733b10aa 100644 --- a/packages/react-core/src/components/Wizard/__tests__/Wizard.test.tsx +++ b/packages/react-core/src/components/Wizard/__tests__/Wizard.test.tsx @@ -411,7 +411,7 @@ test('incrementally shows/hides steps based on the activeStep when isProgressive await user.click(nextButton); expect( screen.getByRole('button', { - name: 'Test step 1, visited' + name: 'Test step 1' }) ).toBeVisible(); expect( @@ -429,12 +429,12 @@ test('incrementally shows/hides steps based on the activeStep when isProgressive await user.click(nextButton); expect( screen.getByRole('button', { - name: 'Test step 1, visited' + name: 'Test step 1' }) ).toBeVisible(); expect( screen.getByRole('button', { - name: 'Test step 2, visited' + name: 'Test step 2' }) ).toBeVisible(); expect( @@ -447,7 +447,7 @@ test('incrementally shows/hides steps based on the activeStep when isProgressive await user.click(backButton); expect( screen.getByRole('button', { - name: 'Test step 1, visited' + name: 'Test step 1' }) ).toBeVisible(); expect( diff --git a/packages/react-core/src/components/Wizard/examples/Wizard.md b/packages/react-core/src/components/Wizard/examples/Wizard.md index d8cf4731573..1dd41237c17 100644 --- a/packages/react-core/src/components/Wizard/examples/Wizard.md +++ b/packages/react-core/src/components/Wizard/examples/Wizard.md @@ -16,7 +16,7 @@ propComponents: 'WizardContextProps', 'WizardBasicStep', 'WizardParentStep', - 'WizardSubStep', + 'WizardSubStep' ] --- @@ -57,91 +57,119 @@ import layout from '@patternfly/react-styles/css/layouts/Bullseye/bullseye'; ### Basic ```ts file="./WizardBasic.tsx" + +``` + +### Focus content on next/back + +To focus the main content element of the `Wizard`, pass in the `shouldFocusContent` property. It is recommended that this is passed in so that users can navigate through a `WizardStep` content in order. + +If a `WizardStep` is passed a `body={null}` property, you must manually handle focus. + +```ts file="./WizardFocusOnNextBack.tsx" + ``` ### Basic with disabled steps ```ts file="./WizardBasicDisabledSteps.tsx" + ``` ### Anchors for nav items ```ts file="./WizardWithNavAnchors.tsx" + ``` ### Incrementally enabled steps ```ts file="./WizardStepVisitRequired.tsx" + ``` ### Expandable steps ```ts file="./WizardExpandableSteps.tsx" + ``` ### Progress after submission ```ts file="./WizardWithSubmitProgress.tsx" + ``` ### Enabled on form validation ```ts file="./WizardEnabledOnFormValidation.tsx" + ``` ### Validate on button press ```ts file="./WizardValidateOnButtonPress.tsx" + ``` ### Progressive steps ```ts file="./WizardProgressiveSteps.tsx" + ``` ### Get current step ```ts file="./WizardGetCurrentStep.tsx" + ``` ### Within modal ```ts file="./WizardWithinModal.tsx" + ``` ### Step drawer content ```ts file="./WizardStepDrawerContent.tsx" + ``` ### Custom navigation ```ts file="./WizardWithCustomNav.tsx" + ``` ### Header ```ts file="./WizardWithHeader.tsx" + ``` ### Custom footer ```ts file="./WizardWithCustomFooter.tsx" + ``` ### Custom navigation item ```ts file="./WizardWithCustomNavItem.tsx" + ``` ### Toggle step visibility ```ts file="./WizardToggleStepVisibility.tsx" + ``` ### Step error status ```ts file="./WizardStepErrorStatus.tsx" + ``` ## Hooks diff --git a/packages/react-core/src/components/Wizard/examples/WizardFocusOnNextBack.tsx b/packages/react-core/src/components/Wizard/examples/WizardFocusOnNextBack.tsx new file mode 100644 index 00000000000..8f037a1df37 --- /dev/null +++ b/packages/react-core/src/components/Wizard/examples/WizardFocusOnNextBack.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import { Wizard, WizardStep } from '@patternfly/react-core'; + +export const WizardFocusOnNextBack: React.FunctionComponent = () => ( + + + Step 1 content + + + Step 2 content + + + Review step content + + +); diff --git a/packages/react-core/src/components/Wizard/examples/WizardWithCustomFooter.tsx b/packages/react-core/src/components/Wizard/examples/WizardWithCustomFooter.tsx index b24996c0569..0c63da6558c 100644 --- a/packages/react-core/src/components/Wizard/examples/WizardWithCustomFooter.tsx +++ b/packages/react-core/src/components/Wizard/examples/WizardWithCustomFooter.tsx @@ -40,12 +40,12 @@ const CustomStepTwoFooter = () => { return ( - + From f95fee9045c1016f14280fe27178292098777bca Mon Sep 17 00:00:00 2001 From: patternfly-build Date: Mon, 29 Apr 2024 16:14:00 +0000 Subject: [PATCH 036/148] chore(release): releasing packages [ci skip] - @patternfly/react-code-editor@5.4.0-prerelease.6 - @patternfly/react-core@5.4.0-prerelease.6 - @patternfly/react-docs@6.4.0-prerelease.9 - @patternfly/react-drag-drop@5.4.0-prerelease.7 - demo-app-ts@5.1.1-prerelease.107 - @patternfly/react-table@5.4.0-prerelease.6 - @patternfly/react-templates@1.1.0-prerelease.6 --- packages/react-code-editor/CHANGELOG.md | 4 ++++ packages/react-code-editor/package.json | 4 ++-- packages/react-core/CHANGELOG.md | 6 ++++++ packages/react-core/package.json | 2 +- packages/react-docs/CHANGELOG.md | 4 ++++ packages/react-docs/package.json | 12 ++++++------ packages/react-drag-drop/CHANGELOG.md | 4 ++++ packages/react-drag-drop/package.json | 4 ++-- packages/react-integration/demo-app-ts/CHANGELOG.md | 4 ++++ packages/react-integration/demo-app-ts/package.json | 4 ++-- packages/react-table/CHANGELOG.md | 4 ++++ packages/react-table/package.json | 4 ++-- packages/react-templates/CHANGELOG.md | 4 ++++ packages/react-templates/package.json | 4 ++-- 14 files changed, 47 insertions(+), 17 deletions(-) diff --git a/packages/react-code-editor/CHANGELOG.md b/packages/react-code-editor/CHANGELOG.md index 3f98dd1889b..ba2d3b57616 100644 --- a/packages/react-code-editor/CHANGELOG.md +++ b/packages/react-code-editor/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.4.0-prerelease.5...@patternfly/react-code-editor@5.4.0-prerelease.6) (2024-04-29) + +**Note:** Version bump only for package @patternfly/react-code-editor + # 5.4.0-prerelease.5 (2024-04-29) **Note:** Version bump only for package @patternfly/react-code-editor diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json index bdf7968a4f5..ce487c0e617 100644 --- a/packages/react-code-editor/package.json +++ b/packages/react-code-editor/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-code-editor", - "version": "5.4.0-prerelease.5", + "version": "5.4.0-prerelease.6", "description": "This package provides a PatternFly wrapper for the Monaco code editor\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -30,7 +30,7 @@ }, "dependencies": { "@monaco-editor/react": "^4.6.0", - "@patternfly/react-core": "^5.4.0-prerelease.5", + "@patternfly/react-core": "^5.4.0-prerelease.6", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "react-dropzone": "14.2.3", diff --git a/packages/react-core/CHANGELOG.md b/packages/react-core/CHANGELOG.md index a85ed9b7b8e..a79439756e8 100644 --- a/packages/react-core/CHANGELOG.md +++ b/packages/react-core/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.4.0-prerelease.5...@patternfly/react-core@5.4.0-prerelease.6) (2024-04-29) + +### Bug Fixes + +- **Wizard:** added prop to focus content on next/back ([#10285](https://github.com/patternfly/patternfly-react/issues/10285)) ([fe1d86c](https://github.com/patternfly/patternfly-react/commit/fe1d86c89d5fc7f37a85a5a78c55fa0c3f4496d6)) + # 5.4.0-prerelease.5 (2024-04-29) ### Bug Fixes diff --git a/packages/react-core/package.json b/packages/react-core/package.json index 36779c4baba..32d0cfc66f9 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-core", - "version": "5.4.0-prerelease.5", + "version": "5.4.0-prerelease.6", "description": "This library provides a set of common React components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", diff --git a/packages/react-docs/CHANGELOG.md b/packages/react-docs/CHANGELOG.md index f44c0ac2345..3b0aff743e5 100644 --- a/packages/react-docs/CHANGELOG.md +++ b/packages/react-docs/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [6.4.0-prerelease.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.8...@patternfly/react-docs@6.4.0-prerelease.9) (2024-04-29) + +**Note:** Version bump only for package @patternfly/react-docs + # [6.4.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.7...@patternfly/react-docs@6.4.0-prerelease.8) (2024-04-29) **Note:** Version bump only for package @patternfly/react-docs diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index 909bec14ae5..7efc8d3ab4a 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -1,7 +1,7 @@ { "name": "@patternfly/react-docs", "description": "PatternFly React Docs", - "version": "6.4.0-prerelease.8", + "version": "6.4.0-prerelease.9", "publishConfig": { "access": "public" }, @@ -24,13 +24,13 @@ "dependencies": { "@patternfly/patternfly": "5.3.0-prerelease.5", "@patternfly/react-charts": "^7.4.0-prerelease.2", - "@patternfly/react-code-editor": "^5.4.0-prerelease.5", - "@patternfly/react-core": "^5.4.0-prerelease.5", - "@patternfly/react-drag-drop": "^5.4.0-prerelease.6", + "@patternfly/react-code-editor": "^5.4.0-prerelease.6", + "@patternfly/react-core": "^5.4.0-prerelease.6", + "@patternfly/react-drag-drop": "^5.4.0-prerelease.7", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", - "@patternfly/react-table": "^5.4.0-prerelease.5", - "@patternfly/react-templates": "^1.1.0-prerelease.5", + "@patternfly/react-table": "^5.4.0-prerelease.6", + "@patternfly/react-templates": "^1.1.0-prerelease.6", "@patternfly/react-tokens": "^5.4.0-prerelease.1" }, "devDependencies": { diff --git a/packages/react-drag-drop/CHANGELOG.md b/packages/react-drag-drop/CHANGELOG.md index 7492c0eb376..82b3952ff9a 100644 --- a/packages/react-drag-drop/CHANGELOG.md +++ b/packages/react-drag-drop/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.4.0-prerelease.6...@patternfly/react-drag-drop@5.4.0-prerelease.7) (2024-04-29) + +**Note:** Version bump only for package @patternfly/react-drag-drop + # 5.4.0-prerelease.6 (2024-04-29) **Note:** Version bump only for package @patternfly/react-drag-drop diff --git a/packages/react-drag-drop/package.json b/packages/react-drag-drop/package.json index 02d1ca6ad1a..83258c5ada4 100644 --- a/packages/react-drag-drop/package.json +++ b/packages/react-drag-drop/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-drag-drop", - "version": "5.4.0-prerelease.6", + "version": "5.4.0-prerelease.7", "description": "PatternFly drag and drop solution", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -32,7 +32,7 @@ "@dnd-kit/core": "^6.0.8", "@dnd-kit/modifiers": "^6.0.1", "@dnd-kit/sortable": "^7.0.2", - "@patternfly/react-core": "^5.4.0-prerelease.5", + "@patternfly/react-core": "^5.4.0-prerelease.6", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "memoize-one": "^5.1.0", diff --git a/packages/react-integration/demo-app-ts/CHANGELOG.md b/packages/react-integration/demo-app-ts/CHANGELOG.md index 96dca9d69a4..23bb0514f03 100644 --- a/packages/react-integration/demo-app-ts/CHANGELOG.md +++ b/packages/react-integration/demo-app-ts/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [5.1.1-prerelease.107](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.106...demo-app-ts@5.1.1-prerelease.107) (2024-04-29) + +**Note:** Version bump only for package demo-app-ts + ## 5.1.1-prerelease.106 (2024-04-29) **Note:** Version bump only for package demo-app-ts diff --git a/packages/react-integration/demo-app-ts/package.json b/packages/react-integration/demo-app-ts/package.json index c07e4fbf84f..832a11c4117 100644 --- a/packages/react-integration/demo-app-ts/package.json +++ b/packages/react-integration/demo-app-ts/package.json @@ -1,7 +1,7 @@ { "name": "demo-app-ts", "private": true, - "version": "5.1.1-prerelease.106", + "version": "5.1.1-prerelease.107", "scripts": { "build:demo-app": "webpack --mode production", "start:demo-app": "webpack-dev-server", @@ -9,7 +9,7 @@ "serve:demo-app": "node scripts/serve" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.5", + "@patternfly/react-core": "^5.4.0-prerelease.6", "react": "^18", "react-dom": "^18", "react-router": "^5.3.3", diff --git a/packages/react-table/CHANGELOG.md b/packages/react-table/CHANGELOG.md index 21bf86d64df..d981b27c41b 100644 --- a/packages/react-table/CHANGELOG.md +++ b/packages/react-table/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.4.0-prerelease.5...@patternfly/react-table@5.4.0-prerelease.6) (2024-04-29) + +**Note:** Version bump only for package @patternfly/react-table + # 5.4.0-prerelease.5 (2024-04-29) **Note:** Version bump only for package @patternfly/react-table diff --git a/packages/react-table/package.json b/packages/react-table/package.json index 73263bd9803..4e19eefb1d8 100644 --- a/packages/react-table/package.json +++ b/packages/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-table", - "version": "5.4.0-prerelease.5", + "version": "5.4.0-prerelease.6", "description": "This library provides a set of React table components for use with the PatternFly 4", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -39,7 +39,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.5", + "@patternfly/react-core": "^5.4.0-prerelease.6", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "@patternfly/react-tokens": "^5.4.0-prerelease.1", diff --git a/packages/react-templates/CHANGELOG.md b/packages/react-templates/CHANGELOG.md index 602c973cb8c..c0e9138ad50 100644 --- a/packages/react-templates/CHANGELOG.md +++ b/packages/react-templates/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [1.1.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.5...@patternfly/react-templates@1.1.0-prerelease.6) (2024-04-29) + +**Note:** Version bump only for package @patternfly/react-templates + # 1.1.0-prerelease.5 (2024-04-29) **Note:** Version bump only for package @patternfly/react-templates diff --git a/packages/react-templates/package.json b/packages/react-templates/package.json index 526a3ed133f..8475c310426 100644 --- a/packages/react-templates/package.json +++ b/packages/react-templates/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-templates", - "version": "1.1.0-prerelease.5", + "version": "1.1.0-prerelease.6", "description": "This package provides wrapped component demos for ease of use\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -33,7 +33,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.5", + "@patternfly/react-core": "^5.4.0-prerelease.6", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "@patternfly/react-tokens": "^5.4.0-prerelease.1", From c1f87b254c41cb94d6a614f34ab1b086437333d1 Mon Sep 17 00:00:00 2001 From: Titani Labaj <39532947+tlabaj@users.noreply.github.com> Date: Tue, 30 Apr 2024 11:26:04 -0400 Subject: [PATCH 037/148] fix(chore): Fix broken application launcher example. (#10305) --- .../ApplicationLauncher/examples/ApplicationLauncher.md | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/react-core/src/deprecated/components/ApplicationLauncher/examples/ApplicationLauncher.md b/packages/react-core/src/deprecated/components/ApplicationLauncher/examples/ApplicationLauncher.md index 18eb8e53247..5a7a0d34725 100644 --- a/packages/react-core/src/deprecated/components/ApplicationLauncher/examples/ApplicationLauncher.md +++ b/packages/react-core/src/deprecated/components/ApplicationLauncher/examples/ApplicationLauncher.md @@ -12,6 +12,7 @@ import { DropdownDirection, DropdownPosition } from '@patternfly/react-core/depr import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import { Link } from '@reach/router'; import pfLogoSm from '@patternfly/react-core/src/demos/assets/pf-logo-small.svg'; +import c_app_launcher__menu_item_Color from '@patternfly/react-tokens/dist/esm/c_app_launcher__menu_item_Color'; Note: Application launcher is built on dropdown, for extended API go to [dropdown](/components/menus/dropdown) documentation. To add a tooltip, use the `tooltip` prop and optionally add more tooltip props by using `tooltipProps`. For more tooltip information go to [tooltip](/components/tooltip). From 9c36240480406b0a7bd85cc6e1f6572e57c13193 Mon Sep 17 00:00:00 2001 From: patternfly-build Date: Tue, 30 Apr 2024 15:37:40 +0000 Subject: [PATCH 038/148] chore(release): releasing packages [ci skip] - @patternfly/react-code-editor@5.4.0-prerelease.7 - @patternfly/react-core@5.4.0-prerelease.7 - @patternfly/react-docs@6.4.0-prerelease.10 - @patternfly/react-drag-drop@5.4.0-prerelease.8 - demo-app-ts@5.1.1-prerelease.108 - @patternfly/react-table@5.4.0-prerelease.7 - @patternfly/react-templates@1.1.0-prerelease.7 --- packages/react-code-editor/CHANGELOG.md | 4 ++++ packages/react-code-editor/package.json | 4 ++-- packages/react-core/CHANGELOG.md | 6 ++++++ packages/react-core/package.json | 2 +- packages/react-docs/CHANGELOG.md | 4 ++++ packages/react-docs/package.json | 12 ++++++------ packages/react-drag-drop/CHANGELOG.md | 4 ++++ packages/react-drag-drop/package.json | 4 ++-- packages/react-integration/demo-app-ts/CHANGELOG.md | 4 ++++ packages/react-integration/demo-app-ts/package.json | 4 ++-- packages/react-table/CHANGELOG.md | 4 ++++ packages/react-table/package.json | 4 ++-- packages/react-templates/CHANGELOG.md | 4 ++++ packages/react-templates/package.json | 4 ++-- 14 files changed, 47 insertions(+), 17 deletions(-) diff --git a/packages/react-code-editor/CHANGELOG.md b/packages/react-code-editor/CHANGELOG.md index ba2d3b57616..c85b5d7efbe 100644 --- a/packages/react-code-editor/CHANGELOG.md +++ b/packages/react-code-editor/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.4.0-prerelease.6...@patternfly/react-code-editor@5.4.0-prerelease.7) (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-code-editor + # [5.4.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.4.0-prerelease.5...@patternfly/react-code-editor@5.4.0-prerelease.6) (2024-04-29) **Note:** Version bump only for package @patternfly/react-code-editor diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json index ce487c0e617..fdbd085c1bf 100644 --- a/packages/react-code-editor/package.json +++ b/packages/react-code-editor/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-code-editor", - "version": "5.4.0-prerelease.6", + "version": "5.4.0-prerelease.7", "description": "This package provides a PatternFly wrapper for the Monaco code editor\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -30,7 +30,7 @@ }, "dependencies": { "@monaco-editor/react": "^4.6.0", - "@patternfly/react-core": "^5.4.0-prerelease.6", + "@patternfly/react-core": "^5.4.0-prerelease.7", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "react-dropzone": "14.2.3", diff --git a/packages/react-core/CHANGELOG.md b/packages/react-core/CHANGELOG.md index a79439756e8..e5c3cd67509 100644 --- a/packages/react-core/CHANGELOG.md +++ b/packages/react-core/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.4.0-prerelease.6...@patternfly/react-core@5.4.0-prerelease.7) (2024-04-30) + +### Bug Fixes + +- **chore:** Fix broken application launcher example. ([#10305](https://github.com/patternfly/patternfly-react/issues/10305)) ([c1f87b2](https://github.com/patternfly/patternfly-react/commit/c1f87b254c41cb94d6a614f34ab1b086437333d1)) + # [5.4.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.4.0-prerelease.5...@patternfly/react-core@5.4.0-prerelease.6) (2024-04-29) ### Bug Fixes diff --git a/packages/react-core/package.json b/packages/react-core/package.json index 32d0cfc66f9..5b571cbe409 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-core", - "version": "5.4.0-prerelease.6", + "version": "5.4.0-prerelease.7", "description": "This library provides a set of common React components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", diff --git a/packages/react-docs/CHANGELOG.md b/packages/react-docs/CHANGELOG.md index 3b0aff743e5..334ce5e1c5e 100644 --- a/packages/react-docs/CHANGELOG.md +++ b/packages/react-docs/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [6.4.0-prerelease.10](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.9...@patternfly/react-docs@6.4.0-prerelease.10) (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-docs + # [6.4.0-prerelease.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.8...@patternfly/react-docs@6.4.0-prerelease.9) (2024-04-29) **Note:** Version bump only for package @patternfly/react-docs diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index 7efc8d3ab4a..c638d43b142 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -1,7 +1,7 @@ { "name": "@patternfly/react-docs", "description": "PatternFly React Docs", - "version": "6.4.0-prerelease.9", + "version": "6.4.0-prerelease.10", "publishConfig": { "access": "public" }, @@ -24,13 +24,13 @@ "dependencies": { "@patternfly/patternfly": "5.3.0-prerelease.5", "@patternfly/react-charts": "^7.4.0-prerelease.2", - "@patternfly/react-code-editor": "^5.4.0-prerelease.6", - "@patternfly/react-core": "^5.4.0-prerelease.6", - "@patternfly/react-drag-drop": "^5.4.0-prerelease.7", + "@patternfly/react-code-editor": "^5.4.0-prerelease.7", + "@patternfly/react-core": "^5.4.0-prerelease.7", + "@patternfly/react-drag-drop": "^5.4.0-prerelease.8", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", - "@patternfly/react-table": "^5.4.0-prerelease.6", - "@patternfly/react-templates": "^1.1.0-prerelease.6", + "@patternfly/react-table": "^5.4.0-prerelease.7", + "@patternfly/react-templates": "^1.1.0-prerelease.7", "@patternfly/react-tokens": "^5.4.0-prerelease.1" }, "devDependencies": { diff --git a/packages/react-drag-drop/CHANGELOG.md b/packages/react-drag-drop/CHANGELOG.md index 82b3952ff9a..f62a40f86cc 100644 --- a/packages/react-drag-drop/CHANGELOG.md +++ b/packages/react-drag-drop/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.4.0-prerelease.7...@patternfly/react-drag-drop@5.4.0-prerelease.8) (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-drag-drop + # [5.4.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.4.0-prerelease.6...@patternfly/react-drag-drop@5.4.0-prerelease.7) (2024-04-29) **Note:** Version bump only for package @patternfly/react-drag-drop diff --git a/packages/react-drag-drop/package.json b/packages/react-drag-drop/package.json index 83258c5ada4..6a4ce929db8 100644 --- a/packages/react-drag-drop/package.json +++ b/packages/react-drag-drop/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-drag-drop", - "version": "5.4.0-prerelease.7", + "version": "5.4.0-prerelease.8", "description": "PatternFly drag and drop solution", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -32,7 +32,7 @@ "@dnd-kit/core": "^6.0.8", "@dnd-kit/modifiers": "^6.0.1", "@dnd-kit/sortable": "^7.0.2", - "@patternfly/react-core": "^5.4.0-prerelease.6", + "@patternfly/react-core": "^5.4.0-prerelease.7", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "memoize-one": "^5.1.0", diff --git a/packages/react-integration/demo-app-ts/CHANGELOG.md b/packages/react-integration/demo-app-ts/CHANGELOG.md index 23bb0514f03..5d3a783c120 100644 --- a/packages/react-integration/demo-app-ts/CHANGELOG.md +++ b/packages/react-integration/demo-app-ts/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [5.1.1-prerelease.108](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.107...demo-app-ts@5.1.1-prerelease.108) (2024-04-30) + +**Note:** Version bump only for package demo-app-ts + ## [5.1.1-prerelease.107](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.106...demo-app-ts@5.1.1-prerelease.107) (2024-04-29) **Note:** Version bump only for package demo-app-ts diff --git a/packages/react-integration/demo-app-ts/package.json b/packages/react-integration/demo-app-ts/package.json index 832a11c4117..38f0eb6e3bd 100644 --- a/packages/react-integration/demo-app-ts/package.json +++ b/packages/react-integration/demo-app-ts/package.json @@ -1,7 +1,7 @@ { "name": "demo-app-ts", "private": true, - "version": "5.1.1-prerelease.107", + "version": "5.1.1-prerelease.108", "scripts": { "build:demo-app": "webpack --mode production", "start:demo-app": "webpack-dev-server", @@ -9,7 +9,7 @@ "serve:demo-app": "node scripts/serve" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.6", + "@patternfly/react-core": "^5.4.0-prerelease.7", "react": "^18", "react-dom": "^18", "react-router": "^5.3.3", diff --git a/packages/react-table/CHANGELOG.md b/packages/react-table/CHANGELOG.md index d981b27c41b..73e58c33218 100644 --- a/packages/react-table/CHANGELOG.md +++ b/packages/react-table/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.4.0-prerelease.6...@patternfly/react-table@5.4.0-prerelease.7) (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-table + # [5.4.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.4.0-prerelease.5...@patternfly/react-table@5.4.0-prerelease.6) (2024-04-29) **Note:** Version bump only for package @patternfly/react-table diff --git a/packages/react-table/package.json b/packages/react-table/package.json index 4e19eefb1d8..554e9dcd930 100644 --- a/packages/react-table/package.json +++ b/packages/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-table", - "version": "5.4.0-prerelease.6", + "version": "5.4.0-prerelease.7", "description": "This library provides a set of React table components for use with the PatternFly 4", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -39,7 +39,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.6", + "@patternfly/react-core": "^5.4.0-prerelease.7", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "@patternfly/react-tokens": "^5.4.0-prerelease.1", diff --git a/packages/react-templates/CHANGELOG.md b/packages/react-templates/CHANGELOG.md index c0e9138ad50..5e2403051fa 100644 --- a/packages/react-templates/CHANGELOG.md +++ b/packages/react-templates/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [1.1.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.6...@patternfly/react-templates@1.1.0-prerelease.7) (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-templates + # [1.1.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.5...@patternfly/react-templates@1.1.0-prerelease.6) (2024-04-29) **Note:** Version bump only for package @patternfly/react-templates diff --git a/packages/react-templates/package.json b/packages/react-templates/package.json index 8475c310426..da0ee019400 100644 --- a/packages/react-templates/package.json +++ b/packages/react-templates/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-templates", - "version": "1.1.0-prerelease.6", + "version": "1.1.0-prerelease.7", "description": "This package provides wrapped component demos for ease of use\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -33,7 +33,7 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.6", + "@patternfly/react-core": "^5.4.0-prerelease.7", "@patternfly/react-icons": "^5.4.0-prerelease.1", "@patternfly/react-styles": "^5.4.0-prerelease.1", "@patternfly/react-tokens": "^5.4.0-prerelease.1", From 0e3d9254a012c6d6ae0b86754f9c79b7b2d616f1 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Tue, 30 Apr 2024 12:00:20 -0400 Subject: [PATCH 039/148] chore(deps): update dependency @patternfly/patternfly to v5.4.0-prerelease.1 (#10300) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> --- packages/react-core/package.json | 2 +- packages/react-docs/package.json | 2 +- packages/react-icons/package.json | 2 +- packages/react-styles/package.json | 2 +- packages/react-tokens/package.json | 2 +- yarn.lock | 66 +++++++++++++++--------------- 6 files changed, 37 insertions(+), 39 deletions(-) diff --git a/packages/react-core/package.json b/packages/react-core/package.json index 5b571cbe409..4690025f68e 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -54,7 +54,7 @@ "tslib": "^2.5.0" }, "devDependencies": { - "@patternfly/patternfly": "5.3.0-prerelease.5", + "@patternfly/patternfly": "5.4.0-prerelease.1", "@rollup/plugin-commonjs": "^25.0.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-replace": "^5.0.2", diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index c638d43b142..58813c8d593 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -22,7 +22,7 @@ "test:a11y": "patternfly-a11y --config patternfly-a11y.config" }, "dependencies": { - "@patternfly/patternfly": "5.3.0-prerelease.5", + "@patternfly/patternfly": "5.4.0-prerelease.1", "@patternfly/react-charts": "^7.4.0-prerelease.2", "@patternfly/react-code-editor": "^5.4.0-prerelease.7", "@patternfly/react-core": "^5.4.0-prerelease.7", diff --git a/packages/react-icons/package.json b/packages/react-icons/package.json index 4d26905b735..4b24f9cd079 100644 --- a/packages/react-icons/package.json +++ b/packages/react-icons/package.json @@ -32,7 +32,7 @@ "@fortawesome/free-brands-svg-icons": "^5.14.0", "@fortawesome/free-regular-svg-icons": "^5.14.0", "@fortawesome/free-solid-svg-icons": "^5.14.0", - "@patternfly/patternfly": "5.3.0-prerelease.5", + "@patternfly/patternfly": "5.4.0-prerelease.1", "fs-extra": "^11.1.1", "glob": "^7.1.2", "tslib": "^2.5.0", diff --git a/packages/react-styles/package.json b/packages/react-styles/package.json index 61fb53ee92d..a43da39c8b5 100644 --- a/packages/react-styles/package.json +++ b/packages/react-styles/package.json @@ -18,7 +18,7 @@ "clean": "rimraf dist css" }, "devDependencies": { - "@patternfly/patternfly": "5.3.0-prerelease.5", + "@patternfly/patternfly": "5.4.0-prerelease.1", "camel-case": "^3.0.0", "css": "^2.2.3", "fs-extra": "^11.1.1", diff --git a/packages/react-tokens/package.json b/packages/react-tokens/package.json index 9e95703cb8a..5b2717d4469 100644 --- a/packages/react-tokens/package.json +++ b/packages/react-tokens/package.json @@ -28,7 +28,7 @@ "clean": "rimraf dist" }, "devDependencies": { - "@patternfly/patternfly": "5.3.0-prerelease.5", + "@patternfly/patternfly": "5.4.0-prerelease.1", "css": "^2.2.3", "fs-extra": "^11.1.1", "glob": "^7.1.2" diff --git a/yarn.lock b/yarn.lock index b12e179d324..10ff1e137ec 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2896,37 +2896,10 @@ puppeteer-cluster "^0.23.0" xmldoc "^1.1.2" -"@patternfly/patternfly@5.3.0-prerelease.5": - version "5.3.0-prerelease.5" - resolved "https://registry.yarnpkg.com/@patternfly/patternfly/-/patternfly-5.3.0-prerelease.5.tgz#2b108f4a1d79dd3bb93723ce92beb52b237c5a00" - integrity sha512-F2IbfCxotoyJP7CHud8O5QPZczXnPFK4dMoc7DRplJQSBhod6vn3SVvsDi4P8Sa7egBUcCiA6q1x+PI3E6BAIA== - -"@patternfly/react-core@^5.3.0-prerelease.26": - version "5.3.0" - resolved "https://registry.yarnpkg.com/@patternfly/react-core/-/react-core-5.3.0.tgz#2d4c767a95242b3688731a0f76e91798c35f6ac5" - integrity sha512-nMf8yrul3u+4+ch7IMsE+/3Rzmor8/yEUk8zzD9bYGRxjwniu1RqCF8NdgPvMw2C7Hz7xtpwsgXDfG4n8qd12g== - dependencies: - "@patternfly/react-icons" "^5.3.0" - "@patternfly/react-styles" "^5.3.0" - "@patternfly/react-tokens" "^5.3.0" - focus-trap "7.5.2" - react-dropzone "^14.2.3" - tslib "^2.5.0" - -"@patternfly/react-icons@^5.3.0": - version "5.3.0" - resolved "https://registry.yarnpkg.com/@patternfly/react-icons/-/react-icons-5.3.0.tgz#04ac990fe539799a69da6de2e7b615a15a80ce87" - integrity sha512-oBdaK4Gz7yivNE7jQg46sPzfZakg7oxo5aSMLc0N6haOmDEegiTurNex+h+/z0oBPqzZC+cIQRaBeXEgXGwc9Q== - -"@patternfly/react-styles@^5.3.0": - version "5.3.0" - resolved "https://registry.yarnpkg.com/@patternfly/react-styles/-/react-styles-5.3.0.tgz#4f34cfe557d9dad30c0add8dc92bfa3c6794dd91" - integrity sha512-/EdkURW+v7Rzw/CiEqL+NfGtLvLMGIwOEyDhvlMDbRip2usGw4HLZv3Bep0cJe29zOeY27cDVZDM1HfyXLebtw== - -"@patternfly/react-tokens@^5.3.0": - version "5.3.0" - resolved "https://registry.yarnpkg.com/@patternfly/react-tokens/-/react-tokens-5.3.0.tgz#580e7c6a53f5056c317677ca98842fbdd04dcc7d" - integrity sha512-24ZY5hgwt11InW3XtINM5p9Fo1hDiVor6Q4uphPZh8Mt89AsZZw1UweTaGg54I0Ah2Wzv6rkQy51LX7tZtIwjQ== +"@patternfly/patternfly@5.4.0-prerelease.1": + version "5.4.0-prerelease.1" + resolved "https://registry.yarnpkg.com/@patternfly/patternfly/-/patternfly-5.4.0-prerelease.1.tgz#5fb2eb9e1cb755657b66ba88d451b6cc3bab3a21" + integrity sha512-IzBTJ2VRolxP0U7zMD8aQkVAzuakO7mOMJ2Zr1DK8bK7He6XbEWzbxy0SZ5mOrfPhn2YpiyMAAhYOqsP7cwtPA== "@pkgjs/parseargs@^0.11.0": version "0.11.0" @@ -17320,7 +17293,16 @@ string-length@^4.0.1: char-regex "^1.0.2" strip-ansi "^6.0.0" -"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: +"string-width-cjs@npm:string-width@^4.2.0": + version "4.2.3" + resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" + integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== + dependencies: + emoji-regex "^8.0.0" + is-fullwidth-code-point "^3.0.0" + strip-ansi "^6.0.1" + +"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -17453,7 +17435,7 @@ stringify-entities@^3.0.1: is-decimal "^1.0.2" is-hexadecimal "^1.0.0" -"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1: +"strip-ansi-cjs@npm:strip-ansi@^6.0.1": version "6.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -17472,6 +17454,13 @@ strip-ansi@^5.1.0: dependencies: ansi-regex "^4.1.0" +strip-ansi@^6.0.0, strip-ansi@^6.0.1: + version "6.0.1" + resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" + integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== + dependencies: + ansi-regex "^5.0.1" + strip-ansi@^7.0.1: version "7.1.0" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45" @@ -19554,7 +19543,7 @@ worker-farm@^1.7.0: dependencies: errno "~0.1.7" -"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0: +"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0": version "7.0.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== @@ -19572,6 +19561,15 @@ wrap-ansi@^6.2.0: string-width "^4.1.0" strip-ansi "^6.0.0" +wrap-ansi@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" + integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== + dependencies: + ansi-styles "^4.0.0" + string-width "^4.1.0" + strip-ansi "^6.0.0" + wrap-ansi@^8.0.1, wrap-ansi@^8.1.0: version "8.1.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214" From f0a11efc8df4f47b19f11fbaed0a740928f23083 Mon Sep 17 00:00:00 2001 From: patternfly-build Date: Tue, 30 Apr 2024 16:10:35 +0000 Subject: [PATCH 040/148] chore(release): releasing packages [ci skip] - @patternfly/react-charts@7.4.0-prerelease.3 - @patternfly/react-code-editor@5.4.0-prerelease.8 - @patternfly/react-core@5.4.0-prerelease.8 - @patternfly/react-docs@6.4.0-prerelease.11 - @patternfly/react-drag-drop@5.4.0-prerelease.9 - @patternfly/react-icons@5.4.0-prerelease.2 - demo-app-ts@5.1.1-prerelease.109 - @patternfly/react-styles@5.4.0-prerelease.2 - @patternfly/react-table@5.4.0-prerelease.8 - @patternfly/react-templates@1.1.0-prerelease.8 - @patternfly/react-tokens@5.4.0-prerelease.2 --- packages/react-charts/CHANGELOG.md | 4 ++++ packages/react-charts/package.json | 6 +++--- packages/react-code-editor/CHANGELOG.md | 4 ++++ packages/react-code-editor/package.json | 8 ++++---- packages/react-core/CHANGELOG.md | 4 ++++ packages/react-core/package.json | 8 ++++---- packages/react-docs/CHANGELOG.md | 4 ++++ packages/react-docs/package.json | 20 +++++++++---------- packages/react-drag-drop/CHANGELOG.md | 4 ++++ packages/react-drag-drop/package.json | 8 ++++---- packages/react-icons/CHANGELOG.md | 4 ++++ packages/react-icons/package.json | 2 +- .../demo-app-ts/CHANGELOG.md | 4 ++++ .../demo-app-ts/package.json | 4 ++-- packages/react-styles/CHANGELOG.md | 4 ++++ packages/react-styles/package.json | 2 +- packages/react-table/CHANGELOG.md | 4 ++++ packages/react-table/package.json | 10 +++++----- packages/react-templates/CHANGELOG.md | 4 ++++ packages/react-templates/package.json | 10 +++++----- packages/react-tokens/CHANGELOG.md | 4 ++++ packages/react-tokens/package.json | 2 +- 22 files changed, 84 insertions(+), 40 deletions(-) diff --git a/packages/react-charts/CHANGELOG.md b/packages/react-charts/CHANGELOG.md index ae8b18e1173..e519f4d09e0 100644 --- a/packages/react-charts/CHANGELOG.md +++ b/packages/react-charts/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 7.4.0-prerelease.3 (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-charts + # [7.4.0-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-charts@7.4.0-prerelease.1...@patternfly/react-charts@7.4.0-prerelease.2) (2024-04-22) **Note:** Version bump only for package @patternfly/react-charts diff --git a/packages/react-charts/package.json b/packages/react-charts/package.json index 89d28abc014..1a57d6b447c 100644 --- a/packages/react-charts/package.json +++ b/packages/react-charts/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-charts", - "version": "7.4.0-prerelease.2", + "version": "7.4.0-prerelease.3", "description": "This library provides a set of React chart components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -28,8 +28,8 @@ }, "homepage": "https://github.com/patternfly/patternfly-react#readme", "dependencies": { - "@patternfly/react-styles": "^5.4.0-prerelease.1", - "@patternfly/react-tokens": "^5.4.0-prerelease.1", + "@patternfly/react-styles": "^5.4.0-prerelease.2", + "@patternfly/react-tokens": "^5.4.0-prerelease.2", "hoist-non-react-statics": "^3.3.0", "lodash": "^4.17.21", "tslib": "^2.5.0", diff --git a/packages/react-code-editor/CHANGELOG.md b/packages/react-code-editor/CHANGELOG.md index c85b5d7efbe..4dfddfaed46 100644 --- a/packages/react-code-editor/CHANGELOG.md +++ b/packages/react-code-editor/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.4.0-prerelease.7...@patternfly/react-code-editor@5.4.0-prerelease.8) (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-code-editor + # [5.4.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@5.4.0-prerelease.6...@patternfly/react-code-editor@5.4.0-prerelease.7) (2024-04-30) **Note:** Version bump only for package @patternfly/react-code-editor diff --git a/packages/react-code-editor/package.json b/packages/react-code-editor/package.json index fdbd085c1bf..9696445d16f 100644 --- a/packages/react-code-editor/package.json +++ b/packages/react-code-editor/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-code-editor", - "version": "5.4.0-prerelease.7", + "version": "5.4.0-prerelease.8", "description": "This package provides a PatternFly wrapper for the Monaco code editor\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -30,9 +30,9 @@ }, "dependencies": { "@monaco-editor/react": "^4.6.0", - "@patternfly/react-core": "^5.4.0-prerelease.7", - "@patternfly/react-icons": "^5.4.0-prerelease.1", - "@patternfly/react-styles": "^5.4.0-prerelease.1", + "@patternfly/react-core": "^5.4.0-prerelease.8", + "@patternfly/react-icons": "^5.4.0-prerelease.2", + "@patternfly/react-styles": "^5.4.0-prerelease.2", "react-dropzone": "14.2.3", "tslib": "^2.5.0" }, diff --git a/packages/react-core/CHANGELOG.md b/packages/react-core/CHANGELOG.md index e5c3cd67509..113e5ebc51c 100644 --- a/packages/react-core/CHANGELOG.md +++ b/packages/react-core/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.4.0-prerelease.7...@patternfly/react-core@5.4.0-prerelease.8) (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-core + # [5.4.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.4.0-prerelease.6...@patternfly/react-core@5.4.0-prerelease.7) (2024-04-30) ### Bug Fixes diff --git a/packages/react-core/package.json b/packages/react-core/package.json index 4690025f68e..c28c1c266a9 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-core", - "version": "5.4.0-prerelease.7", + "version": "5.4.0-prerelease.8", "description": "This library provides a set of common React components for use with the PatternFly reference implementation.", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -46,9 +46,9 @@ "clean:exports": "node scripts/cleanDistExports.js" }, "dependencies": { - "@patternfly/react-icons": "^5.4.0-prerelease.1", - "@patternfly/react-styles": "^5.4.0-prerelease.1", - "@patternfly/react-tokens": "^5.4.0-prerelease.1", + "@patternfly/react-icons": "^5.4.0-prerelease.2", + "@patternfly/react-styles": "^5.4.0-prerelease.2", + "@patternfly/react-tokens": "^5.4.0-prerelease.2", "focus-trap": "7.5.2", "react-dropzone": "^14.2.3", "tslib": "^2.5.0" diff --git a/packages/react-docs/CHANGELOG.md b/packages/react-docs/CHANGELOG.md index 334ce5e1c5e..31f78c40c5d 100644 --- a/packages/react-docs/CHANGELOG.md +++ b/packages/react-docs/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [6.4.0-prerelease.11](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.10...@patternfly/react-docs@6.4.0-prerelease.11) (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-docs + # [6.4.0-prerelease.10](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@6.4.0-prerelease.9...@patternfly/react-docs@6.4.0-prerelease.10) (2024-04-30) **Note:** Version bump only for package @patternfly/react-docs diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index 58813c8d593..f3feeca7c64 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -1,7 +1,7 @@ { "name": "@patternfly/react-docs", "description": "PatternFly React Docs", - "version": "6.4.0-prerelease.10", + "version": "6.4.0-prerelease.11", "publishConfig": { "access": "public" }, @@ -23,15 +23,15 @@ }, "dependencies": { "@patternfly/patternfly": "5.4.0-prerelease.1", - "@patternfly/react-charts": "^7.4.0-prerelease.2", - "@patternfly/react-code-editor": "^5.4.0-prerelease.7", - "@patternfly/react-core": "^5.4.0-prerelease.7", - "@patternfly/react-drag-drop": "^5.4.0-prerelease.8", - "@patternfly/react-icons": "^5.4.0-prerelease.1", - "@patternfly/react-styles": "^5.4.0-prerelease.1", - "@patternfly/react-table": "^5.4.0-prerelease.7", - "@patternfly/react-templates": "^1.1.0-prerelease.7", - "@patternfly/react-tokens": "^5.4.0-prerelease.1" + "@patternfly/react-charts": "^7.4.0-prerelease.3", + "@patternfly/react-code-editor": "^5.4.0-prerelease.8", + "@patternfly/react-core": "^5.4.0-prerelease.8", + "@patternfly/react-drag-drop": "^5.4.0-prerelease.9", + "@patternfly/react-icons": "^5.4.0-prerelease.2", + "@patternfly/react-styles": "^5.4.0-prerelease.2", + "@patternfly/react-table": "^5.4.0-prerelease.8", + "@patternfly/react-templates": "^1.1.0-prerelease.8", + "@patternfly/react-tokens": "^5.4.0-prerelease.2" }, "devDependencies": { "@patternfly/documentation-framework": "^5.8.2", diff --git a/packages/react-drag-drop/CHANGELOG.md b/packages/react-drag-drop/CHANGELOG.md index f62a40f86cc..ee00b5dfaf0 100644 --- a/packages/react-drag-drop/CHANGELOG.md +++ b/packages/react-drag-drop/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.4.0-prerelease.8...@patternfly/react-drag-drop@5.4.0-prerelease.9) (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-drag-drop + # [5.4.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-drag-drop@5.4.0-prerelease.7...@patternfly/react-drag-drop@5.4.0-prerelease.8) (2024-04-30) **Note:** Version bump only for package @patternfly/react-drag-drop diff --git a/packages/react-drag-drop/package.json b/packages/react-drag-drop/package.json index 6a4ce929db8..1721977ba13 100644 --- a/packages/react-drag-drop/package.json +++ b/packages/react-drag-drop/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-drag-drop", - "version": "5.4.0-prerelease.8", + "version": "5.4.0-prerelease.9", "description": "PatternFly drag and drop solution", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -32,9 +32,9 @@ "@dnd-kit/core": "^6.0.8", "@dnd-kit/modifiers": "^6.0.1", "@dnd-kit/sortable": "^7.0.2", - "@patternfly/react-core": "^5.4.0-prerelease.7", - "@patternfly/react-icons": "^5.4.0-prerelease.1", - "@patternfly/react-styles": "^5.4.0-prerelease.1", + "@patternfly/react-core": "^5.4.0-prerelease.8", + "@patternfly/react-icons": "^5.4.0-prerelease.2", + "@patternfly/react-styles": "^5.4.0-prerelease.2", "memoize-one": "^5.1.0", "resize-observer-polyfill": "^1.5.1" }, diff --git a/packages/react-icons/CHANGELOG.md b/packages/react-icons/CHANGELOG.md index 32c56319ef3..f22c81b06d8 100644 --- a/packages/react-icons/CHANGELOG.md +++ b/packages/react-icons/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.2 (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-icons + # 5.4.0-prerelease.1 (2024-04-19) **Note:** Version bump only for package @patternfly/react-icons diff --git a/packages/react-icons/package.json b/packages/react-icons/package.json index 4b24f9cd079..b531b16c4c1 100644 --- a/packages/react-icons/package.json +++ b/packages/react-icons/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-icons", - "version": "5.4.0-prerelease.1", + "version": "5.4.0-prerelease.2", "description": "PatternFly 4 Icons as React Components", "main": "dist/js/index.js", "module": "dist/esm/index.js", diff --git a/packages/react-integration/demo-app-ts/CHANGELOG.md b/packages/react-integration/demo-app-ts/CHANGELOG.md index 5d3a783c120..c6343a051fe 100644 --- a/packages/react-integration/demo-app-ts/CHANGELOG.md +++ b/packages/react-integration/demo-app-ts/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [5.1.1-prerelease.109](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.108...demo-app-ts@5.1.1-prerelease.109) (2024-04-30) + +**Note:** Version bump only for package demo-app-ts + ## [5.1.1-prerelease.108](https://github.com/patternfly/patternfly-react/compare/demo-app-ts@5.1.1-prerelease.107...demo-app-ts@5.1.1-prerelease.108) (2024-04-30) **Note:** Version bump only for package demo-app-ts diff --git a/packages/react-integration/demo-app-ts/package.json b/packages/react-integration/demo-app-ts/package.json index 38f0eb6e3bd..3443ec07d78 100644 --- a/packages/react-integration/demo-app-ts/package.json +++ b/packages/react-integration/demo-app-ts/package.json @@ -1,7 +1,7 @@ { "name": "demo-app-ts", "private": true, - "version": "5.1.1-prerelease.108", + "version": "5.1.1-prerelease.109", "scripts": { "build:demo-app": "webpack --mode production", "start:demo-app": "webpack-dev-server", @@ -9,7 +9,7 @@ "serve:demo-app": "node scripts/serve" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.7", + "@patternfly/react-core": "^5.4.0-prerelease.8", "react": "^18", "react-dom": "^18", "react-router": "^5.3.3", diff --git a/packages/react-styles/CHANGELOG.md b/packages/react-styles/CHANGELOG.md index 7e54c8948bd..97e93240fd3 100644 --- a/packages/react-styles/CHANGELOG.md +++ b/packages/react-styles/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.2 (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-styles + # 5.4.0-prerelease.1 (2024-04-19) **Note:** Version bump only for package @patternfly/react-styles diff --git a/packages/react-styles/package.json b/packages/react-styles/package.json index a43da39c8b5..ec809bb963b 100644 --- a/packages/react-styles/package.json +++ b/packages/react-styles/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-styles", - "version": "5.4.0-prerelease.1", + "version": "5.4.0-prerelease.2", "main": "dist/js/index.js", "module": "dist/esm/index.js", "types": "dist/esm/index.d.ts", diff --git a/packages/react-table/CHANGELOG.md b/packages/react-table/CHANGELOG.md index 73e58c33218..615a623df08 100644 --- a/packages/react-table/CHANGELOG.md +++ b/packages/react-table/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [5.4.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.4.0-prerelease.7...@patternfly/react-table@5.4.0-prerelease.8) (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-table + # [5.4.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.4.0-prerelease.6...@patternfly/react-table@5.4.0-prerelease.7) (2024-04-30) **Note:** Version bump only for package @patternfly/react-table diff --git a/packages/react-table/package.json b/packages/react-table/package.json index 554e9dcd930..3b1f45af199 100644 --- a/packages/react-table/package.json +++ b/packages/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-table", - "version": "5.4.0-prerelease.7", + "version": "5.4.0-prerelease.8", "description": "This library provides a set of React table components for use with the PatternFly 4", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -39,10 +39,10 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.7", - "@patternfly/react-icons": "^5.4.0-prerelease.1", - "@patternfly/react-styles": "^5.4.0-prerelease.1", - "@patternfly/react-tokens": "^5.4.0-prerelease.1", + "@patternfly/react-core": "^5.4.0-prerelease.8", + "@patternfly/react-icons": "^5.4.0-prerelease.2", + "@patternfly/react-styles": "^5.4.0-prerelease.2", + "@patternfly/react-tokens": "^5.4.0-prerelease.2", "lodash": "^4.17.19", "tslib": "^2.5.0" }, diff --git a/packages/react-templates/CHANGELOG.md b/packages/react-templates/CHANGELOG.md index 5e2403051fa..3f0d5871699 100644 --- a/packages/react-templates/CHANGELOG.md +++ b/packages/react-templates/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [1.1.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.7...@patternfly/react-templates@1.1.0-prerelease.8) (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-templates + # [1.1.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.6...@patternfly/react-templates@1.1.0-prerelease.7) (2024-04-30) **Note:** Version bump only for package @patternfly/react-templates diff --git a/packages/react-templates/package.json b/packages/react-templates/package.json index da0ee019400..1330641b930 100644 --- a/packages/react-templates/package.json +++ b/packages/react-templates/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-templates", - "version": "1.1.0-prerelease.7", + "version": "1.1.0-prerelease.8", "description": "This package provides wrapped component demos for ease of use\n", "main": "dist/js/index.js", "module": "dist/esm/index.js", @@ -33,10 +33,10 @@ "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json" }, "dependencies": { - "@patternfly/react-core": "^5.4.0-prerelease.7", - "@patternfly/react-icons": "^5.4.0-prerelease.1", - "@patternfly/react-styles": "^5.4.0-prerelease.1", - "@patternfly/react-tokens": "^5.4.0-prerelease.1", + "@patternfly/react-core": "^5.4.0-prerelease.8", + "@patternfly/react-icons": "^5.4.0-prerelease.2", + "@patternfly/react-styles": "^5.4.0-prerelease.2", + "@patternfly/react-tokens": "^5.4.0-prerelease.2", "tslib": "^2.5.0" }, "peerDependencies": { diff --git a/packages/react-tokens/CHANGELOG.md b/packages/react-tokens/CHANGELOG.md index ed0c8835f34..9513788c5b1 100644 --- a/packages/react-tokens/CHANGELOG.md +++ b/packages/react-tokens/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# 5.4.0-prerelease.2 (2024-04-30) + +**Note:** Version bump only for package @patternfly/react-tokens + # 5.4.0-prerelease.1 (2024-04-19) **Note:** Version bump only for package @patternfly/react-tokens diff --git a/packages/react-tokens/package.json b/packages/react-tokens/package.json index 5b2717d4469..04ef25de203 100644 --- a/packages/react-tokens/package.json +++ b/packages/react-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@patternfly/react-tokens", - "version": "5.4.0-prerelease.1", + "version": "5.4.0-prerelease.2", "description": "This library provides access to the design tokens of PatternFly 4 from JavaScript", "main": "dist/js/index.js", "module": "dist/esm/index.js", From 07e01169f2491bf2f3959e33ba4c2038df07857c Mon Sep 17 00:00:00 2001 From: Jon Koops Date: Tue, 30 Apr 2024 19:05:12 +0200 Subject: [PATCH 041/148] chore(ci): refactor CI and upgrade actions (#10294) Signed-off-by: Jon Koops --- .github/actions/setup-project/action.yml | 61 +++ .github/upload-preview.js | 9 +- .../workflows/add-new-issues-to-project.yml | 4 +- .github/workflows/documentation.yml | 49 +++ .github/workflows/extensions.yml | 4 +- .github/workflows/main.yml | 99 +++++ .github/workflows/pr-preview.yml | 308 --------------- .github/workflows/promote.yml | 19 +- .github/workflows/release.yml | 362 +----------------- .github/workflows/stale.yml | 13 +- package.json | 4 +- 11 files changed, 253 insertions(+), 679 deletions(-) create mode 100644 .github/actions/setup-project/action.yml create mode 100644 .github/workflows/documentation.yml create mode 100644 .github/workflows/main.yml delete mode 100644 .github/workflows/pr-preview.yml diff --git a/.github/actions/setup-project/action.yml b/.github/actions/setup-project/action.yml new file mode 100644 index 00000000000..b0a93cde289 --- /dev/null +++ b/.github/actions/setup-project/action.yml @@ -0,0 +1,61 @@ +name: Set up and build project +inputs: + skip-build: + description: Skip the build step + required: false + default: 'false' + skip-build-cache: + description: Skip the build cache step + required: false + default: 'false' +runs: + using: composite + steps: + - name: Set up Node.js + uses: actions/setup-node@v4 + with: + node-version: 18 + check-latest: true + + - name: Get Yarn configuration + id: yarn-config + shell: bash + run: | + echo "cache-directory=$(yarn cache dir)" >> $GITHUB_OUTPUT + + # TODO: This can be simplified to use the `cache` option of the `actions/setup-node` action when it supports Corepack. + # See: https://github.com/actions/setup-node/issues/531 + - uses: actions/cache@v4 + name: Setup Yarn cache + with: + # Also cache Cypress binary. + path: | + ~/.cache/Cypress + ${{ steps.yarn-config.outputs.cache-directory }} + key: ${{ runner.os }}-yarn-cache-${{ hashFiles('yarn.lock') }} + restore-keys: | + ${{ runner.os }}-yarn-cache- + + - name: Install dependencies + shell: bash + run: yarn install --frozen-lockfile + + - uses: actions/cache@v4 + if: inputs.skip-build != 'true' && inputs.skip-build-cache != 'true' + id: cache-build + name: Cache build + with: + path: | + packages/*/dist + packages/*/next + packages/*/deprecated + packages/*/components + packages/react-styles/css + packages/react-core/layouts + packages/react-core/helpers + key: ${{ runner.os }}-build-${{ hashFiles('yarn.lock', '**/package.json', 'packages/**', '!**/node_modules', '!**/dist') }} + + - name: Run build + if: inputs.skip-build != 'true' && steps.cache-build.outputs.cache-hit != 'true' + shell: bash + run: yarn build && yarn build:umd diff --git a/.github/upload-preview.js b/.github/upload-preview.js index fafe1a2c797..7b3e534432e 100644 --- a/.github/upload-preview.js +++ b/.github/upload-preview.js @@ -1,4 +1,3 @@ -const fs = require('fs'); const path = require('path'); const { Octokit } = require('@octokit/rest'); const octokit = new Octokit({ auth: process.env.GH_PR_TOKEN }); @@ -7,11 +6,9 @@ const publishFn = surge().publish(); // From github actions const ghrepo = process.env.GITHUB_REPOSITORY || ''; - -const owner = process.env.CIRCLE_PROJECT_USERNAME || ghrepo.split('/')[0]; // patternfly -const repo = process.env.CIRCLE_PROJECT_REPONAME || ghrepo.split('/')[1]; -const prnum = process.env.CIRCLE_PR_NUMBER || process.env.GH_PR_NUM; -const prbranch = process.env.CIRCLE_BRANCH || process.env.GITHUB_REF.split('/').pop(); +const [owner, repo] = ghrepo.split('/'); +const prnum = process.env.GH_PR_NUM; +const prbranch = process.env.GITHUB_REF.split('/').pop(); const uploadFolder = process.argv[2]; if (!uploadFolder) { diff --git a/.github/workflows/add-new-issues-to-project.yml b/.github/workflows/add-new-issues-to-project.yml index fb7b6f2f3fc..cac1c9abdd7 100644 --- a/.github/workflows/add-new-issues-to-project.yml +++ b/.github/workflows/add-new-issues-to-project.yml @@ -1,16 +1,14 @@ name: Add new issues to PatternFly Issues project - on: issues: types: - opened - jobs: add-to-project: name: Add issue to project runs-on: ubuntu-latest steps: - - uses: actions/add-to-project@v0.3.0 + - uses: actions/add-to-project@v1.0.1 with: project-url: https://github.com/orgs/patternfly/projects/7 github-token: ${{ secrets.GH_PROJECTS }} diff --git a/.github/workflows/documentation.yml b/.github/workflows/documentation.yml new file mode 100644 index 00000000000..d6e9fd4c7c4 --- /dev/null +++ b/.github/workflows/documentation.yml @@ -0,0 +1,49 @@ +name: Documentation +on: + pull_request_target: + workflow_call: + secrets: + SURGE_LOGIN: + required: true + SURGE_TOKEN: + required: true + GH_PR_TOKEN: + required: true +jobs: + deploy: + name: Build, test & deploy + runs-on: ubuntu-latest + env: + SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }} + SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }} + GH_PR_TOKEN: ${{ secrets.GH_PR_TOKEN }} + GH_PR_NUM: ${{ github.event.number }} + steps: + - name: Check out project from PR branch + if: github.event_name == 'pull_request_target' + uses: actions/checkout@v4 + with: + # Checkout the merge commit so that we can access the PR's changes. + # This is nessesary because `pull_request_target` checks out the base branch (e.g. `main`) by default. + ref: ${{ github.event.pull_request.merge_commit_sha }} + + - name: Check out project + if: github.event_name != 'pull_request_target' + uses: actions/checkout@v4 + + - name: Set up and build project + uses: ./.github/actions/setup-project + + - name: Build documentation + run: yarn build:docs + + - name: Upload documentation + if: always() + run: node .github/upload-preview.js packages/react-docs/public + + - name: Run accessibility tests + run: yarn serve:docs & yarn test:a11y + + - name: Upload accessibility results + if: always() + run: node .github/upload-preview.js packages/react-docs/coverage diff --git a/.github/workflows/extensions.yml b/.github/workflows/extensions.yml index 3a436d5cf22..ef8ef00c74d 100644 --- a/.github/workflows/extensions.yml +++ b/.github/workflows/extensions.yml @@ -1,17 +1,15 @@ name: Add relevant issues to extensions project board - on: issues: types: - labeled - jobs: add-to-extensions: if: github.event.label.name == 'extension' name: Add issue to extensions board runs-on: ubuntu-latest steps: - - uses: actions/add-to-project@v0.3.0 + - uses: actions/add-to-project@v1.0.1 with: project-url: https://github.com/orgs/patternfly/projects/12 github-token: ${{ secrets.GH_PROJECTS }} diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml new file mode 100644 index 00000000000..e4fc55e74fb --- /dev/null +++ b/.github/workflows/main.yml @@ -0,0 +1,99 @@ +name: CI +on: + pull_request: + workflow_call: +jobs: + lint: + name: Lint + runs-on: ubuntu-latest + steps: + - name: Check out project + uses: actions/checkout@v4 + + - name: Set up project + uses: ./.github/actions/setup-project + with: + skip-build: true + + - uses: actions/cache@v4 + name: Cache files proccesed by ESLint + with: + path: .eslintcache + key: ${{ runner.os }}-eslint-cache + + - name: Run linter + run: yarn lint:all + + build: + name: Build + runs-on: ubuntu-latest + steps: + - name: Check out project + uses: actions/checkout@v4 + + - name: Set up and build project + uses: ./.github/actions/setup-project + + unit-tests: + name: Unit tests + runs-on: ubuntu-latest + needs: build + steps: + - name: Check out project + uses: actions/checkout@v4 + + - name: Set up and build project + uses: ./.github/actions/setup-project + + - name: Run tests + run: yarn test --maxWorkers=2 + + demo-app: + name: Build demo app + runs-on: ubuntu-latest + needs: build + steps: + - name: Check out project + uses: actions/checkout@v4 + + - name: Set up and build project + uses: ./.github/actions/setup-project + + - name: Build demo app + run: yarn build:integration + + - name: Upload demo app + uses: actions/upload-artifact@v4 + with: + name: demo-app + path: packages/react-integration/demo-app-ts/public + + integration-tests: + name: Integration tests + runs-on: ubuntu-latest + needs: demo-app + strategy: + fail-fast: false + matrix: + worker: [0, 1, 2, 3, 4] + steps: + - name: Check out project + uses: actions/checkout@v4 + + - name: Set up and build project + uses: ./.github/actions/setup-project + + - name: Download demo app + uses: actions/download-artifact@v4 + with: + name: demo-app + path: packages/react-integration/demo-app-ts/public + + - name: Print environment variables + run: printenv + + - name: Run Cypress tests + run: yarn serve:integration & yarn test:integration -s $(node .github/split.js) + env: + WORKER_NUM: ${{ matrix.worker }} + WORKER_COUNT: 5 diff --git a/.github/workflows/pr-preview.yml b/.github/workflows/pr-preview.yml deleted file mode 100644 index d943b7a14e5..00000000000 --- a/.github/workflows/pr-preview.yml +++ /dev/null @@ -1,308 +0,0 @@ -### WARNING -- this file was generated by generate-workflows.js -name: build-test-deploy -on: pull_request_target -jobs: - build: - runs-on: ubuntu-latest - env: - GH_PR_NUM: ${{ github.event.number }} - steps: - - uses: actions/checkout@v2 - # Yes, we really want to checkout the PR - - run: | - if [[ ! -z "${GH_PR_NUM}" ]]; then - echo "Checking out PR" - git fetch origin pull/$GH_PR_NUM/head:tmp - git checkout tmp - fi - - uses: actions/setup-node@v1 - with: - node-version: '18' - - uses: actions/cache@v2 - id: yarn-cache - name: Cache npm deps - with: - path: | - node_modules - **/node_modules - ~/.cache/Cypress - key: ${{ runner.os }}-yarn-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock', 'packages/*/package.json') }} - - run: yarn install --frozen-lockfile - if: steps.yarn-cache.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: dist - name: Cache dist - with: - path: | - packages/*/dist - packages/*/next - packages/*/deprecated - packages/*/components - packages/react-styles/css - packages/react-core/layouts - packages/react-core/helpers - key: ${{ runner.os }}-dist-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock', 'package.json', 'packages/*/*', '!packages/*/dist', '!packages/*/node_modules') }} - - name: Build dist - run: yarn build && yarn build:umd - if: steps.dist.outputs.cache-hit != 'true' - lint: - runs-on: ubuntu-latest - env: - GH_PR_NUM: ${{ github.event.number }} - needs: build - steps: - - uses: actions/checkout@v2 - # Yes, we really want to checkout the PR - - run: | - if [[ ! -z "${GH_PR_NUM}" ]]; then - echo "Checking out PR" - git fetch origin pull/$GH_PR_NUM/head:tmp - git checkout tmp - fi - - uses: actions/setup-node@v1 - with: - node-version: '18' - - uses: actions/cache@v2 - id: yarn-cache - name: Cache npm deps - with: - path: | - node_modules - **/node_modules - ~/.cache/Cypress - key: ${{ runner.os }}-yarn-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - run: yarn install --frozen-lockfile - if: steps.yarn-cache.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: lint-cache - name: Load lint cache - with: - path: '.eslintcache' - key: ${{ runner.os }}-lint-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - name: ESLint - run: yarn lint:ts - - name: MDLint - run: yarn lint:md - - name: '@patternfly/patternfly versions match' - run: yarn lint:versions - test_jest: - runs-on: ubuntu-latest - env: - GH_PR_NUM: ${{ github.event.number }} - needs: build - steps: - - uses: actions/checkout@v2 - # Yes, we really want to checkout the PR - - run: | - if [[ ! -z "${GH_PR_NUM}" ]]; then - echo "Checking out PR" - git fetch origin pull/$GH_PR_NUM/head:tmp - git checkout tmp - fi - - uses: actions/setup-node@v1 - with: - node-version: '18' - - uses: actions/cache@v2 - id: yarn-cache - name: Cache npm deps - with: - path: | - node_modules - **/node_modules - ~/.cache/Cypress - key: ${{ runner.os }}-yarn-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - run: yarn install --frozen-lockfile - if: steps.yarn-cache.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: dist - name: Cache dist - with: - path: | - packages/*/dist - packages/*/next - packages/*/deprecated - packages/*/components - packages/react-styles/css - packages/react-core/layouts - packages/react-core/helpers - key: ${{ runner.os }}-dist-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock', 'package.json', 'packages/*/*', '!packages/*/dist', '!packages/*/node_modules') }} - - name: Build dist - run: yarn build && yarn build:umd - if: steps.dist.outputs.cache-hit != 'true' - - name: PF4 Jest Tests - run: yarn test --maxWorkers=2 - docs: - runs-on: ubuntu-latest - needs: build - env: - SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }} - SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }} - GH_PR_TOKEN: ${{ secrets.GH_PR_TOKEN }} - GH_PR_NUM: ${{ github.event.number }} - steps: - - uses: actions/checkout@v2 - # Yes, we really want to checkout the PR - - run: | - if [[ ! -z "${GH_PR_NUM}" ]]; then - echo "Checking out PR" - git fetch origin pull/$GH_PR_NUM/head:tmp - git checkout tmp - fi - - uses: actions/setup-node@v1 - with: - node-version: '18' - - uses: actions/cache@v2 - id: yarn-cache - name: Cache npm deps - with: - path: | - node_modules - **/node_modules - ~/.cache/Cypress - key: ${{ runner.os }}-yarn-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - run: yarn install --frozen-lockfile - if: steps.yarn-cache.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: dist - name: Cache dist - with: - path: | - packages/*/dist - packages/*/next - packages/*/deprecated - packages/*/components - packages/react-styles/css - packages/react-core/layouts - packages/react-core/helpers - key: ${{ runner.os }}-dist-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock', 'package.json', 'packages/*/*', '!packages/*/dist', '!packages/*/node_modules') }} - - name: Build dist - run: yarn build && yarn build:umd - if: steps.dist.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: docs-cache - name: Cache webpack - with: - path: '.cache' - key: ${{ runner.os }}-v4-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - name: Build docs - run: yarn build:docs - - name: Upload docs - run: node .github/upload-preview.js packages/react-docs/public - if: always() - - name: a11y tests - run: yarn serve:docs & yarn test:a11y - - name: Upload a11y results - run: node .github/upload-preview.js packages/react-docs/coverage - if: always() - demo_app: - runs-on: ubuntu-latest - env: - GH_PR_NUM: ${{ github.event.number }} - needs: build - steps: - - uses: actions/checkout@v2 - # Yes, we really want to checkout the PR - - run: | - if [[ ! -z "${GH_PR_NUM}" ]]; then - echo "Checking out PR" - git fetch origin pull/$GH_PR_NUM/head:tmp - git checkout tmp - fi - - uses: actions/setup-node@v1 - with: - node-version: '18' - - uses: actions/cache@v2 - id: yarn-cache - name: Cache npm deps - with: - path: | - node_modules - **/node_modules - ~/.cache/Cypress - key: ${{ runner.os }}-yarn-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - run: yarn install --frozen-lockfile - if: steps.yarn-cache.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: dist - name: Cache dist - with: - path: | - packages/*/dist - packages/*/next - packages/*/deprecated - packages/*/components - packages/react-styles/css - packages/react-core/layouts - packages/react-core/helpers - key: ${{ runner.os }}-dist-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock', 'package.json', 'packages/*/*', '!packages/*/dist', '!packages/*/node_modules') }} - - name: Build dist - run: yarn build && yarn build:umd - if: steps.dist.outputs.cache-hit != 'true' - - name: Build demo app - run: yarn build:integration - - name: Upload demo app - uses: actions/upload-artifact@v2 - with: - name: demo-app - path: packages/react-integration/demo-app-ts/public - test_integration: - runs-on: ubuntu-latest - env: - GH_PR_NUM: ${{ github.event.number }} - needs: demo_app - strategy: - fail-fast: false - matrix: - worker_num: [0, 1, 2, 3, 4] - worker_count: [5] - steps: - - uses: actions/checkout@v2 - # Yes, we really want to checkout the PR - - run: | - if [[ ! -z "${GH_PR_NUM}" ]]; then - echo "Checking out PR" - git fetch origin pull/$GH_PR_NUM/head:tmp - git checkout tmp - fi - - uses: actions/setup-node@v1 - with: - node-version: '18' - - uses: actions/cache@v2 - id: yarn-cache - name: Cache npm deps - with: - path: | - node_modules - **/node_modules - ~/.cache/Cypress - key: ${{ runner.os }}-yarn-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - run: yarn install --frozen-lockfile - if: steps.yarn-cache.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: dist - name: Cache dist - with: - path: | - packages/*/dist - packages/*/next - packages/*/deprecated - packages/*/components - packages/react-styles/css - packages/react-core/layouts - packages/react-core/helpers - key: ${{ runner.os }}-dist-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock', 'package.json', 'packages/*/*', '!packages/*/dist', '!packages/*/node_modules') }} - - name: Build dist - run: yarn build && yarn build:umd - if: steps.dist.outputs.cache-hit != 'true' - - name: Download demo app - uses: actions/download-artifact@v2 - with: - name: demo-app - path: packages/react-integration/demo-app-ts/public - - run: printenv - - name: Cypress tests - run: yarn serve:integration & yarn test:integration -s $(node .github/split.js) - env: - WORKER_NUM: ${{ matrix.worker_num }} - WORKER_COUNT: ${{ matrix.worker_count }} - diff --git a/.github/workflows/promote.yml b/.github/workflows/promote.yml index 8386cc2a3ad..958a3e42e97 100644 --- a/.github/workflows/promote.yml +++ b/.github/workflows/promote.yml @@ -3,7 +3,7 @@ on: workflow_dispatch: inputs: core-version: - description: 'The PatternFly core version' + description: The PatternFly core version required: false jobs: deploy: @@ -14,15 +14,16 @@ jobs: RELEASE_VERSION: ${{ github.event.inputs.version }} GH_TOKEN: ${{ secrets.GH_TOKEN_REDALLEN }} steps: - - uses: actions/checkout@v3 + - name: Check out project + uses: actions/checkout@v4 with: - token: ${{ secrets.GH_TOKEN_REDALLEN }} # needs to be an admin token to get around branch protection - - uses: actions/setup-node@v3 + # Needs to be an admin token to get around branch protection. + token: ${{ secrets.GH_TOKEN_REDALLEN }} + + - name: Set up and build project + uses: ./.github/actions/setup-project with: - node-version: '18' - - name: Install deps - run: yarn install --frozen-lockfile - - name: Build dist - run: yarn build && yarn build:umd + skip-build-cache: true + - name: Deploy to NPM and Github run: .github/promote.sh diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml index 6d11bc9ae30..d65ae488d94 100644 --- a/.github/workflows/release.yml +++ b/.github/workflows/release.yml @@ -1,355 +1,35 @@ -### WARNING -- this file was generated by generate-workflows.js -name: release +name: Release on: push: branches: - main jobs: - build: - runs-on: ubuntu-latest - env: - GH_PR_NUM: ${{ github.event.number }} - steps: - - uses: actions/checkout@v2 - # Yes, we really want to checkout the PR - - run: | - if [[ ! -z "${GH_PR_NUM}" ]]; then - echo "Checking out PR" - git fetch origin pull/$GH_PR_NUM/head:tmp - git checkout tmp - fi - - uses: actions/setup-node@v1 - with: - node-version: '18' - - uses: actions/cache@v2 - id: yarn-cache - name: Cache npm deps - with: - path: | - node_modules - **/node_modules - ~/.cache/Cypress - key: ${{ runner.os }}-yarn-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - run: yarn install --frozen-lockfile - if: steps.yarn-cache.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: dist - name: Cache dist - with: - path: | - packages/*/dist - packages/*/next - packages/*/deprecated - packages/*/components - packages/react-styles/css - packages/react-core/layouts - packages/react-core/helpers - key: ${{ runner.os }}-dist-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock', 'package.json', 'packages/*/*', '!packages/*/dist', '!packages/*/node_modules') }} - - name: Build dist - run: yarn build && yarn build:umd - if: steps.dist.outputs.cache-hit != 'true' - lint: - runs-on: ubuntu-latest - env: - GH_PR_NUM: ${{ github.event.number }} - needs: build - steps: - - uses: actions/checkout@v2 - # Yes, we really want to checkout the PR - - run: | - if [[ ! -z "${GH_PR_NUM}" ]]; then - echo "Checking out PR" - git fetch origin pull/$GH_PR_NUM/head:tmp - git checkout tmp - fi - - uses: actions/setup-node@v1 - with: - node-version: '18' - - uses: actions/cache@v2 - id: yarn-cache - name: Cache npm deps - with: - path: | - node_modules - **/node_modules - ~/.cache/Cypress - key: ${{ runner.os }}-yarn-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - run: yarn install --frozen-lockfile - if: steps.yarn-cache.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: lint-cache - name: Load lint cache - with: - path: '.eslintcache' - key: ${{ runner.os }}-lint-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - name: ESLint - run: yarn lint:ts - - name: MDLint - run: yarn lint:md - - name: '@patternfly/patternfly versions match' - run: yarn lint:versions - test_jest: - runs-on: ubuntu-latest - env: - GH_PR_NUM: ${{ github.event.number }} - needs: build - steps: - - uses: actions/checkout@v2 - # Yes, we really want to checkout the PR - - run: | - if [[ ! -z "${GH_PR_NUM}" ]]; then - echo "Checking out PR" - git fetch origin pull/$GH_PR_NUM/head:tmp - git checkout tmp - fi - - uses: actions/setup-node@v1 - with: - node-version: '18' - - uses: actions/cache@v2 - id: yarn-cache - name: Cache npm deps - with: - path: | - node_modules - **/node_modules - ~/.cache/Cypress - key: ${{ runner.os }}-yarn-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - run: yarn install --frozen-lockfile - if: steps.yarn-cache.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: dist - name: Cache dist - with: - path: | - packages/*/dist - packages/*/next - packages/*/deprecated - packages/*/components - packages/react-styles/css - packages/react-core/layouts - packages/react-core/helpers - key: ${{ runner.os }}-dist-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock', 'package.json', 'packages/*/*', '!packages/*/dist', '!packages/*/node_modules') }} - - name: Build dist - run: yarn build && yarn build:umd - if: steps.dist.outputs.cache-hit != 'true' - - name: PF4 Jest Tests - run: yarn test --maxWorkers=2 + ci: + name: CI + uses: ./.github/workflows/main.yml + docs: - runs-on: ubuntu-latest - needs: build - env: - SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }} - SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }} - GH_PR_TOKEN: ${{ secrets.GH_PR_TOKEN }} - GH_PR_NUM: ${{ github.event.number }} - steps: - - uses: actions/checkout@v2 - # Yes, we really want to checkout the PR - - run: | - if [[ ! -z "${GH_PR_NUM}" ]]; then - echo "Checking out PR" - git fetch origin pull/$GH_PR_NUM/head:tmp - git checkout tmp - fi - - uses: actions/setup-node@v1 - with: - node-version: '18' - - uses: actions/cache@v2 - id: yarn-cache - name: Cache npm deps - with: - path: | - node_modules - **/node_modules - ~/.cache/Cypress - key: ${{ runner.os }}-yarn-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - run: yarn install --frozen-lockfile - if: steps.yarn-cache.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: dist - name: Cache dist - with: - path: | - packages/*/dist - packages/*/next - packages/*/deprecated - packages/*/components - packages/react-styles/css - packages/react-core/layouts - packages/react-core/helpers - key: ${{ runner.os }}-dist-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock', 'package.json', 'packages/*/*', '!packages/*/dist', '!packages/*/node_modules') }} - - name: Build dist - run: yarn build && yarn build:umd - if: steps.dist.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: docs-cache - name: Cache webpack - with: - path: '.cache' - key: ${{ runner.os }}-v4-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - name: Build docs - run: yarn build:docs - - name: Upload docs - run: node .github/upload-preview.js packages/react-docs/public - - name: a11y tests - run: yarn serve:docs & yarn test:a11y - if: "!contains(github.event.head_commit.message, 'skip-a11y')" - - name: Upload a11y results - run: node .github/upload-preview.js packages/react-docs/coverage - if: "!contains(github.event.head_commit.message, 'skip-a11y')" - demo_app: - runs-on: ubuntu-latest - env: - GH_PR_NUM: ${{ github.event.number }} - needs: build - steps: - - uses: actions/checkout@v2 - # Yes, we really want to checkout the PR - - run: | - if [[ ! -z "${GH_PR_NUM}" ]]; then - echo "Checking out PR" - git fetch origin pull/$GH_PR_NUM/head:tmp - git checkout tmp - fi - - uses: actions/setup-node@v1 - with: - node-version: '18' - - uses: actions/cache@v2 - id: yarn-cache - name: Cache npm deps - with: - path: | - node_modules - **/node_modules - ~/.cache/Cypress - key: ${{ runner.os }}-yarn-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - run: yarn install --frozen-lockfile - if: steps.yarn-cache.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: dist - name: Cache dist - with: - path: | - packages/*/dist - packages/*/next - packages/*/deprecated - packages/*/components - packages/react-styles/css - packages/react-core/layouts - packages/react-core/helpers - key: ${{ runner.os }}-dist-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock', 'package.json', 'packages/*/*', '!packages/*/dist', '!packages/*/node_modules') }} - - name: Build dist - run: yarn build && yarn build:umd - if: steps.dist.outputs.cache-hit != 'true' - - name: Build demo app - run: yarn build:integration - - name: Upload demo app - uses: actions/upload-artifact@v2 - with: - name: demo-app - path: packages/react-integration/demo-app-ts/public - test_integration: - runs-on: ubuntu-latest - env: - GH_PR_NUM: ${{ github.event.number }} - needs: demo_app - strategy: - fail-fast: false - matrix: - worker_num: [0, 1, 2, 3, 4] - worker_count: [5] - steps: - - uses: actions/checkout@v2 - # Yes, we really want to checkout the PR - - run: | - if [[ ! -z "${GH_PR_NUM}" ]]; then - echo "Checking out PR" - git fetch origin pull/$GH_PR_NUM/head:tmp - git checkout tmp - fi - - uses: actions/setup-node@v1 - with: - node-version: '18' - - uses: actions/cache@v2 - id: yarn-cache - name: Cache npm deps - with: - path: | - node_modules - **/node_modules - ~/.cache/Cypress - key: ${{ runner.os }}-yarn-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - run: yarn install --frozen-lockfile - if: steps.yarn-cache.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: dist - name: Cache dist - with: - path: | - packages/*/dist - packages/*/next - packages/*/deprecated - packages/*/components - packages/react-styles/css - packages/react-core/layouts - packages/react-core/helpers - key: ${{ runner.os }}-dist-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock', 'package.json', 'packages/*/*', '!packages/*/dist', '!packages/*/node_modules') }} - - name: Build dist - run: yarn build && yarn build:umd - if: steps.dist.outputs.cache-hit != 'true' - - name: Download demo app - uses: actions/download-artifact@v2 - with: - name: demo-app - path: packages/react-integration/demo-app-ts/public - - run: printenv - - name: Cypress tests - run: yarn serve:integration & yarn test:integration -s $(node .github/split.js) - env: - WORKER_NUM: ${{ matrix.worker_num }} - WORKER_COUNT: ${{ matrix.worker_count }} + name: Documentation + uses: ./.github/workflows/documentation.yml + secrets: inherit + deploy: + name: Deploy release runs-on: ubuntu-latest - needs: [lint, test_jest, docs, test_integration] + needs: [ci, docs] env: NPM_TOKEN: ${{ secrets.NPM_TOKEN }} - GH_TOKEN: ${{ secrets.GH_TOKEN_REDALLEN }} # needs to be an admin token to get around branch protection + # Needs to be an admin token to get around branch protection. + GH_TOKEN: ${{ secrets.GH_TOKEN_REDALLEN }} GH_PR_TOKEN: ${{ secrets.GH_PR_TOKEN }} steps: - - uses: actions/checkout@v2 - with: - token: ${{ secrets.GH_TOKEN_REDALLEN }} # needs to be an admin token to get around branch protection - fetch-depth: '0' - - run: git fetch --depth=1 origin +refs/tags/*:refs/tags/* - - uses: actions/setup-node@v1 - with: - node-version: '18' - - uses: actions/cache@v2 - id: yarn-cache - name: Cache npm deps - with: - path: | - node_modules - **/node_modules - ~/.cache/Cypress - key: ${{ runner.os }}-yarn-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock') }} - - run: yarn install --frozen-lockfile - if: steps.yarn-cache.outputs.cache-hit != 'true' - - uses: actions/cache@v2 - id: dist - name: Cache dist - with: - path: | - packages/*/dist - packages/*/next - packages/*/deprecated - packages/*/components - packages/react-styles/css - packages/react-core/layouts - packages/react-core/helpers - key: ${{ runner.os }}-dist-14-${{ secrets.CACHE_VERSION }}-${{ hashFiles('yarn.lock', 'package.json', 'packages/*/*', '!packages/*/dist', '!packages/*/node_modules') }} - - name: Build dist - run: yarn build && yarn build:umd - if: steps.dist.outputs.cache-hit != 'true' + - name: Check out project + uses: actions/checkout@v4 + + - name: Set up and build project + uses: ./.github/actions/setup-project + with: + skip-build-cache: true + - name: Deploy to NPM and Github run: .github/release.sh diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml index 92791b7de65..192461488fe 100644 --- a/.github/workflows/stale.yml +++ b/.github/workflows/stale.yml @@ -1,8 +1,7 @@ -name: 'Close stale issues and PRs' +name: Close stale issues and PRs on: schedule: - - cron: '37 11 * * *' - + - cron: 37 11 * * * jobs: stale: runs-on: ubuntu-latest @@ -11,9 +10,9 @@ jobs: with: days-before-stale: 60 days-before-close: 14 - exempt-issue-labels: 'accessibility,breaking change :boom:,security,pinned' - stale-issue-label: 'wontfix' - stale-issue-message: 'This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.' - stale-pr-message: 'This PR has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.' + exempt-issue-labels: accessibility,breaking change :boom:,security,pinned + stale-issue-label: wontfix + stale-issue-message: This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. + stale-pr-message: This PR has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. close-issue-message: false close-pr-message: false diff --git a/package.json b/package.json index 7c0f097c3f8..a84001c45f6 100644 --- a/package.json +++ b/package.json @@ -77,9 +77,9 @@ "clean:build": "rimraf .cache .eslintcache coverage", "clean:exports": "lerna run clean:exports --parallel --stream", "generate": "yarn plop", - "lint": "node --max-old-space-size=4096 node_modules/.bin/eslint --ext js,jsx,ts,tsx --cache", + "lint": "node --max-old-space-size=4096 node_modules/.bin/eslint --ext js,jsx,ts,tsx --cache --cache-strategy content", "lint:all": "yarn lint:md && yarn lint:versions && yarn lint:ts", - "lint:md": "yarn eslint packages --ext md --no-eslintrc --config .eslintrc-md.json --cache", + "lint:md": "yarn eslint packages --ext md --no-eslintrc --config .eslintrc-md.json --cache --cache-strategy content", "lint:ts": "yarn lint packages/*/src", "lint:versions": "node scripts/verifyPatternflyVersions.js", "lint:tests": "yarn lint packages/*/src/components/*/__tests__/*.test.*", From 6163bd6080de490a4a4c01f3213f8f956aa0aeab Mon Sep 17 00:00:00 2001 From: Jon Koops Date: Wed, 1 May 2024 00:28:01 +0200 Subject: [PATCH 042/148] bug(ci): fix broken release job (#10324) Signed-off-by: Jon Koops --- .github/workflows/release.yml | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml index d65ae488d94..390dd3f0f60 100644 --- a/.github/workflows/release.yml +++ b/.github/workflows/release.yml @@ -25,6 +25,14 @@ jobs: steps: - name: Check out project uses: actions/checkout@v4 + with: + fetch-depth: 0 + # Needs to be an admin token to get around branch protection. + token: ${{ secrets.GH_TOKEN_REDALLEN }} + + # Fetches all tags from 'origin' and updates local tags, only fetches the latest commit. + - name: Fetch tags + run: git fetch --depth=1 origin +refs/tags/*:refs/tags/* - name: Set up and build project uses: ./.github/actions/setup-project From 3176c645bc746cf69b2fe04f2511af6aedcd456a Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Wed, 1 May 2024 13:21:23 -0400 Subject: [PATCH 043/148] chore(deps): update dependency @patternfly/patternfly to v5.4.0-prerelease.2 (#10323) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> --- packages/react-core/package.json | 2 +- packages/react-docs/package.json | 2 +- packages/react-icons/package.json | 2 +- packages/react-styles/package.json | 2 +- packages/react-tokens/package.json | 2 +- yarn.lock | 8 ++++---- 6 files changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/react-core/package.json b/packages/react-core/package.json index c28c1c266a9..33fc87037e5 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -54,7 +54,7 @@ "tslib": "^2.5.0" }, "devDependencies": { - "@patternfly/patternfly": "5.4.0-prerelease.1", + "@patternfly/patternfly": "5.4.0-prerelease.2", "@rollup/plugin-commonjs": "^25.0.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-replace": "^5.0.2", diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index f3feeca7c64..aa8b5135abb 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -22,7 +22,7 @@ "test:a11y": "patternfly-a11y --config patternfly-a11y.config" }, "dependencies": { - "@patternfly/patternfly": "5.4.0-prerelease.1", + "@patternfly/patternfly": "5.4.0-prerelease.2", "@patternfly/react-charts": "^7.4.0-prerelease.3", "@patternfly/react-code-editor": "^5.4.0-prerelease.8", "@patternfly/react-core": "^5.4.0-prerelease.8", diff --git a/packages/react-icons/package.json b/packages/react-icons/package.json index b531b16c4c1..aa323b7d8e2 100644 --- a/packages/react-icons/package.json +++ b/packages/react-icons/package.json @@ -32,7 +32,7 @@ "@fortawesome/free-brands-svg-icons": "^5.14.0", "@fortawesome/free-regular-svg-icons": "^5.14.0", "@fortawesome/free-solid-svg-icons": "^5.14.0", - "@patternfly/patternfly": "5.4.0-prerelease.1", + "@patternfly/patternfly": "5.4.0-prerelease.2", "fs-extra": "^11.1.1", "glob": "^7.1.2", "tslib": "^2.5.0", diff --git a/packages/react-styles/package.json b/packages/react-styles/package.json index ec809bb963b..cdbbb7cb78a 100644 --- a/packages/react-styles/package.json +++ b/packages/react-styles/package.json @@ -18,7 +18,7 @@ "clean": "rimraf dist css" }, "devDependencies": { - "@patternfly/patternfly": "5.4.0-prerelease.1", + "@patternfly/patternfly": "5.4.0-prerelease.2", "camel-case": "^3.0.0", "css": "^2.2.3", "fs-extra": "^11.1.1", diff --git a/packages/react-tokens/package.json b/packages/react-tokens/package.json index 04ef25de203..5288fd9d067 100644 --- a/packages/react-tokens/package.json +++ b/packages/react-tokens/package.json @@ -28,7 +28,7 @@ "clean": "rimraf dist" }, "devDependencies": { - "@patternfly/patternfly": "5.4.0-prerelease.1", + "@patternfly/patternfly": "5.4.0-prerelease.2", "css": "^2.2.3", "fs-extra": "^11.1.1", "glob": "^7.1.2" diff --git a/yarn.lock b/yarn.lock index 10ff1e137ec..052f65ae2a4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2896,10 +2896,10 @@ puppeteer-cluster "^0.23.0" xmldoc "^1.1.2" -"@patternfly/patternfly@5.4.0-prerelease.1": - version "5.4.0-prerelease.1" - resolved "https://registry.yarnpkg.com/@patternfly/patternfly/-/patternfly-5.4.0-prerelease.1.tgz#5fb2eb9e1cb755657b66ba88d451b6cc3bab3a21" - integrity sha512-IzBTJ2VRolxP0U7zMD8aQkVAzuakO7mOMJ2Zr1DK8bK7He6XbEWzbxy0SZ5mOrfPhn2YpiyMAAhYOqsP7cwtPA== +"@patternfly/patternfly@5.4.0-prerelease.2": + version "5.4.0-prerelease.2" + resolved "https://registry.yarnpkg.com/@patternfly/patternfly/-/patternfly-5.4.0-prerelease.2.tgz#bafbffac56bf98bd4e99f3ac869039bdfa6a4ab2" + integrity sha512-YFiC4aAb3aolxrI7RTjvzUrBqm0eXZK0hV4kUvOMsvV1ALbpU79tQS9j1Uq01fdCTXD21zhzMafpE/QHT+ehcQ== "@pkgjs/parseargs@^0.11.0": version "0.11.0" From 16ffebf0cf588d90048651153734a7cfd32adc58 Mon Sep 17 00:00:00 2001 From: Jon Koops Date: Wed, 1 May 2024 19:50:02 +0200 Subject: [PATCH 044/148] chore: upgrade to Node.js version 20 (#10325) Signed-off-by: Jon Koops --- .github/actions/setup-project/action.yml | 2 +- CONTRIBUTING.md | 51 +++++++++++-------- README.md | 2 +- package.json | 2 +- .../eslint-plugin-patternfly-react/README.md | 4 +- packages/react-charts/README.md | 19 +------ packages/react-code-editor/README.md | 23 ++------- packages/react-core/CONTRIBUTING.md | 2 - packages/react-table/README.md | 19 +------ packages/react-templates/README.md | 19 +------ 10 files changed, 45 insertions(+), 98 deletions(-) diff --git a/.github/actions/setup-project/action.yml b/.github/actions/setup-project/action.yml index b0a93cde289..b51a8ba250a 100644 --- a/.github/actions/setup-project/action.yml +++ b/.github/actions/setup-project/action.yml @@ -14,7 +14,7 @@ runs: - name: Set up Node.js uses: actions/setup-node@v4 with: - node-version: 18 + node-version: 20 check-latest: true - name: Get Yarn configuration diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index b0b8205c972..470a424cfe6 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -130,7 +130,7 @@ To make contributing components and packages easier a generator utility has been To start the generator run: -```bash +```sh yarn generate ``` @@ -179,9 +179,9 @@ Please ensure that all React UI components contributed meet the following guidel Adhering to the following process is the best way to get your work included in the project: -1. [Fork](https://help.github.com/fork-a-repo/) the project, clone your fork, and configure the remotes: +1. [Fork](https://help.github.com/fork-a-repo/) the project, clone your fork, and configure the remotes: -```bash +```sh # Clone your fork of the repo into the current directory git clone https://github.com//patternfly-react.git # Navigate to the newly cloned directory @@ -192,15 +192,24 @@ git remote add upstream https://github.com/patternfly/patternfly-react.git git fetch upstream ``` -2. Create a branch: +2. Set up tooling -```text -$ git checkout -b my-branch upstream/main +[Install Node.js](https://nodejs.org/en/download/package-manager) version 20 (or higher). Then install the project dependencies and build it by running: + +```sh +yarn install +yarn build ``` -3. Generate your component +3. Create a branch: + +```sh +git checkout -b my-branch upstream/main +``` -```bash +4. Generate your component + +```sh # Run the tool to Generate the component scaffolding yarn generate ``` @@ -214,37 +223,37 @@ $ git checkout -b my-branch upstream/main ComponentName.md - Component Docs ``` -4. Develop your component. After development is complete, run build and ensure tests and lint standards pass. +5. Develop your component. After development is complete, run build and ensure tests and lint standards pass. -```text -$ yarn build -$ yarn test +```sh +yarn build +yarn test ``` Ensure no lint errors are introduced in `yarn-error.log` after running this command. ***Note to Windows users:*** you may need to change the path for the lint script in package.json to be `node_modules/eslint/bin/eslint` -5. Add a commit using `git commit`: +6. Add a commit using `git commit`: This project uses [`lerna`](https://lernajs.io/) to do automatic releases and generate a changelog based on the commit history. So we follow [a convention][3] for commit messages. Please follow this convention for your commit messages. -6. Rebase +7. Rebase Use `git rebase` (not `git merge`) to sync your work from time to time. Ensure all commits related to a single issue have been [squashed](https://github.com/ginatrapani/todo.txt-android/wiki/Squash-All-Commits-Related-to-a-Single-Issue-into-a-Single-Commit). -```text -$ git fetch upstream -$ git rebase upstream/main +```sh +git fetch upstream +git rebase upstream/main ``` -7. Push +8. Push -```text -$ git push origin my-branch +```sh +git push origin my-branch ``` -8. Create a pull request +9. Create a pull request [Open a pull request](https://help.github.com/articles/using-pull-requests/) with a clear title and description against the `main` branch. Please be sure to include all of the following in your PR: diff --git a/README.md b/README.md index 697a5524414..843af600b4b 100644 --- a/README.md +++ b/README.md @@ -44,7 +44,7 @@ Before you begin, check out this [overview of PatternFly](http://patternfly.org/ #### Install a package manager Install a package manager before using the PatternFly libraries. -* [Use npm](https://nodejs.org/en/download) +* [Use npm](https://nodejs.org/en/download/package-manager) * [Use Yarn](https://yarnpkg.com/en/docs/getting-started) diff --git a/package.json b/package.json index a84001c45f6..51bf68cac5e 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,7 @@ "url": "https://github.com/patternfly/patternfly-react.git" }, "engines": { - "node": ">=18.0.0", + "node": ">=20", "yarn": ">=1.6.0" }, "keywords": [ diff --git a/packages/eslint-plugin-patternfly-react/README.md b/packages/eslint-plugin-patternfly-react/README.md index f60a9ae6b58..347fa5ad0ed 100644 --- a/packages/eslint-plugin-patternfly-react/README.md +++ b/packages/eslint-plugin-patternfly-react/README.md @@ -4,13 +4,13 @@ This package provides PatternFly React all ESLint rules bundled together for use ### Installing -``` +```sh yarn add -D eslint-plugin-patternfly-react ``` or -``` +```sh npm install eslint-plugin-patternfly-react --save-dev ``` diff --git a/packages/react-charts/README.md b/packages/react-charts/README.md index f4afdae7292..b249e79b697 100644 --- a/packages/react-charts/README.md +++ b/packages/react-charts/README.md @@ -2,30 +2,15 @@ This package provides PatternFly charting components for [PatternFly][patternfly]. -### Prerequisite - -#### Node Environment - -This project currently supports Node [Active LTS](https://github.com/nodejs/Release#release-schedule) releases. Please stay current with Node Active LTS when developing patternfly-react. - -For example, to develop with Node 8, use the following: - -``` -nvm install 8 -nvm use 8 -``` - -This project also requires a Yarn version of >=1.6.0. The latest version can be installed [here](https://yarnpkg.com/). - ### Installing -``` +```sh yarn add @patternfly/react-charts ``` or -``` +```sh npm install @patternfly/react-charts --save ``` diff --git a/packages/react-code-editor/README.md b/packages/react-code-editor/README.md index 9c9343c4cb5..2ca36514021 100644 --- a/packages/react-code-editor/README.md +++ b/packages/react-code-editor/README.md @@ -2,42 +2,27 @@ This package provides a PatternFly wrapper for the Monaco code editor, using the `@monaco-editor/react` package. -### Prerequisite - -#### Node Environment - -This project currently supports Node [Active LTS](https://github.com/nodejs/Release#release-schedule) releases. Please stay current with Node Active LTS when developing patternfly-react. - -For example, to develop with Node 18, use the following: - -``` -nvm install 18 -nvm use 18 -``` - -This project also requires a Yarn version of >=1.6.0. The latest version can be installed [here](https://yarnpkg.com/). - ### Installing -``` +```sh yarn add @patternfly/react-code-editor ``` or -``` +```sh npm install @patternfly/react-code-editor ``` [!NOTE] For TypeScript type definitions, this package uses the `monaco-editor` package as a peer dependency. So, if you need types and don't already have the `monaco-editor package` installed, you will need to do so: -``` +```sh yarn add --dev monaco-editor ``` or -``` +```sh npm install --dev monaco-editor ``` diff --git a/packages/react-core/CONTRIBUTING.md b/packages/react-core/CONTRIBUTING.md index e1d84283a7d..8ce6f8e1bc3 100644 --- a/packages/react-core/CONTRIBUTING.md +++ b/packages/react-core/CONTRIBUTING.md @@ -66,8 +66,6 @@ $ git checkout -b my-branch -t upstream/main While developing, you can run the patternfly-react workspace to view the component docs with live examples. -**Note:** Be sure you are using node version >= 18.0.0 - ```bash # Start up the workspace locally on port 8002 yarn install && yarn start diff --git a/packages/react-table/README.md b/packages/react-table/README.md index de10fe45c43..427bc16e063 100644 --- a/packages/react-table/README.md +++ b/packages/react-table/README.md @@ -2,30 +2,15 @@ This package provides Table PatternFly components based on [PatternFly][patternfly] -### Prerequisite - -#### Node environment - -This project currently supports Node [Active LTS](https://github.com/nodejs/Release#release-schedule) releases. Please stay current with Node Active LTS when developing patternfly-react. - -For example, to develop with Node 18, use the following: - -``` -nvm install 18 -nvm use 18 -``` - -This project also requires a Yarn version of >=1.6.0. The latest version can be installed [here](https://yarnpkg.com/). - ### Installing -``` +```sh yarn add @patternfly/react-table ``` or -``` +```sh npm install @patternfly/react-table --save ``` diff --git a/packages/react-templates/README.md b/packages/react-templates/README.md index dae23cecda9..8ec96c5c3bf 100644 --- a/packages/react-templates/README.md +++ b/packages/react-templates/README.md @@ -2,30 +2,15 @@ This package provides wrapped Patternfly component demos with a streamlined API for ease of use. -### Prerequisite - -#### Node Environment - -This project currently supports [Node Active LTS](https://github.com/nodejs/Release#release-schedule) releases. Please stay current with Node Active LTS when developing patternfly-react. - -For example, to develop with Node 18, use the following: - -``` -nvm install 18 -nvm use 18 -``` - -This project also requires a Yarn version of >=1.6.0. The latest version can be installed from the [Yarn](https://yarnpkg.com/) home page. - ### Installing -``` +```sh yarn add @patternfly/react-templates ``` or -``` +```sh npm install @patternfly/react-templates --save ``` From 9ee0d01af633571ce20c28b08020f12d666f3eac Mon Sep 17 00:00:00 2001 From: Jon Koops Date: Thu, 2 May 2024 15:16:51 +0200 Subject: [PATCH 045/148] fix(ci): prevent V8 crashes during build (#10330) Signed-off-by: Jon Koops --- .github/actions/setup-project/action.yml | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/.github/actions/setup-project/action.yml b/.github/actions/setup-project/action.yml index b51a8ba250a..25f79580689 100644 --- a/.github/actions/setup-project/action.yml +++ b/.github/actions/setup-project/action.yml @@ -59,3 +59,7 @@ runs: if: inputs.skip-build != 'true' && steps.cache-build.outputs.cache-hit != 'true' shell: bash run: yarn build && yarn build:umd + env: + # Disable V8 compile cache to hard crashes in Node.js. This can likely be removed once upgraded to the next LTS version (version 22). + # See: https://github.com/nodejs/node/issues/51555 + DISABLE_V8_COMPILE_CACHE: 1 From c7d2e9fcaee50cd17a306a0f25e43e96f78e4217 Mon Sep 17 00:00:00 2001 From: adamviktora <84135613+adamviktora@users.noreply.github.com> Date: Thu, 2 May 2024 16:45:15 +0200 Subject: [PATCH 046/148] feat(Select): Typeahead template (#10235) * fix(SelectTypeahead example): make "no results" option aria-disabled * fix(SelectTypeahead example): don't close the menu on input click when there is text * fix(SelectTypeahead example): remove visual focus on item after closing the menu Prevents situation where we open the menu via focusing on the toggle arrow and clicking enter -- then two items can have focus styling, which is not ideal. * fix(SelectTypeahead example): remove check icon from the selected option when input text changes * fix(SelectTypeahead example): rename example * feat(Select): add prop to opt out of focusing first menu item on open Flag prop shouldFocusFirstMenuItemOnOpen has been added, because of typeahead select, which should keep focus on the input. * refactor(SelectTypeahead example): adaption on first menu item focused * feat(MenuToggle): make typeahead toggle button not focusable * fix(SelectTypeahead example): focus input after toggle button click * feat(SelectTypeahead example): change the focused item on hover * fix(SelectTypeahead example): don't focus on first item after tabbing * feat(Select): add typeahead select template * fix(SelectTypeahead): address PR review - new changes were done also based on SelectTypeahead example updates (https://github.com/patternfly/patternfly-react/pull/10207) * fix(SelectTypeahead template): call onToggle every time menu opens/closes * refactor(SelectTypeahead template) --- .../src/components/MenuToggle/MenuToggle.tsx | 1 + .../src/components/Select/Select.tsx | 5 +- .../Select/examples/SelectTypeahead.tsx | 76 +++-- .../src/components/Select/SelectTypeahead.tsx | 321 ++++++++++++++++++ .../Select/examples/SelectTemplates.md | 11 +- .../Select/examples/SelectTypeaheadDemo.tsx | 21 ++ .../src/components/Select/index.ts | 1 + 7 files changed, 408 insertions(+), 28 deletions(-) create mode 100644 packages/react-templates/src/components/Select/SelectTypeahead.tsx create mode 100644 packages/react-templates/src/components/Select/examples/SelectTypeaheadDemo.tsx diff --git a/packages/react-core/src/components/MenuToggle/MenuToggle.tsx b/packages/react-core/src/components/MenuToggle/MenuToggle.tsx index 9e8fef7a78f..05c7b4a1b92 100644 --- a/packages/react-core/src/components/MenuToggle/MenuToggle.tsx +++ b/packages/react-core/src/components/MenuToggle/MenuToggle.tsx @@ -129,6 +129,7 @@ class MenuToggleBase extends React.Component { aria-expanded={isExpanded} onClick={onClick} aria-label={ariaLabel || 'Menu toggle'} + tabIndex={-1} > {toggleControls} diff --git a/packages/react-core/src/components/Select/Select.tsx b/packages/react-core/src/components/Select/Select.tsx index 4a46ab93b12..f9c25d170d7 100644 --- a/packages/react-core/src/components/Select/Select.tsx +++ b/packages/react-core/src/components/Select/Select.tsx @@ -53,6 +53,8 @@ export interface SelectProps extends MenuProps, OUIAProps { toggle: SelectToggleProps | ((toggleRef: React.RefObject) => React.ReactNode); /** Flag indicating the toggle should be focused after a selection. If this use case is too restrictive, the optional toggleRef property with a node toggle may be used to control focus. */ shouldFocusToggleOnSelect?: boolean; + /** Flag indicating the first menu item should be focused after opening the menu. */ + shouldFocusFirstMenuItemOnOpen?: boolean; /** Function callback when user selects an option. */ onSelect?: (event?: React.MouseEvent, value?: string | number) => void; /** Callback to allow the select component to change the open state of the menu. @@ -86,6 +88,7 @@ const SelectBase: React.FunctionComponent = ({ selected, toggle, shouldFocusToggleOnSelect = false, + shouldFocusFirstMenuItemOnOpen = true, onOpenChange, onOpenChangeKeys = ['Escape', 'Tab'], isPlain, @@ -125,7 +128,7 @@ const SelectBase: React.FunctionComponent = ({ const handleClick = (event: MouseEvent) => { // toggle was opened, focus on first menu item - if (isOpen && toggleRef.current?.contains(event.target as Node)) { + if (isOpen && shouldFocusFirstMenuItemOnOpen && toggleRef.current?.contains(event.target as Node)) { setTimeout(() => { const firstElement = menuRef?.current?.querySelector('li button:not(:disabled),li input:not(:disabled)'); firstElement && (firstElement as HTMLElement).focus(); diff --git a/packages/react-core/src/components/Select/examples/SelectTypeahead.tsx b/packages/react-core/src/components/Select/examples/SelectTypeahead.tsx index 8d21541211f..2ea2e032ac8 100644 --- a/packages/react-core/src/components/Select/examples/SelectTypeahead.tsx +++ b/packages/react-core/src/components/Select/examples/SelectTypeahead.tsx @@ -22,7 +22,7 @@ const initialSelectOptions: SelectOptionProps[] = [ { value: 'North Carolina', children: 'North Carolina' } ]; -export const SelectBasic: React.FunctionComponent = () => { +export const SelectTypeahead: React.FunctionComponent = () => { const [isOpen, setIsOpen] = React.useState(false); const [selected, setSelected] = React.useState(''); const [inputValue, setInputValue] = React.useState(''); @@ -32,6 +32,8 @@ export const SelectBasic: React.FunctionComponent = () => { const [activeItem, setActiveItem] = React.useState(null); const textInputRef = React.useRef(); + const NO_RESULTS = 'no results'; + React.useEffect(() => { let newSelectOptions: SelectOptionProps[] = initialSelectOptions; @@ -44,8 +46,9 @@ export const SelectBasic: React.FunctionComponent = () => { // When no options are found after filtering, display 'No results found' if (!newSelectOptions.length) { newSelectOptions = [ - { isDisabled: false, children: `No results found for "${filterValue}"`, value: 'no results' } + { isAriaDisabled: true, children: `No results found for "${filterValue}"`, value: NO_RESULTS } ]; + resetActiveAndFocusedItem(); } // Open the menu when the input value changes and the new value is not empty @@ -55,31 +58,57 @@ export const SelectBasic: React.FunctionComponent = () => { } setSelectOptions(newSelectOptions); - setActiveItem(null); - setFocusedItemIndex(null); }, [filterValue]); - const onToggleClick = () => { - setIsOpen(!isOpen); + React.useEffect(() => { + if (isOpen && selectOptions.length && selectOptions[0].value !== NO_RESULTS) { + setActiveAndFocusedItem(0); + } + }, [isOpen, filterValue]); + + const setActiveAndFocusedItem = (itemIndex: number) => { + setFocusedItemIndex(itemIndex); + const focusedItem = selectOptions.filter((option) => !option.isDisabled)[itemIndex]; + setActiveItem(`select-typeahead-${focusedItem.value.replace(' ', '-')}`); + }; + + const resetActiveAndFocusedItem = () => { + setFocusedItemIndex(null); + setActiveItem(null); + }; + + const closeMenu = () => { + setIsOpen(false); + resetActiveAndFocusedItem(); + }; + + const onInputClick = () => { + if (!isOpen) { + setIsOpen(true); + } else if (!inputValue) { + closeMenu(); + } }; const onSelect = (_event: React.MouseEvent | undefined, value: string | number | undefined) => { // eslint-disable-next-line no-console console.log('selected', value); - if (value && value !== 'no results') { + if (value && value !== NO_RESULTS) { setInputValue(value as string); setFilterValue(''); setSelected(value as string); } - setIsOpen(false); - setFocusedItemIndex(null); - setActiveItem(null); + closeMenu(); }; const onTextInputChange = (_event: React.FormEvent, value: string) => { setInputValue(value); setFilterValue(value); + + if (value !== selected) { + setSelected(''); + } }; const handleMenuArrowKeys = (key: string) => { @@ -104,9 +133,7 @@ export const SelectBasic: React.FunctionComponent = () => { } } - setFocusedItemIndex(indexToFocus); - const focusedItem = selectOptions.filter((option) => !option.isDisabled)[indexToFocus]; - setActiveItem(`select-typeahead-${focusedItem.value.replace(' ', '-')}`); + setActiveAndFocusedItem(indexToFocus); } }; @@ -118,21 +145,15 @@ export const SelectBasic: React.FunctionComponent = () => { switch (event.key) { // Select the first available option case 'Enter': - if (isOpen && focusedItem.value !== 'no results') { + if (isOpen && focusedItem.value !== NO_RESULTS) { setInputValue(String(focusedItem.children)); setFilterValue(''); setSelected(String(focusedItem.children)); } setIsOpen((prevIsOpen) => !prevIsOpen); - setFocusedItemIndex(null); - setActiveItem(null); + resetActiveAndFocusedItem(); - break; - case 'Tab': - case 'Escape': - setIsOpen(false); - setActiveItem(null); break; case 'ArrowUp': case 'ArrowDown': @@ -147,14 +168,17 @@ export const SelectBasic: React.FunctionComponent = () => { ref={toggleRef} variant="typeahead" aria-label="Typeahead menu toggle" - onClick={onToggleClick} + onClick={() => { + setIsOpen(!isOpen); + textInputRef?.current?.focus(); + }} isExpanded={isOpen} isFullWidth > { isOpen={isOpen} selected={selected} onSelect={onSelect} - onOpenChange={() => { - setIsOpen(false); + onOpenChange={(isOpen) => { + !isOpen && closeMenu(); }} toggle={toggle} + shouldFocusFirstMenuItemOnOpen={false} > {selectOptions.map((option, index) => ( @@ -204,6 +229,7 @@ export const SelectBasic: React.FunctionComponent = () => { key={option.value || option.children} isFocused={focusedItemIndex === index} className={option.className} + onMouseEnter={() => setActiveAndFocusedItem(index)} onClick={() => setSelected(option.value)} id={`select-typeahead-${option.value.replace(' ', '-')}`} {...option} diff --git a/packages/react-templates/src/components/Select/SelectTypeahead.tsx b/packages/react-templates/src/components/Select/SelectTypeahead.tsx new file mode 100644 index 00000000000..c67134718e1 --- /dev/null +++ b/packages/react-templates/src/components/Select/SelectTypeahead.tsx @@ -0,0 +1,321 @@ +import React from 'react'; +import { + Select, + SelectOption, + SelectList, + SelectOptionProps, + MenuToggle, + MenuToggleElement, + TextInputGroup, + TextInputGroupMain, + TextInputGroupUtilities, + Button +} from '@patternfly/react-core'; +import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; + +export interface SelectTypeaheadOption extends Omit { + /** Content of the select option. */ + content: string | number; + /** Value of the select option. */ + value: string | number; +} + +export interface SelectTypeaheadProps { + /** @hide Forwarded ref */ + innerRef?: React.Ref; + /** Initial options of the select. */ + initialOptions: SelectTypeaheadOption[]; + /** Callback triggered on selection. */ + onSelect?: ( + _event: React.MouseEvent | React.KeyboardEvent, + selection: string | number + ) => void; + /** Callback triggered when the select opens or closes. */ + onToggle?: (nextIsOpen: boolean) => void; + /** Callback triggered when the text in the input field changes. */ + onInputChange?: (newValue: string) => void; + /** Placeholder text for the select input. */ + placeholder?: string; + /** Message to display when no options match the filter. */ + noOptionsFoundMessage?: string | ((filter: string) => string); + /** Flag indicating the select should be disabled. */ + isDisabled?: boolean; +} + +export const SelectTypeaheadBase: React.FunctionComponent = ({ + innerRef, + initialOptions, + onSelect, + onToggle, + onInputChange, + placeholder = 'Select an option', + noOptionsFoundMessage = (filter) => `No results found for "${filter}"`, + isDisabled, + ...props +}: SelectTypeaheadProps) => { + const [isOpen, setIsOpen] = React.useState(false); + const [selected, setSelected] = React.useState(''); + const [inputValue, setInputValue] = React.useState(''); + const [filterValue, setFilterValue] = React.useState(''); + const [selectOptions, setSelectOptions] = React.useState(initialOptions); + const [focusedItemIndex, setFocusedItemIndex] = React.useState(null); + const [activeItemId, setActiveItemId] = React.useState(null); + const textInputRef = React.useRef(); + + const NO_RESULTS = 'no results'; + + React.useEffect(() => { + let newSelectOptions: SelectTypeaheadOption[] = initialOptions; + + // Filter menu items based on the text input value when one exists + if (filterValue) { + newSelectOptions = initialOptions.filter((option) => + String(option.content).toLowerCase().includes(filterValue.toLowerCase()) + ); + + // When no options are found after filtering, display 'No results found' + if (!newSelectOptions.length) { + newSelectOptions = [ + { + isAriaDisabled: true, + content: + typeof noOptionsFoundMessage === 'string' ? noOptionsFoundMessage : noOptionsFoundMessage(filterValue), + value: NO_RESULTS + } + ]; + } + + // Open the menu when the input value changes and the new value is not empty + if (!isOpen) { + openMenu(); + } + } + + setSelectOptions(newSelectOptions); + }, [filterValue]); + + const createItemId = (value: string | number) => `select-typeahead-${String(value).replace(' ', '-')}`; + + const setActiveAndFocusedItem = (itemIndex: number) => { + setFocusedItemIndex(itemIndex); + const focusedItem = selectOptions[itemIndex]; + setActiveItemId(createItemId(focusedItem.value)); + }; + + const resetActiveAndFocusedItem = () => { + setFocusedItemIndex(null); + setActiveItemId(null); + }; + + const openMenu = () => { + onToggle && onToggle(true); + setIsOpen(true); + }; + + const closeMenu = () => { + onToggle && onToggle(false); + setIsOpen(false); + resetActiveAndFocusedItem(); + }; + + const onInputClick = () => { + if (!isOpen) { + openMenu(); + } else if (!inputValue) { + closeMenu(); + } + }; + + const selectOption = ( + _event: React.MouseEvent | React.KeyboardEvent | undefined, + option: SelectTypeaheadOption + ) => { + onSelect && onSelect(_event, option.value); + + setInputValue(String(option.content)); + setFilterValue(''); + setSelected(String(option.value)); + + closeMenu(); + }; + + const _onSelect = (_event: React.MouseEvent | undefined, value: string | number | undefined) => { + if (value && value !== NO_RESULTS) { + const optionToSelect = selectOptions.find((option) => option.value === value); + selectOption(_event, optionToSelect); + } + }; + + const onTextInputChange = (_event: React.FormEvent, value: string) => { + setInputValue(value); + onInputChange && onInputChange(value); + setFilterValue(value); + + resetActiveAndFocusedItem(); + + if (value !== selected) { + setSelected(''); + } + }; + + const handleMenuArrowKeys = (key: string) => { + let indexToFocus = 0; + + if (!isOpen) { + openMenu(); + } + + if (selectOptions.every((option) => option.isDisabled)) { + return; + } + + if (key === 'ArrowUp') { + // When no index is set or at the first index, focus to the last, otherwise decrement focus index + if (focusedItemIndex === null || focusedItemIndex === 0) { + indexToFocus = selectOptions.length - 1; + } else { + indexToFocus = focusedItemIndex - 1; + } + + // Skip disabled options + while (selectOptions[indexToFocus].isDisabled) { + indexToFocus--; + if (indexToFocus === -1) { + indexToFocus = selectOptions.length - 1; + } + } + } + + if (key === 'ArrowDown') { + // When no index is set or at the last index, focus to the first, otherwise increment focus index + if (focusedItemIndex === null || focusedItemIndex === selectOptions.length - 1) { + indexToFocus = 0; + } else { + indexToFocus = focusedItemIndex + 1; + } + + // Skip disabled options + while (selectOptions[indexToFocus].isDisabled) { + indexToFocus++; + if (indexToFocus === selectOptions.length) { + indexToFocus = 0; + } + } + } + + setActiveAndFocusedItem(indexToFocus); + }; + + const onInputKeyDown = (event: React.KeyboardEvent) => { + const focusedItem = focusedItemIndex !== null ? selectOptions[focusedItemIndex] : null; + + switch (event.key) { + case 'Enter': + if (isOpen && focusedItem && focusedItem.value !== NO_RESULTS && !focusedItem.isAriaDisabled) { + selectOption(event, focusedItem); + } + + if (!isOpen) { + setIsOpen(true); + } + + break; + case 'ArrowUp': + case 'ArrowDown': + event.preventDefault(); + handleMenuArrowKeys(event.key); + break; + } + }; + + const onToggleClick = () => { + onToggle && onToggle(!isOpen); + setIsOpen(!isOpen); + textInputRef?.current?.focus(); + }; + + const onClearButtonClick = () => { + setSelected(''); + setInputValue(''); + onInputChange && onInputChange(''); + setFilterValue(''); + resetActiveAndFocusedItem(); + textInputRef?.current?.focus(); + }; + + const toggle = (toggleRef: React.Ref) => ( + + + + + + + + + + ); + + return ( + + ); +}; +SelectTypeaheadBase.displayName = 'SelectTypeaheadBase'; + +export const SelectTypeahead = React.forwardRef((props: SelectTypeaheadProps, ref: React.Ref) => ( + +)); + +SelectTypeahead.displayName = 'SelectTypeahead'; diff --git a/packages/react-templates/src/components/Select/examples/SelectTemplates.md b/packages/react-templates/src/components/Select/examples/SelectTemplates.md index db7af312d29..db22de4f084 100644 --- a/packages/react-templates/src/components/Select/examples/SelectTemplates.md +++ b/packages/react-templates/src/components/Select/examples/SelectTemplates.md @@ -4,7 +4,7 @@ section: components subsection: menus template: true beta: true -propComponents: ['SelectSimple', 'CheckboxSelect'] +propComponents: ['SelectSimple', 'CheckboxSelect', 'SelectTypeahead'] --- Note: Templates live in their own package at [@patternfly/react-templates](https://www.npmjs.com/package/@patternfly/react-templates)! @@ -12,7 +12,7 @@ Note: Templates live in their own package at [@patternfly/react-templates](https For custom use cases, please see the select component suite from [@patternfly/react-core](https://www.npmjs.com/package/@patternfly/react-core). import { SelectOption, Checkbox } from '@patternfly/react-core'; -import { SelectSimple, CheckboxSelect } from '@patternfly/react-templates'; +import { SelectSimple, CheckboxSelect, SelectTypeahead } from '@patternfly/react-templates'; ## Select template examples @@ -25,4 +25,11 @@ import { SelectSimple, CheckboxSelect } from '@patternfly/react-templates'; ### Checkbox ```ts file="CheckboxSelectDemo.tsx" + +``` + +### Typeahead + +```ts file="SelectTypeaheadDemo.tsx" + ``` diff --git a/packages/react-templates/src/components/Select/examples/SelectTypeaheadDemo.tsx b/packages/react-templates/src/components/Select/examples/SelectTypeaheadDemo.tsx new file mode 100644 index 00000000000..d189783d3f0 --- /dev/null +++ b/packages/react-templates/src/components/Select/examples/SelectTypeaheadDemo.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import { SelectTypeahead, SelectTypeaheadOption } from '@patternfly/react-templates'; + +export const SelectTypeaheadDemo: React.FunctionComponent = () => { + const initialOptions: SelectTypeaheadOption[] = [ + { content: 'Alabama', value: 'option1' }, + { content: 'Florida', value: 'option2' }, + { content: 'New Jersey', value: 'option3' }, + { content: 'New Mexico', value: 'option4' }, + { content: 'New York', value: 'option5' }, + { content: 'North Carolina', value: 'option6' } + ]; + + return ( + `No state was found for "${filter}"`} + /> + ); +}; diff --git a/packages/react-templates/src/components/Select/index.ts b/packages/react-templates/src/components/Select/index.ts index c8752c8faa5..c01277b9ccc 100644 --- a/packages/react-templates/src/components/Select/index.ts +++ b/packages/react-templates/src/components/Select/index.ts @@ -1,2 +1,3 @@ export * from './SelectSimple'; export * from './CheckboxSelect'; +export * from './SelectTypeahead'; From 69695db094a59765280acfb5613f8e95b656795c Mon Sep 17 00:00:00 2001 From: Austin Sullivan Date: Thu, 2 May 2024 15:06:39 -0400 Subject: [PATCH 047/148] chore(ci): fix stale action commenting "false" before closing issues/PRs (#10334) --- .github/workflows/stale.yml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml index 192461488fe..f5642d8c9ad 100644 --- a/.github/workflows/stale.yml +++ b/.github/workflows/stale.yml @@ -14,5 +14,5 @@ jobs: stale-issue-label: wontfix stale-issue-message: This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. stale-pr-message: This PR has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. - close-issue-message: false - close-pr-message: false + close-issue-message: 'This issue has been closed because it has not had activity since being marked as stale.' + close-pr-message: 'This PR has been closed because it has not had activity since being marked as stale.' From 029351e0fa402c80a6199e2bd4b28e8c06f17562 Mon Sep 17 00:00:00 2001 From: Dan Labrecque Date: Fri, 3 May 2024 10:39:30 -0400 Subject: [PATCH 048/148] feat(charts): skeletons (#10311) * feat(charts): skeletons https://github.com/patternfly/patternfly-react/issues/10310 * chore(charts): remove unused comment from skeleton color theme --- .../src/components/Chart/Chart.tsx | 12 +- .../src/components/ChartAxis/ChartAxis.tsx | 6 +- .../components/ChartBullet/ChartBullet.tsx | 48 +- .../ChartBulletComparativeMeasure.tsx | 1 + .../ChartBulletComparativeWarningMeasure.tsx | 1 + .../ChartBullet/ChartBulletGroupTitle.tsx | 3 +- .../ChartBullet/ChartBulletTitle.tsx | 3 +- .../ChartBullet/utils/chart-bullet-theme.ts | 5 + .../ChartCursorContainer.tsx | 3 +- .../src/components/ChartDonut/ChartDonut.tsx | 6 +- .../components/ChartLegend/ChartLegend.tsx | 6 +- .../src/components/ChartTheme/ChartTheme.ts | 12 +- .../components/ChartTheme/ChartThemeColor.ts | 4 +- .../components/ChartTheme/ChartThemeTypes.ts | 11 +- .../ChartTheme/themes/base-theme.ts | 2 +- .../themes/colors/skeleton-theme.ts | 25 + .../ChartTheme/themes/skeleton-theme.ts | 180 ++++ .../ChartThreshold/examples/ChartThreshold.md | 1 + .../ChartUtils/chart-theme-types.ts | 106 ++- .../src/components/ChartUtils/chart-theme.ts | 18 +- .../ResizeObserver/examples/resizeObserver.md | 1 + .../Skeletons/examples/skeletons.md | 798 ++++++++++++++++++ 22 files changed, 1198 insertions(+), 54 deletions(-) create mode 100644 packages/react-charts/src/components/ChartTheme/themes/colors/skeleton-theme.ts create mode 100644 packages/react-charts/src/components/ChartTheme/themes/skeleton-theme.ts create mode 100644 packages/react-charts/src/components/Skeletons/examples/skeletons.md diff --git a/packages/react-charts/src/components/Chart/Chart.tsx b/packages/react-charts/src/components/Chart/Chart.tsx index 4c5882dbad1..2bf8f3d3aa3 100644 --- a/packages/react-charts/src/components/Chart/Chart.tsx +++ b/packages/react-charts/src/components/Chart/Chart.tsx @@ -33,6 +33,7 @@ import { getChartTheme } from '../ChartUtils/chart-theme-types'; import { useEffect } from 'react'; import { ChartLabel } from '../ChartLabel/ChartLabel'; import { ChartPoint } from '../ChartPoint/ChartPoint'; +import { ChartThemeColor } from '../ChartTheme/ChartThemeColor'; /** * Chart is a wrapper component that reconciles the domain for all its children, controls the layout of the chart, @@ -473,7 +474,7 @@ export const Chart: React.FunctionComponent = ({ children, colorScale, hasPatterns, - legendAllowWrap = false, + legendAllowWrap, legendComponent = , legendData, legendPosition = ChartCommonStyles.legend.position, @@ -526,7 +527,8 @@ export const Chart: React.FunctionComponent = ({ theme, ...containerComponent.props, className: getClassName({ className: containerComponent.props.className }), // Override VictoryContainer class name - ...(labelComponent && { labelComponent }) // Override label component props + ...(labelComponent && { labelComponent }), // Override label component props + ...(themeColor === ChartThemeColor.skeleton && { labelComponent: }) // Omit cursor and tooltips }); let legendXOffset = 0; @@ -550,7 +552,11 @@ export const Chart: React.FunctionComponent = ({ labelComponent: legendComponent.props.labelComponent ? ( React.cloneElement(legendComponent.props.labelComponent, { direction: 'rtl', dx: legendXOffset - 30 }) ) : ( - + ) }), ...legendComponent.props diff --git a/packages/react-charts/src/components/ChartAxis/ChartAxis.tsx b/packages/react-charts/src/components/ChartAxis/ChartAxis.tsx index 3949ea2cb35..6f9954a76d7 100644 --- a/packages/react-charts/src/components/ChartAxis/ChartAxis.tsx +++ b/packages/react-charts/src/components/ChartAxis/ChartAxis.tsx @@ -462,7 +462,8 @@ export const ChartAxis: React.FunctionComponent = ({ ...(name && { id: () => `${name}-${(axisLabelComponent as any).type.displayName}` }), - ...axisLabelComponent.props + ...axisLabelComponent.props, + ...(theme.skeleton && theme.skeleton) // override backgroundStyle }); const getTickLabelComponent = () => @@ -470,7 +471,8 @@ export const ChartAxis: React.FunctionComponent = ({ ...(name && { id: (props: any) => `${name}-${(tickLabelComponent as any).type.displayName}-${props.index}` }), - ...tickLabelComponent.props + ...tickLabelComponent.props, + ...(theme.skeleton && theme.skeleton) // override backgroundStyle }); // Note: containerComponent is required for theme diff --git a/packages/react-charts/src/components/ChartBullet/ChartBullet.tsx b/packages/react-charts/src/components/ChartBullet/ChartBullet.tsx index 42ab60edcd5..b6dbace840c 100644 --- a/packages/react-charts/src/components/ChartBullet/ChartBullet.tsx +++ b/packages/react-charts/src/components/ChartBullet/ChartBullet.tsx @@ -594,6 +594,8 @@ export const ChartBullet: React.FunctionComponent = ({ standalone: false, subTitle: groupSubTitle, title: groupTitle, + theme, + themeColor, width, ...groupTitleComponent.props }); @@ -608,6 +610,7 @@ export const ChartBullet: React.FunctionComponent = ({ standalone: false, subTitle, theme, + themeColor, title, titlePosition, width, @@ -617,7 +620,12 @@ export const ChartBullet: React.FunctionComponent = ({ // Comparative error measure const comparativeErrorMeasure = React.cloneElement(comparativeErrorMeasureComponent, { allowTooltip, - barWidth: getComparativeMeasureErrorWidth({ height: chartSize.height, horizontal, width: chartSize.width }), + barWidth: getComparativeMeasureErrorWidth({ + height: chartSize.height, + horizontal, + themeColor, + width: chartSize.width + }), constrainToVisibleArea, data: comparativeErrorMeasureData, domain, @@ -627,6 +635,7 @@ export const ChartBullet: React.FunctionComponent = ({ labels, padding, standalone: false, + themeColor, width: chartSize.width, y: comparativeErrorMeasureDataY, ...comparativeErrorMeasureComponent.props @@ -635,7 +644,12 @@ export const ChartBullet: React.FunctionComponent = ({ // Comparative warning measure const comparativeWarningMeasure = React.cloneElement(comparativeWarningMeasureComponent, { allowTooltip, - barWidth: getComparativeMeasureWarningWidth({ height: chartSize.height, horizontal, width: chartSize.width }), + barWidth: getComparativeMeasureWarningWidth({ + height: chartSize.height, + horizontal, + themeColor, + width: chartSize.width + }), constrainToVisibleArea, data: comparativeWarningMeasureData, domain, @@ -645,6 +659,7 @@ export const ChartBullet: React.FunctionComponent = ({ labels, padding, standalone: false, + themeColor, width: chartSize.width, y: comparativeWarningMeasureDataY, ...comparativeWarningMeasureComponent.props @@ -652,13 +667,14 @@ export const ChartBullet: React.FunctionComponent = ({ // Comparative zero measure const comparativeZeroMeasure = React.cloneElement(comparativeZeroMeasureComponent, { - barWidth: getComparativeMeasureWidth({ height: chartSize.height, horizontal, width: chartSize.width }), + barWidth: getComparativeMeasureWidth({ height: chartSize.height, horizontal, themeColor, width: chartSize.width }), data: [{ y: 0 }], domain, height: chartSize.height, horizontal, padding, standalone: false, + themeColor, width: chartSize.width, ...comparativeZeroMeasureComponent.props }); @@ -691,6 +707,7 @@ export const ChartBullet: React.FunctionComponent = ({ orientation: legendOrientation, position: legendPosition, theme, + themeColor, ...(legendDirection === 'rtl' && { dataComponent: legendComponent.props.dataComponent ? ( React.cloneElement(legendComponent.props.dataComponent, { transform: `translate(${legendXOffset})` }) @@ -700,9 +717,17 @@ export const ChartBullet: React.FunctionComponent = ({ }), ...(legendDirection === 'rtl' && { labelComponent: legendComponent.props.labelComponent ? ( - React.cloneElement(legendComponent.props.labelComponent, { direction: 'rtl', dx: legendXOffset - 30 }) + React.cloneElement(legendComponent.props.labelComponent, { + direction: 'rtl', + dx: legendXOffset - 30, + ...(theme.skeleton && theme.skeleton) // override backgroundStyle + }) ) : ( - + ) }), ...legendComponent.props @@ -720,7 +745,7 @@ export const ChartBullet: React.FunctionComponent = ({ labelComponent: allowTooltip ? : undefined, labels, padding, - size: getPrimaryDotMeasureSize({ height: chartSize.height, horizontal, width: chartSize.width }), + size: getPrimaryDotMeasureSize({ height: chartSize.height, horizontal, themeColor, width: chartSize.width }), standalone: false, themeColor, width: chartSize.width, @@ -732,7 +757,12 @@ export const ChartBullet: React.FunctionComponent = ({ const primarySegmentedMeasure = React.cloneElement(primarySegmentedMeasureComponent, { allowTooltip, constrainToVisibleArea, - barWidth: getPrimarySegmentedMeasureWidth({ height: chartSize.height, horizontal, width: chartSize.width }), + barWidth: getPrimarySegmentedMeasureWidth({ + height: chartSize.height, + horizontal, + themeColor, + width: chartSize.width + }), data: primarySegmentedMeasureData, domain, height: chartSize.height, @@ -752,7 +782,7 @@ export const ChartBullet: React.FunctionComponent = ({ const qualitativeRange = React.cloneElement(qualitativeRangeComponent, { allowTooltip, constrainToVisibleArea, - barWidth: getQualitativeRangeBarWidth({ height: chartSize.height, horizontal, width: chartSize.width }), + barWidth: getQualitativeRangeBarWidth({ height: chartSize.height, horizontal, themeColor, width: chartSize.width }), data: qualitativeRangeData, domain, height: chartSize.height, @@ -762,6 +792,7 @@ export const ChartBullet: React.FunctionComponent = ({ labels, padding, standalone: false, + themeColor, width: chartSize.width, y: qualitativeRangeDataY, y0: qualitativeRangeDataY0, @@ -868,6 +899,7 @@ export const ChartBullet: React.FunctionComponent = ({ offsetY: horizontal ? 80 - defaultPadding.top * 0.5 + (defaultPadding.bottom * 0.5 - 25) : 0, padding, standalone: false, + themeColor, tickCount: ChartBulletStyles.axisTickCount, tickValues: getTickValues((domain as any).y[0], (domain as any).y[1]), width: chartSize.width, diff --git a/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeMeasure.tsx b/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeMeasure.tsx index 14f68302c9e..40b45a68f59 100644 --- a/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeMeasure.tsx +++ b/packages/react-charts/src/components/ChartBullet/ChartBulletComparativeMeasure.tsx @@ -230,6 +230,7 @@ export const ChartBulletComparativeMeasure: React.FunctionComponent = dy, labelPosition }), - ...titleComponent.props + ...titleComponent.props, + ...(theme.skeleton && theme.skeleton) // override backgroundStyle }); }; diff --git a/packages/react-charts/src/components/ChartBullet/utils/chart-bullet-theme.ts b/packages/react-charts/src/components/ChartBullet/utils/chart-bullet-theme.ts index 3550f57b8e2..2cfb13f9950 100644 --- a/packages/react-charts/src/components/ChartBullet/utils/chart-bullet-theme.ts +++ b/packages/react-charts/src/components/ChartBullet/utils/chart-bullet-theme.ts @@ -7,6 +7,8 @@ import { } from './chart-bullet-data'; import { ChartThemeDefinition } from '../../ChartTheme/ChartTheme'; import { getBulletTheme } from '../../ChartUtils/chart-theme-types'; +import { ChartThemeColor } from '../../ChartTheme/ChartThemeColor'; +import { SkeletonColorTheme } from '../../ChartTheme/themes/colors/skeleton-theme'; interface ChartBulletThemeInterface { comparativeErrorMeasureData?: any[]; @@ -134,5 +136,8 @@ export const getBulletThemeWithLegendColorScale = ({ const theme = getBulletTheme(themeColor); theme.legend.colorScale = [...colorScale]; + if (themeColor === ChartThemeColor.skeleton) { + theme.legend.colorScale = SkeletonColorTheme.legend.colorScale; + } return theme; }; diff --git a/packages/react-charts/src/components/ChartCursorContainer/ChartCursorContainer.tsx b/packages/react-charts/src/components/ChartCursorContainer/ChartCursorContainer.tsx index a5790a3523c..0061d7ed474 100644 --- a/packages/react-charts/src/components/ChartCursorContainer/ChartCursorContainer.tsx +++ b/packages/react-charts/src/components/ChartCursorContainer/ChartCursorContainer.tsx @@ -213,7 +213,8 @@ export const ChartCursorContainer: React.FunctionComponent = ({ padding: defaultPadding, width }), - ...subTitleProps + ...subTitleProps, + ...(theme.skeleton && theme.skeleton) // override backgroundStyle }); }; @@ -692,7 +693,8 @@ export const ChartDonut: React.FunctionComponent = ({ padding: defaultPadding, width }), - ...titleProps + ...titleProps, + ...(theme.skeleton && theme.skeleton) // override backgroundStyle }); }; diff --git a/packages/react-charts/src/components/ChartLegend/ChartLegend.tsx b/packages/react-charts/src/components/ChartLegend/ChartLegend.tsx index 1f4dae53015..2a1508f663a 100644 --- a/packages/react-charts/src/components/ChartLegend/ChartLegend.tsx +++ b/packages/react-charts/src/components/ChartLegend/ChartLegend.tsx @@ -350,14 +350,16 @@ export const ChartLegend: React.FunctionComponent = ({ const getLabelComponent = () => React.cloneElement(labelComponent, { ...(name && { id: (props: any) => `${name}-${(labelComponent as any).type.displayName}-${props.index}` }), - ...labelComponent.props + ...labelComponent.props, + ...(theme.skeleton && theme.skeleton) // override backgroundStyle }); const getTitleComponent = () => React.cloneElement(titleComponent, { // Victory doesn't appear to call the id function here, but it's valid for label components ...(name && { id: () => `${name}-${(titleComponent as any).type.displayName}` }), - ...titleComponent.props + ...titleComponent.props, + ...(theme.skeleton && theme.skeleton) // override backgroundStyle }); // Note: containerComponent is required for theme diff --git a/packages/react-charts/src/components/ChartTheme/ChartTheme.ts b/packages/react-charts/src/components/ChartTheme/ChartTheme.ts index fcd2b214015..1fcac65b4c1 100644 --- a/packages/react-charts/src/components/ChartTheme/ChartTheme.ts +++ b/packages/react-charts/src/components/ChartTheme/ChartTheme.ts @@ -1,7 +1,17 @@ import { VictoryThemeDefinition } from 'victory-core'; // Note: Victory incorrectly typed ThemeBaseProps.padding as number instead of PaddingProps -export interface ChartThemeDefinitionInterface extends VictoryThemeDefinition {} +export interface ChartThemeDefinitionInterface extends VictoryThemeDefinition { + skeleton?: { + backgroundStyle?: { + fill?: string; + }; + style?: { + fill?: string; + stroke?: string; + }; + }; +} /** * Chart theme definition diff --git a/packages/react-charts/src/components/ChartTheme/ChartThemeColor.ts b/packages/react-charts/src/components/ChartTheme/ChartThemeColor.ts index 176c4e067e3..e501941a174 100644 --- a/packages/react-charts/src/components/ChartTheme/ChartThemeColor.ts +++ b/packages/react-charts/src/components/ChartTheme/ChartThemeColor.ts @@ -10,6 +10,7 @@ interface ChartThemeColorInterface { multiUnordered: string; orange: string; purple: string; + skeleton: string; } /** @@ -49,5 +50,6 @@ export const ChartThemeColor: ChartThemeColorInterface = { multiOrdered: 'multi-ordered', multiUnordered: 'multi-unordered', orange: 'orange', - purple: 'purple' + purple: 'purple', + skeleton: 'skeleton' }; diff --git a/packages/react-charts/src/components/ChartTheme/ChartThemeTypes.ts b/packages/react-charts/src/components/ChartTheme/ChartThemeTypes.ts index e2cf585e630..18aaee562e2 100644 --- a/packages/react-charts/src/components/ChartTheme/ChartThemeTypes.ts +++ b/packages/react-charts/src/components/ChartTheme/ChartThemeTypes.ts @@ -1,6 +1,7 @@ import { ChartThemeDefinition } from './ChartTheme'; import { AxisTheme } from './themes/components/axis-theme'; import { BaseTheme } from './themes/base-theme'; +import { SkeletonTheme } from './themes/skeleton-theme'; import { BulletTheme, BulletComparativeErrorMeasureTheme, @@ -108,13 +109,19 @@ export const ChartDonutTheme: ChartThemeDefinition = DonutTheme; export const ChartDonutThresholdDynamicTheme: ChartThemeDefinition = DonutThresholdDynamicTheme; /** - * ChartDonutThresholdStatic theme + * Donut threshold static theme * @private */ export const ChartDonutThresholdStaticTheme: ChartThemeDefinition = DonutThresholdStaticTheme; /** - * Donut threshold static theme + * Skeleton theme + * @private + */ +export const ChartSkeletonTheme: ChartThemeDefinition = SkeletonTheme; + +/** + * Threshold static theme * @private */ export const ChartThresholdTheme: ChartThemeDefinition = ThresholdTheme; diff --git a/packages/react-charts/src/components/ChartTheme/themes/base-theme.ts b/packages/react-charts/src/components/ChartTheme/themes/base-theme.ts index dd5233d0188..efbb59f94c5 100644 --- a/packages/react-charts/src/components/ChartTheme/themes/base-theme.ts +++ b/packages/react-charts/src/components/ChartTheme/themes/base-theme.ts @@ -167,7 +167,7 @@ export const BaseTheme = { }, grid: { fill: chart_axis_grid_Fill.var, - stroke: 'none', + stroke: 'transparent', pointerEvents: chart_axis_grid_PointerEvents.value, strokeLinecap: STROKE_LINE_CAP, strokeLinejoin: STROKE_LINE_JOIN diff --git a/packages/react-charts/src/components/ChartTheme/themes/colors/skeleton-theme.ts b/packages/react-charts/src/components/ChartTheme/themes/colors/skeleton-theme.ts new file mode 100644 index 00000000000..5719e4c3e35 --- /dev/null +++ b/packages/react-charts/src/components/ChartTheme/themes/colors/skeleton-theme.ts @@ -0,0 +1,25 @@ +/* eslint-disable camelcase */ +import { ColorTheme } from '../color-theme'; +import chart_bullet_qualitative_range_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_100'; +import chart_bullet_qualitative_range_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_200'; +import chart_bullet_qualitative_range_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_300'; +import chart_bullet_qualitative_range_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_400'; +import chart_bullet_qualitative_range_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_500'; + +// Color scale +// See https://docs.google.com/document/d/1cw10pJFXWruB1SA8TQwituxn5Ss6KpxYPCOYGrH8qAY/edit +const COLOR_SCALE = [ + chart_bullet_qualitative_range_ColorScale_100.var, + chart_bullet_qualitative_range_ColorScale_200.var, + chart_bullet_qualitative_range_ColorScale_300.var, + chart_bullet_qualitative_range_ColorScale_400.var, + chart_bullet_qualitative_range_ColorScale_500.var +]; + +/** + * Blue color theme + * @private + */ +export const SkeletonColorTheme = ColorTheme({ + COLOR_SCALE +}); diff --git a/packages/react-charts/src/components/ChartTheme/themes/skeleton-theme.ts b/packages/react-charts/src/components/ChartTheme/themes/skeleton-theme.ts new file mode 100644 index 00000000000..f512ad1ad52 --- /dev/null +++ b/packages/react-charts/src/components/ChartTheme/themes/skeleton-theme.ts @@ -0,0 +1,180 @@ +/* eslint-disable camelcase */ +import chart_bullet_qualitative_range_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_100'; + +const DEFAULT_COLOR = chart_bullet_qualitative_range_ColorScale_100.var; + +// Labels +const LABEL_PROPS = { + fill: 'transparent', + stroke: 'transparent' +}; +const LABEL_CENTERED_PROPS = { + ...LABEL_PROPS +}; + +/** + * Victory theme properties only + * @private + */ +export const SkeletonTheme = { + skeleton: { + backgroundStyle: { + fill: DEFAULT_COLOR + }, + style: LABEL_CENTERED_PROPS + }, + area: { + style: { + data: { + fill: DEFAULT_COLOR + }, + labels: LABEL_CENTERED_PROPS + } + }, + axis: { + style: { + axis: { + fill: 'transparent', + stroke: DEFAULT_COLOR + }, + axisLabel: { + ...LABEL_CENTERED_PROPS, + fill: DEFAULT_COLOR, + stroke: 'transparent' + }, + grid: { + fill: 'transparent', + stroke: 'transparent' + }, + ticks: { + fill: 'transparent', + stroke: DEFAULT_COLOR + }, + tickLabels: { + ...LABEL_PROPS, + fill: 'transparent' + } + } + }, + bar: { + style: { + data: { + fill: DEFAULT_COLOR, + stroke: DEFAULT_COLOR + }, + labels: LABEL_PROPS + } + }, + boxplot: { + style: { + max: { + stroke: DEFAULT_COLOR + }, + maxLabels: LABEL_PROPS, + median: { + stroke: DEFAULT_COLOR + }, + medianLabels: LABEL_PROPS, + min: { + stroke: DEFAULT_COLOR + }, + minLabels: LABEL_PROPS, + q1: { + fill: DEFAULT_COLOR + }, + q1Labels: LABEL_PROPS, + q3: { + fill: DEFAULT_COLOR + }, + q3Labels: LABEL_PROPS + } + }, + candlestick: { + style: { + data: { + stroke: DEFAULT_COLOR + }, + labels: LABEL_CENTERED_PROPS + } + }, + chart: { + // TBD... + }, + errorbar: { + style: { + data: { + fill: 'transparent', + stroke: DEFAULT_COLOR + }, + labels: LABEL_CENTERED_PROPS + } + }, + group: { + // TBD... + }, + legend: { + style: { + labels: LABEL_PROPS, + title: { + ...LABEL_PROPS + } + } + }, + line: { + style: { + data: { + fill: 'transparent', + stroke: DEFAULT_COLOR + }, + labels: LABEL_CENTERED_PROPS + } + }, + pie: { + style: { + data: { + stroke: 'transparent' + }, + labels: { + ...LABEL_PROPS + } + } + }, + scatter: { + style: { + data: { + fill: DEFAULT_COLOR, + stroke: 'transparent' + }, + labels: LABEL_CENTERED_PROPS + } + }, + stack: { + // TBD... + }, + tooltip: { + flyoutStyle: { + fill: 'transparent', // background + stroke: 'transparent' // border + }, + style: { + fill: 'transparent' // text + } + }, + voronoi: { + style: { + data: { + fill: DEFAULT_COLOR, + stroke: DEFAULT_COLOR + }, + labels: { + ...LABEL_CENTERED_PROPS, + fill: 'transparent' // text + }, + // Note: These properties override tooltip + flyout: { + fill: 'transparent', // background + stroke: 'transparent' // border + } + } + } +}; diff --git a/packages/react-charts/src/components/ChartThreshold/examples/ChartThreshold.md b/packages/react-charts/src/components/ChartThreshold/examples/ChartThreshold.md index 128ee54a7c5..efe5fb1a30a 100644 --- a/packages/react-charts/src/components/ChartThreshold/examples/ChartThreshold.md +++ b/packages/react-charts/src/components/ChartThreshold/examples/ChartThreshold.md @@ -116,6 +116,7 @@ class MultiColorChart extends React.Component { top: 50 }} maxDomain={{ y: 9 }} + name="chart1" themeColor={ChartThemeColor.multiUnordered} width={width} > diff --git a/packages/react-charts/src/components/ChartUtils/chart-theme-types.ts b/packages/react-charts/src/components/ChartUtils/chart-theme-types.ts index baeab5caae6..a9c569ee308 100644 --- a/packages/react-charts/src/components/ChartUtils/chart-theme-types.ts +++ b/packages/react-charts/src/components/ChartUtils/chart-theme-types.ts @@ -1,5 +1,3 @@ -import cloneDeep from 'lodash/cloneDeep'; - import { ChartThemeDefinition } from '../ChartTheme/ChartTheme'; import { ChartAxisTheme, @@ -17,9 +15,13 @@ import { ChartDonutUtilizationStaticTheme, ChartDonutThresholdDynamicTheme, ChartDonutThresholdStaticTheme, - ChartThresholdTheme + ChartThresholdTheme, + ChartSkeletonTheme } from '../ChartTheme/ChartThemeTypes'; import { getTheme, getCustomTheme } from './chart-theme'; +import { ChartThemeColor } from '../ChartTheme/ChartThemeColor'; +import merge from 'lodash/merge'; +import { SkeletonColorTheme } from '../ChartTheme/themes/colors/skeleton-theme'; /** * Returns axis theme @@ -38,22 +40,43 @@ export const getBulletTheme = (themeColor: string): ChartThemeDefinition => * Returns comparative error measure theme for bullet chart * @private */ -export const getBulletComparativeErrorMeasureTheme = (themeColor: string): ChartThemeDefinition => - getCustomTheme(themeColor, ChartBulletComparativeErrorMeasureTheme); +export const getBulletComparativeErrorMeasureTheme = (themeColor: string): ChartThemeDefinition => { + const theme = getCustomTheme(themeColor, ChartBulletComparativeErrorMeasureTheme); + + // Override zero measure + if (themeColor === ChartThemeColor.skeleton) { + theme.bar.style = merge(theme.bar.style, ChartSkeletonTheme.bar.style); + } + return theme; +}; /** * Returns comparative measure theme for bullet chart * @private */ -export const getBulletComparativeMeasureTheme = (themeColor: string): ChartThemeDefinition => - getCustomTheme(themeColor, ChartBulletComparativeMeasureTheme); +export const getBulletComparativeMeasureTheme = (themeColor: string): ChartThemeDefinition => { + const theme = getCustomTheme(themeColor, ChartBulletComparativeMeasureTheme); + + // Override zero measure + if (themeColor === ChartThemeColor.skeleton) { + theme.bar.style = merge(theme.bar.style, ChartSkeletonTheme.bar.style); + } + return theme; +}; /** * Returns comparative warning measure theme for bullet chart * @private */ -export const getBulletComparativeWarningMeasureTheme = (themeColor: string): ChartThemeDefinition => - getCustomTheme(themeColor, ChartBulletComparativeWarningMeasureTheme); +export const getBulletComparativeWarningMeasureTheme = (themeColor: string): ChartThemeDefinition => { + const theme = getCustomTheme(themeColor, ChartBulletComparativeWarningMeasureTheme); + + // Override zero measure + if (themeColor === ChartThemeColor.skeleton) { + theme.bar.style = merge(theme.bar.style, ChartSkeletonTheme.bar.style); + } + return theme; +}; /** * Returns group title theme for bullet chart @@ -73,8 +96,15 @@ export const getBulletPrimaryDotMeasureTheme = (themeColor: string): ChartThemeD * Returns primary negative measure theme for bullet chart * @private */ -export const getBulletPrimaryNegativeMeasureTheme = (themeColor: string): ChartThemeDefinition => - getCustomTheme(themeColor, ChartBulletPrimaryNegativeMeasureTheme); +export const getBulletPrimaryNegativeMeasureTheme = (themeColor: string): ChartThemeDefinition => { + const theme = getCustomTheme(themeColor, ChartBulletPrimaryNegativeMeasureTheme); + + // Override colorScale + if (themeColor === ChartThemeColor.skeleton) { + theme.group.colorScale = merge(theme.group.colorScale, SkeletonColorTheme.group.colorScale); + } + return theme; +}; /** * Returns primary segmented measure theme for bullet chart @@ -87,8 +117,15 @@ export const getBulletPrimarySegmentedMeasureTheme = (themeColor: string): Chart * Returns qualitative range theme for bullet chart * @private */ -export const getBulletQualitativeRangeTheme = (themeColor: string): ChartThemeDefinition => - getCustomTheme(themeColor, ChartBulletQualitativeRangeTheme); +export const getBulletQualitativeRangeTheme = (themeColor: string): ChartThemeDefinition => { + const theme = getCustomTheme(themeColor, ChartBulletQualitativeRangeTheme); + + // Override colorScale + if (themeColor === ChartThemeColor.skeleton) { + theme.group.colorScale = merge(theme.group.colorScale, SkeletonColorTheme.group.colorScale); + } + return theme; +}; /** * Returns theme for Chart component @@ -99,13 +136,13 @@ export const getChartTheme = (themeColor: string, showAxis: boolean): ChartTheme if (!showAxis) { theme.axis.padding = 0; - theme.axis.style.axis.fill = 'none'; - theme.axis.style.axis.stroke = 'none'; - theme.axis.style.grid.fill = 'none'; - theme.axis.style.grid.stroke = 'none'; - theme.axis.style.ticks.fill = 'none'; - theme.axis.style.ticks.stroke = 'none'; - theme.axis.style.tickLabels.fill = 'none'; + theme.axis.style.axis.fill = 'transparent'; + theme.axis.style.axis.stroke = 'transparent'; + theme.axis.style.grid.fill = 'transparent'; + theme.axis.style.grid.stroke = 'transparent'; + theme.axis.style.ticks.fill = 'transparent'; + theme.axis.style.ticks.stroke = 'transparent'; + theme.axis.style.tickLabels.fill = 'transparent'; } return theme; }; @@ -128,6 +165,12 @@ export const getDonutThresholdDynamicTheme = (themeColor: string): ChartThemeDef // Merge the threshold colors in case users want to show the unused data theme.pie.colorScale = [theme.pie.colorScale[0], ...ChartDonutThresholdStaticTheme.pie.colorScale]; + + // Override colorScale + if (themeColor === ChartThemeColor.skeleton) { + theme.legend.colorScale = merge(theme.legend.colorScale, SkeletonColorTheme.legend.colorScale); + theme.pie.colorScale = merge(theme.pie.colorScale, SkeletonColorTheme.pie.colorScale); + } return theme; }; @@ -136,11 +179,18 @@ export const getDonutThresholdDynamicTheme = (themeColor: string): ChartThemeDef * @private */ export const getDonutThresholdStaticTheme = (themeColor: string, invert?: boolean): ChartThemeDefinition => { - const staticTheme = cloneDeep(ChartDonutThresholdStaticTheme); - if (invert && staticTheme.pie.colorScale instanceof Array) { - staticTheme.pie.colorScale = staticTheme.pie.colorScale.reverse(); + const theme = getCustomTheme(themeColor, ChartDonutThresholdStaticTheme); + + if (invert && theme.pie.colorScale instanceof Array) { + const colorScale = [...ChartDonutThresholdStaticTheme.pie.colorScale]; + theme.pie.colorScale = merge(theme.pie.colorScale, colorScale.reverse()); } - return getCustomTheme(themeColor, staticTheme); + + // Override colorScale + if (themeColor === ChartThemeColor.skeleton) { + theme.pie.colorScale = merge(theme.pie.colorScale, SkeletonColorTheme.pie.colorScale); + } + return theme; }; /** @@ -151,8 +201,14 @@ export const getDonutUtilizationTheme = (themeColor: string): ChartThemeDefiniti const theme = getCustomTheme(themeColor, ChartDonutUtilizationDynamicTheme); // Merge just the first color of dynamic (blue, green, etc.) with static (grey) for expected colorScale - theme.pie.colorScale = [theme.pie.colorScale[0], ...ChartDonutUtilizationStaticTheme.pie.colorScale]; theme.legend.colorScale = [theme.legend.colorScale[0], ...ChartDonutUtilizationStaticTheme.legend.colorScale]; + theme.pie.colorScale = [theme.pie.colorScale[0], ...ChartDonutUtilizationStaticTheme.pie.colorScale]; + + // Override colorScale + if (themeColor === ChartThemeColor.skeleton) { + theme.legend.colorScale = merge(theme.legend.colorScale, SkeletonColorTheme.legend.colorScale); + theme.pie.colorScale = merge(theme.pie.colorScale, SkeletonColorTheme.pie.colorScale); + } return theme; }; diff --git a/packages/react-charts/src/components/ChartUtils/chart-theme.ts b/packages/react-charts/src/components/ChartUtils/chart-theme.ts index b8f7e41b0b7..7af122d23cd 100644 --- a/packages/react-charts/src/components/ChartUtils/chart-theme.ts +++ b/packages/react-charts/src/components/ChartUtils/chart-theme.ts @@ -1,12 +1,13 @@ import merge from 'lodash/merge'; import { ChartThemeColor } from '../ChartTheme/ChartThemeColor'; import { ChartThemeDefinition } from '../ChartTheme/ChartTheme'; -import { ChartBaseTheme } from '../ChartTheme/ChartThemeTypes'; +import { ChartBaseTheme, ChartSkeletonTheme } from '../ChartTheme/ChartThemeTypes'; import { BlueColorTheme } from '../ChartTheme/themes/colors/blue-theme'; import { CyanColorTheme } from '../ChartTheme/themes/colors/cyan-theme'; import { GoldColorTheme } from '../ChartTheme/themes/colors/gold-theme'; import { GrayColorTheme } from '../ChartTheme/themes/colors/gray-theme'; import { GreenColorTheme } from '../ChartTheme/themes/colors/green-theme'; +import { SkeletonColorTheme } from '../ChartTheme/themes/colors/skeleton-theme'; import { MultiColorOrderedTheme } from '../ChartTheme/themes/colors/multi-ordered-theme'; import { MultiColorUnorderedTheme } from '../ChartTheme/themes/colors/multi-unordered-theme'; import { OrangeColorTheme } from '../ChartTheme/themes/colors/orange-theme'; @@ -27,11 +28,18 @@ export const getCustomTheme = (themeColor: string, customTheme: ChartThemeDefini * @public */ export const getTheme = (themeColor: string): ChartThemeDefinition => { - // Deep clone const baseTheme = { - ...JSON.parse(JSON.stringify(ChartBaseTheme)) + ...JSON.parse(JSON.stringify(ChartBaseTheme)) // Deep clone }; - return merge(baseTheme, getThemeColors(themeColor)); + const skeletonTheme = + themeColor === ChartThemeColor.skeleton + ? { + ...JSON.parse(JSON.stringify(ChartSkeletonTheme)) // Deep clone + } + : {}; + const newTheme = merge(baseTheme, skeletonTheme); + + return merge(newTheme, getThemeColors(themeColor)); }; /** @@ -59,6 +67,8 @@ export const getThemeColors = (themeColor: string) => { return OrangeColorTheme; case ChartThemeColor.purple: return PurpleColorTheme; + case ChartThemeColor.skeleton: + return SkeletonColorTheme; default: return BlueColorTheme; } diff --git a/packages/react-charts/src/components/ResizeObserver/examples/resizeObserver.md b/packages/react-charts/src/components/ResizeObserver/examples/resizeObserver.md index 0e77eac5cbb..11e5ab5ca33 100644 --- a/packages/react-charts/src/components/ResizeObserver/examples/resizeObserver.md +++ b/packages/react-charts/src/components/ResizeObserver/examples/resizeObserver.md @@ -154,6 +154,7 @@ class MultiColorChart extends React.Component { this.containerRef = React.createRef(); this.observer = () => {}; this.state = { + extraHeight: 0, width: 0 }; this.handleResize = () => { diff --git a/packages/react-charts/src/components/Skeletons/examples/skeletons.md b/packages/react-charts/src/components/Skeletons/examples/skeletons.md new file mode 100644 index 00000000000..7275a6ee07d --- /dev/null +++ b/packages/react-charts/src/components/Skeletons/examples/skeletons.md @@ -0,0 +1,798 @@ +--- +id: Skeletons +section: charts +propComponents: [ + 'Chart', + 'ChartArea', + 'ChartAxis', + 'ChartBar', + 'ChartBoxPlot', + 'ChartBullet', + 'ChartDonut', + 'ChartDonutThreshold', + 'ChartDonutUtilization', + 'ChartLegend', + 'ChartLine', + 'ChartGroup', + 'ChartPie', + 'ChartScatter', + 'ChartStack', + 'ChartThreshold', + 'ChartVoronoiContainer' +] +hideDarkMode: true +--- + +import { Chart, ChartArea, ChartAxis, ChartBar, ChartBoxPlot, ChartBullet, ChartDonut, ChartDonutThreshold, ChartDonutUtilization, ChartLegend, ChartLine, ChartGroup, ChartPie, ChartScatter, ChartStack, ChartThemeColor, ChartThreshold, ChartVoronoiContainer } from '@patternfly/react-charts'; +import { getResizeObserver } from '@patternfly/react-core'; +import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; + +## Introduction +Note: PatternFly React charts live in its own package at [@patternfly/react-charts](https://www.npmjs.com/package/@patternfly/react-charts)! + +PatternFly React charts are based on the [Victory](https://formidable.com/open-source/victory/docs/victory-chart/) chart library, along with additional functionality, custom components, and theming for PatternFly. This provides a collection of React based components you can use to build PatternFly patterns with consistent markup, styling, and behavior. + +## Examples +### Area chart +```js +import React from 'react'; +import { Chart, ChartArea, ChartAxis, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts'; + +export const ChartAreaSkeleton: React.FunctionComponent = () => { + const [isChecked, setIsChecked] = React.useState(true); + + const handleChange = (_event: React.FormEvent, checked: boolean) => { + setIsChecked(checked); + }; + + return ( + <> + +
    + `${datum.name}: ${datum.y}`} constrainToVisibleArea />} + legendData={[{ name: 'Cats' }, { name: 'Dogs' }, { name: 'Birds' }]} + legendOrientation="vertical" + legendPosition="right" + height={200} + maxDomain={{y: 9}} + name="chart1" + padding={{ + bottom: 50, + left: 50, + right: 200, // Adjusted to accommodate legend + top: 50 + }} + themeColor={isChecked ? ChartThemeColor.skeleton : ChartThemeColor.blue} + width={800} + > + + + + + + + + +
    + + ); +} +``` + +### Bar chart +```js +import React from 'react'; +import { Chart, ChartBar, ChartAxis, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts'; + +export const ChartBarSkeleton: React.FunctionComponent = () => { + const [isChecked, setIsChecked] = React.useState(true); + + const handleChange = (_event: React.FormEvent, checked: boolean) => { + setIsChecked(checked); + }; + + return ( + <> + +
    + `${datum.name}: ${datum.y}`} constrainToVisibleArea />} + domain={{y: [0,9]}} + domainPadding={{ x: [30, 25] }} + legendData={[{ name: 'Cats' }, { name: 'Dogs' }, { name: 'Birds' }, { name: 'Mice' }]} + legendOrientation="vertical" + legendPosition="right" + height={250} + name="chart2" + padding={{ + bottom: 50, + left: 50, + right: 200, // Adjusted to accommodate legend + top: 50 + }} + themeColor={isChecked ? ChartThemeColor.skeleton : ChartThemeColor.blue} + width={600} + > + + + + + + + + + +
    + + ); +} +``` + +### Box plot chart +```js +import React from 'react'; +import { Chart, ChartAxis, ChartBoxPlot } from '@patternfly/react-charts'; + +export const ChartBoxPlotSkeleton: React.FunctionComponent = () => { + const [isChecked, setIsChecked] = React.useState(true); + + const handleChange = (_event: React.FormEvent, checked: boolean) => { + setIsChecked(checked); + }; + + return ( + <> + +
    + + + + + +
    + + ); +} +``` + +### Bullet chart +```js +import React from 'react'; +import { Chart, ChartAxis, ChartBullet, ChartLegend } from '@patternfly/react-charts'; + +export const ChartBulletSkeleton: React.FunctionComponent = () => { + const [isChecked, setIsChecked] = React.useState(true); + + const handleChange = (_event: React.FormEvent, checked: boolean) => { + setIsChecked(checked); + }; + + return ( + <> + +
    + `${datum.name}: ${datum.y}`} + legendComponent={} + maxDomain={{y: 100}} + name="chart4" + padding={{ + bottom: 50, + left: 150, // Adjusted to accommodate labels + right: 50, + top: 50 + }} + primarySegmentedMeasureData={[{ name: 'Measure', y: 25 }, { name: 'Measure', y: 60 }]} + primarySegmentedMeasureLegendData={[{ name: 'Measure' }, { name: 'Measure' }]} + qualitativeRangeData={[{ name: 'Range', y: 50 }, { name: 'Range', y: 75 }]} + qualitativeRangeLegendData={[{ name: 'Range' }, { name: 'Range' }]} + subTitle="Details" + title="Text label" + themeColor={isChecked ? ChartThemeColor.skeleton : ChartThemeColor.blue} + width={600} + /> +
    + + ); +} +``` + +### Donut chart +```js +import React from 'react'; +import { Chart, ChartAxis, ChartDonut } from '@patternfly/react-charts'; + +export const ChartDonutSkeleton: React.FunctionComponent = () => { + const [isChecked, setIsChecked] = React.useState(true); + + const handleChange = (_event: React.FormEvent, checked: boolean) => { + setIsChecked(checked); + }; + + return ( + <> + +
    + `${datum.x}: ${datum.y}%`} + name="chart5" + subTitle="Pets" + themeColor={isChecked ? ChartThemeColor.skeleton : ChartThemeColor.blue} + title="100" + /> +
    + + ); +} +``` + +### Donut utilization chart +```js +import React from 'react'; +import { Chart, ChartAxis, ChartDonutUtilization } from '@patternfly/react-charts'; + +export const ChartDonutUtilizationSkeleton: React.FunctionComponent = () => { + const [isChecked, setIsChecked] = React.useState(true); + + const handleChange = (_event: React.FormEvent, checked: boolean) => { + setIsChecked(checked); + }; + + return ( + <> + +
    + datum.x ? `${datum.x}: ${datum.y}%` : null} + legendData={[{ name: `Storage capacity: 75%` }, { name: 'Unused' }]} + legendOrientation="vertical" + name="chart6" + padding={{ + bottom: 20, + left: 20, + right: 225, // Adjusted to accommodate legend + top: 20 + }} + subTitle="of 100 GBps" + title="35%" + thresholds={[{ value: 60 }, { value: 90 }]} + themeColor={isChecked ? ChartThemeColor.skeleton : ChartThemeColor.blue} + width={435} + /> +
    + + ); +} +``` + +### Donut utilization threshold +```js +import React from 'react'; +import { Chart, ChartAxis, ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts'; + +export const ChartDonutUtilizationSkeleton: React.FunctionComponent = () => { + const [isChecked, setIsChecked] = React.useState(true); + + const handleChange = (_event: React.FormEvent, checked: boolean) => { + setIsChecked(checked); + }; + + return ( + <> + +
    + datum.x ? datum.x : null} + name="chart7" + themeColor={isChecked ? ChartThemeColor.skeleton : ChartThemeColor.blue} + > + datum.x ? `${datum.x}: ${datum.y}%` : null} + subTitle="of 100 GBps" + title="45%" + /> + +
    + + ); +} +``` + +### Line chart +```js +import React from 'react'; +import { Chart, ChartAxis, ChartLine } from '@patternfly/react-charts'; + +export const ChartLineSkeleton: React.FunctionComponent = () => { + const [isChecked, setIsChecked] = React.useState(true); + + const handleChange = (_event: React.FormEvent, checked: boolean) => { + setIsChecked(checked); + }; + + return ( + <> + +
    + `${datum.name}: ${datum.y}`} constrainToVisibleArea />} + legendData={[{ name: 'Cats' }, { name: 'Dogs', symbol: { type: 'dash' } }, { name: 'Birds' }, { name: 'Mice' }]} + legendOrientation="vertical" + legendPosition="right" + height={250} + maxDomain={{y: 10}} + minDomain={{y: 0}} + name="chart8" + padding={{ + bottom: 50, + left: 50, + right: 200, // Adjusted to accommodate legend + top: 50 + }} + themeColor={isChecked ? ChartThemeColor.skeleton : ChartThemeColor.blue} + width={600} + > + + + + + + + + + +
    + + ); +} +``` + +### Pie chart +```js +import React from 'react'; +import { Chart, ChartAxis, ChartPie } from '@patternfly/react-charts'; + +export const ChartPieSkeleton: React.FunctionComponent = () => { + const [isChecked, setIsChecked] = React.useState(true); + + const handleChange = (_event: React.FormEvent, checked: boolean) => { + setIsChecked(checked); + }; + + return ( + <> + +
    + `${datum.x}: ${datum.y}`} + legendData={[{ name: 'Cats: 35' }, { name: 'Dogs: 55' }, { name: 'Birds: 10' }]} + legendOrientation="vertical" + legendPosition="right" + name="chart9" + padding={{ + bottom: 20, + left: 20, + right: 140, // Adjusted to accommodate legend + top: 20 + }} + themeColor={isChecked ? ChartThemeColor.skeleton : ChartThemeColor.blue} + width={350} + /> +
    + + ); +} +``` + +### Scatter chart +```js +import React from 'react'; +import { Chart, ChartAxis, ChartScatter } from '@patternfly/react-charts'; + +export const ChartScatterSkeleton: React.FunctionComponent = () => { + const [isChecked, setIsChecked] = React.useState(true); + + const handleChange = (_event: React.FormEvent, checked: boolean) => { + setIsChecked(checked); + }; + + return ( + <> + +
    + `${datum.name}: ${datum.y}`} + constrainToVisibleArea + /> + } + height={275} + maxDomain={{y: 8}} + minDomain={{y: 0}} + name="chart10" + themeColor={isChecked ? ChartThemeColor.skeleton : ChartThemeColor.blue} + width={450} + > + + + + + + +
    + + ); +} +``` + +### Stack chart +```js +import React from 'react'; +import { Chart, ChartAxis, ChartStack } from '@patternfly/react-charts'; + +export const ChartStackSkeleton: React.FunctionComponent = () => { + const [isChecked, setIsChecked] = React.useState(true); + + const handleChange = (_event: React.FormEvent, checked: boolean) => { + setIsChecked(checked); + }; + + return ( + <> + +
    + `${datum.name}: ${datum.y}`} constrainToVisibleArea />} + domainPadding={{ x: [30, 25] }} + legendData={[{ name: 'Cats' }, { name: 'Dogs' }, { name: 'Birds' }, { name: 'Mice' }]} + legendOrientation="vertical" + legendPosition="right" + height={250} + name="chart11" + padding={{ + bottom: 50, + left: 50, + right: 200, // Adjusted to accommodate legend + top: 50 + }} + themeColor={isChecked ? ChartThemeColor.skeleton : ChartThemeColor.blue} + width={600} + > + + + + + + + + + +
    + + ); +} +``` + +### Threshold chart +```js +import React from 'react'; +import { Chart, ChartAxis, ChartThreshold } from '@patternfly/react-charts'; +import chart_color_blue_300 from '@patternfly/react-tokens/dist/esm/chart_color_blue_300'; + +export const ChartThresholdSkeleton: React.FunctionComponent = () => { + const [isChecked, setIsChecked] = React.useState(true); + + const handleChange = (_event: React.FormEvent, checked: boolean) => { + setIsChecked(checked); + }; + + return ( + <> + +
    + `${datum.name}: ${datum.y}`} + constrainToVisibleArea + /> + } + legendPosition="bottom-left" + legendComponent={ + + } + height={250} + padding={{ + bottom: 100, // Adjusted to accomodate legend + left: 50, + right: 50, + top: 50 + }} + maxDomain={{ y: 9 }} + name="chart12" + themeColor={isChecked ? ChartThemeColor.skeleton : ChartThemeColor.blue} + width={800} + > + + + + + + + + +
    + + ); +} +``` + +## Documentation +### Tips +- It's best for skeletons not to include interactions such as tooltips, cursors, interactive legends, etc. +- See Victory's [FAQ](https://formidable.com/open-source/victory/docs/faq) +- For single data points or zero values, you may want to set the `domain` prop +- `ChartLegend` may be used as a standalone component, instead of using `legendData` +- The `theme` and `themeColor` props should be applied at the most top level component +- Use `ChartGroup` to apply theme color scales and other properties to multiple components + +### Note +Currently, the generated documentation below is not able to resolve type definitions from Victory imports. For the +components used in the examples above, Victory pass-thru props are also documented here: + +- For `Chart` props, see [VictoryChart](https://formidable.com/open-source/victory/docs/victory-chart) +- For `ChartArea` props, see [VictoryArea](https://formidable.com/open-source/victory/docs/victory-area) +- For `ChartAxis` props, see [VictoryAxis](https://formidable.com/open-source/victory/docs/victory-axis) +- For `ChartBar` props, see [VictoryBar](https://formidable.com/open-source/victory/docs/victory-bar) +- For `ChartBoxPlot` props, see [VictoryBoxPlot](https://formidable.com/open-source/victory/docs/victory-box-plot) +- For `ChartBullet` props, see [VictoryBar](https://formidable.com/open-source/victory/docs/victory-bar) +- For `ChartDonut` props, see [VictoryPie](https://formidable.com/open-source/victory/docs/victory-pie) +- For `ChartDonutThreshold` props, see [VictoryPie](https://formidable.com/open-source/victory/docs/victory-pie) +- For `ChartDonutUtilization` props, see [VictoryPie](https://formidable.com/open-source/victory/docs/victory-pie) +- For `ChartLine` props, see [Victoryline](https://formidable.com/open-source/victory/docs/victory-line) +- For `ChartGroup` props, see [VictoryGroup](https://formidable.com/open-source/victory/docs/victory-group) +- For `ChartPie` props, see [VictoryPie](https://formidable.com/open-source/victory/docs/victory-pie) +- For `ChartScatter` props, see [VictoryScatter](https://formidable.com/open-source/victory/docs/victory-scatter) +- For `ChartStack` props, see [VictoryStack](https://formidable.com/open-source/victory/docs/victory-stack) +- For `ChartThreshold` props, see [VictoryLine](https://formidable.com/open-source/victory/docs/victory-line) +- For `ChartVoronoiContainer` props, see [VictoryVoronoiContainer](https://formidable.com/open-source/victory/docs/victory-voronoi-container) From 0ba7e5c3486cc1c7a3a42aeb6ca06deea1eb2436 Mon Sep 17 00:00:00 2001 From: Titani Labaj <39532947+tlabaj@users.noreply.github.com> Date: Fri, 3 May 2024 11:14:32 -0400 Subject: [PATCH 049/148] "fix(Pagination): Fix bottom pagination layout" (#10315) * fix(Pgination): Fix bottom pagination layout * fix(Pgination): Fix bottom pagination layout --- .../src/components/Pagination/Pagination.tsx | 2 + .../Pagination/PaginationOptionsMenu.tsx | 27 +- .../PaginationOptionsMenu.test.tsx.snap | 74 +- .../__snapshots__/Pagination.test.tsx.snap | 1468 ++++++++--------- 4 files changed, 765 insertions(+), 806 deletions(-) diff --git a/packages/react-core/src/components/Pagination/Pagination.tsx b/packages/react-core/src/components/Pagination/Pagination.tsx index f4c412da26e..6f8451d47e1 100644 --- a/packages/react-core/src/components/Pagination/Pagination.tsx +++ b/packages/react-core/src/components/Pagination/Pagination.tsx @@ -232,6 +232,7 @@ export const Pagination: React.FunctionComponent = ({ ...props }: PaginationProps) => { const paginationRef = React.useRef(null); + const containerRef = React.useRef(null); const getLastPage = () => // when itemCount is not known let's set lastPage as page+1 as we don't know the total count @@ -335,6 +336,7 @@ export const Pagination: React.FunctionComponent = ({ widgetId={`${widgetId}-${variant}`} toggleTemplate={toggleTemplate} isDisabled={isDisabled} + containerRef={containerRef} /> )} ; } export const PaginationOptionsMenu: React.FunctionComponent = ({ @@ -74,12 +75,12 @@ export const PaginationOptionsMenu: React.FunctionComponent null as any + onPerPageSelect = () => null as any, + containerRef }: PaginationOptionsMenuProps) => { const [isOpen, setIsOpen] = React.useState(false); const toggleRef = React.useRef(null); const menuRef = React.useRef(null); - const containerRef = React.useRef(null); const onToggle = () => { setIsOpen((prevState) => !prevState); @@ -208,18 +209,16 @@ export const PaginationOptionsMenu: React.FunctionComponent - -
    • + ); }; diff --git a/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap b/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap index 1167a78ce3f..2318ccc5400 100644 --- a/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap +++ b/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap @@ -2,48 +2,46 @@ exports[`PaginationOptionsMenu should match snapshot (auto-generated) 1`] = ` -
    - -
    + +     `; diff --git a/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap b/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap index 242c3a314d0..4b903de5555 100644 --- a/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +++ b/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap @@ -22,49 +22,47 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
    -
    - -
    + +