@new-black/lyra 1.0.17 → 1.0.19

package/dist/lyra37.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra37.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  KeyboardEventHandler,\n  RefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Button as AriaButton,\n  ButtonContext,\n  Group,\n  Input,\n  Key,\n  Provider,\n} from \"react-aria-components\";\nimport { flushSync } from \"react-dom\";\n\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport clsx from \"clsx\";\n\nimport { Separator, Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { useFilterItemsByQuery } from \"../../../utils/hooks/use-filter-items-by-query\";\nimport { useMousePosition } from \"../../../utils/hooks/use-mouse-position\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { sharedListItemStyles } from \"../../lists/shared-list.styles\";\nimport { SharedListItem } from \"../../lists/shared-list-item\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport {\n  MultiSearchListFieldProps,\n  MultiSearchListFieldWithCustomTriggerProps,\n  SearchInputProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  SearchListFieldWithCustomTriggerProps,\n  ValueButton,\n} from \"./seach-list-field.types\";\n\nconst SingleValueButton = <T extends object>({\n  disableClearLogic,\n  endSlot,\n  fullWidth,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  onChange,\n  open,\n  openPopover,\n  placeholder,\n  searchInputRef,\n  startSlot,\n  value,\n}: ValueButton<T>) => {\n  const { buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    isInvalid,\n    hasEndSlot: true,\n    fullWidth,\n    isDisabled,\n  });\n\n  /**\n   * Handles the keydown event for the search list field.\n   * If the Escape or Backspace key is pressed, calls the onChange function with undefined.\n   * @param e - The keyboard event.\n   */\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if ((e.key === \"Escape\" || e.key === \"Backspace\") && !disableClearLogic) {\n      e.stopPropagation();\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n    // match e.key to any letter or number and add the character to the search input\n    else if (e.key && e.key.match(/^[a-zA-Z0-9]$/)) {\n      // open the popover\n      flushSync(() => {\n        openPopover?.();\n      });\n      // set the cursor to the end of the input\n      if (searchInputRef.current) {\n        searchInputRef.current.focus();\n        searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n      }\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      {startSlot}\n      <AriaButton\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        className={({ isFocused, isHovered }) =>\n          inputField({\n            isHovered,\n            isFocused,\n            className: \"min-h-8 grow\",\n          })\n        }\n        isDisabled={isDisabled}\n        onKeyDown={onKeyDown}\n        onPress={openPopover}\n      >\n        <div className=\"grow truncate text-start\">\n          {value && getLabel(value) ? (\n            <>{getLabel(value)}</>\n          ) : (\n            <Text variant=\"body-medium\" color=\"secondary\">\n              {placeholder}\n            </Text>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {value && !isDisabled && !disableClearLogic ? (\n            <>\n              <div\n                className={buttonExcludedFromTabOrder()}\n                role=\"button\"\n                onPointerDown={(e) => {\n                  e.stopPropagation();\n                  onChange?.(undefined);\n                }}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onChange?.(undefined);\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </div>\n            </>\n          ) : null}\n          <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4\" />\n        </div>\n      </AriaButton>\n      {endSlot}\n    </div>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  fullWidth,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  label,\n  onChange,\n  openPopover,\n  placeholder,\n  searchInputRef,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({\n    isInvalid,\n    hasEndSlot: true,\n    fullWidth,\n    isDisabled,\n  });\n  /**\n   * Handles the keydown event for the search list field.\n   * If the Escape or Backspace key is pressed, calls the onChange function with undefined.\n   * @param e - The keyboard event.\n   */\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n        openPopover();\n      }\n      // match e.key to any letter or number and add the character to the search input\n      else if (e.key && e.key.match(/^[a-zA-Z0-9]$/)) {\n        // open the popover\n        flushSync(() => {\n          openPopover();\n        });\n        // set the cursor to the end of the input\n        if (searchInputRef.current) {\n          searchInputRef.current.focus();\n          searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n        }\n      }\n    },\n    [openPopover, searchInputRef],\n  );\n\n  const onRemove = useCallback(\n    (keys: Set<Key>) => {\n      value &&\n        onChange(\n          value.filter((item) => {\n            const itemId = getItemId(item);\n            return !keys.has(itemId);\n          }),\n        );\n    },\n    [getItemId, onChange, value],\n  );\n\n  return (\n    <Group\n      className={({ isFocusWithin: isFocused, isHovered }) =>\n        inputFieldStyles({\n          isHovered,\n          isFocused,\n          className: clsx(\n            isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n            \"has:[data-focused]:border has:[data-focused]:border-focus\",\n            \"py-[0.4375rem]\",\n          ),\n        })\n      }\n    >\n      <AriaButton\n        onPress={openPopover}\n        onKeyDown={onKeyDown}\n        isDisabled={isDisabled}\n        className=\"flex w-full outline-none\"\n      >\n        <div className=\"grow text-left\">\n          {value && value.length ? (\n            <InputTagGroup<T>\n              label={label ?? \"Selected items\"}\n              className=\"-m-1.5 -mt-[0.3125rem] items-center\"\n              onRemove={isDisabled ? undefined : onRemove}\n            >\n              {value.map((item) => (\n                <InputTag key={getItemId(item)} id={getItemId(item)} isDisabled={isDisabled}>\n                  {getLabel(item)}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n          ) : (\n            <Text color=\"secondary\">{placeholder}</Text>\n          )}\n        </div>\n        <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4 min-w-[16px]\" />\n      </AriaButton>\n    </Group>\n  );\n};\n\nconst SearchInput = ({\n  endSlot,\n  isLoading,\n  onKeyDown,\n  onQueryChange,\n  query,\n  searchInputRef,\n  setQuery,\n}: SearchInputProps & { onKeyDown: KeyboardEventHandler<HTMLInputElement> | undefined }) => {\n  const id = useId();\n  const { clear, search } = useDictionary();\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n  const { buttonExcludedFromTabOrder } = sharedInputStyles({ fullWidth: true });\n\n  useEffect(() => {\n    searchInputRef.current?.focus();\n    // only run on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return (\n    <div className=\"pb-1\">\n      <div className=\"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5\">\n        <Input\n          ref={searchInputRef}\n          id={id}\n          className=\"w-full bg-transparent text-base outline-none placeholder:text-tertiary\"\n          onChange={(e) => {\n            setQuery(e.target?.value ?? \"\");\n            onQueryChange?.(e.target?.value as any);\n          }}\n          placeholder={search}\n          value={query ?? \"\"}\n          onKeyDown={(event) => {\n            // Prevent selection of an item on Tab key down event\n            if (event.code === \"Tab\") {\n              event.preventDefault();\n            }\n\n            onKeyDown?.(event);\n          }}\n        />\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clear}\n            className={buttonExcludedFromTabOrder()}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n              searchInputRef.current?.focus();\n            }}\n          >\n            <SvgIcon name=\"clear\" />\n          </AriaButton>\n        ) : null}\n        {endSlot}\n        {showSpinner ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\nconst useLoadMoreHook = (open: boolean) => {\n  const loadMoreButtonRef = useRef<HTMLButtonElement | null>(null);\n  const [isLoadMoreButtonFocused, setIsLoadMoreButtonFocused] = useState(false);\n\n  // Reset focused state as the popover opens / closes\n  useEffect(() => setIsLoadMoreButtonFocused(false), [open]);\n  return { loadMoreButtonRef, isLoadMoreButtonFocused, setIsLoadMoreButtonFocused };\n};\n\ntype UseItemSelectionProps<T> = {\n  disabledItemIdKeys?: Key[];\n  filteredItems: T[];\n  onSingleChange?: (value?: T) => void;\n  onMultiChange?: (value?: T[]) => void;\n  getItemId: (item: T) => Key;\n  value?: T | T[];\n  loadMoreButtonRef: RefObject<HTMLButtonElement>;\n};\n\nconst useItemSelection = <T extends object>({\n  disabledItemIdKeys,\n  filteredItems,\n  getItemId,\n  onMultiChange,\n  onSingleChange,\n  value,\n}: UseItemSelectionProps<T>) => {\n  const selectedItemIndex = useMemo(() => {\n    if (Array.isArray(value)) {\n      if (value.length) {\n        return filteredItems?.findIndex((item) => getItemId(item) === getItemId(value[0]));\n      } else {\n        return 0;\n      }\n    } else if (value) {\n      return filteredItems?.findIndex((item) => getItemId(item) === getItemId(value)) ?? 0;\n    }\n  }, [filteredItems, getItemId, value]);\n\n  const getPreviousItemIndex = useCallback(\n    (activeIndex?: number) => {\n      if (Number.isInteger(activeIndex)) {\n        for (let i = activeIndex! - 1; i >= 0; i--) {\n          if (!disabledItemIdKeys?.includes(getItemId(filteredItems[i]))) {\n            return Math.max(i, 0);\n          }\n        }\n      }\n      return -1;\n    },\n    [disabledItemIdKeys, filteredItems, getItemId],\n  );\n\n  const getNextItemIndex = useCallback(\n    (activeIndex?: number) => {\n      if (Number.isInteger(activeIndex)) {\n        for (let i = activeIndex! + 1; i < filteredItems.length; i++) {\n          if (!disabledItemIdKeys?.includes(getItemId(filteredItems[i]))) {\n            return Math.min(filteredItems.length - 1, i);\n          }\n        }\n      }\n      return -1;\n    },\n    [disabledItemIdKeys, filteredItems, getItemId],\n  );\n\n  // Selects an item in the list and runs the appropriate change handler\n  const toggleSelection = useCallback(\n    (item: T) => {\n      if (onMultiChange) {\n        const currentValue = !value ? [] : [...(value as T[])];\n        const currentValueIds = currentValue.map(getItemId);\n        const newValue = currentValueIds?.includes(getItemId(item))\n          ? currentValue.filter((v) => getItemId(v) !== getItemId(item))\n          : [...currentValue, item];\n        onMultiChange?.(newValue);\n      } else if (onSingleChange) {\n        onSingleChange?.(item);\n      }\n    },\n    [getItemId, onMultiChange, onSingleChange, value],\n  );\n\n  const getItemIsSelected = useCallback(\n    (item: T) => {\n      if (Array.isArray(value)) {\n        return value.some((subValue) => getItemId(subValue) === getItemId(item));\n      } else {\n        return value ? getItemId(value) === getItemId(item) : false;\n      }\n    },\n    [getItemId, value],\n  );\n\n  // State that keeps track of the 'active' (focused but not really focused) item.\n  const [activeItem, setActiveItem] = useState(selectedItemIndex ?? 0);\n\n  const mousePosition = useMousePosition();\n  const previousMousePosition = useRef<string | undefined>(undefined);\n\n  // Handles keyboard navigation when the searchinput is focused.\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const currentActiveIndex = activeItem;\n\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        const safeNextIndex = getNextItemIndex(currentActiveIndex);\n\n        if (safeNextIndex >= 0) {\n          setActiveItem(safeNextIndex);\n          previousMousePosition.current = mousePosition;\n        }\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        const safePreviousIndex = getPreviousItemIndex(currentActiveIndex);\n\n        if (safePreviousIndex >= 0) {\n          setActiveItem(safePreviousIndex);\n          previousMousePosition.current = mousePosition;\n        }\n      } else if (e.key === \"Enter\") {\n        toggleSelection(filteredItems[activeItem]);\n      }\n    },\n    [\n      activeItem,\n      filteredItems,\n      getNextItemIndex,\n      getPreviousItemIndex,\n      mousePosition,\n      toggleSelection,\n    ],\n  );\n\n  // Handles onHoverChange event for the search list field items\n  const onHoverChange = useCallback(\n    (isHovering: boolean, index: number) => {\n      if (isHovering && previousMousePosition.current !== mousePosition) {\n        setActiveItem(index);\n        previousMousePosition.current = mousePosition;\n      }\n    },\n    [mousePosition],\n  );\n\n  return {\n    activeItem,\n    setActiveItem,\n    getItemIsSelected,\n    onKeyDown,\n    onHoverChange,\n    selectedItemIndex,\n    toggleSelection,\n  };\n};\n\n// Component that only gets rendered when popover is open.\n// This way we can set the active item when the popover opens and make sure the selected item will become active.\n// When closing the popover, the active item will be reset to 0.\nconst SelectedItem = ({\n  selectedItemIndex,\n  setActiveItem,\n}: {\n  selectedItemIndex?: number;\n  setActiveItem: (value: number) => void;\n}) => {\n  useEffect(() => {\n    if (selectedItemIndex !== undefined && selectedItemIndex >= 0) {\n      setActiveItem(selectedItemIndex);\n\n      return () => {\n        setActiveItem(0);\n      };\n    }\n  }, [selectedItemIndex, setActiveItem]);\n  return null;\n};\n\nconst SearchListFieldItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  getItemId,\n  getLabel,\n  isLoading,\n  items,\n  label,\n  onLoadMore,\n  onMultiChange,\n  onQueryChange,\n  onSingleChange,\n  open,\n  placement,\n  searchInputRef,\n  selectRenderElements,\n  setOpenPopover,\n  triggerRef,\n  value,\n}: SearchListFieldItemsProps<T>) => {\n  const { loadMore, noResultsFound } = useDictionary();\n  const { filteredItems, query, setQuery } = useFilterItemsByQuery<T>({\n    getLabel,\n    items,\n    onQueryChange,\n  });\n  const { item: itemStyles } = sharedListItemStyles();\n  const { isLoadMoreButtonFocused, loadMoreButtonRef, setIsLoadMoreButtonFocused } =\n    useLoadMoreHook(open);\n\n  const {\n    activeItem,\n    getItemIsSelected,\n    onHoverChange,\n    onKeyDown,\n    selectedItemIndex,\n    setActiveItem,\n    toggleSelection,\n  } = useItemSelection({\n    disabledItemIdKeys,\n    filteredItems,\n    getItemId,\n    loadMoreButtonRef,\n    onMultiChange,\n    onSingleChange,\n    value,\n  });\n\n  const [triggerRefWidth, setTriggerRefWidth] = useState<number | undefined>(\n    triggerRef.current?.offsetWidth,\n  );\n  useEventListener(\"resize\", () => {\n    setTriggerRefWidth(triggerRef.current?.offsetWidth);\n  });\n\n  const triggerWidth = triggerRefWidth ?? triggerRef.current?.offsetWidth;\n\n  const parentRef = useRef<HTMLDivElement>(null);\n\n  const count = onLoadMore ? (filteredItems?.length ?? 0) + 1 : filteredItems?.length ?? 0;\n\n  const virtualizer = useVirtualizer({\n    count,\n    estimateSize: () => 40,\n    getScrollElement: () => parentRef.current,\n    overscan: 6,\n  });\n\n  // Make sure we scroll to the activeItem if it changes.\n  useEffect(() => {\n    if (activeItem !== undefined && activeItem >= 0 && filteredItems?.length) {\n      // if it's the last filtered item and a load more button is present, scroll to the load more button into view as well.\n      if (activeItem === filteredItems.length - 1 && onLoadMore) {\n        virtualizer.scrollToIndex(count);\n      } else {\n        virtualizer.scrollToIndex(Math.min(activeItem, count - 1));\n      }\n    }\n  }, [activeItem, count, filteredItems.length, onLoadMore, virtualizer]);\n\n  const virtualItems = virtualizer.getVirtualItems();\n\n  return (\n    <Popover\n      className=\"p-1\"\n      isOpen={open}\n      disablePadding\n      triggerRef={triggerRef}\n      onOpenChange={setOpenPopover}\n      aria-label={label}\n      shouldUpdatePosition\n      placement={placement}\n      style={\n        {\n          width: triggerWidth && triggerWidth > 280 ? triggerWidth + \"px\" : \"280px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {open ? (\n        <div className=\"gap-1\">\n          <SearchInput\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n            query={query}\n            setQuery={(value) => {\n              // Reset active item when query changes and set the query.\n              // Using flushSync to make sure scroll to offset is called after the active item is set.\n              flushSync(() => {\n                setQuery(value);\n                setActiveItem(0);\n              });\n\n              virtualizer.scrollToOffset(0);\n            }}\n            searchInputRef={searchInputRef}\n            onKeyDown={onKeyDown}\n          />\n          <SelectedItem selectedItemIndex={selectedItemIndex} setActiveItem={setActiveItem} />\n          <div\n            ref={parentRef}\n            className=\"w-full overflow-y-auto\"\n            style={{\n              contain: \"strict\",\n              height: Math.min(288, virtualizer.getTotalSize() + (onLoadMore ? 4 : 0)),\n            }}\n          >\n            <div\n              className=\"relative w-full\"\n              style={{\n                height: virtualizer.getTotalSize(),\n              }}\n            >\n              <div\n                className=\"absolute start-0 top-0 w-full\"\n                style={{\n                  transform: `translateY(${virtualItems?.[0]?.start ?? 0}px)`,\n                }}\n              >\n                {virtualItems.map((virtualItem) => {\n                  const itemIsLastOfIndex = virtualItem.index === count - 1;\n\n                  if (itemIsLastOfIndex && onLoadMore) {\n                    return (\n                      <div\n                        key={virtualItem.key}\n                        data-index={virtualItem.index}\n                        ref={virtualizer.measureElement}\n                      >\n                        <div>\n                          <Separator className=\"my-1\" />\n                          <AriaButton\n                            isDisabled={isLoading}\n                            onFocusChange={setIsLoadMoreButtonFocused}\n                            onHoverChange={setIsLoadMoreButtonFocused}\n                            ref={loadMoreButtonRef}\n                            className={itemStyles({\n                              className:\n                                \"w-full justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]\",\n                            })}\n                            onPress={() => {\n                              onLoadMore();\n\n                              // Focus input after loading more items\n                              searchInputRef.current?.focus();\n                            }}\n                            onKeyDown={(e) => {\n                              if (e.key === \"ArrowUp\") {\n                                e.preventDefault();\n                                searchInputRef.current?.focus();\n                              }\n                            }}\n                          >\n                            {loadMore}\n                          </AriaButton>\n                        </div>\n                      </div>\n                    );\n                  } else {\n                    const item = filteredItems[virtualItem.index];\n                    return (\n                      <div\n                        key={virtualItem.key}\n                        data-index={virtualItem.index}\n                        ref={virtualizer.measureElement}\n                      >\n                        <AriaButton\n                          key={getItemId(item)}\n                          className=\"w-full text-start outline-none\"\n                          onHoverChange={(isHovering) => {\n                            onHoverChange(isHovering, virtualItem.index);\n                          }}\n                          onPress={() => toggleSelection(item)}\n                          isDisabled={\n                            disabledItemIdKeys?.includes(getItemId(item) as string) ?? false\n                          }\n                          excludeFromTabOrder\n                        >\n                          <SharedListItem\n                            key={getItemId(item)}\n                            hasSelection\n                            item={item}\n                            state={{\n                              active: activeItem === virtualItem.index && !isLoadMoreButtonFocused,\n                              disabled:\n                                disabledItemIdKeys?.includes(getItemId(item) as string) ?? false,\n                              selected: getItemIsSelected(item),\n                            }}\n                            selectRenderElements={selectRenderElements}\n                          />\n                        </AriaButton>\n                      </div>\n                    );\n                  }\n                })}\n              </div>\n            </div>\n          </div>\n          {count ? null : (\n            <Text variant=\"body-medium\" color=\"secondary\" className=\"px-2.5\">\n              {noResultsFound}\n            </Text>\n          )}\n        </div>\n      ) : null}\n    </Popover>\n  );\n};\n\nconst UncontrolledInputs = <T extends object>({\n  getItemId,\n  name,\n  value,\n}: {\n  name?: string;\n  value?: T | T[];\n  getItemId: (item: T) => Key;\n}) => {\n  if (name) {\n    if (Array.isArray(value)) {\n      return value.map((v) => (\n        <input key={getItemId(v)} type=\"hidden\" name={name} value={getItemId(v)} />\n      ));\n    } else if (value) {\n      return <input type=\"hidden\" name={name} value={getItemId(value)} />;\n    } else {\n      return null;\n    }\n  }\n  return null;\n};\n\nexport const SearchListField = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  onLoadMore,\n  onQueryChange,\n  placeholder,\n  placement = \"bottom start\",\n  selectRenderElements,\n  startSlot,\n  value,\n}: SearchListFieldProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n  const closePopover = () => setIsOpen(false);\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      closePopover();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled: isDisabled || fieldGroupIsDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={wrapper()}>\n        <InputHeader\n          label={label}\n          hideHintLabel={hideHintLabel}\n          hideInputHeader={hideInputHeader}\n          isRequired={isRequired}\n        />\n        <div ref={triggerRef}>\n          <SingleValueButton\n            disableClearLogic={disableClearLogic}\n            endSlot={endSlot}\n            fullWidth={fullWidth}\n            getLabel={getLabel}\n            getItemId={getItemId}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            open={isOpen}\n            openPopover={openPopover}\n            onChange={onSingleChange}\n            placeholder={placeholder}\n            searchInputRef={searchInputRef}\n            startSlot={startSlot}\n            value={selectedValue as T | undefined}\n          />\n        </div>\n        <InputFooter\n          description={description}\n          errorMessage={errorMessage}\n          hideInputFooter={hideInputFooter}\n        />\n      </div>\n      <SearchListFieldItems<T>\n        triggerRef={triggerRef}\n        label={label}\n        getItemId={getItemId}\n        getLabel={getLabel}\n        items={items}\n        open={isOpen}\n        setOpenPopover={setIsOpen}\n        selectRenderElements={selectRenderElements}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        searchInputRef={searchInputRef}\n        onLoadMore={onLoadMore}\n        placement={placement}\n        value={selectedValue}\n        onSingleChange={onSingleChange}\n      />\n    </div>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  items,\n  label,\n  labelId,\n  name,\n  onChange,\n  onLoadMore,\n  onQueryChange,\n  placeholder,\n  placement = \"bottom start\",\n  selectRenderElements,\n  startSlot,\n  value,\n}: MultiSearchListFieldProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n  };\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      searchInputRef.current?.focus();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled: isDisabled || fieldGroupIsDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={wrapper()}>\n        <InputHeader\n          label={label}\n          isRequired={isRequired}\n          hideHintLabel={hideHintLabel}\n          hideInputHeader={hideInputHeader}\n          labelId={labelId}\n        />\n        <div ref={triggerRef}>\n          <MultipleValuesButton\n            disableClearLogic={disableClearLogic}\n            endSlot={endSlot}\n            fullWidth={fullWidth}\n            getLabel={getLabel}\n            getItemId={getItemId}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            onChange={onMultiChange}\n            open={isOpen}\n            openPopover={openPopover}\n            placeholder={placeholder}\n            searchInputRef={searchInputRef}\n            startSlot={startSlot}\n            value={selectedValue}\n          />\n        </div>\n        <InputFooter\n          description={description}\n          errorMessage={errorMessage}\n          hideInputFooter={hideInputFooter}\n        />\n      </div>\n      <SearchListFieldItems<T>\n        label={label}\n        searchInputRef={searchInputRef}\n        triggerRef={triggerRef}\n        getItemId={getItemId}\n        getLabel={getLabel}\n        items={items}\n        onMultiChange={onMultiChange}\n        value={selectedValue}\n        placement={placement}\n        open={isOpen}\n        setOpenPopover={setIsOpen}\n        selectRenderElements={selectRenderElements}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        onLoadMore={onLoadMore}\n      />\n    </div>\n  );\n};\n\nexport const SearchListFieldWithCustomTrigger = <T extends object>({\n  children,\n  defaultValue,\n  disabledItemIdKeys,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  placement = \"bottom start\",\n  selectRenderElements,\n  value,\n}: SearchListFieldWithCustomTriggerProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n  const closePopover = () => setIsOpen(false);\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      closePopover();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n  const { wrapper } = sharedInputStyles({\n    fullWidth: false,\n    isInvalid,\n    isDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            onPress: () => openPopover(),\n            isDisabled: isDisabled || fieldGroupIsDisabled,\n          },\n        ],\n      ]}\n    >\n      <div>\n        <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n        <div className={wrapper()}>\n          <div ref={triggerRef}>{children}</div>\n        </div>\n        <SearchListFieldItems<T>\n          triggerRef={triggerRef}\n          label={label}\n          getItemId={getItemId}\n          getLabel={getLabel}\n          items={items}\n          open={isOpen}\n          setOpenPopover={setIsOpen}\n          selectRenderElements={selectRenderElements}\n          disabledItemIdKeys={disabledItemIdKeys}\n          direction={direction}\n          onQueryChange={onQueryChange}\n          isLoading={isLoading}\n          searchInputRef={searchInputRef}\n          placement={placement}\n          value={selectedValue}\n          onSingleChange={onSingleChange}\n        />\n      </div>\n    </Provider>\n  );\n};\n\nexport const MultiSearchListFieldWithCustomTrigger = <T extends object>({\n  children,\n  defaultValue,\n  disabledItemIdKeys,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  placement = \"bottom start\",\n  selectRenderElements,\n  value,\n}: MultiSearchListFieldWithCustomTriggerProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      searchInputRef.current?.focus();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          { onPress: () => openPopover(), isDisabled: isDisabled || fieldGroupIsDisabled },\n        ],\n      ]}\n    >\n      <div>\n        <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n        <div className={wrapper()}>\n          <div ref={triggerRef}>{children}</div>\n        </div>\n        <SearchListFieldItems<T>\n          label={label}\n          searchInputRef={searchInputRef}\n          triggerRef={triggerRef}\n          getItemId={getItemId}\n          getLabel={getLabel}\n          items={items}\n          open={isOpen}\n          setOpenPopover={setIsOpen}\n          selectRenderElements={selectRenderElements}\n          disabledItemIdKeys={disabledItemIdKeys}\n          direction={direction}\n          onQueryChange={onQueryChange}\n          isLoading={isLoading}\n          value={selectedValue}\n          onMultiChange={onMultiChange}\n          placement={placement}\n        />\n      </div>\n    </Provider>\n  );\n};\n"],"names":["SingleValueButton","disableClearLogic","endSlot","fullWidth","getLabel","isDisabled","isInvalid","onChange","open","openPopover","placeholder","searchInputRef","startSlot","value","buttonExcludedFromTabOrder","inputField","sharedInputStyles","onKeyDown","e","flushSync","jsxDEV","AriaButton","isFocused","isHovered","Fragment","this","Text","SvgIcon","MultipleValuesButton","getItemId","label","inputFieldStyles","useCallback","onRemove","keys","item","itemId","Group","clsx","InputTagGroup","InputTag","SearchInput","isLoading","onQueryChange","query","setQuery","id","useId","clear","search","useDictionary","showSpinner","useSpinDelay","useEffect","_a","Input","_b","event","Spinner","useLoadMoreHook","loadMoreButtonRef","useRef","isLoadMoreButtonFocused","setIsLoadMoreButtonFocused","useState","useItemSelection","disabledItemIdKeys","filteredItems","onMultiChange","onSingleChange","selectedItemIndex","useMemo","getPreviousItemIndex","activeIndex","i","getNextItemIndex","toggleSelection","currentValue","currentValueIds","newValue","v","getItemIsSelected","subValue","activeItem","setActiveItem","mousePosition","useMousePosition","previousMousePosition","currentActiveIndex","safeNextIndex","safePreviousIndex","onHoverChange","isHovering","index","SelectedItem","SearchListFieldItems","direction","items","onLoadMore","placement","selectRenderElements","setOpenPopover","triggerRef","loadMore","noResultsFound","useFilterItemsByQuery","itemStyles","sharedListItemStyles","triggerRefWidth","setTriggerRefWidth","useEventListener","triggerWidth","parentRef","count","virtualizer","useVirtualizer","virtualItems","Popover","_c","virtualItem","Separator","SharedListItem","UncontrolledInputs","name","SearchListField","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","fieldGroupIsDisabled","useContext","FieldGroupContext","comboBoxButtonRef","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","useLocale","wrapper","selectedValue","InputHeader","InputFooter","MultiSearchListField","labelId","SearchListFieldWithCustomTrigger","children","Provider","ButtonContext","MultiSearchListFieldWithCustomTrigger"],"mappings":"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"}
+{"version":3,"file":"lyra37.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  KeyboardEventHandler,\n  RefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Button as AriaButton,\n  ButtonContext,\n  Group,\n  Input,\n  Key,\n  Provider,\n} from \"react-aria-components\";\nimport { flushSync } from \"react-dom\";\n\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport clsx from \"clsx\";\n\nimport { Separator, Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { useFilterItemsByQuery } from \"../../../utils/hooks/use-filter-items-by-query\";\nimport { useMousePosition } from \"../../../utils/hooks/use-mouse-position\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { sharedListItemStyles } from \"../../lists/shared-list.styles\";\nimport { SharedListItem } from \"../../lists/shared-list-item\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport {\n  MultiSearchListFieldProps,\n  MultiSearchListFieldWithCustomTriggerProps,\n  SearchInputProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  SearchListFieldWithCustomTriggerProps,\n  ValueButton,\n} from \"./seach-list-field.types\";\n\nconst SingleValueButton = <T extends object>({\n  disableClearLogic,\n  endSlot,\n  fullWidth,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  onChange,\n  open,\n  openPopover,\n  placeholder,\n  renderCustomElementInValueButton,\n  searchInputRef,\n  selectRenderElements,\n  startSlot,\n  value,\n}: ValueButton<T>) => {\n  const { buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    isInvalid,\n    hasEndSlot: true,\n    fullWidth,\n    isDisabled,\n  });\n\n  /**\n   * Handles the keydown event for the search list field.\n   * If the Escape or Backspace key is pressed, calls the onChange function with undefined.\n   * @param e - The keyboard event.\n   */\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if ((e.key === \"Escape\" || e.key === \"Backspace\") && !disableClearLogic) {\n      e.stopPropagation();\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n    // match e.key to any letter or number and add the character to the search input\n    else if (e.key && e.key.match(/^[a-zA-Z0-9]$/)) {\n      // open the popover\n      flushSync(() => {\n        openPopover?.();\n      });\n      // set the cursor to the end of the input\n      if (searchInputRef.current) {\n        searchInputRef.current.focus();\n        searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n      }\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      {startSlot}\n      <AriaButton\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        className={({ isFocused, isHovered }) =>\n          inputField({\n            isHovered,\n            isFocused,\n            className: \"min-h-8 grow\",\n          })\n        }\n        isDisabled={isDisabled}\n        onKeyDown={onKeyDown}\n        onPress={openPopover}\n      >\n        <div className=\"flex grow truncate text-start\">\n          {renderCustomElementInValueButton && value\n            ? selectRenderElements(value)?.customElement\n            : null}\n          {value && getLabel(value) ? (\n            <>{getLabel(value)}</>\n          ) : (\n            <Text variant=\"body-medium\" color=\"secondary\">\n              {placeholder}\n            </Text>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {value && !isDisabled && !disableClearLogic ? (\n            <>\n              <div\n                className={buttonExcludedFromTabOrder()}\n                role=\"button\"\n                onPointerDown={(e) => {\n                  e.stopPropagation();\n                  onChange?.(undefined);\n                }}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onChange?.(undefined);\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </div>\n            </>\n          ) : null}\n          <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4\" />\n        </div>\n      </AriaButton>\n      {endSlot}\n    </div>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  fullWidth,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  label,\n  onChange,\n  openPopover,\n  placeholder,\n  searchInputRef,\n  value,\n}: Omit<\n  ValueButton<T>,\n  \"value\" | \"onChange\" | \"selectRenderElements\" | \"renderCustomElementInValueButton\"\n> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({\n    isInvalid,\n    hasEndSlot: true,\n    fullWidth,\n    isDisabled,\n  });\n  /**\n   * Handles the keydown event for the search list field.\n   * If the Escape or Backspace key is pressed, calls the onChange function with undefined.\n   * @param e - The keyboard event.\n   */\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n        openPopover();\n      }\n      // match e.key to any letter or number and add the character to the search input\n      else if (e.key && e.key.match(/^[a-zA-Z0-9]$/)) {\n        // open the popover\n        flushSync(() => {\n          openPopover();\n        });\n        // set the cursor to the end of the input\n        if (searchInputRef.current) {\n          searchInputRef.current.focus();\n          searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n        }\n      }\n    },\n    [openPopover, searchInputRef],\n  );\n\n  const onRemove = useCallback(\n    (keys: Set<Key>) => {\n      value &&\n        onChange(\n          value.filter((item) => {\n            const itemId = getItemId(item);\n            return !keys.has(itemId);\n          }),\n        );\n    },\n    [getItemId, onChange, value],\n  );\n\n  return (\n    <Group\n      className={({ isFocusWithin: isFocused, isHovered }) =>\n        inputFieldStyles({\n          isHovered,\n          isFocused,\n          className: clsx(\n            isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n            \"has:[data-focused]:border has:[data-focused]:border-focus\",\n            \"py-[0.4375rem]\",\n          ),\n        })\n      }\n    >\n      <AriaButton\n        onPress={openPopover}\n        onKeyDown={onKeyDown}\n        isDisabled={isDisabled}\n        className=\"flex w-full outline-none\"\n      >\n        <div className=\"grow text-left\">\n          {value && value.length ? (\n            <InputTagGroup<T>\n              label={label ?? \"Selected items\"}\n              className=\"-m-1.5 -mt-[0.3125rem] items-center\"\n              onRemove={isDisabled ? undefined : onRemove}\n            >\n              {value.map((item) => (\n                <InputTag key={getItemId(item)} id={getItemId(item)} isDisabled={isDisabled}>\n                  {getLabel(item)}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n          ) : (\n            <Text color=\"secondary\">{placeholder}</Text>\n          )}\n        </div>\n        <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4 min-w-[16px]\" />\n      </AriaButton>\n    </Group>\n  );\n};\n\nconst SearchInput = ({\n  endSlot,\n  isLoading,\n  onKeyDown,\n  onQueryChange,\n  query,\n  searchInputRef,\n  setQuery,\n}: SearchInputProps & { onKeyDown: KeyboardEventHandler<HTMLInputElement> | undefined }) => {\n  const id = useId();\n  const { clear, search } = useDictionary();\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n  const { buttonExcludedFromTabOrder } = sharedInputStyles({ fullWidth: true });\n\n  useEffect(() => {\n    searchInputRef.current?.focus();\n    // only run on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return (\n    <div className=\"pb-1\">\n      <div className=\"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5\">\n        <Input\n          ref={searchInputRef}\n          id={id}\n          className=\"w-full bg-transparent text-base outline-none placeholder:text-tertiary\"\n          onChange={(e) => {\n            setQuery(e.target?.value ?? \"\");\n            onQueryChange?.(e.target?.value as any);\n          }}\n          placeholder={search}\n          value={query ?? \"\"}\n          onKeyDown={(event) => {\n            // Prevent selection of an item on Tab key down event\n            if (event.code === \"Tab\") {\n              event.preventDefault();\n            }\n\n            onKeyDown?.(event);\n          }}\n        />\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clear}\n            className={buttonExcludedFromTabOrder()}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n              searchInputRef.current?.focus();\n            }}\n          >\n            <SvgIcon name=\"clear\" />\n          </AriaButton>\n        ) : null}\n        {endSlot}\n        {showSpinner ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\nconst useLoadMoreHook = (open: boolean) => {\n  const loadMoreButtonRef = useRef<HTMLButtonElement | null>(null);\n  const [isLoadMoreButtonFocused, setIsLoadMoreButtonFocused] = useState(false);\n\n  // Reset focused state as the popover opens / closes\n  useEffect(() => setIsLoadMoreButtonFocused(false), [open]);\n  return { loadMoreButtonRef, isLoadMoreButtonFocused, setIsLoadMoreButtonFocused };\n};\n\ntype UseItemSelectionProps<T> = {\n  disabledItemIdKeys?: Key[];\n  filteredItems: T[];\n  onSingleChange?: (value?: T) => void;\n  onMultiChange?: (value?: T[]) => void;\n  getItemId: (item: T) => Key;\n  value?: T | T[];\n  loadMoreButtonRef: RefObject<HTMLButtonElement>;\n};\n\nconst useItemSelection = <T extends object>({\n  disabledItemIdKeys,\n  filteredItems,\n  getItemId,\n  onMultiChange,\n  onSingleChange,\n  value,\n}: UseItemSelectionProps<T>) => {\n  const selectedItemIndex = useMemo(() => {\n    if (Array.isArray(value)) {\n      if (value.length) {\n        return filteredItems?.findIndex((item) => getItemId(item) === getItemId(value[0]));\n      } else {\n        return 0;\n      }\n    } else if (value) {\n      return filteredItems?.findIndex((item) => getItemId(item) === getItemId(value)) ?? 0;\n    }\n  }, [filteredItems, getItemId, value]);\n\n  const getPreviousItemIndex = useCallback(\n    (activeIndex?: number) => {\n      if (Number.isInteger(activeIndex)) {\n        for (let i = activeIndex! - 1; i >= 0; i--) {\n          if (!disabledItemIdKeys?.includes(getItemId(filteredItems[i]))) {\n            return Math.max(i, 0);\n          }\n        }\n      }\n      return -1;\n    },\n    [disabledItemIdKeys, filteredItems, getItemId],\n  );\n\n  const getNextItemIndex = useCallback(\n    (activeIndex?: number) => {\n      if (Number.isInteger(activeIndex)) {\n        for (let i = activeIndex! + 1; i < filteredItems.length; i++) {\n          if (!disabledItemIdKeys?.includes(getItemId(filteredItems[i]))) {\n            return Math.min(filteredItems.length - 1, i);\n          }\n        }\n      }\n      return -1;\n    },\n    [disabledItemIdKeys, filteredItems, getItemId],\n  );\n\n  // Selects an item in the list and runs the appropriate change handler\n  const toggleSelection = useCallback(\n    (item: T) => {\n      if (onMultiChange) {\n        const currentValue = !value ? [] : [...(value as T[])];\n        const currentValueIds = currentValue.map(getItemId);\n        const newValue = currentValueIds?.includes(getItemId(item))\n          ? currentValue.filter((v) => getItemId(v) !== getItemId(item))\n          : [...currentValue, item];\n        onMultiChange?.(newValue);\n      } else if (onSingleChange) {\n        onSingleChange?.(item);\n      }\n    },\n    [getItemId, onMultiChange, onSingleChange, value],\n  );\n\n  const getItemIsSelected = useCallback(\n    (item: T) => {\n      if (Array.isArray(value)) {\n        return value.some((subValue) => getItemId(subValue) === getItemId(item));\n      } else {\n        return value ? getItemId(value) === getItemId(item) : false;\n      }\n    },\n    [getItemId, value],\n  );\n\n  // State that keeps track of the 'active' (focused but not really focused) item.\n  const [activeItem, setActiveItem] = useState(selectedItemIndex ?? 0);\n\n  const mousePosition = useMousePosition();\n  const previousMousePosition = useRef<string | undefined>(undefined);\n\n  // Handles keyboard navigation when the searchinput is focused.\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const currentActiveIndex = activeItem;\n\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        const safeNextIndex = getNextItemIndex(currentActiveIndex);\n\n        if (safeNextIndex >= 0) {\n          setActiveItem(safeNextIndex);\n          previousMousePosition.current = mousePosition;\n        }\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        const safePreviousIndex = getPreviousItemIndex(currentActiveIndex);\n\n        if (safePreviousIndex >= 0) {\n          setActiveItem(safePreviousIndex);\n          previousMousePosition.current = mousePosition;\n        }\n      } else if (e.key === \"Enter\") {\n        toggleSelection(filteredItems[activeItem]);\n      }\n    },\n    [\n      activeItem,\n      filteredItems,\n      getNextItemIndex,\n      getPreviousItemIndex,\n      mousePosition,\n      toggleSelection,\n    ],\n  );\n\n  // Handles onHoverChange event for the search list field items\n  const onHoverChange = useCallback(\n    (isHovering: boolean, index: number) => {\n      if (isHovering && previousMousePosition.current !== mousePosition) {\n        setActiveItem(index);\n        previousMousePosition.current = mousePosition;\n      }\n    },\n    [mousePosition],\n  );\n\n  return {\n    activeItem,\n    setActiveItem,\n    getItemIsSelected,\n    onKeyDown,\n    onHoverChange,\n    selectedItemIndex,\n    toggleSelection,\n  };\n};\n\n// Component that only gets rendered when popover is open.\n// This way we can set the active item when the popover opens and make sure the selected item will become active.\n// When closing the popover, the active item will be reset to 0.\nconst SelectedItem = ({\n  selectedItemIndex,\n  setActiveItem,\n}: {\n  selectedItemIndex?: number;\n  setActiveItem: (value: number) => void;\n}) => {\n  useEffect(() => {\n    if (selectedItemIndex !== undefined && selectedItemIndex >= 0) {\n      setActiveItem(selectedItemIndex);\n\n      return () => {\n        setActiveItem(0);\n      };\n    }\n  }, [selectedItemIndex, setActiveItem]);\n  return null;\n};\n\nconst SearchListFieldItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  getItemId,\n  getLabel,\n  isLoading,\n  items,\n  label,\n  onLoadMore,\n  onMultiChange,\n  onQueryChange,\n  onSingleChange,\n  open,\n  placement,\n  searchInputRef,\n  selectRenderElements,\n  setOpenPopover,\n  triggerRef,\n  value,\n}: SearchListFieldItemsProps<T>) => {\n  const { loadMore, noResultsFound } = useDictionary();\n  const { filteredItems, query, setQuery } = useFilterItemsByQuery<T>({\n    getLabel,\n    items,\n    onQueryChange,\n  });\n  const { item: itemStyles } = sharedListItemStyles();\n  const { isLoadMoreButtonFocused, loadMoreButtonRef, setIsLoadMoreButtonFocused } =\n    useLoadMoreHook(open);\n\n  const {\n    activeItem,\n    getItemIsSelected,\n    onHoverChange,\n    onKeyDown,\n    selectedItemIndex,\n    setActiveItem,\n    toggleSelection,\n  } = useItemSelection({\n    disabledItemIdKeys,\n    filteredItems,\n    getItemId,\n    loadMoreButtonRef,\n    onMultiChange,\n    onSingleChange,\n    value,\n  });\n\n  const [triggerRefWidth, setTriggerRefWidth] = useState<number | undefined>(\n    triggerRef.current?.offsetWidth,\n  );\n  useEventListener(\"resize\", () => {\n    setTriggerRefWidth(triggerRef.current?.offsetWidth);\n  });\n\n  const triggerWidth = triggerRefWidth ?? triggerRef.current?.offsetWidth;\n\n  const parentRef = useRef<HTMLDivElement>(null);\n\n  const count = onLoadMore ? (filteredItems?.length ?? 0) + 1 : filteredItems?.length ?? 0;\n\n  const virtualizer = useVirtualizer({\n    count,\n    estimateSize: () => 40,\n    getScrollElement: () => parentRef.current,\n    overscan: 6,\n  });\n\n  // Make sure we scroll to the activeItem if it changes.\n  useEffect(() => {\n    if (activeItem !== undefined && activeItem >= 0 && filteredItems?.length) {\n      // if it's the last filtered item and a load more button is present, scroll to the load more button into view as well.\n      if (activeItem === filteredItems.length - 1 && onLoadMore) {\n        virtualizer.scrollToIndex(count);\n      } else {\n        virtualizer.scrollToIndex(Math.min(activeItem, count - 1));\n      }\n    }\n  }, [activeItem, count, filteredItems.length, onLoadMore, virtualizer]);\n\n  const virtualItems = virtualizer.getVirtualItems();\n\n  return (\n    <Popover\n      className=\"p-1\"\n      isOpen={open}\n      disablePadding\n      triggerRef={triggerRef}\n      onOpenChange={setOpenPopover}\n      aria-label={label}\n      shouldUpdatePosition\n      placement={placement}\n      style={\n        {\n          width: triggerWidth && triggerWidth > 280 ? triggerWidth + \"px\" : \"280px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {open ? (\n        <div className=\"gap-1\">\n          <SearchInput\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n            query={query}\n            setQuery={(value) => {\n              // Reset active item when query changes and set the query.\n              // Using flushSync to make sure scroll to offset is called after the active item is set.\n              flushSync(() => {\n                setQuery(value);\n                setActiveItem(0);\n              });\n\n              virtualizer.scrollToOffset(0);\n            }}\n            searchInputRef={searchInputRef}\n            onKeyDown={onKeyDown}\n          />\n          <SelectedItem selectedItemIndex={selectedItemIndex} setActiveItem={setActiveItem} />\n          <div\n            ref={parentRef}\n            className=\"w-full overflow-y-auto\"\n            style={{\n              contain: \"strict\",\n              height: Math.min(288, virtualizer.getTotalSize() + (onLoadMore ? 4 : 0)),\n            }}\n          >\n            <div\n              className=\"relative w-full\"\n              style={{\n                height: virtualizer.getTotalSize(),\n              }}\n            >\n              <div\n                className=\"absolute start-0 top-0 w-full\"\n                style={{\n                  transform: `translateY(${virtualItems?.[0]?.start ?? 0}px)`,\n                }}\n              >\n                {virtualItems.map((virtualItem) => {\n                  const itemIsLastOfIndex = virtualItem.index === count - 1;\n\n                  if (itemIsLastOfIndex && onLoadMore) {\n                    return (\n                      <div\n                        key={virtualItem.key}\n                        data-index={virtualItem.index}\n                        ref={virtualizer.measureElement}\n                      >\n                        <div>\n                          <Separator className=\"my-1\" />\n                          <AriaButton\n                            isDisabled={isLoading}\n                            onFocusChange={setIsLoadMoreButtonFocused}\n                            onHoverChange={setIsLoadMoreButtonFocused}\n                            ref={loadMoreButtonRef}\n                            className={itemStyles({\n                              className:\n                                \"w-full justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]\",\n                            })}\n                            onPress={() => {\n                              onLoadMore();\n\n                              // Focus input after loading more items\n                              searchInputRef.current?.focus();\n                            }}\n                            onKeyDown={(e) => {\n                              if (e.key === \"ArrowUp\") {\n                                e.preventDefault();\n                                searchInputRef.current?.focus();\n                              }\n                            }}\n                          >\n                            {loadMore}\n                          </AriaButton>\n                        </div>\n                      </div>\n                    );\n                  } else {\n                    const item = filteredItems[virtualItem.index];\n                    return (\n                      <div\n                        key={virtualItem.key}\n                        data-index={virtualItem.index}\n                        ref={virtualizer.measureElement}\n                      >\n                        <AriaButton\n                          key={getItemId(item)}\n                          className=\"w-full text-start outline-none\"\n                          onHoverChange={(isHovering) => {\n                            onHoverChange(isHovering, virtualItem.index);\n                          }}\n                          onPress={() => toggleSelection(item)}\n                          isDisabled={\n                            disabledItemIdKeys?.includes(getItemId(item) as string) ?? false\n                          }\n                          excludeFromTabOrder\n                        >\n                          <SharedListItem\n                            key={getItemId(item)}\n                            hasSelection\n                            item={item}\n                            state={{\n                              active: activeItem === virtualItem.index && !isLoadMoreButtonFocused,\n                              disabled:\n                                disabledItemIdKeys?.includes(getItemId(item) as string) ?? false,\n                              selected: getItemIsSelected(item),\n                            }}\n                            selectRenderElements={selectRenderElements}\n                          />\n                        </AriaButton>\n                      </div>\n                    );\n                  }\n                })}\n              </div>\n            </div>\n          </div>\n          {count ? null : (\n            <Text variant=\"body-medium\" color=\"secondary\" className=\"px-2.5\">\n              {noResultsFound}\n            </Text>\n          )}\n        </div>\n      ) : null}\n    </Popover>\n  );\n};\n\nconst UncontrolledInputs = <T extends object>({\n  getItemId,\n  name,\n  value,\n}: {\n  name?: string;\n  value?: T | T[];\n  getItemId: (item: T) => Key;\n}) => {\n  if (name) {\n    if (Array.isArray(value)) {\n      return value.map((v) => (\n        <input key={getItemId(v)} type=\"hidden\" name={name} value={getItemId(v)} />\n      ));\n    } else if (value) {\n      return <input type=\"hidden\" name={name} value={getItemId(value)} />;\n    } else {\n      return null;\n    }\n  }\n  return null;\n};\n\nexport const SearchListField = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  onLoadMore,\n  onQueryChange,\n  placeholder,\n  placement = \"bottom start\",\n  renderCustomElementInValueButton,\n  selectRenderElements,\n  startSlot,\n  value,\n}: SearchListFieldProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n  const closePopover = () => setIsOpen(false);\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      closePopover();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled: isDisabled || fieldGroupIsDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={wrapper()}>\n        <InputHeader\n          label={label}\n          hideHintLabel={hideHintLabel}\n          hideInputHeader={hideInputHeader}\n          isRequired={isRequired}\n        />\n        <div ref={triggerRef}>\n          <SingleValueButton\n            disableClearLogic={disableClearLogic}\n            endSlot={endSlot}\n            fullWidth={fullWidth}\n            getLabel={getLabel}\n            getItemId={getItemId}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            open={isOpen}\n            openPopover={openPopover}\n            onChange={onSingleChange}\n            placeholder={placeholder}\n            searchInputRef={searchInputRef}\n            startSlot={startSlot}\n            value={selectedValue as T | undefined}\n            renderCustomElementInValueButton={renderCustomElementInValueButton}\n            selectRenderElements={selectRenderElements}\n          />\n        </div>\n        <InputFooter\n          description={description}\n          errorMessage={errorMessage}\n          hideInputFooter={hideInputFooter}\n        />\n      </div>\n      <SearchListFieldItems<T>\n        triggerRef={triggerRef}\n        label={label}\n        getItemId={getItemId}\n        getLabel={getLabel}\n        items={items}\n        open={isOpen}\n        setOpenPopover={setIsOpen}\n        selectRenderElements={selectRenderElements}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        searchInputRef={searchInputRef}\n        onLoadMore={onLoadMore}\n        placement={placement}\n        value={selectedValue}\n        onSingleChange={onSingleChange}\n      />\n    </div>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  items,\n  label,\n  labelId,\n  name,\n  onChange,\n  onLoadMore,\n  onQueryChange,\n  placeholder,\n  placement = \"bottom start\",\n  selectRenderElements,\n  startSlot,\n  value,\n}: MultiSearchListFieldProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n  };\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      searchInputRef.current?.focus();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled: isDisabled || fieldGroupIsDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={wrapper()}>\n        <InputHeader\n          label={label}\n          isRequired={isRequired}\n          hideHintLabel={hideHintLabel}\n          hideInputHeader={hideInputHeader}\n          labelId={labelId}\n        />\n        <div ref={triggerRef}>\n          <MultipleValuesButton\n            disableClearLogic={disableClearLogic}\n            endSlot={endSlot}\n            fullWidth={fullWidth}\n            getLabel={getLabel}\n            getItemId={getItemId}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            onChange={onMultiChange}\n            open={isOpen}\n            openPopover={openPopover}\n            placeholder={placeholder}\n            searchInputRef={searchInputRef}\n            startSlot={startSlot}\n            value={selectedValue}\n          />\n        </div>\n        <InputFooter\n          description={description}\n          errorMessage={errorMessage}\n          hideInputFooter={hideInputFooter}\n        />\n      </div>\n      <SearchListFieldItems<T>\n        label={label}\n        searchInputRef={searchInputRef}\n        triggerRef={triggerRef}\n        getItemId={getItemId}\n        getLabel={getLabel}\n        items={items}\n        onMultiChange={onMultiChange}\n        value={selectedValue}\n        placement={placement}\n        open={isOpen}\n        setOpenPopover={setIsOpen}\n        selectRenderElements={selectRenderElements}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        onLoadMore={onLoadMore}\n      />\n    </div>\n  );\n};\n\nexport const SearchListFieldWithCustomTrigger = <T extends object>({\n  children,\n  defaultValue,\n  disabledItemIdKeys,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  placement = \"bottom start\",\n  selectRenderElements,\n  value,\n}: SearchListFieldWithCustomTriggerProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n  const closePopover = () => setIsOpen(false);\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      closePopover();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n  const { wrapper } = sharedInputStyles({\n    fullWidth: false,\n    isInvalid,\n    isDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            onPress: () => openPopover(),\n            isDisabled: isDisabled || fieldGroupIsDisabled,\n          },\n        ],\n      ]}\n    >\n      <div>\n        <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n        <div className={wrapper()}>\n          <div ref={triggerRef}>{children}</div>\n        </div>\n        <SearchListFieldItems<T>\n          triggerRef={triggerRef}\n          label={label}\n          getItemId={getItemId}\n          getLabel={getLabel}\n          items={items}\n          open={isOpen}\n          setOpenPopover={setIsOpen}\n          selectRenderElements={selectRenderElements}\n          disabledItemIdKeys={disabledItemIdKeys}\n          direction={direction}\n          onQueryChange={onQueryChange}\n          isLoading={isLoading}\n          searchInputRef={searchInputRef}\n          placement={placement}\n          value={selectedValue}\n          onSingleChange={onSingleChange}\n        />\n      </div>\n    </Provider>\n  );\n};\n\nexport const MultiSearchListFieldWithCustomTrigger = <T extends object>({\n  children,\n  defaultValue,\n  disabledItemIdKeys,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  placement = \"bottom start\",\n  selectRenderElements,\n  value,\n}: MultiSearchListFieldWithCustomTriggerProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      searchInputRef.current?.focus();\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          { onPress: () => openPopover(), isDisabled: isDisabled || fieldGroupIsDisabled },\n        ],\n      ]}\n    >\n      <div>\n        <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n        <div className={wrapper()}>\n          <div ref={triggerRef}>{children}</div>\n        </div>\n        <SearchListFieldItems<T>\n          label={label}\n          searchInputRef={searchInputRef}\n          triggerRef={triggerRef}\n          getItemId={getItemId}\n          getLabel={getLabel}\n          items={items}\n          open={isOpen}\n          setOpenPopover={setIsOpen}\n          selectRenderElements={selectRenderElements}\n          disabledItemIdKeys={disabledItemIdKeys}\n          direction={direction}\n          onQueryChange={onQueryChange}\n          isLoading={isLoading}\n          value={selectedValue}\n          onMultiChange={onMultiChange}\n          placement={placement}\n        />\n      </div>\n    </Provider>\n  );\n};\n"],"names":["SingleValueButton","disableClearLogic","endSlot","fullWidth","getLabel","isDisabled","isInvalid","onChange","open","openPopover","placeholder","renderCustomElementInValueButton","searchInputRef","selectRenderElements","startSlot","value","buttonExcludedFromTabOrder","inputField","sharedInputStyles","onKeyDown","e","flushSync","jsxs","AriaButton","isFocused","isHovered","_a","Text","jsx","Fragment","SvgIcon","MultipleValuesButton","getItemId","label","inputFieldStyles","useCallback","onRemove","keys","item","itemId","Group","clsx","InputTagGroup","InputTag","SearchInput","isLoading","onQueryChange","query","setQuery","id","useId","clear","search","useDictionary","showSpinner","useSpinDelay","useEffect","Input","_b","event","Spinner","useLoadMoreHook","loadMoreButtonRef","useRef","isLoadMoreButtonFocused","setIsLoadMoreButtonFocused","useState","useItemSelection","disabledItemIdKeys","filteredItems","onMultiChange","onSingleChange","selectedItemIndex","useMemo","getPreviousItemIndex","activeIndex","i","getNextItemIndex","toggleSelection","currentValue","currentValueIds","newValue","v","getItemIsSelected","subValue","activeItem","setActiveItem","mousePosition","useMousePosition","previousMousePosition","currentActiveIndex","safeNextIndex","safePreviousIndex","onHoverChange","isHovering","index","SelectedItem","SearchListFieldItems","direction","items","onLoadMore","placement","setOpenPopover","triggerRef","loadMore","noResultsFound","useFilterItemsByQuery","itemStyles","sharedListItemStyles","triggerRefWidth","setTriggerRefWidth","useEventListener","triggerWidth","parentRef","count","virtualizer","useVirtualizer","virtualItems","Popover","_c","virtualItem","Separator","SharedListItem","UncontrolledInputs","name","SearchListField","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","fieldGroupIsDisabled","useContext","FieldGroupContext","comboBoxButtonRef","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","useLocale","wrapper","selectedValue","InputHeader","InputFooter","MultiSearchListField","labelId","SearchListFieldWithCustomTrigger","children","Provider","ButtonContext","MultiSearchListFieldWithCustomTrigger"],"mappings":"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"}