@laerdal/life-react-components 3.0.1-dev.2 → 3.0.1-dev.20.full

package/dist/Dropdown/DropdownContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownContent.js","names":["React","styled","Button","Size","ButtonDropdownContentStyling","ComponentLStyling","ComponentXLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","COLORS","scrollBarStyling","Checkbox","RadioButton","Z_INDEXES","MenuItem","MAX_MENU_HEIGHT","AVG_OPTION_HEIGHT","OFFSET_BEFORE_SHOW","DDContainer","div","white","dropdown","props","isButton","offsetLeft","offsetTop","neutral_100","size","Large","Medium","scrollable","maxHeight","ItemsContainer","hover","active","focus","ListContainer","itemsType","Small","MenuContentContainer","Bold","neutral_500","Regular","DividerContainer","TopItemContainer","neutral_200","ActionButtonContainer","Overlay","modal","DropdownContent","forwardRef","ref","id","customizationProps","alignLeft","isOpen","width","setIsOpen","filter","focused","setFocused","selectedValues","setSelectedValues","messageOnNoResults","outline","containerRef","onActiveDescendantChanged","ariaRolesType","useState","isUp","setIsUp","locationDefined","setLocationDefined","top","left","offset","setOffset","dropdownContentRef","useRef","itemsListRef","actionButtonRef","determineDropUp","options","items","rect","current","getBoundingClientRect","windowHeight","window","innerHeight","menuHeight","Math","min","length","instOffsetWithMenu","height","up","setNewFocusedElement","index","newFocusedElement","elRefs","oldFocusedElement","classList","remove","add","scrollIntoView","block","inline","getFilteredItems","filtrationString","toUpperCase","x","value","includes","displayLabel","findNextActiveIndex","direction","i","disabled","handleKeyDown","e","key","preventDefault","focusedNow","arrLength","haveTopItem","undefined","target","focusedElement","click","useEffect","document","addEventListener","removeEventListener","scrollPosition","handleScroll","scrollTop","useLayoutEffect","getCorrectRef","createRef","setElRefs","Array","fill","map","_","pinTopItem","multiSelect","getSuggestions","suggestion","elRef","blur","observer","IntersectionObserver","entries","isIntersecting","activeElement","threshold","rootMargin","observe","calculateOffset","disconnect","handleItemClick","selected","item","newValue","onValueUpdate","getTopItem","visibleItems","allSelected","some","y","showTopItem","suggestions","find","c","selectedFirst","newValues","stopPropagation","getElements","customContent","style","cls","menuContent","action","actionLabel","actionIcon","actionLoading","actionDisabled","actionVariant","noteLabel","showDividerAbove","locked","icon"],"sources":["../../src/Dropdown/DropdownContent.tsx"],"sourcesContent":["import React, { MutableRefObject } from 'react';\nimport styled, { css } from 'styled-components';\nimport Button from '../Button/Button';\nimport { Size } from '../types';\nimport { ButtonDropdownContentStyling } from './CommonStyling';\nimport { ComponentLStyling, ComponentXLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\nimport { COLORS, focusStyles, scrollBarStyling } from '../styles';\nimport { Checkbox, RadioButton } from '../InputFields';\nimport { Z_INDEXES } from '../styles/z-indexes';\nimport MenuItem from '../MenuItem/MenuItem';\nimport { defaultOnMouseDownHandler } from '../common';\nimport ReactDOM from 'react-dom';\n\nconst MAX_MENU_HEIGHT = 240;\nconst AVG_OPTION_HEIGHT = 48;\nconst OFFSET_BEFORE_SHOW = 1000000;\n\nexport const DDContainer = styled.div<{ offsetTop: string; offsetLeft: string; isButton: boolean; alignLeft?: boolean; size?: Size; scrollable?: boolean; maxHeight?: string }>`\n  display: none;\n  pointer-events: auto;\n  position: absolute;\n  background-color: ${COLORS.white};\n\n  z-index: ${Z_INDEXES.dropdown};\n  margin: ${(props) => (props.isButton ? '-4px' : '4px 0px')};\n\n  &.show {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    &.down,\n    &.up {\n      ${(props) => `transform: translate(${props.offsetLeft}, ${props.offsetTop});`}\n    }\n  }\n\n  transform: translate(-${OFFSET_BEFORE_SHOW}px, -${OFFSET_BEFORE_SHOW}px);\n\n  &.outline:focus:after {\n    content: '';\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    outline: 4px solid black;\n    outline-offset: 2px;\n    border-radius: 2px;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  ${(props) => (props.isButton ? ButtonDropdownContentStyling : '')};\n\n  border: 1px solid ${COLORS.neutral_100};\n  box-sizing: border-box;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\n  padding: 4px 0px;\n\n  min-width: ${(props) => (props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px')};\n  border-radius: ${(props) => (props.size == Size.Large ? '10px' : props.size == Size.Medium ? '8px' : '6px')};\n\n  max-height: ${(props) => (!props.scrollable ? 'auto' : props.maxHeight ? props.maxHeight : props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px')};\n`;\n\nconst ItemsContainer = styled.div<{ size?: Size }>`\n  > *:hover {\n    z-index: ${Z_INDEXES.hover};\n  }\n\n  > *:active,\n  > *.active {\n    z-index: ${Z_INDEXES.active};\n  }\n\n  > *:focus {\n    z-index: ${Z_INDEXES.focus};\n  }\n`;\n\nconst ListContainer = styled.div<{ scrollable?: boolean; size?: Size; itemsType?: string; outline?: boolean }>`\n  ${(props) => (props.scrollable ? 'overflow-y: scroll;' : '')}\n  ${(props) => (props.scrollable ? 'margin-right: 6px;' : '')}\n  ${(props) => (props.scrollable ? 'padding-right: 6px;' : '')}\n  ${(props) => (props.itemsType != 'normal' ? 'margin-left: 4px;' : '')}\n  div.divider {\n    display: block;\n    width: calc(100% - 40px);\n    margin-left: 16px;\n    border-top: 1px solid #e5e5e5;\n    position: absolute;\n    top: 0px;\n  }\n\n  ${ItemsContainer} {\n    padding-top: ${(props) => (props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px')};\n    padding-bottom: ${(props) => (props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px')};\n\n    word-break: break-word;\n  }\n\n  *:focus {\n    outline: none !important;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n`;\n\nconst MenuContentContainer = styled.div<{ size?: Size }>`\n  h1,\n  h2,\n  h3 {\n    margin-block-start: 0px;\n    margin-block-end: 0px;\n    ${(props) => props.size == Size.Large && ComponentXLStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n    ${(props) => props.size == Size.Medium && ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n    ${(props) => (props.size == Size.Small || !props.size) && ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n    padding: ${(props) => (props.size == Size.Small || !props.size ? '10px 16px 6px' : props.size == Size.Medium ? '16px 24px 8px' : '16px 32px 8px')};\n  }\n\n  p {\n    margin-block-start: 0px;\n    margin-block-end: 0px;\n    ${(props) => props.size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n    ${(props) => props.size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n    ${(props) => (props.size == Size.Small || !props.size) && ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n    padding: ${(props) => (props.size == Size.Small || !props.size ? '8px 16px' : props.size == Size.Medium ? '12px 24px' : '16px 32px')};\n  }\n`;\n\nconst DividerContainer = styled.div<{ size?: Size }>`\n  position: relative;\n\n  margin-top: ${(props) => (props.size == Size.Large ? '16px' : props.size == Size.Medium ? '12px' : props.size == Size.Small || !props.size ? '8px' : '6px')};\n\n  div.divider {\n    width: 100%;\n    margin: 0px;\n  }\n`;\n\nconst TopItemContainer = styled.div<{ size?: Size }>`\n  border-bottom-style: solid;\n  border-bottom-color: ${COLORS.neutral_200};\n  border-bottom-width: 1px;\n  margin-right: 22px;\n`;\n\nconst ActionButtonContainer = styled.div<{ size?: Size; scrollable?: boolean }>`\n  ${(props) => (props.scrollable ? `border-top: 1px solid  ${COLORS.neutral_200};` : '')}\n  ${(props) => (props.scrollable ? 'margin-top: 4px;' : '')}\n\n  padding: ${(props) => (props.size === Size.Small || !props.size ? '4px 16px 0px' : props.size === Size.Medium ? '12px 16px 8px' : '16px 16px 12px')};\n\n  button {\n    width: 100%;\n  }\n`;\n\nconst Overlay = styled.div`\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: ${Z_INDEXES.modal};\n`;\n\nexport interface DropdownItem {\n  value: string;\n  displayLabel?: string;\n  noteLabel?: string;\n  suggestion?: boolean;\n  showDividerAbove?: boolean;\n  disabled?: boolean;\n  locked?: boolean;\n  icon?: React.ReactNode;\n  customContent?: React.ReactNode;\n}\n\nexport interface DropdownCustomizationProps {\n  itemsType?: 'radio' | 'checkbox' | 'normal';\n  menuContent?: React.ReactNode;\n  scrollable?: boolean;\n  multiSelect?: boolean;\n  maxHeight?: string;\n  actionLabel?: string;\n  actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;\n  actionIcon?: React.ReactNode;\n  actionLoading?: boolean;\n  actionDisabled?: boolean;\n  action: () => boolean | void | undefined;\n  pinTopItem?: boolean;\n  onValueUpdate: (values: string[]) => boolean | void | undefined;\n  items: DropdownItem[];\n}\n\nexport interface DropdownProps {\n  isButton: boolean;\n  customizationProps: DropdownCustomizationProps;\n  alignLeft?: boolean;\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  size?: Size;\n  id: string;\n  filter: string;\n  width?: string;\n  onActiveDescendantChanged?: (descendantId?: string) => void;\n  selectedValues: string[];\n  setSelectedValues: (val: string[]) => void;\n  messageOnNoResults: string;\n  focused: number | null;\n  setFocused: (focused: number | null) => void;\n  outline?: boolean;\n  containerRef: React.RefObject<HTMLDivElement>;\n  ariaRolesType?: 'input' | 'menu';\n}\n\nconst DropdownContent = React.forwardRef<HTMLDivElement, DropdownProps>(\n  (\n    {\n      id,\n      customizationProps,\n      alignLeft,\n      isButton,\n      size,\n      isOpen,\n      width,\n      setIsOpen,\n      filter,\n      focused,\n      setFocused,\n      selectedValues,\n      setSelectedValues,\n      messageOnNoResults,\n      outline,\n      containerRef,\n      onActiveDescendantChanged,\n      ariaRolesType = 'menu',\n    },\n    ref,\n  ) => {\n    const [isUp, setIsUp] = React.useState<boolean>(false);\n    const [locationDefined, setLocationDefined] = React.useState<boolean>(false);\n    const [offset, setOffset] = React.useState<{ top: string; left: string }>({ top: '0', left: '0' });\n\n    const dropdownContentRef = (ref as MutableRefObject<HTMLDivElement>) ?? React.useRef<HTMLDivElement>(null);\n\n    if (!customizationProps.itemsType) customizationProps.itemsType = 'normal';\n    if (!size) size = Size.Small;\n\n    const itemsListRef = React.useRef<HTMLDivElement>(null);\n    const actionButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    const determineDropUp = () => {\n      const options = customizationProps.items;\n\n      const rect = containerRef.current!.getBoundingClientRect();\n\n      const windowHeight = window.innerHeight;\n      const menuHeight = Math.min(MAX_MENU_HEIGHT, options.length * AVG_OPTION_HEIGHT);\n      const instOffsetWithMenu = rect.top + rect.height + menuHeight;\n\n      const up = instOffsetWithMenu >= windowHeight;\n\n      setOffset({\n        top: up ? `calc(-100% - ${rect.height}px ${isButton ? '' : '- 8px'})` : '0',\n        left: alignLeft ? `calc(-${rect.width}px)` : `calc(-100%)`,\n      });\n\n      setIsUp(up);\n      setLocationDefined(true);\n    };\n\n    const setNewFocusedElement = (index: number) => {\n      if (outline) dropdownContentRef.current?.focus();\n\n      const newFocusedElement = elRefs[index];\n      if (onActiveDescendantChanged) onActiveDescendantChanged(index == 0 ? `${id}_topitem` : `${id}_${index}`);\n\n      const oldFocusedElement = focused || focused === 0 ? elRefs[focused] : null;\n      if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\n        setFocused(index);\n        oldFocusedElement?.current?.classList.remove('dropdown-hover');\n\n        newFocusedElement.current?.classList.add('dropdown-hover');\n        newFocusedElement.current?.scrollIntoView({\n          block: 'nearest',\n          inline: 'nearest',\n        });\n      }\n    };\n\n    const getFilteredItems = () => {\n      const filtrationString = (filter ?? '').toUpperCase();\n      return customizationProps.items.filter((x) => x?.value?.toUpperCase().includes(filtrationString) || x?.displayLabel?.toUpperCase().includes(filtrationString));\n    };\n\n    const findNextActiveIndex = (index: number, direction: number, items: DropdownItem[]) => {\n      for (let i = index + direction; i > 0 && i <= items.length; i += direction) {\n        if (!items[i - 1]?.disabled) {\n          return i;\n        }\n      }\n\n      return index;\n    };\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (isOpen) {\n        if (e.key === 'ArrowUp' || e.key === 'Up') {\n          e.preventDefault();\n          let focusedNow = focused || focused === 0 ? focused : arrLength + 1;\n          if (!!focusedNow) {\n            focusedNow = focusedNow === 1 && haveTopItem() ? 0 : findNextActiveIndex(focusedNow, -1, getFilteredItems());\n\n            setNewFocusedElement(focusedNow);\n          }\n        } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n          e.preventDefault();\n          let focusedNow = focused;\n\n          focusedNow = !!focusedNow || focusedNow === 0 ? findNextActiveIndex(focusedNow, 1, getFilteredItems()) : haveTopItem() ? 0 : 1;\n\n          setNewFocusedElement(focusedNow);\n        } else if (e.key === 'Escape' || e.key === 'Esc') {\n          setIsOpen(false);\n          setFocused(null);\n          if (onActiveDescendantChanged) onActiveDescendantChanged(undefined);\n        } else if ((e.key === 'Enter' || e.key === ' ') && focused !== null && e.target !== actionButtonRef?.current) {\n          e.preventDefault();\n          const focusedElement = elRefs[focused];\n          if (focusedElement) {\n            focusedElement.current?.click();\n          }\n          if (onActiveDescendantChanged) onActiveDescendantChanged(undefined);\n        }\n      }\n    };\n\n    React.useEffect(() => {\n      document.addEventListener('keydown', handleKeyDown);\n      return () => {\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n  }, []);\n\n    const scrollPosition = React.useRef<number | undefined>(0);\n    const handleScroll = () => {\n      scrollPosition.current = itemsListRef.current?.scrollTop;\n    };\n    React.useLayoutEffect(() => {\n      if (itemsListRef.current) itemsListRef.current.scrollTop = scrollPosition.current ?? 0;\n    }, [selectedValues]);\n\n    const getCorrectRef = (ref: React.RefObject<HTMLElement>): React.RefObject<HTMLElement> => {\n      switch (customizationProps.itemsType) {\n        case 'normal':\n          return (ref as React.RefObject<HTMLButtonElement>) || React.createRef<HTMLButtonElement>();\n        default:\n          return (ref as React.RefObject<HTMLDivElement>) || React.createRef<HTMLDivElement>();\n      }\n    };\n\n    const arrLength = getFilteredItems().length;\n    const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLElement>[]>([]);\n\n    React.useEffect(() => {\n      if (elRefs?.length !== arrLength) {\n        setFocused(null);\n      }\n\n      setElRefs((elRefs) =>\n        Array(arrLength + 1)\n          .fill(null)\n          .map((_, i) => getCorrectRef(elRefs[i])),\n      );\n    }, [isOpen, arrLength]);\n\n    React.useLayoutEffect(() => {\n      isOpen && !locationDefined && determineDropUp();\n    }, [isOpen, locationDefined]);\n\n    const haveTopItem = () => {\n      if (!customizationProps.pinTopItem) return false;\n\n      if (customizationProps.itemsType === 'radio' && selectedValues && selectedValues?.length > 0) return true;\n      else if (customizationProps.itemsType === 'checkbox' && (customizationProps.multiSelect || selectedValues?.length > 0)) return true;\n      else if (customizationProps.itemsType === 'normal' && getSuggestions()?.length > 0) return true;\n      return false;\n    };\n\n    const getSuggestions = () => {\n      return getFilteredItems().filter((x) => x.suggestion);\n    };\n\n    /**\n     * when dropdown opens set correct position of focused item\n     * */\n    React.useLayoutEffect(() => {\n      if (isOpen && (focused || focused === 0)) {\n        setNewFocusedElement(focused === 0 && !haveTopItem() ? 1 : focused);\n      }\n    }, [isOpen, focused]);\n\n    /**\n     * Reset dropdown content state on close\n     * */\n    React.useEffect(() => {\n      if (!isOpen) {\n        setLocationDefined(false);\n        for (let elRef of elRefs) {\n          elRef.current?.classList.remove('dropdown-hover');\n        }\n        setFocused(null);\n        if(onActiveDescendantChanged) onActiveDescendantChanged(undefined);\n        dropdownContentRef.current?.classList.remove('outline');\n        dropdownContentRef.current?.blur();\n      } else {\n        if (outline) {\n          dropdownContentRef.current?.classList.add('outline');\n          dropdownContentRef.current?.focus();\n        }\n      }\n    }, [isOpen, dropdownContentRef, focused, outline]);\n\n    /**\n     * Scroll item container to top when dropdown opens\n     * */\n    React.useEffect(() => {\n      if (isOpen && itemsListRef.current) {\n        itemsListRef.current.scrollTop = 0;\n      }\n    }, [isOpen]);\n\n    React.useEffect(() => {\n      if (isOpen) {\n        const observer = new IntersectionObserver(function (entries) {\n          if (!entries[0].isIntersecting) {\n            setIsOpen(false);\n            //@ts-ignore\n            document?.activeElement?.blur();\n          }\n        }, {threshold: [0], rootMargin: '8px'});\n\n        observer.observe(containerRef.current!);\n\n        calculateOffset();\n        window.addEventListener('scroll', calculateOffset, true);\n        window.addEventListener('resize', calculateOffset);\n\n        return () => {\n          observer.disconnect();\n          window.removeEventListener('scroll', calculateOffset, true);\n          window.removeEventListener('resize', calculateOffset);\n        }\n      }\n      return () => {};\n    }, [isOpen]);\n\n    const handleItemClick = (selected: boolean, item: DropdownItem) => {\n      let newValue: string[] = [];\n      if (customizationProps.multiSelect) {\n        if (selected) newValue = [...selectedValues, item.value];\n        else newValue = selectedValues.filter((x) => x != item.value);\n      } else newValue = selected ? [item.value] : [];\n\n      setSelectedValues(newValue);\n      if (customizationProps.onValueUpdate && customizationProps.onValueUpdate(newValue)) {\n        setIsOpen(false);\n      }\n    };\n\n    const getTopItem = () => {\n      if (!customizationProps.pinTopItem) return;\n      const visibleItems = getFilteredItems();\n      const allSelected = selectedValues?.filter((x) => visibleItems.some((y) => y.value == x)).length == visibleItems.length;\n      let showTopItem = false;\n      const suggestions = getSuggestions();\n      const displayLabel = selectedValues[0] ? customizationProps.items?.find((c) => c.value === selectedValues[0])?.displayLabel : undefined;\n      if (customizationProps.itemsType == 'radio' && selectedValues && selectedValues?.length > 0) showTopItem = true;\n      else if (customizationProps.itemsType == 'checkbox' && (customizationProps.multiSelect || selectedValues?.length > 0)) showTopItem = true;\n      else if (customizationProps.itemsType == 'normal' && suggestions.length > 0) showTopItem = true;\n\n      if (!showTopItem) return;\n\n      const selectedFirst = selectedValues.length > 0 ? visibleItems.find((x) => x.value == selectedValues[0]) : null;\n\n      return (\n        <TopItemContainer size={size}>\n          {customizationProps.itemsType === 'radio' && (\n            <RadioButton\n              ref={elRefs[0] as React.RefObject<HTMLDivElement>}\n              role='menuitemradio'\n              iconPointerEventsTransparent={true}\n              onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\n              tabIndexVal={-1}\n              className={`${focused === 0 ? 'dropdown-hover' : ''}`}\n              select={() => {}}\n              label={selectedFirst?.displayLabel ?? selectedFirst?.value}\n              size={size}\n              id={`${id}_topitem`}\n              selected={true}\n            />\n          )}\n          {customizationProps.itemsType === 'checkbox' && (\n            <Checkbox\n              ref={elRefs[0] as React.RefObject<HTMLDivElement>}\n              role='menuitemcheckbox'\n              tabIndexVal={-1}\n              className={`${focused === 0 ? 'dropdown-hover' : ''}`}\n              select={(selected: boolean) => {\n                if (!customizationProps.multiSelect) return;\n\n                const newValues = selected ? visibleItems.map((x) => x.value) : [];\n                setSelectedValues(newValues);\n                if (customizationProps.onValueUpdate && customizationProps.onValueUpdate(newValues)) setIsOpen(false);\n              }}\n              onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\n              iconPointerEventsTransparent={true}\n              semiSelected={customizationProps.multiSelect && !allSelected && selectedValues?.length > 0}\n              size={size}\n              id={`${id}_checkbox_selectall`}\n              label={customizationProps.multiSelect ? 'Select all' : selectedFirst?.displayLabel ?? selectedFirst?.value}\n              selected={!customizationProps.multiSelect || allSelected}\n            />\n          )}\n          {customizationProps.itemsType === 'normal' && (\n            <>\n              {suggestions.map((x) => (\n                <MenuItem\n                  role={ariaRolesType == 'input' ? 'option' : 'menu'} \n                  key={`${id}_topitem_${x.value}`}\n                  item={x}\n                  size={size}\n                  active={false}\n                  tabIndex={-1}\n                  onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\n                  className={`${focused === 0 ? 'dropdown-hover' : ''}`}\n                  ref={elRefs[0] as React.RefObject<HTMLButtonElement>}\n                  id={`${id}_topitem`}\n                  onClickHandler={(e: any) => {\n                    e.stopPropagation();\n                    customizationProps.onValueUpdate([x.value]);\n                    setSelectedValues([x.value]);\n                    setIsOpen(false);\n                    setFocused(null);\n                  }}\n                />\n              ))}\n            </>\n          )}\n        </TopItemContainer>\n      );\n    };\n\n    const getElements = (messageOnNoResults: string, size: Size) => {\n      if (getFilteredItems().length === 0) {\n        return <MenuItem item={{ value: messageOnNoResults, disabled: true }} size={size} id=\"noResultsFound\" active={false} onClickHandler={(e) => {}} />;\n      }\n      return (\n        <ItemsContainer size={size}>\n          {getFilteredItems()\n            .filter((x) => x && (customizationProps.itemsType != 'normal' || !x.suggestion))\n            .map((item, index) => {\n              return (\n                <React.Fragment key={`key_${id}_${item.value}`}>\n                  {item.customContent}\n                  {!item.customContent && customizationProps.itemsType == 'radio' && (\n                    <RadioButton\n                      role='menuitemradio'\n                      select={(selected: boolean) => handleItemClick(selected, item)}\n                      ref={elRefs[index + 1] as React.RefObject<HTMLDivElement>}\n                      size={size}\n                      tabIndexVal={-1}\n                      className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\n                      iconPointerEventsTransparent={true}\n                      disabled={item?.disabled}\n                      key={`key_${id}_${index + 1}`}\n                      onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\n                      id={`${id}_${index + 1}`}\n                      label={item.displayLabel ?? item.value}\n                      selected={selectedValues?.includes(item.value)}\n                    />\n                  )}\n                  {!item.customContent && customizationProps.itemsType == 'checkbox' && (\n                    <Checkbox\n                      role='menuitemcheckbox'\n                      select={(selected: boolean) => handleItemClick(selected, item)}\n                      iconPointerEventsTransparent={true}\n                      disabled={item?.disabled}\n                      className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\n                      ref={elRefs[index + 1] as React.RefObject<HTMLDivElement>}\n                      size={size}\n                      tabIndexVal={-1}\n                      key={`key_${id}_${index + 1}`}\n                      onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\n                      id={`${id}_${index + 1}`}\n                      label={item.displayLabel ?? item.value}\n                      selected={selectedValues?.includes(item.value)}\n                    />\n                  )}\n                  {!item.customContent && (customizationProps.itemsType == 'normal' || !customizationProps.itemsType) && (\n                    <MenuItem\n                      role={ariaRolesType == 'input' ? 'option' : 'menu'} \n                      key={`key_${id}_${index + 1}`}\n                      id={`${id}_${index + 1}`}\n                      item={item}\n                      tabIndex={-1}\n                      className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\n                      size={size}\n                      onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\n                      active={selectedValues?.includes(item.value)}\n                      ref={elRefs[index + 1] as React.RefObject<HTMLButtonElement>}\n                      onClickHandler={(e: any) => {\n                        e.stopPropagation();\n                        customizationProps.onValueUpdate([item.value]);\n                        setSelectedValues([item.value]);\n                        setIsOpen(false);\n                        setFocused(null);\n                      }}\n                    />\n                  )}\n                </React.Fragment>\n              );\n            })}\n        </ItemsContainer>\n      );\n    };\n\n    const calculateOffset = () => {\n      const rect = containerRef?.current?.getBoundingClientRect();\n      if (rect) {\n        dropdownContentRef.current.style.left = `${rect.x + rect.width}px`;\n        dropdownContentRef.current.style.top = `${rect.y + rect.height}px`;\n        dropdownContentRef.current.style.width = width ?? `${rect.width}px`;\n      }\n      determineDropUp();\n    };\n\n    const cls = `${isOpen ? 'show' : ''} ${isOpen && outline ? 'outline' : ''} ${locationDefined ? (isUp ? 'up' : 'down') : ''}`;\n\n    return (\n      <Overlay>\n        <DDContainer\n          role={ariaRolesType == \"menu\" ? \"menu\" : \"optionlist\"}\n          ref={dropdownContentRef}\n          size={size}\n          offsetTop={offset.top}\n          id={id}\n          offsetLeft={offset.left}\n          tabIndex={-1}\n          isButton={isButton}\n          alignLeft={alignLeft}\n          scrollable={customizationProps.scrollable}\n          maxHeight={customizationProps.maxHeight}\n          className={cls}>\n          <ListContainer\n            role=\"group\"\n            size={size}\n            itemsType={customizationProps.itemsType}\n            onScroll={handleScroll}\n            ref={itemsListRef}\n            outline={outline}\n            scrollable={customizationProps.scrollable}>\n            {customizationProps.menuContent && (\n              <MenuContentContainer size={size}>\n                {customizationProps.menuContent}\n                <DividerContainer size={size}>\n                  <div className=\"divider\" />\n                </DividerContainer>\n              </MenuContentContainer>\n            )}\n            {customizationProps.pinTopItem && getTopItem()}\n            {getElements(messageOnNoResults, size)}\n          </ListContainer>\n          {customizationProps.action && customizationProps.actionLabel && (\n            <ActionButtonContainer size={size} scrollable={customizationProps.scrollable}>\n              <Button\n                width=\"100%\"\n                role=\"menuitem\"\n                icon={customizationProps.actionIcon}\n                ref={actionButtonRef}\n                loading={customizationProps.actionLoading}\n                disabled={customizationProps.actionDisabled}\n                variant={customizationProps.actionVariant ?? 'primary'}\n                size={size}\n                onClick={() => customizationProps.action() && setIsOpen(false)}>\n                {customizationProps.actionLabel}\n              </Button>\n            </ActionButtonContainer>\n          )}\n        </DDContainer>\n      </Overlay>\n    );\n  },\n);\n\nexport default DropdownContent;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAA4B,OAAO;AAC/C,OAAOC,MAAM,MAAe,mBAAmB;AAC/C,OAAOC,MAAM,MAAM,kBAAkB;AACrC,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,4BAA4B,QAAQ,iBAAiB;AAC9D,SAASC,iBAAiB,EAAEC,kBAAkB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,sBAAsB;AACtI,SAASC,MAAM,EAAeC,gBAAgB,QAAQ,WAAW;AACjE,SAASC,QAAQ,EAAEC,WAAW,QAAQ,gBAAgB;AACtD,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,OAAOC,QAAQ,MAAM,sBAAsB;AAAC;AAAA;AAAA;AAI5C,IAAMC,eAAe,GAAG,GAAG;AAC3B,IAAMC,iBAAiB,GAAG,EAAE;AAC5B,IAAMC,kBAAkB,GAAG,OAAO;AAElC,OAAO,IAAMC,WAAW,GAAGlB,MAAM,CAACmB,GAAG,82BAIfV,MAAM,CAACW,KAAK,EAErBP,SAAS,CAACQ,QAAQ,EACnB,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,QAAQ,GAAG,MAAM,GAAG,SAAS;AAAA,CAAC,EAQpD,UAACD,KAAK;EAAA,sCAA6BA,KAAK,CAACE,UAAU,eAAKF,KAAK,CAACG,SAAS;AAAA,CAAI,EAIzDR,kBAAkB,EAAQA,kBAAkB,EAmBlE,UAACK,KAAK;EAAA,OAAMA,KAAK,CAACC,QAAQ,GAAGpB,4BAA4B,GAAG,EAAE;AAAA,CAAC,EAE7CM,MAAM,CAACiB,WAAW,EAKzB,UAACJ,KAAK;EAAA,OAAMA,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC0B,KAAK,GAAG,OAAO,GAAGN,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC2B,MAAM,GAAG,OAAO,GAAG,OAAO;AAAA,CAAC,EAC3F,UAACP,KAAK;EAAA,OAAMA,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC0B,KAAK,GAAG,MAAM,GAAGN,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC2B,MAAM,GAAG,KAAK,GAAG,KAAK;AAAA,CAAC,EAE7F,UAACP,KAAK;EAAA,OAAM,CAACA,KAAK,CAACQ,UAAU,GAAG,MAAM,GAAGR,KAAK,CAACS,SAAS,GAAGT,KAAK,CAACS,SAAS,GAAGT,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC0B,KAAK,GAAG,OAAO,GAAGN,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC2B,MAAM,GAAG,OAAO,GAAG,OAAO;AAAA,CAAC,CAC/K;AAED,IAAMG,cAAc,GAAGhC,MAAM,CAACmB,GAAG,sNAElBN,SAAS,CAACoB,KAAK,EAKfpB,SAAS,CAACqB,MAAM,EAIhBrB,SAAS,CAACsB,KAAK,CAE7B;AAED,IAAMC,aAAa,GAAGpC,MAAM,CAACmB,GAAG,wbAC5B,UAACG,KAAK;EAAA,OAAMA,KAAK,CAACQ,UAAU,GAAG,qBAAqB,GAAG,EAAE;AAAA,CAAC,EAC1D,UAACR,KAAK;EAAA,OAAMA,KAAK,CAACQ,UAAU,GAAG,oBAAoB,GAAG,EAAE;AAAA,CAAC,EACzD,UAACR,KAAK;EAAA,OAAMA,KAAK,CAACQ,UAAU,GAAG,qBAAqB,GAAG,EAAE;AAAA,CAAC,EAC1D,UAACR,KAAK;EAAA,OAAMA,KAAK,CAACe,SAAS,IAAI,QAAQ,GAAG,mBAAmB,GAAG,EAAE;AAAA,CAAC,EAUnEL,cAAc,EACC,UAACV,KAAK;EAAA,OAAMA,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC0B,KAAK,GAAG,KAAK,GAAGN,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC2B,MAAM,GAAG,KAAK,GAAG,KAAK;AAAA,CAAC,EACtF,UAACP,KAAK;EAAA,OAAMA,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC0B,KAAK,GAAG,KAAK,GAAGN,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC2B,MAAM,GAAG,KAAK,GAAG,KAAK;AAAA,CAAC,EAS3GnB,gBAAgB,CAACR,IAAI,CAACoC,KAAK,CAAC,CAC/B;AAED,IAAMC,oBAAoB,GAAGvC,MAAM,CAACmB,GAAG,2UAMjC,UAACG,KAAK;EAAA,OAAKA,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC0B,KAAK,IAAIvB,kBAAkB,CAACG,kBAAkB,CAACgC,IAAI,EAAE/B,MAAM,CAACgC,WAAW,CAAC;AAAA,GACtG,UAACnB,KAAK;EAAA,OAAKA,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC2B,MAAM,IAAIzB,iBAAiB,CAACI,kBAAkB,CAACgC,IAAI,EAAE/B,MAAM,CAACgC,WAAW,CAAC;AAAA,GACtG,UAACnB,KAAK;EAAA,OAAK,CAACA,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAACoC,KAAK,IAAI,CAAChB,KAAK,CAACK,IAAI,KAAKrB,iBAAiB,CAACE,kBAAkB,CAACgC,IAAI,EAAE/B,MAAM,CAACgC,WAAW,CAAC;AAAA,GAC7G,UAACnB,KAAK;EAAA,OAAMA,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAACoC,KAAK,IAAI,CAAChB,KAAK,CAACK,IAAI,GAAG,eAAe,GAAGL,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC2B,MAAM,GAAG,eAAe,GAAG,eAAe;AAAA,CAAC,EAM/I,UAACP,KAAK;EAAA,OAAKA,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC0B,KAAK,IAAIxB,iBAAiB,CAACI,kBAAkB,CAACkC,OAAO,EAAEjC,MAAM,CAACgC,WAAW,CAAC;AAAA,GACxG,UAACnB,KAAK;EAAA,OAAKA,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC2B,MAAM,IAAIvB,iBAAiB,CAACE,kBAAkB,CAACkC,OAAO,EAAEjC,MAAM,CAACgC,WAAW,CAAC;AAAA,GACzG,UAACnB,KAAK;EAAA,OAAK,CAACA,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAACoC,KAAK,IAAI,CAAChB,KAAK,CAACK,IAAI,KAAKpB,iBAAiB,CAACC,kBAAkB,CAACkC,OAAO,EAAEjC,MAAM,CAACgC,WAAW,CAAC;AAAA,GAChH,UAACnB,KAAK;EAAA,OAAMA,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAACoC,KAAK,IAAI,CAAChB,KAAK,CAACK,IAAI,GAAG,UAAU,GAAGL,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC2B,MAAM,GAAG,WAAW,GAAG,WAAW;AAAA,CAAC,CAEvI;AAED,IAAMc,gBAAgB,GAAG3C,MAAM,CAACmB,GAAG,oLAGnB,UAACG,KAAK;EAAA,OAAMA,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC0B,KAAK,GAAG,MAAM,GAAGN,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAAC2B,MAAM,GAAG,MAAM,GAAGP,KAAK,CAACK,IAAI,IAAIzB,IAAI,CAACoC,KAAK,IAAI,CAAChB,KAAK,CAACK,IAAI,GAAG,KAAK,GAAG,KAAK;AAAA,CAAC,CAM5J;AAED,IAAMiB,gBAAgB,GAAG5C,MAAM,CAACmB,GAAG,2LAEVV,MAAM,CAACoC,WAAW,CAG1C;AAED,IAAMC,qBAAqB,GAAG9C,MAAM,CAACmB,GAAG,mJACpC,UAACG,KAAK;EAAA,OAAMA,KAAK,CAACQ,UAAU,oCAA6BrB,MAAM,CAACoC,WAAW,SAAM,EAAE;AAAA,CAAC,EACpF,UAACvB,KAAK;EAAA,OAAMA,KAAK,CAACQ,UAAU,GAAG,kBAAkB,GAAG,EAAE;AAAA,CAAC,EAE9C,UAACR,KAAK;EAAA,OAAMA,KAAK,CAACK,IAAI,KAAKzB,IAAI,CAACoC,KAAK,IAAI,CAAChB,KAAK,CAACK,IAAI,GAAG,cAAc,GAAGL,KAAK,CAACK,IAAI,KAAKzB,IAAI,CAAC2B,MAAM,GAAG,eAAe,GAAG,gBAAgB;AAAA,CAAC,CAKpJ;AAED,IAAMkB,OAAO,GAAG/C,MAAM,CAACmB,GAAG,iMAObN,SAAS,CAACmC,KAAK,CAC3B;AAoDD,IAAMC,eAAe,gBAAGlD,KAAK,CAACmD,UAAU,CACtC,gBAqBEC,GAAG,EACA;EAAA;EAAA,IApBDC,EAAE,QAAFA,EAAE;IACFC,kBAAkB,QAAlBA,kBAAkB;IAClBC,SAAS,QAATA,SAAS;IACT/B,QAAQ,QAARA,QAAQ;IACRI,IAAI,QAAJA,IAAI;IACJ4B,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACTC,MAAM,QAANA,MAAM;IACNC,OAAO,QAAPA,OAAO;IACPC,UAAU,QAAVA,UAAU;IACVC,cAAc,QAAdA,cAAc;IACdC,iBAAiB,QAAjBA,iBAAiB;IACjBC,kBAAkB,QAAlBA,kBAAkB;IAClBC,OAAO,QAAPA,OAAO;IACPC,YAAY,QAAZA,YAAY;IACZC,yBAAyB,QAAzBA,yBAAyB;IAAA,0BACzBC,aAAa;IAAbA,aAAa,mCAAG,MAAM;EAIxB,sBAAwBpE,KAAK,CAACqE,QAAQ,CAAU,KAAK,CAAC;IAAA;IAA/CC,IAAI;IAAEC,OAAO;EACpB,uBAA8CvE,KAAK,CAACqE,QAAQ,CAAU,KAAK,CAAC;IAAA;IAArEG,eAAe;IAAEC,kBAAkB;EAC1C,uBAA4BzE,KAAK,CAACqE,QAAQ,CAAgC;MAAEK,GAAG,EAAE,GAAG;MAAEC,IAAI,EAAE;IAAI,CAAC,CAAC;IAAA;IAA3FC,MAAM;IAAEC,SAAS;EAExB,IAAMC,kBAAkB,YAAI1B,GAAG,yCAAyCpD,KAAK,CAAC+E,MAAM,CAAiB,IAAI,CAAC;EAE1G,IAAI,CAACzB,kBAAkB,CAAChB,SAAS,EAAEgB,kBAAkB,CAAChB,SAAS,GAAG,QAAQ;EAC1E,IAAI,CAACV,IAAI,EAAEA,IAAI,GAAGzB,IAAI,CAACoC,KAAK;EAE5B,IAAMyC,YAAY,GAAGhF,KAAK,CAAC+E,MAAM,CAAiB,IAAI,CAAC;EACvD,IAAME,eAAe,GAAGjF,KAAK,CAAC+E,MAAM,CAAoB,IAAI,CAAC;EAE7D,IAAMG,eAAe,GAAG,SAAlBA,eAAe,GAAS;IAC5B,IAAMC,OAAO,GAAG7B,kBAAkB,CAAC8B,KAAK;IAExC,IAAMC,IAAI,GAAGnB,YAAY,CAACoB,OAAO,CAAEC,qBAAqB,EAAE;IAE1D,IAAMC,YAAY,GAAGC,MAAM,CAACC,WAAW;IACvC,IAAMC,UAAU,GAAGC,IAAI,CAACC,GAAG,CAAC7E,eAAe,EAAEmE,OAAO,CAACW,MAAM,GAAG7E,iBAAiB,CAAC;IAChF,IAAM8E,kBAAkB,GAAGV,IAAI,CAACX,GAAG,GAAGW,IAAI,CAACW,MAAM,GAAGL,UAAU;IAE9D,IAAMM,EAAE,GAAGF,kBAAkB,IAAIP,YAAY;IAE7CX,SAAS,CAAC;MACRH,GAAG,EAAEuB,EAAE,0BAAmBZ,IAAI,CAACW,MAAM,gBAAMxE,QAAQ,GAAG,EAAE,GAAG,OAAO,SAAM,GAAG;MAC3EmD,IAAI,EAAEpB,SAAS,mBAAY8B,IAAI,CAAC5B,KAAK;IACvC,CAAC,CAAC;IAEFc,OAAO,CAAC0B,EAAE,CAAC;IACXxB,kBAAkB,CAAC,IAAI,CAAC;EAC1B,CAAC;EAED,IAAMyB,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAIC,KAAa,EAAK;IAAA;IAC9C,IAAIlC,OAAO,EAAE,yBAAAa,kBAAkB,CAACQ,OAAO,0DAA1B,sBAA4BlD,KAAK,EAAE;IAEhD,IAAMgE,iBAAiB,GAAGC,MAAM,CAACF,KAAK,CAAC;IACvC,IAAIhC,yBAAyB,EAAEA,yBAAyB,CAACgC,KAAK,IAAI,CAAC,aAAM9C,EAAE,0BAAgBA,EAAE,cAAI8C,KAAK,CAAE,CAAC;IAEzG,IAAMG,iBAAiB,GAAG1C,OAAO,IAAIA,OAAO,KAAK,CAAC,GAAGyC,MAAM,CAACzC,OAAO,CAAC,GAAG,IAAI;IAC3E,IAAIwC,iBAAiB,IAAIA,iBAAiB,KAAKE,iBAAiB,EAAE;MAAA;MAChEzC,UAAU,CAACsC,KAAK,CAAC;MACjBG,iBAAiB,aAAjBA,iBAAiB,gDAAjBA,iBAAiB,CAAEhB,OAAO,0DAA1B,sBAA4BiB,SAAS,CAACC,MAAM,CAAC,gBAAgB,CAAC;MAE9D,yBAAAJ,iBAAiB,CAACd,OAAO,0DAAzB,sBAA2BiB,SAAS,CAACE,GAAG,CAAC,gBAAgB,CAAC;MAC1D,0BAAAL,iBAAiB,CAACd,OAAO,2DAAzB,uBAA2BoB,cAAc,CAAC;QACxCC,KAAK,EAAE,SAAS;QAChBC,MAAM,EAAE;MACV,CAAC,CAAC;IACJ;EACF,CAAC;EAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAS;IAC7B,IAAMC,gBAAgB,GAAG,CAACnD,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,EAAE,EAAEoD,WAAW,EAAE;IACrD,OAAOzD,kBAAkB,CAAC8B,KAAK,CAACzB,MAAM,CAAC,UAACqD,CAAC;MAAA;MAAA,OAAK,CAAAA,CAAC,aAADA,CAAC,mCAADA,CAAC,CAAEC,KAAK,6CAAR,SAAUF,WAAW,EAAE,CAACG,QAAQ,CAACJ,gBAAgB,CAAC,MAAIE,CAAC,aAADA,CAAC,0CAADA,CAAC,CAAEG,YAAY,oDAAf,gBAAiBJ,WAAW,EAAE,CAACG,QAAQ,CAACJ,gBAAgB,CAAC;IAAA,EAAC;EAChK,CAAC;EAED,IAAMM,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIjB,KAAa,EAAEkB,SAAiB,EAAEjC,KAAqB,EAAK;IACvF,KAAK,IAAIkC,CAAC,GAAGnB,KAAK,GAAGkB,SAAS,EAAEC,CAAC,GAAG,CAAC,IAAIA,CAAC,IAAIlC,KAAK,CAACU,MAAM,EAAEwB,CAAC,IAAID,SAAS,EAAE;MAAA;MAC1E,IAAI,YAACjC,KAAK,CAACkC,CAAC,GAAG,CAAC,CAAC,mCAAZ,OAAcC,QAAQ,GAAE;QAC3B,OAAOD,CAAC;MACV;IACF;IAEA,OAAOnB,KAAK;EACd,CAAC;EAED,IAAMqB,aAAa,GAAG,SAAhBA,aAAa,CAAIC,CAAgB,EAAK;IAC1C,IAAIjE,MAAM,EAAE;MACV,IAAIiE,CAAC,CAACC,GAAG,KAAK,SAAS,IAAID,CAAC,CAACC,GAAG,KAAK,IAAI,EAAE;QACzCD,CAAC,CAACE,cAAc,EAAE;QAClB,IAAIC,UAAU,GAAGhE,OAAO,IAAIA,OAAO,KAAK,CAAC,GAAGA,OAAO,GAAGiE,SAAS,GAAG,CAAC;QACnE,IAAI,CAAC,CAACD,UAAU,EAAE;UAChBA,UAAU,GAAGA,UAAU,KAAK,CAAC,IAAIE,WAAW,EAAE,GAAG,CAAC,GAAGV,mBAAmB,CAACQ,UAAU,EAAE,CAAC,CAAC,EAAEf,gBAAgB,EAAE,CAAC;UAE5GX,oBAAoB,CAAC0B,UAAU,CAAC;QAClC;MACF,CAAC,MAAM,IAAIH,CAAC,CAACC,GAAG,KAAK,WAAW,IAAID,CAAC,CAACC,GAAG,KAAK,MAAM,EAAE;QACpDD,CAAC,CAACE,cAAc,EAAE;QAClB,IAAIC,WAAU,GAAGhE,OAAO;QAExBgE,WAAU,GAAG,CAAC,CAACA,WAAU,IAAIA,WAAU,KAAK,CAAC,GAAGR,mBAAmB,CAACQ,WAAU,EAAE,CAAC,EAAEf,gBAAgB,EAAE,CAAC,GAAGiB,WAAW,EAAE,GAAG,CAAC,GAAG,CAAC;QAE9H5B,oBAAoB,CAAC0B,WAAU,CAAC;MAClC,CAAC,MAAM,IAAIH,CAAC,CAACC,GAAG,KAAK,QAAQ,IAAID,CAAC,CAACC,GAAG,KAAK,KAAK,EAAE;QAChDhE,SAAS,CAAC,KAAK,CAAC;QAChBG,UAAU,CAAC,IAAI,CAAC;QAChB,IAAIM,yBAAyB,EAAEA,yBAAyB,CAAC4D,SAAS,CAAC;MACrE,CAAC,MAAM,IAAI,CAACN,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAK9D,OAAO,KAAK,IAAI,IAAI6D,CAAC,CAACO,MAAM,MAAK/C,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEK,OAAO,GAAE;QAC5GmC,CAAC,CAACE,cAAc,EAAE;QAClB,IAAMM,cAAc,GAAG5B,MAAM,CAACzC,OAAO,CAAC;QACtC,IAAIqE,cAAc,EAAE;UAAA;UAClB,yBAAAA,cAAc,CAAC3C,OAAO,0DAAtB,sBAAwB4C,KAAK,EAAE;QACjC;QACA,IAAI/D,yBAAyB,EAAEA,yBAAyB,CAAC4D,SAAS,CAAC;MACrE;IACF;EACF,CAAC;EAED/H,KAAK,CAACmI,SAAS,CAAC,YAAM;IACpBC,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEb,aAAa,CAAC;IACnD,OAAO,YAAM;MACXY,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEd,aAAa,CAAC;IACxD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEJ,IAAMe,cAAc,GAAGvI,KAAK,CAAC+E,MAAM,CAAqB,CAAC,CAAC;EAC1D,IAAMyD,YAAY,GAAG,SAAfA,YAAY,GAAS;IAAA;IACzBD,cAAc,CAACjD,OAAO,4BAAGN,YAAY,CAACM,OAAO,0DAApB,sBAAsBmD,SAAS;EAC1D,CAAC;EACDzI,KAAK,CAAC0I,eAAe,CAAC,YAAM;IAAA;IAC1B,IAAI1D,YAAY,CAACM,OAAO,EAAEN,YAAY,CAACM,OAAO,CAACmD,SAAS,4BAAGF,cAAc,CAACjD,OAAO,yEAAI,CAAC;EACxF,CAAC,EAAE,CAACxB,cAAc,CAAC,CAAC;EAEpB,IAAM6E,aAAa,GAAG,SAAhBA,aAAa,CAAIvF,GAAiC,EAAmC;IACzF,QAAQE,kBAAkB,CAAChB,SAAS;MAClC,KAAK,QAAQ;QACX,OAAQc,GAAG,iBAA2CpD,KAAK,CAAC4I,SAAS,EAAqB;MAC5F;QACE,OAAQxF,GAAG,iBAAwCpD,KAAK,CAAC4I,SAAS,EAAkB;IAAC;EAE3F,CAAC;EAED,IAAMf,SAAS,GAAGhB,gBAAgB,EAAE,CAACf,MAAM;EAC3C,uBAA4B9F,KAAK,CAACqE,QAAQ,CAAiC,EAAE,CAAC;IAAA;IAAvEgC,MAAM;IAAEwC,SAAS;EAExB7I,KAAK,CAACmI,SAAS,CAAC,YAAM;IACpB,IAAI,CAAA9B,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEP,MAAM,MAAK+B,SAAS,EAAE;MAChChE,UAAU,CAAC,IAAI,CAAC;IAClB;IAEAgF,SAAS,CAAC,UAACxC,MAAM;MAAA,OACfyC,KAAK,CAACjB,SAAS,GAAG,CAAC,CAAC,CACjBkB,IAAI,CAAC,IAAI,CAAC,CACVC,GAAG,CAAC,UAACC,CAAC,EAAE3B,CAAC;QAAA,OAAKqB,aAAa,CAACtC,MAAM,CAACiB,CAAC,CAAC,CAAC;MAAA,EAAC;IAAA,EAC3C;EACH,CAAC,EAAE,CAAC9D,MAAM,EAAEqE,SAAS,CAAC,CAAC;EAEvB7H,KAAK,CAAC0I,eAAe,CAAC,YAAM;IAC1BlF,MAAM,IAAI,CAACgB,eAAe,IAAIU,eAAe,EAAE;EACjD,CAAC,EAAE,CAAC1B,MAAM,EAAEgB,eAAe,CAAC,CAAC;EAE7B,IAAMsD,WAAW,GAAG,SAAdA,WAAW,GAAS;IAAA;IACxB,IAAI,CAACxE,kBAAkB,CAAC4F,UAAU,EAAE,OAAO,KAAK;IAEhD,IAAI5F,kBAAkB,CAAChB,SAAS,KAAK,OAAO,IAAIwB,cAAc,IAAI,CAAAA,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEgC,MAAM,IAAG,CAAC,EAAE,OAAO,IAAI,CAAC,KACrG,IAAIxC,kBAAkB,CAAChB,SAAS,KAAK,UAAU,KAAKgB,kBAAkB,CAAC6F,WAAW,IAAI,CAAArF,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEgC,MAAM,IAAG,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,KAC/H,IAAIxC,kBAAkB,CAAChB,SAAS,KAAK,QAAQ,IAAI,oBAAA8G,cAAc,EAAE,oDAAhB,gBAAkBtD,MAAM,IAAG,CAAC,EAAE,OAAO,IAAI;IAC/F,OAAO,KAAK;EACd,CAAC;EAED,IAAMsD,cAAc,GAAG,SAAjBA,cAAc,GAAS;IAC3B,OAAOvC,gBAAgB,EAAE,CAAClD,MAAM,CAAC,UAACqD,CAAC;MAAA,OAAKA,CAAC,CAACqC,UAAU;IAAA,EAAC;EACvD,CAAC;;EAED;AACJ;AACA;EACIrJ,KAAK,CAAC0I,eAAe,CAAC,YAAM;IAC1B,IAAIlF,MAAM,KAAKI,OAAO,IAAIA,OAAO,KAAK,CAAC,CAAC,EAAE;MACxCsC,oBAAoB,CAACtC,OAAO,KAAK,CAAC,IAAI,CAACkE,WAAW,EAAE,GAAG,CAAC,GAAGlE,OAAO,CAAC;IACrE;EACF,CAAC,EAAE,CAACJ,MAAM,EAAEI,OAAO,CAAC,CAAC;;EAErB;AACJ;AACA;EACI5D,KAAK,CAACmI,SAAS,CAAC,YAAM;IACpB,IAAI,CAAC3E,MAAM,EAAE;MAAA;MACXiB,kBAAkB,CAAC,KAAK,CAAC;MAAC,2CACR4B,MAAM;QAAA;MAAA;QAAxB,oDAA0B;UAAA;UAAA,IAAjBiD,KAAK;UACZ,kBAAAA,KAAK,CAAChE,OAAO,mDAAb,eAAeiB,SAAS,CAACC,MAAM,CAAC,gBAAgB,CAAC;QACnD;MAAC;QAAA;MAAA;QAAA;MAAA;MACD3C,UAAU,CAAC,IAAI,CAAC;MAChB,IAAGM,yBAAyB,EAAEA,yBAAyB,CAAC4D,SAAS,CAAC;MAClE,0BAAAjD,kBAAkB,CAACQ,OAAO,2DAA1B,uBAA4BiB,SAAS,CAACC,MAAM,CAAC,SAAS,CAAC;MACvD,0BAAA1B,kBAAkB,CAACQ,OAAO,2DAA1B,uBAA4BiE,IAAI,EAAE;IACpC,CAAC,MAAM;MACL,IAAItF,OAAO,EAAE;QAAA;QACX,0BAAAa,kBAAkB,CAACQ,OAAO,2DAA1B,uBAA4BiB,SAAS,CAACE,GAAG,CAAC,SAAS,CAAC;QACpD,0BAAA3B,kBAAkB,CAACQ,OAAO,2DAA1B,uBAA4BlD,KAAK,EAAE;MACrC;IACF;EACF,CAAC,EAAE,CAACoB,MAAM,EAAEsB,kBAAkB,EAAElB,OAAO,EAAEK,OAAO,CAAC,CAAC;;EAElD;AACJ;AACA;EACIjE,KAAK,CAACmI,SAAS,CAAC,YAAM;IACpB,IAAI3E,MAAM,IAAIwB,YAAY,CAACM,OAAO,EAAE;MAClCN,YAAY,CAACM,OAAO,CAACmD,SAAS,GAAG,CAAC;IACpC;EACF,CAAC,EAAE,CAACjF,MAAM,CAAC,CAAC;EAEZxD,KAAK,CAACmI,SAAS,CAAC,YAAM;IACpB,IAAI3E,MAAM,EAAE;MACV,IAAMgG,QAAQ,GAAG,IAAIC,oBAAoB,CAAC,UAAUC,OAAO,EAAE;QAC3D,IAAI,CAACA,OAAO,CAAC,CAAC,CAAC,CAACC,cAAc,EAAE;UAAA;UAC9BjG,SAAS,CAAC,KAAK,CAAC;UAChB;UACA,aAAA0E,QAAQ,uEAAR,UAAUwB,aAAa,0DAAvB,sBAAyBL,IAAI,EAAE;QACjC;MACF,CAAC,EAAE;QAACM,SAAS,EAAE,CAAC,CAAC,CAAC;QAAEC,UAAU,EAAE;MAAK,CAAC,CAAC;MAEvCN,QAAQ,CAACO,OAAO,CAAC7F,YAAY,CAACoB,OAAO,CAAE;MAEvC0E,eAAe,EAAE;MACjBvE,MAAM,CAAC4C,gBAAgB,CAAC,QAAQ,EAAE2B,eAAe,EAAE,IAAI,CAAC;MACxDvE,MAAM,CAAC4C,gBAAgB,CAAC,QAAQ,EAAE2B,eAAe,CAAC;MAElD,OAAO,YAAM;QACXR,QAAQ,CAACS,UAAU,EAAE;QACrBxE,MAAM,CAAC6C,mBAAmB,CAAC,QAAQ,EAAE0B,eAAe,EAAE,IAAI,CAAC;QAC3DvE,MAAM,CAAC6C,mBAAmB,CAAC,QAAQ,EAAE0B,eAAe,CAAC;MACvD,CAAC;IACH;IACA,OAAO,YAAM,CAAC,CAAC;EACjB,CAAC,EAAE,CAACxG,MAAM,CAAC,CAAC;EAEZ,IAAM0G,eAAe,GAAG,SAAlBA,eAAe,CAAIC,QAAiB,EAAEC,IAAkB,EAAK;IACjE,IAAIC,QAAkB,GAAG,EAAE;IAC3B,IAAI/G,kBAAkB,CAAC6F,WAAW,EAAE;MAClC,IAAIgB,QAAQ,EAAEE,QAAQ,gCAAOvG,cAAc,IAAEsG,IAAI,CAACnD,KAAK,EAAC,CAAC,KACpDoD,QAAQ,GAAGvG,cAAc,CAACH,MAAM,CAAC,UAACqD,CAAC;QAAA,OAAKA,CAAC,IAAIoD,IAAI,CAACnD,KAAK;MAAA,EAAC;IAC/D,CAAC,MAAMoD,QAAQ,GAAGF,QAAQ,GAAG,CAACC,IAAI,CAACnD,KAAK,CAAC,GAAG,EAAE;IAE9ClD,iBAAiB,CAACsG,QAAQ,CAAC;IAC3B,IAAI/G,kBAAkB,CAACgH,aAAa,IAAIhH,kBAAkB,CAACgH,aAAa,CAACD,QAAQ,CAAC,EAAE;MAClF3G,SAAS,CAAC,KAAK,CAAC;IAClB;EACF,CAAC;EAED,IAAM6G,UAAU,GAAG,SAAbA,UAAU,GAAS;IAAA;IACvB,IAAI,CAACjH,kBAAkB,CAAC4F,UAAU,EAAE;IACpC,IAAMsB,YAAY,GAAG3D,gBAAgB,EAAE;IACvC,IAAM4D,WAAW,GAAG,CAAA3G,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEH,MAAM,CAAC,UAACqD,CAAC;MAAA,OAAKwD,YAAY,CAACE,IAAI,CAAC,UAACC,CAAC;QAAA,OAAKA,CAAC,CAAC1D,KAAK,IAAID,CAAC;MAAA,EAAC;IAAA,EAAC,CAAClB,MAAM,KAAI0E,YAAY,CAAC1E,MAAM;IACvH,IAAI8E,WAAW,GAAG,KAAK;IACvB,IAAMC,WAAW,GAAGzB,cAAc,EAAE;IACpC,IAAMjC,YAAY,GAAGrD,cAAc,CAAC,CAAC,CAAC,4BAAGR,kBAAkB,CAAC8B,KAAK,oFAAxB,sBAA0B0F,IAAI,CAAC,UAACC,CAAC;MAAA,OAAKA,CAAC,CAAC9D,KAAK,KAAKnD,cAAc,CAAC,CAAC,CAAC;IAAA,EAAC,2DAApE,uBAAsEqD,YAAY,GAAGY,SAAS;IACvI,IAAIzE,kBAAkB,CAAChB,SAAS,IAAI,OAAO,IAAIwB,cAAc,IAAI,CAAAA,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEgC,MAAM,IAAG,CAAC,EAAE8E,WAAW,GAAG,IAAI,CAAC,KAC3G,IAAItH,kBAAkB,CAAChB,SAAS,IAAI,UAAU,KAAKgB,kBAAkB,CAAC6F,WAAW,IAAI,CAAArF,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEgC,MAAM,IAAG,CAAC,CAAC,EAAE8E,WAAW,GAAG,IAAI,CAAC,KACrI,IAAItH,kBAAkB,CAAChB,SAAS,IAAI,QAAQ,IAAIuI,WAAW,CAAC/E,MAAM,GAAG,CAAC,EAAE8E,WAAW,GAAG,IAAI;IAE/F,IAAI,CAACA,WAAW,EAAE;IAElB,IAAMI,aAAa,GAAGlH,cAAc,CAACgC,MAAM,GAAG,CAAC,GAAG0E,YAAY,CAACM,IAAI,CAAC,UAAC9D,CAAC;MAAA,OAAKA,CAAC,CAACC,KAAK,IAAInD,cAAc,CAAC,CAAC,CAAC;IAAA,EAAC,GAAG,IAAI;IAE/G,oBACE,MAAC,gBAAgB;MAAC,IAAI,EAAElC,IAAK;MAAA,WAC1B0B,kBAAkB,CAAChB,SAAS,KAAK,OAAO,iBACvC,KAAC,WAAW;QACV,GAAG,EAAE+D,MAAM,CAAC,CAAC,CAAqC;QAClD,IAAI,EAAC,eAAe;QACpB,4BAA4B,EAAE,IAAK;QACnC,OAAO,EAAE,iBAACoB,CAAC;UAAA,OAAKtD,yBAAyB,IAAIA,yBAAyB,WAAId,EAAE,cAAW;QAAA,CAAC;QACxF,WAAW,EAAE,CAAC,CAAE;QAChB,SAAS,YAAKO,OAAO,KAAK,CAAC,GAAG,gBAAgB,GAAG,EAAE,CAAG;QACtD,MAAM,EAAE,kBAAM,CAAC,CAAE;QACjB,KAAK,2BAAEoH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE7D,YAAY,yEAAI6D,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE/D,KAAM;QAC3D,IAAI,EAAErF,IAAK;QACX,EAAE,YAAKyB,EAAE,aAAW;QACpB,QAAQ,EAAE;MAAK,EAElB,EACAC,kBAAkB,CAAChB,SAAS,KAAK,UAAU,iBAC1C,KAAC,QAAQ;QACP,GAAG,EAAE+D,MAAM,CAAC,CAAC,CAAqC;QAClD,IAAI,EAAC,kBAAkB;QACvB,WAAW,EAAE,CAAC,CAAE;QAChB,SAAS,YAAKzC,OAAO,KAAK,CAAC,GAAG,gBAAgB,GAAG,EAAE,CAAG;QACtD,MAAM,EAAE,gBAACuG,QAAiB,EAAK;UAC7B,IAAI,CAAC7G,kBAAkB,CAAC6F,WAAW,EAAE;UAErC,IAAM8B,SAAS,GAAGd,QAAQ,GAAGK,YAAY,CAACxB,GAAG,CAAC,UAAChC,CAAC;YAAA,OAAKA,CAAC,CAACC,KAAK;UAAA,EAAC,GAAG,EAAE;UAClElD,iBAAiB,CAACkH,SAAS,CAAC;UAC5B,IAAI3H,kBAAkB,CAACgH,aAAa,IAAIhH,kBAAkB,CAACgH,aAAa,CAACW,SAAS,CAAC,EAAEvH,SAAS,CAAC,KAAK,CAAC;QACvG,CAAE;QACF,OAAO,EAAE,iBAAC+D,CAAC;UAAA,OAAKtD,yBAAyB,IAAIA,yBAAyB,WAAId,EAAE,cAAW;QAAA,CAAC;QACxF,4BAA4B,EAAE,IAAK;QACnC,YAAY,EAAEC,kBAAkB,CAAC6F,WAAW,IAAI,CAACsB,WAAW,IAAI,CAAA3G,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEgC,MAAM,IAAG,CAAE;QAC3F,IAAI,EAAElE,IAAK;QACX,EAAE,YAAKyB,EAAE,wBAAsB;QAC/B,KAAK,EAAEC,kBAAkB,CAAC6F,WAAW,GAAG,YAAY,6BAAG6B,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE7D,YAAY,2EAAI6D,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE/D,KAAM;QAC3G,QAAQ,EAAE,CAAC3D,kBAAkB,CAAC6F,WAAW,IAAIsB;MAAY,EAE5D,EACAnH,kBAAkB,CAAChB,SAAS,KAAK,QAAQ,iBACxC;QAAA,UACGuI,WAAW,CAAC7B,GAAG,CAAC,UAAChC,CAAC;UAAA,oBACjB,KAAC,QAAQ;YACP,IAAI,EAAE5C,aAAa,IAAI,OAAO,GAAG,QAAQ,GAAG,MAAO;YAEnD,IAAI,EAAE4C,CAAE;YACR,IAAI,EAAEpF,IAAK;YACX,MAAM,EAAE,KAAM;YACd,QAAQ,EAAE,CAAC,CAAE;YACb,OAAO,EAAE,iBAAC6F,CAAC;cAAA,OAAKtD,yBAAyB,IAAIA,yBAAyB,WAAId,EAAE,cAAW;YAAA,CAAC;YACxF,SAAS,YAAKO,OAAO,KAAK,CAAC,GAAG,gBAAgB,GAAG,EAAE,CAAG;YACtD,GAAG,EAAEyC,MAAM,CAAC,CAAC,CAAwC;YACrD,EAAE,YAAKhD,EAAE,aAAW;YACpB,cAAc,EAAE,wBAACoE,CAAM,EAAK;cAC1BA,CAAC,CAACyD,eAAe,EAAE;cACnB5H,kBAAkB,CAACgH,aAAa,CAAC,CAACtD,CAAC,CAACC,KAAK,CAAC,CAAC;cAC3ClD,iBAAiB,CAAC,CAACiD,CAAC,CAACC,KAAK,CAAC,CAAC;cAC5BvD,SAAS,CAAC,KAAK,CAAC;cAChBG,UAAU,CAAC,IAAI,CAAC;YAClB;UAAE,aAfMR,EAAE,sBAAY2D,CAAC,CAACC,KAAK,EAgB7B;QAAA,CACH;MAAC,EAEL;IAAA,EACgB;EAEvB,CAAC;EAED,IAAMkE,WAAW,GAAG,SAAdA,WAAW,CAAInH,kBAA0B,EAAEpC,IAAU,EAAK;IAC9D,IAAIiF,gBAAgB,EAAE,CAACf,MAAM,KAAK,CAAC,EAAE;MACnC,oBAAO,KAAC,QAAQ;QAAC,IAAI,EAAE;UAAEmB,KAAK,EAAEjD,kBAAkB;UAAEuD,QAAQ,EAAE;QAAK,CAAE;QAAC,IAAI,EAAE3F,IAAK;QAAC,EAAE,EAAC,gBAAgB;QAAC,MAAM,EAAE,KAAM;QAAC,cAAc,EAAE,wBAAC6F,CAAC,EAAK,CAAC;MAAE,EAAG;IACpJ;IACA,oBACE,KAAC,cAAc;MAAC,IAAI,EAAE7F,IAAK;MAAA,UACxBiF,gBAAgB,EAAE,CAChBlD,MAAM,CAAC,UAACqD,CAAC;QAAA,OAAKA,CAAC,KAAK1D,kBAAkB,CAAChB,SAAS,IAAI,QAAQ,IAAI,CAAC0E,CAAC,CAACqC,UAAU,CAAC;MAAA,EAAC,CAC/EL,GAAG,CAAC,UAACoB,IAAI,EAAEjE,KAAK,EAAK;QAAA;QACpB,oBACE,MAAC,KAAK,CAAC,QAAQ;UAAA,WACZiE,IAAI,CAACgB,aAAa,EAClB,CAAChB,IAAI,CAACgB,aAAa,IAAI9H,kBAAkB,CAAChB,SAAS,IAAI,OAAO,iBAC7D,KAAC,WAAW;YACV,IAAI,EAAC,eAAe;YACpB,MAAM,EAAE,gBAAC6H,QAAiB;cAAA,OAAKD,eAAe,CAACC,QAAQ,EAAEC,IAAI,CAAC;YAAA,CAAC;YAC/D,GAAG,EAAE/D,MAAM,CAACF,KAAK,GAAG,CAAC,CAAqC;YAC1D,IAAI,EAAEvE,IAAK;YACX,WAAW,EAAE,CAAC,CAAE;YAChB,SAAS,YAAKuE,KAAK,GAAG,CAAC,KAAKvC,OAAO,GAAG,gBAAgB,GAAG,EAAE,CAAG;YAC9D,4BAA4B,EAAE,IAAK;YACnC,QAAQ,EAAEwG,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE7C,QAAS;YAEzB,OAAO,EAAE,iBAACE,CAAC;cAAA,OAAKtD,yBAAyB,IAAIA,yBAAyB,WAAId,EAAE,cAAI8C,KAAK,GAAG,CAAC,EAAG;YAAA,CAAC;YAC7F,EAAE,YAAK9C,EAAE,cAAI8C,KAAK,GAAG,CAAC,CAAG;YACzB,KAAK,wBAAEiE,IAAI,CAACjD,YAAY,mEAAIiD,IAAI,CAACnD,KAAM;YACvC,QAAQ,EAAEnD,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEoD,QAAQ,CAACkD,IAAI,CAACnD,KAAK;UAAE,iBAJnC5D,EAAE,cAAI8C,KAAK,GAAG,CAAC,EAM9B,EACA,CAACiE,IAAI,CAACgB,aAAa,IAAI9H,kBAAkB,CAAChB,SAAS,IAAI,UAAU,iBAChE,KAAC,QAAQ;YACP,IAAI,EAAC,kBAAkB;YACvB,MAAM,EAAE,gBAAC6H,QAAiB;cAAA,OAAKD,eAAe,CAACC,QAAQ,EAAEC,IAAI,CAAC;YAAA,CAAC;YAC/D,4BAA4B,EAAE,IAAK;YACnC,QAAQ,EAAEA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE7C,QAAS;YACzB,SAAS,YAAKpB,KAAK,GAAG,CAAC,KAAKvC,OAAO,GAAG,gBAAgB,GAAG,EAAE,CAAG;YAC9D,GAAG,EAAEyC,MAAM,CAACF,KAAK,GAAG,CAAC,CAAqC;YAC1D,IAAI,EAAEvE,IAAK;YACX,WAAW,EAAE,CAAC,CAAE;YAEhB,OAAO,EAAE,iBAAC6F,CAAC;cAAA,OAAKtD,yBAAyB,IAAIA,yBAAyB,WAAId,EAAE,cAAI8C,KAAK,GAAG,CAAC,EAAG;YAAA,CAAC;YAC7F,EAAE,YAAK9C,EAAE,cAAI8C,KAAK,GAAG,CAAC,CAAG;YACzB,KAAK,yBAAEiE,IAAI,CAACjD,YAAY,qEAAIiD,IAAI,CAACnD,KAAM;YACvC,QAAQ,EAAEnD,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEoD,QAAQ,CAACkD,IAAI,CAACnD,KAAK;UAAE,iBAJnC5D,EAAE,cAAI8C,KAAK,GAAG,CAAC,EAM9B,EACA,CAACiE,IAAI,CAACgB,aAAa,KAAK9H,kBAAkB,CAAChB,SAAS,IAAI,QAAQ,IAAI,CAACgB,kBAAkB,CAAChB,SAAS,CAAC,iBACjG,KAAC,QAAQ;YACP,IAAI,EAAE8B,aAAa,IAAI,OAAO,GAAG,QAAQ,GAAG,MAAO;YAEnD,EAAE,YAAKf,EAAE,cAAI8C,KAAK,GAAG,CAAC,CAAG;YACzB,IAAI,EAAEiE,IAAK;YACX,QAAQ,EAAE,CAAC,CAAE;YACb,SAAS,YAAKjE,KAAK,GAAG,CAAC,KAAKvC,OAAO,GAAG,gBAAgB,GAAG,EAAE,CAAG;YAC9D,IAAI,EAAEhC,IAAK;YACX,OAAO,EAAE,iBAAC6F,CAAC;cAAA,OAAKtD,yBAAyB,IAAIA,yBAAyB,WAAId,EAAE,cAAI8C,KAAK,GAAG,CAAC,EAAG;YAAA,CAAC;YAC7F,MAAM,EAAErC,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEoD,QAAQ,CAACkD,IAAI,CAACnD,KAAK,CAAE;YAC7C,GAAG,EAAEZ,MAAM,CAACF,KAAK,GAAG,CAAC,CAAwC;YAC7D,cAAc,EAAE,wBAACsB,CAAM,EAAK;cAC1BA,CAAC,CAACyD,eAAe,EAAE;cACnB5H,kBAAkB,CAACgH,aAAa,CAAC,CAACF,IAAI,CAACnD,KAAK,CAAC,CAAC;cAC9ClD,iBAAiB,CAAC,CAACqG,IAAI,CAACnD,KAAK,CAAC,CAAC;cAC/BvD,SAAS,CAAC,KAAK,CAAC;cAChBG,UAAU,CAAC,IAAI,CAAC;YAClB;UAAE,iBAfUR,EAAE,cAAI8C,KAAK,GAAG,CAAC,EAiB9B;QAAA,iBAxDyB9C,EAAE,cAAI+G,IAAI,CAACnD,KAAK,EAyD3B;MAErB,CAAC;IAAC,EACW;EAErB,CAAC;EAED,IAAM+C,eAAe,GAAG,SAAlBA,eAAe,GAAS;IAAA;IAC5B,IAAM3E,IAAI,GAAGnB,YAAY,aAAZA,YAAY,gDAAZA,YAAY,CAAEoB,OAAO,0DAArB,sBAAuBC,qBAAqB,EAAE;IAC3D,IAAIF,IAAI,EAAE;MACRP,kBAAkB,CAACQ,OAAO,CAAC+F,KAAK,CAAC1G,IAAI,aAAMU,IAAI,CAAC2B,CAAC,GAAG3B,IAAI,CAAC5B,KAAK,OAAI;MAClEqB,kBAAkB,CAACQ,OAAO,CAAC+F,KAAK,CAAC3G,GAAG,aAAMW,IAAI,CAACsF,CAAC,GAAGtF,IAAI,CAACW,MAAM,OAAI;MAClElB,kBAAkB,CAACQ,OAAO,CAAC+F,KAAK,CAAC5H,KAAK,GAAGA,KAAK,aAALA,KAAK,cAALA,KAAK,aAAO4B,IAAI,CAAC5B,KAAK,OAAI;IACrE;IACAyB,eAAe,EAAE;EACnB,CAAC;EAED,IAAMoG,GAAG,aAAM9H,MAAM,GAAG,MAAM,GAAG,EAAE,cAAIA,MAAM,IAAIS,OAAO,GAAG,SAAS,GAAG,EAAE,cAAIO,eAAe,GAAIF,IAAI,GAAG,IAAI,GAAG,MAAM,GAAI,EAAE,CAAE;EAE5H,oBACE,KAAC,OAAO;IAAA,uBACN,MAAC,WAAW;MACV,IAAI,EAAEF,aAAa,IAAI,MAAM,GAAG,MAAM,GAAG,YAAa;MACtD,GAAG,EAAEU,kBAAmB;MACxB,IAAI,EAAElD,IAAK;MACX,SAAS,EAAEgD,MAAM,CAACF,GAAI;MACtB,EAAE,EAAErB,EAAG;MACP,UAAU,EAAEuB,MAAM,CAACD,IAAK;MACxB,QAAQ,EAAE,CAAC,CAAE;MACb,QAAQ,EAAEnD,QAAS;MACnB,SAAS,EAAE+B,SAAU;MACrB,UAAU,EAAED,kBAAkB,CAACvB,UAAW;MAC1C,SAAS,EAAEuB,kBAAkB,CAACtB,SAAU;MACxC,SAAS,EAAEsJ,GAAI;MAAA,wBACf,MAAC,aAAa;QACZ,IAAI,EAAC,OAAO;QACZ,IAAI,EAAE1J,IAAK;QACX,SAAS,EAAE0B,kBAAkB,CAAChB,SAAU;QACxC,QAAQ,EAAEkG,YAAa;QACvB,GAAG,EAAExD,YAAa;QAClB,OAAO,EAAEf,OAAQ;QACjB,UAAU,EAAEX,kBAAkB,CAACvB,UAAW;QAAA,WACzCuB,kBAAkB,CAACiI,WAAW,iBAC7B,MAAC,oBAAoB;UAAC,IAAI,EAAE3J,IAAK;UAAA,WAC9B0B,kBAAkB,CAACiI,WAAW,eAC/B,KAAC,gBAAgB;YAAC,IAAI,EAAE3J,IAAK;YAAA,uBAC3B;cAAK,SAAS,EAAC;YAAS;UAAG,EACV;QAAA,EAEtB,EACA0B,kBAAkB,CAAC4F,UAAU,IAAIqB,UAAU,EAAE,EAC7CY,WAAW,CAACnH,kBAAkB,EAAEpC,IAAI,CAAC;MAAA,EACxB,EACf0B,kBAAkB,CAACkI,MAAM,IAAIlI,kBAAkB,CAACmI,WAAW,iBAC1D,KAAC,qBAAqB;QAAC,IAAI,EAAE7J,IAAK;QAAC,UAAU,EAAE0B,kBAAkB,CAACvB,UAAW;QAAA,uBAC3E,KAAC,MAAM;UACL,KAAK,EAAC,MAAM;UACZ,IAAI,EAAC,UAAU;UACf,IAAI,EAAEuB,kBAAkB,CAACoI,UAAW;UACpC,GAAG,EAAEzG,eAAgB;UACrB,OAAO,EAAE3B,kBAAkB,CAACqI,aAAc;UAC1C,QAAQ,EAAErI,kBAAkB,CAACsI,cAAe;UAC5C,OAAO,2BAAEtI,kBAAkB,CAACuI,aAAa,yEAAI,SAAU;UACvD,IAAI,EAAEjK,IAAK;UACX,OAAO,EAAE;YAAA,OAAM0B,kBAAkB,CAACkI,MAAM,EAAE,IAAI9H,SAAS,CAAC,KAAK,CAAC;UAAA,CAAC;UAAA,UAC9DJ,kBAAkB,CAACmI;QAAW;MACxB,EAEZ;IAAA;EACW,EACN;AAEd,CAAC,CACF;AAAC;EAlfAjK,QAAQ;EACR8B,kBAAkB;IAlBlBhB,SAAS,aAAG,OAAO,EAAG,UAAU,EAAG,QAAQ;IAC3CiJ,WAAW;IACXxJ,UAAU;IACVoH,WAAW;IACXnH,SAAS;IACTyJ,WAAW;IAEXC,UAAU;IACVC,aAAa;IACbC,cAAc;IACdJ,MAAM;IACNtC,UAAU;IACVoB,aAAa;IACblF,KAAK;MAzBL6B,KAAK;MACLE,YAAY;MACZ2E,SAAS;MACTzC,UAAU;MACV0C,gBAAgB;MAChBxE,QAAQ;MACRyE,MAAM;MACNC,IAAI;MACJb,aAAa;IAAA;EAAA;EAuBb7H,SAAS;EACTC,MAAM;EACNE,SAAS;EAETL,EAAE;EACFM,MAAM;EACNF,KAAK;EACLU,yBAAyB;EACzBL,cAAc;EACdC,iBAAiB;EACjBC,kBAAkB;EAClBJ,OAAO;EACPC,UAAU;EACVI,OAAO;EAEPG,aAAa,aAAG,OAAO,EAAG,MAAM;AAAA;AAmelC,eAAelB,eAAe"}
+{"version":3,"file":"DropdownContent.js","names":["React","styled","Button","Size","DropdownContentButtonStyling","ComponentLStyling","ComponentXLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","COLORS","scrollBarStyling","Checkbox","RadioButton","Z_INDEXES","MenuItem","MAX_MENU_HEIGHT","AVG_OPTION_HEIGHT","OFFSET_BEFORE_SHOW","DropdownContentContainer","div","white","dropdown","props","isButton","offsetLeft","offsetTop","neutral_100","size","Large","Medium","scrollable","maxHeight","DropdownContentItemsContainer","hover","active","focus","DropdownContentListContainer","itemsType","Small","DropdownContentMenuContentContainer","Bold","neutral_500","Regular","DividerContainer","DropdownContentTopItemContainer","neutral_200","DropdownContentActionButtonContainer","Overlay","modal","DropdownContent","forwardRef","ref","id","customizationProps","alignLeft","isOpen","width","setIsOpen","filter","focused","setFocused","selectedValues","setSelectedValues","messageOnNoResults","outline","containerRef","onActiveDescendantChanged","ariaRolesType","useState","isUp","setIsUp","locationDefined","setLocationDefined","top","left","offset","setOffset","dropdownContentRef","useRef","itemsListRef","actionButtonRef","determineDropUp","options","items","rect","current","getBoundingClientRect","windowHeight","window","innerHeight","menuHeight","Math","min","length","instOffsetWithMenu","height","up","setNewFocusedElement","index","newFocusedElement","elRefs","oldFocusedElement","classList","remove","add","scrollIntoView","block","inline","getFilteredItems","filtrationString","toUpperCase","x","value","includes","displayLabel","findNextActiveIndex","direction","i","disabled","handleKeyDown","e","key","preventDefault","focusedNow","arrLength","haveTopItem","undefined","target","focusedElement","click","useEffect","document","addEventListener","removeEventListener","scrollPosition","handleScroll","scrollTop","useLayoutEffect","getCorrectRef","createRef","setElRefs","Array","fill","map","_","pinTopItem","multiSelect","getSuggestions","suggestion","elRef","blur","observer","IntersectionObserver","entries","isIntersecting","activeElement","threshold","rootMargin","observe","calculateOffset","disconnect","handleItemClick","selected","item","newValue","onValueUpdate","getTopItem","visibleItems","allSelected","some","y","showTopItem","suggestions","find","c","selectedFirst","newValues","stopPropagation","getElements","customContent","style","cls","menuContent","action","actionLabel","actionIcon","actionLoading","actionDisabled","actionVariant","noteLabel","showDividerAbove","locked","icon"],"sources":["../../src/Dropdown/DropdownContent.tsx"],"sourcesContent":["import React, { MutableRefObject } from 'react';\nimport styled, { css } from 'styled-components';\nimport Button from '../Button/Button';\nimport { Size } from '../types';\nimport { DropdownContentButtonStyling } from './CommonStyling';\nimport { ComponentLStyling, ComponentXLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\nimport { COLORS, focusStyles, scrollBarStyling } from '../styles';\nimport { Checkbox, RadioButton } from '../InputFields';\nimport { Z_INDEXES } from '../styles/z-indexes';\nimport MenuItem from '../MenuItem/MenuItem';\nimport { defaultOnMouseDownHandler } from '../common';\nimport ReactDOM from 'react-dom';\n\nconst MAX_MENU_HEIGHT = 240;\nconst AVG_OPTION_HEIGHT = 48;\nconst OFFSET_BEFORE_SHOW = 1000000;\n\nexport const DropdownContentContainer = styled.div<{ offsetTop: string; offsetLeft: string; isButton: boolean; alignLeft?: boolean; size?: Size; scrollable?: boolean; maxHeight?: string }>`\n  display: none;\n  pointer-events: auto;\n  position: absolute;\n  background-color: ${COLORS.white};\n\n  z-index: ${Z_INDEXES.dropdown};\n  margin: ${(props) => (props.isButton ? '-4px' : '4px 0px')};\n\n  &.show {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    &.down,\n    &.up {\n      ${(props) => `transform: translate(${props.offsetLeft}, ${props.offsetTop});`}\n    }\n  }\n\n  transform: translate(-${OFFSET_BEFORE_SHOW}px, -${OFFSET_BEFORE_SHOW}px);\n\n  &.outline:focus:after {\n    content: '';\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    outline: 4px solid black;\n    outline-offset: 2px;\n    border-radius: 2px;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  ${(props) => (props.isButton ? DropdownContentButtonStyling : '')};\n\n  border: 1px solid ${COLORS.neutral_100};\n  box-sizing: border-box;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\n  padding: 4px 0px;\n\n  min-width: ${(props) => (props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px')};\n  border-radius: ${(props) => (props.size == Size.Large ? '10px' : props.size == Size.Medium ? '8px' : '6px')};\n\n  max-height: ${(props) => (!props.scrollable ? 'auto' : props.maxHeight ? props.maxHeight : props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px')};\n`;\n\nexport const DropdownContentItemsContainer = styled.div<{ size?: Size }>`\n  > *:hover {\n    z-index: ${Z_INDEXES.hover};\n  }\n\n  > *:active,\n  > *.active {\n    z-index: ${Z_INDEXES.active};\n  }\n\n  > *:focus {\n    z-index: ${Z_INDEXES.focus};\n  }\n`;\n\nexport const DropdownContentListContainer = styled.div<{ scrollable?: boolean; size?: Size; itemsType?: string; outline?: boolean }>`\n  ${(props) => (props.scrollable ? 'overflow-y: scroll;' : '')}\n  ${(props) => (props.scrollable ? 'margin-right: 6px;' : '')}\n  ${(props) => (props.scrollable ? 'padding-right: 6px;' : '')}\n  ${(props) => (props.itemsType != 'normal' ? 'margin-left: 4px;' : '')}\n  div.divider {\n    display: block;\n    width: calc(100% - 40px);\n    margin-left: 16px;\n    border-top: 1px solid #e5e5e5;\n    position: absolute;\n    top: 0px;\n  }\n\n  ${DropdownContentItemsContainer} {\n    padding-top: ${(props) => (props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px')};\n    padding-bottom: ${(props) => (props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px')};\n\n    word-break: break-word;\n  }\n\n  *:focus {\n    outline: none !important;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n`;\n\nconst DropdownContentMenuContentContainer = styled.div<{ size?: Size }>`\n  h1,\n  h2,\n  h3 {\n    margin-block-start: 0px;\n    margin-block-end: 0px;\n    ${(props) => props.size == Size.Large && ComponentXLStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n    ${(props) => props.size == Size.Medium && ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n    ${(props) => (props.size == Size.Small || !props.size) && ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n    padding: ${(props) => (props.size == Size.Small || !props.size ? '10px 16px 6px' : props.size == Size.Medium ? '16px 24px 8px' : '16px 32px 8px')};\n  }\n\n  p {\n    margin-block-start: 0px;\n    margin-block-end: 0px;\n    ${(props) => props.size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n    ${(props) => props.size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n    ${(props) => (props.size == Size.Small || !props.size) && ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n    padding: ${(props) => (props.size == Size.Small || !props.size ? '8px 16px' : props.size == Size.Medium ? '12px 24px' : '16px 32px')};\n  }\n`;\n\nconst DividerContainer = styled.div<{ size?: Size }>`\n  position: relative;\n\n  margin-top: ${(props) => (props.size == Size.Large ? '16px' : props.size == Size.Medium ? '12px' : props.size == Size.Small || !props.size ? '8px' : '6px')};\n\n  div.divider {\n    width: 100%;\n    margin: 0px;\n  }\n`;\n\nconst DropdownContentTopItemContainer = styled.div<{ size?: Size }>`\n  border-bottom-style: solid;\n  border-bottom-color: ${COLORS.neutral_200};\n  border-bottom-width: 1px;\n  margin-right: 22px;\n`;\n\nconst DropdownContentActionButtonContainer = styled.div<{ size?: Size; scrollable?: boolean }>`\n  ${(props) => (props.scrollable ? `border-top: 1px solid  ${COLORS.neutral_200};` : '')}\n  ${(props) => (props.scrollable ? 'margin-top: 4px;' : '')}\n\n  padding: ${(props) => (props.size === Size.Small || !props.size ? '4px 16px 0px' : props.size === Size.Medium ? '12px 16px 8px' : '16px 16px 12px')};\n\n  button {\n    width: 100%;\n  }\n`;\n\nconst Overlay = styled.div`\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: ${Z_INDEXES.modal};\n`;\n\nexport interface DropdownItem {\n  value: string;\n  displayLabel?: string;\n  noteLabel?: string;\n  suggestion?: boolean;\n  showDividerAbove?: boolean;\n  disabled?: boolean;\n  locked?: boolean;\n  icon?: React.ReactNode;\n  customContent?: React.ReactNode;\n}\n\nexport interface DropdownCustomizationProps {\n  itemsType?: 'radio' | 'checkbox' | 'normal';\n  menuContent?: React.ReactNode;\n  scrollable?: boolean;\n  multiSelect?: boolean;\n  maxHeight?: string;\n  actionLabel?: string;\n  actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;\n  actionIcon?: React.ReactNode;\n  actionLoading?: boolean;\n  actionDisabled?: boolean;\n  action: () => boolean | void | undefined;\n  pinTopItem?: boolean;\n  onValueUpdate: (values: string[]) => boolean | void | undefined;\n  items: DropdownItem[];\n}\n\nexport interface DropdownProps {\n  isButton: boolean;\n  customizationProps: DropdownCustomizationProps;\n  alignLeft?: boolean;\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  size?: Size;\n  id: string;\n  filter: string;\n  width?: string;\n  onActiveDescendantChanged?: (descendantId?: string) => void;\n  selectedValues: string[];\n  setSelectedValues: (val: string[]) => void;\n  messageOnNoResults: string;\n  focused: number | null;\n  setFocused: (focused: number | null) => void;\n  outline?: boolean;\n  containerRef: React.RefObject<HTMLDivElement>;\n  ariaRolesType?: 'input' | 'menu';\n}\n\nconst DropdownContent = React.forwardRef<HTMLDivElement, DropdownProps>(\n  (\n    {\n      id,\n      customizationProps,\n      alignLeft,\n      isButton,\n      size,\n      isOpen,\n      width,\n      setIsOpen,\n      filter,\n      focused,\n      setFocused,\n      selectedValues,\n      setSelectedValues,\n      messageOnNoResults,\n      outline,\n      containerRef,\n      onActiveDescendantChanged,\n      ariaRolesType = 'menu',\n    },\n    ref,\n  ) => {\n    const [isUp, setIsUp] = React.useState<boolean>(false);\n    const [locationDefined, setLocationDefined] = React.useState<boolean>(false);\n    const [offset, setOffset] = React.useState<{ top: string; left: string }>({ top: '0', left: '0' });\n\n    const dropdownContentRef = (ref as MutableRefObject<HTMLDivElement>) ?? React.useRef<HTMLDivElement>(null);\n\n    if (!customizationProps.itemsType) customizationProps.itemsType = 'normal';\n    if (!size) size = Size.Small;\n\n    const itemsListRef = React.useRef<HTMLDivElement>(null);\n    const actionButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    const determineDropUp = () => {\n      const options = customizationProps.items;\n\n      const rect = containerRef.current!.getBoundingClientRect();\n\n      const windowHeight = window.innerHeight;\n      const menuHeight = Math.min(MAX_MENU_HEIGHT, options.length * AVG_OPTION_HEIGHT);\n      const instOffsetWithMenu = rect.top + rect.height + menuHeight;\n\n      const up = instOffsetWithMenu >= windowHeight;\n\n      setOffset({\n        top: up ? `calc(-100% - ${rect.height}px ${isButton ? '' : '- 8px'})` : '0',\n        left: alignLeft ? `calc(-${rect.width}px)` : `calc(-100%)`,\n      });\n\n      setIsUp(up);\n      setLocationDefined(true);\n    };\n\n    const setNewFocusedElement = (index: number) => {\n      if (outline) dropdownContentRef.current?.focus();\n\n      const newFocusedElement = elRefs[index];\n      if (onActiveDescendantChanged) onActiveDescendantChanged(index == 0 ? `${id}_topitem` : `${id}_${index}`);\n\n      const oldFocusedElement = focused || focused === 0 ? elRefs[focused] : null;\n      if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\n        setFocused(index);\n        oldFocusedElement?.current?.classList.remove('dropdown-hover');\n\n        newFocusedElement.current?.classList.add('dropdown-hover');\n        newFocusedElement.current?.scrollIntoView({\n          block: 'nearest',\n          inline: 'nearest',\n        });\n      }\n    };\n\n    const getFilteredItems = () => {\n      const filtrationString = (filter ?? '').toUpperCase();\n      return customizationProps.items.filter((x) => x?.value?.toUpperCase().includes(filtrationString) || x?.displayLabel?.toUpperCase().includes(filtrationString));\n    };\n\n    const findNextActiveIndex = (index: number, direction: number, items: DropdownItem[]) => {\n      for (let i = index + direction; i > 0 && i <= items.length; i += direction) {\n        if (!items[i - 1]?.disabled) {\n          return i;\n        }\n      }\n\n      return index;\n    };\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (isOpen) {\n        if (e.key === 'ArrowUp' || e.key === 'Up') {\n          e.preventDefault();\n          let focusedNow = focused || focused === 0 ? focused : arrLength + 1;\n          if (!!focusedNow) {\n            focusedNow = focusedNow === 1 && haveTopItem() ? 0 : findNextActiveIndex(focusedNow, -1, getFilteredItems());\n\n            setNewFocusedElement(focusedNow);\n          }\n        } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n          e.preventDefault();\n          let focusedNow = focused;\n\n          focusedNow = !!focusedNow || focusedNow === 0 ? findNextActiveIndex(focusedNow, 1, getFilteredItems()) : haveTopItem() ? 0 : 1;\n\n          setNewFocusedElement(focusedNow);\n        } else if (e.key === 'Escape' || e.key === 'Esc') {\n          setIsOpen(false);\n          setFocused(null);\n          if (onActiveDescendantChanged) onActiveDescendantChanged(undefined);\n        } else if ((e.key === 'Enter' || e.key === ' ') && focused !== null && e.target !== actionButtonRef?.current) {\n          e.preventDefault();\n          const focusedElement = elRefs[focused];\n          if (focusedElement) {\n            focusedElement.current?.click();\n          }\n          if (onActiveDescendantChanged) onActiveDescendantChanged(undefined);\n        }\n      }\n    };\n\n    React.useEffect(() => {\n      document.addEventListener('keydown', handleKeyDown);\n      return () => {\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n  }, []);\n\n    const scrollPosition = React.useRef<number | undefined>(0);\n    const handleScroll = () => {\n      scrollPosition.current = itemsListRef.current?.scrollTop;\n    };\n    React.useLayoutEffect(() => {\n      if (itemsListRef.current) itemsListRef.current.scrollTop = scrollPosition.current ?? 0;\n    }, [selectedValues]);\n\n    const getCorrectRef = (ref: React.RefObject<HTMLElement>): React.RefObject<HTMLElement> => {\n      switch (customizationProps.itemsType) {\n        case 'normal':\n          return (ref as React.RefObject<HTMLButtonElement>) || React.createRef<HTMLButtonElement>();\n        default:\n          return (ref as React.RefObject<HTMLDivElement>) || React.createRef<HTMLDivElement>();\n      }\n    };\n\n    const arrLength = getFilteredItems().length;\n    const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLElement>[]>([]);\n\n    React.useEffect(() => {\n      if (elRefs?.length !== arrLength) {\n        setFocused(null);\n      }\n\n      setElRefs((elRefs) =>\n        Array(arrLength + 1)\n          .fill(null)\n          .map((_, i) => getCorrectRef(elRefs[i])),\n      );\n    }, [isOpen, arrLength]);\n\n    React.useLayoutEffect(() => {\n      isOpen && !locationDefined && determineDropUp();\n    }, [isOpen, locationDefined]);\n\n    const haveTopItem = () => {\n      if (!customizationProps.pinTopItem) return false;\n\n      if (customizationProps.itemsType === 'radio' && selectedValues && selectedValues?.length > 0) return true;\n      else if (customizationProps.itemsType === 'checkbox' && (customizationProps.multiSelect || selectedValues?.length > 0)) return true;\n      else if (customizationProps.itemsType === 'normal' && getSuggestions()?.length > 0) return true;\n      return false;\n    };\n\n    const getSuggestions = () => {\n      return getFilteredItems().filter((x) => x.suggestion);\n    };\n\n    /**\n     * when dropdown opens set correct position of focused item\n     * */\n    React.useLayoutEffect(() => {\n      if (isOpen && (focused || focused === 0)) {\n        setNewFocusedElement(focused === 0 && !haveTopItem() ? 1 : focused);\n      }\n    }, [isOpen, focused]);\n\n    /**\n     * Reset dropdown content state on close\n     * */\n    React.useEffect(() => {\n      if (!isOpen) {\n        setLocationDefined(false);\n        for (let elRef of elRefs) {\n          elRef.current?.classList.remove('dropdown-hover');\n        }\n        setFocused(null);\n        if(onActiveDescendantChanged) onActiveDescendantChanged(undefined);\n        dropdownContentRef.current?.classList.remove('outline');\n        dropdownContentRef.current?.blur();\n      } else {\n        if (outline) {\n          dropdownContentRef.current?.classList.add('outline');\n          dropdownContentRef.current?.focus();\n        }\n      }\n    }, [isOpen, dropdownContentRef, focused, outline]);\n\n    /**\n     * Scroll item container to top when dropdown opens\n     * */\n    React.useEffect(() => {\n      if (isOpen && itemsListRef.current) {\n        itemsListRef.current.scrollTop = 0;\n      }\n    }, [isOpen]);\n\n    React.useEffect(() => {\n      if (isOpen) {\n        const observer = new IntersectionObserver(function (entries) {\n          if (!entries[0].isIntersecting) {\n            setIsOpen(false);\n            //@ts-ignore\n            document?.activeElement?.blur();\n          }\n        }, {threshold: [0], rootMargin: '8px'});\n\n        observer.observe(containerRef.current!);\n\n        calculateOffset();\n        window.addEventListener('scroll', calculateOffset, true);\n        window.addEventListener('resize', calculateOffset);\n\n        return () => {\n          observer.disconnect();\n          window.removeEventListener('scroll', calculateOffset, true);\n          window.removeEventListener('resize', calculateOffset);\n        }\n      }\n      return () => {};\n    }, [isOpen]);\n\n    const handleItemClick = (selected: boolean, item: DropdownItem) => {\n      let newValue: string[] = [];\n      if (customizationProps.multiSelect) {\n        if (selected) newValue = [...selectedValues, item.value];\n        else newValue = selectedValues.filter((x) => x != item.value);\n      } else newValue = selected ? [item.value] : [];\n\n      setSelectedValues(newValue);\n      if (customizationProps.onValueUpdate && customizationProps.onValueUpdate(newValue)) {\n        setIsOpen(false);\n      }\n    };\n\n    const getTopItem = () => {\n      if (!customizationProps.pinTopItem) return;\n      const visibleItems = getFilteredItems();\n      const allSelected = selectedValues?.filter((x) => visibleItems.some((y) => y.value == x)).length == visibleItems.length;\n      let showTopItem = false;\n      const suggestions = getSuggestions();\n      const displayLabel = selectedValues[0] ? customizationProps.items?.find((c) => c.value === selectedValues[0])?.displayLabel : undefined;\n      if (customizationProps.itemsType == 'radio' && selectedValues && selectedValues?.length > 0) showTopItem = true;\n      else if (customizationProps.itemsType == 'checkbox' && (customizationProps.multiSelect || selectedValues?.length > 0)) showTopItem = true;\n      else if (customizationProps.itemsType == 'normal' && suggestions.length > 0) showTopItem = true;\n\n      if (!showTopItem) return;\n\n      const selectedFirst = selectedValues.length > 0 ? visibleItems.find((x) => x.value == selectedValues[0]) : null;\n\n      return (\n        <DropdownContentTopItemContainer size={size}>\n          {customizationProps.itemsType === 'radio' && (\n            <RadioButton\n              ref={elRefs[0] as React.RefObject<HTMLDivElement>}\n              role='menuitemradio'\n              iconPointerEventsTransparent={true}\n              onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\n              tabIndexVal={-1}\n              className={`${focused === 0 ? 'dropdown-hover' : ''}`}\n              select={() => {}}\n              label={selectedFirst?.displayLabel ?? selectedFirst?.value}\n              size={size}\n              id={`${id}_topitem`}\n              selected={true}\n            />\n          )}\n          {customizationProps.itemsType === 'checkbox' && (\n            <Checkbox\n              ref={elRefs[0] as React.RefObject<HTMLDivElement>}\n              role='menuitemcheckbox'\n              tabIndexVal={-1}\n              className={`${focused === 0 ? 'dropdown-hover' : ''}`}\n              select={(selected: boolean) => {\n                if (!customizationProps.multiSelect) return;\n\n                const newValues = selected ? visibleItems.map((x) => x.value) : [];\n                setSelectedValues(newValues);\n                if (customizationProps.onValueUpdate && customizationProps.onValueUpdate(newValues)) setIsOpen(false);\n              }}\n              onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\n              iconPointerEventsTransparent={true}\n              semiSelected={customizationProps.multiSelect && !allSelected && selectedValues?.length > 0}\n              size={size}\n              id={`${id}_checkbox_selectall`}\n              label={customizationProps.multiSelect ? 'Select all' : selectedFirst?.displayLabel ?? selectedFirst?.value}\n              selected={!customizationProps.multiSelect || allSelected}\n            />\n          )}\n          {customizationProps.itemsType === 'normal' && (\n            <>\n              {suggestions.map((x) => (\n                <MenuItem\n                  role={ariaRolesType == 'input' ? 'option' : 'menu'} \n                  key={`${id}_topitem_${x.value}`}\n                  item={x}\n                  size={size}\n                  active={false}\n                  tabIndex={-1}\n                  onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\n                  className={`${focused === 0 ? 'dropdown-hover' : ''}`}\n                  ref={elRefs[0] as React.RefObject<HTMLButtonElement>}\n                  id={`${id}_topitem`}\n                  onClickHandler={(e: any) => {\n                    e.stopPropagation();\n                    customizationProps.onValueUpdate([x.value]);\n                    setSelectedValues([x.value]);\n                    setIsOpen(false);\n                    setFocused(null);\n                  }}\n                />\n              ))}\n            </>\n          )}\n        </DropdownContentTopItemContainer>\n      );\n    };\n\n    const getElements = (messageOnNoResults: string, size: Size) => {\n      if (getFilteredItems().length === 0) {\n        return <MenuItem item={{ value: messageOnNoResults, disabled: true }} size={size} id=\"noResultsFound\" active={false} onClickHandler={(e) => {}} />;\n      }\n      return (\n        <DropdownContentItemsContainer size={size}>\n          {getFilteredItems()\n            .filter((x) => x && (customizationProps.itemsType != 'normal' || !x.suggestion))\n            .map((item, index) => {\n              return (\n                <React.Fragment key={`key_${id}_${item.value}`}>\n                  {item.customContent}\n                  {!item.customContent && customizationProps.itemsType == 'radio' && (\n                    <RadioButton\n                      role='menuitemradio'\n                      select={(selected: boolean) => handleItemClick(selected, item)}\n                      ref={elRefs[index + 1] as React.RefObject<HTMLDivElement>}\n                      size={size}\n                      tabIndexVal={-1}\n                      className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\n                      iconPointerEventsTransparent={true}\n                      disabled={item?.disabled}\n                      key={`key_${id}_${index + 1}`}\n                      onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\n                      id={`${id}_${index + 1}`}\n                      label={item.displayLabel ?? item.value}\n                      selected={selectedValues?.includes(item.value)}\n                    />\n                  )}\n                  {!item.customContent && customizationProps.itemsType == 'checkbox' && (\n                    <Checkbox\n                      role='menuitemcheckbox'\n                      select={(selected: boolean) => handleItemClick(selected, item)}\n                      iconPointerEventsTransparent={true}\n                      disabled={item?.disabled}\n                      className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\n                      ref={elRefs[index + 1] as React.RefObject<HTMLDivElement>}\n                      size={size}\n                      tabIndexVal={-1}\n                      key={`key_${id}_${index + 1}`}\n                      onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\n                      id={`${id}_${index + 1}`}\n                      label={item.displayLabel ?? item.value}\n                      selected={selectedValues?.includes(item.value)}\n                    />\n                  )}\n                  {!item.customContent && (customizationProps.itemsType == 'normal' || !customizationProps.itemsType) && (\n                    <MenuItem\n                      role={ariaRolesType == 'input' ? 'option' : 'menu'} \n                      key={`key_${id}_${index + 1}`}\n                      id={`${id}_${index + 1}`}\n                      item={item}\n                      tabIndex={-1}\n                      className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\n                      size={size}\n                      onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\n                      active={selectedValues?.includes(item.value)}\n                      ref={elRefs[index + 1] as React.RefObject<HTMLButtonElement>}\n                      onClickHandler={(e: any) => {\n                        e.stopPropagation();\n                        customizationProps.onValueUpdate([item.value]);\n                        setSelectedValues([item.value]);\n                        setIsOpen(false);\n                        setFocused(null);\n                      }}\n                    />\n                  )}\n                </React.Fragment>\n              );\n            })}\n        </DropdownContentItemsContainer>\n      );\n    };\n\n    const calculateOffset = () => {\n      const rect = containerRef?.current?.getBoundingClientRect();\n      if (rect) {\n        dropdownContentRef.current.style.left = `${rect.x + rect.width}px`;\n        dropdownContentRef.current.style.top = `${rect.y + rect.height}px`;\n        dropdownContentRef.current.style.width = width ?? `${rect.width}px`;\n      }\n      determineDropUp();\n    };\n\n    const cls = `${isOpen ? 'show' : ''} ${isOpen && outline ? 'outline' : ''} ${locationDefined ? (isUp ? 'up' : 'down') : ''}`;\n\n    return (\n      <Overlay>\n        <DropdownContentContainer\n          role={ariaRolesType == \"menu\" ? \"menu\" : \"optionlist\"}\n          ref={dropdownContentRef}\n          size={size}\n          offsetTop={offset.top}\n          id={id}\n          offsetLeft={offset.left}\n          tabIndex={-1}\n          isButton={isButton}\n          alignLeft={alignLeft}\n          scrollable={customizationProps.scrollable}\n          maxHeight={customizationProps.maxHeight}\n          className={cls}>\n          <DropdownContentListContainer\n            role=\"group\"\n            size={size}\n            itemsType={customizationProps.itemsType}\n            onScroll={handleScroll}\n            ref={itemsListRef}\n            outline={outline}\n            scrollable={customizationProps.scrollable}>\n            {customizationProps.menuContent && (\n              <DropdownContentMenuContentContainer size={size}>\n                {customizationProps.menuContent}\n                <DividerContainer size={size}>\n                  <div className=\"divider\" />\n                </DividerContainer>\n              </DropdownContentMenuContentContainer>\n            )}\n            {customizationProps.pinTopItem && getTopItem()}\n            {getElements(messageOnNoResults, size)}\n          </DropdownContentListContainer>\n          {customizationProps.action && customizationProps.actionLabel && (\n            <DropdownContentActionButtonContainer size={size} scrollable={customizationProps.scrollable}>\n              <Button\n                width=\"100%\"\n                role=\"menuitem\"\n                icon={customizationProps.actionIcon}\n                ref={actionButtonRef}\n                loading={customizationProps.actionLoading}\n                disabled={customizationProps.actionDisabled}\n                variant={customizationProps.actionVariant ?? 'primary'}\n                size={size}\n                onClick={() => customizationProps.action() && setIsOpen(false)}>\n                {customizationProps.actionLabel}\n              </Button>\n            </DropdownContentActionButtonContainer>\n          )}\n        </DropdownContentContainer>\n      </Overlay>\n    );\n  },\n);\n\nexport default DropdownContent;\n"],"mappings":"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"}

package/dist/Dropdown/DropdownFilter.cjs

@@ -150,7 +150,7 @@ var DropdownFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     });
   };
   var renderInput = function renderInput() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CommonStyling.StyledField, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CommonStyling.DropdownInputFieldStyles, {
       ref: styledFieldRef,
       className: size ? size : '',
       onClick: function onClick(e) {
@@ -173,7 +173,7 @@ var DropdownFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       showValidationMessage: !!activeValidationMessage,
       onMouseDown: _common.defaultOnMouseDownHandler,
       "data-testid": "otherdiv_".concat(id),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CommonStyling.InputField, _objectSpread({
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CommonStyling.DropdownInputField, _objectSpread({
         id: id,
         ref: inputRef,
         autoComplete: 'off-' + Math.floor(Math.random() * 999999999999),
@@ -246,7 +246,7 @@ var DropdownFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_CommonStyling.Dropdown, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_CommonStyling.DropdownContainer, {
       ref: containerRef,
       role: "combobox",
       "aria-multiselectable": true,

package/dist/Dropdown/DropdownFilter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFilter.cjs","names":["DropdownFilter","React","forwardRef","ref","id","list","placeholder","onSelect","onInputChange","value","required","messageOnNoResults","disabled","readOnly","scrollable","activeValidationMessage","autofilledMessage","size","disableFiltering","buttonFontSize","margin","loading","onFocus","onBlur","dataTestId","rest","useState","isOpen","setIsOpen","input","setInput","activeDescendant","setActiveDescendant","restartFilter","setRestartFilter","selectedItem","setSelectedItem","selectedValues","setSelectedValues","focused","setFocused","inputFocused","setInputFocused","init","setInit","styledFieldRef","useFocusVisibleRef","inputRef","clearButtonRef","useRef","useActionWithin","useImperativeHandle","current","containerRef","useClickOutsideRef","useFocusOutsideRef","handleInputKeyDown","e","key","preventDefault","useEffect","length","val","item","find","a","displayLabel","undefined","handleInputClear","focus","focusVisible","detail","renderInput","stopPropagation","blur","defaultOnMouseDownHandler","Math","floor","random","target","marginLeft","Size","Small","COLORS","neutral_600","itemsType","multiSelect","action","onValueUpdate","values","items","critical_400"],"sources":["../../src/Dropdown/DropdownFilter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { COLORS } from '../styles';\nimport { SystemIcons } from '../icons';\nimport { LoadingIndicator } from '../LoadingIndicator';\nimport { StyledField, Dropdown, InputField } from './CommonStyling';\nimport DropdownContent, { DropdownItem } from './DropdownContent';\nimport { Size, Testable } from '../types';\nimport { AutofilledMessage, ErrorMessage } from '../InputFields';\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\nimport { defaultOnMouseDownHandler, useActionWithin, useClickOutsideRef, useFocusOutsideRef, useFocusVisibleRef } from '../common';\nimport { IconButton } from '../Button';\n\ninterface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {\n  list: DropdownItem[];\n  placeholder?: string;\n  \n  value?: string;\n  onSelect?: (value: string) => void;\n  onInputChange?: (input: string) => void;\n\n  required?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  loading?: boolean;\n\n  disableFiltering?: boolean;\n\n  messageOnNoResults?: string;\n  activeValidationMessage?: string;\n  autofilledMessage?: string;\n  size?: Size.Small | Size.Medium;\n\n  buttonFontSize?: string;\n  margin?: string;\n  scrollable?: boolean;\n}\n\nconst DropdownFilter = React.forwardRef( ({\n                                            id,\n                                            list,\n                                            placeholder,\n                                            onSelect,\n                                            onInputChange,\n                                            value,\n                                            required,\n                                            messageOnNoResults,\n                                            disabled,\n                                            readOnly,\n                                            scrollable,\n                                            activeValidationMessage,\n                                            autofilledMessage,\n                                            size,\n                                            disableFiltering,\n                                            buttonFontSize,\n                                            margin,\n                                            loading,\n                                            onFocus,\n                                            onBlur,\n                                            dataTestId,\n                                            ...rest\n                                          }: DropdownFilterProps, ref) => {\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\n  const [input, setInput] = React.useState<string>();\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\n  const [selectedItem, setSelectedItem] = React.useState<DropdownItem>();\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\n  const [focused, setFocused] = React.useState<number | null>(null);\n  const [inputFocused, setInputFocused] = React.useState<boolean>(false);\n  const [init, setInit] = React.useState<boolean>(true);\n\n  const styledFieldRef = useFocusVisibleRef();\n  const inputRef = useFocusVisibleRef([styledFieldRef]);\n  const clearButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  useActionWithin(styledFieldRef, input && !readOnly && !disabled ? [clearButtonRef] : []);\n\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n  const containerRef = useClickOutsideRef(\n    () => setIsOpen(false),\n    [],\n    useFocusOutsideRef(() => setIsOpen(false)),\n  );\n\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Esc' || e.key === 'Escape') {\n      e.preventDefault();\n    }\n    if (e.key === 'ArrowDown' || e.key === 'Down' || e.key === 'ArrowUp' || e.key === 'Up') {\n      e.preventDefault();\n      if (!isOpen) {\n        setIsOpen(true);\n      }\n    }\n  };\n\n  React.useEffect(() => {\n    setInit(true);\n    setSelectedValues(!!value ? [value] : []);\n  }, [value]);\n\n  React.useEffect(() => {\n    if (selectedValues?.length) {\n      const val = selectedValues[0];\n      const item = list.find((a) => a.value === val);\n      setSelectedItem(item);\n      setInput(item?.displayLabel ?? item?.value ?? '');\n      onSelect && !init && onSelect(val);\n    } else {\n      setSelectedItem(undefined);\n      onSelect && !init && onSelect('');\n      setInput('');\n    }\n  }, [selectedValues]);\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      if (!!selectedItem) {\n        setInput(selectedItem?.displayLabel ?? selectedItem?.value ?? '');\n      } else {\n        setInput('');\n      }\n    }\n\n    setRestartFilter(true);\n  }, [isOpen, selectedItem]);\n\n  const handleInputClear = (e: any) => {\n    setInput('');\n    setSelectedValues([]);\n    onSelect && onSelect('');\n    inputRef.current?.focus({ focusVisible: e?.detail !== 1 } as any);\n  };\n\n  const renderInput = () => {\n    return (\n      <StyledField\n        ref={styledFieldRef}\n        className={size ? size : ''}\n        onClick={(e: any) => {\n          if (!readOnly && !disabled) {\n            e.stopPropagation();\n            setIsOpen(!isOpen);\n            if (isOpen) {\n              inputRef.current?.blur();\n            } else {\n              inputRef.current?.focus();\n            }\n          }\n        }}\n        disabled={disabled || false}\n        readOnly={readOnly || false}\n        isPlaceholder={!input}\n        fontSize={buttonFontSize}\n        showValidationMessage={!!activeValidationMessage}\n        onMouseDown={defaultOnMouseDownHandler}\n        data-testid={`otherdiv_${id}`}>\n        <InputField\n          id={id}\n          ref={inputRef}\n          autoComplete={'off-' + Math.floor(Math.random() * 999999999999)}\n          type=\"search\"\n          placeholder={inputFocused ? '' : placeholder}\n          onKeyDown={handleInputKeyDown}\n          ellipsis\n          value={input || ''}\n          onChange={(e: any) => {\n            if (!e.target.value) {\n              setSelectedValues([]);\n            }\n            if (!readOnly && !disabled && e.target.value !== input) {\n              setRestartFilter(false);\n              setIsOpen(true);\n              setInput(e.target.value);\n              if (onInputChange) {\n                onInputChange(e.target.value || '');\n              }\n            }\n          }}\n          onFocus={(e) => {\n            setInputFocused(true);\n            onFocus && onFocus(e);\n          }}\n          onBlur={(e) => {\n            setInputFocused(false);\n            onBlur && onBlur(e);\n          }}\n          required={required}\n          tabIndex={disabled || readOnly ? -1 : 0}\n          disabled={disabled || false}\n          data-testid={dataTestId}\n          {...rest}\n        />\n        {!isOpen ? <TooltipOverflow input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end' position='bottom'>\n            {input}\n          </TooltipOverflow> : null}\n        {input && !readOnly && !disabled && !loading && (\n          <IconButton action={handleInputClear} ref={clearButtonRef} useTransparentBackground={true} shape={'circular'} style={{ marginLeft: '-4px' }} variant={'secondary'}>\n            <SystemIcons.Clear />\n          </IconButton>\n        )}\n\n        {!disabled && !readOnly && loading && (\n          <div style={{ marginLeft: '-4xp' }}>\n            <LoadingIndicator size={Size.Small} color={COLORS.neutral_600} />\n          </div>\n        )}\n\n        <div className={'dropdown-arrow'}>\n          {isOpen && !readOnly && !disabled ? <SystemIcons.ArrowDropUp size=\"24px\" className={size ? size : ''} /> : <SystemIcons.ArrowDropDown size=\"24px\" className={size ? size : ''} />}\n        </div>\n      </StyledField>\n    );\n  };\n\n  return (\n    <>\n      <Dropdown ref={containerRef}\n      role=\"combobox\"\n      aria-multiselectable={true} \n      aria-controls={`${id}_dropdowncontent`}\n      aria-activedescendant={activeDescendant}\n      aria-expanded={isOpen}\n      disabled={disabled} isButton={false} readOnly={readOnly} className={size ? size : ''} margin={margin}>\n        {renderInput()}\n        {!readOnly && !disabled && (\n          <DropdownContent\n            containerRef={containerRef}\n            isOpen={isOpen && !loading}\n            messageOnNoResults={messageOnNoResults ?? ''}\n            selectedValues={selectedValues}\n            setSelectedValues={setSelectedValues}\n            size={size ?? Size.Small}\n            onActiveDescendantChanged={(e) => setActiveDescendant(e)}\n            focused={focused}\n            ariaRolesType=\"input\"\n            setFocused={setFocused}\n            outline={false}\n            customizationProps={{\n              itemsType: 'normal',\n              scrollable: scrollable,\n              multiSelect: false,\n              action: () => {},\n              onValueUpdate: (values: string[]) => {\n                setRestartFilter(true);\n                setInit(false);\n              },\n              items: list,\n            }}\n            filter={!disableFiltering && !restartFilter ? input || '' : ''}\n            setIsOpen={setIsOpen}\n            isButton={false}\n            id={`${id}_dropdowncontent`}\n          />\n        )}\n      </Dropdown>\n      {activeValidationMessage && (\n        <ErrorMessage className={size || ''}>\n          <SystemIcons.TechnicalWarning color={COLORS.critical_400} />\n          <span>{activeValidationMessage}</span>\n        </ErrorMessage>\n      )}\n      {autofilledMessage && (\n        <AutofilledMessage className={size || ''}>\n          <SystemIcons.Information color={COLORS.neutral_600} />\n          <span>{autofilledMessage}</span>\n        </AutofilledMessage>\n      )}\n    </>\n  );\n});\n\nexport default DropdownFilter;\n"],"mappings":"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"}
+{"version":3,"file":"DropdownFilter.cjs","names":["DropdownFilter","React","forwardRef","ref","id","list","placeholder","onSelect","onInputChange","value","required","messageOnNoResults","disabled","readOnly","scrollable","activeValidationMessage","autofilledMessage","size","disableFiltering","buttonFontSize","margin","loading","onFocus","onBlur","dataTestId","rest","useState","isOpen","setIsOpen","input","setInput","activeDescendant","setActiveDescendant","restartFilter","setRestartFilter","selectedItem","setSelectedItem","selectedValues","setSelectedValues","focused","setFocused","inputFocused","setInputFocused","init","setInit","styledFieldRef","useFocusVisibleRef","inputRef","clearButtonRef","useRef","useActionWithin","useImperativeHandle","current","containerRef","useClickOutsideRef","useFocusOutsideRef","handleInputKeyDown","e","key","preventDefault","useEffect","length","val","item","find","a","displayLabel","undefined","handleInputClear","focus","focusVisible","detail","renderInput","stopPropagation","blur","defaultOnMouseDownHandler","Math","floor","random","target","marginLeft","Size","Small","COLORS","neutral_600","itemsType","multiSelect","action","onValueUpdate","values","items","critical_400"],"sources":["../../src/Dropdown/DropdownFilter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { COLORS } from '../styles';\nimport { SystemIcons } from '../icons';\nimport { LoadingIndicator } from '../LoadingIndicator';\nimport { DropdownInputFieldStyles, DropdownContainer, DropdownInputField } from './CommonStyling';\nimport DropdownContent, { DropdownItem } from './DropdownContent';\nimport { Size, Testable } from '../types';\nimport { AutofilledMessage, ErrorMessage } from '../InputFields';\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\nimport { defaultOnMouseDownHandler, useActionWithin, useClickOutsideRef, useFocusOutsideRef, useFocusVisibleRef } from '../common';\nimport { IconButton } from '../Button';\n\nexport interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {\n  list: DropdownItem[];\n  placeholder?: string;\n  \n  value?: string;\n  onSelect?: (value: string) => void;\n  onInputChange?: (input: string) => void;\n\n  required?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  loading?: boolean;\n\n  disableFiltering?: boolean;\n\n  messageOnNoResults?: string;\n  activeValidationMessage?: string;\n  autofilledMessage?: string;\n  size?: Size.Small | Size.Medium;\n\n  buttonFontSize?: string;\n  margin?: string;\n  scrollable?: boolean;\n}\n\nconst DropdownFilter = React.forwardRef( ({\n                                            id,\n                                            list,\n                                            placeholder,\n                                            onSelect,\n                                            onInputChange,\n                                            value,\n                                            required,\n                                            messageOnNoResults,\n                                            disabled,\n                                            readOnly,\n                                            scrollable,\n                                            activeValidationMessage,\n                                            autofilledMessage,\n                                            size,\n                                            disableFiltering,\n                                            buttonFontSize,\n                                            margin,\n                                            loading,\n                                            onFocus,\n                                            onBlur,\n                                            dataTestId,\n                                            ...rest\n                                          }: DropdownFilterProps, ref) => {\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\n  const [input, setInput] = React.useState<string>();\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\n  const [selectedItem, setSelectedItem] = React.useState<DropdownItem>();\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\n  const [focused, setFocused] = React.useState<number | null>(null);\n  const [inputFocused, setInputFocused] = React.useState<boolean>(false);\n  const [init, setInit] = React.useState<boolean>(true);\n\n  const styledFieldRef = useFocusVisibleRef();\n  const inputRef = useFocusVisibleRef([styledFieldRef]);\n  const clearButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  useActionWithin(styledFieldRef, input && !readOnly && !disabled ? [clearButtonRef] : []);\n\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n  const containerRef = useClickOutsideRef(\n    () => setIsOpen(false),\n    [],\n    useFocusOutsideRef(() => setIsOpen(false)),\n  );\n\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Esc' || e.key === 'Escape') {\n      e.preventDefault();\n    }\n    if (e.key === 'ArrowDown' || e.key === 'Down' || e.key === 'ArrowUp' || e.key === 'Up') {\n      e.preventDefault();\n      if (!isOpen) {\n        setIsOpen(true);\n      }\n    }\n  };\n\n  React.useEffect(() => {\n    setInit(true);\n    setSelectedValues(!!value ? [value] : []);\n  }, [value]);\n\n  React.useEffect(() => {\n    if (selectedValues?.length) {\n      const val = selectedValues[0];\n      const item = list.find((a) => a.value === val);\n      setSelectedItem(item);\n      setInput(item?.displayLabel ?? item?.value ?? '');\n      onSelect && !init && onSelect(val);\n    } else {\n      setSelectedItem(undefined);\n      onSelect && !init && onSelect('');\n      setInput('');\n    }\n  }, [selectedValues]);\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      if (!!selectedItem) {\n        setInput(selectedItem?.displayLabel ?? selectedItem?.value ?? '');\n      } else {\n        setInput('');\n      }\n    }\n\n    setRestartFilter(true);\n  }, [isOpen, selectedItem]);\n\n  const handleInputClear = (e: any) => {\n    setInput('');\n    setSelectedValues([]);\n    onSelect && onSelect('');\n    inputRef.current?.focus({ focusVisible: e?.detail !== 1 } as any);\n  };\n\n  const renderInput = () => {\n    return (\n      <DropdownInputFieldStyles\n        ref={styledFieldRef}\n        className={size ? size : ''}\n        onClick={(e: any) => {\n          if (!readOnly && !disabled) {\n            e.stopPropagation();\n            setIsOpen(!isOpen);\n            if (isOpen) {\n              inputRef.current?.blur();\n            } else {\n              inputRef.current?.focus();\n            }\n          }\n        }}\n        disabled={disabled || false}\n        readOnly={readOnly || false}\n        isPlaceholder={!input}\n        fontSize={buttonFontSize}\n        showValidationMessage={!!activeValidationMessage}\n        onMouseDown={defaultOnMouseDownHandler}\n        data-testid={`otherdiv_${id}`}>\n        <DropdownInputField\n          id={id}\n          ref={inputRef}\n          autoComplete={'off-' + Math.floor(Math.random() * 999999999999)}\n          type=\"search\"\n          placeholder={inputFocused ? '' : placeholder}\n          onKeyDown={handleInputKeyDown}\n          ellipsis\n          value={input || ''}\n          onChange={(e: any) => {\n            if (!e.target.value) {\n              setSelectedValues([]);\n            }\n            if (!readOnly && !disabled && e.target.value !== input) {\n              setRestartFilter(false);\n              setIsOpen(true);\n              setInput(e.target.value);\n              if (onInputChange) {\n                onInputChange(e.target.value || '');\n              }\n            }\n          }}\n          onFocus={(e) => {\n            setInputFocused(true);\n            onFocus && onFocus(e);\n          }}\n          onBlur={(e) => {\n            setInputFocused(false);\n            onBlur && onBlur(e);\n          }}\n          required={required}\n          tabIndex={disabled || readOnly ? -1 : 0}\n          disabled={disabled || false}\n          data-testid={dataTestId}\n          {...rest}\n        />\n        {!isOpen ? <TooltipOverflow input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end' position='bottom'>\n            {input}\n          </TooltipOverflow> : null}\n        {input && !readOnly && !disabled && !loading && (\n          <IconButton action={handleInputClear} ref={clearButtonRef} useTransparentBackground={true} shape={'circular'} style={{ marginLeft: '-4px' }} variant={'secondary'}>\n            <SystemIcons.Clear />\n          </IconButton>\n        )}\n\n        {!disabled && !readOnly && loading && (\n          <div style={{ marginLeft: '-4xp' }}>\n            <LoadingIndicator size={Size.Small} color={COLORS.neutral_600} />\n          </div>\n        )}\n\n        <div className={'dropdown-arrow'}>\n          {isOpen && !readOnly && !disabled ? <SystemIcons.ArrowDropUp size=\"24px\" className={size ? size : ''} /> : <SystemIcons.ArrowDropDown size=\"24px\" className={size ? size : ''} />}\n        </div>\n      </DropdownInputFieldStyles>\n    );\n  };\n\n  return (\n    <>\n      <DropdownContainer ref={containerRef}\n      role=\"combobox\"\n      aria-multiselectable={true} \n      aria-controls={`${id}_dropdowncontent`}\n      aria-activedescendant={activeDescendant}\n      aria-expanded={isOpen}\n      disabled={disabled} isButton={false} readOnly={readOnly} className={size ? size : ''} margin={margin}>\n        {renderInput()}\n        {!readOnly && !disabled && (\n          <DropdownContent\n            containerRef={containerRef}\n            isOpen={isOpen && !loading}\n            messageOnNoResults={messageOnNoResults ?? ''}\n            selectedValues={selectedValues}\n            setSelectedValues={setSelectedValues}\n            size={size ?? Size.Small}\n            onActiveDescendantChanged={(e) => setActiveDescendant(e)}\n            focused={focused}\n            ariaRolesType=\"input\"\n            setFocused={setFocused}\n            outline={false}\n            customizationProps={{\n              itemsType: 'normal',\n              scrollable: scrollable,\n              multiSelect: false,\n              action: () => {},\n              onValueUpdate: (values: string[]) => {\n                setRestartFilter(true);\n                setInit(false);\n              },\n              items: list,\n            }}\n            filter={!disableFiltering && !restartFilter ? input || '' : ''}\n            setIsOpen={setIsOpen}\n            isButton={false}\n            id={`${id}_dropdowncontent`}\n          />\n        )}\n      </DropdownContainer>\n      {activeValidationMessage && (\n        <ErrorMessage className={size || ''}>\n          <SystemIcons.TechnicalWarning color={COLORS.critical_400} />\n          <span>{activeValidationMessage}</span>\n        </ErrorMessage>\n      )}\n      {autofilledMessage && (\n        <AutofilledMessage className={size || ''}>\n          <SystemIcons.Information color={COLORS.neutral_600} />\n          <span>{autofilledMessage}</span>\n        </AutofilledMessage>\n      )}\n    </>\n  );\n});\n\nexport default DropdownFilter;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BvC,IAAMA,cAAc,gBAAGC,KAAK,CAACC,UAAU,CAAE,gBAuByBC,GAAG,EAAK;EAAA,IAtB9BC,EAAE,QAAFA,EAAE;IACFC,IAAI,QAAJA,IAAI;IACJC,WAAW,QAAXA,WAAW;IACXC,QAAQ,QAARA,QAAQ;IACRC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,kBAAkB,QAAlBA,kBAAkB;IAClBC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,uBAAuB,QAAvBA,uBAAuB;IACvBC,iBAAiB,QAAjBA,iBAAiB;IACjBC,IAAI,QAAJA,IAAI;IACJC,gBAAgB,QAAhBA,gBAAgB;IAChBC,cAAc,QAAdA,cAAc;IACdC,MAAM,QAANA,MAAM;IACNC,OAAO,QAAPA,OAAO;IACPC,QAAO,QAAPA,OAAO;IACPC,OAAM,QAANA,MAAM;IACNC,UAAU,QAAVA,UAAU;IACPC,IAAI;EAEjD,sBAA4BxB,KAAK,CAACyB,QAAQ,CAAU,KAAK,CAAC;IAAA;IAAnDC,MAAM;IAAEC,SAAS;EACxB,uBAA0B3B,KAAK,CAACyB,QAAQ,EAAU;IAAA;IAA3CG,KAAK;IAAEC,QAAQ;EACtB,uBAAgD7B,KAAK,CAACyB,QAAQ,EAAU;IAAA;IAAjEK,gBAAgB;IAAEC,mBAAmB;EAC5C,uBAA0C/B,KAAK,CAACyB,QAAQ,CAAU,KAAK,CAAC;IAAA;IAAjEO,aAAa;IAAEC,gBAAgB;EACtC,uBAAwCjC,KAAK,CAACyB,QAAQ,EAAgB;IAAA;IAA/DS,YAAY;IAAEC,eAAe;EACpC,wBAA4CnC,KAAK,CAACyB,QAAQ,CAAW,EAAE,CAAC;IAAA;IAAjEW,cAAc;IAAEC,iBAAiB;EACxC,wBAA8BrC,KAAK,CAACyB,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAA1Da,OAAO;IAAEC,UAAU;EAC1B,wBAAwCvC,KAAK,CAACyB,QAAQ,CAAU,KAAK,CAAC;IAAA;IAA/De,YAAY;IAAEC,eAAe;EACpC,wBAAwBzC,KAAK,CAACyB,QAAQ,CAAU,IAAI,CAAC;IAAA;IAA9CiB,IAAI;IAAEC,OAAO;EAEpB,IAAMC,cAAc,GAAG,IAAAC,0BAAkB,GAAE;EAC3C,IAAMC,QAAQ,GAAG,IAAAD,0BAAkB,EAAC,CAACD,cAAc,CAAC,CAAC;EACrD,IAAMG,cAAc,GAAG/C,KAAK,CAACgD,MAAM,CAAoB,IAAI,CAAC;EAE5D,IAAAC,uBAAe,EAACL,cAAc,EAAEhB,KAAK,IAAI,CAAChB,QAAQ,IAAI,CAACD,QAAQ,GAAG,CAACoC,cAAc,CAAC,GAAG,EAAE,CAAC;EAExF/C,KAAK,CAACkD,mBAAmB,CAAChD,GAAG,EAAE;IAAA,OAAM4C,QAAQ,CAACK,OAAO;EAAA,GAAE,CAACL,QAAQ,CAAC,CAAC;EAElE,IAAMM,YAAY,GAAG,IAAAC,0BAAkB,EACrC;IAAA,OAAM1B,SAAS,CAAC,KAAK,CAAC;EAAA,GACtB,EAAE,EACF,IAAA2B,0BAAkB,EAAC;IAAA,OAAM3B,SAAS,CAAC,KAAK,CAAC;EAAA,EAAC,CAC3C;EAED,IAAM4B,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,CAAwC,EAAK;IACvE,IAAIA,CAAC,CAACC,GAAG,KAAK,KAAK,IAAID,CAAC,CAACC,GAAG,KAAK,QAAQ,EAAE;MACzCD,CAAC,CAACE,cAAc,EAAE;IACpB;IACA,IAAIF,CAAC,CAACC,GAAG,KAAK,WAAW,IAAID,CAAC,CAACC,GAAG,KAAK,MAAM,IAAID,CAAC,CAACC,GAAG,KAAK,SAAS,IAAID,CAAC,CAACC,GAAG,KAAK,IAAI,EAAE;MACtFD,CAAC,CAACE,cAAc,EAAE;MAClB,IAAI,CAAChC,MAAM,EAAE;QACXC,SAAS,CAAC,IAAI,CAAC;MACjB;IACF;EACF,CAAC;EAED3B,KAAK,CAAC2D,SAAS,CAAC,YAAM;IACpBhB,OAAO,CAAC,IAAI,CAAC;IACbN,iBAAiB,CAAC,CAAC,CAAC7B,KAAK,GAAG,CAACA,KAAK,CAAC,GAAG,EAAE,CAAC;EAC3C,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEXR,KAAK,CAAC2D,SAAS,CAAC,YAAM;IACpB,IAAIvB,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEwB,MAAM,EAAE;MAAA;MAC1B,IAAMC,GAAG,GAAGzB,cAAc,CAAC,CAAC,CAAC;MAC7B,IAAM0B,IAAI,GAAG1D,IAAI,CAAC2D,IAAI,CAAC,UAACC,CAAC;QAAA,OAAKA,CAAC,CAACxD,KAAK,KAAKqD,GAAG;MAAA,EAAC;MAC9C1B,eAAe,CAAC2B,IAAI,CAAC;MACrBjC,QAAQ,gCAACiC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEG,YAAY,mEAAIH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEtD,KAAK,yCAAI,EAAE,CAAC;MACjDF,QAAQ,IAAI,CAACoC,IAAI,IAAIpC,QAAQ,CAACuD,GAAG,CAAC;IACpC,CAAC,MAAM;MACL1B,eAAe,CAAC+B,SAAS,CAAC;MAC1B5D,QAAQ,IAAI,CAACoC,IAAI,IAAIpC,QAAQ,CAAC,EAAE,CAAC;MACjCuB,QAAQ,CAAC,EAAE,CAAC;IACd;EACF,CAAC,EAAE,CAACO,cAAc,CAAC,CAAC;EAEpBpC,KAAK,CAAC2D,SAAS,CAAC,YAAM;IACpB,IAAI,CAACjC,MAAM,EAAE;MACX,IAAI,CAAC,CAACQ,YAAY,EAAE;QAAA;QAClBL,QAAQ,mCAACK,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAE+B,YAAY,yEAAI/B,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAE1B,KAAK,yCAAI,EAAE,CAAC;MACnE,CAAC,MAAM;QACLqB,QAAQ,CAAC,EAAE,CAAC;MACd;IACF;IAEAI,gBAAgB,CAAC,IAAI,CAAC;EACxB,CAAC,EAAE,CAACP,MAAM,EAAEQ,YAAY,CAAC,CAAC;EAE1B,IAAMiC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIX,CAAM,EAAK;IAAA;IACnC3B,QAAQ,CAAC,EAAE,CAAC;IACZQ,iBAAiB,CAAC,EAAE,CAAC;IACrB/B,QAAQ,IAAIA,QAAQ,CAAC,EAAE,CAAC;IACxB,qBAAAwC,QAAQ,CAACK,OAAO,sDAAhB,kBAAkBiB,KAAK,CAAC;MAAEC,YAAY,EAAE,CAAAb,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEc,MAAM,MAAK;IAAE,CAAC,CAAQ;EACnE,CAAC;EAED,IAAMC,WAAW,GAAG,SAAdA,WAAW,GAAS;IACxB,oBACE,sBAAC,uCAAwB;MACvB,GAAG,EAAE3B,cAAe;MACpB,SAAS,EAAE5B,IAAI,GAAGA,IAAI,GAAG,EAAG;MAC5B,OAAO,EAAE,iBAACwC,CAAM,EAAK;QACnB,IAAI,CAAC5C,QAAQ,IAAI,CAACD,QAAQ,EAAE;UAC1B6C,CAAC,CAACgB,eAAe,EAAE;UACnB7C,SAAS,CAAC,CAACD,MAAM,CAAC;UAClB,IAAIA,MAAM,EAAE;YAAA;YACV,sBAAAoB,QAAQ,CAACK,OAAO,uDAAhB,mBAAkBsB,IAAI,EAAE;UAC1B,CAAC,MAAM;YAAA;YACL,sBAAA3B,QAAQ,CAACK,OAAO,uDAAhB,mBAAkBiB,KAAK,EAAE;UAC3B;QACF;MACF,CAAE;MACF,QAAQ,EAAEzD,QAAQ,IAAI,KAAM;MAC5B,QAAQ,EAAEC,QAAQ,IAAI,KAAM;MAC5B,aAAa,EAAE,CAACgB,KAAM;MACtB,QAAQ,EAAEV,cAAe;MACzB,qBAAqB,EAAE,CAAC,CAACJ,uBAAwB;MACjD,WAAW,EAAE4D,iCAA0B;MACvC,kCAAyBvE,EAAE,CAAG;MAAA,wBAC9B,qBAAC,iCAAkB;QACjB,EAAE,EAAEA,EAAG;QACP,GAAG,EAAE2C,QAAS;QACd,YAAY,EAAE,MAAM,GAAG6B,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAE;QAChE,IAAI,EAAC,QAAQ;QACb,WAAW,EAAErC,YAAY,GAAG,EAAE,GAAGnC,WAAY;QAC7C,SAAS,EAAEkD,kBAAmB;QAC9B,QAAQ;QACR,KAAK,EAAE3B,KAAK,IAAI,EAAG;QACnB,QAAQ,EAAE,kBAAC4B,CAAM,EAAK;UACpB,IAAI,CAACA,CAAC,CAACsB,MAAM,CAACtE,KAAK,EAAE;YACnB6B,iBAAiB,CAAC,EAAE,CAAC;UACvB;UACA,IAAI,CAACzB,QAAQ,IAAI,CAACD,QAAQ,IAAI6C,CAAC,CAACsB,MAAM,CAACtE,KAAK,KAAKoB,KAAK,EAAE;YACtDK,gBAAgB,CAAC,KAAK,CAAC;YACvBN,SAAS,CAAC,IAAI,CAAC;YACfE,QAAQ,CAAC2B,CAAC,CAACsB,MAAM,CAACtE,KAAK,CAAC;YACxB,IAAID,aAAa,EAAE;cACjBA,aAAa,CAACiD,CAAC,CAACsB,MAAM,CAACtE,KAAK,IAAI,EAAE,CAAC;YACrC;UACF;QACF,CAAE;QACF,OAAO,EAAE,iBAACgD,CAAC,EAAK;UACdf,eAAe,CAAC,IAAI,CAAC;UACrBpB,QAAO,IAAIA,QAAO,CAACmC,CAAC,CAAC;QACvB,CAAE;QACF,MAAM,EAAE,gBAACA,CAAC,EAAK;UACbf,eAAe,CAAC,KAAK,CAAC;UACtBnB,OAAM,IAAIA,OAAM,CAACkC,CAAC,CAAC;QACrB,CAAE;QACF,QAAQ,EAAE/C,QAAS;QACnB,QAAQ,EAAEE,QAAQ,IAAIC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;QACxC,QAAQ,EAAED,QAAQ,IAAI,KAAM;QAC5B,eAAaY;MAAW,GACpBC,IAAI,EACR,EACD,CAACE,MAAM,gBAAG,qBAAC,wBAAe;QAAC,KAAK,EAAEoB,QAAS;QAAC,SAAS,EAAE,IAAK;QAAC,QAAQ,EAAC,MAAM;QAAC,IAAI,EAAE9B,IAAK;QAAC,KAAK,EAAC,KAAK;QAAC,QAAQ,EAAC,QAAQ;QAAA,UAClHY;MAAK,EACU,GAAG,IAAI,EAC1BA,KAAK,IAAI,CAAChB,QAAQ,IAAI,CAACD,QAAQ,IAAI,CAACS,OAAO,iBAC1C,qBAAC,kBAAU;QAAC,MAAM,EAAE+C,gBAAiB;QAAC,GAAG,EAAEpB,cAAe;QAAC,wBAAwB,EAAE,IAAK;QAAC,KAAK,EAAE,UAAW;QAAC,KAAK,EAAE;UAAEgC,UAAU,EAAE;QAAO,CAAE;QAAC,OAAO,EAAE,WAAY;QAAA,uBAChK,qBAAC,kBAAW,CAAC,KAAK;MAAG,EAExB,EAEA,CAACpE,QAAQ,IAAI,CAACC,QAAQ,IAAIQ,OAAO,iBAChC;QAAK,KAAK,EAAE;UAAE2D,UAAU,EAAE;QAAO,CAAE;QAAA,uBACjC,qBAAC,kCAAgB;UAAC,IAAI,EAAEC,WAAI,CAACC,KAAM;UAAC,KAAK,EAAEC,cAAM,CAACC;QAAY;MAAG,EAEpE,eAED;QAAK,SAAS,EAAE,gBAAiB;QAAA,UAC9BzD,MAAM,IAAI,CAACd,QAAQ,IAAI,CAACD,QAAQ,gBAAG,qBAAC,kBAAW,CAAC,WAAW;UAAC,IAAI,EAAC,MAAM;UAAC,SAAS,EAAEK,IAAI,GAAGA,IAAI,GAAG;QAAG,EAAG,gBAAG,qBAAC,kBAAW,CAAC,aAAa;UAAC,IAAI,EAAC,MAAM;UAAC,SAAS,EAAEA,IAAI,GAAGA,IAAI,GAAG;QAAG;MAAG,EAC7K;IAAA,EACmB;EAE/B,CAAC;EAED,oBACE;IAAA,wBACE,sBAAC,gCAAiB;MAAC,GAAG,EAAEoC,YAAa;MACrC,IAAI,EAAC,UAAU;MACf,wBAAsB,IAAK;MAC3B,2BAAkBjD,EAAE,qBAAmB;MACvC,yBAAuB2B,gBAAiB;MACxC,iBAAeJ,MAAO;MACtB,QAAQ,EAAEf,QAAS;MAAC,QAAQ,EAAE,KAAM;MAAC,QAAQ,EAAEC,QAAS;MAAC,SAAS,EAAEI,IAAI,GAAGA,IAAI,GAAG,EAAG;MAAC,MAAM,EAAEG,MAAO;MAAA,WAClGoD,WAAW,EAAE,EACb,CAAC3D,QAAQ,IAAI,CAACD,QAAQ,iBACrB,qBAAC,wBAAe;QACd,YAAY,EAAEyC,YAAa;QAC3B,MAAM,EAAE1B,MAAM,IAAI,CAACN,OAAQ;QAC3B,kBAAkB,EAAEV,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,EAAG;QAC7C,cAAc,EAAE0B,cAAe;QAC/B,iBAAiB,EAAEC,iBAAkB;QACrC,IAAI,EAAErB,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAIgE,WAAI,CAACC,KAAM;QACzB,yBAAyB,EAAE,mCAACzB,CAAC;UAAA,OAAKzB,mBAAmB,CAACyB,CAAC,CAAC;QAAA,CAAC;QACzD,OAAO,EAAElB,OAAQ;QACjB,aAAa,EAAC,OAAO;QACrB,UAAU,EAAEC,UAAW;QACvB,OAAO,EAAE,KAAM;QACf,kBAAkB,EAAE;UAClB6C,SAAS,EAAE,QAAQ;UACnBvE,UAAU,EAAEA,UAAU;UACtBwE,WAAW,EAAE,KAAK;UAClBC,MAAM,EAAE,kBAAM,CAAC,CAAC;UAChBC,aAAa,EAAE,uBAACC,MAAgB,EAAK;YACnCvD,gBAAgB,CAAC,IAAI,CAAC;YACtBU,OAAO,CAAC,KAAK,CAAC;UAChB,CAAC;UACD8C,KAAK,EAAErF;QACT,CAAE;QACF,MAAM,EAAE,CAACa,gBAAgB,IAAI,CAACe,aAAa,GAAGJ,KAAK,IAAI,EAAE,GAAG,EAAG;QAC/D,SAAS,EAAED,SAAU;QACrB,QAAQ,EAAE,KAAM;QAChB,EAAE,YAAKxB,EAAE;MAAmB,EAE/B;IAAA,EACiB,EACnBW,uBAAuB,iBACtB,sBAAC,yBAAY;MAAC,SAAS,EAAEE,IAAI,IAAI,EAAG;MAAA,wBAClC,qBAAC,kBAAW,CAAC,gBAAgB;QAAC,KAAK,EAAEkE,cAAM,CAACQ;MAAa,EAAG,eAC5D;QAAA,UAAO5E;MAAuB,EAAQ;IAAA,EAEzC,EACAC,iBAAiB,iBAChB,sBAAC,8BAAiB;MAAC,SAAS,EAAEC,IAAI,IAAI,EAAG;MAAA,wBACvC,qBAAC,kBAAW,CAAC,WAAW;QAAC,KAAK,EAAEkE,cAAM,CAACC;MAAY,EAAG,eACtD;QAAA,UAAOpE;MAAiB,EAAQ;IAAA,EAEnC;EAAA,EACA;AAEP,CAAC,CAAC;AAAC;EAlQDX,IAAI;EACJC,WAAW;EAEXG,KAAK;EACLF,QAAQ;EACRC,aAAa;EAEbE,QAAQ;EACRE,QAAQ;EACRC,QAAQ;EACRQ,OAAO;EAEPH,gBAAgB;EAEhBP,kBAAkB;EAClBI,uBAAuB;EACvBC,iBAAiB;EAGjBG,cAAc;EACdC,MAAM;EACNN,UAAU;AAAA;AAAA,eA+OGd,cAAc;AAAA"}

package/dist/Dropdown/DropdownFilter.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { DropdownItem } from './DropdownContent';
 import { Size, Testable } from '../types';
-interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {
+export interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {
     list: DropdownItem[];
     placeholder?: string;
     value?: string;

package/dist/Dropdown/DropdownFilter.js

@@ -9,7 +9,7 @@ import * as React from 'react';
 import { COLORS } from '../styles';
 import { SystemIcons } from '../icons';
 import { LoadingIndicator } from '../LoadingIndicator';
-import { StyledField, Dropdown, InputField } from './CommonStyling';
+import { DropdownInputFieldStyles, DropdownContainer, DropdownInputField } from './CommonStyling';
 import DropdownContent from './DropdownContent';
 import { Size } from '../types';
 import { AutofilledMessage, ErrorMessage } from '../InputFields';
@@ -142,7 +142,7 @@ var DropdownFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     });
   };
   var renderInput = function renderInput() {
-    return /*#__PURE__*/_jsxs(StyledField, {
+    return /*#__PURE__*/_jsxs(DropdownInputFieldStyles, {
       ref: styledFieldRef,
       className: size ? size : '',
       onClick: function onClick(e) {
@@ -165,7 +165,7 @@ var DropdownFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       showValidationMessage: !!activeValidationMessage,
       onMouseDown: defaultOnMouseDownHandler,
       "data-testid": "otherdiv_".concat(id),
-      children: [/*#__PURE__*/_jsx(InputField, _objectSpread({
+      children: [/*#__PURE__*/_jsx(DropdownInputField, _objectSpread({
         id: id,
         ref: inputRef,
         autoComplete: 'off-' + Math.floor(Math.random() * 999999999999),
@@ -238,7 +238,7 @@ var DropdownFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     });
   };
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(Dropdown, {
+    children: [/*#__PURE__*/_jsxs(DropdownContainer, {
       ref: containerRef,
       role: "combobox",
       "aria-multiselectable": true,

package/dist/Dropdown/DropdownFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFilter.js","names":["React","COLORS","SystemIcons","LoadingIndicator","StyledField","Dropdown","InputField","DropdownContent","Size","AutofilledMessage","ErrorMessage","TooltipOverflow","defaultOnMouseDownHandler","useActionWithin","useClickOutsideRef","useFocusOutsideRef","useFocusVisibleRef","IconButton","DropdownFilter","forwardRef","ref","id","list","placeholder","onSelect","onInputChange","value","required","messageOnNoResults","disabled","readOnly","scrollable","activeValidationMessage","autofilledMessage","size","disableFiltering","buttonFontSize","margin","loading","onFocus","onBlur","dataTestId","rest","useState","isOpen","setIsOpen","input","setInput","activeDescendant","setActiveDescendant","restartFilter","setRestartFilter","selectedItem","setSelectedItem","selectedValues","setSelectedValues","focused","setFocused","inputFocused","setInputFocused","init","setInit","styledFieldRef","inputRef","clearButtonRef","useRef","useImperativeHandle","current","containerRef","handleInputKeyDown","e","key","preventDefault","useEffect","length","val","item","find","a","displayLabel","undefined","handleInputClear","focus","focusVisible","detail","renderInput","stopPropagation","blur","Math","floor","random","target","marginLeft","Small","neutral_600","itemsType","multiSelect","action","onValueUpdate","values","items","critical_400"],"sources":["../../src/Dropdown/DropdownFilter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { COLORS } from '../styles';\nimport { SystemIcons } from '../icons';\nimport { LoadingIndicator } from '../LoadingIndicator';\nimport { StyledField, Dropdown, InputField } from './CommonStyling';\nimport DropdownContent, { DropdownItem } from './DropdownContent';\nimport { Size, Testable } from '../types';\nimport { AutofilledMessage, ErrorMessage } from '../InputFields';\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\nimport { defaultOnMouseDownHandler, useActionWithin, useClickOutsideRef, useFocusOutsideRef, useFocusVisibleRef } from '../common';\nimport { IconButton } from '../Button';\n\ninterface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {\n  list: DropdownItem[];\n  placeholder?: string;\n  \n  value?: string;\n  onSelect?: (value: string) => void;\n  onInputChange?: (input: string) => void;\n\n  required?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  loading?: boolean;\n\n  disableFiltering?: boolean;\n\n  messageOnNoResults?: string;\n  activeValidationMessage?: string;\n  autofilledMessage?: string;\n  size?: Size.Small | Size.Medium;\n\n  buttonFontSize?: string;\n  margin?: string;\n  scrollable?: boolean;\n}\n\nconst DropdownFilter = React.forwardRef( ({\n                                            id,\n                                            list,\n                                            placeholder,\n                                            onSelect,\n                                            onInputChange,\n                                            value,\n                                            required,\n                                            messageOnNoResults,\n                                            disabled,\n                                            readOnly,\n                                            scrollable,\n                                            activeValidationMessage,\n                                            autofilledMessage,\n                                            size,\n                                            disableFiltering,\n                                            buttonFontSize,\n                                            margin,\n                                            loading,\n                                            onFocus,\n                                            onBlur,\n                                            dataTestId,\n                                            ...rest\n                                          }: DropdownFilterProps, ref) => {\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\n  const [input, setInput] = React.useState<string>();\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\n  const [selectedItem, setSelectedItem] = React.useState<DropdownItem>();\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\n  const [focused, setFocused] = React.useState<number | null>(null);\n  const [inputFocused, setInputFocused] = React.useState<boolean>(false);\n  const [init, setInit] = React.useState<boolean>(true);\n\n  const styledFieldRef = useFocusVisibleRef();\n  const inputRef = useFocusVisibleRef([styledFieldRef]);\n  const clearButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  useActionWithin(styledFieldRef, input && !readOnly && !disabled ? [clearButtonRef] : []);\n\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n  const containerRef = useClickOutsideRef(\n    () => setIsOpen(false),\n    [],\n    useFocusOutsideRef(() => setIsOpen(false)),\n  );\n\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Esc' || e.key === 'Escape') {\n      e.preventDefault();\n    }\n    if (e.key === 'ArrowDown' || e.key === 'Down' || e.key === 'ArrowUp' || e.key === 'Up') {\n      e.preventDefault();\n      if (!isOpen) {\n        setIsOpen(true);\n      }\n    }\n  };\n\n  React.useEffect(() => {\n    setInit(true);\n    setSelectedValues(!!value ? [value] : []);\n  }, [value]);\n\n  React.useEffect(() => {\n    if (selectedValues?.length) {\n      const val = selectedValues[0];\n      const item = list.find((a) => a.value === val);\n      setSelectedItem(item);\n      setInput(item?.displayLabel ?? item?.value ?? '');\n      onSelect && !init && onSelect(val);\n    } else {\n      setSelectedItem(undefined);\n      onSelect && !init && onSelect('');\n      setInput('');\n    }\n  }, [selectedValues]);\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      if (!!selectedItem) {\n        setInput(selectedItem?.displayLabel ?? selectedItem?.value ?? '');\n      } else {\n        setInput('');\n      }\n    }\n\n    setRestartFilter(true);\n  }, [isOpen, selectedItem]);\n\n  const handleInputClear = (e: any) => {\n    setInput('');\n    setSelectedValues([]);\n    onSelect && onSelect('');\n    inputRef.current?.focus({ focusVisible: e?.detail !== 1 } as any);\n  };\n\n  const renderInput = () => {\n    return (\n      <StyledField\n        ref={styledFieldRef}\n        className={size ? size : ''}\n        onClick={(e: any) => {\n          if (!readOnly && !disabled) {\n            e.stopPropagation();\n            setIsOpen(!isOpen);\n            if (isOpen) {\n              inputRef.current?.blur();\n            } else {\n              inputRef.current?.focus();\n            }\n          }\n        }}\n        disabled={disabled || false}\n        readOnly={readOnly || false}\n        isPlaceholder={!input}\n        fontSize={buttonFontSize}\n        showValidationMessage={!!activeValidationMessage}\n        onMouseDown={defaultOnMouseDownHandler}\n        data-testid={`otherdiv_${id}`}>\n        <InputField\n          id={id}\n          ref={inputRef}\n          autoComplete={'off-' + Math.floor(Math.random() * 999999999999)}\n          type=\"search\"\n          placeholder={inputFocused ? '' : placeholder}\n          onKeyDown={handleInputKeyDown}\n          ellipsis\n          value={input || ''}\n          onChange={(e: any) => {\n            if (!e.target.value) {\n              setSelectedValues([]);\n            }\n            if (!readOnly && !disabled && e.target.value !== input) {\n              setRestartFilter(false);\n              setIsOpen(true);\n              setInput(e.target.value);\n              if (onInputChange) {\n                onInputChange(e.target.value || '');\n              }\n            }\n          }}\n          onFocus={(e) => {\n            setInputFocused(true);\n            onFocus && onFocus(e);\n          }}\n          onBlur={(e) => {\n            setInputFocused(false);\n            onBlur && onBlur(e);\n          }}\n          required={required}\n          tabIndex={disabled || readOnly ? -1 : 0}\n          disabled={disabled || false}\n          data-testid={dataTestId}\n          {...rest}\n        />\n        {!isOpen ? <TooltipOverflow input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end' position='bottom'>\n            {input}\n          </TooltipOverflow> : null}\n        {input && !readOnly && !disabled && !loading && (\n          <IconButton action={handleInputClear} ref={clearButtonRef} useTransparentBackground={true} shape={'circular'} style={{ marginLeft: '-4px' }} variant={'secondary'}>\n            <SystemIcons.Clear />\n          </IconButton>\n        )}\n\n        {!disabled && !readOnly && loading && (\n          <div style={{ marginLeft: '-4xp' }}>\n            <LoadingIndicator size={Size.Small} color={COLORS.neutral_600} />\n          </div>\n        )}\n\n        <div className={'dropdown-arrow'}>\n          {isOpen && !readOnly && !disabled ? <SystemIcons.ArrowDropUp size=\"24px\" className={size ? size : ''} /> : <SystemIcons.ArrowDropDown size=\"24px\" className={size ? size : ''} />}\n        </div>\n      </StyledField>\n    );\n  };\n\n  return (\n    <>\n      <Dropdown ref={containerRef}\n      role=\"combobox\"\n      aria-multiselectable={true} \n      aria-controls={`${id}_dropdowncontent`}\n      aria-activedescendant={activeDescendant}\n      aria-expanded={isOpen}\n      disabled={disabled} isButton={false} readOnly={readOnly} className={size ? size : ''} margin={margin}>\n        {renderInput()}\n        {!readOnly && !disabled && (\n          <DropdownContent\n            containerRef={containerRef}\n            isOpen={isOpen && !loading}\n            messageOnNoResults={messageOnNoResults ?? ''}\n            selectedValues={selectedValues}\n            setSelectedValues={setSelectedValues}\n            size={size ?? Size.Small}\n            onActiveDescendantChanged={(e) => setActiveDescendant(e)}\n            focused={focused}\n            ariaRolesType=\"input\"\n            setFocused={setFocused}\n            outline={false}\n            customizationProps={{\n              itemsType: 'normal',\n              scrollable: scrollable,\n              multiSelect: false,\n              action: () => {},\n              onValueUpdate: (values: string[]) => {\n                setRestartFilter(true);\n                setInit(false);\n              },\n              items: list,\n            }}\n            filter={!disableFiltering && !restartFilter ? input || '' : ''}\n            setIsOpen={setIsOpen}\n            isButton={false}\n            id={`${id}_dropdowncontent`}\n          />\n        )}\n      </Dropdown>\n      {activeValidationMessage && (\n        <ErrorMessage className={size || ''}>\n          <SystemIcons.TechnicalWarning color={COLORS.critical_400} />\n          <span>{activeValidationMessage}</span>\n        </ErrorMessage>\n      )}\n      {autofilledMessage && (\n        <AutofilledMessage className={size || ''}>\n          <SystemIcons.Information color={COLORS.neutral_600} />\n          <span>{autofilledMessage}</span>\n        </AutofilledMessage>\n      )}\n    </>\n  );\n});\n\nexport default DropdownFilter;\n"],"mappings":"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"}
+{"version":3,"file":"DropdownFilter.js","names":["React","COLORS","SystemIcons","LoadingIndicator","DropdownInputFieldStyles","DropdownContainer","DropdownInputField","DropdownContent","Size","AutofilledMessage","ErrorMessage","TooltipOverflow","defaultOnMouseDownHandler","useActionWithin","useClickOutsideRef","useFocusOutsideRef","useFocusVisibleRef","IconButton","DropdownFilter","forwardRef","ref","id","list","placeholder","onSelect","onInputChange","value","required","messageOnNoResults","disabled","readOnly","scrollable","activeValidationMessage","autofilledMessage","size","disableFiltering","buttonFontSize","margin","loading","onFocus","onBlur","dataTestId","rest","useState","isOpen","setIsOpen","input","setInput","activeDescendant","setActiveDescendant","restartFilter","setRestartFilter","selectedItem","setSelectedItem","selectedValues","setSelectedValues","focused","setFocused","inputFocused","setInputFocused","init","setInit","styledFieldRef","inputRef","clearButtonRef","useRef","useImperativeHandle","current","containerRef","handleInputKeyDown","e","key","preventDefault","useEffect","length","val","item","find","a","displayLabel","undefined","handleInputClear","focus","focusVisible","detail","renderInput","stopPropagation","blur","Math","floor","random","target","marginLeft","Small","neutral_600","itemsType","multiSelect","action","onValueUpdate","values","items","critical_400"],"sources":["../../src/Dropdown/DropdownFilter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { COLORS } from '../styles';\nimport { SystemIcons } from '../icons';\nimport { LoadingIndicator } from '../LoadingIndicator';\nimport { DropdownInputFieldStyles, DropdownContainer, DropdownInputField } from './CommonStyling';\nimport DropdownContent, { DropdownItem } from './DropdownContent';\nimport { Size, Testable } from '../types';\nimport { AutofilledMessage, ErrorMessage } from '../InputFields';\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\nimport { defaultOnMouseDownHandler, useActionWithin, useClickOutsideRef, useFocusOutsideRef, useFocusVisibleRef } from '../common';\nimport { IconButton } from '../Button';\n\nexport interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {\n  list: DropdownItem[];\n  placeholder?: string;\n  \n  value?: string;\n  onSelect?: (value: string) => void;\n  onInputChange?: (input: string) => void;\n\n  required?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  loading?: boolean;\n\n  disableFiltering?: boolean;\n\n  messageOnNoResults?: string;\n  activeValidationMessage?: string;\n  autofilledMessage?: string;\n  size?: Size.Small | Size.Medium;\n\n  buttonFontSize?: string;\n  margin?: string;\n  scrollable?: boolean;\n}\n\nconst DropdownFilter = React.forwardRef( ({\n                                            id,\n                                            list,\n                                            placeholder,\n                                            onSelect,\n                                            onInputChange,\n                                            value,\n                                            required,\n                                            messageOnNoResults,\n                                            disabled,\n                                            readOnly,\n                                            scrollable,\n                                            activeValidationMessage,\n                                            autofilledMessage,\n                                            size,\n                                            disableFiltering,\n                                            buttonFontSize,\n                                            margin,\n                                            loading,\n                                            onFocus,\n                                            onBlur,\n                                            dataTestId,\n                                            ...rest\n                                          }: DropdownFilterProps, ref) => {\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\n  const [input, setInput] = React.useState<string>();\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\n  const [selectedItem, setSelectedItem] = React.useState<DropdownItem>();\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\n  const [focused, setFocused] = React.useState<number | null>(null);\n  const [inputFocused, setInputFocused] = React.useState<boolean>(false);\n  const [init, setInit] = React.useState<boolean>(true);\n\n  const styledFieldRef = useFocusVisibleRef();\n  const inputRef = useFocusVisibleRef([styledFieldRef]);\n  const clearButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  useActionWithin(styledFieldRef, input && !readOnly && !disabled ? [clearButtonRef] : []);\n\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n  const containerRef = useClickOutsideRef(\n    () => setIsOpen(false),\n    [],\n    useFocusOutsideRef(() => setIsOpen(false)),\n  );\n\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Esc' || e.key === 'Escape') {\n      e.preventDefault();\n    }\n    if (e.key === 'ArrowDown' || e.key === 'Down' || e.key === 'ArrowUp' || e.key === 'Up') {\n      e.preventDefault();\n      if (!isOpen) {\n        setIsOpen(true);\n      }\n    }\n  };\n\n  React.useEffect(() => {\n    setInit(true);\n    setSelectedValues(!!value ? [value] : []);\n  }, [value]);\n\n  React.useEffect(() => {\n    if (selectedValues?.length) {\n      const val = selectedValues[0];\n      const item = list.find((a) => a.value === val);\n      setSelectedItem(item);\n      setInput(item?.displayLabel ?? item?.value ?? '');\n      onSelect && !init && onSelect(val);\n    } else {\n      setSelectedItem(undefined);\n      onSelect && !init && onSelect('');\n      setInput('');\n    }\n  }, [selectedValues]);\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      if (!!selectedItem) {\n        setInput(selectedItem?.displayLabel ?? selectedItem?.value ?? '');\n      } else {\n        setInput('');\n      }\n    }\n\n    setRestartFilter(true);\n  }, [isOpen, selectedItem]);\n\n  const handleInputClear = (e: any) => {\n    setInput('');\n    setSelectedValues([]);\n    onSelect && onSelect('');\n    inputRef.current?.focus({ focusVisible: e?.detail !== 1 } as any);\n  };\n\n  const renderInput = () => {\n    return (\n      <DropdownInputFieldStyles\n        ref={styledFieldRef}\n        className={size ? size : ''}\n        onClick={(e: any) => {\n          if (!readOnly && !disabled) {\n            e.stopPropagation();\n            setIsOpen(!isOpen);\n            if (isOpen) {\n              inputRef.current?.blur();\n            } else {\n              inputRef.current?.focus();\n            }\n          }\n        }}\n        disabled={disabled || false}\n        readOnly={readOnly || false}\n        isPlaceholder={!input}\n        fontSize={buttonFontSize}\n        showValidationMessage={!!activeValidationMessage}\n        onMouseDown={defaultOnMouseDownHandler}\n        data-testid={`otherdiv_${id}`}>\n        <DropdownInputField\n          id={id}\n          ref={inputRef}\n          autoComplete={'off-' + Math.floor(Math.random() * 999999999999)}\n          type=\"search\"\n          placeholder={inputFocused ? '' : placeholder}\n          onKeyDown={handleInputKeyDown}\n          ellipsis\n          value={input || ''}\n          onChange={(e: any) => {\n            if (!e.target.value) {\n              setSelectedValues([]);\n            }\n            if (!readOnly && !disabled && e.target.value !== input) {\n              setRestartFilter(false);\n              setIsOpen(true);\n              setInput(e.target.value);\n              if (onInputChange) {\n                onInputChange(e.target.value || '');\n              }\n            }\n          }}\n          onFocus={(e) => {\n            setInputFocused(true);\n            onFocus && onFocus(e);\n          }}\n          onBlur={(e) => {\n            setInputFocused(false);\n            onBlur && onBlur(e);\n          }}\n          required={required}\n          tabIndex={disabled || readOnly ? -1 : 0}\n          disabled={disabled || false}\n          data-testid={dataTestId}\n          {...rest}\n        />\n        {!isOpen ? <TooltipOverflow input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end' position='bottom'>\n            {input}\n          </TooltipOverflow> : null}\n        {input && !readOnly && !disabled && !loading && (\n          <IconButton action={handleInputClear} ref={clearButtonRef} useTransparentBackground={true} shape={'circular'} style={{ marginLeft: '-4px' }} variant={'secondary'}>\n            <SystemIcons.Clear />\n          </IconButton>\n        )}\n\n        {!disabled && !readOnly && loading && (\n          <div style={{ marginLeft: '-4xp' }}>\n            <LoadingIndicator size={Size.Small} color={COLORS.neutral_600} />\n          </div>\n        )}\n\n        <div className={'dropdown-arrow'}>\n          {isOpen && !readOnly && !disabled ? <SystemIcons.ArrowDropUp size=\"24px\" className={size ? size : ''} /> : <SystemIcons.ArrowDropDown size=\"24px\" className={size ? size : ''} />}\n        </div>\n      </DropdownInputFieldStyles>\n    );\n  };\n\n  return (\n    <>\n      <DropdownContainer ref={containerRef}\n      role=\"combobox\"\n      aria-multiselectable={true} \n      aria-controls={`${id}_dropdowncontent`}\n      aria-activedescendant={activeDescendant}\n      aria-expanded={isOpen}\n      disabled={disabled} isButton={false} readOnly={readOnly} className={size ? size : ''} margin={margin}>\n        {renderInput()}\n        {!readOnly && !disabled && (\n          <DropdownContent\n            containerRef={containerRef}\n            isOpen={isOpen && !loading}\n            messageOnNoResults={messageOnNoResults ?? ''}\n            selectedValues={selectedValues}\n            setSelectedValues={setSelectedValues}\n            size={size ?? Size.Small}\n            onActiveDescendantChanged={(e) => setActiveDescendant(e)}\n            focused={focused}\n            ariaRolesType=\"input\"\n            setFocused={setFocused}\n            outline={false}\n            customizationProps={{\n              itemsType: 'normal',\n              scrollable: scrollable,\n              multiSelect: false,\n              action: () => {},\n              onValueUpdate: (values: string[]) => {\n                setRestartFilter(true);\n                setInit(false);\n              },\n              items: list,\n            }}\n            filter={!disableFiltering && !restartFilter ? input || '' : ''}\n            setIsOpen={setIsOpen}\n            isButton={false}\n            id={`${id}_dropdowncontent`}\n          />\n        )}\n      </DropdownContainer>\n      {activeValidationMessage && (\n        <ErrorMessage className={size || ''}>\n          <SystemIcons.TechnicalWarning color={COLORS.critical_400} />\n          <span>{activeValidationMessage}</span>\n        </ErrorMessage>\n      )}\n      {autofilledMessage && (\n        <AutofilledMessage className={size || ''}>\n          <SystemIcons.Information color={COLORS.neutral_600} />\n          <span>{autofilledMessage}</span>\n        </AutofilledMessage>\n      )}\n    </>\n  );\n});\n\nexport default DropdownFilter;\n"],"mappings":"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"}