EasyDynamics / oscal-react-library

A library of React components and an example user interface application that provides a direct UI into NIST's Open Security Controls Assessment Language (OSCAL) data in JSON format.
https://viewer.oscal.io
MIT License
53 stars 13 forks source link

Add support for multiple values in control implementation statements #501

Open kperk103 opened 2 years ago

kperk103 commented 2 years ago

We want to add support for more than one item in the values array. The values array is here in OSCALControlProse: https://github.com/EasyDynamics/oscal-react-library/blob/c693badc2d80447eb9136e23c7c7e825cde9faf4/src/components/OSCALControlProse.js#L504-L510

Having multiple values should be considered an edge case. Designing this feature in such a way that we do not clutter up or take away ease of use will be needed.

Acceptance Criteria

Bronstrom commented 2 years ago

An idea for implementing this feature's design is to have a plus icon appear to the right of a edit input field. When the plus icon is selected an additional edit input field appears, and the plus icon shifts to the right of this new input field. When viewing these values displayed within the editor and viewer, they could be separated by a "/" or simply commas, as they are within the values array.