@brainfish-ai/components 0.13.15 → 0.14.1

package/dist/esm/chunks/combobox.B5aw7PrS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox.B5aw7PrS.js","sources":["../../../src/components/combobox/combobox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Check, CaretUpDown } from '@phosphor-icons/react';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '@/components/ui/command';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\n\nexport interface ComboboxProps {\n  options: {\n    value: string;\n    label: string;\n  }[];\n  defaultValueLabel: string;\n  placeholder: string;\n  noResultsLabel: string;\n  className?: string;\n  // callback on open\n  onOpenChange?: (open: boolean) => void;\n  // callback on value change\n  onChange?: (value: string) => void;\n}\n\nexport function Combobox({\n  options,\n  defaultValueLabel,\n  placeholder,\n  noResultsLabel,\n  className,\n  onOpenChange,\n  onChange,\n}: ComboboxProps) {\n  const [open, setOpen] = React.useState(false);\n  const [value, setValue] = React.useState('');\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const [triggerWidth, setTriggerWidth] = React.useState<number | null>(null);\n\n  // Update width when popover opens\n  const handleOpenChange = (isOpen: boolean) => {\n    if (isOpen && triggerRef.current) {\n      setTriggerWidth(triggerRef.current.offsetWidth);\n    }\n    setOpen(isOpen);\n    onOpenChange?.(isOpen);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger asChild>\n        <Button\n          ref={triggerRef}\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          className={cn('w-full justify-between', className)}\n        >\n          {value ? options.find((option) => option.value === value)?.label : defaultValueLabel}\n          <CaretUpDown className=\"opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"p-0\"\n        style={{\n          width: triggerWidth ? `${triggerWidth}px` : 'auto',\n        }}\n      >\n        <Command>\n          <CommandInput placeholder={placeholder} />\n          <CommandList>\n            <CommandEmpty>{noResultsLabel}</CommandEmpty>\n            <CommandGroup>\n              {options.map((option) => (\n                <CommandItem\n                  key={option.value}\n                  value={option.value}\n                  onSelect={(currentValue) => {\n                    setValue(currentValue === value ? '' : currentValue);\n                    setOpen(false);\n                    onChange?.(currentValue);\n                  }}\n                >\n                  {option.label}\n                  <Check className={cn('ml-auto', value === option.value ? 'opacity-100' : 'opacity-0')} />\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":[],"mappings":"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"}