Skip to content

material-renderers: Validation Icon on individual ExpandPanel, ListWithDetail items #2456

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

vishnutsivan
Copy link
Contributor

@vishnutsivan vishnutsivan commented Jun 1, 2025

Validation icons on individual List with details item
image

Validation icons on individual Expand panel item
image

Copy link

netlify bot commented Jun 1, 2025

Deploy Preview for jsonforms-examples ready!

Name Link
🔨 Latest commit fec759b
🔍 Latest deploy log https://app.netlify.com/projects/jsonforms-examples/deploys/683c5e78c53f1c00087974be
😎 Deploy Preview https://deploy-preview-2456--jsonforms-examples.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@vishnutsivan vishnutsivan changed the title Validation Icon on ExpandPanel and ListWithDetail Validation Icon on individual ExpandPanel, ListWithDetail items Jun 1, 2025
@vishnutsivan vishnutsivan changed the title Validation Icon on individual ExpandPanel, ListWithDetail items material-renderers: Validation Icon on individual ExpandPanel, ListWithDetail items Jun 1, 2025
@coveralls
Copy link

Coverage Status

coverage: 82.497% (-0.08%) from 82.573%
when pulling fec759b on vishnutsivan:validation-icon
into d0b1dfa on eclipsesource:master.

@lucas-koehler
Copy link
Contributor

Thanks for the contribution ❤️ This looks useful to me :)
As we are currently busy with the 3.6 release, we'll have a look afterwards.

@lucas-koehler lucas-koehler self-requested a review July 7, 2025 07:53
Copy link
Contributor

@lucas-koehler lucas-koehler left a comment

Choose a reason for hiding this comment

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

Hi @vishnutsivan , thanks again for the contribution! The changes generally look reasonable to me and the feature is useful :)

I have one comment inline. Please have a look.

Also, for the validation icon in the master list item, there should be a little more space between the validation icon and the text. Furthermore, the validation icon should be vertically aligned with the text. I.e. see the screenshot below where the icon and text do not align and are very close together.

image

@@ -823,6 +833,7 @@ export interface OwnPropsOfMasterListItem {

export interface StatePropsOfMasterItem extends OwnPropsOfMasterListItem {
childLabel: string;
childErrors: string;
Copy link
Contributor

Choose a reason for hiding this comment

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

This should be the raw errors of type ErrorObject[] instead of the processed string for two reasons:

  1. To be consistent with the behavior of the array mapper in mapStateToArrayControlProps
  2. To allow renderers to decided for themselves how to show the errors.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants