@solace-health/ui 0.10.721 → 0.10.722

package/dist/chunk-UQCNRDXB.js

@@ -1,2 +0,0 @@
-import {a as a$1,b,c}from'./chunk-YVP6QCW6.js';import {a}from'./chunk-J3TZ7WPF.js';import {a as a$3,c as c$1,d,e,f,h,j}from'./chunk-J624VXFX.js';import {a as a$2}from'./chunk-YTIIAU4W.js';import {LuSearch,LuChevronsUpDown,LuCheck}from'react-icons/lu';import {useState}from'react';import {jsx,jsxs}from'react/jsx-runtime';var A=({classNames:i=void 0,disabled:l=false,options:p,preSearchOptions:I=void 0,search:c$2=void 0,onSearchChange:u=void 0,onChange:T=void 0,onOpenChange:b$1=void 0,placeholder:D="Select an option",searchLabel:E="Search...",notFoundMessage:G="Not found.",value:n=void 0,size:R="default",error:f$1=false,shouldFilter:V=true,pinnedOption:a=void 0})=>{let[d$1,h$1]=useState(false),[H,g]=useState(false),v=c$2!==void 0,K=(v?!!c$2:H)?p:I||p,[M,s]=useState(""),U=()=>{h$1(!d$1),g(false),s(""),!d$1&&v&&u?.(""),b$1?.(!d$1);},C=e=>{T?.(e===n?"":e),h$1(false),g(false),s(""),b$1?.(false);},W=a&&a.value===n?a:p.find(e=>e.value===n);return jsxs(a$1,{open:d$1,onOpenChange:U,children:[jsxs(b,{"aria-invalid":f$1,"data-placeholder":n?void 0:"",disabled:l,className:a$2("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",R==="sm"&&"py-xs h-8 px-3 [&_svg:not([class*='size-'])]:size-4",i?.trigger),children:[jsxs("div",{className:"flex min-w-0 flex-1 items-center gap-2",children:[!n&&jsx(LuSearch,{className:a$2(f$1&&"text-red")}),jsx("span",{className:a$2("block min-w-0 truncate",!n&&"text-gray-700"),children:n?W?.label:D})]}),jsx(LuChevronsUpDown,{className:"opacity-50"})]}),jsx(c,{align:"start",className:a$2("w-[var(--radix-popover-trigger-width)] p-0",i?.content),children:jsxs(a$3,{shouldFilter:V,value:M,onValueChange:s,children:[jsx(c$1,{placeholder:E,className:a$2("h-9",i?.input),value:c$2,onValueChange:e=>{g(!!e),u?.(e);}}),jsxs(d,{onWheel:e=>e.stopPropagation(),children:[jsx(e,{children:G}),jsx(f,{children:K.map(e=>jsxs(h,{value:e.value,keywords:[typeof e.label=="string"?e.label:"",e.additionalSearchText??""],onSelect:C,className:i?.item,disabled:e.disabled,children:[e.label,jsx(LuCheck,{className:a$2("ml-auto",n===e.value?"opacity-100":"opacity-0")})]},e.value))})]}),a&&jsx(j,{className:"border-t-0",children:jsxs("button",{type:"button",disabled:a.disabled,onClick:()=>C(a.value),onPointerEnter:()=>s(""),onFocus:()=>s(""),onKeyDown:e=>{e.key==="Enter"&&e.stopPropagation();},className:a$2("text-dark-green hover:bg-accent focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-left italic outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0",i?.pinnedOption),children:[a.label,jsx(LuCheck,{className:a$2("ml-auto",n===a.value?"opacity-100":"opacity-0")})]})})]})})]})},ee=({variant:i="default",...l})=>i==="input"?jsx(a,{...l}):jsx(A,{...l});export{ee as a};//# sourceMappingURL=chunk-UQCNRDXB.js.map
-//# sourceMappingURL=chunk-UQCNRDXB.js.map

package/dist/chunk-UQCNRDXB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/v2/combobox/combobox.tsx"],"names":["DefaultCombobox","classNames","disabled","options","preSearchOptions","search","onSearchChange","onChange","onOpenChange","placeholder","searchLabel","notFoundMessage","value","size","error","shouldFilter","pinnedOption","open","setOpen","useState","isSearching","setIsSearching","isSearchControlled","optionsToDisplay","highlighted","setHighlighted","handleOpenChange","handleSelect","selectedValue","selectedOption","item","jsxs","Popover","PopoverTrigger","cn","jsx","LuSearch","LuChevronsUpDown","PopoverContent","Command","CommandInput","val","CommandList","CommandEmpty","CommandGroup","CommandItem","LuCheck","CommandFooter","Combobox","variant","props","InputVariantCombobox"],"mappings":"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","file":"chunk-UQCNRDXB.js","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  CommandFooter,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/v2/command/command';\nimport { InputVariantCombobox } from './input-variant';\n\nexport type ComboboxOption = {\n  label: string | React.ReactNode;\n  value: string;\n  additionalSearchText?: string;\n  secondaryLabel?: string;\n  disabled?: boolean;\n};\n\nexport type ComboboxProps = {\n  classNames?: {\n    content?: string;\n    input?: string;\n    item?: string;\n    pinnedOption?: string;\n    positioner?: string;\n    trigger?: string;\n  };\n  disabled?: boolean;\n  options: ComboboxOption[];\n  preSearchOptions?: ComboboxOption[];\n  /**\n   * Controls the search input's text. Leave it out to let the Combobox manage the search itself.\n   * When set, the Combobox calls `onSearchChange('')` each time it opens, so the parent can\n   * reset the search. Only the default variant supports it.\n   */\n  search?: string;\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   * An option pinned below the scrollable list, always visible and never filtered.\n   * Selecting it calls `onChange` like any other option.\n   */\n  pinnedOption?: ComboboxOption;\n  side?: 'top' | 'bottom';\n  variant?: 'default' | 'input';\n};\n\nconst DefaultCombobox = ({\n  classNames = undefined,\n  disabled = false,\n  options,\n  preSearchOptions = undefined,\n  search = 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  pinnedOption = undefined,\n}: Omit<ComboboxProps, 'side' | 'variant'>) => {\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 isSearchControlled = search !== undefined;\n  const hasSearch = isSearchControlled ? !!search : isSearching;\n  const optionsToDisplay = hasSearch ? options : preSearchOptions || options;\n\n  // cmdk's highlighted item, controlled so hovering the pinned option can clear it\n  const [highlighted, setHighlighted] = useState('');\n\n  const handleOpenChange = () => {\n    setOpen(!open);\n    setIsSearching(false);\n    setHighlighted('');\n    // The uncontrolled input clears itself on open; a controlled one needs the parent to clear it\n    if (!open && isSearchControlled) onSearchChange?.('');\n    onOpenChange?.(!open);\n  };\n\n  // Shared by the list items and the pinned option so they can't drift apart\n  const handleSelect = (selectedValue: string) => {\n    onChange?.(selectedValue === value ? '' : selectedValue);\n    setOpen(false);\n    setIsSearching(false);\n    setHighlighted('');\n    onOpenChange?.(false);\n  };\n\n  const selectedOption =\n    pinnedOption && pinnedOption.value === value\n      ? pinnedOption\n      : options.find((item) => item.value === value);\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger\n        aria-invalid={error}\n        data-placeholder={!value ? '' : undefined}\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={cn('block min-w-0 truncate', !value && 'text-gray-700')}>\n            {value ? selectedOption?.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          value={highlighted}\n          onValueChange={setHighlighted}\n        >\n          <CommandInput\n            placeholder={searchLabel}\n            className={cn('h-9', classNames?.input)}\n            value={search}\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={handleSelect}\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          {pinnedOption && (\n            // A plain button, not a CommandItem, so cmdk never filters it out. The trade-off is\n            // that arrow keys don't reach it; it's reachable with Tab from the search input instead.\n            <CommandFooter className=\"border-t-0\">\n              <button\n                type=\"button\"\n                disabled={pinnedOption.disabled}\n                onClick={() => handleSelect(pinnedOption.value)}\n                // cmdk keeps the last hovered item highlighted; clear it so only one row looks active\n                onPointerEnter={() => setHighlighted('')}\n                onFocus={() => setHighlighted('')}\n                onKeyDown={(e) => {\n                  // cmdk's root handles Enter by preventing the default and selecting the\n                  // highlighted option, which would swallow this button's own activation\n                  if (e.key === 'Enter') e.stopPropagation();\n                }}\n                className={cn(\n                  \"text-dark-green hover:bg-accent focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-left italic outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0\",\n                  classNames?.pinnedOption,\n                )}\n              >\n                {pinnedOption.label}\n                <LuCheck\n                  className={cn(\n                    'ml-auto',\n                    value === pinnedOption.value ? 'opacity-100' : 'opacity-0',\n                  )}\n                />\n              </button>\n            </CommandFooter>\n          )}\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n};\n\nexport const Combobox = ({ variant = 'default', ...props }: ComboboxProps) =>\n  variant === 'input' ? <InputVariantCombobox {...props} /> : <DefaultCombobox {...props} />;\n"]}

package/dist/chunk-V5NBWPV4.cjs

@@ -1,2 +0,0 @@
-'use strict';var chunkVEWDMWA3_cjs=require('./chunk-VEWDMWA3.cjs'),chunk3F4VZVIF_cjs=require('./chunk-3F4VZVIF.cjs'),jsxRuntime=require('react/jsx-runtime');function p({children:o,width:t,styles:l,...a}){return jsxRuntime.jsx(chunk3F4VZVIF_cjs.a,{width:t??"58rem",styles:chunkVEWDMWA3_cjs.a.overlay,placement:"right",...a,children:o})}exports.a=p;//# sourceMappingURL=chunk-V5NBWPV4.cjs.map
-//# sourceMappingURL=chunk-V5NBWPV4.cjs.map