RegionInput component

[aldeed]

RegionInput

Overview / Summary

Summary description of UI component

The RegionInput component will render the same code as currently in AddressForm, where based on regionOptions length, either Select or TextInput is shown.

Rationale for why this component is necessary

There are forms outside of address entry where we need a region to be selected or entered.

Expected use cases

Region entry for shipping rules

React State

None

Data Fetching

None

State Store

None

Routing / Query String

None

Render Criteria

Based on regionOptions length, either Select or TextInput is shown. Use same props for these components as in AddressForm, unless any of them are specific to being used within the address form, in which case they should be passed in.

Breakpoints

Desktop, Tablet, Mobile

N/A

UI States

This is a simple switcher component, so UI states are managed by the child components.

Work

• Create the component and add it to context
• Update AddressForm to use it from components prop

[rc-publisher]

🎉 This issue has been resolved in version 0.54.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀