Summary

🥁 This PR is meant to update the exception builder logic to handle nested fields. If you're unfamiliar with nested fields, you can read up more on it here and here. It also does a bit of cleanup, so though it may look like a lot of changes, parts of it were just moving some things around.

• Breaks the exceptions/helpers.tsx file into separate helper files under the corresponding components (builder or viewer) where there wasn't any overlap
• Adds onClick to add/edit exceptions modal mask overlay so that user does not need to refresh page if modal hits an issue
• Updates the builder_button_options.tsx to now expose the Add nested field to UI
• Fixes bug that does not allow user to use delete key in field input
• Updates logic to be as follows:
  • Add nested field is available at all times - it can be disabled if need be by the consumer of the exceptions builder
    • If a user clicks Add nested field, a new empty entry is shown that limits the fields to only nested types that match the parent and Or is disabled
    • When the user selects a field, 2 new entries appear, one is the parent, the other the selected nested field
    • If user selects Add, another entry, still under the nested parent is added
    • If user is finished adding to their nested field, they can click Add non nested field and it returns them to the normal flow
    • User can delete a single nested entry
      • If it is the only nested entry, the entire nested parent and child is removed
      • Clicking Delete next to the parent entry, deletes the entire nested entry and children
  • If a user is left with one entry in the builder and they select Delete, an empty entry, similar to the one shown on init is displayed

Note: Double checked with @marrasherrier on the design. The initial designs limited the user to adding one nested field as the last item. This allows a user to add multiple nested fields and non-nested fields.

Samples 🤤

Close modal when overlay mask clicked

Allow user to delete field selection with delete key

If user deletes last item, goest back to empty default

Adding a nested entry

Deleting nested entry

Sample and, or, nested

To Do

• Cleanup builder/entry_item.tsx
• Add better logic for when user selects Add nested --> then selects Add non nested without having selected any nested field

Checklist

Delete any items that are not applicable to this PR.

• Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
• Unit or functional tests were updated or added to match the most common scenarios
• This was checked for keyboard-only and screenreader accessibility
• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser
• This was checked for cross-browser compatibility