3
3
* @see {@link https://shadcnui-expansions.typeart.cc/docs/multiple-selector }
4
4
*/
5
5
import { Command as CommandPrimitive , useCommandState } from "cmdk" ;
6
+ import { Badge } from "@/client/components/Badge" ;
7
+ import {
8
+ Command ,
9
+ CommandGroup ,
10
+ CommandItem ,
11
+ CommandList ,
12
+ } from "@/client/components/Command" ;
13
+ import { useDebouncedValue } from "@/client/hooks/debounce" ;
6
14
import { ChevronDown , X } from "lucide-react" ;
7
15
import {
8
16
type ComponentProps ,
9
17
type ComponentPropsWithoutRef ,
10
- forwardRef ,
11
18
type KeyboardEvent ,
12
19
type ReactNode ,
20
+ forwardRef ,
13
21
useCallback ,
14
22
useEffect ,
15
23
useImperativeHandle ,
16
24
useMemo ,
17
25
useRef ,
18
26
useState ,
19
27
} from "react" ;
20
- import { Badge } from "@/client/components/Badge" ;
21
- import {
22
- Command ,
23
- CommandGroup ,
24
- CommandItem ,
25
- CommandList ,
26
- } from "@/client/components/Command" ;
27
- import { useDebouncedValue } from "@/client/hooks/debounce" ;
28
28
import { cn } from "@/utils/cn" ;
29
29
30
30
export interface Option {
@@ -458,7 +458,6 @@ export const MultiSelectCombobox = forwardRef<
458
458
filter = { commandFilter ( ) }
459
459
>
460
460
{ /* biome-ignore lint/a11y/useKeyWithClickEvents: onKeyDown is not needed here */ }
461
- { /* biome-ignore lint/a11y/noStaticElementInteractions: This code is pulled from coder/coder and should be fixed there */ }
462
461
< div
463
462
className = { cn (
464
463
"h-10 min-h-10 rounded-md border border-border border-solid pr-3 text-sm focus-within:ring-2 focus-within:ring-content-link" ,
@@ -473,7 +472,7 @@ export const MultiSelectCombobox = forwardRef<
473
472
inputRef ?. current ?. focus ( ) ;
474
473
} }
475
474
>
476
- < div className = "flex h-full items-center justify-between" >
475
+ < div className = "flex items-center justify-between h-full " >
477
476
< div className = "relative flex flex-wrap gap-1" >
478
477
{ selected . map ( ( option ) => {
479
478
return (
@@ -594,7 +593,7 @@ export const MultiSelectCombobox = forwardRef<
594
593
} }
595
594
>
596
595
{ isLoading ? (
597
- loadingIndicator
596
+ < > { loadingIndicator } </ >
598
597
) : (
599
598
< >
600
599
{ EmptyItem ( ) }
0 commit comments