fix: support finding initial value from a list of values (#161)

Author: EspenAlbert

src/npm-fastui/src/components/FormField.tsx

@@ -174,6 +174,12 @@ export const FormFieldSelectReactComp: FC<FormFieldSelectProps> = (props) => {
 
   const className = useClassName(props)
   const classNameSelectReact = useClassName(props, { el: 'select-react' })
+  let value
+  if (Array.isArray(initial)) {
+    value = findDefaultArray(options, initial)
+  } else {
+    value = findDefault(options, initial)
+  }
 
   const reactSelectOnChanged = () => {
     // TODO this is a hack to wait for the input to be updated, can we do better?
@@ -191,7 +197,7 @@ export const FormFieldSelectReactComp: FC<FormFieldSelectProps> = (props) => {
         className={classNameSelectReact}
         isMulti={multiple ?? false}
         isClearable
-        defaultValue={findDefault(options, initial)}
+        defaultValue={value}
         name={name}
         required={required}
         isDisabled={locked}
@@ -220,6 +226,11 @@ const SelectOptionComp: FC<{ option: SelectOption | SelectGroup }> = ({ option }
   }
 }
 
+function findDefaultArray(options: SelectOptions, value: string[]): SelectOption[] {
+  const foundValues = value.map((v) => findDefault(options, v))
+  return foundValues.filter((v) => v) as SelectOption[]
+}
+
 function findDefault(options: SelectOptions, value?: string): SelectOption | undefined {
   for (const option of options) {
     if ('options' in option) {

src/npm-fastui/src/models.d.ts

@@ -391,7 +391,7 @@ export interface FormFieldSelect {
   className?: ClassName
   options: SelectOptions
   multiple?: boolean
-  initial?: string
+  initial?: string[] | string
   vanilla?: boolean
   placeholder?: string
   type: 'FormFieldSelect'

src/python-fastui/fastui/components/forms.py

@@ -57,7 +57,7 @@ class FormFieldFile(BaseFormField):
 class FormFieldSelect(BaseFormField):
     options: forms.SelectOptions
     multiple: _t.Union[bool, None] = None
-    initial: _t.Union[str, None] = None
+    initial: _t.Union[_t.List[str], str, None] = None
     vanilla: _t.Union[bool, None] = None
     placeholder: _t.Union[str, None] = None
     type: _t.Literal['FormFieldSelect'] = 'FormFieldSelect'