[ENG-4887] [ENG-5293] [ENG-5294] Preprints: Select Page

[cslzchen]

• Ticket: ENG-4887, ENG-5293 and ENG-5294
• Feature flag: n/a

Purpose

Implement the preprints select page

Note: includes code from #2155 for ENG-4887

Summary of Changes

• New route prerpints/select
• The select page consists of
  • A temporary non-component header "New Preprints"
  • The PreprintProviderSelection component, which takes the argument 'allProviders' from the route.ts
• A component PreprintProviderSelection for selecting preprint providers
  • It consists of a heading, a paragraph, the PreprintProviderDisplay component per provider, and a create button
  • Create button is disabled when no provider is selected.
  • When create button is clicked with a provider selected, it transits to the preprint.submit page with the provider's ID
• A component PreprintProviderDisplay for displaying one preprint provider
  • When it's selected, it updates its parent component with the current selected provider
  • In addition, it un-select previously selected sibling component

Note

• Inline style of the provider's description seems to break the expected ... overflow.
• Ended up using {{!-- template-lint-disable no-invalid-interactive --}} to allow clickable div in order for flex to work

Screenshot(s)

Side Effects

N/A

QA Notes

N/A

[futa-ikeda]

Overall, looks good! I just had a couple suggestions

[futa-ikeda]

Looks good! And how we want to handle clicking on the provider card will addressed once we have mockups for that