@laerdal/life-react-components 1.7.0-dev.9.full → 1.7.0-dev.95

package/dist/Dropdown/DropdownContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Dropdown/DropdownContent.tsx"],"names":["React","styled","Button","Size","ButtonDropdownContentStyling","ComponentLStyling","ComponentXLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","COLORS","scrollBarStyling","Checkbox","RadioButton","Z_INDEXES","MenuItem","DDContainer","div","white","props","width","dropdown","isButton","alignLeft","neutral_100","size","Large","Medium","scrollable","maxHeight","ItemsContainer","hover","active","focus","ListContainer","itemsType","Small","MenuContentContainer","Bold","neutral_500","Regular","DividerContainer","TopItemContainer","neutral_200","ActionButtonContainer","MAX_MENU_HEIGHT","AVG_OPTION_HEIGHT","DropdownContent","id","customizationProps","isOpen","hideOnClickOutside","setIsOpen","filter","focused","setFocused","selectedValues","setSelectedValues","messageOnNoResults","useState","isUp","setIsUp","dropdownContentRef","useRef","itemsListRef","determineDropUp","options","items","node","current","windowHeight","window","innerHeight","menuHeight","Math","min","length","instOffsetWithMenu","getBoundingClientRect","top","setNewFocusedElement","index","newFocusedElement","elRefs","getFilteredItems","filtrationString","toUpperCase","x","value","includes","displayLabel","handleKeyDown","e","key","preventDefault","focusedNow","undefined","filtered","haveTopItem","i","disabled","shiftKey","document","getElementById","handleClickOutside","contains","target","some","useEffect","addEventListener","removeEventListener","scrollPosition","handleScroll","scrollTop","useLayoutEffect","getCorrectRef","ref","createRef","arrLength","setElRefs","Array","fill","map","_","multiSelect","getSuggestions","suggestion","focusThis","handleItemClick","selected","item","newValue","onValueUpdate","getTopItem","pinTopItem","visibleItems","allSelected","y","showTopItem","suggestions","find","c","selectedFirst","newValues","stopPropagation","getElements","number","customContent","join","menuContent","action","actionLabel","actionIcon","actionLoading","actionDisabled","actionVariant","noteLabel","showDividerAbove","locked","icon"],"mappings":"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","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport Button from '../Button/Button';\nimport {Size} from '../types';\nimport {ButtonDropdownContentStyling} from './CommonStyling';\nimport {\n  ComponentLStyling,\n  ComponentXLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle\n} from '../styles/typography';\nimport {COLORS, scrollBarStyling} from '../styles';\nimport {Checkbox, RadioButton} from '../InputFields';\nimport {Z_INDEXES} from '../styles/z-indexes';\nimport MenuItem from '../MenuItem/MenuItem';\n\nexport const DDContainer = styled.div<{ isButton: boolean; width?: string; alignLeft?: boolean; size?: Size; scrollable?: boolean; maxHeight?: string }>`\n  display: none;\n  position: absolute;\n  background-color: ${COLORS.white};\n\n  width: ${(props) => (props.width ? props.width : '100%')};\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  }\n\n  &.up {\n    top: auto;\n    bottom: 100%;\n  }\n\n  ${(props) => (props.alignLeft ? 'left: 0px;' : '')}\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-top: 4px;\n  padding-right: 0px;\n  padding-bottom: 4px;\n  padding-left: 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  ${props => !!props.scrollable ? '* { outline-offset: -4px !important;}' : ''};\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 }>`\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  ${scrollBarStyling(Size.Small)}\n`;\n\n\nconst MenuContentContainer = styled.div<{ size?: Size }>`\n  h1, h2, 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' :\n            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' :\n            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' :\n          props.size == Size.Medium ? '12px' :\n                  (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\n          ? '4px 16px 0px'\n          : props.size === Size.Medium\n                  ? '12px 16px 8px'\n                  : '16px 16px 12px'};\n\n  button {\n    width: 100%;\n  }\n`;\n\nconst MAX_MENU_HEIGHT = 240;\nconst AVG_OPTION_HEIGHT = 48;\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  hideOnClickOutside: boolean;\n  selectedValues: string[];\n  setSelectedValues: (val: string[]) => void;\n  messageOnNoResults: string;\n  focused: number | null;\n  setFocused: (focused: number | null) => void;\n}\n\nconst DropdownContent: React.FunctionComponent<DropdownProps> = ({\n                                                                   id,\n                                                                   customizationProps,\n                                                                   alignLeft,\n                                                                   isButton,\n                                                                   size,\n                                                                   isOpen,\n                                                                   hideOnClickOutside,\n                                                                   width,\n                                                                   setIsOpen,\n                                                                   filter,\n                                                                   focused,\n                                                                   setFocused,\n                                                                   selectedValues,\n                                                                   setSelectedValues,\n                                                                   messageOnNoResults,\n                                                                 }) => {\n  const [isUp, setIsUp] = React.useState<boolean>(false);\n  const dropdownContentRef = 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\n  const determineDropUp = () => {\n    const options = customizationProps.items;\n    const node = dropdownContentRef.current;\n\n    if (!node) return;\n\n    const windowHeight = window.innerHeight;\n    const menuHeight = Math.min(MAX_MENU_HEIGHT, options.length * AVG_OPTION_HEIGHT);\n    const instOffsetWithMenu = node.getBoundingClientRect().top + menuHeight;\n    setIsUp(instOffsetWithMenu >= windowHeight);\n  };\n\n  const setNewFocusedElement = (index: number) => {\n    const newFocusedElement = elRefs[index];\n    if (newFocusedElement) {\n      setFocused(index);\n      newFocusedElement?.current?.focus();\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 handleKeyDown = (e: KeyboardEvent) => {\n    if (isOpen) {\n      if (e.key === 'ArrowUp' || e.key === 'Up') {\n        e.preventDefault();\n        let focusedNow = focused;\n        if (focusedNow !== undefined && focusedNow !== null && focusedNow > 0) {\n          const filtered = getFilteredItems();\n          if (focusedNow === 1 && haveTopItem())\n            focusedNow = 0;\n          else {\n            for (let i = focusedNow - 1; i > 0; i--) {\n              if (!filtered[i - 1]?.disabled) {\n                focusedNow = i;\n                break;\n              }\n            }\n          }\n          setNewFocusedElement(focusedNow);\n        }\n      } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n        e.preventDefault();\n        let focusedNow = focused;\n        if (focusedNow !== undefined && focusedNow !== null) {\n          const filtered = getFilteredItems();\n          for (let i = focusedNow + 1; i <= filtered.length; i++) {\n            if (!filtered[i - 1]?.disabled) {\n              focusedNow = i;\n              break;\n            }\n          }\n        } else {\n          focusedNow = haveTopItem() ? 0 : 1;\n        }\n        setNewFocusedElement(focusedNow);\n      } else if (e.key === 'Tab') {\n        let focusedNow = focused;\n        if (focusedNow !== undefined && focusedNow !== null) {\n          e.preventDefault();\n          e.shiftKey ? focusedNow-- : focusedNow++;\n          const newFocusedElement = document.getElementById(`${id}_${focusedNow}`);\n          if (!newFocusedElement) {\n            setNewFocusedElement(0);\n          } else {\n            setNewFocusedElement(focusedNow);\n          }\n        } else {\n          setFocused(null);\n        }\n      } else if (e.key === 'Escape' || e.key === 'Esc') {\n        setIsOpen(false);\n        setFocused(null);\n      }\n    }\n  };\n\n  const handleClickOutside = (e: any) => {\n    if (hideOnClickOutside && dropdownContentRef?.current && !dropdownContentRef.current.contains(e.target) && !elRefs.some((x) => x?.current?.contains(e.target))) {\n      if (isOpen) {\n        setIsOpen(false);\n        setFocused(null);\n      }\n    }\n  };\n\n  React.useEffect(() => {\n    document.addEventListener('keydown', handleKeyDown);\n    document.addEventListener('click', handleClickOutside);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      document.removeEventListener('click', handleClickOutside);\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    setElRefs((elRefs) =>\n      Array(arrLength + 1)\n        .fill(null)\n        .map((_, i) => getCorrectRef(elRefs[i])),\n    );\n  }, [isOpen, arrLength, selectedValues]);\n\n  React.useEffect(() => {\n    determineDropUp();\n  }, [isOpen]);\n\n  const haveTopItem = () => {\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  React.useLayoutEffect(() => {\n    if (isOpen && (focused || focused === 0)) {\n      const focusThis = focused === 0 && !haveTopItem() ? 1 : focused;\n      if (focusThis !== focused) setFocused(focusThis);\n      const newFocusedElement = elRefs[focusThis];\n      newFocusedElement?.current?.focus();\n    } else setFocused(null); //if the dropdown is closed, we don't to keep saved the focused item\n  }, [isOpen, focused]);\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            iconPointerEventsTransparent={true}\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            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))\n                setIsOpen(false);\n            }}\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                key={`${id}_topitem_${x.value}`}\n                item={x}\n                size={size}\n                active={false}\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      </TopItemContainer>\n    );\n  };\n\n  const getElements = () => {\n    if (getFilteredItems().length === 0) {\n      return (\n        <ItemsContainer size={size}>\n          <button className=\"dropdownButton\" disabled>\n            <span>{messageOnNoResults}</span>\n          </button>\n        </ItemsContainer>\n      );\n    }\n    let number = 0;\n    return (\n      <ItemsContainer size={size}>\n        {getFilteredItems()\n          .filter((x) => x && (customizationProps.itemsType != 'normal' || !x.suggestion))\n          .map((item) => {\n            return (\n              <React.Fragment key={`key_${id}_${item.value}`}>\n                {item.customContent}\n                {!item.customContent && customizationProps.itemsType == 'radio' && (\n                  <RadioButton\n                    select={(selected: boolean) => handleItemClick(selected, item)}\n                    ref={elRefs[number + 1] as React.RefObject<HTMLDivElement>}\n                    size={size}\n                    iconPointerEventsTransparent={true}\n                    disabled={item?.disabled}\n                    key={`key_${id}_${number++}`}\n                    id={`${id}_${number + 1}`}\n                    label={item.displayLabel ?? item.value}\n                    selected={selectedValues?.includes(item.value)}\n                  />\n                )}\n                {!item.customContent && customizationProps.itemsType == 'checkbox' && (\n                  <Checkbox\n                    select={(selected: boolean) => handleItemClick(selected, item)}\n                    iconPointerEventsTransparent={true}\n                    disabled={item?.disabled}\n                    ref={elRefs[number + 1] as React.RefObject<HTMLDivElement>}\n                    size={size}\n                    key={`key_${id}_${number++}`}\n                    id={`${id}_${number + 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                    key={`key_${id}_${number++}`}\n                    id={`${id}_${number + 1}`}\n                    item={item}\n                    size={size}\n                    active={selectedValues?.includes(item.value)}\n                    ref={elRefs[number + 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              </React.Fragment>\n            );\n          })}\n      </ItemsContainer>\n    );\n  };\n\n  return (\n    <DDContainer\n      ref={dropdownContentRef}\n      size={size}\n      width={width}\n      isButton={isButton}\n      alignLeft={alignLeft}\n      scrollable={customizationProps.scrollable}\n      maxHeight={customizationProps.maxHeight}\n      className={[isOpen && 'show', isUp && 'up'].filter((e) => !!e).join(' ')}>\n      <ListContainer size={size} itemsType={customizationProps.itemsType} onScroll={handleScroll} ref={itemsListRef}\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        {customizationProps.pinTopItem && getTopItem()}\n        {getElements()}\n      </ListContainer>\n      {customizationProps.action && customizationProps.actionLabel && (\n        <ActionButtonContainer size={size} scrollable={customizationProps.scrollable}>\n          <Button width=\"100%\" icon={customizationProps.actionIcon}\n                  loading={customizationProps.actionLoading}\n                  disabled={customizationProps.actionDisabled}\n                  variant={customizationProps.actionVariant ?? 'primary'}\n                  size={size} onClick={() => {\n            if (customizationProps.action()) //closing the dropdown if action returns 'true'\n              setIsOpen(false);\n          }}>\n            {customizationProps.actionLabel}\n          </Button>\n        </ActionButtonContainer>\n      )}\n    </DDContainer>\n  );\n  /*  ),\n    {\n      handleClickOutside: () => () => {\n        if (isOpen) {\n          setIsOpen(false);\n          setFocused(null);\n        }\n      },\n    },\n  );\n\n  return <Wrapped />; */\n};\n\nexport default DropdownContent;\n\n"],"file":"DropdownContent.js"}
+{"version":3,"sources":["../../src/Dropdown/DropdownContent.tsx"],"names":["React","styled","Button","Size","ButtonDropdownContentStyling","ComponentLStyling","ComponentXLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","COLORS","scrollBarStyling","Checkbox","RadioButton","Z_INDEXES","MenuItem","DDContainer","div","white","props","width","dropdown","isButton","alignLeft","neutral_100","size","Large","Medium","scrollable","maxHeight","ItemsContainer","hover","active","focus","ListContainer","itemsType","Small","MenuContentContainer","Bold","neutral_500","Regular","DividerContainer","TopItemContainer","neutral_200","ActionButtonContainer","MAX_MENU_HEIGHT","AVG_OPTION_HEIGHT","DropdownContent","id","customizationProps","isOpen","hideOnClickOutside","setIsOpen","filter","focused","setFocused","selectedValues","setSelectedValues","messageOnNoResults","useState","isUp","setIsUp","dropdownContentRef","useRef","itemsListRef","determineDropUp","options","items","node","current","windowHeight","window","innerHeight","menuHeight","Math","min","length","instOffsetWithMenu","getBoundingClientRect","top","setNewFocusedElement","index","newFocusedElement","elRefs","getFilteredItems","filtrationString","toUpperCase","x","value","includes","displayLabel","handleKeyDown","e","key","preventDefault","focusedNow","undefined","filtered","haveTopItem","i","disabled","shiftKey","document","getElementById","handleClickOutside","contains","target","some","useEffect","addEventListener","removeEventListener","scrollPosition","handleScroll","scrollTop","useLayoutEffect","getCorrectRef","ref","createRef","arrLength","setElRefs","Array","fill","map","_","multiSelect","getSuggestions","suggestion","focusThis","handleItemClick","selected","item","newValue","onValueUpdate","getTopItem","pinTopItem","visibleItems","allSelected","y","showTopItem","suggestions","find","c","selectedFirst","newValues","stopPropagation","getElements","number","customContent","join","menuContent","action","actionLabel","actionIcon","actionLoading","actionDisabled","actionVariant","noteLabel","showDividerAbove","locked","icon"],"mappings":"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","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport Button from '../Button/Button';\nimport {Size} from '../types';\nimport {ButtonDropdownContentStyling} from './CommonStyling';\nimport {\n  ComponentLStyling,\n  ComponentXLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle\n} from '../styles/typography';\nimport {COLORS, scrollBarStyling} from '../styles';\nimport {Checkbox, RadioButton} from '../InputFields';\nimport {Z_INDEXES} from '../styles/z-indexes';\nimport MenuItem from '../MenuItem/MenuItem';\n\nexport const DDContainer = styled.div<{ isButton: boolean; width?: string; alignLeft?: boolean; size?: Size; scrollable?: boolean; maxHeight?: string }>`\n  display: none;\n  position: absolute;\n  background-color: ${COLORS.white};\n\n  width: ${(props) => (props.width ? props.width : '100%')};\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  }\n\n  &.up {\n    top: auto;\n    bottom: 100%;\n  }\n\n  ${(props) => (props.alignLeft ? 'left: 0px;' : '')}\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-top: 4px;\n  padding-right: 0px;\n  padding-bottom: 4px;\n  padding-left: 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 }>`\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  ${scrollBarStyling(Size.Small)}\n`;\n\n\nconst MenuContentContainer = styled.div<{ size?: Size }>`\n  h1, h2, 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' :\n            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' :\n            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' :\n          props.size == Size.Medium ? '12px' :\n                  (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\n          ? '4px 16px 0px'\n          : props.size === Size.Medium\n                  ? '12px 16px 8px'\n                  : '16px 16px 12px'};\n\n  button {\n    width: 100%;\n  }\n`;\n\nconst MAX_MENU_HEIGHT = 240;\nconst AVG_OPTION_HEIGHT = 48;\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  hideOnClickOutside: boolean;\n  selectedValues: string[];\n  setSelectedValues: (val: string[]) => void;\n  messageOnNoResults: string;\n  focused: number | null;\n  setFocused: (focused: number | null) => void;\n}\n\nconst DropdownContent: React.FunctionComponent<DropdownProps> = ({\n                                                                   id,\n                                                                   customizationProps,\n                                                                   alignLeft,\n                                                                   isButton,\n                                                                   size,\n                                                                   isOpen,\n                                                                   hideOnClickOutside,\n                                                                   width,\n                                                                   setIsOpen,\n                                                                   filter,\n                                                                   focused,\n                                                                   setFocused,\n                                                                   selectedValues,\n                                                                   setSelectedValues,\n                                                                   messageOnNoResults,\n                                                                 }) => {\n  const [isUp, setIsUp] = React.useState<boolean>(false);\n  const dropdownContentRef = 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\n  const determineDropUp = () => {\n    const options = customizationProps.items;\n    const node = dropdownContentRef.current;\n\n    if (!node) return;\n\n    const windowHeight = window.innerHeight;\n    const menuHeight = Math.min(MAX_MENU_HEIGHT, options.length * AVG_OPTION_HEIGHT);\n    const instOffsetWithMenu = node.getBoundingClientRect().top + menuHeight;\n    setIsUp(instOffsetWithMenu >= windowHeight);\n  };\n\n  const setNewFocusedElement = (index: number) => {\n    const newFocusedElement = elRefs[index];\n    if (newFocusedElement) {\n      setFocused(index);\n      newFocusedElement?.current?.focus();\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 handleKeyDown = (e: KeyboardEvent) => {\n    if (isOpen) {\n      if (e.key === 'ArrowUp' || e.key === 'Up') {\n        e.preventDefault();\n        var focusedNow = focused;\n        if (focusedNow !== undefined && focusedNow !== null && focusedNow > 0) {\n          const filtered = getFilteredItems();\n          if (focusedNow == 1 && haveTopItem())\n            focusedNow = 0;\n          else {\n            for (let i = focusedNow - 1; i > 0; i--) {\n              if (!filtered[i - 1]?.disabled) {\n                focusedNow = i;\n                break;\n              }\n            }\n          }\n          setNewFocusedElement(focusedNow);\n        }\n      } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n        e.preventDefault();\n        var focusedNow = focused;\n        if (focusedNow !== undefined && focusedNow !== null) {\n          const filtered = getFilteredItems();\n          for (let i = focusedNow + 1; i <= filtered.length; i++) {\n            if (!filtered[i - 1]?.disabled) {\n              focusedNow = i;\n              break;\n            }\n          }\n        } else {\n          focusedNow = haveTopItem() ? 0 : 1;\n        }\n        setNewFocusedElement(focusedNow);\n      } else if (e.key === 'Tab') {\n        e.preventDefault();\n        var focusedNow = focused;\n        if (focusedNow !== undefined && focusedNow !== null) {\n          e.shiftKey ? focusedNow-- : focusedNow++;\n          const newFocusedElement = document.getElementById(`${id}_${focusedNow}`);\n          if (!newFocusedElement) {\n            setNewFocusedElement(0);\n          } else {\n            setNewFocusedElement(focusedNow);\n          }\n        } else {\n          setFocused(null);\n        }\n      } else if (e.key === 'Escape' || e.key === 'Esc') {\n        setIsOpen(false);\n        setFocused(null);\n\n        //TODO: add onEscapehandler\n        /*\n        if (!list.includes(input)) {\n          setInput('');\n          setPlaceholderSearch(placeholder || '');\n        }\n        styledFieldRef.current?.focus(); */\n      }\n    }\n  };\n\n  const handleClickOutside = (e: any) => {\n    if (hideOnClickOutside && dropdownContentRef?.current && !dropdownContentRef.current.contains(e.target) && !elRefs.some((x) => x?.current?.contains(e.target))) {\n      if (isOpen) {\n        setIsOpen(false);\n        setFocused(null);\n      }\n    }\n  };\n\n  React.useEffect(() => {\n    document.addEventListener('keydown', handleKeyDown);\n    document.addEventListener('click', handleClickOutside);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      document.removeEventListener('click', handleClickOutside);\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    setElRefs((elRefs) =>\n      Array(arrLength + 1)\n        .fill(null)\n        .map((_, i) => getCorrectRef(elRefs[i])),\n    );\n  }, [isOpen, arrLength, selectedValues]);\n\n  React.useEffect(() => {\n    determineDropUp();\n  }, [isOpen]);\n\n  const haveTopItem = () => {\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  React.useLayoutEffect(() => {\n    if (isOpen && (focused || focused === 0)) {\n      const focusThis = focused === 0 && !haveTopItem() ? 1 : focused;\n      if (focusThis !== focused) setFocused(focusThis);\n      const newFocusedElement = elRefs[focusThis];\n      newFocusedElement?.current?.focus();\n    } else setFocused(null); //if the dropdown is closed, we don't to keep saved the focused item\n  }, [isOpen, focused]);\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            iconPointerEventsTransparent={true}\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            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))\n                setIsOpen(false);\n            }}\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                key={`${id}_topitem_${x.value}`}\n                item={x}\n                size={size}\n                active={false}\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      </TopItemContainer>\n    );\n  };\n\n  const getElements = () => {\n    if (getFilteredItems().length === 0) {\n      return (\n        <ItemsContainer size={size}>\n          <button className=\"dropdownButton\" disabled>\n            <span>{messageOnNoResults}</span>\n          </button>\n        </ItemsContainer>\n      );\n    }\n    let number = 0;\n    return (\n      <ItemsContainer size={size}>\n        {getFilteredItems()\n          .filter((x) => x && (customizationProps.itemsType != 'normal' || !x.suggestion))\n          .map((item) => {\n            return (\n              <React.Fragment key={`key_${id}_${item.value}`}>\n                {item.customContent}\n                {!item.customContent && customizationProps.itemsType == 'radio' && (\n                  <RadioButton\n                    select={(selected: boolean) => handleItemClick(selected, item)}\n                    ref={elRefs[number + 1] as React.RefObject<HTMLDivElement>}\n                    size={size}\n                    iconPointerEventsTransparent={true}\n                    disabled={item?.disabled}\n                    key={`key_${id}_${number++}`}\n                    id={`${id}_${number + 1}`}\n                    label={item.displayLabel ?? item.value}\n                    selected={selectedValues?.includes(item.value)}\n                  />\n                )}\n                {!item.customContent && customizationProps.itemsType == 'checkbox' && (\n                  <Checkbox\n                    select={(selected: boolean) => handleItemClick(selected, item)}\n                    iconPointerEventsTransparent={true}\n                    disabled={item?.disabled}\n                    ref={elRefs[number + 1] as React.RefObject<HTMLDivElement>}\n                    size={size}\n                    key={`key_${id}_${number++}`}\n                    id={`${id}_${number + 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                    key={`key_${id}_${number++}`}\n                    id={`${id}_${number + 1}`}\n                    item={item}\n                    size={size}\n                    active={selectedValues?.includes(item.value)}\n                    ref={elRefs[number + 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              </React.Fragment>\n            );\n          })}\n      </ItemsContainer>\n    );\n  };\n\n  return (\n    <DDContainer\n      ref={dropdownContentRef}\n      size={size}\n      width={width}\n      isButton={isButton}\n      alignLeft={alignLeft}\n      scrollable={customizationProps.scrollable}\n      maxHeight={customizationProps.maxHeight}\n      className={[isOpen && 'show', isUp && 'up'].filter((e) => !!e).join(' ')}>\n      <ListContainer size={size} itemsType={customizationProps.itemsType} onScroll={handleScroll} ref={itemsListRef}\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        {customizationProps.pinTopItem && getTopItem()}\n        {getElements()}\n      </ListContainer>\n      {customizationProps.action && customizationProps.actionLabel && (\n        <ActionButtonContainer size={size} scrollable={customizationProps.scrollable}>\n          <Button width=\"100%\" icon={customizationProps.actionIcon}\n                  loading={customizationProps.actionLoading}\n                  disabled={customizationProps.actionDisabled}\n                  variant={customizationProps.actionVariant ?? 'primary'}\n                  size={size} onClick={() => {\n            if (customizationProps.action()) //closing the dropdown if action returns 'true'\n              setIsOpen(false);\n          }}>\n            {customizationProps.actionLabel}\n          </Button>\n        </ActionButtonContainer>\n      )}\n    </DDContainer>\n  );\n  /*  ),\n    {\n      handleClickOutside: () => () => {\n        if (isOpen) {\n          setIsOpen(false);\n          setFocused(null);\n        }\n      },\n    },\n  );\n\n  return <Wrapped />; */\n};\n\nexport default DropdownContent;\n\n"],"file":"DropdownContent.js"}

package/dist/Dropdown/index.cjs

@@ -11,6 +11,12 @@ Object.defineProperty(exports, "BasicDropdown", {
     return _BasicDropdown.default;
   }
 });
+Object.defineProperty(exports, "ChipDropdownInput", {
+  enumerable: true,
+  get: function get() {
+    return _ChipDropdownInput.default;
+  }
+});
 Object.defineProperty(exports, "DropdownButton", {
   enumerable: true,
   get: function get() {
@@ -36,5 +42,7 @@ var _BasicDropdown = _interopRequireDefault(require("./BasicDropdown"));
 
 var _DropdownButton = _interopRequireDefault(require("./DropdownButton"));
 
+var _ChipDropdownInput = _interopRequireDefault(require("./ChipDropdownInput"));
+
 var _DropdownContent = _interopRequireDefault(require("./DropdownContent"));
 //# sourceMappingURL=index.cjs.map

package/dist/Dropdown/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Dropdown/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA","sourcesContent":["import DropdownFilter from './DropdownFilter';\nimport BasicDropdown from './BasicDropdown';\nimport DropdownButton from './DropdownButton';\nimport DropdownContent from './DropdownContent';\n\nexport type {DropdownItem} from './DropdownContent'\n\n\nexport { DropdownFilter, BasicDropdown, DropdownButton, DropdownContent };\n"],"file":"index.cjs"}
+{"version":3,"sources":["../../src/Dropdown/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import DropdownFilter from './DropdownFilter';\nimport BasicDropdown from './BasicDropdown';\nimport DropdownButton from './DropdownButton';\nimport ChipDropdownInput from './ChipDropdownInput';\nimport DropdownContent from './DropdownContent';\n\nexport type {DropdownItem} from './DropdownContent'\n\n\nexport { DropdownFilter, BasicDropdown, DropdownButton, ChipDropdownInput, DropdownContent };\n"],"file":"index.cjs"}

package/dist/Dropdown/index.d.ts

@@ -1,6 +1,7 @@
 import DropdownFilter from './DropdownFilter';
 import BasicDropdown from './BasicDropdown';
 import DropdownButton from './DropdownButton';
+import ChipDropdownInput from './ChipDropdownInput';
 import DropdownContent from './DropdownContent';
 export type { DropdownItem } from './DropdownContent';
-export { DropdownFilter, BasicDropdown, DropdownButton, DropdownContent };
+export { DropdownFilter, BasicDropdown, DropdownButton, ChipDropdownInput, DropdownContent };

package/dist/Dropdown/index.js

@@ -1,6 +1,7 @@
 import DropdownFilter from './DropdownFilter';
 import BasicDropdown from './BasicDropdown';
 import DropdownButton from './DropdownButton';
+import ChipDropdownInput from './ChipDropdownInput';
 import DropdownContent from './DropdownContent';
-export { DropdownFilter, BasicDropdown, DropdownButton, DropdownContent };
+export { DropdownFilter, BasicDropdown, DropdownButton, ChipDropdownInput, DropdownContent };
 //# sourceMappingURL=index.js.map

package/dist/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Dropdown/index.ts"],"names":["DropdownFilter","BasicDropdown","DropdownButton","DropdownContent"],"mappings":"AAAA,OAAOA,cAAP,MAA2B,kBAA3B;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AAKA,SAASH,cAAT,EAAyBC,aAAzB,EAAwCC,cAAxC,EAAwDC,eAAxD","sourcesContent":["import DropdownFilter from './DropdownFilter';\nimport BasicDropdown from './BasicDropdown';\nimport DropdownButton from './DropdownButton';\nimport DropdownContent from './DropdownContent';\n\nexport type {DropdownItem} from './DropdownContent'\n\n\nexport { DropdownFilter, BasicDropdown, DropdownButton, DropdownContent };\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/Dropdown/index.ts"],"names":["DropdownFilter","BasicDropdown","DropdownButton","ChipDropdownInput","DropdownContent"],"mappings":"AAAA,OAAOA,cAAP,MAA2B,kBAA3B;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,iBAAP,MAA8B,qBAA9B;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AAKA,SAASJ,cAAT,EAAyBC,aAAzB,EAAwCC,cAAxC,EAAwDC,iBAAxD,EAA2EC,eAA3E","sourcesContent":["import DropdownFilter from './DropdownFilter';\nimport BasicDropdown from './BasicDropdown';\nimport DropdownButton from './DropdownButton';\nimport ChipDropdownInput from './ChipDropdownInput';\nimport DropdownContent from './DropdownContent';\n\nexport type {DropdownItem} from './DropdownContent'\n\n\nexport { DropdownFilter, BasicDropdown, DropdownButton, ChipDropdownInput, DropdownContent };\n"],"file":"index.js"}

package/dist/Footer/Components/FooterDropdownLinks.cjs

@@ -27,8 +27,6 @@ var _typography = require("../../styles/typography");
 
 var _HyperLink = require("../../HyperLink");
 
-var _common = require("../../common");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject, _templateObject2, _templateObject3;
@@ -39,11 +37,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  border-top: 1px solid ", ";\n\n  &:last-child {\n    border-bottom: 1px solid ", ";\n  }\n"])), _styles.COLORS.neutral_100, _styles.COLORS.neutral_100);
 
-var DropdownLinkBlock = _styledComponents.default.button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  display: ", ";\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  h3 {\n    margin: auto 0;\n    ", "\n  }\n\n  .open {\n    h3 {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n"])), (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.white), function (props) {
+var DropdownLinkBlock = _styledComponents.default.button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  display: ", ";\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\n    outline: none;\n  }\n\n  h3 {\n    margin: auto 0;\n    ", "\n  }\n\n  .open {\n    h3 {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n"])), (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.white), function (props) {
   return props.width > 768 ? 'none' : 'flex';
-}, _styles.COLORS.neutral_20, _styles.COLORS.primary_700, _styles.COLORS.primary_100, _styles.COLORS.primary_800, _styles.invertedFocusStyles, (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), _styles.COLORS.neutral_20, _styles.COLORS.neutral_800);
+}, _styles.COLORS.neutral_20, _styles.COLORS.primary_700, _styles.COLORS.primary_100, _styles.COLORS.primary_800, (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), _styles.COLORS.neutral_20, _styles.COLORS.neutral_800);
 
-var LinkBlock = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ", "\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n    }\n\n    &:focus {\n      ", "\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.white), _styles.COLORS.neutral_20, _styles.COLORS.primary_700, _styles.invertedFocusStyles, _styles.COLORS.primary_100, _styles.COLORS.primary_800);
+var LinkBlock = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ", "\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n    }\n\n    &:focus {\n      background-color: ", ";\n      box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\n      outline: none;\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.white), _styles.COLORS.neutral_20, _styles.COLORS.primary_700, _styles.COLORS.neutral_20, _styles.COLORS.primary_100, _styles.COLORS.primary_800);
 
 var FooterDropdownLinks = function FooterDropdownLinks(_ref) {
   var navSection = _ref.navSection,
@@ -58,7 +56,6 @@ var FooterDropdownLinks = function FooterDropdownLinks(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownLinkBlock, {
       width: width,
       className: dropdownActive ? 'open' : '',
-      onMouseDown: _common.defaultOnMouseDownHandler,
       onClick: function onClick() {
         return setDropdownActive(!dropdownActive);
       },

package/dist/Footer/Components/FooterDropdownLinks.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"names":["Wrapper","styled","div","COLORS","neutral_100","DropdownLinkBlock","button","ComponentTextStyle","Bold","white","props","width","neutral_20","primary_700","primary_100","primary_800","invertedFocusStyles","Regular","neutral_800","LinkBlock","FooterDropdownLinks","navSection","React","useState","dropdownActive","setDropdownActive","defaultOnMouseDownHandler","header","links","map","item","index","Math","floor","random","to","target","label"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,kMAEaC,eAAOC,WAFpB,EAKkBD,eAAOC,WALzB,CAAb;;AASA,IAAMC,iBAAiB,GAAGJ,0BAAOK,MAAV,ioBACnB,mCAAkBC,2BAAmBC,IAArC,EAA2CL,eAAOM,KAAlD,CADmB,EAGV,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,KAAN,GAAc,GAAd,GAAoB,MAApB,GAA6B,MAAzC;AAAA,CAHU,EAaCR,eAAOS,UAbR,EAcVT,eAAOU,WAdG,EAsBCV,eAAOW,WAtBR,EAuBVX,eAAOY,WAvBG,EA2BjBC,2BA3BiB,EAgCjB,mCAAkBT,2BAAmBU,OAArC,EAA8C,SAA9C,CAhCiB,EAqCGd,eAAOS,UArCV,EAsCRT,eAAOe,WAtCC,CAAvB;;AA+CA,IAAMC,SAAS,GAAGlB,0BAAOC,GAAV,gkBAaT,mCAAkBK,2BAAmBC,IAArC,EAA2CL,eAAOM,KAAlD,CAbS,EAsBWN,eAAOS,UAtBlB,EAuBAT,eAAOU,WAvBP,EA4BPG,2BA5BO,EAgCWb,eAAOW,WAhClB,EAiCAX,eAAOY,WAjCP,CAAf;;AA2CA,IAAMK,mBAAmB,GAAG,SAAtBA,mBAAsB,OAAkD;AAAA,MAA/CC,UAA+C,QAA/CA,UAA+C;AAAA,MAAnCV,KAAmC,QAAnCA,KAAmC;;AAC5E,wBAA4CW,KAAK,CAACC,QAAN,CAAwB,KAAxB,CAA5C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AACA,sBACE,sBAAC,OAAD;AAAA,4BACE,sBAAC,iBAAD;AAAmB,MAAA,KAAK,EAAEd,KAA1B;AACmB,MAAA,SAAS,EAAEa,cAAc,GAAG,MAAH,GAAY,EADxD;AAEmB,MAAA,WAAW,EAAEE,iCAFhC;AAGmB,MAAA,OAAO,EAAE;AAAA,eAAMD,iBAAiB,CAAC,CAACD,cAAF,CAAvB;AAAA,OAH5B;AAAA,8BAIE;AAAA,kBAAKH,UAAU,CAACM;AAAhB,QAJF,EAKGH,cAAc,gBAAG,qBAAC,sBAAD;AAAW,QAAA,IAAI,EAAC;AAAhB,QAAH,gBAA+B,qBAAC,wBAAD;AAAa,QAAA,IAAI,EAAC;AAAlB,QALhD;AAAA,MADF,eAQE,qBAAC,SAAD;AAAW,MAAA,KAAK,EAAEb,KAAlB;AAAyB,MAAA,SAAS,EAAEa,cAAc,GAAG,MAAH,GAAY,EAA9D;AAAA,gBACGH,UAAU,CAACO,KAAX,CAAiBC,GAAjB,CAAqB,UAACC,IAAD,EAAOC,KAAP;AAAA,4BACpB,qBAAC,oBAAD;AACW,UAAA,EAAE,yBAAkBC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,KAAgB,YAA3B,CAAlB,CADb;AAEW,UAAA,OAAO,EAAE,UAFpB;AAGW,UAAA,IAAI,EAAEJ,IAAI,CAACK,EAHtB;AAIW,UAAA,MAAM,EAAEL,IAAI,CAACM,MAAL,IAAe,QAJlC;AAKW,UAAA,GAAG,EAAC,qBALf;AAAA,oBAMGN,IAAI,CAACO;AANR,WAAgBN,KAAhB,CADoB;AAAA,OAArB;AADH,MARF;AAAA,IADF;AAuBD,CAzBD;;;AAHEpB,EAAAA,K;;eA8BaS,mB","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {COLORS, ComponentTextStyle, focusStyles, invertedFocusStyles} from '../../styles';\nimport {ChevronDown, ChevronUp} from '../../icons/systemicons/SystemIcons';\nimport {NavSection} from '../../types';\nimport {ComponentMStyling, ComponentSStyling} from '../../styles/typography';\nimport {HyperLink} from '../../HyperLink';\nimport {defaultOnMouseDownHandler} from '../../common';\n\nconst Wrapper = styled.div`\n  width: 100%;\n  border-top: 1px solid ${COLORS.neutral_100};\n\n  &:last-child {\n    border-bottom: 1px solid ${COLORS.neutral_100};\n  }\n`;\n\nconst DropdownLinkBlock = styled.button<{ width: number }>`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\n\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ${COLORS.neutral_20};\n    color: ${COLORS.primary_700};\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n\n  &:focus {\n    ${invertedFocusStyles}\n  }\n\n  h3 {\n    margin: auto 0;\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\n  }\n\n  .open {\n    h3 {\n      background-color: ${COLORS.neutral_20};\n      color: ${COLORS.neutral_800};\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n`;\n\nconst LinkBlock = styled.div<{ width: number }>`\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ${COLORS.neutral_20};\n      color: ${COLORS.primary_700};\n      cursor: pointer;\n    }\n\n    &:focus {\n      ${invertedFocusStyles}\n    }\n\n    &:active {\n      background-color: ${COLORS.primary_100};\n      color: ${COLORS.primary_800};\n    }\n  }\n`;\n\ninterface FooterNavSectionProps {\n  navSection: NavSection;\n  width: number;\n}\n\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\n  return (\n    <Wrapper>\n      <DropdownLinkBlock width={width}\n                         className={dropdownActive ? 'open' : ''}\n                         onMouseDown={defaultOnMouseDownHandler}\n                         onClick={() => setDropdownActive(!dropdownActive)}>\n        <h3>{navSection.header}</h3>\n        {dropdownActive ? <ChevronUp size=\"24px\" /> : <ChevronDown size=\"24px\" />}\n      </DropdownLinkBlock>\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\n        {navSection.links.map((item, index) => (\n          <HyperLink key={index}\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\n                     variant={'inverted'}\n                     href={item.to}\n                     target={item.target || '_blank'}\n                     rel=\"noreferrer noopener\">\n            {item.label}\n          </HyperLink>\n        ))}\n      </LinkBlock>\n    </Wrapper>\n  );\n};\n\nexport default FooterDropdownLinks;\n"],"file":"FooterDropdownLinks.cjs"}
+{"version":3,"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"names":["Wrapper","styled","div","COLORS","neutral_100","DropdownLinkBlock","button","ComponentTextStyle","Bold","white","props","width","neutral_20","primary_700","primary_100","primary_800","Regular","neutral_800","LinkBlock","FooterDropdownLinks","navSection","React","useState","dropdownActive","setDropdownActive","header","links","map","item","index","Math","floor","random","to","target","label"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,kMAEaC,eAAOC,WAFpB,EAKkBD,eAAOC,WALzB,CAAb;;AASA,IAAMC,iBAAiB,GAAGJ,0BAAOK,MAAV,wtBACnB,mCAAkBC,2BAAmBC,IAArC,EAA2CL,eAAOM,KAAlD,CADmB,EAGV,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,KAAN,GAAc,GAAd,GAAoB,MAApB,GAA6B,MAAzC;AAAA,CAHU,EAaCR,eAAOS,UAbR,EAcVT,eAAOU,WAdG,EAsBCV,eAAOW,WAtBR,EAuBVX,eAAOY,WAvBG,EAiCjB,mCAAkBR,2BAAmBS,OAArC,EAA8C,SAA9C,CAjCiB,EAsCGb,eAAOS,UAtCV,EAuCRT,eAAOc,WAvCC,CAAvB;;AAgDA,IAAMC,SAAS,GAAGjB,0BAAOC,GAAV,wrBAaT,mCAAkBK,2BAAmBC,IAArC,EAA2CL,eAAOM,KAAlD,CAbS,EAsBWN,eAAOS,UAtBlB,EAuBAT,eAAOU,WAvBP,EA4BWV,eAAOS,UA5BlB,EAkCWT,eAAOW,WAlClB,EAmCAX,eAAOY,WAnCP,CAAf;;AA6CA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAsB,OAAkD;AAAA,MAA/CC,UAA+C,QAA/CA,UAA+C;AAAA,MAAnCT,KAAmC,QAAnCA,KAAmC;;AAC5E,wBAA4CU,KAAK,CAACC,QAAN,CAAwB,KAAxB,CAA5C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AACA,sBACE,sBAAC,OAAD;AAAA,4BACE,sBAAC,iBAAD;AAAmB,MAAA,KAAK,EAAEb,KAA1B;AAAiC,MAAA,SAAS,EAAEY,cAAc,GAAG,MAAH,GAAY,EAAtE;AAA0E,MAAA,OAAO,EAAE;AAAA,eAAMC,iBAAiB,CAAC,CAACD,cAAF,CAAvB;AAAA,OAAnF;AAAA,8BACE;AAAA,kBAAKH,UAAU,CAACK;AAAhB,QADF,EAEGF,cAAc,gBAAG,qBAAC,sBAAD;AAAW,QAAA,IAAI,EAAC;AAAhB,QAAH,gBAA+B,qBAAC,wBAAD;AAAa,QAAA,IAAI,EAAC;AAAlB,QAFhD;AAAA,MADF,eAKE,qBAAC,SAAD;AAAW,MAAA,KAAK,EAAEZ,KAAlB;AAAyB,MAAA,SAAS,EAAEY,cAAc,GAAG,MAAH,GAAY,EAA9D;AAAA,gBACGH,UAAU,CAACM,KAAX,CAAiBC,GAAjB,CAAqB,UAACC,IAAD,EAAOC,KAAP;AAAA,4BACpB,qBAAC,oBAAD;AACW,UAAA,EAAE,yBAAkBC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,KAAgB,YAA3B,CAAlB,CADb;AAEW,UAAA,OAAO,EAAE,UAFpB;AAGW,UAAA,IAAI,EAAEJ,IAAI,CAACK,EAHtB;AAIW,UAAA,MAAM,EAAEL,IAAI,CAACM,MAAL,IAAe,QAJlC;AAKW,UAAA,GAAG,EAAC,qBALf;AAAA,oBAMGN,IAAI,CAACO;AANR,WAAgBN,KAAhB,CADoB;AAAA,OAArB;AADH,MALF;AAAA,IADF;AAoBD,CAtBD;;;AAHElB,EAAAA,K;;eA2BaQ,mB","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {COLORS, ComponentTextStyle} from '../../styles';\nimport {ChevronDown, ChevronUp} from '../../icons/systemicons/SystemIcons';\nimport {NavSection} from '../../types';\nimport {ComponentMStyling, ComponentSStyling} from '../../styles/typography';\nimport {HyperLink} from '../../HyperLink';\n\nconst Wrapper = styled.div`\n  width: 100%;\n  border-top: 1px solid ${COLORS.neutral_100};\n\n  &:last-child {\n    border-bottom: 1px solid ${COLORS.neutral_100};\n  }\n`;\n\nconst DropdownLinkBlock = styled.button<{ width: number }>`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\n\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ${COLORS.neutral_20};\n    color: ${COLORS.primary_700};\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n\n  &:focus {\n    box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\n    outline: none;\n  }\n\n  h3 {\n    margin: auto 0;\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\n  }\n\n  .open {\n    h3 {\n      background-color: ${COLORS.neutral_20};\n      color: ${COLORS.neutral_800};\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n`;\n\nconst LinkBlock = styled.div<{ width: number }>`\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ${COLORS.neutral_20};\n      color: ${COLORS.primary_700};\n      cursor: pointer;\n    }\n\n    &:focus {\n      background-color: ${COLORS.neutral_20};\n      box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\n      outline: none;\n    }\n\n    &:active {\n      background-color: ${COLORS.primary_100};\n      color: ${COLORS.primary_800};\n    }\n  }\n`;\n\ninterface FooterNavSectionProps {\n  navSection: NavSection;\n  width: number;\n}\n\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\n  return (\n    <Wrapper>\n      <DropdownLinkBlock width={width} className={dropdownActive ? 'open' : ''} onClick={() => setDropdownActive(!dropdownActive)}>\n        <h3>{navSection.header}</h3>\n        {dropdownActive ? <ChevronUp size=\"24px\" /> : <ChevronDown size=\"24px\" />}\n      </DropdownLinkBlock>\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\n        {navSection.links.map((item, index) => (\n          <HyperLink key={index}\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\n                     variant={'inverted'}\n                     href={item.to}\n                     target={item.target || '_blank'}\n                     rel=\"noreferrer noopener\">\n            {item.label}\n          </HyperLink>\n        ))}\n      </LinkBlock>\n    </Wrapper>\n  );\n};\n\nexport default FooterDropdownLinks;\n"],"file":"FooterDropdownLinks.cjs"}

package/dist/Footer/Components/FooterDropdownLinks.js

@@ -6,18 +6,17 @@ var _templateObject, _templateObject2, _templateObject3;
 
 import * as React from 'react';
 import styled from 'styled-components';
-import { COLORS, ComponentTextStyle, invertedFocusStyles } from '../../styles';
+import { COLORS, ComponentTextStyle } from '../../styles';
 import { ChevronDown, ChevronUp } from '../../icons/systemicons/SystemIcons';
 import { ComponentMStyling, ComponentSStyling } from '../../styles/typography';
 import { HyperLink } from '../../HyperLink';
-import { defaultOnMouseDownHandler } from '../../common';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  border-top: 1px solid ", ";\n\n  &:last-child {\n    border-bottom: 1px solid ", ";\n  }\n"])), COLORS.neutral_100, COLORS.neutral_100);
-var DropdownLinkBlock = styled.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  display: ", ";\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  h3 {\n    margin: auto 0;\n    ", "\n  }\n\n  .open {\n    h3 {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.white), function (props) {
+var DropdownLinkBlock = styled.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  display: ", ";\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\n    outline: none;\n  }\n\n  h3 {\n    margin: auto 0;\n    ", "\n  }\n\n  .open {\n    h3 {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.white), function (props) {
   return props.width > 768 ? 'none' : 'flex';
-}, COLORS.neutral_20, COLORS.primary_700, COLORS.primary_100, COLORS.primary_800, invertedFocusStyles, ComponentMStyling(ComponentTextStyle.Regular, 'inherit'), COLORS.neutral_20, COLORS.neutral_800);
-var LinkBlock = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ", "\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n    }\n\n    &:focus {\n      ", "\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.white), COLORS.neutral_20, COLORS.primary_700, invertedFocusStyles, COLORS.primary_100, COLORS.primary_800);
+}, COLORS.neutral_20, COLORS.primary_700, COLORS.primary_100, COLORS.primary_800, ComponentMStyling(ComponentTextStyle.Regular, 'inherit'), COLORS.neutral_20, COLORS.neutral_800);
+var LinkBlock = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ", "\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n    }\n\n    &:focus {\n      background-color: ", ";\n      box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\n      outline: none;\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.white), COLORS.neutral_20, COLORS.primary_700, COLORS.neutral_20, COLORS.primary_100, COLORS.primary_800);
 
 var FooterDropdownLinks = function FooterDropdownLinks(_ref) {
   var navSection = _ref.navSection,
@@ -32,7 +31,6 @@ var FooterDropdownLinks = function FooterDropdownLinks(_ref) {
     children: [/*#__PURE__*/_jsxs(DropdownLinkBlock, {
       width: width,
       className: dropdownActive ? 'open' : '',
-      onMouseDown: defaultOnMouseDownHandler,
       onClick: function onClick() {
         return setDropdownActive(!dropdownActive);
       },

package/dist/Footer/Components/FooterDropdownLinks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"names":["React","styled","COLORS","ComponentTextStyle","invertedFocusStyles","ChevronDown","ChevronUp","ComponentMStyling","ComponentSStyling","HyperLink","defaultOnMouseDownHandler","Wrapper","div","neutral_100","DropdownLinkBlock","button","Bold","white","props","width","neutral_20","primary_700","primary_100","primary_800","Regular","neutral_800","LinkBlock","FooterDropdownLinks","navSection","useState","dropdownActive","setDropdownActive","header","links","map","item","index","Math","floor","random","to","target","label"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {COLORS, ComponentTextStyle, focusStyles, invertedFocusStyles} from '../../styles';\nimport {ChevronDown, ChevronUp} from '../../icons/systemicons/SystemIcons';\nimport {NavSection} from '../../types';\nimport {ComponentMStyling, ComponentSStyling} from '../../styles/typography';\nimport {HyperLink} from '../../HyperLink';\nimport {defaultOnMouseDownHandler} from '../../common';\n\nconst Wrapper = styled.div`\n  width: 100%;\n  border-top: 1px solid ${COLORS.neutral_100};\n\n  &:last-child {\n    border-bottom: 1px solid ${COLORS.neutral_100};\n  }\n`;\n\nconst DropdownLinkBlock = styled.button<{ width: number }>`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\n\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ${COLORS.neutral_20};\n    color: ${COLORS.primary_700};\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n\n  &:focus {\n    ${invertedFocusStyles}\n  }\n\n  h3 {\n    margin: auto 0;\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\n  }\n\n  .open {\n    h3 {\n      background-color: ${COLORS.neutral_20};\n      color: ${COLORS.neutral_800};\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n`;\n\nconst LinkBlock = styled.div<{ width: number }>`\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ${COLORS.neutral_20};\n      color: ${COLORS.primary_700};\n      cursor: pointer;\n    }\n\n    &:focus {\n      ${invertedFocusStyles}\n    }\n\n    &:active {\n      background-color: ${COLORS.primary_100};\n      color: ${COLORS.primary_800};\n    }\n  }\n`;\n\ninterface FooterNavSectionProps {\n  navSection: NavSection;\n  width: number;\n}\n\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\n  return (\n    <Wrapper>\n      <DropdownLinkBlock width={width}\n                         className={dropdownActive ? 'open' : ''}\n                         onMouseDown={defaultOnMouseDownHandler}\n                         onClick={() => setDropdownActive(!dropdownActive)}>\n        <h3>{navSection.header}</h3>\n        {dropdownActive ? <ChevronUp size=\"24px\" /> : <ChevronDown size=\"24px\" />}\n      </DropdownLinkBlock>\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\n        {navSection.links.map((item, index) => (\n          <HyperLink key={index}\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\n                     variant={'inverted'}\n                     href={item.to}\n                     target={item.target || '_blank'}\n                     rel=\"noreferrer noopener\">\n            {item.label}\n          </HyperLink>\n        ))}\n      </LinkBlock>\n    </Wrapper>\n  );\n};\n\nexport default FooterDropdownLinks;\n"],"file":"FooterDropdownLinks.js"}
+{"version":3,"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"names":["React","styled","COLORS","ComponentTextStyle","ChevronDown","ChevronUp","ComponentMStyling","ComponentSStyling","HyperLink","Wrapper","div","neutral_100","DropdownLinkBlock","button","Bold","white","props","width","neutral_20","primary_700","primary_100","primary_800","Regular","neutral_800","LinkBlock","FooterDropdownLinks","navSection","useState","dropdownActive","setDropdownActive","header","links","map","item","index","Math","floor","random","to","target","label"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {COLORS, ComponentTextStyle} from '../../styles';\nimport {ChevronDown, ChevronUp} from '../../icons/systemicons/SystemIcons';\nimport {NavSection} from '../../types';\nimport {ComponentMStyling, ComponentSStyling} from '../../styles/typography';\nimport {HyperLink} from '../../HyperLink';\n\nconst Wrapper = styled.div`\n  width: 100%;\n  border-top: 1px solid ${COLORS.neutral_100};\n\n  &:last-child {\n    border-bottom: 1px solid ${COLORS.neutral_100};\n  }\n`;\n\nconst DropdownLinkBlock = styled.button<{ width: number }>`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\n\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ${COLORS.neutral_20};\n    color: ${COLORS.primary_700};\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n\n  &:focus {\n    box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\n    outline: none;\n  }\n\n  h3 {\n    margin: auto 0;\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\n  }\n\n  .open {\n    h3 {\n      background-color: ${COLORS.neutral_20};\n      color: ${COLORS.neutral_800};\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n`;\n\nconst LinkBlock = styled.div<{ width: number }>`\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ${COLORS.neutral_20};\n      color: ${COLORS.primary_700};\n      cursor: pointer;\n    }\n\n    &:focus {\n      background-color: ${COLORS.neutral_20};\n      box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\n      outline: none;\n    }\n\n    &:active {\n      background-color: ${COLORS.primary_100};\n      color: ${COLORS.primary_800};\n    }\n  }\n`;\n\ninterface FooterNavSectionProps {\n  navSection: NavSection;\n  width: number;\n}\n\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\n  return (\n    <Wrapper>\n      <DropdownLinkBlock width={width} className={dropdownActive ? 'open' : ''} onClick={() => setDropdownActive(!dropdownActive)}>\n        <h3>{navSection.header}</h3>\n        {dropdownActive ? <ChevronUp size=\"24px\" /> : <ChevronDown size=\"24px\" />}\n      </DropdownLinkBlock>\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\n        {navSection.links.map((item, index) => (\n          <HyperLink key={index}\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\n                     variant={'inverted'}\n                     href={item.to}\n                     target={item.target || '_blank'}\n                     rel=\"noreferrer noopener\">\n            {item.label}\n          </HyperLink>\n        ))}\n      </LinkBlock>\n    </Wrapper>\n  );\n};\n\nexport default FooterDropdownLinks;\n"],"file":"FooterDropdownLinks.js"}

package/dist/Footer/Components/FooterNewsletterAndSocialSection.cjs

@@ -29,8 +29,6 @@ var _Button = require("../../Button");
 
 var _typography = require("../../styles/typography");
 
-var _styling = require("../../InputFields/styling");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
@@ -43,13 +41,13 @@ var NewsletterAndSocial = _styledComponents.default.section(_templateObject || (
 
 var NewsletterEmailSection = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  margin: 16px auto 0 auto;\n\n  ", " {\n    width: 60%;\n    margin: 16px 0 0 0;\n  }\n\n  label {\n    ", "\n    margin-bottom: 2px;\n  }\n  div div {\n    width: 100%;\n    ", " {\n      width: calc(100% - 82px);\n      width: 288px;\n    }\n  }\n  input {\n    height: 48px;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, (0, _typography.ComponentXXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.white), _styles.BREAKPOINTS.MEDIUM);
 
-var NewsletterEmail = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  margin: 2px auto 0;\n\n  ", " {\n    margin: 2px 0 0 0;\n    flex-direction: row;\n  }\n\n  ", " {\n    &.focus-visible {\n      ", "\n    }\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, _styling.InputFieldStyling, _styles.invertedFocusStyles);
+var NewsletterEmail = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 2px;\n  margin: 2px auto 0 auto;\n\n  ", " {\n    margin: 2px 0 0 0;\n    flex-direction: row;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
 
-var NewsletterButton = _styledComponents.default.button(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  background: transparent;\n  width: 100%;\n  height: 40px;\n  border: 2px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  margin: 8px 0 4px 0;\n\n  ", "\n\n  ", " {\n    width: 94px;\n    margin: auto 0 4px 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  \n  &:focus {\n    ", "\n  }\n"])), _styles.COLORS.white, (0, _typography.ComponentLStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.white), _styles.BREAKPOINTS.MEDIUM, _styles.invertedFocusStyles);
+var NewsletterButton = _styledComponents.default.button(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  background: transparent;\n  width: 100%;\n  height: 40px;\n  border: 2px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  margin: 8px 0 4px 0;\n\n  ", "\n\n  ", " {\n    width: 94px;\n    margin: auto 0 4px 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n"])), _styles.COLORS.white, (0, _typography.ComponentLStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.white), _styles.BREAKPOINTS.MEDIUM);
 
 var SocialMedia = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin: 0 auto;\n\n  button div {\n    box-sizing: border-box;\n    border-radius: 4px;\n  }\n\n  h4 {\n    margin-top: 16px;\n    margin-bottom: 8px;\n    \n    ", "\n  }\n\n  ", " {\n    margin: 0 0 0 auto;\n    button {\n      margin: 0 0 0 12px;\n    }\n  }\n"])), _styles.COLORS.white, (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, 'inherit'), _styles.BREAKPOINTS.MEDIUM);
 
-var SocialMediaButtons = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n\n  button div {\n    display: flex;\n    background-color: transparent;\n    color: ", ";\n    margin: 0 0 0 20px;\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n\n    &:first-child {\n      margin: 0;\n    }\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n    }\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n  a {\n    &:focus {\n      ", "\n    }\n  }\n\n  ", " {\n    justify-content: flex-end;\n  }\n"])), _styles.COLORS.white, _styles.COLORS.white, _styles.COLORS.white, _styles.COLORS.white, _styles.COLORS.neutral_600, _styles.COLORS.primary_800, _styles.COLORS.primary_100, _styles.invertedFocusStyles, _styles.BREAKPOINTS.MEDIUM);
+var SocialMediaButtons = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n\n  button div {\n    display: flex;\n    background-color: transparent;\n    color: ", ";\n    margin: 0 0 0 20px;\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n\n    &:first-child {\n      margin: 0;\n    }\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n    }\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n  a {\n    &:focus {\n      outline: none;\n      div {\n        background-color: ", ";\n        color: ", ";\n        outline: none;\n        box-shadow: 0px 0px 8px ", ", 0px 4px 12px rgba(46, 127, 161, 0.25);\n      }\n      div svg path,\n      div svg {\n        fill: ", ";\n      }\n    }\n  }\n\n  ", " {\n    justify-content: flex-end;\n  }\n"])), _styles.COLORS.white, _styles.COLORS.white, _styles.COLORS.white, _styles.COLORS.white, _styles.COLORS.neutral_600, _styles.COLORS.primary_800, _styles.COLORS.primary_100, _styles.COLORS.white, _styles.COLORS.neutral_600, _styles.COLORS.primary_500, _styles.COLORS.neutral_600, _styles.BREAKPOINTS.MEDIUM);
 
 var FooterNewsletterAndSocialSection = function FooterNewsletterAndSocialSection(_ref) {
   var actionOnNewsletterSignup = _ref.actionOnNewsletterSignup,

package/dist/Footer/Components/FooterNewsletterAndSocialSection.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"names":["NewsletterAndSocial","styled","section","BREAKPOINTS","MEDIUM","NewsletterEmailSection","div","ComponentTextStyle","Regular","COLORS","white","NewsletterEmail","InputFieldStyling","invertedFocusStyles","NewsletterButton","button","Bold","SocialMedia","SocialMediaButtons","neutral_600","primary_800","primary_100","FooterNewsletterAndSocialSection","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","React","useState","emailInput","setEmailInput","value","e","target"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles} from '../../styles';\nimport {TextField} from '../../InputFields';\nimport {Facebook, Twitter, Youtube} from '../../icons/systemicons/SystemIcons';\nimport {IconButton} from '../../Button';\nimport {\n  ComponentLStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n  ComponentXXSStyling\n} from '../../styles/typography';\nimport {InputFieldStyling} from '../../InputFields/styling';\n\nconst NewsletterAndSocial = styled.section`\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n\n  ${BREAKPOINTS.MEDIUM} {\n    flex-direction: row;\n  }\n`;\n\nconst NewsletterEmailSection = styled.div`\n  width: 100%;\n  margin: 16px auto 0 auto;\n\n  ${BREAKPOINTS.MEDIUM} {\n    width: 60%;\n    margin: 16px 0 0 0;\n  }\n\n  label {\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.white)}\n    margin-bottom: 2px;\n  }\n  div div {\n    width: 100%;\n    ${BREAKPOINTS.MEDIUM} {\n      width: calc(100% - 82px);\n      width: 288px;\n    }\n  }\n  input {\n    height: 48px;\n  }\n`;\n\nconst NewsletterEmail = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin: 2px auto 0;\n\n  ${BREAKPOINTS.MEDIUM} {\n    margin: 2px 0 0 0;\n    flex-direction: row;\n  }\n\n  ${InputFieldStyling} {\n    &.focus-visible {\n      ${invertedFocusStyles}\n    }\n  }\n`;\n\nconst NewsletterButton = styled.button`\n  background: transparent;\n  width: 100%;\n  height: 40px;\n  border: 2px solid ${COLORS.white};\n  box-sizing: border-box;\n  border-radius: 8px;\n  margin: 8px 0 4px 0;\n\n  ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.white)}\n\n  ${BREAKPOINTS.MEDIUM} {\n    width: 94px;\n    margin: auto 0 4px 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  \n  &:focus {\n    ${invertedFocusStyles}\n  }\n`;\n\nconst SocialMedia = styled.div`\n  color: ${COLORS.white};\n  margin: 0 auto;\n\n  button div {\n    box-sizing: border-box;\n    border-radius: 4px;\n  }\n\n  h4 {\n    margin-top: 16px;\n    margin-bottom: 8px;\n    \n    ${ComponentXSStyling(ComponentTextStyle.Regular, 'inherit')}\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    margin: 0 0 0 auto;\n    button {\n      margin: 0 0 0 12px;\n    }\n  }\n`;\n\nconst SocialMediaButtons = styled.div`\n  display: flex;\n  justify-content: center;\n\n  button div {\n    display: flex;\n    background-color: transparent;\n    color: ${COLORS.white};\n    margin: 0 0 0 20px;\n\n    svg {\n      fill: ${COLORS.white};\n      path {\n        fill: ${COLORS.white};\n      }\n    }\n\n    &:first-child {\n      margin: 0;\n    }\n    &:hover {\n      background-color: ${COLORS.white};\n      color: ${COLORS.neutral_600};\n    }\n    &:active {\n      background-color: ${COLORS.primary_800};\n      color: ${COLORS.primary_100};\n    }\n  }\n  a {\n    &:focus {\n      ${invertedFocusStyles}\n    }\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    justify-content: flex-end;\n  }\n`;\n\ninterface FooterNewsletterAndSocialSection {\n  actionOnNewsletterSignup?: (email: string) => void;\n  newsletterLabel: string;\n  placeholderEmail?: string;\n}\n\nconst FooterNewsletterAndSocialSection = ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => {\n  const [emailInput, setEmailInput] = React.useState<string>('');\n  return (\n    <NewsletterAndSocial>\n      <NewsletterEmailSection>\n        <label>{newsletterLabel}</label>\n        <NewsletterEmail>\n          <TextField id=\"NewsletterEmail\" withoutBorder={true} placeholder={placeholderEmail} value={emailInput} onChange={(value: string) => setEmailInput(value)} />\n          <NewsletterButton onClick={(e: any) => actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value)}>Sign up</NewsletterButton>\n        </NewsletterEmail>\n      </NewsletterEmailSection>\n      <SocialMedia>\n        <h4>Follow us on social media</h4>\n        <SocialMediaButtons>\n          <a href=\"https://www.facebook.com/LaerdalMedical/\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\n              <Facebook />\n            </IconButton>\n          </a>\n          <a href=\"https://twitter.com/laerdalmedical\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\n              <Twitter />\n            </IconButton>\n          </a>\n          <a href=\"https://www.youtube.com/user/LaerdalMedical\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\n              <Youtube />\n            </IconButton>\n          </a>\n        </SocialMediaButtons>\n      </SocialMedia>\n    </NewsletterAndSocial>\n  );\n};\n\nexport default FooterNewsletterAndSocialSection;\n"],"file":"FooterNewsletterAndSocialSection.cjs"}
+{"version":3,"sources":["../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"names":["NewsletterAndSocial","styled","section","BREAKPOINTS","MEDIUM","NewsletterEmailSection","div","ComponentTextStyle","Regular","COLORS","white","NewsletterEmail","NewsletterButton","button","Bold","SocialMedia","SocialMediaButtons","neutral_600","primary_800","primary_100","primary_500","FooterNewsletterAndSocialSection","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","React","useState","emailInput","setEmailInput","value","e","target"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {BREAKPOINTS, COLORS} from '../../styles';\nimport {TextField} from '../../InputFields';\nimport {Facebook, Twitter, Youtube} from '../../icons/systemicons/SystemIcons';\nimport {IconButton} from '../../Button';\nimport {\n  ComponentLStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n  ComponentXXSStyling\n} from '../../styles/typography';\n\nconst NewsletterAndSocial = styled.section`\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n\n  ${BREAKPOINTS.MEDIUM} {\n    flex-direction: row;\n  }\n`;\n\nconst NewsletterEmailSection = styled.div`\n  width: 100%;\n  margin: 16px auto 0 auto;\n\n  ${BREAKPOINTS.MEDIUM} {\n    width: 60%;\n    margin: 16px 0 0 0;\n  }\n\n  label {\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.white)}\n    margin-bottom: 2px;\n  }\n  div div {\n    width: 100%;\n    ${BREAKPOINTS.MEDIUM} {\n      width: calc(100% - 82px);\n      width: 288px;\n    }\n  }\n  input {\n    height: 48px;\n  }\n`;\n\nconst NewsletterEmail = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin-top: 2px;\n  margin: 2px auto 0 auto;\n\n  ${BREAKPOINTS.MEDIUM} {\n    margin: 2px 0 0 0;\n    flex-direction: row;\n  }\n`;\n\nconst NewsletterButton = styled.button`\n  background: transparent;\n  width: 100%;\n  height: 40px;\n  border: 2px solid ${COLORS.white};\n  box-sizing: border-box;\n  border-radius: 8px;\n  margin: 8px 0 4px 0;\n\n  ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.white)}\n\n  ${BREAKPOINTS.MEDIUM} {\n    width: 94px;\n    margin: auto 0 4px 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nconst SocialMedia = styled.div`\n  color: ${COLORS.white};\n  margin: 0 auto;\n\n  button div {\n    box-sizing: border-box;\n    border-radius: 4px;\n  }\n\n  h4 {\n    margin-top: 16px;\n    margin-bottom: 8px;\n    \n    ${ComponentXSStyling(ComponentTextStyle.Regular, 'inherit')}\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    margin: 0 0 0 auto;\n    button {\n      margin: 0 0 0 12px;\n    }\n  }\n`;\n\nconst SocialMediaButtons = styled.div`\n  display: flex;\n  justify-content: center;\n\n  button div {\n    display: flex;\n    background-color: transparent;\n    color: ${COLORS.white};\n    margin: 0 0 0 20px;\n\n    svg {\n      fill: ${COLORS.white};\n      path {\n        fill: ${COLORS.white};\n      }\n    }\n\n    &:first-child {\n      margin: 0;\n    }\n    &:hover {\n      background-color: ${COLORS.white};\n      color: ${COLORS.neutral_600};\n    }\n    &:active {\n      background-color: ${COLORS.primary_800};\n      color: ${COLORS.primary_100};\n    }\n  }\n  a {\n    &:focus {\n      outline: none;\n      div {\n        background-color: ${COLORS.white};\n        color: ${COLORS.neutral_600};\n        outline: none;\n        box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\n      }\n      div svg path,\n      div svg {\n        fill: ${COLORS.neutral_600};\n      }\n    }\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    justify-content: flex-end;\n  }\n`;\n\ninterface FooterNewsletterAndSocialSection {\n  actionOnNewsletterSignup?: (email: string) => void;\n  newsletterLabel: string;\n  placeholderEmail?: string;\n}\n\nconst FooterNewsletterAndSocialSection = ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => {\n  const [emailInput, setEmailInput] = React.useState<string>('');\n  return (\n    <NewsletterAndSocial>\n      <NewsletterEmailSection>\n        <label>{newsletterLabel}</label>\n        <NewsletterEmail>\n          <TextField id=\"NewsletterEmail\" withoutBorder={true} placeholder={placeholderEmail} value={emailInput} onChange={(value: string) => setEmailInput(value)} />\n          <NewsletterButton onClick={(e: any) => actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value)}>Sign up</NewsletterButton>\n        </NewsletterEmail>\n      </NewsletterEmailSection>\n      <SocialMedia>\n        <h4>Follow us on social media</h4>\n        <SocialMediaButtons>\n          <a href=\"https://www.facebook.com/LaerdalMedical/\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\n              <Facebook />\n            </IconButton>\n          </a>\n          <a href=\"https://twitter.com/laerdalmedical\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\n              <Twitter />\n            </IconButton>\n          </a>\n          <a href=\"https://www.youtube.com/user/LaerdalMedical\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\n              <Youtube />\n            </IconButton>\n          </a>\n        </SocialMediaButtons>\n      </SocialMedia>\n    </NewsletterAndSocial>\n  );\n};\n\nexport default FooterNewsletterAndSocialSection;\n"],"file":"FooterNewsletterAndSocialSection.cjs"}

package/dist/Footer/Components/FooterNewsletterAndSocialSection.js

@@ -6,20 +6,19 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 
 import * as React from 'react';
 import styled from 'styled-components';
-import { BREAKPOINTS, COLORS, invertedFocusStyles } from '../../styles';
+import { BREAKPOINTS, COLORS } from '../../styles';
 import { TextField } from '../../InputFields';
 import { Facebook, Twitter, Youtube } from '../../icons/systemicons/SystemIcons';
 import { IconButton } from '../../Button';
 import { ComponentLStyling, ComponentTextStyle, ComponentXSStyling, ComponentXXSStyling } from '../../styles/typography';
-import { InputFieldStyling } from '../../InputFields/styling';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var NewsletterAndSocial = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n\n  ", " {\n    flex-direction: row;\n  }\n"])), BREAKPOINTS.MEDIUM);
 var NewsletterEmailSection = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 16px auto 0 auto;\n\n  ", " {\n    width: 60%;\n    margin: 16px 0 0 0;\n  }\n\n  label {\n    ", "\n    margin-bottom: 2px;\n  }\n  div div {\n    width: 100%;\n    ", " {\n      width: calc(100% - 82px);\n      width: 288px;\n    }\n  }\n  input {\n    height: 48px;\n  }\n"])), BREAKPOINTS.MEDIUM, ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.white), BREAKPOINTS.MEDIUM);
-var NewsletterEmail = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin: 2px auto 0;\n\n  ", " {\n    margin: 2px 0 0 0;\n    flex-direction: row;\n  }\n\n  ", " {\n    &.focus-visible {\n      ", "\n    }\n  }\n"])), BREAKPOINTS.MEDIUM, InputFieldStyling, invertedFocusStyles);
-var NewsletterButton = styled.button(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background: transparent;\n  width: 100%;\n  height: 40px;\n  border: 2px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  margin: 8px 0 4px 0;\n\n  ", "\n\n  ", " {\n    width: 94px;\n    margin: auto 0 4px 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  \n  &:focus {\n    ", "\n  }\n"])), COLORS.white, ComponentLStyling(ComponentTextStyle.Bold, COLORS.white), BREAKPOINTS.MEDIUM, invertedFocusStyles);
+var NewsletterEmail = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 2px;\n  margin: 2px auto 0 auto;\n\n  ", " {\n    margin: 2px 0 0 0;\n    flex-direction: row;\n  }\n"])), BREAKPOINTS.MEDIUM);
+var NewsletterButton = styled.button(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background: transparent;\n  width: 100%;\n  height: 40px;\n  border: 2px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  margin: 8px 0 4px 0;\n\n  ", "\n\n  ", " {\n    width: 94px;\n    margin: auto 0 4px 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n"])), COLORS.white, ComponentLStyling(ComponentTextStyle.Bold, COLORS.white), BREAKPOINTS.MEDIUM);
 var SocialMedia = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin: 0 auto;\n\n  button div {\n    box-sizing: border-box;\n    border-radius: 4px;\n  }\n\n  h4 {\n    margin-top: 16px;\n    margin-bottom: 8px;\n    \n    ", "\n  }\n\n  ", " {\n    margin: 0 0 0 auto;\n    button {\n      margin: 0 0 0 12px;\n    }\n  }\n"])), COLORS.white, ComponentXSStyling(ComponentTextStyle.Regular, 'inherit'), BREAKPOINTS.MEDIUM);
-var SocialMediaButtons = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n\n  button div {\n    display: flex;\n    background-color: transparent;\n    color: ", ";\n    margin: 0 0 0 20px;\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n\n    &:first-child {\n      margin: 0;\n    }\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n    }\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n  a {\n    &:focus {\n      ", "\n    }\n  }\n\n  ", " {\n    justify-content: flex-end;\n  }\n"])), COLORS.white, COLORS.white, COLORS.white, COLORS.white, COLORS.neutral_600, COLORS.primary_800, COLORS.primary_100, invertedFocusStyles, BREAKPOINTS.MEDIUM);
+var SocialMediaButtons = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n\n  button div {\n    display: flex;\n    background-color: transparent;\n    color: ", ";\n    margin: 0 0 0 20px;\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n\n    &:first-child {\n      margin: 0;\n    }\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n    }\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n  a {\n    &:focus {\n      outline: none;\n      div {\n        background-color: ", ";\n        color: ", ";\n        outline: none;\n        box-shadow: 0px 0px 8px ", ", 0px 4px 12px rgba(46, 127, 161, 0.25);\n      }\n      div svg path,\n      div svg {\n        fill: ", ";\n      }\n    }\n  }\n\n  ", " {\n    justify-content: flex-end;\n  }\n"])), COLORS.white, COLORS.white, COLORS.white, COLORS.white, COLORS.neutral_600, COLORS.primary_800, COLORS.primary_100, COLORS.white, COLORS.neutral_600, COLORS.primary_500, COLORS.neutral_600, BREAKPOINTS.MEDIUM);
 
 var FooterNewsletterAndSocialSection = function FooterNewsletterAndSocialSection(_ref) {
   var actionOnNewsletterSignup = _ref.actionOnNewsletterSignup,