add isDisabled and placeholder props

src/fragmentarium/ui/LemmaSearchForm.tsx

@@ -26,18 +26,22 @@ export const LemmaSearchForm = withData<
   {
     wordService: WordService
     onChange: (name: string) => (name: string) => void
+    isDisabled?: boolean
+    placeholder?: string
   },
   { lemmas: string },
   LemmaOption[]
 >(
-  ({ data, wordService, onChange }) => {
+  ({ data, wordService, onChange, isDisabled, placeholder }) => {
     return (
       <LemmaSelectionForm
         wordService={wordService}
         onChange={(query) => {
           onChange('lemmas')(query.map((lemma) => lemma.value).join('+'))
         }}
         query={data}
+        isDisabled={isDisabled}
+        placeholder={placeholder}
       />
     )
   },

src/fragmentarium/ui/lemmatization/LemmaSelectionForm.tsx

@@ -38,6 +38,8 @@ type Props = {
   query?: readonly LemmaOption[]
   onChange: (query: readonly LemmaOption[]) => void
   wordService: { searchLemma(query: string): Promise<readonly Word[]> }
+  placeholder?: string
+  isDisabled?: boolean
 }
 type State = {
   query: ValueType<LemmaOption, true>
@@ -97,11 +99,11 @@ class LemmaSelectionForm extends Component<Props, State> {
     }
   }
 
-  Select = ({ label }: { label: string }): JSX.Element => {
+  Select = (): JSX.Element => {
     return (
       <AsyncSelect
         aria-label={'Select lemmata'}
-        placeholder={label}
+        placeholder={this.props.placeholder || 'Lemmata'}
         isClearable
         loadOptions={this.loadOptions}
         onInputChange={this.onInputChange}
@@ -111,12 +113,13 @@ class LemmaSelectionForm extends Component<Props, State> {
         isMulti={true}
         components={{ Option, MultiValueLabel }}
         isOptionSelected={() => false}
+        isDisabled={this.props.isDisabled}
       />
     )
   }
 
   render(): JSX.Element {
-    return <this.Select label={'Lemmata'} />
+    return <this.Select />
   }
 }