improvement: disable tab select by default on filterable select

This commit is contained in:
Scott Wilson
2024-11-27 08:40:00 -08:00
parent 3b47d7698b
commit 602cf4b3c4
@@ -3,7 +3,12 @@ import { twMerge } from "tailwind-merge";
import { ClearIndicator, DropdownIndicator, MultiValueRemove, Option } from "../Select/components"; import { ClearIndicator, DropdownIndicator, MultiValueRemove, Option } from "../Select/components";
export const FilterableSelect = <T,>({ isMulti, closeMenuOnSelect, ...props }: Props<T>) => ( export const FilterableSelect = <T,>({
isMulti,
closeMenuOnSelect,
tabSelectsValue = false,
...props
}: Props<T>) => (
<Select <Select
isMulti={isMulti} isMulti={isMulti}
closeMenuOnSelect={closeMenuOnSelect ?? !isMulti} closeMenuOnSelect={closeMenuOnSelect ?? !isMulti}
@@ -26,6 +31,7 @@ export const FilterableSelect = <T,>({ isMulti, closeMenuOnSelect, ...props }: P
transition: "none" transition: "none"
}) })
}} }}
tabSelectsValue={tabSelectsValue}
components={{ DropdownIndicator, ClearIndicator, MultiValueRemove, Option }} components={{ DropdownIndicator, ClearIndicator, MultiValueRemove, Option }}
classNames={{ classNames={{
container: () => "w-full font-inter", container: () => "w-full font-inter",