33 * @see {@link https://shadcnui-expansions.typeart.cc/docs/multiple-selector }
44 */
55import { 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" ;
614import { ChevronDown , X } from "lucide-react" ;
715import {
816 type ComponentProps ,
917 type ComponentPropsWithoutRef ,
10- forwardRef ,
1118 type KeyboardEvent ,
1219 type ReactNode ,
20+ forwardRef ,
1321 useCallback ,
1422 useEffect ,
1523 useImperativeHandle ,
1624 useMemo ,
1725 useRef ,
1826 useState ,
1927} 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" ;
2828import { cn } from "@/utils/cn" ;
2929
3030export interface Option {
@@ -458,7 +458,6 @@ export const MultiSelectCombobox = forwardRef<
458458 filter = { commandFilter ( ) }
459459 >
460460 { /* 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 */ }
462461 < div
463462 className = { cn (
464463 "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<
473472 inputRef ?. current ?. focus ( ) ;
474473 } }
475474 >
476- < div className = "flex h-full items-center justify-between" >
475+ < div className = "flex items-center justify-between h-full " >
477476 < div className = "relative flex flex-wrap gap-1" >
478477 { selected . map ( ( option ) => {
479478 return (
@@ -594,7 +593,7 @@ export const MultiSelectCombobox = forwardRef<
594593 } }
595594 >
596595 { isLoading ? (
597- loadingIndicator
596+ < > { loadingIndicator } </ >
598597 ) : (
599598 < >
600599 { EmptyItem ( ) }
0 commit comments