Skip to content
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

Add Legend for Parameter Color-Coding #458

Merged
merged 7 commits into from
Jun 24, 2022

Conversation

Bronstrom
Copy link
Contributor

@Bronstrom Bronstrom commented Jun 21, 2022

In order to enhance user experience, a parameter legend is displayed highlighting the difference between parameter placeholders (orange) and parameter values (blue).

This adds a legend to all control grouping schemes: OSCALCatalogGroup, OSCALControlImplementation, OSCALComponentDefinitionControlImplementation, and OSCALProfile groups. The component OSCALControlParamLegend is built for purposes of avoiding duplicate code. In addition, react-testing-library tests are written to determine the legend displays in each of the control groupings.

Resolves #195, resolves #428, resolves #427

@Bronstrom Bronstrom added the enhancement New feature or request label Jun 21, 2022
@Bronstrom Bronstrom requested a review from a team June 21, 2022 15:36
@zclarkEDC zclarkEDC self-requested a review June 21, 2022 15:45
Copy link
Member

@zclarkEDC zclarkEDC left a comment

Choose a reason for hiding this comment

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

Minor formatting required, otherwise looks good to merge.

src/components/OSCALCatalogGroup.test.js Outdated Show resolved Hide resolved
Copy link
Contributor

@tuckerzp tuckerzp left a comment

Choose a reason for hiding this comment

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

This looks great so far! I noticed that running npm run test does produce some warnings. I'd love to get this dealt with before merging into develop.

I only looked into it a bit and do not see any obvious issues. From experience, I'd look into places where <div> is placed into a <Typography>.

src/components/OSCALCatalogGroup.test.js Outdated Show resolved Hide resolved
@Bronstrom Bronstrom requested a review from zclarkEDC June 21, 2022 20:32
Copy link
Contributor

@tuckerzp tuckerzp left a comment

Choose a reason for hiding this comment

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

Looks good to me! Thanks for your work on this @Bronstrom

@tuckerzp tuckerzp requested a review from a team June 23, 2022 15:49
@zclarkEDC zclarkEDC merged commit e170639 into develop Jun 24, 2022
@zclarkEDC zclarkEDC deleted the feature/legend-param-color-coding branch June 24, 2022 14:16
@Bronstrom Bronstrom mentioned this pull request Jun 24, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
3 participants