Adds value prop, making life a bit easier enabling scenarios like a shared upstream state or externally controlled state to determine the value of the SelectTextInput, along with its selected option determined by the value of SelectOption desired
memoizes selectInputProps, getSelectedOptionValues and getSelectedOptions
Adds maxPillCountboolean prop. When multiple, and maxPillCount is true, the Pill don't wrap and those that cannot be displayed are represented by a count Pill. When multiple and maxPillCount is false, the Pill wrap
When Select is multiple, the Pill now render in the order selected and the date returned by Select also reflects that order
Adds toggleOptionsboolean prop. When false and Select is not multiple, its options become mutually exclusive
Fixes bug where onOptionsChange callback was being triggered upon render, this no longer happens
When filterable pressing enter key now selects the first filtered option when available
Optimizes code by reducing some redundancies
Adds UTs
Adds a shared state story, demonstrating newly supported functionality common in PCS applications
SUMMARY:
value
prop, making life a bit easier enabling scenarios like a shared upstream state or externally controlled state to determine the value of theSelect
TextInput
, along with its selected option determined by the value ofSelectOption
desiredselectInputProps
,getSelectedOptionValues
andgetSelectedOptions
maxPillCount
boolean
prop. Whenmultiple
, andmaxPillCount
istrue
, thePill
don't wrap and those that cannot be displayed are represented by a countPill
. Whenmultiple
andmaxPillCount
isfalse
, thePill
wrapSelect
is multiple, thePill
now render in the order selected and the date returned bySelect
also reflects that ordertoggleOptions
boolean
prop. Whenfalse
andSelect
is notmultiple
, its options become mutually exclusiveonOptionsChange
callback was being triggered upon render, this no longer happensfilterable
pressing enter key now selects the first filtered option when availablehttps://github.com/EightfoldAI/octuple/assets/99700808/4d473881-86f6-4b9c-a750-4a9349f34daa
JIRA TASK (Eightfold Employees Only):
ENG-48962 ENG-48961 ENG-69417
CHANGE TYPE:
TEST COVERAGE:
TEST PLAN:
Pull the PR branch and run
yarn
andyarn storybook
. Verify theSelect
stories behave as expected.