### Requirements List - _None_ ### Description List - Update PrivilegePurchaseSelect component to restrict number of privilege selections to 20 - Add purchase-config states to mock data to allow new privilege purchase limit to be tested - Add mock-populate-all to PrivilegePurchaseSelect component (local) - Fix list layout issues on PrivilegePurchaseSelect component - Minor code consistency cleanup in PrivilegePurchaseSelect component - Remove enter-key from selecting state checkboxes in PrivilegePurchaseSelect component (#804) - Confirm user can't purchase privilege in home state (#490) - Update MockPopulate component to accept a custom label - Update mock attestation data to include jurisprudence & scope-of-practice attestations ### Testing List - `yarn test:unit:all` should run without errors or warnings - `yarn serve` should run without errors or warnings - `yarn build` should run without errors or warnings - Code review - Testing - Login as a licensee user who can purchase privileges - Begin the purchase workflow and proceed to the screen titled "Select privileges" - With keyboard nav, confirm that spacebar, not enter, selects states - Select a state to show the blue state box with $ totals (no changes) - Adjust screen size; state checkbox columns should no longer overflow to a 3rd column and / or overlap the blue state $ box - If more than 20 states are available, select them all - _2025-07-31: Only developers using mock data can trigger this many states_ - Attempt to advance to the next screen - Should receive an error stating a maximum limit of 20 - Changing the selections to 20 or fewer should allow the form to advance (assuming all blue-card required fields have been completed) Closes #715 Closes #804 Closes #490  ## Summary by CodeRabbit * **New Features** * Added support for a custom label on the mock populate button. * Introduced a "Mock Populate All" option for privilege selection. * Implemented a limit of 20 privileges per transaction, with user feedback when exceeded. * Added error messaging for privilege selection limits. * **Enhancements** * Improved layout and multi-column display for privilege selection. * Added new U.S. jurisdictions and attestation texts to mock data. * **Localization** * Added privilege selection limit messages in English and Spanish. * **Accessibility & Usability** * Improved keyboard interaction and event handling for form buttons. * **Style** * Updated spacing and visual feedback for error messages and form components.

Update keyboard nav on state-select purchase UI #804

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions