@new-black/lyra 1.0.37 → 1.0.38

package/dist/lyra36.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra36.cjs","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  KeyboardEvent,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Button as AriaButton, Group, Key } from \"react-aria-components\";\n\nimport clsx from \"clsx\";\n\nimport { useLocale, useMousePosition } from \"../../..\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { sharedListStyles } 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\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\n\nimport { MultiSelectProps, SelectItemsProps, SelectProps, ValueButton } from \"./select.types\";\n\ntype UseItemSelectionProps<T> = {\n  closePopover: () => void;\n  disabledItemIdKeys?: Key[];\n  filteredItems: T[];\n  getItemId: (item: T) => Key;\n  onMultiChange?: (value?: T[]) => void;\n  onSingleChange?: (value?: T) => void;\n  value?: T | T[];\n};\n\nconst useItemSelection = <T extends object>({\n  closePopover,\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));\n    }\n  }, [filteredItems, getItemId, value]);\n  // State that keeps track of the 'active' (focused but not really focused) item.\n  const [activeItem, setActiveItem] = useState(selectedItemIndex ?? 0);\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  const refs = useRef<HTMLButtonElement[]>([]);\n\n  const assignRefOnIndex = useCallback((index: number, el: HTMLButtonElement | null) => {\n    if (el) {\n      refs.current[index] = el;\n    }\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  const mousePosition = useMousePosition();\n  const previousMousePosition = useRef<string | undefined>(undefined);\n\n  // Handles keyboard navigation on buttons\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\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          const nextButtonRef = refs.current[safeNextIndex];\n          nextButtonRef?.scrollIntoView({ block: \"nearest\" });\n          nextButtonRef?.focus();\n        }\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        const safePreviousIndex = getPreviousItemIndex(currentActiveIndex);\n\n        if (safePreviousIndex >= 0) {\n          setActiveItem(safePreviousIndex);\n          const previousButtonRef = refs.current[safePreviousIndex];\n          previousButtonRef?.scrollIntoView({ block: \"nearest\" });\n          previousButtonRef?.focus();\n          previousMousePosition.current = mousePosition;\n        }\n      } else if (e.key === \"Escape\") {\n        closePopover();\n      }\n    },\n    [activeItem, closePopover, getNextItemIndex, getPreviousItemIndex, mousePosition],\n  );\n\n  // Handles onHoverChange event for the buttons\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  // Scroll the active item into view when the popover opens\n  useEffect(() => {\n    if (refs.current?.[activeItem]) {\n      refs.current[activeItem].focus();\n    }\n    // We want this to run everytime the popover opens.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  return {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onKeyDown,\n    onHoverChange,\n    selectedItemIndex,\n    toggleSelection,\n  };\n};\n\nconst ItemsList = <T extends object>({\n  disabledItemIdKeys,\n  getItemId,\n  items,\n  onMultiChange,\n  onSingleChange,\n  selectRenderElements,\n  setOpenPopover,\n  value,\n}: Pick<\n  SelectItemsProps<T>,\n  | \"disabledItemIdKeys\"\n  | \"getItemId\"\n  | \"items\"\n  | \"onMultiChange\"\n  | \"onSingleChange\"\n  | \"selectRenderElements\"\n  | \"setOpenPopover\"\n  | \"value\"\n>) => {\n  const {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onHoverChange,\n    onKeyDown,\n    toggleSelection,\n  } = useItemSelection({\n    closePopover: () => setOpenPopover(false),\n    disabledItemIdKeys,\n    filteredItems: items,\n    getItemId,\n    onMultiChange,\n    onSingleChange,\n    value,\n  });\n\n  const itemIsDisabled = (item: T) => {\n    return disabledItemIdKeys?.includes(getItemId(item)) ?? false;\n  };\n\n  return (\n    <div\n      className={sharedListStyles({\n        className: \"h-full max-h-72 overflow-auto\",\n      })}\n    >\n      {items.map((item, index) => (\n        <AriaButton\n          data-index={index}\n          key={getItemId(item)}\n          ref={(el) => assignRefOnIndex(index, el)}\n          className=\"w-full text-start outline-none\"\n          onHoverChange={(isHovering) => {\n            onHoverChange(isHovering, index);\n          }}\n          onPress={() => toggleSelection(item)}\n          onKeyDown={(e) => onKeyDown(e)}\n          isDisabled={itemIsDisabled(item)}\n        >\n          <SharedListItem\n            item={item}\n            state={{\n              active: activeItem === index,\n              disabled: disabledItemIdKeys?.includes(getItemId(item)) ?? false,\n              selected: getItemIsSelected(item),\n            }}\n            selectRenderElements={selectRenderElements}\n            hasSelection\n          />\n        </AriaButton>\n      ))}\n    </div>\n  );\n};\n\n/**\n * Renders the options for the select component.\n *\n */\nconst SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  getItemId,\n  items,\n  label,\n  onMultiChange,\n  onSingleChange,\n  open,\n  placement = \"bottom start\",\n  selectRenderElements,\n  setOpenPopover,\n  triggerRef,\n  value,\n}: SelectItemsProps<T>) => {\n  const [triggerRefWidth, setTriggerRefWidth] = useState<number | undefined>(\n    triggerRef.current?.offsetWidth,\n  );\n  const triggerWidth = triggerRefWidth ?? triggerRef.current?.offsetWidth;\n\n  useEventListener(\"resize\", () => {\n    setTriggerRefWidth(triggerRef.current?.offsetWidth);\n  });\n\n  return (\n    <Popover\n      className=\"p-1\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      aria-label={label}\n      disablePadding\n      placement={placement}\n      style={\n        {\n          width: triggerWidth && triggerWidth > 280 ? triggerWidth + \"px\" : \"280px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {open ? (\n        <ItemsList\n          getItemId={getItemId}\n          items={items}\n          onMultiChange={onMultiChange}\n          onSingleChange={onSingleChange}\n          selectRenderElements={selectRenderElements}\n          setOpenPopover={setOpenPopover}\n          value={value}\n          disabledItemIdKeys={disabledItemIdKeys}\n        />\n      ) : null}\n    </Popover>\n  );\n};\n\n/**\n * Renders a single value button for a select input.\n *\n */\nconst SingleValueButton = <T extends object>({\n  disableClearLogic,\n  fullWidth,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  onChange,\n  placeholder,\n  renderCustomElementInValueButton,\n  selectRenderElements,\n  setOpenPopover,\n  value,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({ isInputOnly: false });\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if ((e.key === \"Escape\" || e.key === \"Backspace\") && !disableClearLogic) {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      setOpenPopover(true);\n    }\n  };\n\n  return (\n    <AriaButton\n      className={({ isFocused, isHovered }) =>\n        inputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          hasEndSlot: true,\n          className: clsx(\n            isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n            \"min-h-8\",\n          ),\n        })\n      }\n      isDisabled={isDisabled}\n      onKeyDown={onKeyDown}\n      onPress={() => {\n        setOpenPopover(true);\n      }}\n    >\n      <div className=\"flex grow text-start\">\n        {renderCustomElementInValueButton && value\n          ? selectRenderElements(value)?.customElement\n          : null}\n        {value ? <>{getLabel(value)}</> : <Text color=\"secondary\">{placeholder}</Text>}\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {value && !disableClearLogic && !isDisabled ? (\n          <>\n            <div\n              className=\"text-secondary\"\n              role=\"button\"\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\" />\n      </div>\n    </AriaButton>\n  );\n};\n\n/**\n * Renders a button component for selecting multiple values.\n *\n */\nconst MultipleValuesButton = <T extends object>({\n  fullWidth,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  label,\n  onChange,\n  placeholder,\n  setOpenPopover,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({ isInputOnly: false });\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  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      setOpenPopover(true);\n    }\n  };\n\n  return (\n    <Group>\n      {({ isFocusWithin }) => (\n        <AriaButton\n          className={({ isFocused, isHovered }) =>\n            inputFieldStyles({\n              fullWidth,\n              isDisabled,\n              isHovered,\n              isFocused: isFocused || isFocusWithin,\n              isInvalid,\n              hasEndSlot: true,\n              className: clsx(\n                isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n                \"items-start\",\n                \"py-[0.4375rem]\",\n              ),\n            })\n          }\n          onKeyDown={(e) => onKeyDown(e)}\n          onPress={() => setOpenPopover(true)}\n          isDisabled={isDisabled}\n        >\n          <div className=\"flex w-full outline-none\">\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]\"\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-4\" />\n          </div>\n        </AriaButton>\n      )}\n    </Group>\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\n/**\n * Renders a select input component.\n *\n */\nexport const Select = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  outerEndSlot,\n  outerStartSlot,\n  placeholder,\n  placement,\n  renderCustomElementInValueButton,\n  selectRenderElements,\n  value,\n}: SelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const [open, setOpenPopover] = useState(false);\n  const disabled = isDisabled || fieldGroupIsDisabled;\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      setOpenPopover(false);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\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={outerSlotsWrapper()}>\n        {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n        <div className={wrapper({ fullWidth })}>\n          {hasInputHeader ? (\n            <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n          ) : null}\n          <div ref={triggerRef}>\n            <SingleValueButton\n              fullWidth={fullWidth}\n              isDisabled={disabled}\n              disableClearLogic={disableClearLogic}\n              isInvalid={isInvalid}\n              placeholder={placeholder}\n              value={selectedValue}\n              getLabel={getLabel}\n              getItemId={getItemId}\n              label={label}\n              onChange={onSingleChange}\n              setOpenPopover={setOpenPopover}\n              renderCustomElementInValueButton={renderCustomElementInValueButton}\n              selectRenderElements={selectRenderElements}\n            />\n          </div>\n          {hasInputFooter ? (\n            <InputFooter description={description} errorMessage={errorMessage} />\n          ) : null}\n        </div>\n        {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n      </div>\n      <SelectItems<T>\n        triggerRef={triggerRef}\n        label={`${label} options`}\n        getItemId={getItemId}\n        selectRenderElements={selectRenderElements}\n        items={items}\n        open={open}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        setOpenPopover={setOpenPopover}\n        onSingleChange={onSingleChange}\n        value={selectedValue}\n        placement={placement}\n      />\n    </div>\n  );\n};\n\nexport const MultiSelect = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  outerEndSlot,\n  outerStartSlot,\n  placeholder,\n  placement,\n  selectRenderElements,\n  value,\n}: MultiSelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const disabled = isDisabled || fieldGroupIsDisabled;\n  const [open, setOpenPopover] = useState(false);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\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={outerSlotsWrapper()}>\n        {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n        <div className={wrapper({ fullWidth })}>\n          {hasInputHeader ? (\n            <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n          ) : null}\n          <div ref={triggerRef}>\n            <MultipleValuesButton\n              fullWidth={fullWidth}\n              isDisabled={disabled}\n              isInvalid={isInvalid}\n              placeholder={placeholder}\n              value={selectedValue}\n              onChange={onMultipleChange}\n              getItemId={getItemId}\n              getLabel={getLabel}\n              label={label}\n              disableClearLogic={disableClearLogic}\n              setOpenPopover={setOpenPopover}\n              selectRenderElements={selectRenderElements}\n            />\n          </div>\n          {hasInputFooter ? (\n            <InputFooter description={description} errorMessage={errorMessage} />\n          ) : null}\n        </div>\n        {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n      </div>\n      <SelectItems<T>\n        label={`${label} options`}\n        triggerRef={triggerRef}\n        items={items}\n        open={open}\n        getItemId={getItemId}\n        selectRenderElements={selectRenderElements}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        setOpenPopover={setOpenPopover}\n        onMultiChange={onMultipleChange}\n        placement={placement}\n        value={selectedValue}\n      />\n    </div>\n  );\n};\n"],"names":["useItemSelection","closePopover","disabledItemIdKeys","filteredItems","getItemId","onMultiChange","onSingleChange","value","selectedItemIndex","useMemo","item","activeItem","setActiveItem","useState","getPreviousItemIndex","useCallback","activeIndex","i","getNextItemIndex","refs","useRef","assignRefOnIndex","index","el","toggleSelection","currentValue","currentValueIds","newValue","getItemIsSelected","subValue","mousePosition","useMousePosition","previousMousePosition","onKeyDown","e","currentActiveIndex","safeNextIndex","nextButtonRef","safePreviousIndex","previousButtonRef","onHoverChange","isHovering","useEffect","_a","ItemsList","items","selectRenderElements","setOpenPopover","itemIsDisabled","jsx","sharedListStyles","AriaButton","SharedListItem","SelectItems","direction","label","open","placement","triggerRef","triggerRefWidth","setTriggerRefWidth","triggerWidth","_b","useEventListener","Popover","SingleValueButton","disableClearLogic","fullWidth","getLabel","isDisabled","isInvalid","onChange","placeholder","renderCustomElementInValueButton","inputFieldStyles","sharedInputStyles","jsxs","isFocused","isHovered","clsx","Fragment","Text","SvgIcon","MultipleValuesButton","onRemove","keys","itemId","Group","isFocusWithin","InputTagGroup","InputTag","UncontrolledInputs","name","v","Select","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","outerEndSlot","outerStartSlot","fieldGroupIsDisabled","useContext","FieldGroupContext","disabled","internalValue","setInternalValue","hasInputHeader","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","outerSlot","outerSlotsWrapper","wrapper","useLocale","selectedValue","InputHeader","InputFooter","MultiSelect","onMultipleChange"],"mappings":"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"}
+{"version":3,"file":"lyra36.cjs","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  KeyboardEvent,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Button as AriaButton, Group, Key } from \"react-aria-components\";\n\nimport clsx from \"clsx\";\n\nimport { useLocale, useMousePosition } from \"../../..\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { sharedListStyles } 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\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\n\nimport { MultiSelectProps, SelectItemsProps, SelectProps, ValueButton } from \"./select.types\";\n\ntype UseItemSelectionProps<T> = {\n  closePopover: () => void;\n  disabledItemIdKeys?: Key[];\n  filteredItems: T[];\n  getItemId: (item: T) => Key;\n  onMultiChange?: (value?: T[]) => void;\n  onSingleChange?: (value?: T) => void;\n  value?: T | T[];\n};\n\nconst useItemSelection = <T extends object>({\n  closePopover,\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));\n    }\n  }, [filteredItems, getItemId, value]);\n  // State that keeps track of the 'active' (focused but not really focused) item.\n  const [activeItem, setActiveItem] = useState(selectedItemIndex ?? 0);\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  const refs = useRef<HTMLButtonElement[]>([]);\n\n  const assignRefOnIndex = useCallback((index: number, el: HTMLButtonElement | null) => {\n    if (el) {\n      refs.current[index] = el;\n    }\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  const mousePosition = useMousePosition();\n  const previousMousePosition = useRef<string | undefined>(undefined);\n\n  // Handles keyboard navigation on buttons\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\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          const nextButtonRef = refs.current[safeNextIndex];\n          nextButtonRef?.scrollIntoView({ block: \"nearest\" });\n          nextButtonRef?.focus();\n        }\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        const safePreviousIndex = getPreviousItemIndex(currentActiveIndex);\n\n        if (safePreviousIndex >= 0) {\n          setActiveItem(safePreviousIndex);\n          const previousButtonRef = refs.current[safePreviousIndex];\n          previousButtonRef?.scrollIntoView({ block: \"nearest\" });\n          previousButtonRef?.focus();\n          previousMousePosition.current = mousePosition;\n        }\n      } else if (e.key === \"Escape\") {\n        closePopover();\n      }\n    },\n    [activeItem, closePopover, getNextItemIndex, getPreviousItemIndex, mousePosition],\n  );\n\n  // Handles onHoverChange event for the buttons\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  // Scroll the active item into view when the popover opens\n  useEffect(() => {\n    if (refs.current?.[activeItem]) {\n      refs.current[activeItem].focus();\n    }\n    // We want this to run everytime the popover opens.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  return {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onKeyDown,\n    onHoverChange,\n    selectedItemIndex,\n    toggleSelection,\n  };\n};\n\nconst ItemsList = <T extends object>({\n  disabledItemIdKeys,\n  getItemId,\n  items,\n  onMultiChange,\n  onSingleChange,\n  selectRenderElements,\n  setOpenPopover,\n  value,\n}: Pick<\n  SelectItemsProps<T>,\n  | \"disabledItemIdKeys\"\n  | \"getItemId\"\n  | \"items\"\n  | \"onMultiChange\"\n  | \"onSingleChange\"\n  | \"selectRenderElements\"\n  | \"setOpenPopover\"\n  | \"value\"\n>) => {\n  const {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onHoverChange,\n    onKeyDown,\n    toggleSelection,\n  } = useItemSelection({\n    closePopover: () => setOpenPopover(false),\n    disabledItemIdKeys,\n    filteredItems: items,\n    getItemId,\n    onMultiChange,\n    onSingleChange,\n    value,\n  });\n\n  const itemIsDisabled = (item: T) => {\n    return disabledItemIdKeys?.includes(getItemId(item)) ?? false;\n  };\n\n  return (\n    <div\n      className={sharedListStyles({\n        className: \"h-full max-h-72 overflow-auto\",\n      })}\n    >\n      {items.map((item, index) => (\n        <AriaButton\n          data-index={index}\n          key={getItemId(item)}\n          ref={(el) => assignRefOnIndex(index, el)}\n          className=\"w-full text-start outline-none\"\n          onHoverChange={(isHovering) => {\n            onHoverChange(isHovering, index);\n          }}\n          onPress={() => toggleSelection(item)}\n          onKeyDown={(e) => onKeyDown(e)}\n          isDisabled={itemIsDisabled(item)}\n        >\n          <SharedListItem\n            item={item}\n            state={{\n              active: activeItem === index,\n              disabled: disabledItemIdKeys?.includes(getItemId(item)) ?? false,\n              selected: getItemIsSelected(item),\n            }}\n            selectRenderElements={selectRenderElements}\n            hasSelection\n          />\n        </AriaButton>\n      ))}\n    </div>\n  );\n};\n\n/**\n * Renders the options for the select component.\n *\n */\nconst SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  getItemId,\n  items,\n  label,\n  onMultiChange,\n  onSingleChange,\n  open,\n  placement = \"bottom start\",\n  selectRenderElements,\n  setOpenPopover,\n  triggerRef,\n  value,\n}: SelectItemsProps<T>) => {\n  const [triggerRefWidth, setTriggerRefWidth] = useState<number | undefined>(\n    triggerRef.current?.offsetWidth,\n  );\n  const triggerWidth = triggerRefWidth ?? triggerRef.current?.offsetWidth;\n\n  useEventListener(\"resize\", () => {\n    setTriggerRefWidth(triggerRef.current?.offsetWidth);\n  });\n\n  return (\n    <Popover\n      className=\"p-1\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      aria-label={label}\n      disablePadding\n      placement={placement}\n      style={\n        {\n          width: triggerWidth && triggerWidth > 280 ? triggerWidth + \"px\" : \"280px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {open ? (\n        <ItemsList\n          getItemId={getItemId}\n          items={items}\n          onMultiChange={onMultiChange}\n          onSingleChange={onSingleChange}\n          selectRenderElements={selectRenderElements}\n          setOpenPopover={setOpenPopover}\n          value={value}\n          disabledItemIdKeys={disabledItemIdKeys}\n        />\n      ) : null}\n    </Popover>\n  );\n};\n\n/**\n * Renders a single value button for a select input.\n *\n */\nconst SingleValueButton = <T extends object>({\n  disableClearLogic,\n  fullWidth,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  onChange,\n  placeholder,\n  renderCustomElementInValueButton,\n  selectRenderElements,\n  setOpenPopover,\n  value,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({ isInputOnly: false });\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if ((e.key === \"Escape\" || e.key === \"Backspace\") && !disableClearLogic) {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      setOpenPopover(true);\n    }\n  };\n\n  return (\n    <AriaButton\n      className={({ isFocused, isHovered }) =>\n        inputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          hasEndSlot: true,\n          className: clsx(\n            isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n            \"min-h-8\",\n          ),\n        })\n      }\n      isDisabled={isDisabled}\n      onKeyDown={onKeyDown}\n      onPress={() => {\n        setOpenPopover(true);\n      }}\n    >\n      <div className=\"flex grow text-start\">\n        {renderCustomElementInValueButton && value\n          ? selectRenderElements(value)?.customElement\n          : null}\n        {value ? <>{getLabel(value)}</> : <Text color=\"secondary\">{placeholder}</Text>}\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {value && !disableClearLogic && !isDisabled ? (\n          <>\n            <div\n              className=\"text-secondary\"\n              role=\"button\"\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\" />\n      </div>\n    </AriaButton>\n  );\n};\n\n/**\n * Renders a button component for selecting multiple values.\n *\n */\nconst MultipleValuesButton = <T extends object>({\n  fullWidth,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  label,\n  onChange,\n  placeholder,\n  setOpenPopover,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({ isInputOnly: false });\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  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      setOpenPopover(true);\n    }\n  };\n\n  return (\n    <Group>\n      {({ isFocusWithin }) => (\n        <AriaButton\n          className={({ isFocused, isHovered }) =>\n            inputFieldStyles({\n              fullWidth,\n              isDisabled,\n              isHovered,\n              isFocused: isFocused || isFocusWithin,\n              isInvalid,\n              hasEndSlot: true,\n              className: clsx(\n                isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n                \"items-start\",\n                \"py-[0.4375rem]\",\n              ),\n            })\n          }\n          onKeyDown={(e) => onKeyDown(e)}\n          onPress={() => setOpenPopover(true)}\n          isDisabled={isDisabled}\n        >\n          <div className=\"flex w-full outline-none\">\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]\"\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-4\" />\n          </div>\n        </AriaButton>\n      )}\n    </Group>\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\n/**\n * Renders a select input component.\n *\n */\nexport const Select = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  outerEndSlot,\n  outerStartSlot,\n  placeholder,\n  placement,\n  renderCustomElementInValueButton,\n  selectRenderElements,\n  value,\n}: SelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const [open, setOpenPopover] = useState(false);\n  const disabled = isDisabled || fieldGroupIsDisabled;\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      setOpenPopover(false);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\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={outerSlotsWrapper()}>\n        {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n        <div className={wrapper({ fullWidth })}>\n          {hasInputHeader ? (\n            <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n          ) : null}\n          <div ref={triggerRef}>\n            <SingleValueButton\n              fullWidth={fullWidth}\n              isDisabled={disabled}\n              disableClearLogic={disableClearLogic}\n              isInvalid={isInvalid || !!errorMessage}\n              placeholder={placeholder}\n              value={selectedValue}\n              getLabel={getLabel}\n              getItemId={getItemId}\n              label={label}\n              onChange={onSingleChange}\n              setOpenPopover={setOpenPopover}\n              renderCustomElementInValueButton={renderCustomElementInValueButton}\n              selectRenderElements={selectRenderElements}\n            />\n          </div>\n          {hasInputFooter ? (\n            <InputFooter description={description} errorMessage={errorMessage} />\n          ) : null}\n        </div>\n        {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n      </div>\n      <SelectItems<T>\n        triggerRef={triggerRef}\n        label={`${label} options`}\n        getItemId={getItemId}\n        selectRenderElements={selectRenderElements}\n        items={items}\n        open={open}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        setOpenPopover={setOpenPopover}\n        onSingleChange={onSingleChange}\n        value={selectedValue}\n        placement={placement}\n      />\n    </div>\n  );\n};\n\nexport const MultiSelect = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  outerEndSlot,\n  outerStartSlot,\n  placeholder,\n  placement,\n  selectRenderElements,\n  value,\n}: MultiSelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const disabled = isDisabled || fieldGroupIsDisabled;\n  const [open, setOpenPopover] = useState(false);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\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={outerSlotsWrapper()}>\n        {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n        <div className={wrapper({ fullWidth })}>\n          {hasInputHeader ? (\n            <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n          ) : null}\n          <div ref={triggerRef}>\n            <MultipleValuesButton\n              fullWidth={fullWidth}\n              isDisabled={disabled}\n              isInvalid={isInvalid || !!errorMessage}\n              placeholder={placeholder}\n              value={selectedValue}\n              onChange={onMultipleChange}\n              getItemId={getItemId}\n              getLabel={getLabel}\n              label={label}\n              disableClearLogic={disableClearLogic}\n              setOpenPopover={setOpenPopover}\n              selectRenderElements={selectRenderElements}\n            />\n          </div>\n          {hasInputFooter ? (\n            <InputFooter description={description} errorMessage={errorMessage} />\n          ) : null}\n        </div>\n        {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n      </div>\n      <SelectItems<T>\n        label={`${label} options`}\n        triggerRef={triggerRef}\n        items={items}\n        open={open}\n        getItemId={getItemId}\n        selectRenderElements={selectRenderElements}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        setOpenPopover={setOpenPopover}\n        onMultiChange={onMultipleChange}\n        placement={placement}\n        value={selectedValue}\n      />\n    </div>\n  );\n};\n"],"names":["useItemSelection","closePopover","disabledItemIdKeys","filteredItems","getItemId","onMultiChange","onSingleChange","value","selectedItemIndex","useMemo","item","activeItem","setActiveItem","useState","getPreviousItemIndex","useCallback","activeIndex","i","getNextItemIndex","refs","useRef","assignRefOnIndex","index","el","toggleSelection","currentValue","currentValueIds","newValue","getItemIsSelected","subValue","mousePosition","useMousePosition","previousMousePosition","onKeyDown","e","currentActiveIndex","safeNextIndex","nextButtonRef","safePreviousIndex","previousButtonRef","onHoverChange","isHovering","useEffect","_a","ItemsList","items","selectRenderElements","setOpenPopover","itemIsDisabled","jsx","sharedListStyles","AriaButton","SharedListItem","SelectItems","direction","label","open","placement","triggerRef","triggerRefWidth","setTriggerRefWidth","triggerWidth","_b","useEventListener","Popover","SingleValueButton","disableClearLogic","fullWidth","getLabel","isDisabled","isInvalid","onChange","placeholder","renderCustomElementInValueButton","inputFieldStyles","sharedInputStyles","jsxs","isFocused","isHovered","clsx","Fragment","Text","SvgIcon","MultipleValuesButton","onRemove","keys","itemId","Group","isFocusWithin","InputTagGroup","InputTag","UncontrolledInputs","name","v","Select","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","outerEndSlot","outerStartSlot","fieldGroupIsDisabled","useContext","FieldGroupContext","disabled","internalValue","setInternalValue","hasInputHeader","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","outerSlot","outerSlotsWrapper","wrapper","useLocale","selectedValue","InputHeader","InputFooter","MultiSelect","onMultipleChange"],"mappings":"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"}