@new-black/lyra 0.1.6 → 0.1.8

package/dist/lyra23.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra23.cjs","sources":["../src/components/list-box/list-box.tsx"],"sourcesContent":["import { ComponentProps, ForwardedRef, Ref, forwardRef } from \"react\";\nimport {\n  ListBox as AriaListBox,\n  Item as AriaItem,\n  Section as AriaSection,\n  Header as AriaHeader,\n} from \"react-aria-components\";\nimport { Text } from \"../text/text\";\nimport { twMerge } from \"tailwind-merge\";\nimport { VariantProps } from \"../../utils/class-variance-authority\";\nimport {\n  listBoxHeaderStyles,\n  listBoxItemStyles,\n  listBoxStyles,\n} from \"./list-box-styles\";\nimport { SvgIcon } from \"../svg-icon\";\n\nexport type ListBoxProps<T> = ComponentProps<typeof AriaListBox<T>> &\n  VariantProps<typeof listBoxStyles> & {\n    isEmptyLabel?: string;\n  };\n\nconst ListBoxRoot = <T extends object>(\n  {\n    className,\n    isEmptyLabel = \"No options available\",\n    renderEmptyState,\n    selectionMode = \"single\",\n    ...props\n  }: ListBoxProps<T>,\n  ref: ForwardedRef<HTMLDivElement>\n) => {\n  return (\n    <AriaListBox\n      {...props}\n      ref={ref}\n      selectionMode={selectionMode}\n      className={twMerge(listBoxStyles({ className }))}\n      renderEmptyState={\n        renderEmptyState\n          ? renderEmptyState\n          : () => (\n              <div className=\"px-2 py-1\">\n                <Text variant=\"body-medium\">{isEmptyLabel}</Text>\n              </div>\n            )\n      }\n    />\n  );\n};\n\nexport type ItemProps = ComponentProps<typeof AriaItem> &\n  VariantProps<typeof listBoxItemStyles>;\n\nexport const Item = (\n  { className, children, ...props }: ItemProps,\n  ref: ForwardedRef<HTMLElement>\n) => {\n  return (\n    <AriaItem\n      {...props}\n      ref={ref}\n      className={({\n        isDisabled,\n        isPressed,\n        isSelected,\n        isFocused,\n        isHovered,\n      }) =>\n        twMerge(\n          listBoxItemStyles({\n            className,\n            isDisabled,\n            isPressed,\n            isSelected,\n            isFocused,\n            isHovered,\n          })\n        )\n      }\n    >\n      {(renderProps) => (\n        <div className=\"flex w-full items-center justify-between gap-2\">\n          <div className={renderProps.isSelected ? \"\" : \"me-5\"}>\n            {typeof children === \"function\" ? children(renderProps) : children}\n          </div>\n          {renderProps.isSelected && (\n            <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n          )}\n        </div>\n      )}\n    </AriaItem>\n  );\n};\n\nexport type HeaderProps = ComponentProps<typeof AriaHeader>;\n\nexport const Header = (\n  { className, ...props }: HeaderProps,\n  ref: ForwardedRef<HTMLElement>\n) => {\n  return (\n    <AriaHeader\n      {...props}\n      ref={ref}\n      className={listBoxHeaderStyles({ className })}\n    />\n  );\n};\n\nexport type SectionProps = ComponentProps<typeof AriaSection>;\nexport const Section = (\n  props: SectionProps,\n  ref: ForwardedRef<HTMLElement>\n) => {\n  return <AriaSection {...props} ref={ref} />;\n};\n\nexport const ListBox = forwardRef(ListBoxRoot) as <T extends object>(\n  props: ListBoxProps<T> & { ref?: Ref<HTMLDivElement> }\n) => ReturnType<typeof ListBoxRoot>;\n\nexport const ListBoxItem = forwardRef(Item);\nexport const ListBoxSection = forwardRef(Section);\nexport const ListBoxHeader = forwardRef(Header);\n"],"names":["ListBoxRoot","className","isEmptyLabel","renderEmptyState","selectionMode","props","ref","jsx","AriaListBox","twMerge","listBoxStyles","Text","Item","children","AriaItem","isDisabled","isPressed","isSelected","isFocused","isHovered","listBoxItemStyles","renderProps","jsxs","SvgIcon","Header","AriaHeader","listBoxHeaderStyles","Section","AriaSection","ListBox","forwardRef","ListBoxItem","ListBoxSection","ListBoxHeader"],"mappings":"qQAsBMA,EAAc,CAClB,CACE,UAAAC,EACA,aAAAC,EAAe,uBACf,iBAAAC,EACA,cAAAC,EAAgB,SAChB,GAAGC,CACL,EACAC,IAGEC,EAAA,kBAAA,IAACC,EAAA,QAAA,CACE,GAAGH,EACJ,IAAAC,EACA,cAAAF,EACA,UAAWK,EAAAA,QAAQC,EAAAA,cAAc,CAAE,UAAAT,CAAW,CAAA,CAAC,EAC/C,iBACEE,IAEI,IACGI,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,YACb,SAACA,EAAA,kBAAA,IAAAI,EAAA,KAAA,CAAK,QAAQ,cAAe,UAAa,CAAA,EAC5C,EAAA,CAAA,EAUDC,EAAO,CAClB,CAAE,UAAAX,EAAW,SAAAY,EAAU,GAAGR,GAC1BC,IAGEC,EAAA,kBAAA,IAACO,EAAA,KAAA,CACE,GAAGT,EACJ,IAAAC,EACA,UAAW,CAAC,CACV,WAAAS,EACA,UAAAC,EACA,WAAAC,EACA,UAAAC,EACA,UAAAC,CAAA,IAEAV,EAAA,QACEW,oBAAkB,CAChB,UAAAnB,EACA,WAAAc,EACA,UAAAC,EACA,WAAAC,EACA,UAAAC,EACA,UAAAC,CAAA,CACD,CACH,EAGD,SAACE,GACCC,EAAA,kBAAA,KAAA,MAAA,CAAI,UAAU,iDACb,SAAA,CAAAf,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWc,EAAY,WAAa,GAAK,OAC3C,SAAO,OAAAR,GAAa,WAAaA,EAASQ,CAAW,EAAIR,EAC5D,EACCQ,EAAY,YACXd,EAAAA,kBAAAA,IAACgB,WAAQ,KAAK,YAAY,UAAU,UAAU,CAAA,EAElD,CAAA,CAAA,EAQKC,EAAS,CACpB,CAAE,UAAAvB,EAAW,GAAGI,CAAA,EAChBC,IAGEC,EAAA,kBAAA,IAACkB,EAAA,OAAA,CACE,GAAGpB,EACJ,IAAAC,EACA,UAAWoB,EAAAA,oBAAoB,CAAE,UAAAzB,EAAW,CAAA,CAAA,EAMrC0B,EAAU,CACrBtB,EACAC,IAEQC,EAAAA,kBAAAA,IAAAqB,EAAAA,QAAA,CAAa,GAAGvB,EAAO,IAAAC,CAAU,CAAA,EAG9BuB,EAAUC,aAAW9B,CAAW,EAIhC+B,EAAcD,aAAWlB,CAAI,EAC7BoB,EAAiBF,aAAWH,CAAO,EACnCM,EAAgBH,aAAWN,CAAM"}
+{"version":3,"file":"lyra23.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  Key,\n  ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFilter } from \"react-aria\";\nimport { Button as AriaButton, Label } from \"react-aria-components\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { match } from \"ts-pattern\";\n\nimport { useLocale, useSpinDelay } from \"../../..\";\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Button } from \"../../button\";\nimport { listBoxItemStyles, listBoxStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { TagGroup } from \"../../tag\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputSizeStyles,\n  sharedInputStyles,\n} from \"..\";\n\ntype SearchItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\ntype SearchListFieldBaseProps<T extends object> = {\n  addValueLabel?: string;\n  allowCustomValue?: boolean;\n  allowCustomValueCreateLabel?: (query: string) => string | string;\n  \"aria-label\"?: string;\n  clearLabel?: string;\n  description?: string;\n  name?: string;\n  disabledItemIdKeys?: Key[];\n  endSlot?: JSX.Element;\n  errorMessage?: string;\n  fullWidth?: boolean;\n  hint?: string;\n  initiallyOpen?: boolean;\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  itemIdKey: keyof T;\n  itemLabelKey: keyof T;\n  items: T[];\n  isLoading?: boolean;\n  label?: string;\n  onQueryChange?: (query?: string) => void;\n  placeholder?: string;\n  renderItem?: (item: T, state: SearchItemRenderPropArg) => ReactNode;\n  searchInputClearLabel?: string;\n  searchInputEndSlot?: JSX.Element;\n  searchInputStartSlot?: JSX.Element;\n  size?: VariantProps<typeof sharedInputFieldStyles>[\"size\"];\n  startSlot?: JSX.Element;\n  validationState?: \"valid\" | \"invalid\";\n} & (\n  | {\n      defaultValue?: T;\n      onChange?: (value?: T) => void;\n      selectionMode: \"single\";\n      value?: T;\n    }\n  | {\n      defaultValue?: T[];\n      name?: string;\n      onChange?: (value?: T[]) => void;\n      selectionMode: \"multiple\";\n      value?: T[];\n    }\n);\n\n// type SearchListFieldSingleProps<T extends object> = SearchListFieldBaseProps<T> & {\n\n// };\n\n// type SearchListFieldMultipleProps<T extends object> = SearchListFieldBaseProps<T> & {\n\n// };\n\nexport type SearchListFieldProps<T extends object> = SearchListFieldBaseProps<T>;\n// | SearchListFieldSingleProps<T>\n// | SearchListFieldMultipleProps<T>;\n\ntype SearchListFieldContextProps<T extends object> = SearchListFieldProps<T> & {\n  popoverIsOpen: boolean;\n  setPopoverIsOpen: (isOpen: boolean) => void;\n  internalValue?: T | T[];\n  setInternalValue: (value?: T | T[]) => void;\n};\n\nconst SearchListFieldContext = createContext({} as SearchListFieldContextProps<any>);\n\nconst Provider = <T extends object>(props: SearchListFieldProps<T> & { children: ReactNode }) => {\n  const [internalValue, setInternalValue] = useState<T | T[] | undefined>(\n    props.value ?? props.defaultValue,\n  );\n  const [popoverIsOpen, setPopoverIsOpen] = useState(props.initiallyOpen ?? false);\n\n  return (\n    <SearchListFieldContext.Provider\n      value={{\n        ...props,\n        popoverIsOpen,\n        setPopoverIsOpen,\n        internalValue,\n        setInternalValue,\n      }}\n    >\n      {props.children}\n    </SearchListFieldContext.Provider>\n  );\n};\n\nconst useSearchListFieldContext = <T extends object>() => {\n  const context = useContext(SearchListFieldContext) as SearchListFieldContextProps<T>;\n  return context;\n};\n\nconst useFilterItemsOnQuery = <T extends object>() => {\n  const { itemLabelKey, onQueryChange, items /* listToFilterOn */ } =\n    useSearchListFieldContext<T>();\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    if (onQueryChange) {\n      return items;\n    } else {\n      return items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n    }\n  }, [contains, itemLabelKey, items, onQueryChange, query]);\n\n  useEffect(() => {\n    if (onQueryChange) {\n      onQueryChange?.(query);\n    }\n    // onQueryChange should not be added to the dependencies, it will cause a rerender loop.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query]);\n\n  return {\n    filteredItems,\n    query,\n    setQuery,\n  };\n};\n\nexport const SearchListField = <T extends object>(props: SearchListFieldProps<T>) => {\n  const { selectionMode = \"single\" } = props;\n\n  const searchListProps = match({ ...props, selectionMode })\n    .returnType<SearchListFieldProps<T>>()\n    .with({ selectionMode: \"single\" }, (res) => ({\n      ...res,\n      value: res.value as T | undefined,\n      defaultValue: res.defaultValue as T | undefined,\n      onChange: res.onChange as (value?: T) => void | undefined,\n    }))\n    .with({ selectionMode: \"multiple\" }, (res) => ({\n      ...res,\n      value: res.value as T[] | undefined,\n      defaultValue: res.defaultValue as T[] | undefined,\n      onChange: res.onChange as (value?: T[]) => void | undefined,\n    }));\n\n  const searchListPropsResult = searchListProps.run();\n\n  return (\n    <Provider {...searchListPropsResult}>\n      <SearchListFieldInner<T> />\n    </Provider>\n  );\n};\n\ntype SearchItemProps<T extends object> = {\n  item: T;\n  state: SearchItemRenderPropArg;\n  render?: (item: T, state: SearchItemRenderPropArg) => ReactNode;\n};\nconst SearchItem = <T extends object>({ item, state, render }: SearchItemProps<T>) => {\n  const { itemLabelKey } = useSearchListFieldContext<T>();\n  const label = item?.[itemLabelKey] as string;\n  if (render) {\n    return render(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SearchListFieldInner = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const { internalValue, value, defaultValue, name, selectionMode, onChange } = context;\n\n  return (\n    <>\n      <Combobox\n        name={name}\n        value={(onChange ? value : internalValue) ?? \"\"}\n        defaultValue={defaultValue}\n        multiple={(selectionMode === \"multiple\") as any}\n      />\n      {selectionMode === \"single\" ? <SingleValueSearchListField<T> /> : null}\n      {selectionMode === \"multiple\" ? <MultipleValuesSearchListField<T> /> : null}\n    </>\n  );\n};\n\ntype SearchInputProps = {\n  query?: string;\n  setQuery: (value: string) => void;\n  isLoading?: boolean;\n  onQueryChange?: (query?: string) => void;\n  startSlot?: JSX.Element;\n  endSlot?: JSX.Element;\n  clearLabel?: string;\n};\n\nconst SearchInput = ({\n  query,\n  setQuery,\n  onQueryChange,\n  isLoading,\n  startSlot,\n  endSlot,\n  clearLabel = \"Clear\",\n}: SearchInputProps) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  const [timeReached, setTimeReached] = useState(false);\n  // This workaround ensures that we wait for the popover to finish rendering before focusing on the input field.\n  // .It prevents the page from scrolling to the bottom, although the exact reason for this behavior is currently unclear.\n  useEffect(() => {\n    setTimeout(() => {\n      setTimeReached(true);\n    }, 10);\n  }, []);\n\n  return (\n    <div\n      className={sharedInputFieldWrapperStyles({\n        fullWidth: true,\n        className: \"py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start]\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"px-2\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        <SvgIcon name=\"search\" className=\"-me-2 h-4 w-4\" />\n        {startSlot}\n        {timeReached ? (\n          <Combobox.Input\n            autoFocus\n            className={sharedInputStyles({ size: \"small\" })}\n            onChange={(e) => {\n              setQuery(e.target.value as any);\n              onQueryChange?.(e.target.value as any);\n            }}\n            value={query ?? \"\"}\n            onFocus={() => setFieldIsFocused(true)}\n            onBlur={() => setFieldIsFocused(false)}\n          />\n        ) : null}\n\n        {query && query.length ? (\n          <Button\n            variant=\"ghost\"\n            className=\"mx-2\"\n            size=\"small\"\n            tooltip={clearLabel}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </Button>\n        ) : null}\n        {endSlot}\n        {isLoading ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\ntype SearchListFieldHeaderProps = {\n  label?: string;\n  hint?: string;\n  isRequired?: boolean;\n};\n\nconst SearchListFieldHeader = ({ label, hint, isRequired }: SearchListFieldHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n        {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n      </Label>\n    ) : null}\n    {hint ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {hint}\n      </span>\n    ) : null}\n  </div>\n);\n\ntype SearchListFieldFooterProps = {\n  description?: string;\n  errorMessage?: string;\n};\n\nconst SearchListFieldFooter = ({ description, errorMessage }: SearchListFieldFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst _SingleValueSearchListFieldButton = <T extends object>(\n  _props: object,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    clearLabel,\n    label,\n    hint,\n    description,\n    errorMessage,\n    validationState,\n    placeholder,\n    isRequired,\n    isDisabled,\n    fullWidth,\n    setPopoverIsOpen,\n    size,\n    startSlot,\n    endSlot,\n    itemLabelKey,\n    onChange,\n    setInternalValue,\n  } = context;\n\n  const value = onChange\n    ? (context.value as T | undefined)\n    : (context.internalValue as T | undefined);\n\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \" \" || e.key === \"Enter\") {\n      setPopoverIsOpen(true);\n    } else if (e.key === \"Backspace\" || e.key === \"Escape\") {\n      onChange?.(undefined);\n      setInternalValue(undefined);\n    }\n  };\n  return (\n    <div className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}>\n      <SearchListFieldHeader hint={hint} isRequired={isRequired} label={label} />\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isDisabled,\n            isFocused,\n            isHovered,\n            size: size ?? \"medium\",\n            validationState,\n            className: \"gap-1 px-0 py-0\",\n          }),\n        )}\n        onPointerEnter={() => setIsHovered(true)}\n        onPointerLeave={() => setIsHovered(false)}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        ref={ref}\n      >\n        <AriaButton\n          isDisabled={isDisabled}\n          className={twMerge(\n            sharedInputSizeStyles({\n              size: size ?? \"medium\",\n              className: \"flex h-full w-full flex-grow items-center gap-3 text-start outline-none\",\n            }),\n          )}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n          onPress={() => {\n            setPopoverIsOpen(true);\n          }}\n          onKeyDown={handleKeyDown}\n        >\n          {startSlot}\n          <div className=\"grow\">\n            {value ? (\n              (value?.[itemLabelKey] as unknown as string)\n            ) : (\n              <Text color=\"secondary\">{placeholder}</Text>\n            )}\n          </div>\n          {endSlot}\n        </AriaButton>\n        {value && (\n          <Button\n            variant=\"ghost\"\n            isDisabled={isDisabled}\n            size={size}\n            tooltip={clearLabel ?? \"Clear\"}\n            onPress={() => {\n              setInternalValue(undefined);\n              onChange?.(undefined);\n            }}\n            excludeFromTabOrder\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </Button>\n        )}\n        <AriaButton\n          isDisabled={isDisabled}\n          className={twMerge(\n            sharedInputSizeStyles({\n              size: size ?? \"medium\",\n              className: \"h-full flex-grow outline-none\",\n            }),\n          )}\n          onPress={() => {\n            setPopoverIsOpen(true);\n          }}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n          onKeyDown={handleKeyDown}\n          excludeFromTabOrder\n        >\n          <SvgIcon name=\"chevron-down\" className=\"h-4 w-4\" />\n        </AriaButton>\n      </div>\n      <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n    </div>\n  );\n};\n\nconst SingleValueSearchListFieldButton = fixedForwardRef(_SingleValueSearchListFieldButton);\n\nconst SingleValueSearchListField = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    itemLabelKey,\n    itemIdKey,\n    renderItem,\n    disabledItemIdKeys,\n    allowCustomValue,\n    onChange,\n    popoverIsOpen,\n    setPopoverIsOpen,\n    setInternalValue,\n    searchInputClearLabel = \"Clear\",\n    isLoading,\n    searchInputEndSlot,\n    searchInputStartSlot,\n    allowCustomValueCreateLabel = (query) => `Create \"${query}\"`,\n  } = context;\n  // In this case we are sure that onChange will receive a single value because selectionMode is single.\n  // We cast the onChange prop to a function that receives a single value.\n  const onChangeHandler = onChange as (value?: T) => void | undefined;\n  const internalValue = context?.internalValue as T | undefined;\n  const value = context?.value as T | undefined;\n\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n  const queriedFilteredItemsLength = filteredItems?.filter(\n    (item) => item?.[itemLabelKey] == query,\n  )?.length;\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  return (\n    <>\n      <SingleValueSearchListFieldButton<T> ref={wrapperRef} />\n      <Popover\n        className=\"pb-2\"\n        isOpen={popoverIsOpen}\n        onOpenChange={(isOpen) => {\n          setPopoverIsOpen(isOpen);\n          if (isOpen) {\n            inputRef.current?.focus();\n          }\n        }}\n        triggerRef={wrapperRef}\n        showPopoverInBottomDrawerOnSmallScreens\n        style={\n          { \"--trigger-width\": wrapperRef.current?.offsetWidth + \"px\", direction } as CSSProperties\n        }\n      >\n        <Combobox\n          nullable\n          onChange={(value?: T) => {\n            if (value) {\n              onChangeHandler?.(value);\n              setInternalValue(value);\n              setPopoverIsOpen(false);\n            }\n          }}\n          value={(onChange ? value : internalValue) ?? \"\"}\n        >\n          <SearchInput\n            query={query}\n            setQuery={setQuery}\n            clearLabel={searchInputClearLabel}\n            startSlot={searchInputStartSlot}\n            endSlot={searchInputEndSlot}\n          />\n          {(filteredItems && filteredItems?.length && !showSpinner) ||\n          (allowCustomValue && queriedFilteredItemsLength === 0 && !showSpinner) ? (\n            <Combobox.Options static className={listBoxStyles()}>\n              {filteredItems.map((item) => (\n                <Combobox.Option\n                  key={item[itemIdKey] as Key}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                  value={item}\n                  disabled={disabledItemIdKeys?.includes(item[itemIdKey] as Key)}\n                >\n                  {(renderItemState) => (\n                    <SearchItem item={item} state={renderItemState} render={renderItem} />\n                  )}\n                </Combobox.Option>\n              ))}\n              {query && query.length && allowCustomValue && queriedFilteredItemsLength === 0 ? (\n                <Combobox.Option\n                  value={{\n                    [itemIdKey]: query,\n                    [itemLabelKey]: query,\n                  }}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                >\n                  <div className=\"flex items-center gap-1\">\n                    <div className=\"h-4 w-4\" />\n                    {allowCustomValueCreateLabel(query)}\n                  </div>\n                </Combobox.Option>\n              ) : null}\n            </Combobox.Options>\n          ) : null}\n          {showSpinner ? (\n            <div className=\"flex h-40 w-full items-center justify-center\">\n              <Spinner size=\"medium\" />\n            </div>\n          ) : null}\n        </Combobox>\n      </Popover>\n    </>\n  );\n};\n\nconst _MultipleValuesSearchListFieldInput = <T extends object>(\n  _props: object,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    label,\n    hint,\n    description,\n    errorMessage,\n    validationState,\n    isRequired,\n    isDisabled,\n    fullWidth,\n    setPopoverIsOpen,\n    size,\n    startSlot,\n    endSlot,\n    itemLabelKey,\n    itemIdKey,\n    setInternalValue,\n  } = context;\n  const addValueLabel = context.addValueLabel ?? \"Add value\";\n\n  const value = context.internalValue as T[] | undefined;\n  const onChange = context.onChange as (value?: T[]) => void | undefined;\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <div className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}>\n      <SearchListFieldHeader hint={hint} isRequired={isRequired} label={label} />\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isDisabled,\n            isHovered,\n            size: size ?? \"medium\",\n            validationState,\n            className: \"gap-2 px-2 py-1.5\",\n          }),\n        )}\n        ref={ref}\n        onPointerEnter={() => setIsHovered(true)}\n        onPointerLeave={() => setIsHovered(false)}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {startSlot}\n        {value && value.length ? (\n          <TagGroup<T>\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            label={label ?? context[\"aria-label\"]}\n            isDisabled={isDisabled}\n            value={value}\n            onChange={(value) => {\n              setInternalValue(value);\n              onChange?.(value);\n            }}\n          />\n        ) : null}\n        {endSlot}\n        {value?.length ? (\n          <Button\n            variant=\"ghost\"\n            className=\"p-1.5\"\n            size=\"small\"\n            tooltip={addValueLabel}\n            onPress={() => setPopoverIsOpen(true)}\n          >\n            <SvgIcon name=\"plus\" />\n          </Button>\n        ) : (\n          <Button\n            variant=\"ghost\"\n            size=\"small\"\n            className=\"text-sm\"\n            endIcon={<SvgIcon name=\"plus\" />}\n            onPress={() => setPopoverIsOpen(true)}\n          >\n            {addValueLabel}\n          </Button>\n        )}\n      </div>\n      <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n    </div>\n  );\n};\nconst MultipleValuesSearchListFieldInput = fixedForwardRef(_MultipleValuesSearchListFieldInput);\n\nconst MultipleValuesSearchListField = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    itemLabelKey,\n    itemIdKey,\n    renderItem,\n    disabledItemIdKeys,\n    allowCustomValue,\n    onChange,\n    popoverIsOpen,\n    setPopoverIsOpen,\n    setInternalValue,\n    searchInputClearLabel = \"Clear\",\n    isLoading,\n    searchInputEndSlot,\n    searchInputStartSlot,\n    allowCustomValueCreateLabel = (query) => `Create \"${query}\"`,\n  } = context;\n\n  const onChangeHandler = onChange as (value?: T[]) => void | undefined;\n  const internalValue = context.internalValue as T[] | undefined;\n  const value = context.value as T[] | undefined;\n\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n  const queriedFilteredItemsLength = filteredItems?.filter(\n    (item) => item?.[itemLabelKey] == query,\n  )?.length;\n\n  return (\n    <>\n      <MultipleValuesSearchListFieldInput<T> ref={wrapperRef} />\n      <Popover\n        className=\"pb-2\"\n        isOpen={popoverIsOpen}\n        onOpenChange={(isOpen) => {\n          setPopoverIsOpen(isOpen);\n          if (isOpen) {\n            inputRef.current?.focus();\n          }\n        }}\n        triggerRef={wrapperRef}\n        showPopoverInBottomDrawerOnSmallScreens\n        style={\n          { \"--trigger-width\": wrapperRef.current?.offsetWidth + \"px\", direction } as CSSProperties\n        }\n      >\n        <Combobox\n          value={(onChange ? value : internalValue) ?? []}\n          onChange={(value) => {\n            onChangeHandler?.(value);\n            setInternalValue(value);\n          }}\n          multiple\n        >\n          <SearchInput\n            query={query}\n            setQuery={setQuery}\n            isLoading={isLoading}\n            clearLabel={searchInputClearLabel}\n            startSlot={searchInputStartSlot}\n            endSlot={searchInputEndSlot}\n          />\n          {(filteredItems && filteredItems?.length) ||\n          (allowCustomValue && queriedFilteredItemsLength === 0) ? (\n            <Combobox.Options static className={listBoxStyles()}>\n              {filteredItems.map((item) => (\n                <Combobox.Option\n                  key={item[itemIdKey] as Key}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                  value={item}\n                  disabled={disabledItemIdKeys?.includes(item[itemIdKey] as Key)}\n                >\n                  {(renderItemState) => (\n                    <SearchItem item={item} state={renderItemState} render={renderItem} />\n                  )}\n                </Combobox.Option>\n              ))}\n              {query && query.length && allowCustomValue && queriedFilteredItemsLength === 0 ? (\n                <Combobox.Option\n                  value={{\n                    [itemIdKey]: query,\n                    [itemLabelKey]: query,\n                  }}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                >\n                  <div className=\"flex items-center gap-1\">\n                    <div className=\"h-4 w-4\" />\n                    {allowCustomValueCreateLabel(query)}\n                  </div>\n                </Combobox.Option>\n              ) : null}\n            </Combobox.Options>\n          ) : null}\n        </Combobox>\n      </Popover>\n    </>\n  );\n};\n"],"names":["SearchListFieldContext","createContext","Provider","props","internalValue","setInternalValue","useState","popoverIsOpen","setPopoverIsOpen","jsx","useSearchListFieldContext","useContext","useFilterItemsOnQuery","itemLabelKey","onQueryChange","items","query","setQuery","contains","useFilter","filteredItems","useMemo","item","useEffect","SearchListField","selectionMode","searchListPropsResult","match","res","SearchListFieldInner","SearchItem","state","render","label","jsxs","SvgIcon","context","value","defaultValue","name","onChange","Fragment","Combobox","SingleValueSearchListField","MultipleValuesSearchListField","SearchInput","isLoading","startSlot","endSlot","clearLabel","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","timeReached","setTimeReached","sharedInputFieldWrapperStyles","twMerge","sharedInputFieldStyles","sharedInputStyles","e","Button","Spinner","SearchListFieldHeader","hint","isRequired","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","Text","_SingleValueSearchListFieldButton","_props","ref","validationState","placeholder","isDisabled","fullWidth","size","isFocused","setIsFocused","isHovered","setIsHovered","handleKeyDown","AriaButton","sharedInputSizeStyles","SingleValueSearchListFieldButton","fixedForwardRef","itemIdKey","renderItem","disabledItemIdKeys","allowCustomValue","searchInputClearLabel","searchInputEndSlot","searchInputStartSlot","allowCustomValueCreateLabel","onChangeHandler","inputRef","useRef","wrapperRef","direction","useLocale","queriedFilteredItemsLength","_a","showSpinner","useSpinDelay","Popover","isOpen","_b","listBoxStyles","active","selected","disabled","listBoxItemStyles","renderItemState","_MultipleValuesSearchListFieldInput","addValueLabel","TagGroup","MultipleValuesSearchListFieldInput"],"mappings":"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"}