@clickhouse/click-ui 0.6.1-rc1 → 0.6.1

package/dist/cjs/components/Select/common/InternalSelect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InternalSelect.cjs","sources":["../../../../../src/components/Select/common/InternalSelect.tsx"],"sourcesContent":["import {\n  Children,\n  FunctionComponent,\n  HTMLAttributes,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  NoAvailableOptionsFactoryProps,\n  SelectContainerProps,\n  SelectGroupProps,\n  SelectItemObject,\n  SelectItemProps,\n  SelectOptionListItem,\n} from './types';\nimport { Error, FormElementContainer, FormRoot } from '@/components/FormContainer';\nimport { Portal } from '@radix-ui/react-popover';\nimport { Checkbox } from '@/components/Checkbox';\nimport type { CheckboxVariants } from '@/components/Checkbox';\nimport { Container } from '@/components/Container';\nimport { Icon } from '@/components/Icon';\nimport { IconButton } from '@/components/IconButton';\nimport { Label } from '@/components/Label';\nimport { Separator } from '@/components/Separator';\nimport { Text } from '@/components/Text';\nimport type { TextProps } from '@/components/Text';\n\nimport {\n  SelectPopoverContent,\n  SearchBar,\n  SearchBarContainer,\n  SearchClose,\n  SelectList,\n  SelectListContent,\n  SelectPopoverRoot,\n  StyledSelectTrigger,\n  SelectValue,\n  HiddenSelectElement,\n  SelectGroupContainer,\n  SelectGroupName,\n  SelectGroupContent,\n  SelectNoDataContainer,\n  SelectItemDescriptionText,\n} from './SelectStyled';\nimport { OptionContext } from './OptionContext';\nimport { MultiSelectValue } from '../MultiSelectValue';\nimport SingleSelectValue from '../SingleSelectValue';\nimport { useOption, useSearch } from './useOption';\nimport { mergeRefs } from '@/utils/mergeRefs';\nimport { GenericMenuItem } from '@/components/GenericMenu';\nimport { IconWrapper } from '@/components/IconWrapper';\nimport { useInputModality } from '@/hooks/internal';\nimport { styled } from 'styled-components';\nimport { getTextFromNodes } from '@/lib/getTextFromNodes';\n\ntype CallbackProps = SelectItemObject & {\n  nodeProps: SelectItemProps;\n};\n\ninterface NoOptionsDisplayProps {\n  allowCreateOption: boolean;\n  search: string;\n  customText: string;\n  noAvailableOptions: boolean | ((props: NoAvailableOptionsFactoryProps) => ReactNode);\n  onCreateOption: (e: MouseEvent<HTMLDivElement>) => void;\n  onOpenChange: (open: boolean) => void;\n  containerProps?: HTMLAttributes<HTMLDivElement>;\n}\n\nconst NoOptionsDisplay: React.FC<NoOptionsDisplayProps> = ({\n  allowCreateOption,\n  search,\n  customText,\n  noAvailableOptions,\n  onCreateOption,\n  onOpenChange,\n  containerProps,\n}) => {\n  const getCustomTextWithSearch = (text: string) => text.replaceAll('{search}', search);\n\n  const getDefaultMessage = () =>\n    `No Options found${search.length > 0 ? ` for \"${search}\" ` : ''}`;\n\n  const getNoAvailableOptionsNode = (): ReactNode => {\n    if (typeof noAvailableOptions === 'boolean') {\n      return noAvailableOptions ? getDefaultMessage() : null;\n    }\n\n    // ReactNode\n    return noAvailableOptions({\n      search,\n      close: (): void => onOpenChange(false),\n    });\n  };\n\n  // Determine node to render when there are no options\n  const hasCustomText = customText.length > 0;\n  const hasSearchInput = search.length > 0;\n  const shouldShowCreateOption = allowCreateOption && hasSearchInput;\n\n  let noOptionsNode: ReactNode = null;\n\n  if (shouldShowCreateOption) {\n    noOptionsNode = hasCustomText ? getCustomTextWithSearch(customText) : `Add ${search}`;\n  } else if (hasCustomText) {\n    noOptionsNode = getCustomTextWithSearch(customText);\n  } else {\n    noOptionsNode = getNoAvailableOptionsNode();\n  }\n\n  if (!noOptionsNode) {\n    return null;\n  }\n\n  const handleNoOptionsClick = (e: MouseEvent<HTMLDivElement>) => {\n    if (shouldShowCreateOption) {\n      onCreateOption(e);\n      onOpenChange(false);\n    }\n  };\n\n  const isCustomReactNode = typeof noAvailableOptions === 'function';\n  if (isCustomReactNode) {\n    return (\n      <Container\n        onClick={handleNoOptionsClick}\n        {...containerProps}\n      >\n        {noOptionsNode}\n      </Container>\n    );\n  }\n\n  return (\n    <SelectNoDataContainer\n      onClick={handleNoOptionsClick}\n      $clickable={allowCreateOption}\n      {...containerProps}\n    >\n      {noOptionsNode}\n    </SelectNoDataContainer>\n  );\n};\n\nconst childrenToComboboxItemArray = (\n  children: ReactNode,\n  callback: (props: CallbackProps) => void,\n  heading?: string\n): SelectItemObject[] => {\n  return Children.toArray(children).flatMap(child => {\n    if (isValidElement(child) && child && typeof child === 'object') {\n      const type = child.type as FunctionComponent;\n      if (type.displayName === 'Select.Group') {\n        const groupChildren = child.props.children;\n        return childrenToComboboxItemArray(\n          groupChildren,\n          callback,\n          getTextFromNodes(child.props.heading).toLowerCase()\n        );\n      } else if (type.displayName === 'Select.Item') {\n        const title = getTextFromNodes(child).toLowerCase();\n        const value = child.props.value;\n        const disabled = child.props.disabled;\n        callback({\n          disabled,\n          value,\n          title,\n          heading,\n          nodeProps: child.props,\n        });\n        return {\n          disabled,\n          value,\n          title,\n          heading,\n        };\n      } else if ('props' in child && child.props.children) {\n        return childrenToComboboxItemArray(child.props.children, callback, heading);\n      }\n    }\n    return [];\n  });\n};\n\nexport const InternalSelect = ({\n  label,\n  children,\n  orientation,\n  dir,\n  disabled,\n  id,\n  error,\n  value: selectedValues,\n  onChange,\n  onSelect,\n  open,\n  onOpenChange,\n  name,\n  form,\n  allowCreateOption = false,\n  customText = '',\n  options,\n  sortable = false,\n  placeholder = 'Select an option',\n  maxHeight,\n  multiple,\n  checkbox,\n  selectLabel,\n  showSearch = false,\n  container,\n  useFullWidthItems = false,\n  itemCharacterLimit = '64ch',\n  noAvailableOptions = true,\n  triggerProps,\n  ...props\n}: SelectContainerProps) => {\n  const defaultId = useId();\n  const [search, setSearch] = useState('');\n  const [highlighted, setHighlighted] = useState<string | undefined>();\n  const visibleList = useRef<string[]>([]);\n  const navigatable = useRef<string[]>([]);\n  const valueNode = useRef<Map<string, SelectItemProps>>(new Map());\n  const [isInitialized, setInitialized] = useState(false);\n  const [list, setList] = useState<SelectItemObject[]>([]);\n  const updateElements = useCallback(\n    ({ disabled, value, title, heading, nodeProps }: CallbackProps) => {\n      if (title.includes(search) || heading?.includes(search)) {\n        visibleList.current.push(value);\n        if (!disabled) {\n          navigatable.current.push(value);\n        }\n      }\n      valueNode.current.set(value, nodeProps);\n    },\n    [search]\n  );\n  const onUpdateSearch = useCallback(\n    (search: string) => {\n      setSearch(search);\n      let hasHighlightedValue = false;\n      const visibleItemsList: string[] = [];\n      const navigatableList: string[] = [];\n      const searchLowerCase = search.toLowerCase();\n      list.forEach(item => {\n        if (\n          item.title.includes(searchLowerCase) ||\n          item.heading?.includes(searchLowerCase)\n        ) {\n          if (item.value === highlighted) {\n            hasHighlightedValue = true;\n          }\n          visibleItemsList.push(item.value);\n          if (!item.disabled) {\n            navigatableList.push(item.value);\n          }\n        }\n      });\n      navigatable.current = navigatableList;\n      visibleList.current = visibleItemsList;\n      if (!hasHighlightedValue) {\n        setHighlighted(navigatableList[0] ?? null);\n      }\n    },\n    [highlighted, list]\n  );\n\n  const updateList = useCallback(\n    (children?: ReactNode, options?: SelectOptionListItem[]) => {\n      const lowerCasedSearch = search.toLowerCase();\n      if (options) {\n        setList(\n          options.flatMap(option => {\n            if ('options' in option) {\n              const heading = getTextFromNodes(option.heading).toLowerCase();\n              return (option.options ?? []).map(item => {\n                valueNode.current.set(item.value, item);\n                const title = getTextFromNodes(item.label).toLowerCase();\n                if (\n                  title.includes(lowerCasedSearch) ||\n                  heading?.includes(lowerCasedSearch)\n                ) {\n                  visibleList.current.push(item.value);\n                  if (!disabled) {\n                    navigatable.current.push(item.value);\n                  }\n                }\n                return {\n                  heading,\n                  disabled: item.disabled,\n                  value: item.value,\n                  title,\n                };\n              });\n            } else {\n              valueNode.current.set(option.value, option);\n              const title = getTextFromNodes(option.label).toLowerCase();\n              if (title.includes(lowerCasedSearch)) {\n                visibleList.current.push(option.value);\n                if (!disabled) {\n                  navigatable.current.push(option.value);\n                }\n              }\n              return {\n                disabled: option.disabled,\n                value: option.value,\n                title: getTextFromNodes(option.label),\n              };\n            }\n          })\n        );\n      } else if (children) {\n        setList(childrenToComboboxItemArray(children, updateElements));\n      }\n    },\n    [disabled, search, updateElements]\n  );\n\n  useEffect(() => {\n    updateList(children, options);\n    setInitialized(true);\n  }, [children, options, updateList]);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputModalityProps = useInputModality();\n\n  const onFocus = () => {\n    inputRef.current?.focus();\n  };\n\n  const clearSearch = () => {\n    onUpdateSearch('');\n  };\n\n  const onKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n    if (!e.defaultPrevented) {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        if (highlighted) {\n          onSelect(highlighted, undefined, e);\n        } else if (visibleList.current.length === 0 && allowCreateOption) {\n          onSelect(search, 'custom', e);\n        }\n      } else if (['ArrowUp', 'ArrowDown', 'Home', 'End'].includes(e.key)) {\n        e.preventDefault();\n        let nextHighlightedValue = highlighted;\n        const highlightedIndex = navigatable.current.findIndex(\n          value => value === highlighted\n        );\n        if (e.key === 'ArrowUp') {\n          if (highlightedIndex === 0) {\n            nextHighlightedValue = navigatable.current[navigatable.current.length - 1];\n          } else {\n            nextHighlightedValue = navigatable.current[highlightedIndex - 1];\n          }\n        } else if (e.key === 'ArrowDown') {\n          e.preventDefault();\n          if (highlightedIndex === navigatable.current.length - 1) {\n            nextHighlightedValue = navigatable.current[0];\n          } else {\n            nextHighlightedValue = navigatable.current[highlightedIndex + 1];\n          }\n        } else if (e.key === 'End') {\n          e.preventDefault();\n          nextHighlightedValue = navigatable.current[navigatable.current.length - 1];\n        } else if (e.key === 'Home') {\n          nextHighlightedValue = navigatable.current[0];\n          e.preventDefault();\n        }\n        setHighlighted(nextHighlightedValue);\n      }\n    }\n  };\n  const isHidden = useCallback(\n    (value?: string) => {\n      return !visibleList.current.includes(value ?? '');\n    },\n    [visibleList]\n  );\n\n  const optionContextValue = useMemo(() => {\n    return {\n      search,\n      updateHighlighted: setHighlighted,\n      highlighted,\n      isHidden,\n      onSelect,\n      selectedValues,\n    };\n  }, [search, highlighted, isHidden, onSelect, selectedValues]);\n\n  const onCreateOption = (e: MouseEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (allowCreateOption) {\n      onSelect(search, 'custom', e);\n    }\n  };\n\n  return (\n    <FormRoot\n      $orientation={orientation}\n      $dir={dir}\n      $addLabelPadding\n      {...props}\n    >\n      <FormElementContainer>\n        <SelectPopoverRoot\n          open={open}\n          onOpenChange={onOpenChange}\n          modal={true}\n        >\n          <StyledSelectTrigger\n            id={id ?? defaultId}\n            $error={!!error}\n            disabled={disabled}\n            data-testid=\"select-trigger\"\n            {...triggerProps}\n          >\n            {isInitialized && (\n              <SelectValue>\n                {selectedValues.length === 0 ? (\n                  placeholder\n                ) : multiple ? (\n                  <MultiSelectValue\n                    disabled={disabled ?? false}\n                    onSelect={onSelect}\n                    selectedValues={selectedValues}\n                    sortable={!disabled && sortable}\n                    valueNode={valueNode.current}\n                    onChange={onChange}\n                  />\n                ) : (\n                  <SingleSelectValue\n                    valueNode={\n                      checkbox && selectLabel\n                        ? { label: selectLabel as string, value: selectLabel as string }\n                        : valueNode.current.get(selectedValues[0])\n                    }\n                    value={selectedValues[0]}\n                  />\n                )}\n              </SelectValue>\n            )}\n            <Icon\n              name=\"sort\"\n              size=\"sm\"\n            />\n          </StyledSelectTrigger>\n          {form && (\n            <HiddenSelectElement\n              multiple={multiple}\n              name={name}\n              form={form}\n              value={selectedValues}\n              onChange={() => null}\n            >\n              {list.map(item => (\n                <option\n                  key={item.value}\n                  value={item.value}\n                  disabled={item.disabled}\n                >\n                  {item.value}\n                </option>\n              ))}\n            </HiddenSelectElement>\n          )}\n          <Portal container={container}>\n            <SelectPopoverContent\n              {...inputModalityProps}\n              sideOffset={5}\n              onFocus={onFocus}\n              onCloseAutoFocus={() => {\n                onUpdateSearch('');\n              }}\n              onOpenAutoFocus={() => {\n                setHighlighted(visibleList.current[0]);\n              }}\n              align=\"start\"\n              $useFullWidthItems={useFullWidthItems}\n              $itemCharacterLimit={itemCharacterLimit}\n            >\n              <SelectList>\n                <SearchBarContainer $showSearch={showSearch}>\n                  <SearchBar\n                    ref={inputRef}\n                    value={search}\n                    onChange={e => onUpdateSearch(e.target.value)}\n                    data-testid=\"select-search-input\"\n                    onKeyDown={onKeyDown}\n                    $showSearch={showSearch}\n                  />\n                  <SearchClose\n                    as={IconButton}\n                    icon=\"cross\"\n                    onClick={clearSearch}\n                    data-testid=\"select-search-close\"\n                    $showClose={search.length > 0}\n                    size=\"xs\"\n                  />\n                </SearchBarContainer>\n                <SelectListContent $maxHeight={maxHeight}>\n                  <OptionContext.Provider value={optionContextValue}>\n                    {options && options.length > 0\n                      ? options.map((props, index) => {\n                          if ('options' in props) {\n                            const { options: itemList = [], ...groupProps } = props;\n                            return (\n                              <SelectGroup\n                                key={`select-${id}-group-${index}`}\n                                {...groupProps}\n                              >\n                                {itemList.map((itemProps, itemIndex) => {\n                                  if (checkbox) {\n                                    return (\n                                      <MultiSelectCheckboxItem\n                                        key={`select-${id}-group-${index}-item-${itemIndex}`}\n                                        {...itemProps}\n                                      />\n                                    );\n                                  }\n                                  return (\n                                    <SelectItem\n                                      key={`select-${id}-group-${index}-item-${itemIndex}`}\n                                      {...itemProps}\n                                    />\n                                  );\n                                })}\n                              </SelectGroup>\n                            );\n                          } else {\n                            if (checkbox) {\n                              return (\n                                <MultiSelectCheckboxItem\n                                  key={`select-${id}-item-${index}`}\n                                  {...props}\n                                />\n                              );\n                            }\n                            return (\n                              <SelectItem\n                                key={`select-${id}-item-${index}`}\n                                {...props}\n                              />\n                            );\n                          }\n                        })\n                      : children}\n                  </OptionContext.Provider>\n                </SelectListContent>\n                {visibleList.current.length === 0 &&\n                  (allowCreateOption || !!noAvailableOptions) && (\n                    <NoOptionsDisplay\n                      allowCreateOption={allowCreateOption}\n                      search={search}\n                      customText={customText}\n                      noAvailableOptions={noAvailableOptions}\n                      onCreateOption={onCreateOption}\n                      onOpenChange={onOpenChange}\n                      containerProps={props}\n                    />\n                  )}\n              </SelectList>\n            </SelectPopoverContent>\n          </Portal>\n        </SelectPopoverRoot>\n        {!!error && error !== true && <Error>{error}</Error>}\n      </FormElementContainer>\n      {label && (\n        <Label\n          htmlFor={id ?? defaultId}\n          disabled={disabled}\n          error={!!error}\n        >\n          {label}\n        </Label>\n      )}\n    </FormRoot>\n  );\n};\n\nexport const SelectGroup = forwardRef<HTMLDivElement, SelectGroupProps>(\n  ({ children, heading, ...props }, forwardedRef) => {\n    useSearch();\n    return (\n      <SelectGroupContainer\n        {...props}\n        ref={mergeRefs([\n          forwardedRef,\n          node => {\n            const hidden = node?.querySelectorAll('[cui-select-item]').length === 0;\n            if (hidden) {\n              node?.setAttribute('hidden', '');\n            } else {\n              node?.removeAttribute('hidden');\n            }\n            node?.setAttribute('aria-hidden', hidden.toString());\n          },\n        ])}\n      >\n        <SelectGroupName>{heading}</SelectGroupName>\n        <SelectGroupContent>{children}</SelectGroupContent>\n      </SelectGroupContainer>\n    );\n  }\n);\n\nSelectGroup.displayName = 'Select.Group';\n\nconst CheckIcon = styled.svg<{ $showCheck: boolean }>`\n  opacity: ${({ $showCheck }) => ($showCheck ? 1 : 0)};\n`;\n\nexport const SelectItem = forwardRef<HTMLDivElement, SelectItemProps>(\n  (\n    {\n      disabled = false,\n      children,\n      label,\n      description,\n      separator,\n      onSelect: onSelectProp,\n      value = '',\n      icon,\n      iconDir,\n      onMouseOver: onMouseOverProp,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const { highlighted, updateHighlighted, isHidden, selectedValues, onSelect } =\n      useOption();\n    const onSelectValue = (evt: MouseEvent<HTMLElement>) => {\n      if (!disabled) {\n        onSelect(value, undefined, evt);\n        if (typeof onSelectProp == 'function') {\n          onSelectProp(value, undefined, evt);\n        }\n      }\n    };\n    const onMouseOver = (e: MouseEvent<HTMLDivElement>) => {\n      if (onMouseOverProp) {\n        onMouseOverProp(e);\n      }\n      if (!disabled) {\n        updateHighlighted(value);\n      }\n    };\n\n    if (isHidden(value)) {\n      return null;\n    }\n    const isChecked = selectedValues.includes(value);\n\n    return (\n      <>\n        <GenericMenuItem\n          {...props}\n          data-value={value}\n          onClick={onSelectValue}\n          onMouseOver={onMouseOver}\n          ref={forwardedRef}\n          data-state={isChecked ? 'checked' : 'unchecked'}\n          data-disabled={disabled ? true : undefined}\n          data-highlighted={highlighted == value ? 'true' : undefined}\n          cui-select-item=\"\"\n        >\n          <IconWrapper\n            icon={icon}\n            iconDir={iconDir}\n            gap=\"xxs\"\n            isResponsive={false}\n          >\n            {label ? (\n              <>\n                {label}\n                {description && (\n                  <SelectItemDescription>{description}</SelectItemDescription>\n                )}\n              </>\n            ) : (\n              children\n            )}\n          </IconWrapper>\n          <CheckIcon\n            as={Icon}\n            name=\"check\"\n            size=\"sm\"\n            $showCheck={isChecked}\n          />\n        </GenericMenuItem>\n        {separator && <Separator size=\"sm\" />}\n      </>\n    );\n  }\n);\n\nexport type MultiSelectCheckboxItemProps = SelectItemProps & {\n  variant?: CheckboxVariants;\n};\n\nSelectItem.displayName = 'Select.Item';\n\nexport const MultiSelectCheckboxItem = forwardRef<\n  HTMLDivElement,\n  MultiSelectCheckboxItemProps\n>(\n  (\n    {\n      disabled = false,\n      children,\n      icon,\n      iconDir = 'end',\n      label,\n      description,\n      onMouseOver: onMouseOverProp,\n      onSelect: onSelectProp,\n      separator,\n      value = '',\n      variant,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const { highlighted, updateHighlighted, isHidden, selectedValues, onSelect } =\n      useOption();\n\n    const handleMenuItemClick = (evt: MouseEvent<HTMLElement>) => {\n      if (!disabled) {\n        onSelect(value, undefined, evt);\n\n        if (typeof onSelectProp === 'function') {\n          onSelectProp(value, undefined, evt);\n        }\n      }\n    };\n\n    const handleMenuItemMouseOver = (e: MouseEvent<HTMLDivElement>) => {\n      if (onMouseOverProp) {\n        onMouseOverProp(e);\n      }\n      if (!disabled) {\n        updateHighlighted(value);\n      }\n    };\n\n    if (isHidden(value)) {\n      return null;\n    }\n\n    const isChecked = selectedValues.includes(value);\n\n    return (\n      <>\n        <GenericMenuItem\n          {...props}\n          data-value={value}\n          onClick={handleMenuItemClick}\n          onMouseOver={handleMenuItemMouseOver}\n          ref={forwardedRef}\n          data-disabled={disabled ? true : undefined}\n          data-highlighted={highlighted == value ? 'true' : undefined}\n          data-testid={`multi-select-checkbox-${value}`}\n          cui-select-item=\"\"\n        >\n          <Container\n            orientation=\"horizontal\"\n            gap=\"xs\"\n            overflow=\"hidden\"\n          >\n            <Checkbox\n              checked={isChecked}\n              data-testid=\"multi-select-checkbox\"\n              disabled={disabled}\n              variant={variant ?? 'default'}\n            />\n            <IconWrapper\n              icon={icon}\n              iconDir={iconDir}\n              gap=\"xxs\"\n              isResponsive={false}\n            >\n              {label ? (\n                <>\n                  {label}\n                  {description && (\n                    <SelectItemDescription>{description}</SelectItemDescription>\n                  )}\n                </>\n              ) : (\n                children\n              )}\n            </IconWrapper>\n          </Container>\n        </GenericMenuItem>\n        {separator && <Separator size=\"sm\" />}\n      </>\n    );\n  }\n);\n\nMultiSelectCheckboxItem.displayName = 'Select.Item';\n\nexport const SelectItemDescription = forwardRef<HTMLDivElement, TextProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <Text\n        ref={ref}\n        component={SelectItemDescriptionText}\n        color=\"muted\"\n        {...props}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nSelectItemDescription.displayName = 'Select.ItemDescription';\n"],"names":["NoOptionsDisplay","allowCreateOption","search","customText","noAvailableOptions","onCreateOption","onOpenChange","containerProps","getCustomTextWithSearch","text","replaceAll","getDefaultMessage","length","getNoAvailableOptionsNode","close","hasCustomText","hasSearchInput","shouldShowCreateOption","noOptionsNode","handleNoOptionsClick","e","isCustomReactNode","Container","jsx","SelectNoDataContainer","childrenToComboboxItemArray","children","callback","heading","Children","toArray","flatMap","child","isValidElement","type","displayName","groupChildren","props","getTextFromNodes","toLowerCase","title","value","disabled","nodeProps","InternalSelect","label","orientation","dir","id","error","selectedValues","onChange","onSelect","open","name","form","options","sortable","placeholder","maxHeight","multiple","checkbox","selectLabel","showSearch","container","useFullWidthItems","itemCharacterLimit","triggerProps","defaultId","useId","setSearch","useState","highlighted","setHighlighted","visibleList","useRef","navigatable","valueNode","Map","isInitialized","setInitialized","list","setList","updateElements","useCallback","includes","current","push","set","onUpdateSearch","hasHighlightedValue","visibleItemsList","navigatableList","searchLowerCase","forEach","item","updateList","lowerCasedSearch","option","map","useEffect","inputRef","inputModalityProps","useInputModality","onFocus","focus","clearSearch","onKeyDown","defaultPrevented","key","preventDefault","undefined","nextHighlightedValue","highlightedIndex","findIndex","isHidden","optionContextValue","useMemo","updateHighlighted","stopPropagation","jsxs","FormRoot","FormElementContainer","SelectPopoverRoot","StyledSelectTrigger","SelectValue","MultiSelectValue","SingleSelectValue","get","Icon","HiddenSelectElement","Portal","SelectPopoverContent","SelectList","SearchBarContainer","SearchBar","target","SearchClose","IconButton","SelectListContent","OptionContext","index","itemList","groupProps","itemProps","itemIndex","Error","Label","SelectGroup","forwardRef","forwardedRef","useSearch","SelectGroupContainer","mergeRefs","node","hidden","querySelectorAll","setAttribute","removeAttribute","toString","SelectGroupName","SelectGroupContent","CheckIcon","styled","svg","withConfig","componentId","$showCheck","SelectItem","description","separator","onSelectProp","icon","iconDir","onMouseOver","onMouseOverProp","useOption","onSelectValue","evt","isChecked","Fragment","GenericMenuItem","IconWrapper","Separator","MultiSelectCheckboxItem","variant","handleMenuItemClick","handleMenuItemMouseOver","Checkbox","SelectItemDescription","ref","Text","SelectItemDescriptionText"],"mappings":"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"}
+{"version":3,"file":"InternalSelect.cjs","sources":["../../../../../src/components/Select/common/InternalSelect.tsx"],"sourcesContent":["import {\n  Children,\n  FunctionComponent,\n  HTMLAttributes,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  NoAvailableOptionsFactoryProps,\n  SelectContainerProps,\n  SelectGroupProps,\n  SelectItemObject,\n  SelectItemProps,\n  SelectOptionListItem,\n} from './types';\nimport { Error, FormElementContainer, FormRoot } from '@/components/FormContainer';\nimport { Portal } from '@radix-ui/react-popover';\nimport { Checkbox } from '@/components/Checkbox';\nimport type { CheckboxVariants } from '@/components/Checkbox';\nimport { Container } from '@/components/Container';\nimport { Icon } from '@/components/Icon';\nimport { IconButton } from '@/components/IconButton';\nimport { Label } from '@/components/Label';\nimport { Separator } from '@/components/Separator';\nimport { Text } from '@/components/Text';\nimport type { TextProps } from '@/components/Text';\n\nimport {\n  SelectPopoverContent,\n  SearchBar,\n  SearchBarContainer,\n  SearchClose,\n  SelectList,\n  SelectListContent,\n  SelectPopoverRoot,\n  StyledSelectTrigger,\n  SelectValue,\n  HiddenSelectElement,\n  SelectGroupContainer,\n  SelectGroupName,\n  SelectGroupContent,\n  SelectNoDataContainer,\n  SelectItemDescriptionText,\n} from './SelectStyled';\nimport { OptionContext } from './OptionContext';\nimport { MultiSelectValue } from '../MultiSelectValue';\nimport SingleSelectValue from '../SingleSelectValue';\nimport { useOption, useSearch } from './useOption';\nimport { mergeRefs } from '@/utils/mergeRefs';\nimport { GenericMenuItem } from '@/components/GenericMenu';\nimport { IconWrapper } from '@/components/IconWrapper';\nimport { useInputModality } from '@/hooks/internal';\nimport { styled } from 'styled-components';\nimport { getTextFromNodes } from '@/lib/getTextFromNodes';\n\ntype CallbackProps = SelectItemObject & {\n  nodeProps: SelectItemProps;\n};\n\ninterface NoOptionsDisplayProps {\n  allowCreateOption: boolean;\n  search: string;\n  customText: string;\n  noAvailableOptions: boolean | ((props: NoAvailableOptionsFactoryProps) => ReactNode);\n  onCreateOption: (e: MouseEvent<HTMLDivElement>) => void;\n  onOpenChange: (open: boolean) => void;\n  containerProps?: HTMLAttributes<HTMLDivElement>;\n}\n\nconst NoOptionsDisplay: React.FC<NoOptionsDisplayProps> = ({\n  allowCreateOption,\n  search,\n  customText,\n  noAvailableOptions,\n  onCreateOption,\n  onOpenChange,\n  containerProps,\n}) => {\n  const getCustomTextWithSearch = (text: string) => text.replaceAll('{search}', search);\n\n  const getDefaultMessage = () =>\n    `No Options found${search.length > 0 ? ` for \"${search}\" ` : ''}`;\n\n  const getNoAvailableOptionsNode = (): ReactNode => {\n    if (typeof noAvailableOptions === 'boolean') {\n      return noAvailableOptions ? getDefaultMessage() : null;\n    }\n\n    // ReactNode\n    return noAvailableOptions({\n      search,\n      close: (): void => onOpenChange(false),\n    });\n  };\n\n  // Determine node to render when there are no options\n  const hasCustomText = customText.length > 0;\n  const hasSearchInput = search.length > 0;\n  const shouldShowCreateOption = allowCreateOption && hasSearchInput;\n\n  let noOptionsNode: ReactNode = null;\n\n  if (shouldShowCreateOption) {\n    noOptionsNode = hasCustomText ? getCustomTextWithSearch(customText) : `Add ${search}`;\n  } else if (hasCustomText) {\n    noOptionsNode = getCustomTextWithSearch(customText);\n  } else {\n    noOptionsNode = getNoAvailableOptionsNode();\n  }\n\n  if (!noOptionsNode) {\n    return null;\n  }\n\n  const handleNoOptionsClick = (e: MouseEvent<HTMLDivElement>) => {\n    if (shouldShowCreateOption) {\n      onCreateOption(e);\n      onOpenChange(false);\n    }\n  };\n\n  const isCustomReactNode = typeof noAvailableOptions === 'function';\n  if (isCustomReactNode) {\n    return (\n      <Container\n        onClick={handleNoOptionsClick}\n        {...containerProps}\n      >\n        {noOptionsNode}\n      </Container>\n    );\n  }\n\n  return (\n    <SelectNoDataContainer\n      onClick={handleNoOptionsClick}\n      $clickable={allowCreateOption}\n      {...containerProps}\n    >\n      {noOptionsNode}\n    </SelectNoDataContainer>\n  );\n};\n\nconst childrenToComboboxItemArray = (\n  children: ReactNode,\n  callback: (props: CallbackProps) => void,\n  heading?: string\n): SelectItemObject[] => {\n  return Children.toArray(children).flatMap(child => {\n    if (isValidElement(child) && child && typeof child === 'object') {\n      const type = child.type as FunctionComponent;\n      if (type.displayName === 'Select.Group') {\n        const groupChildren = child.props.children;\n        return childrenToComboboxItemArray(\n          groupChildren,\n          callback,\n          getTextFromNodes(child.props.heading).toLowerCase()\n        );\n      } else if (type.displayName === 'Select.Item') {\n        const title = getTextFromNodes(child).toLowerCase();\n        const value = child.props.value;\n        const disabled = child.props.disabled;\n        callback({\n          disabled,\n          value,\n          title,\n          heading,\n          nodeProps: child.props,\n        });\n        return {\n          disabled,\n          value,\n          title,\n          heading,\n        };\n      } else if ('props' in child && child.props.children) {\n        return childrenToComboboxItemArray(child.props.children, callback, heading);\n      }\n    }\n    return [];\n  });\n};\n\nexport const InternalSelect = ({\n  label,\n  children,\n  orientation,\n  dir,\n  disabled,\n  id,\n  error,\n  value: selectedValues,\n  onChange,\n  onSelect,\n  open,\n  onOpenChange,\n  name,\n  form,\n  allowCreateOption = false,\n  customText = '',\n  options,\n  sortable = false,\n  placeholder = 'Select an option',\n  maxHeight,\n  multiple,\n  checkbox,\n  selectLabel,\n  showSearch = false,\n  container,\n  useFullWidthItems = false,\n  itemCharacterLimit = '64ch',\n  noAvailableOptions = true,\n  triggerProps,\n  ...props\n}: SelectContainerProps) => {\n  const defaultId = useId();\n  const [search, setSearch] = useState('');\n  const [highlighted, setHighlighted] = useState<string | undefined>();\n  const visibleList = useRef<string[]>([]);\n  const navigatable = useRef<string[]>([]);\n  const valueNode = useRef<Map<string, SelectItemProps>>(new Map());\n  const [isInitialized, setInitialized] = useState(false);\n  const [list, setList] = useState<SelectItemObject[]>([]);\n  const updateElements = useCallback(\n    ({ disabled, value, title, heading, nodeProps }: CallbackProps) => {\n      if (title.includes(search) || heading?.includes(search)) {\n        visibleList.current.push(value);\n        if (!disabled) {\n          navigatable.current.push(value);\n        }\n      }\n      valueNode.current.set(value, nodeProps);\n    },\n    [search]\n  );\n  const onUpdateSearch = useCallback(\n    (search: string) => {\n      setSearch(search);\n      let hasHighlightedValue = false;\n      const visibleItemsList: string[] = [];\n      const navigatableList: string[] = [];\n      const searchLowerCase = search.toLowerCase();\n      list.forEach(item => {\n        if (\n          item.title.includes(searchLowerCase) ||\n          item.heading?.includes(searchLowerCase)\n        ) {\n          if (item.value === highlighted) {\n            hasHighlightedValue = true;\n          }\n          visibleItemsList.push(item.value);\n          if (!item.disabled) {\n            navigatableList.push(item.value);\n          }\n        }\n      });\n      navigatable.current = navigatableList;\n      visibleList.current = visibleItemsList;\n      if (!hasHighlightedValue) {\n        setHighlighted(navigatableList[0] ?? null);\n      }\n    },\n    [highlighted, list]\n  );\n\n  const updateList = useCallback(\n    (children?: ReactNode, options?: SelectOptionListItem[]) => {\n      const lowerCasedSearch = search.toLowerCase();\n      if (options) {\n        setList(\n          options.flatMap(option => {\n            if ('options' in option) {\n              const heading = getTextFromNodes(option.heading).toLowerCase();\n              return (option.options ?? []).map(item => {\n                valueNode.current.set(item.value, item);\n                const title = getTextFromNodes(item.label).toLowerCase();\n                if (\n                  title.includes(lowerCasedSearch) ||\n                  heading?.includes(lowerCasedSearch)\n                ) {\n                  visibleList.current.push(item.value);\n                  if (!disabled) {\n                    navigatable.current.push(item.value);\n                  }\n                }\n                return {\n                  heading,\n                  disabled: item.disabled,\n                  value: item.value,\n                  title,\n                };\n              });\n            } else {\n              valueNode.current.set(option.value, option);\n              const title = getTextFromNodes(option.label).toLowerCase();\n              if (title.includes(lowerCasedSearch)) {\n                visibleList.current.push(option.value);\n                if (!disabled) {\n                  navigatable.current.push(option.value);\n                }\n              }\n              return {\n                disabled: option.disabled,\n                value: option.value,\n                title: getTextFromNodes(option.label),\n              };\n            }\n          })\n        );\n      } else if (children) {\n        setList(childrenToComboboxItemArray(children, updateElements));\n      }\n    },\n    [disabled, search, updateElements]\n  );\n\n  useEffect(() => {\n    updateList(children, options);\n    setInitialized(true);\n  }, [children, options, updateList]);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputModalityProps = useInputModality();\n\n  const onFocus = () => {\n    inputRef.current?.focus();\n  };\n\n  const clearSearch = () => {\n    onUpdateSearch('');\n  };\n\n  const onKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n    if (!e.defaultPrevented) {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        if (highlighted) {\n          onSelect(highlighted, undefined, e);\n        } else if (visibleList.current.length === 0 && allowCreateOption) {\n          onSelect(search, 'custom', e);\n        }\n      } else if (['ArrowUp', 'ArrowDown', 'Home', 'End'].includes(e.key)) {\n        e.preventDefault();\n        let nextHighlightedValue = highlighted;\n        const highlightedIndex = navigatable.current.findIndex(\n          value => value === highlighted\n        );\n        if (e.key === 'ArrowUp') {\n          if (highlightedIndex === 0) {\n            nextHighlightedValue = navigatable.current[navigatable.current.length - 1];\n          } else {\n            nextHighlightedValue = navigatable.current[highlightedIndex - 1];\n          }\n        } else if (e.key === 'ArrowDown') {\n          e.preventDefault();\n          if (highlightedIndex === navigatable.current.length - 1) {\n            nextHighlightedValue = navigatable.current[0];\n          } else {\n            nextHighlightedValue = navigatable.current[highlightedIndex + 1];\n          }\n        } else if (e.key === 'End') {\n          e.preventDefault();\n          nextHighlightedValue = navigatable.current[navigatable.current.length - 1];\n        } else if (e.key === 'Home') {\n          nextHighlightedValue = navigatable.current[0];\n          e.preventDefault();\n        }\n        setHighlighted(nextHighlightedValue);\n      }\n    }\n  };\n  const isHidden = useCallback(\n    (value?: string) => {\n      return !visibleList.current.includes(value ?? '');\n    },\n    [visibleList]\n  );\n\n  const optionContextValue = useMemo(() => {\n    return {\n      search,\n      updateHighlighted: setHighlighted,\n      highlighted,\n      isHidden,\n      onSelect,\n      selectedValues,\n    };\n  }, [search, highlighted, isHidden, onSelect, selectedValues]);\n\n  const onCreateOption = (e: MouseEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (allowCreateOption) {\n      onSelect(search, 'custom', e);\n    }\n  };\n\n  return (\n    <FormRoot\n      $orientation={orientation}\n      $dir={dir}\n      $addLabelPadding\n      {...props}\n    >\n      <FormElementContainer>\n        <SelectPopoverRoot\n          open={open}\n          onOpenChange={onOpenChange}\n          modal={true}\n        >\n          <StyledSelectTrigger\n            id={id ?? defaultId}\n            $error={!!error}\n            disabled={disabled}\n            data-testid=\"select-trigger\"\n            {...triggerProps}\n          >\n            {isInitialized && (\n              <SelectValue>\n                {selectedValues.length === 0 ? (\n                  placeholder\n                ) : multiple ? (\n                  <MultiSelectValue\n                    disabled={disabled ?? false}\n                    onSelect={onSelect}\n                    selectedValues={selectedValues}\n                    sortable={!disabled && sortable}\n                    valueNode={valueNode.current}\n                    onChange={onChange}\n                  />\n                ) : (\n                  <SingleSelectValue\n                    valueNode={\n                      checkbox && selectLabel\n                        ? { label: selectLabel as string, value: selectLabel as string }\n                        : valueNode.current.get(selectedValues[0])\n                    }\n                    value={selectedValues[0]}\n                  />\n                )}\n              </SelectValue>\n            )}\n            <Icon\n              name=\"sort\"\n              size=\"sm\"\n            />\n          </StyledSelectTrigger>\n          {form && (\n            <HiddenSelectElement\n              multiple={multiple}\n              name={name}\n              form={form}\n              value={selectedValues}\n              onChange={() => null}\n            >\n              {list.map(item => (\n                <option\n                  key={item.value}\n                  value={item.value}\n                  disabled={item.disabled}\n                >\n                  {item.value}\n                </option>\n              ))}\n            </HiddenSelectElement>\n          )}\n          <Portal container={container}>\n            <SelectPopoverContent\n              {...inputModalityProps}\n              sideOffset={5}\n              onFocus={onFocus}\n              onCloseAutoFocus={() => {\n                onUpdateSearch('');\n              }}\n              onOpenAutoFocus={() => {\n                setHighlighted(visibleList.current[0]);\n              }}\n              align=\"start\"\n              $useFullWidthItems={useFullWidthItems}\n              $itemCharacterLimit={itemCharacterLimit}\n            >\n              <SelectList>\n                <SearchBarContainer $showSearch={showSearch}>\n                  <SearchBar\n                    ref={inputRef}\n                    value={search}\n                    onChange={e => onUpdateSearch(e.target.value)}\n                    data-testid=\"select-search-input\"\n                    onKeyDown={onKeyDown}\n                    $showSearch={showSearch}\n                  />\n                  <SearchClose\n                    as={IconButton}\n                    icon=\"cross\"\n                    onClick={clearSearch}\n                    data-testid=\"select-search-close\"\n                    $showClose={search.length > 0}\n                    size=\"xs\"\n                  />\n                </SearchBarContainer>\n                <SelectListContent $maxHeight={maxHeight}>\n                  <OptionContext.Provider value={optionContextValue}>\n                    {options && options.length > 0\n                      ? options.map((props, index) => {\n                          if ('options' in props) {\n                            const { options: itemList = [], ...groupProps } = props;\n                            return (\n                              <SelectGroup\n                                key={`select-${id}-group-${index}`}\n                                {...groupProps}\n                              >\n                                {itemList.map((itemProps, itemIndex) => {\n                                  if (checkbox) {\n                                    return (\n                                      <MultiSelectCheckboxItem\n                                        key={`select-${id}-group-${index}-item-${itemIndex}`}\n                                        {...itemProps}\n                                      />\n                                    );\n                                  }\n                                  return (\n                                    <SelectItem\n                                      key={`select-${id}-group-${index}-item-${itemIndex}`}\n                                      {...itemProps}\n                                    />\n                                  );\n                                })}\n                              </SelectGroup>\n                            );\n                          } else {\n                            if (checkbox) {\n                              return (\n                                <MultiSelectCheckboxItem\n                                  key={`select-${id}-item-${index}`}\n                                  {...props}\n                                />\n                              );\n                            }\n                            return (\n                              <SelectItem\n                                key={`select-${id}-item-${index}`}\n                                {...props}\n                              />\n                            );\n                          }\n                        })\n                      : children}\n                  </OptionContext.Provider>\n                </SelectListContent>\n                {visibleList.current.length === 0 &&\n                  (allowCreateOption || !!noAvailableOptions) && (\n                    <NoOptionsDisplay\n                      allowCreateOption={allowCreateOption}\n                      search={search}\n                      customText={customText}\n                      noAvailableOptions={noAvailableOptions}\n                      onCreateOption={onCreateOption}\n                      onOpenChange={onOpenChange}\n                      containerProps={props}\n                    />\n                  )}\n              </SelectList>\n            </SelectPopoverContent>\n          </Portal>\n        </SelectPopoverRoot>\n        {!!error && error !== true && <Error>{error}</Error>}\n      </FormElementContainer>\n      {label && (\n        <Label\n          htmlFor={id ?? defaultId}\n          disabled={disabled}\n          error={!!error}\n        >\n          {label}\n        </Label>\n      )}\n    </FormRoot>\n  );\n};\n\nexport const SelectGroup = forwardRef<HTMLDivElement, SelectGroupProps>(\n  ({ children, heading, ...props }, forwardedRef) => {\n    useSearch();\n    return (\n      <SelectGroupContainer\n        {...props}\n        ref={mergeRefs([\n          forwardedRef,\n          node => {\n            const hidden = node?.querySelectorAll('[cui-select-item]').length === 0;\n            if (hidden) {\n              node?.setAttribute('hidden', '');\n            } else {\n              node?.removeAttribute('hidden');\n            }\n            node?.setAttribute('aria-hidden', hidden.toString());\n          },\n        ])}\n      >\n        <SelectGroupName>{heading}</SelectGroupName>\n        <SelectGroupContent>{children}</SelectGroupContent>\n      </SelectGroupContainer>\n    );\n  }\n);\n\nSelectGroup.displayName = 'Select.Group';\n\nconst CheckIcon = styled.svg<{ $showCheck: boolean }>`\n  opacity: ${({ $showCheck }) => ($showCheck ? 1 : 0)};\n`;\n\nexport const SelectItem = forwardRef<HTMLDivElement, SelectItemProps>(\n  (\n    {\n      disabled = false,\n      children,\n      label,\n      description,\n      separator,\n      onSelect: onSelectProp,\n      value = '',\n      icon,\n      iconDir,\n      onMouseOver: onMouseOverProp,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const { highlighted, updateHighlighted, isHidden, selectedValues, onSelect } =\n      useOption();\n    const onSelectValue = (evt: MouseEvent<HTMLElement>) => {\n      if (!disabled) {\n        onSelect(value, undefined, evt);\n        if (typeof onSelectProp == 'function') {\n          onSelectProp(value, undefined, evt);\n        }\n      }\n    };\n    const onMouseOver = (e: MouseEvent<HTMLDivElement>) => {\n      if (onMouseOverProp) {\n        onMouseOverProp(e);\n      }\n      if (!disabled) {\n        updateHighlighted(value);\n      }\n    };\n\n    if (isHidden(value)) {\n      return null;\n    }\n    const isChecked = selectedValues.includes(value);\n\n    return (\n      <>\n        <GenericMenuItem\n          {...props}\n          data-value={value}\n          onClick={onSelectValue}\n          onMouseOver={onMouseOver}\n          ref={forwardedRef}\n          data-state={isChecked ? 'checked' : 'unchecked'}\n          data-disabled={disabled ? true : undefined}\n          data-highlighted={highlighted == value ? 'true' : undefined}\n          cui-select-item=\"\"\n        >\n          <IconWrapper\n            icon={icon}\n            iconDir={iconDir}\n            gap=\"xxs\"\n            isResponsive={false}\n          >\n            {label ? (\n              <>\n                {label}\n                {description && (\n                  <SelectItemDescription>{description}</SelectItemDescription>\n                )}\n              </>\n            ) : (\n              children\n            )}\n          </IconWrapper>\n          <CheckIcon\n            as={Icon}\n            name=\"check\"\n            size=\"sm\"\n            $showCheck={isChecked}\n          />\n        </GenericMenuItem>\n        {separator && <Separator size=\"sm\" />}\n      </>\n    );\n  }\n);\n\nexport type MultiSelectCheckboxItemProps = SelectItemProps & {\n  variant?: CheckboxVariants;\n};\n\nSelectItem.displayName = 'Select.Item';\n\nexport const MultiSelectCheckboxItem = forwardRef<\n  HTMLDivElement,\n  MultiSelectCheckboxItemProps\n>(\n  (\n    {\n      disabled = false,\n      children,\n      icon,\n      iconDir = 'end',\n      label,\n      description,\n      onMouseOver: onMouseOverProp,\n      onSelect: onSelectProp,\n      separator,\n      value = '',\n      variant,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const { highlighted, updateHighlighted, isHidden, selectedValues, onSelect } =\n      useOption();\n\n    const handleMenuItemClick = (evt: MouseEvent<HTMLElement>) => {\n      if (!disabled) {\n        onSelect(value, undefined, evt);\n\n        if (typeof onSelectProp === 'function') {\n          onSelectProp(value, undefined, evt);\n        }\n      }\n    };\n\n    const handleMenuItemMouseOver = (e: MouseEvent<HTMLDivElement>) => {\n      if (onMouseOverProp) {\n        onMouseOverProp(e);\n      }\n      if (!disabled) {\n        updateHighlighted(value);\n      }\n    };\n\n    if (isHidden(value)) {\n      return null;\n    }\n\n    const isChecked = selectedValues.includes(value);\n\n    return (\n      <>\n        <GenericMenuItem\n          {...props}\n          data-value={value}\n          onClick={handleMenuItemClick}\n          onMouseOver={handleMenuItemMouseOver}\n          ref={forwardedRef}\n          data-disabled={disabled ? true : undefined}\n          data-highlighted={highlighted == value ? 'true' : undefined}\n          data-testid={`multi-select-checkbox-${value}`}\n          cui-select-item=\"\"\n        >\n          <Container\n            orientation=\"horizontal\"\n            gap=\"xs\"\n            overflow=\"hidden\"\n            isResponsive={false}\n          >\n            <Checkbox\n              checked={isChecked}\n              data-testid=\"multi-select-checkbox\"\n              disabled={disabled}\n              variant={variant ?? 'default'}\n            />\n            <IconWrapper\n              icon={icon}\n              iconDir={iconDir}\n              gap=\"xxs\"\n              isResponsive={false}\n            >\n              {label ? (\n                <>\n                  {label}\n                  {description && (\n                    <SelectItemDescription>{description}</SelectItemDescription>\n                  )}\n                </>\n              ) : (\n                children\n              )}\n            </IconWrapper>\n          </Container>\n        </GenericMenuItem>\n        {separator && <Separator size=\"sm\" />}\n      </>\n    );\n  }\n);\n\nMultiSelectCheckboxItem.displayName = 'Select.Item';\n\nexport const SelectItemDescription = forwardRef<HTMLDivElement, TextProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <Text\n        ref={ref}\n        component={SelectItemDescriptionText}\n        color=\"muted\"\n        {...props}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nSelectItemDescription.displayName = 'Select.ItemDescription';\n"],"names":["NoOptionsDisplay","allowCreateOption","search","customText","noAvailableOptions","onCreateOption","onOpenChange","containerProps","getCustomTextWithSearch","text","replaceAll","getDefaultMessage","length","getNoAvailableOptionsNode","close","hasCustomText","hasSearchInput","shouldShowCreateOption","noOptionsNode","handleNoOptionsClick","e","isCustomReactNode","Container","jsx","SelectNoDataContainer","childrenToComboboxItemArray","children","callback","heading","Children","toArray","flatMap","child","isValidElement","type","displayName","groupChildren","props","getTextFromNodes","toLowerCase","title","value","disabled","nodeProps","InternalSelect","label","orientation","dir","id","error","selectedValues","onChange","onSelect","open","name","form","options","sortable","placeholder","maxHeight","multiple","checkbox","selectLabel","showSearch","container","useFullWidthItems","itemCharacterLimit","triggerProps","defaultId","useId","setSearch","useState","highlighted","setHighlighted","visibleList","useRef","navigatable","valueNode","Map","isInitialized","setInitialized","list","setList","updateElements","useCallback","includes","current","push","set","onUpdateSearch","hasHighlightedValue","visibleItemsList","navigatableList","searchLowerCase","forEach","item","updateList","lowerCasedSearch","option","map","useEffect","inputRef","inputModalityProps","useInputModality","onFocus","focus","clearSearch","onKeyDown","defaultPrevented","key","preventDefault","undefined","nextHighlightedValue","highlightedIndex","findIndex","isHidden","optionContextValue","useMemo","updateHighlighted","stopPropagation","jsxs","FormRoot","FormElementContainer","SelectPopoverRoot","StyledSelectTrigger","SelectValue","MultiSelectValue","SingleSelectValue","get","Icon","HiddenSelectElement","Portal","SelectPopoverContent","SelectList","SearchBarContainer","SearchBar","target","SearchClose","IconButton","SelectListContent","OptionContext","index","itemList","groupProps","itemProps","itemIndex","Error","Label","SelectGroup","forwardRef","forwardedRef","useSearch","SelectGroupContainer","mergeRefs","node","hidden","querySelectorAll","setAttribute","removeAttribute","toString","SelectGroupName","SelectGroupContent","CheckIcon","styled","svg","withConfig","componentId","$showCheck","SelectItem","description","separator","onSelectProp","icon","iconDir","onMouseOver","onMouseOverProp","useOption","onSelectValue","evt","isChecked","Fragment","GenericMenuItem","IconWrapper","Separator","MultiSelectCheckboxItem","variant","handleMenuItemClick","handleMenuItemMouseOver","Checkbox","SelectItemDescription","ref","Text","SelectItemDescriptionText"],"mappings":"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"}

package/dist/cjs/components/SidebarNavigationItem/SidebarNavigationItem.css

@@ -0,0 +1,167 @@
+/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. sqlSidebar) */
+.wrapper__klOWe {
+  display: flex;
+  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original styled rule used this
+   same width fallback chain (100% → -webkit-fill-available → fill-available →
+   stretch) so the item fills the available inline space. */
+  width: 100%;
+  width: -webkit-fill-available;
+  width: fill-available;
+  width: stretch;
+  padding: var(--item-space-y) var(--item-space-right) var(--item-space-y)
+    var(--item-pad-left);
+  overflow: hidden;
+  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
+  flex-wrap: nowrap;
+  align-items: center;
+  border: none;
+  border-radius: var(--item-radii);
+  background-color: var(--item-bg-default);
+  color: var(--item-text-default);
+  font: var(--item-font-default);
+  white-space: nowrap;
+  cursor: pointer;
+  pointer-events: all;
+
+  /* Not collapsible by default: the padding-left reserves the icon-column width. */
+  --item-pad-left: var(--click-image-sm-size-width);
+  --item-mobile-pad-left: var(--click-image-sm-size-width);
+}
+
+.wrapper__klOWe span a {
+  color: var(--item-text-default);
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.wrapper__klOWe:hover,
+.wrapper__klOWe:focus {
+  background-color: var(--item-bg-hover);
+  color: var(--item-text-hover);
+  font: var(--item-font-hover);
+  pointer-events: auto;
+}
+
+.wrapper__klOWe:active,
+.wrapper__klOWe[data-selected='true'] {
+  background-color: var(--item-bg-active);
+  color: var(--item-text-active);
+  font: var(--item-font-active);
+  pointer-events: all;
+}
+
+.wrapper__klOWe[aria-disabled='true'],
+.wrapper__klOWe[aria-disabled='true']:hover,
+.wrapper__klOWe[aria-disabled='true']:focus,
+.wrapper__klOWe[aria-disabled='true']:active,
+.wrapper__klOWe[aria-disabled='true']:focus-within,
+.wrapper__klOWe[aria-disabled='true'][data-selected='true'] {
+  color: var(--item-text-disabled);
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.wrapper__klOWe[aria-disabled='true'] span a {
+  color: var(--item-text-disabled);
+  text-decoration: none;
+  cursor: not-allowed;
+}
+
+/* stylelint-disable-next-line media-feature-range-notation -- prefix syntax matches the original styled rule and is more broadly supported than range syntax */
+@media (max-width: 640px) {
+  .wrapper__klOWe {
+    padding: var(--item-mobile-space-y) var(--item-mobile-space-right)
+      var(--item-mobile-space-y) var(--item-mobile-pad-left);
+    gap: var(--item-mobile-gap);
+    font: var(--item-mobile-font-default);
+  }
+
+  .wrapper__klOWe:hover,
+  .wrapper__klOWe:focus {
+    font: var(--item-mobile-font-hover);
+  }
+
+  .wrapper__klOWe:active,
+  .wrapper__klOWe[data-selected='true'] {
+    font: var(--item-mobile-font-active);
+  }
+}
+
+.wrapper_itemtype_item__4OyPQ {
+  --item-space-y: var(--click-sidebar-navigation-item-default-space-y);
+  --item-space-right: var(--click-sidebar-navigation-item-default-space-right);
+  --item-space-left: var(--click-sidebar-navigation-item-default-space-left);
+  --item-radii: var(--click-sidebar-navigation-item-radii-all);
+  --item-font-default: var(--click-sidebar-navigation-item-typography-default);
+  --item-font-hover: var(--click-sidebar-navigation-item-typography-hover);
+  --item-font-active: var(--click-sidebar-navigation-item-typography-active);
+  --item-mobile-gap: var(--click-sidebar-navigation-item-mobile-space-gap);
+  --item-mobile-space-y: var(--click-sidebar-navigation-item-mobile-space-y);
+  --item-mobile-space-right: var(--click-sidebar-navigation-item-mobile-space-right);
+  --item-mobile-space-left: var(--click-sidebar-navigation-item-mobile-space-left);
+  --item-mobile-font-default: var(--click-sidebar-navigation-item-mobile-typography-default);
+  --item-mobile-font-hover: var(--click-sidebar-navigation-item-mobile-typography-hover);
+  --item-mobile-font-active: var(--click-sidebar-navigation-item-mobile-typography-active);
+}
+
+.wrapper_itemtype_sub-item__qv3-r {
+  --item-space-y: var(--click-sidebar-navigation-subItem-default-space-y);
+  --item-space-right: var(--click-sidebar-navigation-subItem-default-space-right);
+  --item-space-left: var(--click-sidebar-navigation-subItem-default-space-left);
+  --item-radii: var(--click-sidebar-navigation-subItem-radii-all);
+  --item-font-default: var(--click-sidebar-navigation-subItem-typography-default);
+  --item-font-hover: var(--click-sidebar-navigation-subItem-typography-hover);
+  --item-font-active: var(--click-sidebar-navigation-subItem-typography-active);
+  --item-mobile-gap: var(--click-sidebar-navigation-subItem-mobile-space-gap);
+  --item-mobile-space-y: var(--click-sidebar-navigation-subItem-mobile-space-y);
+  --item-mobile-space-right: var(--click-sidebar-navigation-subItem-mobile-space-right);
+  --item-mobile-space-left: var(--click-sidebar-navigation-subItem-mobile-space-left);
+  --item-mobile-font-default: var(--click-sidebar-navigation-subItem-mobile-typography-default);
+  --item-mobile-font-hover: var(--click-sidebar-navigation-subItem-mobile-typography-hover);
+  --item-mobile-font-active: var(--click-sidebar-navigation-subItem-mobile-typography-active);
+}
+
+.wrapper_collapsible_true__mZMo2 {
+  --item-pad-left: var(--item-space-left);
+  --item-mobile-pad-left: var(--item-mobile-space-left);
+}
+
+.wrapper_color_main-item__7C9Lq {
+  --item-bg-default: var(--click-sidebar-main-navigation-item-color-background-default);
+  --item-bg-hover: var(--click-sidebar-main-navigation-item-color-background-hover);
+  --item-bg-active: var(--click-sidebar-main-navigation-item-color-background-active);
+  --item-text-default: var(--click-sidebar-main-navigation-item-color-text-default);
+  --item-text-hover: var(--click-sidebar-main-navigation-item-color-text-hover);
+  --item-text-active: var(--click-sidebar-main-navigation-item-color-text-active);
+  --item-text-disabled: var(--click-sidebar-main-navigation-item-color-text-disabled);
+}
+
+.wrapper_color_main-sub-item__d9MJG {
+  --item-bg-default: var(--click-sidebar-main-navigation-subItem-color-background-default);
+  --item-bg-hover: var(--click-sidebar-main-navigation-subItem-color-background-hover);
+  --item-bg-active: var(--click-sidebar-main-navigation-subItem-color-background-active);
+  --item-text-default: var(--click-sidebar-main-navigation-subItem-color-text-default);
+  --item-text-hover: var(--click-sidebar-main-navigation-subItem-color-text-hover);
+  --item-text-active: var(--click-sidebar-main-navigation-subItem-color-text-active);
+  --item-text-disabled: var(--click-sidebar-main-navigation-subItem-color-text-disabled);
+}
+
+.wrapper_color_sql-sidebar-item__UxUec {
+  --item-bg-default: var(--click-sidebar-sqlSidebar-navigation-item-color-background-default);
+  --item-bg-hover: var(--click-sidebar-sqlSidebar-navigation-item-color-background-hover);
+  --item-bg-active: var(--click-sidebar-sqlSidebar-navigation-item-color-background-active);
+  --item-text-default: var(--click-sidebar-sqlSidebar-navigation-item-color-text-default);
+  --item-text-hover: var(--click-sidebar-sqlSidebar-navigation-item-color-text-hover);
+  --item-text-active: var(--click-sidebar-sqlSidebar-navigation-item-color-text-active);
+  --item-text-disabled: var(--click-sidebar-sqlSidebar-navigation-item-color-text-disabled);
+}
+
+.wrapper_color_sql-sidebar-sub-item__AyRy0 {
+  --item-bg-default: var(--click-sidebar-sqlSidebar-navigation-subItem-color-background-default);
+  --item-bg-hover: var(--click-sidebar-sqlSidebar-navigation-subItem-color-background-hover);
+  --item-bg-active: var(--click-sidebar-sqlSidebar-navigation-subItem-color-background-active);
+  --item-text-default: var(--click-sidebar-sqlSidebar-navigation-subItem-color-text-default);
+  --item-text-hover: var(--click-sidebar-sqlSidebar-navigation-subItem-color-text-hover);
+  --item-text-active: var(--click-sidebar-sqlSidebar-navigation-subItem-color-text-active);
+  --item-text-disabled: var(--click-sidebar-sqlSidebar-navigation-subItem-color-text-disabled);
+}

package/dist/cjs/components/SidebarNavigationItem/SidebarNavigationItem.module.css.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const wrapper = "wrapper__klOWe";
+const wrapper_itemtype_item = "wrapper_itemtype_item__4OyPQ";
+const wrapper_collapsible_true = "wrapper_collapsible_true__mZMo2";
+const styles = {
+	wrapper: wrapper,
+	wrapper_itemtype_item: wrapper_itemtype_item,
+	"wrapper_itemtype_sub-item": "wrapper_itemtype_sub-item__qv3-r",
+	wrapper_collapsible_true: wrapper_collapsible_true,
+	"wrapper_color_main-item": "wrapper_color_main-item__7C9Lq",
+	"wrapper_color_main-sub-item": "wrapper_color_main-sub-item__d9MJG",
+	"wrapper_color_sql-sidebar-item": "wrapper_color_sql-sidebar-item__UxUec",
+	"wrapper_color_sql-sidebar-sub-item": "wrapper_color_sql-sidebar-sub-item__AyRy0"
+};
+
+exports.default = styles;
+exports.wrapper = wrapper;
+exports.wrapper_collapsible_true = wrapper_collapsible_true;
+exports.wrapper_itemtype_item = wrapper_itemtype_item;
+//# sourceMappingURL=SidebarNavigationItem.module.css.cjs.map

package/dist/cjs/components/SidebarNavigationItem/SidebarNavigationItem.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavigationItem.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/SidebarNavigationItem/index.cjs

@@ -1,12 +1,71 @@
+require("./SidebarNavigationItem.css");
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const react = require('react');
-const styledComponents = require('styled-components');
+const cva = require('../../lib/cva.cjs');
 const IconWrapper = require('../Collapsible/IconWrapper.cjs');
+const SidebarNavigationItem_module = require('./SidebarNavigationItem.module.css.cjs');
+const classVarianceAuthority = require('class-variance-authority');
 
+const wrapperVariants = classVarianceAuthority.cva(SidebarNavigationItem_module.default.wrapper, {
+  variants: {
+    itemType: {
+      item: SidebarNavigationItem_module.default.wrapper_itemtype_item,
+      subItem: SidebarNavigationItem_module.default["wrapper_itemtype_sub-item"]
+    },
+    // The colour set depends on BOTH the sidebar type and the item depth, so
+    // it is applied through the compoundVariants below rather than here.
+    type: {
+      main: "",
+      sqlSidebar: ""
+    },
+    collapsible: {
+      true: SidebarNavigationItem_module.default.wrapper_collapsible_true,
+      false: ""
+    }
+  },
+  compoundVariants: [{
+    type: "main",
+    itemType: "item",
+    class: SidebarNavigationItem_module.default["wrapper_color_main-item"]
+  }, {
+    type: "main",
+    itemType: "subItem",
+    class: SidebarNavigationItem_module.default["wrapper_color_main-sub-item"]
+  }, {
+    type: "sqlSidebar",
+    itemType: "item",
+    class: SidebarNavigationItem_module.default["wrapper_color_sql-sidebar-item"]
+  }, {
+    type: "sqlSidebar",
+    itemType: "subItem",
+    class: SidebarNavigationItem_module.default["wrapper_color_sql-sidebar-sub-item"]
+  }],
+  defaultVariants: {
+    itemType: "item",
+    type: "main",
+    collapsible: false
+  }
+});
+const _SidebarItemWrapper = ({
+  as,
+  $collapsible = false,
+  $level = 0,
+  $type = "main",
+  className,
+  ...props
+}, ref) => {
+  const Component = as ?? "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, ...props, className: cva.cn(wrapperVariants({
+    itemType: $level === 0 ? "item" : "subItem",
+    type: $type,
+    collapsible: $collapsible
+  }), className) });
+};
+const SidebarItemWrapper = react.forwardRef(_SidebarItemWrapper);
 const SidebarNavigationItem = react.forwardRef(({
   label,
   level = 0,
@@ -19,74 +78,6 @@ const SidebarNavigationItem = react.forwardRef(({
 }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(SidebarItemWrapper, { $level: level, "data-selected": selected, $type: type, ref, "aria-disabled": disabled, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconWrapper.IconWrapper, { icon, iconDir, children: label }) });
 });
-const SidebarItemWrapper = styledComponents.styled.div.withConfig({
-  componentId: "sc-1rz759l-0"
-})(["display:flex;align-items:center;border:none;width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;white-space:nowrap;overflow:hidden;flex-wrap:nowrap;", ""], ({
-  theme,
-  $collapsible = false,
-  $level,
-  $type
-}) => {
-  const itemType = $level === 0 ? "item" : "subItem";
-  return `
-    padding: ${theme.click.sidebar.navigation[itemType].default.space.y} ${theme.click.sidebar.navigation[itemType].default.space.right} ${theme.click.sidebar.navigation[itemType].default.space.y} ${$collapsible ? theme.click.sidebar.navigation[itemType].default.space.left : theme.click.image.sm.size.width};
-    border-radius: ${theme.click.sidebar.navigation[itemType].radii.all};
-    font: ${theme.click.sidebar.navigation[itemType].typography.default};
-    background-color: ${theme.click.sidebar[$type].navigation[itemType].color.background.default};
-    color: ${theme.click.sidebar[$type].navigation[itemType].color.text.default};
-    span a {
-      color: ${theme.click.sidebar[$type].navigation[itemType].color.text.default};
-    cursor: pointer;
-      text-decoration: none;
-    }
-    cursor: pointer;
-    pointer-events: all;
-
-    &:hover, &:focus {
-      font: ${theme.click.sidebar.navigation[itemType].typography.hover};
-      background-color: ${theme.click.sidebar[$type].navigation[itemType].color.background.hover};
-      color: ${theme.click.sidebar[$type].navigation[itemType].color.text.hover};
-      pointer-events: auto;
-    }
-
-    &:active, &[data-selected="true"] {
-      font: ${theme.click.sidebar.navigation[itemType].typography.active};
-      background-color: ${theme.click.sidebar[$type].navigation[itemType].color.background.active};
-      color: ${theme.click.sidebar[$type].navigation[itemType].color.text.active};
-      pointer-events: all;
-    }
-
-    &[aria-disabled=true],
-    &[aria-disabled=true]:hover,
-    &[aria-disabled=true]:focus,
-    &[aria-disabled=true]:active,
-    &[aria-disabled=true]:focus-within,
-    &[aria-disabled=true][data-selected="true"] {
-
-      color: ${theme.click.sidebar[$type].navigation[itemType].color.text.disabled};
-      pointer-events: none;
-
-      span a {
-        color: ${theme.click.sidebar[$type].navigation[itemType].color.text.disabled};
-        cursor: not-allowed;
-        text-decoration: none;
-      }
-      cursor: not-allowed;
-    }
-
-    @media (max-width: 640px) {
-      gap: ${theme.click.sidebar.navigation[itemType].mobile.space.gap};
-      padding: ${theme.click.sidebar.navigation[itemType].mobile.space.y} ${theme.click.sidebar.navigation[itemType].mobile.space.right} ${theme.click.sidebar.navigation[itemType].mobile.space.y} ${$collapsible ? theme.click.sidebar.navigation[itemType].mobile.space.left : theme.click.image.sm.size.width};
-      font: ${theme.click.sidebar.navigation[itemType].mobile.typography.default};
-      &:hover, &:focus {
-        font: ${theme.click.sidebar.navigation[itemType].mobile.typography.hover};
-      }
-      &:active, &[data-selected="true"] {
-        font: ${theme.click.sidebar.navigation[itemType].mobile.typography.active};
-      }
-    }
-  `;
-});
 
 exports.SidebarItemWrapper = SidebarItemWrapper;
 exports.SidebarNavigationItem = SidebarNavigationItem;