@laerdal/life-react-components 3.5.2 → 3.6.0-dev.1.full

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","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":[]}
+{"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 aria-label='Expanded' size=\"24px\" className={size ? size : ''} /> : \r\n            <SystemIcons.ArrowDropDown aria-label='Collapsed' 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

@@ -82,18 +82,6 @@ Object.keys(_BasicDropdown).forEach(function (key) {
     }
   });
 });
-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":["_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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAAA,gBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,gBAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,gBAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,gBAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,eAAA,GAAAd,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAW,eAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,eAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,eAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAU,eAAA,GAAAf,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAY,eAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,eAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,eAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAW,cAAA,GAAAhB,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAa,cAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAW,cAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,cAAA,CAAAX,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAY,cAAA,GAAAhB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAc,cAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,cAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,cAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AAAgC,SAAAa,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAnB,wBAAAmB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAT,GAAA,CAAAM,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAA1B,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAA2B,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAAvB,cAAA,CAAAC,IAAA,CAAAW,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAA1B,MAAA,CAAA2B,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAlB,GAAA,IAAAkB,CAAA,CAAAC,GAAA,IAAA9B,MAAA,CAAAS,cAAA,CAAAe,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,cAAAP,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_DropdownContent","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_DropdownButton","_DropdownFilter","_BasicDropdown","_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"],"mappings":"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","ignoreList":[]}

package/dist/Dropdown/index.d.ts

@@ -7,4 +7,3 @@ 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,5 +6,4 @@ 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\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":[]}
+{"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.cjs

@@ -33,7 +33,6 @@ exports.MenuSectionList = MenuSectionList;
 var ExtendedMainMenu = function ExtendedMainMenu(_ref) {
   var clickMenuAction = _ref.clickMenuAction,
     navigationOptions = _ref.navigationOptions;
-  console.log(navigationOptions);
   var _React$useState = React.useState([]),
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     entries = _React$useState2[0],

package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ExtendedMainMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_Tabs","_index","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","flowDown","keyframes","_taggedTemplateLiteral2","exports","Menu","styled","ul","props","COLORS","getColor","theme","Z_INDEXES","dropdown","BREAKPOINTS","SMALL","MEDIUM","focusStyles","MenuSection","li","MenuSectionList","ExtendedMainMenu","_ref","clickMenuAction","navigationOptions","console","log","_React$useState","useState","_React$useState2","_slicedToArray2","entries","setEntries","useEffect","handleKeyPress","keyCode","document","addEventListener","removeEventListener","list","map","requiredLine","label","to","disabled","onClick","action","exact","jsx","role","children","VerticalTabs","size","Size","Medium","propTypes","_propTypes","func","isRequired","array","_default"],"sources":["../../../src/GlobalNavigationBar/desktop/ExtendedMainMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, focusStyles } from '../../styles';\r\nimport { VerticalTabs } from '../../Tabs';\r\nimport { VerticalTabEntry } from '../../Tabs';\r\nimport {MenuNavigationItemTypeItem, Size} from '../../index';\r\nimport {Z_INDEXES} from '../../styles';\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  right: -8px;\r\n  min-width: 300px;\r\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\r\n  animation: ${flowDown} 0.2s ease-in-out;\r\n  position: absolute;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\r\n  border-radius: 4px;\r\n  z-index: ${Z_INDEXES.dropdown};\r\n\r\n  top: 12px;\r\n  ${BREAKPOINTS.SMALL} {\r\n    top: 18px;\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    top: 24px;\r\n  }\r\n\r\n  .open & {\r\n    display: block;\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  padding: 8px 0;\r\n  position: relative;\r\n\r\n  &:not(:first-of-type)::before {\r\n    content: '';\r\n    position: absolute;\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    height: 1px;\r\n    top: 0;\r\n    left: 16px;\r\n    right: 16px;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0 2px;\r\n`;\r\n\r\ntype Props = {\r\n  clickMenuAction: () => void;\r\n  navigationOptions: MenuNavigationItemTypeItem[];\r\n};\r\n\r\nconst ExtendedMainMenu = ({ clickMenuAction, navigationOptions }: Props) => {\r\n  console.log(navigationOptions);\r\n  const [entries, setEntries] = React.useState<VerticalTabEntry[]>([]);\r\n  React.useEffect(() => {\r\n    function handleKeyPress(e: any) {\r\n      if (e.keyCode === 27) {\r\n        clickMenuAction();\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [clickMenuAction]);\r\n\r\n  React.useEffect(() => {\r\n    const list = navigationOptions?.map(n => {\r\n      return { requiredLine: n.label, to: n.to, disabled: n.disabled, onClick: n.action, exact: n.exact };\r\n    }) as VerticalTabEntry[];\r\n    setEntries(list);\r\n  }, [navigationOptions]);\r\n\r\n  return (\r\n    <Menu onClick={clickMenuAction} role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MenuSection>\r\n        <MenuSectionList>\r\n          <VerticalTabs key=\"ExtendedMenu\" entries={entries} size={Size.Medium} />\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default ExtendedMainMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ExtendedMainMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_Tabs","_index","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","flowDown","keyframes","_taggedTemplateLiteral2","exports","Menu","styled","ul","props","COLORS","getColor","theme","Z_INDEXES","dropdown","BREAKPOINTS","SMALL","MEDIUM","focusStyles","MenuSection","li","MenuSectionList","ExtendedMainMenu","_ref","clickMenuAction","navigationOptions","_React$useState","useState","_React$useState2","_slicedToArray2","entries","setEntries","useEffect","handleKeyPress","keyCode","document","addEventListener","removeEventListener","list","map","requiredLine","label","to","disabled","onClick","action","exact","jsx","role","children","VerticalTabs","size","Size","Medium","propTypes","_propTypes","func","isRequired","array","_default"],"sources":["../../../src/GlobalNavigationBar/desktop/ExtendedMainMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, focusStyles } from '../../styles';\r\nimport { VerticalTabs } from '../../Tabs';\r\nimport { VerticalTabEntry } from '../../Tabs';\r\nimport {MenuNavigationItemTypeItem, Size} from '../../index';\r\nimport {Z_INDEXES} from '../../styles';\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  right: -8px;\r\n  min-width: 300px;\r\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\r\n  animation: ${flowDown} 0.2s ease-in-out;\r\n  position: absolute;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\r\n  border-radius: 4px;\r\n  z-index: ${Z_INDEXES.dropdown};\r\n\r\n  top: 12px;\r\n  ${BREAKPOINTS.SMALL} {\r\n    top: 18px;\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    top: 24px;\r\n  }\r\n\r\n  .open & {\r\n    display: block;\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  padding: 8px 0;\r\n  position: relative;\r\n\r\n  &:not(:first-of-type)::before {\r\n    content: '';\r\n    position: absolute;\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    height: 1px;\r\n    top: 0;\r\n    left: 16px;\r\n    right: 16px;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0 2px;\r\n`;\r\n\r\ntype Props = {\r\n  clickMenuAction: () => void;\r\n  navigationOptions: MenuNavigationItemTypeItem[];\r\n};\r\n\r\nconst ExtendedMainMenu = ({ clickMenuAction, navigationOptions }: Props) => {\r\n  const [entries, setEntries] = React.useState<VerticalTabEntry[]>([]);\r\n  React.useEffect(() => {\r\n    function handleKeyPress(e: any) {\r\n      if (e.keyCode === 27) {\r\n        clickMenuAction();\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [clickMenuAction]);\r\n\r\n  React.useEffect(() => {\r\n    const list = navigationOptions?.map(n => {\r\n      return { requiredLine: n.label, to: n.to, disabled: n.disabled, onClick: n.action, exact: n.exact };\r\n    }) as VerticalTabEntry[];\r\n    setEntries(list);\r\n  }, [navigationOptions]);\r\n\r\n  return (\r\n    <Menu onClick={clickMenuAction} role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MenuSection>\r\n        <MenuSectionList>\r\n          <VerticalTabs key=\"ExtendedMenu\" entries={entries} size={Size.Medium} />\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default ExtendedMainMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.js

@@ -20,7 +20,6 @@ export var MenuSectionList = styled.ul(_templateObject4 || (_templateObject4 = _
 var ExtendedMainMenu = function ExtendedMainMenu(_ref) {
   var clickMenuAction = _ref.clickMenuAction,
     navigationOptions = _ref.navigationOptions;
-  console.log(navigationOptions);
   var _React$useState = React.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     entries = _React$useState2[0],

package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtendedMainMenu.js","names":["React","styled","keyframes","BREAKPOINTS","COLORS","focusStyles","VerticalTabs","Size","Z_INDEXES","jsx","_jsx","flowDown","_templateObject","_taggedTemplateLiteral","Menu","ul","_templateObject2","props","getColor","theme","dropdown","SMALL","MEDIUM","MenuSection","li","_templateObject3","MenuSectionList","_templateObject4","ExtendedMainMenu","_ref","clickMenuAction","navigationOptions","console","log","_React$useState","useState","_React$useState2","_slicedToArray","entries","setEntries","useEffect","handleKeyPress","e","keyCode","document","addEventListener","removeEventListener","list","map","n","requiredLine","label","to","disabled","onClick","action","exact","role","children","size","Medium","propTypes","_pt","func","isRequired","array"],"sources":["../../../src/GlobalNavigationBar/desktop/ExtendedMainMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, focusStyles } from '../../styles';\r\nimport { VerticalTabs } from '../../Tabs';\r\nimport { VerticalTabEntry } from '../../Tabs';\r\nimport {MenuNavigationItemTypeItem, Size} from '../../index';\r\nimport {Z_INDEXES} from '../../styles';\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  right: -8px;\r\n  min-width: 300px;\r\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\r\n  animation: ${flowDown} 0.2s ease-in-out;\r\n  position: absolute;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\r\n  border-radius: 4px;\r\n  z-index: ${Z_INDEXES.dropdown};\r\n\r\n  top: 12px;\r\n  ${BREAKPOINTS.SMALL} {\r\n    top: 18px;\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    top: 24px;\r\n  }\r\n\r\n  .open & {\r\n    display: block;\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  padding: 8px 0;\r\n  position: relative;\r\n\r\n  &:not(:first-of-type)::before {\r\n    content: '';\r\n    position: absolute;\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    height: 1px;\r\n    top: 0;\r\n    left: 16px;\r\n    right: 16px;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0 2px;\r\n`;\r\n\r\ntype Props = {\r\n  clickMenuAction: () => void;\r\n  navigationOptions: MenuNavigationItemTypeItem[];\r\n};\r\n\r\nconst ExtendedMainMenu = ({ clickMenuAction, navigationOptions }: Props) => {\r\n  console.log(navigationOptions);\r\n  const [entries, setEntries] = React.useState<VerticalTabEntry[]>([]);\r\n  React.useEffect(() => {\r\n    function handleKeyPress(e: any) {\r\n      if (e.keyCode === 27) {\r\n        clickMenuAction();\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [clickMenuAction]);\r\n\r\n  React.useEffect(() => {\r\n    const list = navigationOptions?.map(n => {\r\n      return { requiredLine: n.label, to: n.to, disabled: n.disabled, onClick: n.action, exact: n.exact };\r\n    }) as VerticalTabEntry[];\r\n    setEntries(list);\r\n  }, [navigationOptions]);\r\n\r\n  return (\r\n    <Menu onClick={clickMenuAction} role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MenuSection>\r\n        <MenuSectionList>\r\n          <VerticalTabs key=\"ExtendedMenu\" entries={entries} size={Size.Medium} />\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default ExtendedMainMenu;\r\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AAErD,SAASC,WAAW,EAAEC,MAAM,EAAEC,WAAW,QAAQ,cAAc;AAC/D,SAASC,YAAY,QAAQ,YAAY;AAEzC,SAAoCC,IAAI,QAAO,aAAa;AAC5D,SAAQC,SAAS,QAAO,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvC,OAAO,IAAMC,QAAQ,GAAGT,SAAS,CAAAU,eAAA,KAAAA,eAAA,GAAAC,sBAAA,wIAShC;AAED,OAAO,IAAMC,IAAI,GAAGb,MAAM,CAACc,EAAE,CAAAC,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,igBAIP,UAAAI,KAAK;EAAA,OAAIb,MAAM,CAACc,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAK7CR,QAAQ,EAChBA,QAAQ,EAIVH,SAAS,CAACY,QAAQ,EAG3BjB,WAAW,CAACkB,KAAK,EAGjBlB,WAAW,CAACmB,MAAM,EAShBjB,WAAW,CAEhB;AAED,OAAO,IAAMkB,WAAW,GAAGtB,MAAM,CAACuB,EAAE,CAAAC,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,mOAOlB,UAAAI,KAAK;EAAA,OAAIb,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAMrE;AAED,OAAO,IAAMO,eAAe,GAAGzB,MAAM,CAACc,EAAE,CAAAY,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,gEAIvC;AAOD,IAAMe,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAsD;EAAA,IAAhDC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAEC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;EAC5DC,OAAO,CAACC,GAAG,CAACF,iBAAiB,CAAC;EAC9B,IAAAG,eAAA,GAA8BlC,KAAK,CAACmC,QAAQ,CAAqB,EAAE,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA7DI,OAAO,GAAAF,gBAAA;IAAEG,UAAU,GAAAH,gBAAA;EAC1BpC,KAAK,CAACwC,SAAS,CAAC,YAAM;IACpB,SAASC,cAAcA,CAACC,CAAM,EAAE;MAC9B,IAAIA,CAAC,CAACC,OAAO,KAAK,EAAE,EAAE;QACpBb,eAAe,CAAC,CAAC;MACnB;IACF;IAEAc,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEJ,cAAc,EAAE,KAAK,CAAC;IAC3D,OAAO,YAAM;MACXG,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEL,cAAc,EAAE,KAAK,CAAC;IAChE,CAAC;EACH,CAAC,EAAE,CAACX,eAAe,CAAC,CAAC;EAErB9B,KAAK,CAACwC,SAAS,CAAC,YAAM;IACpB,IAAMO,IAAI,GAAGhB,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEiB,GAAG,CAAC,UAAAC,CAAC,EAAI;MACvC,OAAO;QAAEC,YAAY,EAAED,CAAC,CAACE,KAAK;QAAEC,EAAE,EAAEH,CAAC,CAACG,EAAE;QAAEC,QAAQ,EAAEJ,CAAC,CAACI,QAAQ;QAAEC,OAAO,EAAEL,CAAC,CAACM,MAAM;QAAEC,KAAK,EAAEP,CAAC,CAACO;MAAM,CAAC;IACrG,CAAC,CAAuB;IACxBjB,UAAU,CAACQ,IAAI,CAAC;EAClB,CAAC,EAAE,CAAChB,iBAAiB,CAAC,CAAC;EAEvB,oBACErB,IAAA,CAACI,IAAI;IAACwC,OAAO,EAAExB,eAAgB;IAAC2B,IAAI,EAAC,MAAM;IAAC,mBAAgB,gBAAgB;IAAAC,QAAA,eAC1EhD,IAAA,CAACa,WAAW;MAAAmC,QAAA,eACVhD,IAAA,CAACgB,eAAe;QAAAgC,QAAA,eACdhD,IAAA,CAACJ,YAAY;UAAoBgC,OAAO,EAAEA,OAAQ;UAACqB,IAAI,EAAEpD,IAAI,CAACqD;QAAO,GAAnD,cAAqD;MAAC,CACzD;IAAC,CACP;EAAC,CACV,CAAC;AAEX,CAAC;AAAChC,gBAAA,CAAAiC,SAAA;EApCA/B,eAAe,EAAAgC,GAAA,CAAAC,IAAA,CAAAC,UAAA;EACfjC,iBAAiB,EAAA+B,GAAA,CAAAG,KAAA,CAAAD;AAAA;AAqCnB,eAAepC,gBAAgB","ignoreList":[]}
+{"version":3,"file":"ExtendedMainMenu.js","names":["React","styled","keyframes","BREAKPOINTS","COLORS","focusStyles","VerticalTabs","Size","Z_INDEXES","jsx","_jsx","flowDown","_templateObject","_taggedTemplateLiteral","Menu","ul","_templateObject2","props","getColor","theme","dropdown","SMALL","MEDIUM","MenuSection","li","_templateObject3","MenuSectionList","_templateObject4","ExtendedMainMenu","_ref","clickMenuAction","navigationOptions","_React$useState","useState","_React$useState2","_slicedToArray","entries","setEntries","useEffect","handleKeyPress","e","keyCode","document","addEventListener","removeEventListener","list","map","n","requiredLine","label","to","disabled","onClick","action","exact","role","children","size","Medium","propTypes","_pt","func","isRequired","array"],"sources":["../../../src/GlobalNavigationBar/desktop/ExtendedMainMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, focusStyles } from '../../styles';\r\nimport { VerticalTabs } from '../../Tabs';\r\nimport { VerticalTabEntry } from '../../Tabs';\r\nimport {MenuNavigationItemTypeItem, Size} from '../../index';\r\nimport {Z_INDEXES} from '../../styles';\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  right: -8px;\r\n  min-width: 300px;\r\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\r\n  animation: ${flowDown} 0.2s ease-in-out;\r\n  position: absolute;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\r\n  border-radius: 4px;\r\n  z-index: ${Z_INDEXES.dropdown};\r\n\r\n  top: 12px;\r\n  ${BREAKPOINTS.SMALL} {\r\n    top: 18px;\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    top: 24px;\r\n  }\r\n\r\n  .open & {\r\n    display: block;\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  padding: 8px 0;\r\n  position: relative;\r\n\r\n  &:not(:first-of-type)::before {\r\n    content: '';\r\n    position: absolute;\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    height: 1px;\r\n    top: 0;\r\n    left: 16px;\r\n    right: 16px;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0 2px;\r\n`;\r\n\r\ntype Props = {\r\n  clickMenuAction: () => void;\r\n  navigationOptions: MenuNavigationItemTypeItem[];\r\n};\r\n\r\nconst ExtendedMainMenu = ({ clickMenuAction, navigationOptions }: Props) => {\r\n  const [entries, setEntries] = React.useState<VerticalTabEntry[]>([]);\r\n  React.useEffect(() => {\r\n    function handleKeyPress(e: any) {\r\n      if (e.keyCode === 27) {\r\n        clickMenuAction();\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [clickMenuAction]);\r\n\r\n  React.useEffect(() => {\r\n    const list = navigationOptions?.map(n => {\r\n      return { requiredLine: n.label, to: n.to, disabled: n.disabled, onClick: n.action, exact: n.exact };\r\n    }) as VerticalTabEntry[];\r\n    setEntries(list);\r\n  }, [navigationOptions]);\r\n\r\n  return (\r\n    <Menu onClick={clickMenuAction} role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MenuSection>\r\n        <MenuSectionList>\r\n          <VerticalTabs key=\"ExtendedMenu\" entries={entries} size={Size.Medium} />\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default ExtendedMainMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/SubMenu.cjs

@@ -126,7 +126,6 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (newFocusedElement && newFocusedElement !== oldFocusedElement) {
       var _newFocusedElement$cu, _item$items$index$id;
       (_newFocusedElement$cu = newFocusedElement.current) === null || _newFocusedElement$cu === void 0 ? void 0 : _newFocusedElement$cu.classList.add('dropdown-hover');
-      console.log(item.items[index].id);
       onItemFocused && onItemFocused((_item$items$index$id = item.items[index].id) !== null && _item$items$index$id !== void 0 ? _item$items$index$id : '');
     } else if (onItemFocused) onItemFocused('');
   };

package/dist/GlobalNavigationBar/desktop/SubMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_ExtendedMainMenu","_types","_icons","_utils","_Tabs","_TabLink","_MenuItem","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SubMenuWrapper","styled","div","_taggedTemplateLiteral2","Menu","props","topLevel","visible","exports","SubMenu","forwardRef","_ref","ref","item","index","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","focusedItemId","activeItemId","nestPath","ariaLabelledBy","onItemFocused","_React$useState","useState","_React$useState2","_slicedToArray2","forceUpdate","focusedRef","useRef","_React$useState3","_React$useState4","allRefs","setAllRefs","_React$useState5","_React$useState6","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","_toConsumableArray2","filter","containActiveItem","checkIfContainsItem","onMouseEnter","existingRefForId","concat","onKeyDown","key","stopPropagation","preventDefault","setNewFocusedElement","length","code","focusedItem","_allRefs$focusedRef$c","click","_oldFocusedElement$cu","newFocusedElement","oldFocusedElement","classList","remove","_newFocusedElement$cu","_item$items$index$id","add","console","log","onFocus","onBlur","jsx","className","Boolean","children","role","tabIndex","MenuSection","MenuSectionList","size","Size","Medium","entry","_entry$label2","isGroup","to","SubItemOpened","_entry$items$find$id","_entry$items$find","_entry$label","jsxs","style","position","MenuItem","value","label","iconRight","SystemIcons","ArrowDropRight","active","onClickHandler","Fragment","onActiveStateChanged","state","forceDeactivate","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","disabled","showNotificationDot","variant","propTypes","_propTypes","number","isRequired","bool","func","string","arrayOf"],"sources":["../../../src/GlobalNavigationBar/desktop/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\r\nimport { MenuNavigationItemTypeDesktopGroup } from '../types';\r\nimport { Size } from '../../types';\r\nimport { SystemIcons } from '../../icons';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport Tabs from '../../Tabs/Tabs';\r\nimport TabLink from '../../Tabs/TabLink';\r\nimport { MenuItem } from '../../MenuItem';\r\n\r\nexport type SubMenuProps = {\r\n  item: MenuNavigationItemTypeDesktopGroup;\r\n  index: number;\r\n  topLevel: boolean;\r\n  dropdownMenusOpenedArray: React.MutableRefObject<string[]>;\r\n  onSubMenuOpened?: (item: string) => void;\r\n  onSubMenuHidden?: (item: string) => void;\r\n  onItemStateChanged?: (item: string, state: boolean) => void;\r\n  onItemFocused?: (item: string) => void;\r\n  focusedItemId?: string;\r\n  activeItemId?: string;\r\n  nestPath?: string[];\r\n  ariaLabelledBy?: string;\r\n};\r\n\r\nexport const SubMenuWrapper = styled.div<{ topLevel: boolean; visible: boolean }>`\r\n  ${Menu} {\r\n    top: ${(props) => (props.topLevel ? '100%' : '0px')};\r\n    left: ${(props) => (props.topLevel ? '0px' : 'calc(100% - 12px)')};\r\n  }\r\n\r\n  ${(props) => (!props.visible ? 'display: none;' : '')}\r\n\r\n  button {\r\n    padding-left: 0px;\r\n  }\r\n`;\r\n\r\nexport const SubMenu = React.forwardRef<HTMLUListElement, SubMenuProps>(({\r\n  item,\r\n  index,\r\n  topLevel,\r\n  dropdownMenusOpenedArray,\r\n  onSubMenuHidden,\r\n  onSubMenuOpened,\r\n  onItemStateChanged,\r\n  focusedItemId,\r\n  activeItemId,\r\n  nestPath,\r\n  ariaLabelledBy,\r\n  onItemFocused\r\n}: SubMenuProps, ref): React.ReactElement<SubMenuProps> => {\r\n  const [, forceUpdate] = React.useState({});\r\n  const focusedRef = React.useRef<{ index: number }>({ index: -1 });\r\n  const [allRefs, setAllRefs] = React.useState<React.RefObject<HTMLButtonElement | HTMLAnchorElement>[]>([]);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement> | undefined)[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    setAllRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLButtonElement>() : React.createRef<HTMLAnchorElement>())));\r\n    setAllSubMenuRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [item]);\r\n\r\n  const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    onSubMenuHidden && onSubMenuHidden(id);\r\n    forceUpdate({});\r\n  };\r\n  let containActiveItem = false;\r\n  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      onSubMenuOpened && onSubMenuOpened(id);\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\r\n    \r\n    if (e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if (focusedRef.current.index > 0) {\r\n        setNewFocusedElement(focusedRef.current.index - 1);\r\n      }\r\n    } else if (e.key === 'ArrowDown' || e.key === 'Down') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if(focusedRef.current.index < allRefs.length - 1)\r\n      setNewFocusedElement(focusedRef.current.index + 1);\r\n    } \r\n     else\r\n    if (e.key == 'Enter' || e.code == 'Space') {\r\n      e.stopPropagation();\r\n      if(focusedRef.current.index < 0)\r\n        return;\r\n      \r\n      const focusedItem = item.items[focusedRef.current.index];\r\n      if(focusedItem.type == 'desktopgroup')\r\n      {\r\n        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];\r\n        forceUpdate({});\r\n      }\r\n      else\r\n      {\r\n        allRefs[focusedRef.current.index].current?.click();\r\n        forceUpdate({});\r\n      }\r\n\r\n      //just trigger rerendering\r\n      \r\n    }\r\n  };\r\n\r\n  const setNewFocusedElement = (index: number) => {\r\n    const newFocusedElement = index >= 0 ? allRefs[index] : null;\r\n    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;\r\n    focusedRef.current.index = index;\r\n\r\n    if(oldFocusedElement)\r\n      oldFocusedElement?.current?.classList.remove('dropdown-hover');\r\n\r\n    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\r\n      newFocusedElement.current?.classList.add('dropdown-hover');\r\n      console.log(item.items[index].id);\r\n      onItemFocused && onItemFocused(item.items[index].id ?? '');\r\n    }\r\n    else if(onItemFocused)\r\n      onItemFocused('');\r\n  };\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\r\n    setNewFocusedElement(0);\r\n    forceUpdate({});\r\n    \r\n  };\r\n\r\n  const onBlur = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    setNewFocusedElement(-1);\r\n  };\r\n\r\n  return (\r\n    <SubMenuWrapper id={item.id}  className={existingRef ? 'open' : '' } topLevel={topLevel} visible={Boolean(existingRef)}>\r\n      <Menu role=\"group\" ref={ref} aria-labelledby={ariaLabelledBy} onBlur={onBlur} onFocus={onFocus} onKeyDown={(event) => onKeyDown(event)} tabIndex={0}>\r\n        <MenuSection>\r\n          <MenuSectionList>\r\n            <Tabs size={Size.Medium}>\r\n              {item.items.map((entry, index) => {\r\n                const isGroup = entry.type == 'desktopgroup';\r\n                const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';\r\n                const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find((x) => x == entry.id));\r\n                if (isGroup) {\r\n                  return (\r\n                    <div style={{ position: 'relative' }} onMouseEnter={(event) => onMouseEnter(event, entry.id)} onMouseLeave={(event) => onMouseLeave(event, entry.id)}>\r\n                      <MenuItem\r\n                        id={entry.id + '_parentOption'}\r\n                        aria-expanded={Boolean(SubItemOpened)}\r\n                        aria-activedescendant={entry.items.find(x => x.id == focusedItemId)?.id ?? ''}\r\n                        tabIndex={-1}\r\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\r\n                        \r\n                        aria-controls={entry.id}\r\n                        role=\"group\"\r\n                        //id={entry.id} removing this can break something\r\n                        item={{\r\n                          value: entry.label ?? '',\r\n                        }}\r\n                        iconRight={<SystemIcons.ArrowDropRight size=\"24px\" />}\r\n                        active={SubItemOpened || (Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId!))}\r\n                        onClickHandler={() => {}}\r\n                      />\r\n                      <SubMenu\r\n                        ariaLabelledBy={entry.id + '_parentOption'}\r\n                        onItemFocused={onItemFocused}\r\n                        focusedItemId={focusedItemId}\r\n                        ref={subMenuRefs[index]}\r\n                        nestPath={[...(nestPath ?? []), entry.id]}\r\n                        onItemStateChanged={onItemStateChanged}\r\n                        activeItemId={activeItemId}\r\n                        dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n                        item={entry as MenuNavigationItemTypeDesktopGroup}\r\n                        index={index + 1}\r\n                        topLevel={false}\r\n                      />\r\n                    </div>\r\n                  );\r\n                }\r\n                return (\r\n                  <>\r\n                    <TabLink\r\n                      id={entry.id}\r\n                      tabIndex={-1}\r\n                      key={key}\r\n                      to={isGroup ? '' : key}\r\n                      ref={allRefs[index] as React.Ref<HTMLAnchorElement>}\r\n                      onActiveStateChanged={(state) => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state)}\r\n                      forceDeactivate={isGroup}\r\n                      requiredLine={entry.label ?? ''}\r\n                      optionalLine={''}\r\n                      endLineIcon={isGroup ? <SystemIcons.ArrowDropRight size=\"24px\" /> : null}\r\n                      OptionalLineIcon={''}\r\n                      disabled={entry.disabled}\r\n                      showNotificationDot={false}\r\n                      size={Size.Medium}\r\n                      variant=\"positive\"\r\n                    />\r\n                  </>\r\n                );\r\n              })}\r\n            </Tabs>\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      </Menu>\r\n    </SubMenuWrapper>\r\n  );\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SubMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_ExtendedMainMenu","_types","_icons","_utils","_Tabs","_TabLink","_MenuItem","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SubMenuWrapper","styled","div","_taggedTemplateLiteral2","Menu","props","topLevel","visible","exports","SubMenu","forwardRef","_ref","ref","item","index","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","focusedItemId","activeItemId","nestPath","ariaLabelledBy","onItemFocused","_React$useState","useState","_React$useState2","_slicedToArray2","forceUpdate","focusedRef","useRef","_React$useState3","_React$useState4","allRefs","setAllRefs","_React$useState5","_React$useState6","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","_toConsumableArray2","filter","containActiveItem","checkIfContainsItem","onMouseEnter","existingRefForId","concat","onKeyDown","key","stopPropagation","preventDefault","setNewFocusedElement","length","code","focusedItem","_allRefs$focusedRef$c","click","_oldFocusedElement$cu","newFocusedElement","oldFocusedElement","classList","remove","_newFocusedElement$cu","_item$items$index$id","add","onFocus","onBlur","jsx","className","Boolean","children","role","tabIndex","MenuSection","MenuSectionList","size","Size","Medium","entry","_entry$label2","isGroup","to","SubItemOpened","_entry$items$find$id","_entry$items$find","_entry$label","jsxs","style","position","MenuItem","value","label","iconRight","SystemIcons","ArrowDropRight","active","onClickHandler","Fragment","onActiveStateChanged","state","forceDeactivate","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","disabled","showNotificationDot","variant","propTypes","_propTypes","number","isRequired","bool","func","string","arrayOf"],"sources":["../../../src/GlobalNavigationBar/desktop/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\r\nimport { MenuNavigationItemTypeDesktopGroup } from '../types';\r\nimport { Size } from '../../types';\r\nimport { SystemIcons } from '../../icons';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport Tabs from '../../Tabs/Tabs';\r\nimport TabLink from '../../Tabs/TabLink';\r\nimport { MenuItem } from '../../MenuItem';\r\n\r\nexport type SubMenuProps = {\r\n  item: MenuNavigationItemTypeDesktopGroup;\r\n  index: number;\r\n  topLevel: boolean;\r\n  dropdownMenusOpenedArray: React.MutableRefObject<string[]>;\r\n  onSubMenuOpened?: (item: string) => void;\r\n  onSubMenuHidden?: (item: string) => void;\r\n  onItemStateChanged?: (item: string, state: boolean) => void;\r\n  onItemFocused?: (item: string) => void;\r\n  focusedItemId?: string;\r\n  activeItemId?: string;\r\n  nestPath?: string[];\r\n  ariaLabelledBy?: string;\r\n};\r\n\r\nexport const SubMenuWrapper = styled.div<{ topLevel: boolean; visible: boolean }>`\r\n  ${Menu} {\r\n    top: ${(props) => (props.topLevel ? '100%' : '0px')};\r\n    left: ${(props) => (props.topLevel ? '0px' : 'calc(100% - 12px)')};\r\n  }\r\n\r\n  ${(props) => (!props.visible ? 'display: none;' : '')}\r\n\r\n  button {\r\n    padding-left: 0px;\r\n  }\r\n`;\r\n\r\nexport const SubMenu = React.forwardRef<HTMLUListElement, SubMenuProps>(({\r\n  item,\r\n  index,\r\n  topLevel,\r\n  dropdownMenusOpenedArray,\r\n  onSubMenuHidden,\r\n  onSubMenuOpened,\r\n  onItemStateChanged,\r\n  focusedItemId,\r\n  activeItemId,\r\n  nestPath,\r\n  ariaLabelledBy,\r\n  onItemFocused\r\n}: SubMenuProps, ref): React.ReactElement<SubMenuProps> => {\r\n  const [, forceUpdate] = React.useState({});\r\n  const focusedRef = React.useRef<{ index: number }>({ index: -1 });\r\n  const [allRefs, setAllRefs] = React.useState<React.RefObject<HTMLButtonElement | HTMLAnchorElement>[]>([]);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement> | undefined)[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    setAllRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLButtonElement>() : React.createRef<HTMLAnchorElement>())));\r\n    setAllSubMenuRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [item]);\r\n\r\n  const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    onSubMenuHidden && onSubMenuHidden(id);\r\n    forceUpdate({});\r\n  };\r\n  let containActiveItem = false;\r\n  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      onSubMenuOpened && onSubMenuOpened(id);\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\r\n    \r\n    if (e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if (focusedRef.current.index > 0) {\r\n        setNewFocusedElement(focusedRef.current.index - 1);\r\n      }\r\n    } else if (e.key === 'ArrowDown' || e.key === 'Down') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if(focusedRef.current.index < allRefs.length - 1)\r\n      setNewFocusedElement(focusedRef.current.index + 1);\r\n    } \r\n     else\r\n    if (e.key == 'Enter' || e.code == 'Space') {\r\n      e.stopPropagation();\r\n      if(focusedRef.current.index < 0)\r\n        return;\r\n      \r\n      const focusedItem = item.items[focusedRef.current.index];\r\n      if(focusedItem.type == 'desktopgroup')\r\n      {\r\n        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];\r\n        forceUpdate({});\r\n      }\r\n      else\r\n      {\r\n        allRefs[focusedRef.current.index].current?.click();\r\n        forceUpdate({});\r\n      }\r\n\r\n      //just trigger rerendering\r\n      \r\n    }\r\n  };\r\n\r\n  const setNewFocusedElement = (index: number) => {\r\n    const newFocusedElement = index >= 0 ? allRefs[index] : null;\r\n    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;\r\n    focusedRef.current.index = index;\r\n\r\n    if(oldFocusedElement)\r\n      oldFocusedElement?.current?.classList.remove('dropdown-hover');\r\n\r\n    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\r\n      newFocusedElement.current?.classList.add('dropdown-hover');\r\n      onItemFocused && onItemFocused(item.items[index].id ?? '');\r\n    }\r\n    else if(onItemFocused)\r\n      onItemFocused('');\r\n  };\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\r\n    setNewFocusedElement(0);\r\n    forceUpdate({});\r\n    \r\n  };\r\n\r\n  const onBlur = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    setNewFocusedElement(-1);\r\n  };\r\n\r\n  return (\r\n    <SubMenuWrapper id={item.id}  className={existingRef ? 'open' : '' } topLevel={topLevel} visible={Boolean(existingRef)}>\r\n      <Menu role=\"group\" ref={ref} aria-labelledby={ariaLabelledBy} onBlur={onBlur} onFocus={onFocus} onKeyDown={(event) => onKeyDown(event)} tabIndex={0}>\r\n        <MenuSection>\r\n          <MenuSectionList>\r\n            <Tabs size={Size.Medium}>\r\n              {item.items.map((entry, index) => {\r\n                const isGroup = entry.type == 'desktopgroup';\r\n                const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';\r\n                const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find((x) => x == entry.id));\r\n                if (isGroup) {\r\n                  return (\r\n                    <div style={{ position: 'relative' }} onMouseEnter={(event) => onMouseEnter(event, entry.id)} onMouseLeave={(event) => onMouseLeave(event, entry.id)}>\r\n                      <MenuItem\r\n                        id={entry.id + '_parentOption'}\r\n                        aria-expanded={Boolean(SubItemOpened)}\r\n                        aria-activedescendant={entry.items.find(x => x.id == focusedItemId)?.id ?? ''}\r\n                        tabIndex={-1}\r\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\r\n                        \r\n                        aria-controls={entry.id}\r\n                        role=\"group\"\r\n                        //id={entry.id} removing this can break something\r\n                        item={{\r\n                          value: entry.label ?? '',\r\n                        }}\r\n                        iconRight={<SystemIcons.ArrowDropRight size=\"24px\" />}\r\n                        active={SubItemOpened || (Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId!))}\r\n                        onClickHandler={() => {}}\r\n                      />\r\n                      <SubMenu\r\n                        ariaLabelledBy={entry.id + '_parentOption'}\r\n                        onItemFocused={onItemFocused}\r\n                        focusedItemId={focusedItemId}\r\n                        ref={subMenuRefs[index]}\r\n                        nestPath={[...(nestPath ?? []), entry.id]}\r\n                        onItemStateChanged={onItemStateChanged}\r\n                        activeItemId={activeItemId}\r\n                        dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n                        item={entry as MenuNavigationItemTypeDesktopGroup}\r\n                        index={index + 1}\r\n                        topLevel={false}\r\n                      />\r\n                    </div>\r\n                  );\r\n                }\r\n                return (\r\n                  <>\r\n                    <TabLink\r\n                      id={entry.id}\r\n                      tabIndex={-1}\r\n                      key={key}\r\n                      to={isGroup ? '' : key}\r\n                      ref={allRefs[index] as React.Ref<HTMLAnchorElement>}\r\n                      onActiveStateChanged={(state) => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state)}\r\n                      forceDeactivate={isGroup}\r\n                      requiredLine={entry.label ?? ''}\r\n                      optionalLine={''}\r\n                      endLineIcon={isGroup ? <SystemIcons.ArrowDropRight size=\"24px\" /> : null}\r\n                      OptionalLineIcon={''}\r\n                      disabled={entry.disabled}\r\n                      showNotificationDot={false}\r\n                      size={Size.Medium}\r\n                      variant=\"positive\"\r\n                    />\r\n                  </>\r\n                );\r\n              })}\r\n            </Tabs>\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      </Menu>\r\n    </SubMenuWrapper>\r\n  );\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/SubMenu.js

@@ -117,7 +117,6 @@ export var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (newFocusedElement && newFocusedElement !== oldFocusedElement) {
       var _newFocusedElement$cu, _item$items$index$id;
       (_newFocusedElement$cu = newFocusedElement.current) === null || _newFocusedElement$cu === void 0 ? void 0 : _newFocusedElement$cu.classList.add('dropdown-hover');
-      console.log(item.items[index].id);
       onItemFocused && onItemFocused((_item$items$index$id = item.items[index].id) !== null && _item$items$index$id !== void 0 ? _item$items$index$id : '');
     } else if (onItemFocused) onItemFocused('');
   };

package/dist/GlobalNavigationBar/desktop/SubMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.js","names":["React","styled","Menu","MenuSection","MenuSectionList","Size","SystemIcons","checkIfContainsItem","Tabs","TabLink","MenuItem","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SubMenuWrapper","div","_templateObject","_taggedTemplateLiteral","props","topLevel","visible","SubMenu","forwardRef","_ref","ref","item","index","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","focusedItemId","activeItemId","nestPath","ariaLabelledBy","onItemFocused","_React$useState","useState","_React$useState2","_slicedToArray","forceUpdate","focusedRef","useRef","_React$useState3","_React$useState4","allRefs","setAllRefs","_React$useState5","_React$useState6","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","_toConsumableArray","filter","containActiveItem","onMouseEnter","existingRefForId","concat","onKeyDown","e","key","stopPropagation","preventDefault","setNewFocusedElement","length","code","focusedItem","_allRefs$focusedRef$c","click","_oldFocusedElement$cu","newFocusedElement","oldFocusedElement","classList","remove","_newFocusedElement$cu","_item$items$index$id","add","console","log","onFocus","onBlur","className","Boolean","children","role","tabIndex","size","Medium","entry","_entry$label2","isGroup","to","SubItemOpened","_entry$items$find$id","_entry$items$find","_entry$label","style","position","value","label","iconRight","ArrowDropRight","active","onClickHandler","onActiveStateChanged","state","forceDeactivate","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","disabled","showNotificationDot","variant","propTypes","_pt","number","isRequired","bool","func","string","arrayOf"],"sources":["../../../src/GlobalNavigationBar/desktop/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\r\nimport { MenuNavigationItemTypeDesktopGroup } from '../types';\r\nimport { Size } from '../../types';\r\nimport { SystemIcons } from '../../icons';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport Tabs from '../../Tabs/Tabs';\r\nimport TabLink from '../../Tabs/TabLink';\r\nimport { MenuItem } from '../../MenuItem';\r\n\r\nexport type SubMenuProps = {\r\n  item: MenuNavigationItemTypeDesktopGroup;\r\n  index: number;\r\n  topLevel: boolean;\r\n  dropdownMenusOpenedArray: React.MutableRefObject<string[]>;\r\n  onSubMenuOpened?: (item: string) => void;\r\n  onSubMenuHidden?: (item: string) => void;\r\n  onItemStateChanged?: (item: string, state: boolean) => void;\r\n  onItemFocused?: (item: string) => void;\r\n  focusedItemId?: string;\r\n  activeItemId?: string;\r\n  nestPath?: string[];\r\n  ariaLabelledBy?: string;\r\n};\r\n\r\nexport const SubMenuWrapper = styled.div<{ topLevel: boolean; visible: boolean }>`\r\n  ${Menu} {\r\n    top: ${(props) => (props.topLevel ? '100%' : '0px')};\r\n    left: ${(props) => (props.topLevel ? '0px' : 'calc(100% - 12px)')};\r\n  }\r\n\r\n  ${(props) => (!props.visible ? 'display: none;' : '')}\r\n\r\n  button {\r\n    padding-left: 0px;\r\n  }\r\n`;\r\n\r\nexport const SubMenu = React.forwardRef<HTMLUListElement, SubMenuProps>(({\r\n  item,\r\n  index,\r\n  topLevel,\r\n  dropdownMenusOpenedArray,\r\n  onSubMenuHidden,\r\n  onSubMenuOpened,\r\n  onItemStateChanged,\r\n  focusedItemId,\r\n  activeItemId,\r\n  nestPath,\r\n  ariaLabelledBy,\r\n  onItemFocused\r\n}: SubMenuProps, ref): React.ReactElement<SubMenuProps> => {\r\n  const [, forceUpdate] = React.useState({});\r\n  const focusedRef = React.useRef<{ index: number }>({ index: -1 });\r\n  const [allRefs, setAllRefs] = React.useState<React.RefObject<HTMLButtonElement | HTMLAnchorElement>[]>([]);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement> | undefined)[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    setAllRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLButtonElement>() : React.createRef<HTMLAnchorElement>())));\r\n    setAllSubMenuRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [item]);\r\n\r\n  const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    onSubMenuHidden && onSubMenuHidden(id);\r\n    forceUpdate({});\r\n  };\r\n  let containActiveItem = false;\r\n  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      onSubMenuOpened && onSubMenuOpened(id);\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\r\n    \r\n    if (e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if (focusedRef.current.index > 0) {\r\n        setNewFocusedElement(focusedRef.current.index - 1);\r\n      }\r\n    } else if (e.key === 'ArrowDown' || e.key === 'Down') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if(focusedRef.current.index < allRefs.length - 1)\r\n      setNewFocusedElement(focusedRef.current.index + 1);\r\n    } \r\n     else\r\n    if (e.key == 'Enter' || e.code == 'Space') {\r\n      e.stopPropagation();\r\n      if(focusedRef.current.index < 0)\r\n        return;\r\n      \r\n      const focusedItem = item.items[focusedRef.current.index];\r\n      if(focusedItem.type == 'desktopgroup')\r\n      {\r\n        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];\r\n        forceUpdate({});\r\n      }\r\n      else\r\n      {\r\n        allRefs[focusedRef.current.index].current?.click();\r\n        forceUpdate({});\r\n      }\r\n\r\n      //just trigger rerendering\r\n      \r\n    }\r\n  };\r\n\r\n  const setNewFocusedElement = (index: number) => {\r\n    const newFocusedElement = index >= 0 ? allRefs[index] : null;\r\n    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;\r\n    focusedRef.current.index = index;\r\n\r\n    if(oldFocusedElement)\r\n      oldFocusedElement?.current?.classList.remove('dropdown-hover');\r\n\r\n    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\r\n      newFocusedElement.current?.classList.add('dropdown-hover');\r\n      console.log(item.items[index].id);\r\n      onItemFocused && onItemFocused(item.items[index].id ?? '');\r\n    }\r\n    else if(onItemFocused)\r\n      onItemFocused('');\r\n  };\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\r\n    setNewFocusedElement(0);\r\n    forceUpdate({});\r\n    \r\n  };\r\n\r\n  const onBlur = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    setNewFocusedElement(-1);\r\n  };\r\n\r\n  return (\r\n    <SubMenuWrapper id={item.id}  className={existingRef ? 'open' : '' } topLevel={topLevel} visible={Boolean(existingRef)}>\r\n      <Menu role=\"group\" ref={ref} aria-labelledby={ariaLabelledBy} onBlur={onBlur} onFocus={onFocus} onKeyDown={(event) => onKeyDown(event)} tabIndex={0}>\r\n        <MenuSection>\r\n          <MenuSectionList>\r\n            <Tabs size={Size.Medium}>\r\n              {item.items.map((entry, index) => {\r\n                const isGroup = entry.type == 'desktopgroup';\r\n                const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';\r\n                const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find((x) => x == entry.id));\r\n                if (isGroup) {\r\n                  return (\r\n                    <div style={{ position: 'relative' }} onMouseEnter={(event) => onMouseEnter(event, entry.id)} onMouseLeave={(event) => onMouseLeave(event, entry.id)}>\r\n                      <MenuItem\r\n                        id={entry.id + '_parentOption'}\r\n                        aria-expanded={Boolean(SubItemOpened)}\r\n                        aria-activedescendant={entry.items.find(x => x.id == focusedItemId)?.id ?? ''}\r\n                        tabIndex={-1}\r\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\r\n                        \r\n                        aria-controls={entry.id}\r\n                        role=\"group\"\r\n                        //id={entry.id} removing this can break something\r\n                        item={{\r\n                          value: entry.label ?? '',\r\n                        }}\r\n                        iconRight={<SystemIcons.ArrowDropRight size=\"24px\" />}\r\n                        active={SubItemOpened || (Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId!))}\r\n                        onClickHandler={() => {}}\r\n                      />\r\n                      <SubMenu\r\n                        ariaLabelledBy={entry.id + '_parentOption'}\r\n                        onItemFocused={onItemFocused}\r\n                        focusedItemId={focusedItemId}\r\n                        ref={subMenuRefs[index]}\r\n                        nestPath={[...(nestPath ?? []), entry.id]}\r\n                        onItemStateChanged={onItemStateChanged}\r\n                        activeItemId={activeItemId}\r\n                        dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n                        item={entry as MenuNavigationItemTypeDesktopGroup}\r\n                        index={index + 1}\r\n                        topLevel={false}\r\n                      />\r\n                    </div>\r\n                  );\r\n                }\r\n                return (\r\n                  <>\r\n                    <TabLink\r\n                      id={entry.id}\r\n                      tabIndex={-1}\r\n                      key={key}\r\n                      to={isGroup ? '' : key}\r\n                      ref={allRefs[index] as React.Ref<HTMLAnchorElement>}\r\n                      onActiveStateChanged={(state) => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state)}\r\n                      forceDeactivate={isGroup}\r\n                      requiredLine={entry.label ?? ''}\r\n                      optionalLine={''}\r\n                      endLineIcon={isGroup ? <SystemIcons.ArrowDropRight size=\"24px\" /> : null}\r\n                      OptionalLineIcon={''}\r\n                      disabled={entry.disabled}\r\n                      showNotificationDot={false}\r\n                      size={Size.Medium}\r\n                      variant=\"positive\"\r\n                    />\r\n                  </>\r\n                );\r\n              })}\r\n            </Tabs>\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      </Menu>\r\n    </SubMenuWrapper>\r\n  );\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SubMenu.js","names":["React","styled","Menu","MenuSection","MenuSectionList","Size","SystemIcons","checkIfContainsItem","Tabs","TabLink","MenuItem","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SubMenuWrapper","div","_templateObject","_taggedTemplateLiteral","props","topLevel","visible","SubMenu","forwardRef","_ref","ref","item","index","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","focusedItemId","activeItemId","nestPath","ariaLabelledBy","onItemFocused","_React$useState","useState","_React$useState2","_slicedToArray","forceUpdate","focusedRef","useRef","_React$useState3","_React$useState4","allRefs","setAllRefs","_React$useState5","_React$useState6","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","_toConsumableArray","filter","containActiveItem","onMouseEnter","existingRefForId","concat","onKeyDown","e","key","stopPropagation","preventDefault","setNewFocusedElement","length","code","focusedItem","_allRefs$focusedRef$c","click","_oldFocusedElement$cu","newFocusedElement","oldFocusedElement","classList","remove","_newFocusedElement$cu","_item$items$index$id","add","onFocus","onBlur","className","Boolean","children","role","tabIndex","size","Medium","entry","_entry$label2","isGroup","to","SubItemOpened","_entry$items$find$id","_entry$items$find","_entry$label","style","position","value","label","iconRight","ArrowDropRight","active","onClickHandler","onActiveStateChanged","state","forceDeactivate","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","disabled","showNotificationDot","variant","propTypes","_pt","number","isRequired","bool","func","string","arrayOf"],"sources":["../../../src/GlobalNavigationBar/desktop/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\r\nimport { MenuNavigationItemTypeDesktopGroup } from '../types';\r\nimport { Size } from '../../types';\r\nimport { SystemIcons } from '../../icons';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport Tabs from '../../Tabs/Tabs';\r\nimport TabLink from '../../Tabs/TabLink';\r\nimport { MenuItem } from '../../MenuItem';\r\n\r\nexport type SubMenuProps = {\r\n  item: MenuNavigationItemTypeDesktopGroup;\r\n  index: number;\r\n  topLevel: boolean;\r\n  dropdownMenusOpenedArray: React.MutableRefObject<string[]>;\r\n  onSubMenuOpened?: (item: string) => void;\r\n  onSubMenuHidden?: (item: string) => void;\r\n  onItemStateChanged?: (item: string, state: boolean) => void;\r\n  onItemFocused?: (item: string) => void;\r\n  focusedItemId?: string;\r\n  activeItemId?: string;\r\n  nestPath?: string[];\r\n  ariaLabelledBy?: string;\r\n};\r\n\r\nexport const SubMenuWrapper = styled.div<{ topLevel: boolean; visible: boolean }>`\r\n  ${Menu} {\r\n    top: ${(props) => (props.topLevel ? '100%' : '0px')};\r\n    left: ${(props) => (props.topLevel ? '0px' : 'calc(100% - 12px)')};\r\n  }\r\n\r\n  ${(props) => (!props.visible ? 'display: none;' : '')}\r\n\r\n  button {\r\n    padding-left: 0px;\r\n  }\r\n`;\r\n\r\nexport const SubMenu = React.forwardRef<HTMLUListElement, SubMenuProps>(({\r\n  item,\r\n  index,\r\n  topLevel,\r\n  dropdownMenusOpenedArray,\r\n  onSubMenuHidden,\r\n  onSubMenuOpened,\r\n  onItemStateChanged,\r\n  focusedItemId,\r\n  activeItemId,\r\n  nestPath,\r\n  ariaLabelledBy,\r\n  onItemFocused\r\n}: SubMenuProps, ref): React.ReactElement<SubMenuProps> => {\r\n  const [, forceUpdate] = React.useState({});\r\n  const focusedRef = React.useRef<{ index: number }>({ index: -1 });\r\n  const [allRefs, setAllRefs] = React.useState<React.RefObject<HTMLButtonElement | HTMLAnchorElement>[]>([]);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement> | undefined)[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    setAllRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLButtonElement>() : React.createRef<HTMLAnchorElement>())));\r\n    setAllSubMenuRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [item]);\r\n\r\n  const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    onSubMenuHidden && onSubMenuHidden(id);\r\n    forceUpdate({});\r\n  };\r\n  let containActiveItem = false;\r\n  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      onSubMenuOpened && onSubMenuOpened(id);\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\r\n    \r\n    if (e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if (focusedRef.current.index > 0) {\r\n        setNewFocusedElement(focusedRef.current.index - 1);\r\n      }\r\n    } else if (e.key === 'ArrowDown' || e.key === 'Down') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if(focusedRef.current.index < allRefs.length - 1)\r\n      setNewFocusedElement(focusedRef.current.index + 1);\r\n    } \r\n     else\r\n    if (e.key == 'Enter' || e.code == 'Space') {\r\n      e.stopPropagation();\r\n      if(focusedRef.current.index < 0)\r\n        return;\r\n      \r\n      const focusedItem = item.items[focusedRef.current.index];\r\n      if(focusedItem.type == 'desktopgroup')\r\n      {\r\n        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];\r\n        forceUpdate({});\r\n      }\r\n      else\r\n      {\r\n        allRefs[focusedRef.current.index].current?.click();\r\n        forceUpdate({});\r\n      }\r\n\r\n      //just trigger rerendering\r\n      \r\n    }\r\n  };\r\n\r\n  const setNewFocusedElement = (index: number) => {\r\n    const newFocusedElement = index >= 0 ? allRefs[index] : null;\r\n    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;\r\n    focusedRef.current.index = index;\r\n\r\n    if(oldFocusedElement)\r\n      oldFocusedElement?.current?.classList.remove('dropdown-hover');\r\n\r\n    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\r\n      newFocusedElement.current?.classList.add('dropdown-hover');\r\n      onItemFocused && onItemFocused(item.items[index].id ?? '');\r\n    }\r\n    else if(onItemFocused)\r\n      onItemFocused('');\r\n  };\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\r\n    setNewFocusedElement(0);\r\n    forceUpdate({});\r\n    \r\n  };\r\n\r\n  const onBlur = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    setNewFocusedElement(-1);\r\n  };\r\n\r\n  return (\r\n    <SubMenuWrapper id={item.id}  className={existingRef ? 'open' : '' } topLevel={topLevel} visible={Boolean(existingRef)}>\r\n      <Menu role=\"group\" ref={ref} aria-labelledby={ariaLabelledBy} onBlur={onBlur} onFocus={onFocus} onKeyDown={(event) => onKeyDown(event)} tabIndex={0}>\r\n        <MenuSection>\r\n          <MenuSectionList>\r\n            <Tabs size={Size.Medium}>\r\n              {item.items.map((entry, index) => {\r\n                const isGroup = entry.type == 'desktopgroup';\r\n                const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';\r\n                const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find((x) => x == entry.id));\r\n                if (isGroup) {\r\n                  return (\r\n                    <div style={{ position: 'relative' }} onMouseEnter={(event) => onMouseEnter(event, entry.id)} onMouseLeave={(event) => onMouseLeave(event, entry.id)}>\r\n                      <MenuItem\r\n                        id={entry.id + '_parentOption'}\r\n                        aria-expanded={Boolean(SubItemOpened)}\r\n                        aria-activedescendant={entry.items.find(x => x.id == focusedItemId)?.id ?? ''}\r\n                        tabIndex={-1}\r\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\r\n                        \r\n                        aria-controls={entry.id}\r\n                        role=\"group\"\r\n                        //id={entry.id} removing this can break something\r\n                        item={{\r\n                          value: entry.label ?? '',\r\n                        }}\r\n                        iconRight={<SystemIcons.ArrowDropRight size=\"24px\" />}\r\n                        active={SubItemOpened || (Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId!))}\r\n                        onClickHandler={() => {}}\r\n                      />\r\n                      <SubMenu\r\n                        ariaLabelledBy={entry.id + '_parentOption'}\r\n                        onItemFocused={onItemFocused}\r\n                        focusedItemId={focusedItemId}\r\n                        ref={subMenuRefs[index]}\r\n                        nestPath={[...(nestPath ?? []), entry.id]}\r\n                        onItemStateChanged={onItemStateChanged}\r\n                        activeItemId={activeItemId}\r\n                        dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n                        item={entry as MenuNavigationItemTypeDesktopGroup}\r\n                        index={index + 1}\r\n                        topLevel={false}\r\n                      />\r\n                    </div>\r\n                  );\r\n                }\r\n                return (\r\n                  <>\r\n                    <TabLink\r\n                      id={entry.id}\r\n                      tabIndex={-1}\r\n                      key={key}\r\n                      to={isGroup ? '' : key}\r\n                      ref={allRefs[index] as React.Ref<HTMLAnchorElement>}\r\n                      onActiveStateChanged={(state) => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state)}\r\n                      forceDeactivate={isGroup}\r\n                      requiredLine={entry.label ?? ''}\r\n                      optionalLine={''}\r\n                      endLineIcon={isGroup ? <SystemIcons.ArrowDropRight size=\"24px\" /> : null}\r\n                      OptionalLineIcon={''}\r\n                      disabled={entry.disabled}\r\n                      showNotificationDot={false}\r\n                      size={Size.Medium}\r\n                      variant=\"positive\"\r\n                    />\r\n                  </>\r\n                );\r\n              })}\r\n            </Tabs>\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      </Menu>\r\n    </SubMenuWrapper>\r\n  );\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/InputFields/QuickSearch.cjs

@@ -107,7 +107,7 @@ var QuickSearch = function QuickSearch(_ref) {
     return function () {
       document.removeEventListener('click', handleClickOutside);
     };
-  }, []);
+  });
 
   // focus search input on visibility change
   React.useEffect(function () {