@laerdal/life-react-components 3.6.0 → 3.6.1

package/dist/Dropdown/DropdownContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownContent.cjs","names":["MAX_MENU_HEIGHT","AVG_OPTION_HEIGHT","OFFSET_BEFORE_SHOW","DropdownContentContainer","styled","div","COLORS","white","Z_INDEXES","dropdown","props","isButton","offsetLeft","offsetTop","DropdownContentButtonStyling","neutral_100","size","Size","Large","Medium","scrollable","maxHeight","DropdownContentItemsContainer","hover","active","focus","DropdownContentListContainer","itemsType","scrollBarStyling","Small","DropdownContentMenuContentContainer","ComponentXLStyling","ComponentTextStyle","Bold","neutral_500","ComponentLStyling","ComponentMStyling","Regular","ComponentSStyling","DividerContainer","DropdownContentTopItemContainer","neutral_200","DropdownContentActionButtonContainer","Overlay","modal","DropdownContent","React","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';\r\nimport styled, { css } from 'styled-components';\r\nimport Button from '../Button/Button';\r\nimport { Size } from '../types';\r\nimport { DropdownContentButtonStyling } from './CommonStyling';\r\nimport { ComponentLStyling, ComponentXLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\r\nimport { COLORS, focusStyles, scrollBarStyling } from '../styles';\r\nimport { Checkbox, RadioButton } from '../InputFields';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\nimport MenuItem from '../MenuItem/MenuItem';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\nimport ReactDOM from 'react-dom';\r\n\r\nconst MAX_MENU_HEIGHT = 240;\r\nconst AVG_OPTION_HEIGHT = 48;\r\nconst OFFSET_BEFORE_SHOW = 1000000;\r\n\r\nexport const DropdownContentContainer = styled.div<{ offsetTop: string; offsetLeft: string; isButton: boolean; alignLeft?: boolean; size?: Size; scrollable?: boolean; maxHeight?: string }>`\r\n  display: none;\r\n  pointer-events: auto;\r\n  position: absolute;\r\n  background-color: ${COLORS.white};\r\n\r\n  z-index: ${Z_INDEXES.dropdown};\r\n  margin: ${(props) => (props.isButton ? '-4px' : '4px 0px')};\r\n\r\n  &.show {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    &.down,\r\n    &.up {\r\n      ${(props) => `transform: translate(${props.offsetLeft}, ${props.offsetTop});`}\r\n    }\r\n  }\r\n\r\n  transform: translate(-${OFFSET_BEFORE_SHOW}px, -${OFFSET_BEFORE_SHOW}px);\r\n\r\n  &.outline:focus:after {\r\n    content: '';\r\n    pointer-events: none;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    outline: 4px solid black;\r\n    outline-offset: 2px;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  ${(props) => (props.isButton ? DropdownContentButtonStyling : '')};\r\n\r\n  border: 1px solid ${COLORS.neutral_100};\r\n  box-sizing: border-box;\r\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\r\n  padding: 4px 0px;\r\n\r\n  min-width: ${(props) => (props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px')};\r\n  border-radius: ${(props) => (props.size == Size.Large ? '10px' : props.size == Size.Medium ? '8px' : '6px')};\r\n\r\n  max-height: ${(props) => (!props.scrollable ? 'auto' : props.maxHeight ? props.maxHeight : props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px')};\r\n`;\r\n\r\nexport const DropdownContentItemsContainer = styled.div<{ size?: Size }>`\r\n  > *:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  > *:active,\r\n  > *.active {\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  > *:focus {\r\n    z-index: ${Z_INDEXES.focus};\r\n  }\r\n`;\r\n\r\nexport const DropdownContentListContainer = styled.div<{ scrollable?: boolean; size?: Size; itemsType?: string; outline?: boolean }>`\r\n  ${(props) => (props.scrollable ? 'overflow-y: scroll;' : '')}\r\n  ${(props) => (props.scrollable ? 'margin-right: 6px;' : '')}\r\n  ${(props) => (props.scrollable ? 'padding-right: 6px;' : '')}\r\n  ${(props) => (props.itemsType != 'normal' ? 'margin-left: 4px;' : '')}\r\n  div.divider {\r\n    display: block;\r\n    width: calc(100% - 40px);\r\n    margin-left: 16px;\r\n    border-top: 1px solid #e5e5e5;\r\n    position: absolute;\r\n    top: 0px;\r\n  }\r\n\r\n  ${DropdownContentItemsContainer} {\r\n    padding-top: ${(props) => (props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px')};\r\n    padding-bottom: ${(props) => (props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px')};\r\n\r\n    word-break: break-word;\r\n  }\r\n\r\n  *:focus {\r\n    outline: none !important;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst DropdownContentMenuContentContainer = styled.div<{ size?: Size }>`\r\n  h1,\r\n  h2,\r\n  h3 {\r\n    margin-block-start: 0px;\r\n    margin-block-end: 0px;\r\n    ${(props) => props.size == Size.Large && ComponentXLStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\r\n    ${(props) => props.size == Size.Medium && ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\r\n    ${(props) => (props.size == Size.Small || !props.size) && ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\r\n    padding: ${(props) => (props.size == Size.Small || !props.size ? '10px 16px 6px' : props.size == Size.Medium ? '16px 24px 8px' : '16px 32px 8px')};\r\n  }\r\n\r\n  p {\r\n    margin-block-start: 0px;\r\n    margin-block-end: 0px;\r\n    ${(props) => props.size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\r\n    ${(props) => props.size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\r\n    ${(props) => (props.size == Size.Small || !props.size) && ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\r\n    padding: ${(props) => (props.size == Size.Small || !props.size ? '8px 16px' : props.size == Size.Medium ? '12px 24px' : '16px 32px')};\r\n  }\r\n`;\r\n\r\nconst DividerContainer = styled.div<{ size?: Size }>`\r\n  position: relative;\r\n\r\n  margin-top: ${(props) => (props.size == Size.Large ? '16px' : props.size == Size.Medium ? '12px' : props.size == Size.Small || !props.size ? '8px' : '6px')};\r\n\r\n  div.divider {\r\n    width: 100%;\r\n    margin: 0px;\r\n  }\r\n`;\r\n\r\nconst DropdownContentTopItemContainer = styled.div<{ size?: Size }>`\r\n  border-bottom-style: solid;\r\n  border-bottom-color: ${COLORS.neutral_200};\r\n  border-bottom-width: 1px;\r\n  margin-right: 22px;\r\n`;\r\n\r\nconst DropdownContentActionButtonContainer = styled.div<{ size?: Size; scrollable?: boolean }>`\r\n  ${(props) => (props.scrollable ? `border-top: 1px solid  ${COLORS.neutral_200};` : '')}\r\n  ${(props) => (props.scrollable ? 'margin-top: 4px;' : '')}\r\n\r\n  padding: ${(props) => (props.size === Size.Small || !props.size ? '4px 16px 0px' : props.size === Size.Medium ? '12px 16px 8px' : '16px 16px 12px')};\r\n\r\n  button {\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nconst Overlay = styled.div`\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  pointer-events: none;\r\n  z-index: ${Z_INDEXES.modal};\r\n`;\r\n\r\nexport interface DropdownItem {\r\n  value: string;\r\n  displayLabel?: string;\r\n  noteLabel?: string;\r\n  suggestion?: boolean;\r\n  showDividerAbove?: boolean;\r\n  disabled?: boolean;\r\n  locked?: boolean;\r\n  icon?: React.ReactNode;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nexport interface DropdownCustomizationProps {\r\n  itemsType?: 'radio' | 'checkbox' | 'normal';\r\n  menuContent?: React.ReactNode;\r\n  scrollable?: boolean;\r\n  multiSelect?: boolean;\r\n  maxHeight?: string;\r\n  actionLabel?: string;\r\n  actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;\r\n  actionIcon?: React.ReactNode;\r\n  actionLoading?: boolean;\r\n  actionDisabled?: boolean;\r\n  action: () => boolean | void | undefined;\r\n  pinTopItem?: boolean;\r\n  onValueUpdate: (values: string[]) => boolean | void | undefined;\r\n  items: DropdownItem[];\r\n}\r\n\r\nexport interface DropdownProps {\r\n  isButton: boolean;\r\n  customizationProps: DropdownCustomizationProps;\r\n  alignLeft?: boolean;\r\n  isOpen: boolean;\r\n  setIsOpen: (open: boolean) => void;\r\n  size?: Size;\r\n  id: string;\r\n  filter: string;\r\n  width?: string;\r\n  onActiveDescendantChanged?: (descendantId?: string) => void;\r\n  selectedValues: string[];\r\n  setSelectedValues: (val: string[]) => void;\r\n  messageOnNoResults: string;\r\n  focused: number | null;\r\n  setFocused: (focused: number | null) => void;\r\n  outline?: boolean;\r\n  containerRef: React.RefObject<HTMLDivElement>;\r\n  ariaRolesType?: 'input' | 'menu';\r\n}\r\n\r\nconst DropdownContent = React.forwardRef<HTMLDivElement, DropdownProps>(\r\n  (\r\n    {\r\n      id,\r\n      customizationProps,\r\n      alignLeft,\r\n      isButton,\r\n      size,\r\n      isOpen,\r\n      width,\r\n      setIsOpen,\r\n      filter,\r\n      focused,\r\n      setFocused,\r\n      selectedValues,\r\n      setSelectedValues,\r\n      messageOnNoResults,\r\n      outline,\r\n      containerRef,\r\n      onActiveDescendantChanged,\r\n      ariaRolesType = 'menu',\r\n    },\r\n    ref,\r\n  ) => {\r\n    const [isUp, setIsUp] = React.useState<boolean>(false);\r\n    const [locationDefined, setLocationDefined] = React.useState<boolean>(false);\r\n    const [offset, setOffset] = React.useState<{ top: string; left: string }>({ top: '0', left: '0' });\r\n\r\n    const dropdownContentRef = (ref as MutableRefObject<HTMLDivElement>) ?? React.useRef<HTMLDivElement>(null);\r\n\r\n    if (!customizationProps.itemsType) customizationProps.itemsType = 'normal';\r\n    if (!size) size = Size.Small;\r\n\r\n    const itemsListRef = React.useRef<HTMLDivElement>(null);\r\n    const actionButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n    const determineDropUp = () => {\r\n      const options = customizationProps.items;\r\n\r\n      const rect = containerRef.current!.getBoundingClientRect();\r\n\r\n      const windowHeight = window.innerHeight;\r\n      const menuHeight = Math.min(MAX_MENU_HEIGHT, options.length * AVG_OPTION_HEIGHT);\r\n      const instOffsetWithMenu = rect.top + rect.height + menuHeight;\r\n\r\n      const up = instOffsetWithMenu >= windowHeight;\r\n\r\n      setOffset({\r\n        top: up ? `calc(-100% - ${rect.height}px ${isButton ? '' : '- 8px'})` : '0',\r\n        left: alignLeft ? `calc(-${rect.width}px)` : `calc(-100%)`,\r\n      });\r\n\r\n      setIsUp(up);\r\n      setLocationDefined(true);\r\n    };\r\n\r\n    const setNewFocusedElement = (index: number) => {\r\n      if (outline) dropdownContentRef.current?.focus();\r\n\r\n      const newFocusedElement = elRefs[index];\r\n      if (onActiveDescendantChanged) onActiveDescendantChanged(index == 0 ? `${id}_topitem` : `${id}_${index}`);\r\n\r\n      const oldFocusedElement = focused || focused === 0 ? elRefs[focused] : null;\r\n      if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\r\n        setFocused(index);\r\n        oldFocusedElement?.current?.classList.remove('dropdown-hover');\r\n\r\n        newFocusedElement.current?.classList.add('dropdown-hover');\r\n        newFocusedElement.current?.scrollIntoView({\r\n          block: 'nearest',\r\n          inline: 'nearest',\r\n        });\r\n      }\r\n    };\r\n\r\n    const getFilteredItems = () => {\r\n      const filtrationString = (filter ?? '').toUpperCase();\r\n      return customizationProps.items.filter((x) => x?.value?.toUpperCase().includes(filtrationString) || x?.displayLabel?.toUpperCase().includes(filtrationString));\r\n    };\r\n\r\n    const findNextActiveIndex = (index: number, direction: number, items: DropdownItem[]) => {\r\n      for (let i = index + direction; i > 0 && i <= items.length; i += direction) {\r\n        if (!items[i - 1]?.disabled) {\r\n          return i;\r\n        }\r\n      }\r\n\r\n      return index;\r\n    };\r\n\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (isOpen) {\r\n        if (e.key === 'ArrowUp' || e.key === 'Up') {\r\n          e.preventDefault();\r\n          let focusedNow = focused || focused === 0 ? focused : arrLength + 1;\r\n          if (!!focusedNow) {\r\n            focusedNow = focusedNow === 1 && haveTopItem() ? 0 : findNextActiveIndex(focusedNow, -1, getFilteredItems());\r\n\r\n            setNewFocusedElement(focusedNow);\r\n          }\r\n        } else if (e.key === 'ArrowDown' || e.key === 'Down') {\r\n          e.preventDefault();\r\n          let focusedNow = focused;\r\n\r\n          focusedNow = !!focusedNow || focusedNow === 0 ? findNextActiveIndex(focusedNow, 1, getFilteredItems()) : haveTopItem() ? 0 : 1;\r\n\r\n          setNewFocusedElement(focusedNow);\r\n        } else if (e.key === 'Escape' || e.key === 'Esc') {\r\n          setIsOpen(false);\r\n          setFocused(null);\r\n          if (onActiveDescendantChanged) onActiveDescendantChanged(undefined);\r\n        } else if ((e.key === 'Enter' || e.key === ' ') && focused !== null && e.target !== actionButtonRef?.current) {\r\n          e.preventDefault();\r\n          const focusedElement = elRefs[focused];\r\n          if (focusedElement) {\r\n            focusedElement.current?.click();\r\n          }\r\n          if (onActiveDescendantChanged) onActiveDescendantChanged(undefined);\r\n        }\r\n      }\r\n    };\r\n\r\n    React.useEffect(() => {\r\n      document.addEventListener('keydown', handleKeyDown);\r\n      return () => {\r\n        document.removeEventListener('keydown', handleKeyDown);\r\n      };\r\n  }, []);\r\n\r\n    const scrollPosition = React.useRef<number | undefined>(0);\r\n    const handleScroll = () => {\r\n      scrollPosition.current = itemsListRef.current?.scrollTop;\r\n    };\r\n    React.useLayoutEffect(() => {\r\n      if (itemsListRef.current) itemsListRef.current.scrollTop = scrollPosition.current ?? 0;\r\n    }, [selectedValues]);\r\n\r\n    const getCorrectRef = (ref: React.RefObject<HTMLElement>): React.RefObject<HTMLElement> => {\r\n      switch (customizationProps.itemsType) {\r\n        case 'normal':\r\n          return (ref as React.RefObject<HTMLButtonElement>) || React.createRef<HTMLButtonElement>();\r\n        default:\r\n          return (ref as React.RefObject<HTMLDivElement>) || React.createRef<HTMLDivElement>();\r\n      }\r\n    };\r\n\r\n    const arrLength = getFilteredItems().length;\r\n    const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLElement>[]>([]);\r\n\r\n    React.useEffect(() => {\r\n      if (elRefs?.length !== arrLength) {\r\n        setFocused(null);\r\n      }\r\n\r\n      setElRefs((elRefs) =>\r\n        Array(arrLength + 1)\r\n          .fill(null)\r\n          .map((_, i) => getCorrectRef(elRefs[i])),\r\n      );\r\n    }, [isOpen, arrLength]);\r\n\r\n    React.useLayoutEffect(() => {\r\n      isOpen && !locationDefined && determineDropUp();\r\n    }, [isOpen, locationDefined]);\r\n\r\n    const haveTopItem = () => {\r\n      if (!customizationProps.pinTopItem) return false;\r\n\r\n      if (customizationProps.itemsType === 'radio' && selectedValues && selectedValues?.length > 0) return true;\r\n      else if (customizationProps.itemsType === 'checkbox' && (customizationProps.multiSelect || selectedValues?.length > 0)) return true;\r\n      else if (customizationProps.itemsType === 'normal' && getSuggestions()?.length > 0) return true;\r\n      return false;\r\n    };\r\n\r\n    const getSuggestions = () => {\r\n      return getFilteredItems().filter((x) => x.suggestion);\r\n    };\r\n\r\n    /**\r\n     * when dropdown opens set correct position of focused item\r\n     * */\r\n    React.useLayoutEffect(() => {\r\n      if (isOpen && (focused || focused === 0)) {\r\n        setNewFocusedElement(focused === 0 && !haveTopItem() ? 1 : focused);\r\n      }\r\n    }, [isOpen, focused]);\r\n\r\n    /**\r\n     * Reset dropdown content state on close\r\n     * */\r\n    React.useEffect(() => {\r\n      if (!isOpen) {\r\n        setLocationDefined(false);\r\n        for (let elRef of elRefs) {\r\n          elRef.current?.classList.remove('dropdown-hover');\r\n        }\r\n        setFocused(null);\r\n        if(onActiveDescendantChanged) onActiveDescendantChanged(undefined);\r\n        dropdownContentRef.current?.classList.remove('outline');\r\n        dropdownContentRef.current?.blur();\r\n      } else {\r\n        if (outline) {\r\n          dropdownContentRef.current?.classList.add('outline');\r\n          dropdownContentRef.current?.focus();\r\n        }\r\n      }\r\n    }, [isOpen, dropdownContentRef, focused, outline]);\r\n\r\n    /**\r\n     * Scroll item container to top when dropdown opens\r\n     * */\r\n    React.useEffect(() => {\r\n      if (isOpen && itemsListRef.current) {\r\n        itemsListRef.current.scrollTop = 0;\r\n      }\r\n    }, [isOpen]);\r\n\r\n    React.useEffect(() => {\r\n      if (isOpen) {\r\n        const observer = new IntersectionObserver(function (entries) {\r\n          if (!entries[0].isIntersecting) {\r\n            setIsOpen(false);\r\n            //@ts-ignore\r\n            document?.activeElement?.blur();\r\n          }\r\n        }, {threshold: [0], rootMargin: '8px'});\r\n\r\n        observer.observe(containerRef.current!);\r\n\r\n        calculateOffset();\r\n        window.addEventListener('scroll', calculateOffset, true);\r\n        window.addEventListener('resize', calculateOffset);\r\n\r\n        return () => {\r\n          observer.disconnect();\r\n          window.removeEventListener('scroll', calculateOffset, true);\r\n          window.removeEventListener('resize', calculateOffset);\r\n        }\r\n      }\r\n      return () => {};\r\n    }, [isOpen]);\r\n\r\n    const handleItemClick = (selected: boolean, item: DropdownItem) => {\r\n      let newValue: string[] = [];\r\n      if (customizationProps.multiSelect) {\r\n        if (selected) newValue = [...selectedValues, item.value];\r\n        else newValue = selectedValues.filter((x) => x != item.value);\r\n      } else newValue = selected ? [item.value] : [];\r\n\r\n      setSelectedValues(newValue);\r\n      if (customizationProps.onValueUpdate && customizationProps.onValueUpdate(newValue)) {\r\n        setIsOpen(false);\r\n      }\r\n    };\r\n\r\n    const getTopItem = () => {\r\n      if (!customizationProps.pinTopItem) return;\r\n      const visibleItems = getFilteredItems();\r\n      const allSelected = selectedValues?.filter((x) => visibleItems.some((y) => y.value == x)).length == visibleItems.length;\r\n      let showTopItem = false;\r\n      const suggestions = getSuggestions();\r\n      const displayLabel = selectedValues[0] ? customizationProps.items?.find((c) => c.value === selectedValues[0])?.displayLabel : undefined;\r\n      if (customizationProps.itemsType == 'radio' && selectedValues && selectedValues?.length > 0) showTopItem = true;\r\n      else if (customizationProps.itemsType == 'checkbox' && (customizationProps.multiSelect || selectedValues?.length > 0)) showTopItem = true;\r\n      else if (customizationProps.itemsType == 'normal' && suggestions.length > 0) showTopItem = true;\r\n\r\n      if (!showTopItem) return;\r\n\r\n      const selectedFirst = selectedValues.length > 0 ? visibleItems.find((x) => x.value == selectedValues[0]) : null;\r\n\r\n      return (\r\n        <DropdownContentTopItemContainer size={size}>\r\n          {customizationProps.itemsType === 'radio' && (\r\n            <RadioButton\r\n              ref={elRefs[0] as React.RefObject<HTMLDivElement>}\r\n              role='menuitemradio'\r\n              iconPointerEventsTransparent={true}\r\n              onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\r\n              tabIndexVal={-1}\r\n              className={`${focused === 0 ? 'dropdown-hover' : ''}`}\r\n              select={() => {}}\r\n              label={selectedFirst?.displayLabel ?? selectedFirst?.value}\r\n              size={size}\r\n              id={`${id}_topitem`}\r\n              selected={true}\r\n            />\r\n          )}\r\n          {customizationProps.itemsType === 'checkbox' && (\r\n            <Checkbox\r\n              ref={elRefs[0] as React.RefObject<HTMLDivElement>}\r\n              role='menuitemcheckbox'\r\n              tabIndexVal={-1}\r\n              className={`${focused === 0 ? 'dropdown-hover' : ''}`}\r\n              select={(selected: boolean) => {\r\n                if (!customizationProps.multiSelect) return;\r\n\r\n                const newValues = selected ? visibleItems.map((x) => x.value) : [];\r\n                setSelectedValues(newValues);\r\n                if (customizationProps.onValueUpdate && customizationProps.onValueUpdate(newValues)) setIsOpen(false);\r\n              }}\r\n              onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\r\n              iconPointerEventsTransparent={true}\r\n              semiSelected={customizationProps.multiSelect && !allSelected && selectedValues?.length > 0}\r\n              size={size}\r\n              id={`${id}_checkbox_selectall`}\r\n              label={customizationProps.multiSelect ? 'Select all' : selectedFirst?.displayLabel ?? selectedFirst?.value}\r\n              selected={!customizationProps.multiSelect || allSelected}\r\n            />\r\n          )}\r\n          {customizationProps.itemsType === 'normal' && (\r\n            <>\r\n              {suggestions.map((x) => (\r\n                <MenuItem\r\n                  role={ariaRolesType == 'input' ? 'option' : 'menu'} \r\n                  key={`${id}_topitem_${x.value}`}\r\n                  item={x}\r\n                  size={size}\r\n                  active={false}\r\n                  tabIndex={-1}\r\n                  onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\r\n                  className={`${focused === 0 ? 'dropdown-hover' : ''}`}\r\n                  ref={elRefs[0] as React.RefObject<HTMLButtonElement>}\r\n                  id={`${id}_topitem`}\r\n                  onClickHandler={(e: any) => {\r\n                    e.stopPropagation();\r\n                    customizationProps.onValueUpdate([x.value]);\r\n                    setSelectedValues([x.value]);\r\n                    setIsOpen(false);\r\n                    setFocused(null);\r\n                  }}\r\n                />\r\n              ))}\r\n            </>\r\n          )}\r\n        </DropdownContentTopItemContainer>\r\n      );\r\n    };\r\n\r\n    const getElements = (messageOnNoResults: string, size: Size) => {\r\n      if (getFilteredItems().length === 0) {\r\n        return <MenuItem item={{ value: messageOnNoResults, disabled: true }} size={size} id=\"noResultsFound\" active={false} onClickHandler={(e) => {}} />;\r\n      }\r\n      return (\r\n        <DropdownContentItemsContainer size={size}>\r\n          {getFilteredItems()\r\n            .filter((x) => x && (customizationProps.itemsType != 'normal' || !x.suggestion))\r\n            .map((item, index) => {\r\n              return (\r\n                <React.Fragment key={`key_${id}_${item.value}`}>\r\n                  {item.customContent}\r\n                  {!item.customContent && customizationProps.itemsType == 'radio' && (\r\n                    <RadioButton\r\n                      role='menuitemradio'\r\n                      select={(selected: boolean) => handleItemClick(selected, item)}\r\n                      ref={elRefs[index + 1] as React.RefObject<HTMLDivElement>}\r\n                      size={size}\r\n                      tabIndexVal={-1}\r\n                      className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\r\n                      iconPointerEventsTransparent={true}\r\n                      disabled={item?.disabled}\r\n                      key={`key_${id}_${index + 1}`}\r\n                      onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\r\n                      id={`${id}_${index + 1}`}\r\n                      label={item.displayLabel ?? item.value}\r\n                      selected={selectedValues?.includes(item.value)}\r\n                    />\r\n                  )}\r\n                  {!item.customContent && customizationProps.itemsType == 'checkbox' && (\r\n                    <Checkbox\r\n                      role='menuitemcheckbox'\r\n                      select={(selected: boolean) => handleItemClick(selected, item)}\r\n                      iconPointerEventsTransparent={true}\r\n                      disabled={item?.disabled}\r\n                      className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\r\n                      ref={elRefs[index + 1] as React.RefObject<HTMLDivElement>}\r\n                      size={size}\r\n                      tabIndexVal={-1}\r\n                      key={`key_${id}_${index + 1}`}\r\n                      onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\r\n                      id={`${id}_${index + 1}`}\r\n                      label={item.displayLabel ?? item.value}\r\n                      selected={selectedValues?.includes(item.value)}\r\n                    />\r\n                  )}\r\n                  {!item.customContent && (customizationProps.itemsType == 'normal' || !customizationProps.itemsType) && (\r\n                    <MenuItem\r\n                      role={ariaRolesType == 'input' ? 'option' : 'menu'} \r\n                      key={`key_${id}_${index + 1}`}\r\n                      id={`${id}_${index + 1}`}\r\n                      item={item}\r\n                      tabIndex={-1}\r\n                      className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\r\n                      size={size}\r\n                      onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\r\n                      active={selectedValues?.includes(item.value)}\r\n                      ref={elRefs[index + 1] as React.RefObject<HTMLButtonElement>}\r\n                      onClickHandler={(e: any) => {\r\n                        e.stopPropagation();\r\n                        customizationProps.onValueUpdate([item.value]);\r\n                        setSelectedValues([item.value]);\r\n                        setIsOpen(false);\r\n                        setFocused(null);\r\n                      }}\r\n                    />\r\n                  )}\r\n                </React.Fragment>\r\n              );\r\n            })}\r\n        </DropdownContentItemsContainer>\r\n      );\r\n    };\r\n\r\n    const calculateOffset = () => {\r\n      const rect = containerRef?.current?.getBoundingClientRect();\r\n      if (rect) {\r\n        dropdownContentRef.current.style.left = `${rect.x + rect.width}px`;\r\n        dropdownContentRef.current.style.top = `${rect.y + rect.height}px`;\r\n        dropdownContentRef.current.style.width = width ?? `${rect.width}px`;\r\n      }\r\n      determineDropUp();\r\n    };\r\n\r\n    const cls = `${isOpen ? 'show' : ''} ${isOpen && outline ? 'outline' : ''} ${locationDefined ? (isUp ? 'up' : 'down') : ''}`;\r\n\r\n    return (\r\n      <Overlay>\r\n        <DropdownContentContainer\r\n          role={ariaRolesType == \"menu\" ? \"menu\" : \"optionlist\"}\r\n          ref={dropdownContentRef}\r\n          size={size}\r\n          offsetTop={offset.top}\r\n          id={id}\r\n          offsetLeft={offset.left}\r\n          tabIndex={-1}\r\n          isButton={isButton}\r\n          alignLeft={alignLeft}\r\n          scrollable={customizationProps.scrollable}\r\n          maxHeight={customizationProps.maxHeight}\r\n          className={cls}>\r\n          <DropdownContentListContainer\r\n            role=\"group\"\r\n            size={size}\r\n            itemsType={customizationProps.itemsType}\r\n            onScroll={handleScroll}\r\n            ref={itemsListRef}\r\n            outline={outline}\r\n            scrollable={customizationProps.scrollable}>\r\n            {customizationProps.menuContent && (\r\n              <DropdownContentMenuContentContainer size={size}>\r\n                {customizationProps.menuContent}\r\n                <DividerContainer size={size}>\r\n                  <div className=\"divider\" />\r\n                </DividerContainer>\r\n              </DropdownContentMenuContentContainer>\r\n            )}\r\n            {customizationProps.pinTopItem && getTopItem()}\r\n            {getElements(messageOnNoResults, size)}\r\n          </DropdownContentListContainer>\r\n          {customizationProps.action && customizationProps.actionLabel && (\r\n            <DropdownContentActionButtonContainer size={size} scrollable={customizationProps.scrollable}>\r\n              <Button\r\n                width=\"100%\"\r\n                role=\"menuitem\"\r\n                icon={customizationProps.actionIcon}\r\n                ref={actionButtonRef}\r\n                loading={customizationProps.actionLoading}\r\n                disabled={customizationProps.actionDisabled}\r\n                variant={customizationProps.actionVariant ?? 'primary'}\r\n                size={size}\r\n                onClick={() => customizationProps.action() && setIsOpen(false)}>\r\n                {customizationProps.actionLabel}\r\n              </Button>\r\n            </DropdownContentActionButtonContainer>\r\n          )}\r\n        </DropdownContentContainer>\r\n      </Overlay>\r\n    );\r\n  },\r\n);\r\n\r\nexport default DropdownContent;\r\n"],"mappings":"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"}
+{"version":3,"file":"DropdownContent.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_Button","_types","_CommonStyling","_typography","_styles","_InputFields","_zIndexes","_MenuItem","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_createForOfIteratorHelper","r","e","t","Symbol","iterator","Array","isArray","_unsupportedIterableToArray","length","_n","F","s","n","done","value","f","TypeError","o","a","u","call","next","_arrayLikeToArray","toString","slice","constructor","name","from","test","MAX_MENU_HEIGHT","AVG_OPTION_HEIGHT","OFFSET_BEFORE_SHOW","DropdownContentContainer","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","Z_INDEXES","dropdown","isButton","concat","offsetLeft","offsetTop","DropdownContentButtonStyling","size","Size","Large","Medium","scrollable","maxHeight","exports","DropdownContentItemsContainer","hover","active","focus","DropdownContentListContainer","itemsType","scrollBarStyling","Small","DropdownContentMenuContentContainer","ComponentXLStyling","ComponentTextStyle","Bold","ComponentLStyling","ComponentMStyling","Regular","ComponentSStyling","DividerContainer","DropdownContentTopItemContainer","DropdownContentActionButtonContainer","Overlay","modal","DropdownContent","React","forwardRef","_ref","ref","_ref2","_customizationProps$a","id","customizationProps","alignLeft","isOpen","width","setIsOpen","filter","focused","setFocused","selectedValues","setSelectedValues","messageOnNoResults","outline","containerRef","onActiveDescendantChanged","_ref$ariaRolesType","ariaRolesType","_React$useState","useState","_React$useState2","_slicedToArray2","isUp","setIsUp","_React$useState3","_React$useState4","locationDefined","setLocationDefined","_React$useState5","top","left","_React$useState6","offset","setOffset","dropdownContentRef","useRef","itemsListRef","actionButtonRef","determineDropUp","options","items","rect","current","getBoundingClientRect","windowHeight","window","innerHeight","menuHeight","Math","min","instOffsetWithMenu","height","up","setNewFocusedElement","index","_dropdownContentRef$c","newFocusedElement","elRefs","oldFocusedElement","_oldFocusedElement$cu","_newFocusedElement$cu","_newFocusedElement$cu2","classList","remove","add","scrollIntoView","block","inline","getFilteredItems","filtrationString","toUpperCase","x","_x$value","_x$displayLabel","includes","displayLabel","findNextActiveIndex","direction","i","_items","disabled","handleKeyDown","key","preventDefault","focusedNow","arrLength","haveTopItem","undefined","target","focusedElement","_focusedElement$curre","click","useEffect","document","addEventListener","removeEventListener","scrollPosition","handleScroll","_itemsListRef$current","scrollTop","useLayoutEffect","_scrollPosition$curre","getCorrectRef","createRef","_React$useState7","_React$useState8","setElRefs","fill","map","_","_getSuggestions","pinTopItem","multiSelect","getSuggestions","suggestion","_dropdownContentRef$c2","_dropdownContentRef$c3","_iterator","_step","_elRef$current","elRef","err","blur","_dropdownContentRef$c4","_dropdownContentRef$c5","observer","IntersectionObserver","entries","isIntersecting","_document","_document$activeEleme","activeElement","threshold","rootMargin","observe","calculateOffset","disconnect","handleItemClick","selected","item","newValue","_toConsumableArray2","onValueUpdate","getTopItem","_customizationProps$i","_customizationProps$i2","_selectedFirst$displa","_selectedFirst$displa2","visibleItems","allSelected","some","y","showTopItem","suggestions","find","c","selectedFirst","jsxs","children","jsx","RadioButton","role","iconPointerEventsTransparent","onFocus","tabIndexVal","className","select","label","Checkbox","newValues","semiSelected","Fragment","tabIndex","onClickHandler","stopPropagation","getElements","_item$displayLabel","_item$displayLabel2","customContent","_containerRef$current","style","cls","onScroll","menuContent","action","actionLabel","icon","actionIcon","loading","actionLoading","actionDisabled","variant","actionVariant","onClick","propTypes","_propTypes","bool","isRequired","shape","oneOf","node","string","func","arrayOf","noteLabel","showDividerAbove","locked","oneOfType","number","_default"],"sources":["../../src/Dropdown/DropdownContent.tsx"],"sourcesContent":["import React, { MutableRefObject } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport Button from '../Button/Button';\r\nimport { Size } from '../types';\r\nimport { DropdownContentButtonStyling } from './CommonStyling';\r\nimport { ComponentLStyling, ComponentXLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\r\nimport { COLORS, focusStyles, scrollBarStyling } from '../styles';\r\nimport { Checkbox, RadioButton } from '../InputFields';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\nimport MenuItem from '../MenuItem/MenuItem';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\nimport ReactDOM from 'react-dom';\r\n\r\nconst MAX_MENU_HEIGHT = 240;\r\nconst AVG_OPTION_HEIGHT = 48;\r\nconst OFFSET_BEFORE_SHOW = 1000000;\r\n\r\nexport const DropdownContentContainer = styled.div<{ offsetTop: string; offsetLeft: string; isButton: boolean; alignLeft?: boolean; size?: Size; scrollable?: boolean; maxHeight?: string }>`\r\n  display: none;\r\n  pointer-events: auto;\r\n  position: absolute;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  z-index: ${Z_INDEXES.dropdown};\r\n  margin: ${(props) => (props.isButton ? '-4px' : '4px 0px')};\r\n\r\n  &.show {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    &.down,\r\n    &.up {\r\n      ${(props) => `transform: translate(${props.offsetLeft}, ${props.offsetTop});`}\r\n    }\r\n  }\r\n\r\n  transform: translate(-${OFFSET_BEFORE_SHOW}px, -${OFFSET_BEFORE_SHOW}px);\r\n\r\n  &.outline:focus:after {\r\n    content: '';\r\n    pointer-events: none;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    outline: 4px solid black;\r\n    outline-offset: 2px;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  ${(props) => (props.isButton ? DropdownContentButtonStyling : '')};\r\n\r\n  border: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  box-sizing: border-box;\r\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\r\n  padding: 4px 0px;\r\n\r\n  min-width: ${(props) => (props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px')};\r\n  border-radius: ${(props) => (props.size == Size.Large ? '10px' : props.size == Size.Medium ? '8px' : '6px')};\r\n\r\n  max-height: ${(props) => (!props.scrollable ? 'auto' : props.maxHeight ? props.maxHeight : props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px')};\r\n`;\r\n\r\nexport const DropdownContentItemsContainer = styled.div<{ size?: Size }>`\r\n  > *:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  > *:active,\r\n  > *.active {\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  > *:focus {\r\n    z-index: ${Z_INDEXES.focus};\r\n  }\r\n`;\r\n\r\nexport const DropdownContentListContainer = styled.div<{ scrollable?: boolean; size?: Size; itemsType?: string; outline?: boolean }>`\r\n  ${(props) => (props.scrollable ? 'overflow-y: scroll;' : '')}\r\n  ${(props) => (props.scrollable ? 'margin-right: 6px;' : '')}\r\n  ${(props) => (props.scrollable ? 'padding-right: 6px;' : '')}\r\n  ${(props) => (props.itemsType != 'normal' ? 'margin-left: 4px;' : '')}\r\n  div.divider {\r\n    display: block;\r\n    width: calc(100% - 40px);\r\n    margin-left: 16px;\r\n    border-top: 1px solid #e5e5e5;\r\n    position: absolute;\r\n    top: 0px;\r\n  }\r\n\r\n  ${DropdownContentItemsContainer} {\r\n    padding-top: ${(props) => (props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px')};\r\n    padding-bottom: ${(props) => (props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px')};\r\n\r\n    word-break: break-word;\r\n  }\r\n\r\n  *:focus {\r\n    outline: none !important;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst DropdownContentMenuContentContainer = styled.div<{ size?: Size }>`\r\n  h1,\r\n  h2,\r\n  h3 {\r\n    margin-block-start: 0px;\r\n    margin-block-end: 0px;\r\n    ${(props) => props.size == Size.Large && ComponentXLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n    ${(props) => props.size == Size.Medium && ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n    ${(props) => (props.size == Size.Small || !props.size) && ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n    padding: ${(props) => (props.size == Size.Small || !props.size ? '10px 16px 6px' : props.size == Size.Medium ? '16px 24px 8px' : '16px 32px 8px')};\r\n  }\r\n\r\n  p {\r\n    margin-block-start: 0px;\r\n    margin-block-end: 0px;\r\n    ${(props) => props.size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n    ${(props) => props.size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n    ${(props) => (props.size == Size.Small || !props.size) && ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n    padding: ${(props) => (props.size == Size.Small || !props.size ? '8px 16px' : props.size == Size.Medium ? '12px 24px' : '16px 32px')};\r\n  }\r\n`;\r\n\r\nconst DividerContainer = styled.div<{ size?: Size }>`\r\n  position: relative;\r\n\r\n  margin-top: ${(props) => (props.size == Size.Large ? '16px' : props.size == Size.Medium ? '12px' : props.size == Size.Small || !props.size ? '8px' : '6px')};\r\n\r\n  div.divider {\r\n    width: 100%;\r\n    margin: 0px;\r\n  }\r\n`;\r\n\r\nconst DropdownContentTopItemContainer = styled.div<{ size?: Size }>`\r\n  border-bottom-style: solid;\r\n  border-bottom-color: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-bottom-width: 1px;\r\n  margin-right: 22px;\r\n`;\r\n\r\nconst DropdownContentActionButtonContainer = styled.div<{ size?: Size; scrollable?: boolean }>`\r\n  ${(props) => (props.scrollable ? `border-top: 1px solid  ${COLORS.getColor('neutral_200', props.theme)};` : '')}\r\n  ${(props) => (props.scrollable ? 'margin-top: 4px;' : '')}\r\n\r\n  padding: ${(props) => (props.size === Size.Small || !props.size ? '4px 16px 0px' : props.size === Size.Medium ? '12px 16px 8px' : '16px 16px 12px')};\r\n\r\n  button {\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nconst Overlay = styled.div`\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  pointer-events: none;\r\n  z-index: ${Z_INDEXES.modal};\r\n`;\r\n\r\nexport interface DropdownItem {\r\n  /** Required. Value of the DropdownItem. */\r\n  value: string;\r\n  /** Optional. Display label to show in the MenuItem. If not provided then 'value' will be used as label. */\r\n  displayLabel?: string;\r\n  /** Optional. Note label to be shown under the Display label in the MenuItem. */\r\n  noteLabel?: string;\r\n  /**  */\r\n  suggestion?: boolean;\r\n  /** Optional. Show dividing line on the top of the item. */\r\n  showDividerAbove?: boolean;\r\n  /** Optional. If disabled user can not interact with the item. */\r\n  disabled?: boolean;\r\n  /** Optional. If item is locked then user can not interact with the item and 'lock' icon is shown on the right side of the item. */\r\n  locked?: boolean;\r\n  /** Optional. Icon to be shown on the left side of the menu item */\r\n  icon?: React.ReactNode;\r\n  /**  */\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nexport interface DropdownCustomizationProps {\r\n  itemsType?: 'radio' | 'checkbox' | 'normal';\r\n  menuContent?: React.ReactNode;\r\n  scrollable?: boolean;\r\n  multiSelect?: boolean;\r\n  maxHeight?: string;\r\n  actionLabel?: string;\r\n  actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;\r\n  actionIcon?: React.ReactNode;\r\n  actionLoading?: boolean;\r\n  actionDisabled?: boolean;\r\n  action: () => boolean | void | undefined;\r\n  pinTopItem?: boolean;\r\n  onValueUpdate: (values: string[]) => boolean | void | undefined;\r\n  items: DropdownItem[];\r\n}\r\n\r\nexport interface DropdownProps {\r\n  isButton: boolean;\r\n  customizationProps: DropdownCustomizationProps;\r\n  alignLeft?: boolean;\r\n  isOpen: boolean;\r\n  setIsOpen: (open: boolean) => void;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  id: string;\r\n  filter: string;\r\n  width?: string;\r\n  onActiveDescendantChanged?: (descendantId?: string) => void;\r\n  selectedValues: string[];\r\n  setSelectedValues: (val: string[]) => void;\r\n  messageOnNoResults: string;\r\n  focused: number | null;\r\n  setFocused: (focused: number | null) => void;\r\n  outline?: boolean;\r\n  containerRef: React.RefObject<HTMLDivElement>;\r\n  ariaRolesType?: 'input' | 'menu';\r\n}\r\n\r\nconst DropdownContent = React.forwardRef<HTMLDivElement, DropdownProps>(\r\n  (\r\n    {\r\n      id,\r\n      customizationProps,\r\n      alignLeft,\r\n      isButton,\r\n      size,\r\n      isOpen,\r\n      width,\r\n      setIsOpen,\r\n      filter,\r\n      focused,\r\n      setFocused,\r\n      selectedValues,\r\n      setSelectedValues,\r\n      messageOnNoResults,\r\n      outline,\r\n      containerRef,\r\n      onActiveDescendantChanged,\r\n      ariaRolesType = 'menu',\r\n    },\r\n    ref,\r\n  ) => {\r\n    const [isUp, setIsUp] = React.useState<boolean>(false);\r\n    const [locationDefined, setLocationDefined] = React.useState<boolean>(false);\r\n    const [offset, setOffset] = React.useState<{ top: string; left: string }>({ top: '0', left: '0' });\r\n\r\n    const dropdownContentRef = (ref as MutableRefObject<HTMLDivElement>) ?? React.useRef<HTMLDivElement>(null);\r\n\r\n    if (!customizationProps.itemsType) customizationProps.itemsType = 'normal';\r\n    if (!size) size = Size.Small;\r\n\r\n    const itemsListRef = React.useRef<HTMLDivElement>(null);\r\n    const actionButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n    const determineDropUp = () => {\r\n      const options = customizationProps.items;\r\n\r\n      const rect = containerRef.current!.getBoundingClientRect();\r\n\r\n      const windowHeight = window.innerHeight;\r\n      const menuHeight = Math.min(MAX_MENU_HEIGHT, options.length * AVG_OPTION_HEIGHT);\r\n      const instOffsetWithMenu = rect.top + rect.height + menuHeight;\r\n\r\n      const up = instOffsetWithMenu >= windowHeight;\r\n\r\n      setOffset({\r\n        top: up ? `calc(-100% - ${rect.height}px ${isButton ? '' : '- 8px'})` : '0',\r\n        left: alignLeft ? `calc(-${rect.width}px)` : `calc(-100%)`,\r\n      });\r\n\r\n      setIsUp(up);\r\n      setLocationDefined(true);\r\n    };\r\n\r\n    const setNewFocusedElement = (index: number) => {\r\n      if (outline) dropdownContentRef.current?.focus();\r\n\r\n      const newFocusedElement = elRefs[index];\r\n      if (onActiveDescendantChanged) onActiveDescendantChanged(index == 0 ? `${id}_topitem` : `${id}_${index}`);\r\n\r\n      const oldFocusedElement = focused || focused === 0 ? elRefs[focused] : null;\r\n      if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\r\n        setFocused(index);\r\n        oldFocusedElement?.current?.classList.remove('dropdown-hover');\r\n\r\n        newFocusedElement.current?.classList.add('dropdown-hover');\r\n        newFocusedElement.current?.scrollIntoView({\r\n          block: 'nearest',\r\n          inline: 'nearest',\r\n        });\r\n      }\r\n    };\r\n\r\n    const getFilteredItems = () => {\r\n      const filtrationString = (filter ?? '').toUpperCase();\r\n      return customizationProps.items.filter((x) => x?.value?.toUpperCase().includes(filtrationString) || x?.displayLabel?.toUpperCase().includes(filtrationString));\r\n    };\r\n\r\n    const findNextActiveIndex = (index: number, direction: number, items: DropdownItem[]) => {\r\n      for (let i = index + direction; i > 0 && i <= items.length; i += direction) {\r\n        if (!items[i - 1]?.disabled) {\r\n          return i;\r\n        }\r\n      }\r\n\r\n      return index;\r\n    };\r\n\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (isOpen) {\r\n        if (e.key === 'ArrowUp' || e.key === 'Up') {\r\n          e.preventDefault();\r\n          let focusedNow = focused || focused === 0 ? focused : arrLength + 1;\r\n          if (!!focusedNow) {\r\n            focusedNow = focusedNow === 1 && haveTopItem() ? 0 : findNextActiveIndex(focusedNow, -1, getFilteredItems());\r\n\r\n            setNewFocusedElement(focusedNow);\r\n          }\r\n        } else if (e.key === 'ArrowDown' || e.key === 'Down') {\r\n          e.preventDefault();\r\n          let focusedNow = focused;\r\n\r\n          focusedNow = !!focusedNow || focusedNow === 0 ? findNextActiveIndex(focusedNow, 1, getFilteredItems()) : haveTopItem() ? 0 : 1;\r\n\r\n          setNewFocusedElement(focusedNow);\r\n        } else if (e.key === 'Escape' || e.key === 'Esc') {\r\n          setIsOpen(false);\r\n          setFocused(null);\r\n          if (onActiveDescendantChanged) onActiveDescendantChanged(undefined);\r\n        } else if ((e.key === 'Enter' || e.key === ' ') && focused !== null && e.target !== actionButtonRef?.current) {\r\n          e.preventDefault();\r\n          const focusedElement = elRefs[focused];\r\n          if (focusedElement) {\r\n            focusedElement.current?.click();\r\n          }\r\n          if (onActiveDescendantChanged) onActiveDescendantChanged(undefined);\r\n        }\r\n      }\r\n    };\r\n\r\n    React.useEffect(() => {\r\n      document.addEventListener('keydown', handleKeyDown);\r\n      return () => {\r\n        document.removeEventListener('keydown', handleKeyDown);\r\n      };\r\n  }, []);\r\n\r\n    const scrollPosition = React.useRef<number | undefined>(0);\r\n    const handleScroll = () => {\r\n      scrollPosition.current = itemsListRef.current?.scrollTop;\r\n    };\r\n    React.useLayoutEffect(() => {\r\n      if (itemsListRef.current) itemsListRef.current.scrollTop = scrollPosition.current ?? 0;\r\n    }, [selectedValues]);\r\n\r\n    const getCorrectRef = (ref: React.RefObject<HTMLElement>): React.RefObject<HTMLElement> => {\r\n      switch (customizationProps.itemsType) {\r\n        case 'normal':\r\n          return (ref as React.RefObject<HTMLButtonElement>) || React.createRef<HTMLButtonElement>();\r\n        default:\r\n          return (ref as React.RefObject<HTMLDivElement>) || React.createRef<HTMLDivElement>();\r\n      }\r\n    };\r\n\r\n    const arrLength = getFilteredItems().length;\r\n    const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLElement>[]>([]);\r\n\r\n    React.useEffect(() => {\r\n      if (elRefs?.length !== arrLength) {\r\n        setFocused(null);\r\n      }\r\n\r\n      setElRefs((elRefs) =>\r\n        Array(arrLength + 1)\r\n          .fill(null)\r\n          .map((_, i) => getCorrectRef(elRefs[i])),\r\n      );\r\n    }, [isOpen, arrLength]);\r\n\r\n    React.useLayoutEffect(() => {\r\n      isOpen && !locationDefined && determineDropUp();\r\n    }, [isOpen, locationDefined]);\r\n\r\n    const haveTopItem = () => {\r\n      if (!customizationProps.pinTopItem) return false;\r\n\r\n      if (customizationProps.itemsType === 'radio' && selectedValues && selectedValues?.length > 0) return true;\r\n      else if (customizationProps.itemsType === 'checkbox' && (customizationProps.multiSelect || selectedValues?.length > 0)) return true;\r\n      else if (customizationProps.itemsType === 'normal' && getSuggestions()?.length > 0) return true;\r\n      return false;\r\n    };\r\n\r\n    const getSuggestions = () => {\r\n      return getFilteredItems().filter((x) => x.suggestion);\r\n    };\r\n\r\n    /**\r\n     * when dropdown opens set correct position of focused item\r\n     * */\r\n    React.useLayoutEffect(() => {\r\n      if (isOpen && (focused || focused === 0)) {\r\n        setNewFocusedElement(focused === 0 && !haveTopItem() ? 1 : focused);\r\n      }\r\n    }, [isOpen, focused]);\r\n\r\n    /**\r\n     * Reset dropdown content state on close\r\n     * */\r\n    React.useEffect(() => {\r\n      if (!isOpen) {\r\n        setLocationDefined(false);\r\n        for (let elRef of elRefs) {\r\n          elRef.current?.classList.remove('dropdown-hover');\r\n        }\r\n        setFocused(null);\r\n        if(onActiveDescendantChanged) onActiveDescendantChanged(undefined);\r\n        dropdownContentRef.current?.classList.remove('outline');\r\n        dropdownContentRef.current?.blur();\r\n      } else {\r\n        if (outline) {\r\n          dropdownContentRef.current?.classList.add('outline');\r\n          dropdownContentRef.current?.focus();\r\n        }\r\n      }\r\n    }, [isOpen, dropdownContentRef, focused, outline]);\r\n\r\n    /**\r\n     * Scroll item container to top when dropdown opens\r\n     * */\r\n    React.useEffect(() => {\r\n      if (isOpen && itemsListRef.current) {\r\n        itemsListRef.current.scrollTop = 0;\r\n      }\r\n    }, [isOpen]);\r\n\r\n    React.useEffect(() => {\r\n      if (isOpen) {\r\n        const observer = new IntersectionObserver(function (entries) {\r\n          if (!entries[0].isIntersecting) {\r\n            setIsOpen(false);\r\n            //@ts-ignore\r\n            document?.activeElement?.blur();\r\n          }\r\n        }, {threshold: [0], rootMargin: '8px'});\r\n\r\n        observer.observe(containerRef.current!);\r\n\r\n        calculateOffset();\r\n        window.addEventListener('scroll', calculateOffset, true);\r\n        window.addEventListener('resize', calculateOffset);\r\n\r\n        return () => {\r\n          observer.disconnect();\r\n          window.removeEventListener('scroll', calculateOffset, true);\r\n          window.removeEventListener('resize', calculateOffset);\r\n        }\r\n      }\r\n      return () => {};\r\n    }, [isOpen]);\r\n\r\n    const handleItemClick = (selected: boolean, item: DropdownItem) => {\r\n      let newValue: string[] = [];\r\n      if (customizationProps.multiSelect) {\r\n        if (selected) newValue = [...selectedValues, item.value];\r\n        else newValue = selectedValues.filter((x) => x != item.value);\r\n      } else newValue = selected ? [item.value] : [];\r\n\r\n      setSelectedValues(newValue);\r\n      if (customizationProps.onValueUpdate && customizationProps.onValueUpdate(newValue)) {\r\n        setIsOpen(false);\r\n      }\r\n    };\r\n\r\n    const getTopItem = () => {\r\n      if (!customizationProps.pinTopItem) return;\r\n      const visibleItems = getFilteredItems();\r\n      const allSelected = selectedValues?.filter((x) => visibleItems.some((y) => y.value == x)).length == visibleItems.length;\r\n      let showTopItem = false;\r\n      const suggestions = getSuggestions();\r\n      const displayLabel = selectedValues[0] ? customizationProps.items?.find((c) => c.value === selectedValues[0])?.displayLabel : undefined;\r\n      if (customizationProps.itemsType == 'radio' && selectedValues && selectedValues?.length > 0) showTopItem = true;\r\n      else if (customizationProps.itemsType == 'checkbox' && (customizationProps.multiSelect || selectedValues?.length > 0)) showTopItem = true;\r\n      else if (customizationProps.itemsType == 'normal' && suggestions.length > 0) showTopItem = true;\r\n\r\n      if (!showTopItem) return;\r\n\r\n      const selectedFirst = selectedValues.length > 0 ? visibleItems.find((x) => x.value == selectedValues[0]) : null;\r\n\r\n      return (\r\n        <DropdownContentTopItemContainer size={size}>\r\n          {customizationProps.itemsType === 'radio' && (\r\n            <RadioButton\r\n              ref={elRefs[0] as React.RefObject<HTMLDivElement>}\r\n              role='menuitemradio'\r\n              iconPointerEventsTransparent={true}\r\n              onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\r\n              tabIndexVal={-1}\r\n              className={`${focused === 0 ? 'dropdown-hover' : ''}`}\r\n              select={() => {}}\r\n              label={selectedFirst?.displayLabel ?? selectedFirst?.value}\r\n              size={size}\r\n              id={`${id}_topitem`}\r\n              selected={true}\r\n            />\r\n          )}\r\n          {customizationProps.itemsType === 'checkbox' && (\r\n            <Checkbox\r\n              ref={elRefs[0] as React.RefObject<HTMLDivElement>}\r\n              role='menuitemcheckbox'\r\n              tabIndexVal={-1}\r\n              className={`${focused === 0 ? 'dropdown-hover' : ''}`}\r\n              select={(selected: boolean) => {\r\n                if (!customizationProps.multiSelect) return;\r\n\r\n                const newValues = selected ? visibleItems.map((x) => x.value) : [];\r\n                setSelectedValues(newValues);\r\n                if (customizationProps.onValueUpdate && customizationProps.onValueUpdate(newValues)) setIsOpen(false);\r\n              }}\r\n              onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\r\n              iconPointerEventsTransparent={true}\r\n              semiSelected={customizationProps.multiSelect && !allSelected && selectedValues?.length > 0}\r\n              size={size}\r\n              id={`${id}_checkbox_selectall`}\r\n              label={customizationProps.multiSelect ? 'Select all' : selectedFirst?.displayLabel ?? selectedFirst?.value}\r\n              selected={!customizationProps.multiSelect || allSelected}\r\n            />\r\n          )}\r\n          {customizationProps.itemsType === 'normal' && (\r\n            <>\r\n              {suggestions.map((x) => (\r\n                <MenuItem\r\n                  role={ariaRolesType == 'input' ? 'option' : 'menu'} \r\n                  key={`${id}_topitem_${x.value}`}\r\n                  item={x}\r\n                  size={size}\r\n                  active={false}\r\n                  tabIndex={-1}\r\n                  onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\r\n                  className={`${focused === 0 ? 'dropdown-hover' : ''}`}\r\n                  ref={elRefs[0] as React.RefObject<HTMLButtonElement>}\r\n                  id={`${id}_topitem`}\r\n                  onClickHandler={(e: any) => {\r\n                    e.stopPropagation();\r\n                    customizationProps.onValueUpdate([x.value]);\r\n                    setSelectedValues([x.value]);\r\n                    setIsOpen(false);\r\n                    setFocused(null);\r\n                  }}\r\n                />\r\n              ))}\r\n            </>\r\n          )}\r\n        </DropdownContentTopItemContainer>\r\n      );\r\n    };\r\n\r\n    const getElements = (messageOnNoResults: string, size: Size.Small | Size.Medium | Size.Large) => {\r\n      if (getFilteredItems().length === 0) {\r\n        return <MenuItem item={{ value: messageOnNoResults, disabled: true }} size={size} id=\"noResultsFound\" active={false} onClickHandler={(e) => {}} />;\r\n      }\r\n      return (\r\n        <DropdownContentItemsContainer size={size}>\r\n          {getFilteredItems()\r\n            .filter((x) => x && (customizationProps.itemsType != 'normal' || !x.suggestion))\r\n            .map((item, index) => {\r\n              return (\r\n                <React.Fragment key={`key_${id}_${item.value}`}>\r\n                  {item.customContent}\r\n                  {!item.customContent && customizationProps.itemsType == 'radio' && (\r\n                    <RadioButton\r\n                      role='menuitemradio'\r\n                      select={(selected: boolean) => handleItemClick(selected, item)}\r\n                      ref={elRefs[index + 1] as React.RefObject<HTMLDivElement>}\r\n                      size={size}\r\n                      tabIndexVal={-1}\r\n                      className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\r\n                      iconPointerEventsTransparent={true}\r\n                      disabled={item?.disabled}\r\n                      key={`key_${id}_${index + 1}`}\r\n                      onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\r\n                      id={`${id}_${index + 1}`}\r\n                      label={item.displayLabel ?? item.value}\r\n                      selected={selectedValues?.includes(item.value)}\r\n                    />\r\n                  )}\r\n                  {!item.customContent && customizationProps.itemsType == 'checkbox' && (\r\n                    <Checkbox\r\n                      role='menuitemcheckbox'\r\n                      select={(selected: boolean) => handleItemClick(selected, item)}\r\n                      iconPointerEventsTransparent={true}\r\n                      disabled={item?.disabled}\r\n                      className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\r\n                      ref={elRefs[index + 1] as React.RefObject<HTMLDivElement>}\r\n                      size={size}\r\n                      tabIndexVal={-1}\r\n                      key={`key_${id}_${index + 1}`}\r\n                      onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\r\n                      id={`${id}_${index + 1}`}\r\n                      label={item.displayLabel ?? item.value}\r\n                      selected={selectedValues?.includes(item.value)}\r\n                    />\r\n                  )}\r\n                  {!item.customContent && (customizationProps.itemsType == 'normal' || !customizationProps.itemsType) && (\r\n                    <MenuItem\r\n                      role={ariaRolesType == 'input' ? 'option' : 'menu'} \r\n                      key={`key_${id}_${index + 1}`}\r\n                      id={`${id}_${index + 1}`}\r\n                      item={item}\r\n                      tabIndex={-1}\r\n                      className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\r\n                      size={size}\r\n                      onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\r\n                      active={selectedValues?.includes(item.value)}\r\n                      ref={elRefs[index + 1] as React.RefObject<HTMLButtonElement>}\r\n                      onClickHandler={(e: any) => {\r\n                        e.stopPropagation();\r\n                        customizationProps.onValueUpdate([item.value]);\r\n                        setSelectedValues([item.value]);\r\n                        setIsOpen(false);\r\n                        setFocused(null);\r\n                      }}\r\n                    />\r\n                  )}\r\n                </React.Fragment>\r\n              );\r\n            })}\r\n        </DropdownContentItemsContainer>\r\n      );\r\n    };\r\n\r\n    const calculateOffset = () => {\r\n      const rect = containerRef?.current?.getBoundingClientRect();\r\n      if (rect) {\r\n        dropdownContentRef.current.style.left = `${rect.x + rect.width}px`;\r\n        dropdownContentRef.current.style.top = `${rect.y + rect.height}px`;\r\n        dropdownContentRef.current.style.width = width ?? `${rect.width}px`;\r\n      }\r\n      determineDropUp();\r\n    };\r\n\r\n    const cls = `${isOpen ? 'show' : ''} ${isOpen && outline ? 'outline' : ''} ${locationDefined ? (isUp ? 'up' : 'down') : ''}`;\r\n\r\n    return (\r\n      <Overlay>\r\n        <DropdownContentContainer\r\n          role={ariaRolesType == \"menu\" ? \"menu\" : \"optionlist\"}\r\n          ref={dropdownContentRef}\r\n          size={size}\r\n          offsetTop={offset.top}\r\n          id={id}\r\n          offsetLeft={offset.left}\r\n          tabIndex={-1}\r\n          isButton={isButton}\r\n          alignLeft={alignLeft}\r\n          scrollable={customizationProps.scrollable}\r\n          maxHeight={customizationProps.maxHeight}\r\n          className={cls}>\r\n          <DropdownContentListContainer\r\n            role=\"group\"\r\n            size={size}\r\n            itemsType={customizationProps.itemsType}\r\n            onScroll={handleScroll}\r\n            ref={itemsListRef}\r\n            outline={outline}\r\n            scrollable={customizationProps.scrollable}>\r\n            {customizationProps.menuContent && (\r\n              <DropdownContentMenuContentContainer size={size}>\r\n                {customizationProps.menuContent}\r\n                <DividerContainer size={size}>\r\n                  <div className=\"divider\" />\r\n                </DividerContainer>\r\n              </DropdownContentMenuContentContainer>\r\n            )}\r\n            {customizationProps.pinTopItem && getTopItem()}\r\n            {getElements(messageOnNoResults, size)}\r\n          </DropdownContentListContainer>\r\n          {customizationProps.action && customizationProps.actionLabel && (\r\n            <DropdownContentActionButtonContainer size={size} scrollable={customizationProps.scrollable}>\r\n              <Button\r\n                width=\"100%\"\r\n                role=\"menuitem\"\r\n                icon={customizationProps.actionIcon}\r\n                ref={actionButtonRef}\r\n                loading={customizationProps.actionLoading}\r\n                disabled={customizationProps.actionDisabled}\r\n                variant={customizationProps.actionVariant ?? 'primary'}\r\n                size={size}\r\n                onClick={() => customizationProps.action() && setIsOpen(false)}>\r\n                {customizationProps.actionLabel}\r\n              </Button>\r\n            </DropdownContentActionButtonContainer>\r\n          )}\r\n        </DropdownContentContainer>\r\n      </Overlay>\r\n    );\r\n  },\r\n);\r\n\r\nexport default DropdownContent;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Dropdown/DropdownContent.d.ts

@@ -19,14 +19,23 @@ export declare const DropdownContentListContainer: import("styled-components").S
     outline?: boolean | undefined;
 }, never>;
 export interface DropdownItem {
+    /** Required. Value of the DropdownItem. */
     value: string;
+    /** Optional. Display label to show in the MenuItem. If not provided then 'value' will be used as label. */
     displayLabel?: string;
+    /** Optional. Note label to be shown under the Display label in the MenuItem. */
     noteLabel?: string;
+    /**  */
     suggestion?: boolean;
+    /** Optional. Show dividing line on the top of the item. */
     showDividerAbove?: boolean;
+    /** Optional. If disabled user can not interact with the item. */
     disabled?: boolean;
+    /** Optional. If item is locked then user can not interact with the item and 'lock' icon is shown on the right side of the item. */
     locked?: boolean;
+    /** Optional. Icon to be shown on the left side of the menu item */
     icon?: React.ReactNode;
+    /**  */
     customContent?: React.ReactNode;
 }
 export interface DropdownCustomizationProps {
@@ -51,7 +60,7 @@ export interface DropdownProps {
     alignLeft?: boolean;
     isOpen: boolean;
     setIsOpen: (open: boolean) => void;
-    size?: Size;
+    size?: Size.Small | Size.Medium | Size.Large;
     id: string;
     filter: string;
     width?: string;

package/dist/Dropdown/DropdownContent.js

@@ -3,9 +3,9 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import React from 'react';
 import styled from 'styled-components';
 import Button from '../Button/Button';
@@ -22,13 +22,17 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var MAX_MENU_HEIGHT = 240;
 var AVG_OPTION_HEIGHT = 48;
 var OFFSET_BEFORE_SHOW = 1000000;
-export var DropdownContentContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: none;\n  pointer-events: auto;\n  position: absolute;\n  background-color: ", ";\n\n  z-index: ", ";\n  margin: ", ";\n\n  &.show {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    &.down,\n    &.up {\n      ", "\n    }\n  }\n\n  transform: translate(-", "px, -", "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  ", ";\n\n  border: 1px solid ", ";\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: ", ";\n  border-radius: ", ";\n\n  max-height: ", ";\n"])), COLORS.white, Z_INDEXES.dropdown, function (props) {
+export var DropdownContentContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: none;\n  pointer-events: auto;\n  position: absolute;\n  background-color: ", ";\n\n  z-index: ", ";\n  margin: ", ";\n\n  &.show {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    &.down,\n    &.up {\n      ", "\n    }\n  }\n\n  transform: translate(-", "px, -", "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  ", ";\n\n  border: 1px solid ", ";\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: ", ";\n  border-radius: ", ";\n\n  max-height: ", ";\n"])), function (props) {
+  return COLORS.getColor('white', props.theme);
+}, Z_INDEXES.dropdown, function (props) {
   return props.isButton ? '-4px' : '4px 0px';
 }, function (props) {
   return "transform: translate(".concat(props.offsetLeft, ", ").concat(props.offsetTop, ");");
 }, OFFSET_BEFORE_SHOW, OFFSET_BEFORE_SHOW, function (props) {
   return props.isButton ? DropdownContentButtonStyling : '';
-}, COLORS.neutral_100, function (props) {
+}, function (props) {
+  return COLORS.getColor('neutral_100', props.theme);
+}, function (props) {
   return props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px';
 }, function (props) {
   return props.size == Size.Large ? '10px' : props.size == Size.Medium ? '8px' : '6px';
@@ -50,28 +54,30 @@ export var DropdownContentListContainer = styled.div(_templateObject3 || (_templ
   return props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px';
 }, scrollBarStyling(Size.Small));
 var DropdownContentMenuContentContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  h1,\n  h2,\n  h3 {\n    margin-block-start: 0px;\n    margin-block-end: 0px;\n    ", "\n    ", "\n    ", "\n    padding: ", ";\n  }\n\n  p {\n    margin-block-start: 0px;\n    margin-block-end: 0px;\n    ", "\n    ", "\n    ", "\n    padding: ", ";\n  }\n"])), function (props) {
-  return props.size == Size.Large && ComponentXLStyling(ComponentTextStyle.Bold, COLORS.neutral_500);
+  return props.size == Size.Large && ComponentXLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme));
 }, function (props) {
-  return props.size == Size.Medium && ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_500);
+  return props.size == Size.Medium && ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme));
 }, function (props) {
-  return (props.size == Size.Small || !props.size) && ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_500);
+  return (props.size == Size.Small || !props.size) && ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme));
 }, function (props) {
   return props.size == Size.Small || !props.size ? '10px 16px 6px' : props.size == Size.Medium ? '16px 24px 8px' : '16px 32px 8px';
 }, function (props) {
-  return props.size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_500);
+  return props.size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme));
 }, function (props) {
-  return props.size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_500);
+  return props.size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme));
 }, function (props) {
-  return (props.size == Size.Small || !props.size) && ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_500);
+  return (props.size == Size.Small || !props.size) && ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme));
 }, function (props) {
   return props.size == Size.Small || !props.size ? '8px 16px' : props.size == Size.Medium ? '12px 24px' : '16px 32px';
 });
 var DividerContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n\n  margin-top: ", ";\n\n  div.divider {\n    width: 100%;\n    margin: 0px;\n  }\n"])), function (props) {
   return props.size == Size.Large ? '16px' : props.size == Size.Medium ? '12px' : props.size == Size.Small || !props.size ? '8px' : '6px';
 });
-var DropdownContentTopItemContainer = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  border-bottom-style: solid;\n  border-bottom-color: ", ";\n  border-bottom-width: 1px;\n  margin-right: 22px;\n"])), COLORS.neutral_200);
+var DropdownContentTopItemContainer = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  border-bottom-style: solid;\n  border-bottom-color: ", ";\n  border-bottom-width: 1px;\n  margin-right: 22px;\n"])), function (props) {
+  return COLORS.getColor('neutral_200', props.theme);
+});
 var DropdownContentActionButtonContainer = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n\n  padding: ", ";\n\n  button {\n    width: 100%;\n  }\n"])), function (props) {
-  return props.scrollable ? "border-top: 1px solid  ".concat(COLORS.neutral_200, ";") : '';
+  return props.scrollable ? "border-top: 1px solid  ".concat(COLORS.getColor('neutral_200', props.theme), ";") : '';
 }, function (props) {
   return props.scrollable ? 'margin-top: 4px;' : '';
 }, function (props) {