Search and Select User on Check-Out Screen

Purpose: To create a user search and select component for use on the Check-Out screen so, if you don't have a patron's library card, you can find them right from within Check-Out (without having to go search in Users and grab their ID).

Scenarios:

1. Scenario
   • Given Scan > Checkout
   • When the Patron input box is displayed
   • Then it should be accompanied by something that can be clicked to launch the user select component (it doesn't matter what - we'll get UX to provide guidance later on)
2. Scenario
   • Given the user select component
   • When displayed
   • Then it should be a user search/select modal as shown in the attached wireframe
3. Scenario
   • Given the user select component
   • When user search results are displayed
   • Then they should include the following columns:
     • Name (default sort)
     • Patron Group
     • User ID
     • Barcode
     • Additional columns are okay (I see the status column and email are displaying and that's fine)
4. Scenario
   • Given the user select component
   • When displayed
   • Then filters displayed should mimic what is available in the normal user search page
5. Scenario
   • Given a search result in the user search component
   • When clicked
   • Then:
     • That user is selected in the Scan > Check-Out
     • The user select modal closes
6. Scenario
   • Given the user search component
   • When the X is clicked
   • Then the user select modal closes and no user is selected