@laerdal/life-react-components 3.5.1-uss.hackathon → 3.5.2

package/dist/Dropdown/DropdownFilter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFilter.cjs","names":["DropdownFilter","React","forwardRef","ref","id","list","placeholder","onSelect","onInputChange","value","required","messageOnNoResults","disabled","readOnly","scrollable","activeValidationMessage","autofilledMessage","size","disableFiltering","buttonFontSize","margin","loading","onFocus","onBlur","dataTestId","rest","useState","isOpen","setIsOpen","input","setInput","activeDescendant","setActiveDescendant","restartFilter","setRestartFilter","selectedItem","setSelectedItem","selectedValues","setSelectedValues","focused","setFocused","inputFocused","setInputFocused","init","setInit","styledFieldRef","useFocusVisibleRef","inputRef","clearButtonRef","useRef","useActionWithin","useImperativeHandle","current","containerRef","useClickOutsideRef","useFocusOutsideRef","handleInputKeyDown","e","key","preventDefault","useEffect","length","val","item","find","a","displayLabel","undefined","handleInputClear","focus","focusVisible","detail","renderInput","stopPropagation","blur","defaultOnMouseDownHandler","Math","floor","random","target","marginLeft","Size","Small","COLORS","neutral_600","itemsType","multiSelect","action","onValueUpdate","values","items","critical_400"],"sources":["../../src/Dropdown/DropdownFilter.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { COLORS } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { DropdownInputFieldStyles, DropdownContainer, DropdownInputField } from './CommonStyling';\r\nimport DropdownContent, { DropdownItem } from './DropdownContent';\r\nimport { Size, Testable } from '../types';\r\nimport { AutofilledMessage, ErrorMessage } from '../InputFields';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport { defaultOnMouseDownHandler, useActionWithin, useClickOutsideRef, useFocusOutsideRef, useFocusVisibleRef } from '../common';\r\nimport { IconButton } from '../Button';\r\n\r\nexport interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {\r\n  list: DropdownItem[];\r\n  placeholder?: string;\r\n  \r\n  value?: string;\r\n  onSelect?: (value: string) => void;\r\n  onInputChange?: (input: string) => void;\r\n\r\n  required?: boolean;\r\n  disabled?: boolean;\r\n  readOnly?: boolean;\r\n  loading?: boolean;\r\n\r\n  disableFiltering?: boolean;\r\n\r\n  messageOnNoResults?: string;\r\n  activeValidationMessage?: string;\r\n  autofilledMessage?: string;\r\n  size?: Size.Small | Size.Medium;\r\n\r\n  buttonFontSize?: string;\r\n  margin?: string;\r\n  scrollable?: boolean;\r\n}\r\n\r\nconst DropdownFilter = React.forwardRef( ({\r\n                                            id,\r\n                                            list,\r\n                                            placeholder,\r\n                                            onSelect,\r\n                                            onInputChange,\r\n                                            value,\r\n                                            required,\r\n                                            messageOnNoResults,\r\n                                            disabled,\r\n                                            readOnly,\r\n                                            scrollable,\r\n                                            activeValidationMessage,\r\n                                            autofilledMessage,\r\n                                            size,\r\n                                            disableFiltering,\r\n                                            buttonFontSize,\r\n                                            margin,\r\n                                            loading,\r\n                                            onFocus,\r\n                                            onBlur,\r\n                                            dataTestId,\r\n                                            ...rest\r\n                                          }: DropdownFilterProps, ref) => {\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [input, setInput] = React.useState<string>();\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n  const [selectedItem, setSelectedItem] = React.useState<DropdownItem>();\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [inputFocused, setInputFocused] = React.useState<boolean>(false);\r\n  const [init, setInit] = React.useState<boolean>(true);\r\n\r\n  const styledFieldRef = useFocusVisibleRef();\r\n  const inputRef = useFocusVisibleRef([styledFieldRef]);\r\n  const clearButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  useActionWithin(styledFieldRef, input && !readOnly && !disabled ? [clearButtonRef] : []);\r\n\r\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n  const containerRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [],\r\n    useFocusOutsideRef(() => setIsOpen(false)),\r\n  );\r\n\r\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === 'Esc' || e.key === 'Escape') {\r\n      e.preventDefault();\r\n    }\r\n    if (e.key === 'ArrowDown' || e.key === 'Down' || e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.preventDefault();\r\n      if (!isOpen) {\r\n        setIsOpen(true);\r\n      }\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    setInit(true);\r\n    setSelectedValues(!!value ? [value] : []);\r\n  }, [value]);\r\n\r\n  React.useEffect(() => {\r\n    if (selectedValues?.length) {\r\n      const val = selectedValues[0];\r\n      const item = list.find((a) => a.value === val);\r\n      setSelectedItem(item);\r\n      setInput(item?.displayLabel ?? item?.value ?? '');\r\n      onSelect && !init && onSelect(val);\r\n    } else {\r\n      setSelectedItem(undefined);\r\n      onSelect && !init && onSelect('');\r\n      setInput('');\r\n    }\r\n  }, [selectedValues]);\r\n\r\n  React.useEffect(() => {\r\n    if (!isOpen) {\r\n      if (!!selectedItem) {\r\n        setInput(selectedItem?.displayLabel ?? selectedItem?.value ?? '');\r\n      } else {\r\n        setInput('');\r\n      }\r\n    }\r\n\r\n    setRestartFilter(true);\r\n  }, [isOpen, selectedItem]);\r\n\r\n  const handleInputClear = (e: any) => {\r\n    setInput('');\r\n    setSelectedValues([]);\r\n    onSelect && onSelect('');\r\n    inputRef.current?.focus({ focusVisible: e?.detail !== 1 } as any);\r\n  };\r\n\r\n  const renderInput = () => {\r\n    return (\r\n      <DropdownInputFieldStyles\r\n        ref={styledFieldRef}\r\n        className={size ? size : ''}\r\n        onClick={(e: any) => {\r\n          if (!readOnly && !disabled) {\r\n            e.stopPropagation();\r\n            setIsOpen(!isOpen);\r\n            if (isOpen) {\r\n              inputRef.current?.blur();\r\n            } else {\r\n              inputRef.current?.focus();\r\n            }\r\n          }\r\n        }}\r\n        disabled={disabled || false}\r\n        readOnly={readOnly || false}\r\n        isPlaceholder={!input}\r\n        fontSize={buttonFontSize}\r\n        showValidationMessage={!!activeValidationMessage}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        data-testid={`otherdiv_${id}`}>\r\n        <DropdownInputField\r\n          id={id}\r\n          ref={inputRef}\r\n          autoComplete={'off-' + Math.floor(Math.random() * 999999999999)}\r\n          type=\"search\"\r\n          placeholder={inputFocused ? '' : placeholder}\r\n          onKeyDown={handleInputKeyDown}\r\n          ellipsis\r\n          value={input || ''}\r\n          onChange={(e: any) => {\r\n            if (!e.target.value) {\r\n              setSelectedValues([]);\r\n            }\r\n            if (!readOnly && !disabled && e.target.value !== input) {\r\n              setRestartFilter(false);\r\n              setIsOpen(true);\r\n              setInput(e.target.value);\r\n              if (onInputChange) {\r\n                onInputChange(e.target.value || '');\r\n              }\r\n            }\r\n          }}\r\n          onFocus={(e) => {\r\n            setInputFocused(true);\r\n            onFocus && onFocus(e);\r\n          }}\r\n          onBlur={(e) => {\r\n            setInputFocused(false);\r\n            onBlur && onBlur(e);\r\n          }}\r\n          required={required}\r\n          tabIndex={disabled || readOnly ? -1 : 0}\r\n          disabled={disabled || false}\r\n          data-testid={dataTestId}\r\n          {...rest}\r\n        />\r\n        {!isOpen ? <TooltipOverflow input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end' position='bottom'>\r\n            {input}\r\n          </TooltipOverflow> : null}\r\n        {input && !readOnly && !disabled && !loading && (\r\n          <IconButton action={handleInputClear} ref={clearButtonRef} useTransparentBackground={true} shape={'circular'} style={{ marginLeft: '-4px' }} variant={'secondary'}>\r\n            <SystemIcons.Clear />\r\n          </IconButton>\r\n        )}\r\n\r\n        {!disabled && !readOnly && loading && (\r\n          <div style={{ marginLeft: '-4xp' }}>\r\n            <LoadingIndicator size={Size.Small} color={COLORS.neutral_600} />\r\n          </div>\r\n        )}\r\n\r\n        <div className={'dropdown-arrow'}>\r\n          {isOpen && !readOnly && !disabled ? <SystemIcons.ArrowDropUp size=\"24px\" className={size ? size : ''} /> : <SystemIcons.ArrowDropDown size=\"24px\" className={size ? size : ''} />}\r\n        </div>\r\n      </DropdownInputFieldStyles>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <DropdownContainer ref={containerRef}\r\n      role=\"combobox\"\r\n      aria-multiselectable={true} \r\n      aria-controls={`${id}_dropdowncontent`}\r\n      aria-activedescendant={activeDescendant}\r\n      aria-expanded={isOpen}\r\n      disabled={disabled} isButton={false} readOnly={readOnly} className={size ? size : ''} margin={margin}>\r\n        {renderInput()}\r\n        {!readOnly && !disabled && (\r\n          <DropdownContent\r\n            containerRef={containerRef}\r\n            isOpen={isOpen && !loading}\r\n            messageOnNoResults={messageOnNoResults ?? ''}\r\n            selectedValues={selectedValues}\r\n            setSelectedValues={setSelectedValues}\r\n            size={size ?? Size.Small}\r\n            onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n            focused={focused}\r\n            ariaRolesType=\"input\"\r\n            setFocused={setFocused}\r\n            outline={false}\r\n            customizationProps={{\r\n              itemsType: 'normal',\r\n              scrollable: scrollable,\r\n              multiSelect: false,\r\n              action: () => {},\r\n              onValueUpdate: (values: string[]) => {\r\n                setRestartFilter(true);\r\n                setInit(false);\r\n              },\r\n              items: list,\r\n            }}\r\n            filter={!disableFiltering && !restartFilter ? input || '' : ''}\r\n            setIsOpen={setIsOpen}\r\n            isButton={false}\r\n            id={`${id}_dropdowncontent`}\r\n          />\r\n        )}\r\n      </DropdownContainer>\r\n      {activeValidationMessage && (\r\n        <ErrorMessage className={size || ''}>\r\n          <SystemIcons.TechnicalWarning color={COLORS.critical_400} />\r\n          <span>{activeValidationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n      {autofilledMessage && (\r\n        <AutofilledMessage className={size || ''}>\r\n          <SystemIcons.Information color={COLORS.neutral_600} />\r\n          <span>{autofilledMessage}</span>\r\n        </AutofilledMessage>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nexport default DropdownFilter;\r\n"],"mappings":"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"}
+{"version":3,"file":"DropdownFilter.cjs","names":["React","_interopRequireWildcard","require","_styles","_icons","_LoadingIndicator","_CommonStyling","_DropdownContent","_interopRequireDefault","_types","_InputFields","_TooltipOverflow","_common","_Button","_styledComponents","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","DropdownFilter","forwardRef","_ref","ref","id","list","placeholder","onSelect","onInputChange","value","required","messageOnNoResults","disabled","readOnly","scrollable","activeValidationMessage","autofilledMessage","size","disableFiltering","margin","loading","onFocus","overflowTooltipPosition","onBlur","dataTestId","rest","_objectWithoutProperties2","theme","useTheme","_React$useState","useState","_React$useState2","_slicedToArray2","isOpen","setIsOpen","_React$useState3","_React$useState4","input","setInput","_React$useState5","_React$useState6","activeDescendant","setActiveDescendant","_React$useState7","_React$useState8","restartFilter","setRestartFilter","_React$useState9","_React$useState10","selectedItem","setSelectedItem","_React$useState11","_React$useState12","selectedValues","setSelectedValues","_React$useState13","_React$useState14","focused","setFocused","_React$useState15","_React$useState16","inputFocused","setInputFocused","_React$useState17","_React$useState18","init","setInit","styledFieldRef","useFocusVisibleRef","inputRef","clearButtonRef","useRef","useActionWithin","useImperativeHandle","current","containerRef","useClickOutsideRef","useFocusOutsideRef","handleInputKeyDown","key","preventDefault","useEffect","_ref2","_item$displayLabel","val","item","find","displayLabel","undefined","_ref3","_selectedItem$display","handleInputClear","_inputRef$current","focus","focusVisible","detail","renderInput","jsxs","DropdownInputFieldStyles","className","onClick","stopPropagation","_inputRef$current2","blur","_inputRef$current3","isPlaceholder","showValidationMessage","onMouseDown","defaultOnMouseDownHandler","concat","children","jsx","DropdownInputField","autoComplete","Math","floor","random","type","onKeyDown","ellipsis","onChange","target","tabIndex","position","withArrow","maxWidth","align","IconButton","action","useTransparentBackground","shape","style","marginLeft","variant","SystemIcons","Clear","LoadingIndicator","Size","Small","color","COLORS","getColor","ArrowDropUp","ArrowDropDown","Fragment","DropdownContainer","role","isButton","onActiveDescendantChanged","ariaRolesType","outline","customizationProps","itemsType","multiSelect","onValueUpdate","values","items","ErrorMessage","TechnicalWarning","AutofilledMessage","Information","propTypes","_propTypes","array","isRequired","string","func","bool","oneOf","_default","exports"],"sources":["../../src/Dropdown/DropdownFilter.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { COLORS } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { DropdownInputFieldStyles, DropdownContainer, DropdownInputField } from './CommonStyling';\r\nimport DropdownContent, { DropdownItem } from './DropdownContent';\r\nimport { Size, Testable } from '../types';\r\nimport { AutofilledMessage, ErrorMessage } from '../InputFields';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport { defaultOnMouseDownHandler, useActionWithin, useClickOutsideRef, useFocusOutsideRef, useFocusVisibleRef } from '../common';\r\nimport { IconButton } from '../Button';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {\r\n  /** Required. List of items to show in the dropdown. */\r\n  list: DropdownItem[];\r\n  /** Optional. Placeholder text to show when there is no input and no item was selected */\r\n  placeholder?: string;\r\n  /** Optional. Currently selected item */\r\n  value?: string;\r\n  /** Optional. Handler to be called when user selects one of the items. */\r\n  onSelect?: (value: string) => void;\r\n  /** Optional. Handler to be called when user changes text in the input. */\r\n  onInputChange?: (input: string) => void;\r\n  /** Optional. If set, then HTML 'required' attribute will be set for the input field */\r\n  required?: boolean;\r\n  /** Optional. If set, then user will not be able to interact with the input field */\r\n  disabled?: boolean;\r\n  /** Optional. If set, then 'readonly' HTML attribute will be set to the input field */\r\n  readOnly?: boolean;\r\n  /** Optional. If set, then loading indicator will be shown in the input field. */\r\n  loading?: boolean;\r\n\r\n  /** Optional. If set, then items in the dropdown will not be filtered depending on the user input */\r\n  disableFiltering?: boolean;\r\n\r\n  /** Optional. If none of the items fits input, then there will be a message shown in the dropdown. */\r\n  messageOnNoResults?: string;\r\n  /** Optional. Validation error message to be shown under the input field. */\r\n  activeValidationMessage?: string;\r\n  /** Optional. Informal message to show under the input field. */\r\n  autofilledMessage?: string;\r\n  /** Optional. Size of the input field */\r\n  size?: Size.Small | Size.Medium;\r\n\r\n  /** Optional. Position of the tooltip to show when input is overflowing the input field. */\r\n  overflowTooltipPosition?: 'top' | 'bottom';\r\n  /** Optional. Margin of the dropdown container items */\r\n  margin?: string;\r\n  /** Optional. Sets if dropdown container is scrollable */\r\n  scrollable?: boolean;\r\n}\r\n\r\nconst DropdownFilter = React.forwardRef( ({\r\n                                            id,\r\n                                            list,\r\n                                            placeholder,\r\n                                            onSelect,\r\n                                            onInputChange,\r\n                                            value,\r\n                                            required,\r\n                                            messageOnNoResults,\r\n                                            disabled,\r\n                                            readOnly,\r\n                                            scrollable,\r\n                                            activeValidationMessage,\r\n                                            autofilledMessage,\r\n                                            size,\r\n                                            disableFiltering,\r\n                                            margin,\r\n                                            loading,\r\n                                            onFocus,\r\n                                            overflowTooltipPosition,\r\n                                            onBlur,\r\n                                            dataTestId,\r\n                                            ...rest\r\n                                          }: DropdownFilterProps, ref) => {\r\n\r\n  const theme = useTheme();\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [input, setInput] = React.useState<string>();\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n  const [selectedItem, setSelectedItem] = React.useState<DropdownItem>();\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [inputFocused, setInputFocused] = React.useState<boolean>(false);\r\n  const [init, setInit] = React.useState<boolean>(true);\r\n\r\n  const styledFieldRef = useFocusVisibleRef();\r\n  const inputRef = useFocusVisibleRef([styledFieldRef]);\r\n  const clearButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  useActionWithin(styledFieldRef, input && !readOnly && !disabled ? [clearButtonRef] : []);\r\n\r\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n  const containerRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [],\r\n    useFocusOutsideRef(() => setIsOpen(false)),\r\n  );\r\n\r\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === 'Esc' || e.key === 'Escape') {\r\n      e.preventDefault();\r\n    }\r\n    if (e.key === 'ArrowDown' || e.key === 'Down' || e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.preventDefault();\r\n      if (!isOpen) {\r\n        setIsOpen(true);\r\n      }\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    setInit(true);\r\n    setSelectedValues(!!value ? [value] : []);\r\n  }, [value]);\r\n\r\n  React.useEffect(() => {\r\n    if (selectedValues?.length) {\r\n      const val = selectedValues[0];\r\n      const item = list.find((a) => a.value === val);\r\n      setSelectedItem(item);\r\n      setInput(item?.displayLabel ?? item?.value ?? '');\r\n      onSelect && !init && onSelect(val);\r\n    } else {\r\n      setSelectedItem(undefined);\r\n      onSelect && !init && onSelect('');\r\n      setInput('');\r\n    }\r\n  }, [selectedValues]);\r\n\r\n  React.useEffect(() => {\r\n    if (!isOpen) {\r\n      if (!!selectedItem) {\r\n        setInput(selectedItem?.displayLabel ?? selectedItem?.value ?? '');\r\n      } else {\r\n        setInput('');\r\n      }\r\n    }\r\n\r\n    setRestartFilter(true);\r\n  }, [isOpen, selectedItem]);\r\n\r\n  const handleInputClear = (e: any) => {\r\n    setInput('');\r\n    setSelectedValues([]);\r\n    onSelect && onSelect('');\r\n    inputRef.current?.focus({ focusVisible: e?.detail !== 1 } as any);\r\n  };\r\n\r\n  const renderInput = () => {\r\n    return (\r\n      <DropdownInputFieldStyles\r\n        ref={styledFieldRef}\r\n        className={size ? size : ''}\r\n        onClick={(e: any) => {\r\n          if (!readOnly && !disabled) {\r\n            e.stopPropagation();\r\n            setIsOpen(!isOpen);\r\n            if (isOpen) {\r\n              inputRef.current?.blur();\r\n            } else {\r\n              inputRef.current?.focus();\r\n            }\r\n          }\r\n        }}\r\n        disabled={disabled || false}\r\n        readOnly={readOnly || false}\r\n        isPlaceholder={!input}        \r\n        showValidationMessage={!!activeValidationMessage}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        data-testid={`otherdiv_${id}`}>\r\n        <DropdownInputField\r\n          id={id}\r\n          ref={inputRef}\r\n          autoComplete={'off-' + Math.floor(Math.random() * 999999999999)}\r\n          type=\"search\"\r\n          placeholder={inputFocused ? '' : placeholder}\r\n          onKeyDown={handleInputKeyDown}\r\n          ellipsis\r\n          value={input || ''}\r\n          onChange={(e: any) => {\r\n            if (!e.target.value) {\r\n              setSelectedValues([]);\r\n            }\r\n            if (!readOnly && !disabled && e.target.value !== input) {\r\n              setRestartFilter(false);\r\n              setIsOpen(true);\r\n              setInput(e.target.value);\r\n              if (onInputChange) {\r\n                onInputChange(e.target.value || '');\r\n              }\r\n            }\r\n          }}\r\n          onFocus={(e) => {\r\n            setInputFocused(true);\r\n            onFocus && onFocus(e);\r\n          }}\r\n          onBlur={(e) => {\r\n            setInputFocused(false);\r\n            onBlur && onBlur(e);\r\n          }}\r\n          required={required}\r\n          tabIndex={disabled || readOnly ? -1 : 0}\r\n          disabled={disabled || false}\r\n          data-testid={dataTestId}\r\n          {...rest}\r\n        />\r\n        {!isOpen ? <TooltipOverflow position={overflowTooltipPosition} input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end'>\r\n            {input}\r\n          </TooltipOverflow> : null}\r\n        {input && !readOnly && !disabled && !loading && (\r\n          <IconButton action={handleInputClear} ref={clearButtonRef} useTransparentBackground={true} shape={'circular'} style={{ marginLeft: '-4px' }} variant={'secondary'}>\r\n            <SystemIcons.Clear />\r\n          </IconButton>\r\n        )}\r\n\r\n        {!disabled && !readOnly && loading && (\r\n          <div style={{ marginLeft: '-4xp' }}>\r\n            <LoadingIndicator size={Size.Small} color={COLORS.getColor('neutral_600', theme)} />\r\n          </div>\r\n        )}\r\n\r\n        <div className={'dropdown-arrow'}>\r\n          {isOpen && !readOnly && !disabled ? <SystemIcons.ArrowDropUp size=\"24px\" className={size ? size : ''} /> : <SystemIcons.ArrowDropDown size=\"24px\" className={size ? size : ''} />}\r\n        </div>\r\n      </DropdownInputFieldStyles>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <DropdownContainer ref={containerRef}\r\n      role=\"combobox\"\r\n      aria-multiselectable={true} \r\n      aria-controls={`${id}_dropdowncontent`}\r\n      aria-activedescendant={activeDescendant}\r\n      aria-expanded={isOpen}\r\n      disabled={disabled} isButton={false} readOnly={readOnly} className={size ? size : ''} margin={margin}>\r\n        {renderInput()}\r\n        {!readOnly && !disabled && (\r\n          <DropdownContent\r\n            containerRef={containerRef}\r\n            isOpen={isOpen && !loading}\r\n            messageOnNoResults={messageOnNoResults ?? ''}\r\n            selectedValues={selectedValues}\r\n            setSelectedValues={setSelectedValues}\r\n            size={size ?? Size.Small}\r\n            onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n            focused={focused}\r\n            ariaRolesType=\"input\"\r\n            setFocused={setFocused}\r\n            outline={false}\r\n            customizationProps={{\r\n              itemsType: 'normal',\r\n              scrollable: scrollable,\r\n              multiSelect: false,\r\n              action: () => {},\r\n              onValueUpdate: (values: string[]) => {\r\n                setRestartFilter(true);\r\n                setInit(false);\r\n              },\r\n              items: list,\r\n            }}\r\n            filter={!disableFiltering && !restartFilter ? input || '' : ''}\r\n            setIsOpen={setIsOpen}\r\n            isButton={false}\r\n            id={`${id}_dropdowncontent`}\r\n          />\r\n        )}\r\n      </DropdownContainer>\r\n      {activeValidationMessage && (\r\n        <ErrorMessage className={size || ''}>\r\n          <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)} />\r\n          <span>{activeValidationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n      {autofilledMessage && (\r\n        <AutofilledMessage className={size || ''}>\r\n          <SystemIcons.Information color={COLORS.getColor('neutral_600', theme)} />\r\n          <span>{autofilledMessage}</span>\r\n        </AutofilledMessage>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nexport default DropdownFilter;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Dropdown/DropdownFilter.d.ts

@@ -2,22 +2,39 @@ import * as React from 'react';
 import { DropdownItem } from './DropdownContent';
 import { Size, Testable } from '../types';
 export interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {
+    /** Required. List of items to show in the dropdown. */
     list: DropdownItem[];
+    /** Optional. Placeholder text to show when there is no input and no item was selected */
     placeholder?: string;
+    /** Optional. Currently selected item */
     value?: string;
+    /** Optional. Handler to be called when user selects one of the items. */
     onSelect?: (value: string) => void;
+    /** Optional. Handler to be called when user changes text in the input. */
     onInputChange?: (input: string) => void;
+    /** Optional. If set, then HTML 'required' attribute will be set for the input field */
     required?: boolean;
+    /** Optional. If set, then user will not be able to interact with the input field */
     disabled?: boolean;
+    /** Optional. If set, then 'readonly' HTML attribute will be set to the input field */
     readOnly?: boolean;
+    /** Optional. If set, then loading indicator will be shown in the input field. */
     loading?: boolean;
+    /** Optional. If set, then items in the dropdown will not be filtered depending on the user input */
     disableFiltering?: boolean;
+    /** Optional. If none of the items fits input, then there will be a message shown in the dropdown. */
     messageOnNoResults?: string;
+    /** Optional. Validation error message to be shown under the input field. */
     activeValidationMessage?: string;
+    /** Optional. Informal message to show under the input field. */
     autofilledMessage?: string;
+    /** Optional. Size of the input field */
     size?: Size.Small | Size.Medium;
-    buttonFontSize?: string;
+    /** Optional. Position of the tooltip to show when input is overflowing the input field. */
+    overflowTooltipPosition?: 'top' | 'bottom';
+    /** Optional. Margin of the dropdown container items */
     margin?: string;
+    /** Optional. Sets if dropdown container is scrollable */
     scrollable?: boolean;
 }
 declare const DropdownFilter: React.ForwardRefExoticComponent<DropdownFilterProps & React.RefAttributes<unknown>>;

package/dist/Dropdown/DropdownFilter.js

@@ -2,9 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _pt from "prop-types";
-var _excluded = ["id", "list", "placeholder", "onSelect", "onInputChange", "value", "required", "messageOnNoResults", "disabled", "readOnly", "scrollable", "activeValidationMessage", "autofilledMessage", "size", "disableFiltering", "buttonFontSize", "margin", "loading", "onFocus", "onBlur", "dataTestId"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded = ["id", "list", "placeholder", "onSelect", "onInputChange", "value", "required", "messageOnNoResults", "disabled", "readOnly", "scrollable", "activeValidationMessage", "autofilledMessage", "size", "disableFiltering", "margin", "loading", "onFocus", "overflowTooltipPosition", "onBlur", "dataTestId"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
 import { COLORS } from '../styles';
 import { SystemIcons } from '../icons';
@@ -16,6 +16,7 @@ import { AutofilledMessage, ErrorMessage } from '../InputFields';
 import TooltipOverflow from '../Tooltips/TooltipOverflow';
 import { defaultOnMouseDownHandler, useActionWithin, useClickOutsideRef, useFocusOutsideRef, useFocusVisibleRef } from '../common';
 import { IconButton } from '../Button';
+import { useTheme } from 'styled-components';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -35,13 +36,14 @@ var DropdownFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     autofilledMessage = _ref.autofilledMessage,
     size = _ref.size,
     disableFiltering = _ref.disableFiltering,
-    buttonFontSize = _ref.buttonFontSize,
     margin = _ref.margin,
     loading = _ref.loading,
     _onFocus = _ref.onFocus,
+    overflowTooltipPosition = _ref.overflowTooltipPosition,
     _onBlur = _ref.onBlur,
     dataTestId = _ref.dataTestId,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var theme = useTheme();
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isOpen = _React$useState2[0],
@@ -161,7 +163,6 @@ var DropdownFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       disabled: disabled || false,
       readOnly: readOnly || false,
       isPlaceholder: !input,
-      fontSize: buttonFontSize,
       showValidationMessage: !!activeValidationMessage,
       onMouseDown: defaultOnMouseDownHandler,
       "data-testid": "otherdiv_".concat(id),
@@ -200,12 +201,12 @@ var DropdownFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         disabled: disabled || false,
         "data-testid": dataTestId
       }, rest)), !isOpen ? /*#__PURE__*/_jsx(TooltipOverflow, {
+        position: overflowTooltipPosition,
         input: inputRef,
         withArrow: true,
         maxWidth: "100%",
         size: size,
         align: "end",
-        position: "bottom",
         children: input
       }) : null, input && !readOnly && !disabled && !loading && /*#__PURE__*/_jsx(IconButton, {
         action: handleInputClear,
@@ -223,7 +224,7 @@ var DropdownFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         },
         children: /*#__PURE__*/_jsx(LoadingIndicator, {
           size: Size.Small,
-          color: COLORS.neutral_600
+          color: COLORS.getColor('neutral_600', theme)
         })
       }), /*#__PURE__*/_jsx("div", {
         className: 'dropdown-arrow',
@@ -283,14 +284,14 @@ var DropdownFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }), activeValidationMessage && /*#__PURE__*/_jsxs(ErrorMessage, {
       className: size || '',
       children: [/*#__PURE__*/_jsx(SystemIcons.TechnicalWarning, {
-        color: COLORS.critical_400
+        color: COLORS.getColor('critical_400', theme)
       }), /*#__PURE__*/_jsx("span", {
         children: activeValidationMessage
       })]
     }), autofilledMessage && /*#__PURE__*/_jsxs(AutofilledMessage, {
       className: size || '',
       children: [/*#__PURE__*/_jsx(SystemIcons.Information, {
-        color: COLORS.neutral_600
+        color: COLORS.getColor('neutral_600', theme)
       }), /*#__PURE__*/_jsx("span", {
         children: autofilledMessage
       })]
@@ -311,7 +312,7 @@ DropdownFilter.propTypes = {
   messageOnNoResults: _pt.string,
   activeValidationMessage: _pt.string,
   autofilledMessage: _pt.string,
-  buttonFontSize: _pt.string,
+  overflowTooltipPosition: _pt.oneOf(['top', 'bottom']),
   margin: _pt.string,
   scrollable: _pt.bool
 };

package/dist/Dropdown/DropdownFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFilter.js","names":["React","COLORS","SystemIcons","LoadingIndicator","DropdownInputFieldStyles","DropdownContainer","DropdownInputField","DropdownContent","Size","AutofilledMessage","ErrorMessage","TooltipOverflow","defaultOnMouseDownHandler","useActionWithin","useClickOutsideRef","useFocusOutsideRef","useFocusVisibleRef","IconButton","DropdownFilter","forwardRef","ref","id","list","placeholder","onSelect","onInputChange","value","required","messageOnNoResults","disabled","readOnly","scrollable","activeValidationMessage","autofilledMessage","size","disableFiltering","buttonFontSize","margin","loading","onFocus","onBlur","dataTestId","rest","useState","isOpen","setIsOpen","input","setInput","activeDescendant","setActiveDescendant","restartFilter","setRestartFilter","selectedItem","setSelectedItem","selectedValues","setSelectedValues","focused","setFocused","inputFocused","setInputFocused","init","setInit","styledFieldRef","inputRef","clearButtonRef","useRef","useImperativeHandle","current","containerRef","handleInputKeyDown","e","key","preventDefault","useEffect","length","val","item","find","a","displayLabel","undefined","handleInputClear","focus","focusVisible","detail","renderInput","stopPropagation","blur","Math","floor","random","target","marginLeft","Small","neutral_600","itemsType","multiSelect","action","onValueUpdate","values","items","critical_400"],"sources":["../../src/Dropdown/DropdownFilter.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { COLORS } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { DropdownInputFieldStyles, DropdownContainer, DropdownInputField } from './CommonStyling';\r\nimport DropdownContent, { DropdownItem } from './DropdownContent';\r\nimport { Size, Testable } from '../types';\r\nimport { AutofilledMessage, ErrorMessage } from '../InputFields';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport { defaultOnMouseDownHandler, useActionWithin, useClickOutsideRef, useFocusOutsideRef, useFocusVisibleRef } from '../common';\r\nimport { IconButton } from '../Button';\r\n\r\nexport interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {\r\n  list: DropdownItem[];\r\n  placeholder?: string;\r\n  \r\n  value?: string;\r\n  onSelect?: (value: string) => void;\r\n  onInputChange?: (input: string) => void;\r\n\r\n  required?: boolean;\r\n  disabled?: boolean;\r\n  readOnly?: boolean;\r\n  loading?: boolean;\r\n\r\n  disableFiltering?: boolean;\r\n\r\n  messageOnNoResults?: string;\r\n  activeValidationMessage?: string;\r\n  autofilledMessage?: string;\r\n  size?: Size.Small | Size.Medium;\r\n\r\n  buttonFontSize?: string;\r\n  margin?: string;\r\n  scrollable?: boolean;\r\n}\r\n\r\nconst DropdownFilter = React.forwardRef( ({\r\n                                            id,\r\n                                            list,\r\n                                            placeholder,\r\n                                            onSelect,\r\n                                            onInputChange,\r\n                                            value,\r\n                                            required,\r\n                                            messageOnNoResults,\r\n                                            disabled,\r\n                                            readOnly,\r\n                                            scrollable,\r\n                                            activeValidationMessage,\r\n                                            autofilledMessage,\r\n                                            size,\r\n                                            disableFiltering,\r\n                                            buttonFontSize,\r\n                                            margin,\r\n                                            loading,\r\n                                            onFocus,\r\n                                            onBlur,\r\n                                            dataTestId,\r\n                                            ...rest\r\n                                          }: DropdownFilterProps, ref) => {\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [input, setInput] = React.useState<string>();\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n  const [selectedItem, setSelectedItem] = React.useState<DropdownItem>();\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [inputFocused, setInputFocused] = React.useState<boolean>(false);\r\n  const [init, setInit] = React.useState<boolean>(true);\r\n\r\n  const styledFieldRef = useFocusVisibleRef();\r\n  const inputRef = useFocusVisibleRef([styledFieldRef]);\r\n  const clearButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  useActionWithin(styledFieldRef, input && !readOnly && !disabled ? [clearButtonRef] : []);\r\n\r\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n  const containerRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [],\r\n    useFocusOutsideRef(() => setIsOpen(false)),\r\n  );\r\n\r\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === 'Esc' || e.key === 'Escape') {\r\n      e.preventDefault();\r\n    }\r\n    if (e.key === 'ArrowDown' || e.key === 'Down' || e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.preventDefault();\r\n      if (!isOpen) {\r\n        setIsOpen(true);\r\n      }\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    setInit(true);\r\n    setSelectedValues(!!value ? [value] : []);\r\n  }, [value]);\r\n\r\n  React.useEffect(() => {\r\n    if (selectedValues?.length) {\r\n      const val = selectedValues[0];\r\n      const item = list.find((a) => a.value === val);\r\n      setSelectedItem(item);\r\n      setInput(item?.displayLabel ?? item?.value ?? '');\r\n      onSelect && !init && onSelect(val);\r\n    } else {\r\n      setSelectedItem(undefined);\r\n      onSelect && !init && onSelect('');\r\n      setInput('');\r\n    }\r\n  }, [selectedValues]);\r\n\r\n  React.useEffect(() => {\r\n    if (!isOpen) {\r\n      if (!!selectedItem) {\r\n        setInput(selectedItem?.displayLabel ?? selectedItem?.value ?? '');\r\n      } else {\r\n        setInput('');\r\n      }\r\n    }\r\n\r\n    setRestartFilter(true);\r\n  }, [isOpen, selectedItem]);\r\n\r\n  const handleInputClear = (e: any) => {\r\n    setInput('');\r\n    setSelectedValues([]);\r\n    onSelect && onSelect('');\r\n    inputRef.current?.focus({ focusVisible: e?.detail !== 1 } as any);\r\n  };\r\n\r\n  const renderInput = () => {\r\n    return (\r\n      <DropdownInputFieldStyles\r\n        ref={styledFieldRef}\r\n        className={size ? size : ''}\r\n        onClick={(e: any) => {\r\n          if (!readOnly && !disabled) {\r\n            e.stopPropagation();\r\n            setIsOpen(!isOpen);\r\n            if (isOpen) {\r\n              inputRef.current?.blur();\r\n            } else {\r\n              inputRef.current?.focus();\r\n            }\r\n          }\r\n        }}\r\n        disabled={disabled || false}\r\n        readOnly={readOnly || false}\r\n        isPlaceholder={!input}\r\n        fontSize={buttonFontSize}\r\n        showValidationMessage={!!activeValidationMessage}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        data-testid={`otherdiv_${id}`}>\r\n        <DropdownInputField\r\n          id={id}\r\n          ref={inputRef}\r\n          autoComplete={'off-' + Math.floor(Math.random() * 999999999999)}\r\n          type=\"search\"\r\n          placeholder={inputFocused ? '' : placeholder}\r\n          onKeyDown={handleInputKeyDown}\r\n          ellipsis\r\n          value={input || ''}\r\n          onChange={(e: any) => {\r\n            if (!e.target.value) {\r\n              setSelectedValues([]);\r\n            }\r\n            if (!readOnly && !disabled && e.target.value !== input) {\r\n              setRestartFilter(false);\r\n              setIsOpen(true);\r\n              setInput(e.target.value);\r\n              if (onInputChange) {\r\n                onInputChange(e.target.value || '');\r\n              }\r\n            }\r\n          }}\r\n          onFocus={(e) => {\r\n            setInputFocused(true);\r\n            onFocus && onFocus(e);\r\n          }}\r\n          onBlur={(e) => {\r\n            setInputFocused(false);\r\n            onBlur && onBlur(e);\r\n          }}\r\n          required={required}\r\n          tabIndex={disabled || readOnly ? -1 : 0}\r\n          disabled={disabled || false}\r\n          data-testid={dataTestId}\r\n          {...rest}\r\n        />\r\n        {!isOpen ? <TooltipOverflow input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end' position='bottom'>\r\n            {input}\r\n          </TooltipOverflow> : null}\r\n        {input && !readOnly && !disabled && !loading && (\r\n          <IconButton action={handleInputClear} ref={clearButtonRef} useTransparentBackground={true} shape={'circular'} style={{ marginLeft: '-4px' }} variant={'secondary'}>\r\n            <SystemIcons.Clear />\r\n          </IconButton>\r\n        )}\r\n\r\n        {!disabled && !readOnly && loading && (\r\n          <div style={{ marginLeft: '-4xp' }}>\r\n            <LoadingIndicator size={Size.Small} color={COLORS.neutral_600} />\r\n          </div>\r\n        )}\r\n\r\n        <div className={'dropdown-arrow'}>\r\n          {isOpen && !readOnly && !disabled ? <SystemIcons.ArrowDropUp size=\"24px\" className={size ? size : ''} /> : <SystemIcons.ArrowDropDown size=\"24px\" className={size ? size : ''} />}\r\n        </div>\r\n      </DropdownInputFieldStyles>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <DropdownContainer ref={containerRef}\r\n      role=\"combobox\"\r\n      aria-multiselectable={true} \r\n      aria-controls={`${id}_dropdowncontent`}\r\n      aria-activedescendant={activeDescendant}\r\n      aria-expanded={isOpen}\r\n      disabled={disabled} isButton={false} readOnly={readOnly} className={size ? size : ''} margin={margin}>\r\n        {renderInput()}\r\n        {!readOnly && !disabled && (\r\n          <DropdownContent\r\n            containerRef={containerRef}\r\n            isOpen={isOpen && !loading}\r\n            messageOnNoResults={messageOnNoResults ?? ''}\r\n            selectedValues={selectedValues}\r\n            setSelectedValues={setSelectedValues}\r\n            size={size ?? Size.Small}\r\n            onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n            focused={focused}\r\n            ariaRolesType=\"input\"\r\n            setFocused={setFocused}\r\n            outline={false}\r\n            customizationProps={{\r\n              itemsType: 'normal',\r\n              scrollable: scrollable,\r\n              multiSelect: false,\r\n              action: () => {},\r\n              onValueUpdate: (values: string[]) => {\r\n                setRestartFilter(true);\r\n                setInit(false);\r\n              },\r\n              items: list,\r\n            }}\r\n            filter={!disableFiltering && !restartFilter ? input || '' : ''}\r\n            setIsOpen={setIsOpen}\r\n            isButton={false}\r\n            id={`${id}_dropdowncontent`}\r\n          />\r\n        )}\r\n      </DropdownContainer>\r\n      {activeValidationMessage && (\r\n        <ErrorMessage className={size || ''}>\r\n          <SystemIcons.TechnicalWarning color={COLORS.critical_400} />\r\n          <span>{activeValidationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n      {autofilledMessage && (\r\n        <AutofilledMessage className={size || ''}>\r\n          <SystemIcons.Information color={COLORS.neutral_600} />\r\n          <span>{autofilledMessage}</span>\r\n        </AutofilledMessage>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nexport default DropdownFilter;\r\n"],"mappings":"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"}
+{"version":3,"file":"DropdownFilter.js","names":["React","COLORS","SystemIcons","LoadingIndicator","DropdownInputFieldStyles","DropdownContainer","DropdownInputField","DropdownContent","Size","AutofilledMessage","ErrorMessage","TooltipOverflow","defaultOnMouseDownHandler","useActionWithin","useClickOutsideRef","useFocusOutsideRef","useFocusVisibleRef","IconButton","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DropdownFilter","forwardRef","_ref","ref","id","list","placeholder","onSelect","onInputChange","value","required","messageOnNoResults","disabled","readOnly","scrollable","activeValidationMessage","autofilledMessage","size","disableFiltering","margin","loading","onFocus","overflowTooltipPosition","onBlur","dataTestId","rest","_objectWithoutProperties","_excluded","theme","_React$useState","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","_React$useState3","_React$useState4","input","setInput","_React$useState5","_React$useState6","activeDescendant","setActiveDescendant","_React$useState7","_React$useState8","restartFilter","setRestartFilter","_React$useState9","_React$useState10","selectedItem","setSelectedItem","_React$useState11","_React$useState12","selectedValues","setSelectedValues","_React$useState13","_React$useState14","focused","setFocused","_React$useState15","_React$useState16","inputFocused","setInputFocused","_React$useState17","_React$useState18","init","setInit","styledFieldRef","inputRef","clearButtonRef","useRef","useImperativeHandle","current","containerRef","handleInputKeyDown","e","key","preventDefault","useEffect","length","_ref2","_item$displayLabel","val","item","find","a","displayLabel","undefined","_ref3","_selectedItem$display","handleInputClear","_inputRef$current","focus","focusVisible","detail","renderInput","className","onClick","stopPropagation","_inputRef$current2","blur","_inputRef$current3","isPlaceholder","showValidationMessage","onMouseDown","concat","children","_objectSpread","autoComplete","Math","floor","random","type","onKeyDown","ellipsis","onChange","target","tabIndex","position","withArrow","maxWidth","align","action","useTransparentBackground","shape","style","marginLeft","variant","Clear","Small","color","getColor","ArrowDropUp","ArrowDropDown","role","isButton","onActiveDescendantChanged","ariaRolesType","outline","customizationProps","itemsType","multiSelect","onValueUpdate","values","items","filter","TechnicalWarning","Information","propTypes","_pt","array","isRequired","string","func","bool","oneOf"],"sources":["../../src/Dropdown/DropdownFilter.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { COLORS } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { DropdownInputFieldStyles, DropdownContainer, DropdownInputField } from './CommonStyling';\r\nimport DropdownContent, { DropdownItem } from './DropdownContent';\r\nimport { Size, Testable } from '../types';\r\nimport { AutofilledMessage, ErrorMessage } from '../InputFields';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport { defaultOnMouseDownHandler, useActionWithin, useClickOutsideRef, useFocusOutsideRef, useFocusVisibleRef } from '../common';\r\nimport { IconButton } from '../Button';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {\r\n  /** Required. List of items to show in the dropdown. */\r\n  list: DropdownItem[];\r\n  /** Optional. Placeholder text to show when there is no input and no item was selected */\r\n  placeholder?: string;\r\n  /** Optional. Currently selected item */\r\n  value?: string;\r\n  /** Optional. Handler to be called when user selects one of the items. */\r\n  onSelect?: (value: string) => void;\r\n  /** Optional. Handler to be called when user changes text in the input. */\r\n  onInputChange?: (input: string) => void;\r\n  /** Optional. If set, then HTML 'required' attribute will be set for the input field */\r\n  required?: boolean;\r\n  /** Optional. If set, then user will not be able to interact with the input field */\r\n  disabled?: boolean;\r\n  /** Optional. If set, then 'readonly' HTML attribute will be set to the input field */\r\n  readOnly?: boolean;\r\n  /** Optional. If set, then loading indicator will be shown in the input field. */\r\n  loading?: boolean;\r\n\r\n  /** Optional. If set, then items in the dropdown will not be filtered depending on the user input */\r\n  disableFiltering?: boolean;\r\n\r\n  /** Optional. If none of the items fits input, then there will be a message shown in the dropdown. */\r\n  messageOnNoResults?: string;\r\n  /** Optional. Validation error message to be shown under the input field. */\r\n  activeValidationMessage?: string;\r\n  /** Optional. Informal message to show under the input field. */\r\n  autofilledMessage?: string;\r\n  /** Optional. Size of the input field */\r\n  size?: Size.Small | Size.Medium;\r\n\r\n  /** Optional. Position of the tooltip to show when input is overflowing the input field. */\r\n  overflowTooltipPosition?: 'top' | 'bottom';\r\n  /** Optional. Margin of the dropdown container items */\r\n  margin?: string;\r\n  /** Optional. Sets if dropdown container is scrollable */\r\n  scrollable?: boolean;\r\n}\r\n\r\nconst DropdownFilter = React.forwardRef( ({\r\n                                            id,\r\n                                            list,\r\n                                            placeholder,\r\n                                            onSelect,\r\n                                            onInputChange,\r\n                                            value,\r\n                                            required,\r\n                                            messageOnNoResults,\r\n                                            disabled,\r\n                                            readOnly,\r\n                                            scrollable,\r\n                                            activeValidationMessage,\r\n                                            autofilledMessage,\r\n                                            size,\r\n                                            disableFiltering,\r\n                                            margin,\r\n                                            loading,\r\n                                            onFocus,\r\n                                            overflowTooltipPosition,\r\n                                            onBlur,\r\n                                            dataTestId,\r\n                                            ...rest\r\n                                          }: DropdownFilterProps, ref) => {\r\n\r\n  const theme = useTheme();\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [input, setInput] = React.useState<string>();\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n  const [selectedItem, setSelectedItem] = React.useState<DropdownItem>();\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [inputFocused, setInputFocused] = React.useState<boolean>(false);\r\n  const [init, setInit] = React.useState<boolean>(true);\r\n\r\n  const styledFieldRef = useFocusVisibleRef();\r\n  const inputRef = useFocusVisibleRef([styledFieldRef]);\r\n  const clearButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  useActionWithin(styledFieldRef, input && !readOnly && !disabled ? [clearButtonRef] : []);\r\n\r\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n  const containerRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [],\r\n    useFocusOutsideRef(() => setIsOpen(false)),\r\n  );\r\n\r\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === 'Esc' || e.key === 'Escape') {\r\n      e.preventDefault();\r\n    }\r\n    if (e.key === 'ArrowDown' || e.key === 'Down' || e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.preventDefault();\r\n      if (!isOpen) {\r\n        setIsOpen(true);\r\n      }\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    setInit(true);\r\n    setSelectedValues(!!value ? [value] : []);\r\n  }, [value]);\r\n\r\n  React.useEffect(() => {\r\n    if (selectedValues?.length) {\r\n      const val = selectedValues[0];\r\n      const item = list.find((a) => a.value === val);\r\n      setSelectedItem(item);\r\n      setInput(item?.displayLabel ?? item?.value ?? '');\r\n      onSelect && !init && onSelect(val);\r\n    } else {\r\n      setSelectedItem(undefined);\r\n      onSelect && !init && onSelect('');\r\n      setInput('');\r\n    }\r\n  }, [selectedValues]);\r\n\r\n  React.useEffect(() => {\r\n    if (!isOpen) {\r\n      if (!!selectedItem) {\r\n        setInput(selectedItem?.displayLabel ?? selectedItem?.value ?? '');\r\n      } else {\r\n        setInput('');\r\n      }\r\n    }\r\n\r\n    setRestartFilter(true);\r\n  }, [isOpen, selectedItem]);\r\n\r\n  const handleInputClear = (e: any) => {\r\n    setInput('');\r\n    setSelectedValues([]);\r\n    onSelect && onSelect('');\r\n    inputRef.current?.focus({ focusVisible: e?.detail !== 1 } as any);\r\n  };\r\n\r\n  const renderInput = () => {\r\n    return (\r\n      <DropdownInputFieldStyles\r\n        ref={styledFieldRef}\r\n        className={size ? size : ''}\r\n        onClick={(e: any) => {\r\n          if (!readOnly && !disabled) {\r\n            e.stopPropagation();\r\n            setIsOpen(!isOpen);\r\n            if (isOpen) {\r\n              inputRef.current?.blur();\r\n            } else {\r\n              inputRef.current?.focus();\r\n            }\r\n          }\r\n        }}\r\n        disabled={disabled || false}\r\n        readOnly={readOnly || false}\r\n        isPlaceholder={!input}        \r\n        showValidationMessage={!!activeValidationMessage}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        data-testid={`otherdiv_${id}`}>\r\n        <DropdownInputField\r\n          id={id}\r\n          ref={inputRef}\r\n          autoComplete={'off-' + Math.floor(Math.random() * 999999999999)}\r\n          type=\"search\"\r\n          placeholder={inputFocused ? '' : placeholder}\r\n          onKeyDown={handleInputKeyDown}\r\n          ellipsis\r\n          value={input || ''}\r\n          onChange={(e: any) => {\r\n            if (!e.target.value) {\r\n              setSelectedValues([]);\r\n            }\r\n            if (!readOnly && !disabled && e.target.value !== input) {\r\n              setRestartFilter(false);\r\n              setIsOpen(true);\r\n              setInput(e.target.value);\r\n              if (onInputChange) {\r\n                onInputChange(e.target.value || '');\r\n              }\r\n            }\r\n          }}\r\n          onFocus={(e) => {\r\n            setInputFocused(true);\r\n            onFocus && onFocus(e);\r\n          }}\r\n          onBlur={(e) => {\r\n            setInputFocused(false);\r\n            onBlur && onBlur(e);\r\n          }}\r\n          required={required}\r\n          tabIndex={disabled || readOnly ? -1 : 0}\r\n          disabled={disabled || false}\r\n          data-testid={dataTestId}\r\n          {...rest}\r\n        />\r\n        {!isOpen ? <TooltipOverflow position={overflowTooltipPosition} input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end'>\r\n            {input}\r\n          </TooltipOverflow> : null}\r\n        {input && !readOnly && !disabled && !loading && (\r\n          <IconButton action={handleInputClear} ref={clearButtonRef} useTransparentBackground={true} shape={'circular'} style={{ marginLeft: '-4px' }} variant={'secondary'}>\r\n            <SystemIcons.Clear />\r\n          </IconButton>\r\n        )}\r\n\r\n        {!disabled && !readOnly && loading && (\r\n          <div style={{ marginLeft: '-4xp' }}>\r\n            <LoadingIndicator size={Size.Small} color={COLORS.getColor('neutral_600', theme)} />\r\n          </div>\r\n        )}\r\n\r\n        <div className={'dropdown-arrow'}>\r\n          {isOpen && !readOnly && !disabled ? <SystemIcons.ArrowDropUp size=\"24px\" className={size ? size : ''} /> : <SystemIcons.ArrowDropDown size=\"24px\" className={size ? size : ''} />}\r\n        </div>\r\n      </DropdownInputFieldStyles>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <DropdownContainer ref={containerRef}\r\n      role=\"combobox\"\r\n      aria-multiselectable={true} \r\n      aria-controls={`${id}_dropdowncontent`}\r\n      aria-activedescendant={activeDescendant}\r\n      aria-expanded={isOpen}\r\n      disabled={disabled} isButton={false} readOnly={readOnly} className={size ? size : ''} margin={margin}>\r\n        {renderInput()}\r\n        {!readOnly && !disabled && (\r\n          <DropdownContent\r\n            containerRef={containerRef}\r\n            isOpen={isOpen && !loading}\r\n            messageOnNoResults={messageOnNoResults ?? ''}\r\n            selectedValues={selectedValues}\r\n            setSelectedValues={setSelectedValues}\r\n            size={size ?? Size.Small}\r\n            onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n            focused={focused}\r\n            ariaRolesType=\"input\"\r\n            setFocused={setFocused}\r\n            outline={false}\r\n            customizationProps={{\r\n              itemsType: 'normal',\r\n              scrollable: scrollable,\r\n              multiSelect: false,\r\n              action: () => {},\r\n              onValueUpdate: (values: string[]) => {\r\n                setRestartFilter(true);\r\n                setInit(false);\r\n              },\r\n              items: list,\r\n            }}\r\n            filter={!disableFiltering && !restartFilter ? input || '' : ''}\r\n            setIsOpen={setIsOpen}\r\n            isButton={false}\r\n            id={`${id}_dropdowncontent`}\r\n          />\r\n        )}\r\n      </DropdownContainer>\r\n      {activeValidationMessage && (\r\n        <ErrorMessage className={size || ''}>\r\n          <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)} />\r\n          <span>{activeValidationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n      {autofilledMessage && (\r\n        <AutofilledMessage className={size || ''}>\r\n          <SystemIcons.Information color={COLORS.getColor('neutral_600', theme)} />\r\n          <span>{autofilledMessage}</span>\r\n        </AutofilledMessage>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nexport default DropdownFilter;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Dropdown/index.cjs

@@ -13,25 +13,25 @@ var _exportNames = {
 Object.defineProperty(exports, "BasicDropdown", {
   enumerable: true,
   get: function get() {
-    return _BasicDropdown.default;
+    return _BasicDropdown["default"];
   }
 });
 Object.defineProperty(exports, "DropdownButton", {
   enumerable: true,
   get: function get() {
-    return _DropdownButton.default;
+    return _DropdownButton["default"];
   }
 });
 Object.defineProperty(exports, "DropdownContent", {
   enumerable: true,
   get: function get() {
-    return _DropdownContent.default;
+    return _DropdownContent["default"];
   }
 });
 Object.defineProperty(exports, "DropdownFilter", {
   enumerable: true,
   get: function get() {
-    return _DropdownFilter.default;
+    return _DropdownFilter["default"];
   }
 });
 var _DropdownContent = _interopRequireWildcard(require("./DropdownContent"));
@@ -82,6 +82,18 @@ Object.keys(_BasicDropdown).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _CommonStyling = require("./CommonStyling");
+Object.keys(_CommonStyling).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CommonStyling[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CommonStyling[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 //# sourceMappingURL=index.cjs.map

package/dist/Dropdown/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Dropdown/index.ts"],"sourcesContent":["export type { DropdownItem } from './DropdownContent';\r\n\r\nexport { default as DropdownContent } from './DropdownContent';\r\nexport * from './DropdownContent';\r\n\r\nexport { default as DropdownButton } from './DropdownButton';\r\nexport * from './DropdownButton';\r\n\r\nexport { default as DropdownFilter } from './DropdownFilter';\r\nexport * from './DropdownFilter';\r\n\r\nexport { default as BasicDropdown } from './BasicDropdown';\r\nexport * from './BasicDropdown';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAAgC;AAAA"}
+{"version":3,"file":"index.cjs","names":["_DropdownContent","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_DropdownButton","_DropdownFilter","_BasicDropdown","_CommonStyling","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/Dropdown/index.ts"],"sourcesContent":["export type { DropdownItem } from './DropdownContent';\r\n\r\nexport { default as DropdownContent } from './DropdownContent';\r\nexport * from './DropdownContent';\r\n\r\nexport { default as DropdownButton } from './DropdownButton';\r\nexport * from './DropdownButton';\r\n\r\nexport { default as DropdownFilter } from './DropdownFilter';\r\nexport * from './DropdownFilter';\r\n\r\nexport { default as BasicDropdown } from './BasicDropdown';\r\nexport * from './BasicDropdown';\r\n\r\nexport * from './CommonStyling';\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Dropdown/index.d.ts

@@ -7,3 +7,4 @@ export { default as DropdownFilter } from './DropdownFilter';
 export * from './DropdownFilter';
 export { default as BasicDropdown } from './BasicDropdown';
 export * from './BasicDropdown';
+export * from './CommonStyling';

package/dist/Dropdown/index.js

@@ -6,4 +6,5 @@ export { default as DropdownFilter } from './DropdownFilter';
 export * from './DropdownFilter';
 export { default as BasicDropdown } from './BasicDropdown';
 export * from './BasicDropdown';
+export * from './CommonStyling';
 //# sourceMappingURL=index.js.map

package/dist/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","DropdownContent","DropdownButton","DropdownFilter","BasicDropdown"],"sources":["../../src/Dropdown/index.ts"],"sourcesContent":["export type { DropdownItem } from './DropdownContent';\r\n\r\nexport { default as DropdownContent } from './DropdownContent';\r\nexport * from './DropdownContent';\r\n\r\nexport { default as DropdownButton } from './DropdownButton';\r\nexport * from './DropdownButton';\r\n\r\nexport { default as DropdownFilter } from './DropdownFilter';\r\nexport * from './DropdownFilter';\r\n\r\nexport { default as BasicDropdown } from './BasicDropdown';\r\nexport * from './BasicDropdown';\r\n"],"mappings":"AAEA,SAASA,OAAO,IAAIC,eAAe,QAAQ,mBAAmB;AAC9D,cAAc,mBAAmB;AAEjC,SAASD,OAAO,IAAIE,cAAc,QAAQ,kBAAkB;AAC5D,cAAc,kBAAkB;AAEhC,SAASF,OAAO,IAAIG,cAAc,QAAQ,kBAAkB;AAC5D,cAAc,kBAAkB;AAEhC,SAASH,OAAO,IAAII,aAAa,QAAQ,iBAAiB;AAC1D,cAAc,iBAAiB"}
+{"version":3,"file":"index.js","names":["default","DropdownContent","DropdownButton","DropdownFilter","BasicDropdown"],"sources":["../../src/Dropdown/index.ts"],"sourcesContent":["export type { DropdownItem } from './DropdownContent';\r\n\r\nexport { default as DropdownContent } from './DropdownContent';\r\nexport * from './DropdownContent';\r\n\r\nexport { default as DropdownButton } from './DropdownButton';\r\nexport * from './DropdownButton';\r\n\r\nexport { default as DropdownFilter } from './DropdownFilter';\r\nexport * from './DropdownFilter';\r\n\r\nexport { default as BasicDropdown } from './BasicDropdown';\r\nexport * from './BasicDropdown';\r\n\r\nexport * from './CommonStyling';\r\n"],"mappings":"AAEA,SAASA,OAAO,IAAIC,eAAe,QAAQ,mBAAmB;AAC9D,cAAc,mBAAmB;AAEjC,SAASD,OAAO,IAAIE,cAAc,QAAQ,kBAAkB;AAC5D,cAAc,kBAAkB;AAEhC,SAASF,OAAO,IAAIG,cAAc,QAAQ,kBAAkB;AAC5D,cAAc,kBAAkB;AAEhC,SAASH,OAAO,IAAII,aAAa,QAAQ,iBAAiB;AAC1D,cAAc,iBAAiB;AAE/B,cAAc,iBAAiB","ignoreList":[]}

package/dist/Footer/Components/FooterBottomLinks.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -15,11 +15,13 @@ var _styles = require("../../styles");
 var _typography = require("../../styles/typography");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var FooterLinkSection = _styledComponents.default.section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  min-height: 64px;\n  color: white;\n  display: flex;\n  flex-direction: column;\n\n  ", " {\n    flex-direction: row;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
-var FooterLinks = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n\n  ", " {\n    flex-direction: row;\n    margin: auto auto auto 0;\n  }\n\n  a {\n    ", "\n    &:not(:first-child) {\n      margin: 16px 0 0 0;\n      ", " {\n        margin: 0 0 0 16px;\n      }\n    }\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Bold, null), _styles.BREAKPOINTS.MEDIUM);
-var Copyright = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  margin: 16px auto 0 auto;\n\n  ", " {\n    margin: auto 0 auto auto;\n  }\n"])), (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.white), _styles.BREAKPOINTS.MEDIUM);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var FooterLinkSection = _styledComponents["default"].section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  min-height: 64px;\n  color: white;\n  display: flex;\n  flex-direction: column;\n\n  ", " {\n    flex-direction: row;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
+var FooterLinks = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n\n  ", " {\n    flex-direction: row;\n    margin: auto auto auto 0;\n  }\n\n  a {\n    ", "\n    &:not(:first-child) {\n      margin: 16px 0 0 0;\n      ", " {\n        margin: 0 0 0 16px;\n      }\n    }\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Bold, null), _styles.BREAKPOINTS.MEDIUM);
+var Copyright = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  margin: 16px auto 0 auto;\n\n  ", " {\n    margin: auto 0 auto auto;\n  }\n"])), function (props) {
+  return (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme));
+}, _styles.BREAKPOINTS.MEDIUM);
 var FooterBottomLinks = function FooterBottomLinks(_ref) {
   var bottomLinks = _ref.bottomLinks,
     copyrightText = _ref.copyrightText;
@@ -39,13 +41,13 @@ var FooterBottomLinks = function FooterBottomLinks(_ref) {
   });
 };
 FooterBottomLinks.propTypes = {
-  bottomLinks: _propTypes.default.arrayOf(_propTypes.default.shape({
-    label: _propTypes.default.string.isRequired,
-    to: _propTypes.default.string.isRequired,
-    target: _propTypes.default.string
+  bottomLinks: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    label: _propTypes["default"].string.isRequired,
+    to: _propTypes["default"].string.isRequired,
+    target: _propTypes["default"].string
   })),
-  copyrightText: _propTypes.default.string
+  copyrightText: _propTypes["default"].string
 };
 var _default = FooterBottomLinks;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=FooterBottomLinks.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FooterBottomLinks.cjs","names":["FooterLinkSection","styled","section","BREAKPOINTS","MEDIUM","FooterLinks","div","ComponentXSStyling","ComponentTextStyle","Bold","Copyright","Regular","COLORS","white","FooterBottomLinks","bottomLinks","copyrightText","map","bl","i","Math","floor","random","to","label","target"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterLinkSection = styled.section`\r\n  min-height: 64px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    margin: auto auto auto 0;\r\n  }\r\n\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    &:not(:first-child) {\r\n      margin: 16px 0 0 0;\r\n      ${BREAKPOINTS.MEDIUM} {\r\n        margin: 0 0 0 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Copyright = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white)}\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: auto 0 auto auto;\r\n  }\r\n`;\r\n\r\ninterface Link {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\ninterface FooterLinkProps {\r\n  bottomLinks?: Link[];\r\n  copyrightText?: string;\r\n}\r\n\r\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\r\n  return (\r\n    <FooterLinkSection>\r\n      <FooterLinks>\r\n        {bottomLinks?.map((bl, i) => (\r\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     key={i}\r\n                     href={bl.to} variant=\"inverted\">\r\n            {bl.label}\r\n          </HyperLink>\r\n        ))}\r\n      </FooterLinks>\r\n      <Copyright>{copyrightText}</Copyright>\r\n    </FooterLinkSection>\r\n  );\r\n};\r\n\r\nexport default FooterBottomLinks;\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAA+E;AAAA;AAAA;AAAA;AAE/E,IAAMA,iBAAiB,GAAGC,yBAAM,CAACC,OAAO,oNAMpCC,mBAAW,CAACC,MAAM,CAGrB;AAED,IAAMC,WAAW,GAAGJ,yBAAM,CAACK,GAAG,2WAK1BH,mBAAW,CAACC,MAAM,EAMhB,IAAAG,8BAAkB,EAACC,8BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,EAG/CN,mBAAW,CAACC,MAAM,CAKzB;AAED,IAAMM,SAAS,GAAGT,yBAAM,CAACK,GAAG,6KACxB,IAAAC,8BAAkB,EAACC,8BAAkB,CAACG,OAAO,EAAEC,cAAM,CAACC,KAAK,CAAC,EAG5DV,mBAAW,CAACC,MAAM,CAGrB;AAaD,IAAMU,iBAAiB,GAAG,SAApBA,iBAAiB,OAAwD;EAAA,IAAlDC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;EACrD,oBACE,sBAAC,iBAAiB;IAAA,wBAChB,qBAAC,WAAW;MAAA,UACTD,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEE,GAAG,CAAC,UAACC,EAAE,EAAEC,CAAC;QAAA,oBACtB,qBAAC,oBAAS;UAAC,EAAE,uBAAgBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;UAE7D,IAAI,EAAEJ,EAAE,CAACK,EAAG;UAAC,OAAO,EAAC,UAAU;UAAA,UACvCL,EAAE,CAACM;QAAK,GAFKL,CAAC,CAGL;MAAA,CACb;IAAC,EACU,eACd,qBAAC,SAAS;MAAA,UAAEH;IAAa,EAAa;EAAA,EACpB;AAExB,CAAC;AAAC;EAnBAD,WAAW;IANXS,KAAK;IACLD,EAAE;IACFE,MAAM;EAAA;EAKNT,aAAa;AAAA;AAAA,eAoBAF,iBAAiB;AAAA"}
+{"version":3,"file":"FooterBottomLinks.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_HyperLink","_styles","_typography","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FooterLinkSection","styled","section","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","FooterLinks","div","ComponentXSStyling","ComponentTextStyle","Bold","Copyright","props","Regular","COLORS","getColor","theme","FooterBottomLinks","_ref","bottomLinks","copyrightText","jsxs","children","jsx","map","bl","HyperLink","id","concat","Math","floor","random","href","to","variant","label","propTypes","_propTypes","arrayOf","shape","string","isRequired","target","_default","exports"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterLinkSection = styled.section`\r\n  min-height: 64px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    margin: auto auto auto 0;\r\n  }\r\n\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    &:not(:first-child) {\r\n      margin: 16px 0 0 0;\r\n      ${BREAKPOINTS.MEDIUM} {\r\n        margin: 0 0 0 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Copyright = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: auto 0 auto auto;\r\n  }\r\n`;\r\n\r\ninterface Link {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\ninterface FooterLinkProps {\r\n  bottomLinks?: Link[];\r\n  copyrightText?: string;\r\n}\r\n\r\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\r\n  return (\r\n    <FooterLinkSection>\r\n      <FooterLinks>\r\n        {bottomLinks?.map((bl, i) => (\r\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     key={i}\r\n                     href={bl.to} variant=\"inverted\">\r\n            {bl.label}\r\n          </HyperLink>\r\n        ))}\r\n      </FooterLinks>\r\n      <Copyright>{copyrightText}</Copyright>\r\n    </FooterLinkSection>\r\n  );\r\n};\r\n\r\nexport default FooterBottomLinks;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterBottomLinks.js

@@ -10,7 +10,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var FooterLinkSection = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-height: 64px;\n  color: white;\n  display: flex;\n  flex-direction: column;\n\n  ", " {\n    flex-direction: row;\n  }\n"])), BREAKPOINTS.MEDIUM);
 var FooterLinks = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n\n  ", " {\n    flex-direction: row;\n    margin: auto auto auto 0;\n  }\n\n  a {\n    ", "\n    &:not(:first-child) {\n      margin: 16px 0 0 0;\n      ", " {\n        margin: 0 0 0 16px;\n      }\n    }\n  }\n"])), BREAKPOINTS.MEDIUM, ComponentXSStyling(ComponentTextStyle.Bold, null), BREAKPOINTS.MEDIUM);
-var Copyright = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  margin: 16px auto 0 auto;\n\n  ", " {\n    margin: auto 0 auto auto;\n  }\n"])), ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white), BREAKPOINTS.MEDIUM);
+var Copyright = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  margin: 16px auto 0 auto;\n\n  ", " {\n    margin: auto 0 auto auto;\n  }\n"])), function (props) {
+  return ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme));
+}, BREAKPOINTS.MEDIUM);
 var FooterBottomLinks = function FooterBottomLinks(_ref) {
   var bottomLinks = _ref.bottomLinks,
     copyrightText = _ref.copyrightText;