VATEAM-101163/101173/101166/101170: Custom Step components

[derekhouck]

Description

• Closes Create text area component in Drupal va.gov-team#101163
• Closes Create date component in Drupal va.gov-team#101173
• Closes Create radio button component in Drupal va.gov-team#101166
• Closes Create checkbox component in Drupal va.gov-team#101170

Creates the remaining components needed for the Custom Step Paragraph.

Testing done

Manually created a Digital Form with a Custom Step that featured multiple pages and components within it.

Screenshots

The components section of a Digital Form Page with different components added to it.

QA steps

As an administrator

1. Go to Manage > Content > Add content > Digital Form
2. In the "Steps" field, click "Add Step"
3. Click "Add" underneath "Digital Form: Custom Step"
   • Verify the "Pages" field is present and populated with a Digital Form: Page Paragraph
   • Verify the "Components" field is present and empty
4. Click "Add Component"
   • Verify a modal appears with buttons for the following components:
     - "Digital Form: Checkbox Component"
     - "Digital Form: Date Component"
     - "Digital Form: Radio Button Component"
     - "Digital Form: Text Area Component"
     - "Digital Form: Text Input Component"
5. Click the button for a component.
   • Verify the "Label" field is required.
   • Verify the "Required?" checkbox is visible.
   • Verify the "Hint text" field is optional.
   • Repeat this step for all other components.
   • For the Date component, verify the "Date format" field appears with the following options:
     - "Month/Day/Year"
     - "Month/Year"
   • For the Radio Button and Checkbox components, verify the "Response Options" field appears and is populated with a "Digital Form: Response Option" with the following fields:
     - A required "Label" field
     - An optional "Description" field
6. Fill out the required fields on the Digital Form and click "Save" at the bottom of the page.
   • Verify the Digital Form saves successfully.
   • Verify the "Digital Form: Custom Step" Paragraph is included in the "Steps" field of the view page.
   • Verify all the data you entered is reflected on the view page.

Definition of Done

• Documentation has been updated, if applicable.
• Tests have been added if necessary.
• Automated tests have passed.
• Code Quality Tests have passed.
• Acceptance Criteria in related issue are met.
• Manual Code Review Approved.
• If there are field changes, front end output has been thoroughly checked.

Select Team for PR review

• CMS Team
• Public websites
• Facilities
• User support
• Accelerated Publishing

Is this PR blocked by another PR?

• DO NOT MERGE

Does this PR need review from a Product Owner

• Needs PO review

CMS user-facing announcement

Is an announcement needed to let editors know of this change?

• Yes, and it's written in issue ____ and queued for publication.
  • Merge and ping the UX writer so they are ready to publish after deployment
• Yes, but it hasn't yet been written
  • Don't merge yet -- ping the UX writer to write and queue content
• No announcement is needed for this code change.
  • Merge & carry on unburdened by announcements

[github-actions]

Checking composer.lock changes...

[github-actions]

GitHub Workflows (.github/workflows/*.yml)

Have you...

• pinned all affected GitHub Actions at a specific commit by SHA?
• reviewed the source code of the action at the commit you are pinning?
• confirmed that no GitHub security measures are being bypassed?
• checked for any injection of user content into protected contexts?
• reviewed Security hardening for GitHub Actions?
• reviewed GitHub Workflows?

[github-actions]

Checking composer.lock changes...

[ryguyk]

Looks good. Looks like it'll be some fun content-build work 😅

[github-actions]

Checking composer.lock changes...

[github-actions]

Checking composer.lock changes...

[va-cms-bot]

Tugboat has finished building the preview for this pull request!

Links:

• https://pr20748-ntpym0bkozuravebnemsoxrv75rfkit3.ci.cms.va.gov
• https://cms-ntpym0bkozuravebnemsoxrv75rfkit3.ci.cms.va.gov
• https://web-ntpym0bkozuravebnemsoxrv75rfkit3.ci.cms.va.gov
• https://storybook-ntpym0bkozuravebnemsoxrv75rfkit3.ci.cms.va.gov
• https://next-ntpym0bkozuravebnemsoxrv75rfkit3.ci.cms.va.gov

Dashboard:

• https://tugboat.vfs.va.gov/67c60193eb1907cf0c2871e7