@solace-health/ui 0.10.704 → 0.10.705

package/dist/chunk-FTVFESIL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/v2/combobox/combobox.tsx"],"names":["Combobox","classNames","disabled","options","preSearchOptions","onSearchChange","onChange","onOpenChange","placeholder","searchLabel","notFoundMessage","value","size","error","shouldFilter","open","setOpen","useState","isSearching","setIsSearching","optionsToDisplay","jsxs","Popover","PopoverTrigger","cn","jsx","LuSearch","item","LuChevronsUpDown","PopoverContent","Command","CommandInput","val","CommandList","CommandEmpty","CommandGroup","CommandItem","currentValue","LuCheck"],"mappings":"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","file":"chunk-FTVFESIL.cjs","sourcesContent":["import { LuCheck, LuChevronsUpDown, LuSearch } from 'react-icons/lu';\nimport { useState } from 'react';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/v2/popover/popover';\nimport { cn } from '@/lib/utils';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/v2/command/command';\n\nexport type ComboboxOption = {\n  label: string | React.ReactNode;\n  value: string;\n  additionalSearchText?: string;\n  disabled?: boolean;\n};\n\nexport type ComboboxProps = {\n  classNames?: {\n    content?: string;\n    input?: string;\n    item?: string;\n    trigger?: string;\n  };\n  disabled?: boolean;\n  options: ComboboxOption[];\n  preSearchOptions?: ComboboxOption[];\n  onSearchChange?: (value: string) => void;\n  onChange?: (value: string) => void;\n  onOpenChange?: (open: boolean) => void;\n  placeholder?: string;\n  searchLabel?: string;\n  notFoundMessage?: string;\n  value?: string;\n  size?: 'default' | 'sm';\n  error?: boolean;\n  shouldFilter?: boolean;\n};\n\nexport const Combobox = ({\n  classNames = undefined,\n  disabled = false,\n  options,\n  preSearchOptions = undefined,\n  onSearchChange = undefined,\n  onChange = undefined,\n  onOpenChange = undefined,\n  placeholder = 'Select an option',\n  searchLabel = 'Search...',\n  notFoundMessage = 'Not found.',\n  value = undefined,\n  size = 'default',\n  error = false,\n  shouldFilter = true,\n}: ComboboxProps) => {\n  const [open, setOpen] = useState(false);\n\n  // Allow filtering down to just a subset of options before searching\n  // NOTE: preSearchOptions is optional, while options is a required prop that we can fallback to\n  const [isSearching, setIsSearching] = useState(false);\n  const optionsToDisplay = isSearching ? options : preSearchOptions || options;\n\n  const handleOpenChange = () => {\n    setOpen(!open);\n    setIsSearching(false);\n    onOpenChange?.(!open);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger\n        aria-invalid={error}\n        disabled={disabled}\n        className={cn(\n          \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:border-dark-green inline-flex h-12 w-full shrink-0 cursor-pointer items-center justify-between gap-2 rounded-md border px-4 whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:bg-gray-200 disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5\",\n          size === 'sm' && \"py-xs h-8 px-3 [&_svg:not([class*='size-'])]:size-4\",\n          classNames?.trigger,\n        )}\n      >\n        <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n          {!value && <LuSearch className={cn(error && 'text-red')} />}\n          <span className=\"block min-w-0 truncate\">\n            {value ? options.find((item) => item.value === value)?.label : placeholder}\n          </span>\n        </div>\n        <LuChevronsUpDown className=\"opacity-50\" />\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"start\"\n        className={cn('w-[var(--radix-popover-trigger-width)] p-0', classNames?.content)}\n      >\n        <Command\n          shouldFilter={\n            // This should be mainly be driven by the presence of the `onSearchChange` function\n            // to match multiselect's behavior, however we omit this for backwards compatibility.\n            shouldFilter\n          }\n        >\n          <CommandInput\n            placeholder={searchLabel}\n            className={cn('h-9', classNames?.input)}\n            onValueChange={(val) => {\n              setIsSearching(!!val);\n              onSearchChange?.(val);\n            }}\n          />\n          <CommandList onWheel={(e) => e.stopPropagation()}>\n            <CommandEmpty>{notFoundMessage}</CommandEmpty>\n            <CommandGroup>\n              {optionsToDisplay.map((item) => (\n                <CommandItem\n                  key={item.value}\n                  value={item.value}\n                  keywords={[\n                    typeof item.label === 'string' ? item.label : '',\n                    item.additionalSearchText ?? '',\n                  ]}\n                  onSelect={(currentValue) => {\n                    onChange?.(currentValue === value ? '' : currentValue);\n                    setOpen(false);\n                    onOpenChange?.(false);\n                  }}\n                  className={classNames?.item}\n                  disabled={item.disabled}\n                >\n                  {item.label}\n                  <LuCheck\n                    className={cn('ml-auto', value === item.value ? 'opacity-100' : 'opacity-0')}\n                  />\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n};\n"]}

package/dist/chunk-QRFUIS7R.cjs

@@ -1,2 +0,0 @@
-'use strict';var chunkMKCQZPLP_cjs=require('./chunk-MKCQZPLP.cjs'),chunkE7GVPV7P_cjs=require('./chunk-E7GVPV7P.cjs'),chunkVGAUHREW_cjs=require('./chunk-VGAUHREW.cjs'),chunkLEUR23KS_cjs=require('./chunk-LEUR23KS.cjs');var a={Body:chunkMKCQZPLP_cjs.a,Display:chunkE7GVPV7P_cjs.a,Header:chunkVGAUHREW_cjs.a,Truncated:chunkLEUR23KS_cjs.a};exports.a=a;//# sourceMappingURL=chunk-QRFUIS7R.cjs.map
-//# sourceMappingURL=chunk-QRFUIS7R.cjs.map