Skip to content

feat(FormGroup): use HelperText#8810

Merged
tlabaj merged 6 commits intopatternfly:v5from
kmcfaul:formgroup-helper
Apr 5, 2023
Merged

feat(FormGroup): use HelperText#8810
tlabaj merged 6 commits intopatternfly:v5from
kmcfaul:formgroup-helper

Conversation

@kmcfaul
Copy link
Contributor

@kmcfaul kmcfaul commented Mar 14, 2023

What: Closes #4552

Updated FormGroup to not use its own implementation of helper text. Since a lot of the internal implementation is covered by HelperText, the props surrounding helper text are no longer needed and HelperText can be passed as part of the FormGroup children directly.

FormHelperText may not be needed anymore either, but leaving that in for now.

@patternfly-build
Copy link
Collaborator

patternfly-build commented Mar 14, 2023

Copy link
Contributor

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Mix of React/CSS comments below.

@nicolethoen
Copy link
Contributor

Looks like there is a duplicate-id-aria a11y violation on the Form pages.

Copy link
Contributor

@tlabaj tlabaj left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

See inline comment

Copy link
Contributor

@tlabaj tlabaj left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Copy link
Member

@srambach srambach left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks ok to me. I see a slight spacing difference, but that seems to be a difference in core vs. React helper text. I'll put in an issue about that.

@tlabaj tlabaj merged commit 08f5e8c into patternfly:v5 Apr 5, 2023
@patternfly-build
Copy link
Collaborator

Your changes have been released in:

  • @patternfly/react-code-editor@5.0.0-alpha.56
  • @patternfly/react-core@5.0.0-alpha.55
  • @patternfly/react-docs@6.0.0-alpha.60
  • demo-app-ts@5.0.0-alpha.39
  • @patternfly/react-integration@5.0.0-alpha.19
  • @patternfly/react-table@5.0.0-alpha.56

Thanks for your contribution! 🎉

dgdavid added a commit to agama-project/agama that referenced this pull request Sep 13, 2023
Instead, the text is now rendered by a new Agama/FormValidationError
helper component that internally makes use of PF/FormHelperText and
PF/HelperText for wrapping it.

It fixes the `helperTextInvalid prop for FormGroup has been removed`
error thrown by https://github.com/patternfly/pf-codemods.

More info:

  - patternfly/patternfly-react#8810
  - https://www.patternfly.org/components/forms/form#examples
dgdavid added a commit to agama-project/agama that referenced this pull request Sep 14, 2023
Instead, the text is now rendered by a new Agama/FormValidationError
helper component that internally makes use of PF/FormHelperText and
PF/HelperText for wrapping it.

It fixes the `helperTextInvalid prop for FormGroup has been removed`
error thrown by https://github.com/patternfly/pf-codemods.

More info:

  - patternfly/patternfly-react#8810
  - https://www.patternfly.org/components/forms/form#examples
dgdavid added a commit to agama-project/agama that referenced this pull request Sep 14, 2023
For fixing the `validated prop for FormGroup has been removed` error
thrown by https://github.com/patternfly/pf-codemods during migration to
PatternFly 5.

See patternfly/patternfly-react#8810
bastian-src pushed a commit to ATIX-AG/foreman_resource_quota that referenced this pull request Mar 19, 2025
* Collapse CardActions directly into CardHeader
  https://v5-archive.patternfly.org/get-started/release-highlights/#card
* Apply new css variable naming schema
  https://v5-archive.patternfly.org/get-started/upgrade/#review-and-update-variable-and-class-names
* Rely for now on deprecated Dropdown component
  https://v5-archive.patternfly.org/get-started/upgrade#upgrade-deprecated-components
* Apply new onChange and onToggle parameter requirements (search onChange)
  https://v5-archive.patternfly.org/get-started/upgrade/release-notes
* Apply new react-icons import paths
  https://github.com/patternfly/patternfly-react/blob/v5/packages/react-icons/README.md
* Apply new HelperText and HelperTextItem usage in FormGroup
  patternfly/patternfly-react#8810
* Fix EditableTextInput by encapsulating CSS changes in a
  container-class
bastian-src pushed a commit to ATIX-AG/foreman_resource_quota that referenced this pull request Mar 19, 2025
* Collapse CardActions directly into CardHeader
  https://v5-archive.patternfly.org/get-started/release-highlights/#card
* Apply new css variable naming schema
  https://v5-archive.patternfly.org/get-started/upgrade/#review-and-update-variable-and-class-names
* Rely for now on deprecated Dropdown component
  https://v5-archive.patternfly.org/get-started/upgrade#upgrade-deprecated-components
* Apply new onChange and onToggle parameter requirements (search onChange)
  https://v5-archive.patternfly.org/get-started/upgrade/release-notes
* Apply new HelperText and HelperTextItem usage in FormGroup
  patternfly/patternfly-react#8810
* Fix EditableTextInput by encapsulating CSS changes in a
  container-class
bastian-src pushed a commit to ATIX-AG/foreman_resource_quota that referenced this pull request Mar 19, 2025
* Collapse CardActions directly into CardHeader
  https://v5-archive.patternfly.org/get-started/release-highlights/#card
* Apply new css variable naming schema
  https://v5-archive.patternfly.org/get-started/upgrade/#review-and-update-variable-and-class-names
* Rely for now on deprecated Dropdown component
  https://v5-archive.patternfly.org/get-started/upgrade#upgrade-deprecated-components
* Apply new onChange and onToggle parameter requirements (search onChange)
  https://v5-archive.patternfly.org/get-started/upgrade/release-notes
* Apply new HelperText and HelperTextItem usage in FormGroup
  patternfly/patternfly-react#8810
* Fix EditableTextInput by encapsulating CSS changes in a
  container-class
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

FormGroup: Clean up use of helper text

7 participants