diff options
Diffstat (limited to 'packages/aml-backoffice-ui/src/handlers/InputSelectMultiple.tsx')
-rw-r--r-- | packages/aml-backoffice-ui/src/handlers/InputSelectMultiple.tsx | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/packages/aml-backoffice-ui/src/handlers/InputSelectMultiple.tsx b/packages/aml-backoffice-ui/src/handlers/InputSelectMultiple.tsx index 837744827..6e6186a88 100644 --- a/packages/aml-backoffice-ui/src/handlers/InputSelectMultiple.tsx +++ b/packages/aml-backoffice-ui/src/handlers/InputSelectMultiple.tsx @@ -13,7 +13,7 @@ export function InputSelectMultiple<T extends object, K extends keyof T>( ): VNode { const { name, label, choices, placeholder, tooltip, required, unique, max } = props; - const { value, onChange } = useField<T, K>(name); + const { value, onChange, state } = useField<T, K>(name); const [filter, setFilter] = useState<string | undefined>(undefined); const regex = new RegExp(`.*${filter}.*`, "i"); @@ -26,8 +26,8 @@ export function InputSelectMultiple<T extends object, K extends keyof T>( filter === undefined ? undefined : choices.filter((v) => { - return regex.test(v.label); - }); + return regex.test(v.label); + }); return ( <div class="sm:col-span-6"> <LabelWithTooltipMaybeRequired @@ -41,6 +41,7 @@ export function InputSelectMultiple<T extends object, K extends keyof T>( {choiceMap[v]} <button type="button" + disabled={state.disabled} onClick={() => { const newValue = [...list]; newValue.splice(idx, 1); @@ -62,7 +63,7 @@ export function InputSelectMultiple<T extends object, K extends keyof T>( ); })} - <div class="relative mt-2"> + {!state.disabled && <div class="relative mt-2"> <input id="combobox" type="text" @@ -78,6 +79,7 @@ export function InputSelectMultiple<T extends object, K extends keyof T>( /> <button type="button" + disabled={state.disabled} onClick={() => { setFilter(filter === undefined ? "" : undefined); }} @@ -122,7 +124,7 @@ export function InputSelectMultiple<T extends object, K extends keyof T>( onChange(newValue as T[K]); }} - // tabindex="-1" + // tabindex="-1" > {/* <!-- Selected: "font-semibold" --> */} <span class="block truncate">{v.label}</span> @@ -145,7 +147,7 @@ export function InputSelectMultiple<T extends object, K extends keyof T>( {/* <!-- More items... --> */} </ul> )} - </div> + </div>} </div> ); } |