@transferwise/components 46.70.2 → 46.70.3

package/build/typeahead/Typeahead.js

@@ -346,7 +346,7 @@ class Typeahead extends React.Component {
         open: dropdownOpen
       }),
       id: `menu-${id}`,
-      children: !!optionsToRender.length && /*#__PURE__*/jsxRuntime.jsxs("ul", {
+      children: (!!optionsToRender.length || footer) && /*#__PURE__*/jsxRuntime.jsxs("ul", {
         className: "dropdown-menu",
         role: "menu",
         children: [optionsToRender.map((option, idx) => {

package/build/typeahead/Typeahead.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typeahead.js","sources":["../../src/typeahead/Typeahead.tsx"],"sourcesContent":["import { Cross as CrossIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { DebouncedFunc } from 'lodash';\nimport clamp from 'lodash.clamp';\nimport debounce from 'lodash.debounce';\nimport React, { Component, ReactNode } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport Chip from '../chips/Chip';\nimport {\n  Size,\n  Sentiment,\n  SizeMedium,\n  SizeLarge,\n  addClickClassToDocumentOnIos,\n  removeClickClassFromDocumentOnIos,\n  stopPropagation,\n} from '../common';\nimport InlineAlert from '../inlineAlert';\nimport { InlineAlertProps } from '../inlineAlert/InlineAlert';\nimport { withInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\n\nimport TypeaheadInput from './typeaheadInput/TypeaheadInput';\nimport TypeaheadOption from './typeaheadOption/TypeaheadOption';\nimport messages from './Typeahead.messages';\n\nconst DEFAULT_MIN_QUERY_LENGTH = 3;\nconst SEARCH_DELAY = 200;\n\nexport type TypeaheadOption<T = string> = {\n  label: string;\n  note?: string;\n  secondary?: string;\n  value?: T;\n  clearQueryOnSelect?: boolean;\n  keepFocusOnSelect?: boolean;\n};\n\nexport interface TypeaheadProps<T> extends WrappedComponentProps {\n  id: string;\n  name: string;\n  addon?: ReactNode;\n  alert?: {\n    message: InlineAlertProps['children'];\n    type?: InlineAlertProps['type'];\n  };\n  allowNew?: boolean;\n  autoFillOnBlur?: boolean;\n  autoFocus?: boolean;\n  chipSeparators?: readonly string[];\n  clearable?: boolean;\n  footer?: ReactNode;\n  initialValue?: readonly TypeaheadOption<T>[];\n  inputAutoComplete?: string;\n  maxHeight?: number;\n  minQueryLength?: number;\n  placeholder?: string;\n  multiple?: boolean;\n  options: readonly TypeaheadOption<T>[];\n  searchDelay?: number;\n  showSuggestions?: boolean;\n  showNewEntry?: boolean;\n  size?: SizeMedium | SizeLarge;\n\n  onBlur?: () => void;\n  onChange: (options: TypeaheadOption<T>[]) => void;\n  onFocus?: () => void;\n  onInputChange?: (query: string) => void;\n  onSearch?: (query: string) => void;\n  validateChip?: (chip: TypeaheadOption<T>) => boolean;\n}\n\ntype TypeaheadPropsWithInputAttributes<T> = TypeaheadProps<T> & Partial<WithInputAttributesProps>;\n\ntype TypeaheadState<T> = {\n  selected: readonly TypeaheadOption<T>[];\n  keyboardFocusedOptionIndex: number | null;\n  errorState: boolean;\n  query: string;\n  optionsShown: boolean;\n  isFocused: boolean;\n};\n\nclass Typeahead<T> extends Component<TypeaheadPropsWithInputAttributes<T>, TypeaheadState<T>> {\n  declare props: TypeaheadPropsWithInputAttributes<T> &\n    Required<Pick<TypeaheadPropsWithInputAttributes<T>, keyof typeof Typeahead.defaultProps>>;\n\n  static defaultProps = {\n    allowNew: false,\n    autoFillOnBlur: true,\n    autoFocus: false,\n    chipSeparators: [],\n    clearable: true,\n    initialValue: [],\n    inputAutoComplete: 'new-password',\n    minQueryLength: DEFAULT_MIN_QUERY_LENGTH,\n    multiple: false,\n    searchDelay: SEARCH_DELAY,\n    showSuggestions: true,\n    showNewEntry: true,\n    size: Size.MEDIUM,\n    validateChip: () => true,\n  } satisfies Partial<TypeaheadProps<unknown>>;\n  optionRefs: (React.RefObject<HTMLLIElement> | null)[];\n\n  constructor(props: TypeaheadPropsWithInputAttributes<T>) {\n    super(props);\n    const { searchDelay, initialValue, multiple } = this.props;\n    this.handleSearchDebounced = debounce(this.handleSearch, searchDelay);\n    const initialQuery = !multiple && initialValue.length > 0 ? initialValue[0].label : '';\n    this.state = {\n      selected: initialValue,\n      errorState: false,\n      query: initialQuery,\n      keyboardFocusedOptionIndex: null,\n      optionsShown: false,\n      isFocused: false,\n    };\n    this.optionRefs = [] as (React.RefObject<HTMLLIElement> | null)[];\n  }\n\n  handleSearchDebounced: DebouncedFunc<Typeahead<T>['handleSearch']>;\n\n  UNSAFE_componentWillReceiveProps(nextProps: TypeaheadPropsWithInputAttributes<T>) {\n    if (nextProps.multiple !== this.props.multiple) {\n      this.setState((previousState) => {\n        const { selected } = previousState;\n        if (!nextProps.multiple && selected.length > 0) {\n          return {\n            query: selected[0].label,\n            selected: [selected[0]],\n          };\n        }\n        return {\n          selected: previousState.selected,\n          query: '',\n        };\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.handleSearchDebounced.cancel();\n  }\n\n  handleOnFocus = () => {\n    this.showMenu();\n    this.props.onFocus?.();\n  };\n\n  onOptionSelected = (event: React.MouseEvent, item: TypeaheadOption<T>) => {\n    event.preventDefault();\n    this.selectItem(item);\n  };\n\n  handleOnChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    const { optionsShown, selected } = this.state;\n    const { multiple, onInputChange } = this.props;\n\n    if (!optionsShown) {\n      this.showMenu();\n    }\n\n    const query = event.target.value;\n\n    if (!multiple && selected.length > 0) {\n      this.updateSelectedValue([]);\n    }\n\n    this.setState({ query }, () => {\n      this.handleSearchDebounced(query);\n      if (onInputChange) {\n        onInputChange(query);\n      }\n    });\n  };\n\n  handleOnPaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n    const { allowNew, multiple, chipSeparators } = this.props;\n    const { selected } = this.state;\n\n    if (allowNew && multiple && chipSeparators.length > 0) {\n      event.preventDefault();\n      const value = event.clipboardData.getData('text');\n      if (value) {\n        const regex = new RegExp(chipSeparators.join('|'));\n        const pastedChips = value\n          .split(regex)\n          .map((label) => ({ label: label.trim() }))\n          .filter((chip) => chip.label);\n\n        this.updateSelectedValue([...selected, ...pastedChips]);\n      }\n    }\n  };\n\n  handleOnKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    const { showSuggestions, allowNew, multiple, chipSeparators, options } = this.props;\n    const { keyboardFocusedOptionIndex, query, selected } = this.state;\n    const chipsMode = !showSuggestions && allowNew && multiple;\n\n    if (chipsMode && ['Enter', 'Tab', ...chipSeparators].includes(event.key) && query.trim()) {\n      event.preventDefault();\n      this.selectItem({ label: query });\n    } else {\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault();\n          this.moveFocusedOption(1);\n          break;\n        case 'ArrowUp':\n          event.preventDefault();\n          this.moveFocusedOption(-1);\n          break;\n        case 'Enter':\n          event.preventDefault();\n          if (keyboardFocusedOptionIndex != null && options[keyboardFocusedOptionIndex]) {\n            this.selectItem(options[keyboardFocusedOptionIndex]);\n          } else if (allowNew && query.trim()) {\n            this.selectItem({ label: query });\n          }\n          break;\n        case 'Backspace':\n          if (multiple && !query && selected.length > 0) {\n            this.updateSelectedValue(selected.slice(0, -1));\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  };\n  moveFocusedOption(offset: number) {\n    this.setState((previousState) => {\n      const { keyboardFocusedOptionIndex } = previousState;\n      const { options } = this.props;\n      let index = 0;\n      if (keyboardFocusedOptionIndex !== null) {\n        index = clamp(keyboardFocusedOptionIndex + offset, 0, options.length - 1);\n      }\n      const optionRef = this.optionRefs[index];\n      if (optionRef?.current) {\n        optionRef.current.focus(); // Set focus on the option element\n      }\n      return {\n        keyboardFocusedOptionIndex: index,\n      };\n    });\n  }\n\n  selectItem = (item: TypeaheadOption<T>) => {\n    const { multiple } = this.props;\n    let selected = [...this.state.selected];\n    let query;\n    if (multiple) {\n      selected.push(item);\n      query = '';\n    } else {\n      selected = [item];\n      query = item.label;\n    }\n\n    this.updateSelectedValue(selected);\n\n    if (!item.keepFocusOnSelect) {\n      this.hideMenu();\n    }\n\n    if (item.clearQueryOnSelect) {\n      query = '';\n    }\n\n    this.setState({\n      query,\n    });\n  };\n\n  handleSearch = (query: string) => {\n    const { onSearch } = this.props;\n    if (onSearch) {\n      onSearch(query);\n    }\n\n    this.setState((previousState) => ({\n      keyboardFocusedOptionIndex: previousState.keyboardFocusedOptionIndex === null ? null : 0,\n    }));\n  };\n\n  handleDocumentClick = () => {\n    if (this.state.optionsShown) {\n      this.hideMenu();\n      const { allowNew, onBlur, autoFillOnBlur } = this.props;\n      const { query } = this.state;\n      this.setState({\n        isFocused: false,\n      });\n      if (allowNew && autoFillOnBlur && query.trim()) {\n        this.selectItem({ label: query });\n      }\n\n      if (onBlur) {\n        onBlur();\n      }\n    }\n  };\n\n  showMenu = () => {\n    this.setState(\n      {\n        isFocused: true,\n        optionsShown: true,\n      },\n      () => {\n        addClickClassToDocumentOnIos();\n        document.addEventListener('click', this.handleDocumentClick, false);\n      },\n    );\n  };\n\n  hideMenu = () => {\n    this.setState(\n      {\n        optionsShown: false,\n        keyboardFocusedOptionIndex: null,\n      },\n      () => {\n        removeClickClassFromDocumentOnIos();\n        document.removeEventListener('click', this.handleDocumentClick, false);\n      },\n    );\n  };\n\n  updateSelectedValue = (selected: readonly TypeaheadOption<T>[]) => {\n    const { onChange, validateChip } = this.props;\n\n    const errorState = selected.some((chip) => !validateChip(chip));\n    this.setState({ selected, errorState }, () => {\n      onChange([...selected]);\n    });\n  };\n\n  clear = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    if (this.state.selected.length > 0) {\n      this.updateSelectedValue([]);\n    }\n\n    this.setState({\n      query: '',\n    });\n  };\n\n  removeChip = (option: TypeaheadOption<T>) => {\n    const { selected } = this.state;\n\n    if (selected.length > 0) {\n      this.updateSelectedValue([...selected.filter((selectedOption) => selectedOption !== option)]);\n    }\n  };\n\n  renderChip = (option: TypeaheadOption<T>, idx: number): ReactNode => {\n    const valid = this.props.validateChip?.(option);\n\n    return (\n      <Chip\n        key={idx}\n        label={option.label}\n        className={clsx('m-t-1', {\n          'has-error': !valid,\n          'np-chip--valid': valid,\n        })}\n        onRemove={() => this.removeChip(option)}\n      />\n    );\n  };\n\n  renderMenu = ({\n    footer,\n    options,\n    id,\n    keyboardFocusedOptionIndex,\n    query,\n    allowNew,\n    showNewEntry,\n    dropdownOpen,\n  }: Pick<\n    TypeaheadPropsWithInputAttributes<T>,\n    'footer' | 'options' | 'id' | 'allowNew' | 'showNewEntry'\n  > &\n    Pick<TypeaheadState<T>, 'keyboardFocusedOptionIndex' | 'query'> & {\n      dropdownOpen: boolean;\n    }) => {\n    const optionsToRender = [...options];\n    if (\n      allowNew &&\n      query.trim() &&\n      options.every((option) => option.label.trim().toUpperCase() !== query.trim().toUpperCase()) &&\n      showNewEntry\n    ) {\n      optionsToRender.push({\n        label: query,\n      });\n    }\n    return (\n      <div\n        className={clsx('dropdown btn-group btn-block', { open: dropdownOpen })}\n        id={`menu-${id}`}\n      >\n        {!!optionsToRender.length && (\n          <ul className=\"dropdown-menu\" role=\"menu\">\n            {optionsToRender.map((option, idx) => {\n              const ref = React.createRef<HTMLLIElement>();\n              this.optionRefs[idx] = ref;\n              return (\n                <TypeaheadOption\n                  key={`${option.label}${idx.toString()}`}\n                  ref={ref}\n                  query={query}\n                  option={option}\n                  selected={keyboardFocusedOptionIndex === idx}\n                  id={String(option.label.replace(/\\s+/g, '-'))}\n                  onClick={(event) => {\n                    this.onOptionSelected(event, option);\n                  }}\n                />\n              )\n            })}\n            {footer}\n          </ul>\n        )}\n      </div>\n    );\n  };\n\n  render() {\n    const {\n      inputAttributes,\n      id: idProp,\n      placeholder,\n      multiple,\n      size,\n      addon,\n      name,\n      clearable,\n      allowNew,\n      footer,\n      showSuggestions,\n      showNewEntry,\n      options,\n      minQueryLength,\n      autoFocus,\n      maxHeight,\n      alert,\n      inputAutoComplete,\n    } = this.props;\n    const id = idProp ?? inputAttributes?.id;\n\n    const { errorState, query, selected, optionsShown, keyboardFocusedOptionIndex } = this.state;\n\n    const clearButton = clearable && (query || selected.length > 0);\n\n    const dropdownOpen = optionsShown && showSuggestions && query.length >= minQueryLength;\n\n    const menu = this.renderMenu({\n      footer,\n      options,\n      id,\n      keyboardFocusedOptionIndex,\n      query,\n      allowNew,\n      showNewEntry,\n      dropdownOpen,\n    });\n\n    const alertType = alert?.type ?? Sentiment.NEUTRAL;\n    const hasError = errorState || (alert && alertType === Sentiment.ERROR);\n    const displayAlert = (!errorState && alert) || (alert && alertType === Sentiment.ERROR);\n    const hasWarning = displayAlert && alertType === Sentiment.WARNING;\n    const hasInfo = displayAlert && alertType === Sentiment.NEUTRAL;\n    return (\n      /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */\n      <div\n        role=\"group\"\n        {...inputAttributes}\n        id={id}\n        className={clsx('typeahead', `typeahead-${size}`, {\n          'typeahead--has-value': selected.length > 0,\n          'typeahead--empty': selected.length === 0,\n          'typeahead--multiple': multiple,\n          open: dropdownOpen,\n        })}\n        onClick={stopPropagation}\n      >\n        <div\n          className={clsx('form-group', {\n            'has-error': hasError,\n            'has-warning': hasWarning,\n            'has-info': hasInfo,\n          })}\n        >\n          <div\n            className={clsx(`input-group input-group-${size}`, {\n              'input-group--has-error': hasError,\n            })}\n          >\n            {addon && <span className=\"input-group-addon input-group-addon--search\">{addon}</span>}\n\n            <TypeaheadInput\n              {...{\n                autoFocus,\n                multiple,\n                dropdownOpen,\n                placeholder,\n                selected,\n                maxHeight,\n              }}\n              id={id}\n              name={name}\n              value={query}\n              typeaheadId={id}\n              renderChip={this.renderChip}\n              autoComplete={inputAutoComplete}\n              ariaActivedescendant={\n                keyboardFocusedOptionIndex !== null && options[keyboardFocusedOptionIndex]\n                  ? `option-${options[keyboardFocusedOptionIndex].label.replace(/\\s+/g, '-')}`\n                  : undefined\n              }\n              onChange={this.handleOnChange}\n              onKeyDown={this.handleOnKeyDown}\n              onFocus={this.handleOnFocus}\n              onPaste={this.handleOnPaste}\n            />\n\n            {clearButton && (\n              <div className=\"input-group-addon\">\n                <button\n                  type=\"button\"\n                  className=\"btn-unstyled\"\n                  aria-label={this.props.intl.formatMessage(messages.clearLabel)}\n                  onClick={this.clear}\n                >\n                  <CrossIcon />\n                </button>\n              </div>\n            )}\n          </div>\n          {displayAlert ? <InlineAlert type={alert.type}>{alert.message}</InlineAlert> : menu}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default injectIntl(withInputAttributes(Typeahead, { nonLabelable: true })) as <T>(\n  props: TypeaheadProps<T>,\n) => React.ReactElement;\n"],"names":["DEFAULT_MIN_QUERY_LENGTH","SEARCH_DELAY","Typeahead","Component","defaultProps","allowNew","autoFillOnBlur","autoFocus","chipSeparators","clearable","initialValue","inputAutoComplete","minQueryLength","multiple","searchDelay","showSuggestions","showNewEntry","size","Size","MEDIUM","validateChip","optionRefs","constructor","props","handleSearchDebounced","debounce","handleSearch","initialQuery","length","label","state","selected","errorState","query","keyboardFocusedOptionIndex","optionsShown","isFocused","UNSAFE_componentWillReceiveProps","nextProps","setState","previousState","componentWillUnmount","cancel","handleOnFocus","showMenu","onFocus","onOptionSelected","event","item","preventDefault","selectItem","handleOnChange","onInputChange","target","value","updateSelectedValue","handleOnPaste","clipboardData","getData","regex","RegExp","join","pastedChips","split","map","trim","filter","chip","handleOnKeyDown","options","chipsMode","includes","key","moveFocusedOption","slice","offset","index","clamp","optionRef","current","focus","push","keepFocusOnSelect","hideMenu","clearQueryOnSelect","onSearch","handleDocumentClick","onBlur","addClickClassToDocumentOnIos","document","addEventListener","removeClickClassFromDocumentOnIos","removeEventListener","onChange","some","clear","removeChip","option","selectedOption","renderChip","idx","valid","_jsx","Chip","className","clsx","onRemove","renderMenu","footer","id","dropdownOpen","optionsToRender","every","toUpperCase","open","children","_jsxs","role","ref","React","createRef","TypeaheadOption","String","replace","onClick","toString","render","inputAttributes","idProp","placeholder","addon","name","maxHeight","alert","clearButton","menu","alertType","type","Sentiment","NEUTRAL","hasError","ERROR","displayAlert","hasWarning","WARNING","hasInfo","stopPropagation","TypeaheadInput","typeaheadId","autoComplete","ariaActivedescendant","undefined","onKeyDown","onPaste","intl","formatMessage","messages","clearLabel","CrossIcon","InlineAlert","message","injectIntl","withInputAttributes","nonLabelable"],"mappings":"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"}
+{"version":3,"file":"Typeahead.js","sources":["../../src/typeahead/Typeahead.tsx"],"sourcesContent":["import { Cross as CrossIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { DebouncedFunc } from 'lodash';\nimport clamp from 'lodash.clamp';\nimport debounce from 'lodash.debounce';\nimport React, { Component, ReactNode } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport Chip from '../chips/Chip';\nimport {\n  Size,\n  Sentiment,\n  SizeMedium,\n  SizeLarge,\n  addClickClassToDocumentOnIos,\n  removeClickClassFromDocumentOnIos,\n  stopPropagation,\n} from '../common';\nimport InlineAlert from '../inlineAlert';\nimport { InlineAlertProps } from '../inlineAlert/InlineAlert';\nimport { withInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\n\nimport TypeaheadInput from './typeaheadInput/TypeaheadInput';\nimport TypeaheadOption from './typeaheadOption/TypeaheadOption';\nimport messages from './Typeahead.messages';\n\nconst DEFAULT_MIN_QUERY_LENGTH = 3;\nconst SEARCH_DELAY = 200;\n\nexport type TypeaheadOption<T = string> = {\n  label: string;\n  note?: string;\n  secondary?: string;\n  value?: T;\n  clearQueryOnSelect?: boolean;\n  keepFocusOnSelect?: boolean;\n};\n\nexport interface TypeaheadProps<T> extends WrappedComponentProps {\n  id: string;\n  name: string;\n  addon?: ReactNode;\n  alert?: {\n    message: InlineAlertProps['children'];\n    type?: InlineAlertProps['type'];\n  };\n  allowNew?: boolean;\n  autoFillOnBlur?: boolean;\n  autoFocus?: boolean;\n  chipSeparators?: readonly string[];\n  clearable?: boolean;\n  footer?: ReactNode;\n  initialValue?: readonly TypeaheadOption<T>[];\n  inputAutoComplete?: string;\n  maxHeight?: number;\n  minQueryLength?: number;\n  placeholder?: string;\n  multiple?: boolean;\n  options: readonly TypeaheadOption<T>[];\n  searchDelay?: number;\n  showSuggestions?: boolean;\n  showNewEntry?: boolean;\n  size?: SizeMedium | SizeLarge;\n\n  onBlur?: () => void;\n  onChange: (options: TypeaheadOption<T>[]) => void;\n  onFocus?: () => void;\n  onInputChange?: (query: string) => void;\n  onSearch?: (query: string) => void;\n  validateChip?: (chip: TypeaheadOption<T>) => boolean;\n}\n\ntype TypeaheadPropsWithInputAttributes<T> = TypeaheadProps<T> & Partial<WithInputAttributesProps>;\n\ntype TypeaheadState<T> = {\n  selected: readonly TypeaheadOption<T>[];\n  keyboardFocusedOptionIndex: number | null;\n  errorState: boolean;\n  query: string;\n  optionsShown: boolean;\n  isFocused: boolean;\n};\n\nclass Typeahead<T> extends Component<TypeaheadPropsWithInputAttributes<T>, TypeaheadState<T>> {\n  declare props: TypeaheadPropsWithInputAttributes<T> &\n    Required<Pick<TypeaheadPropsWithInputAttributes<T>, keyof typeof Typeahead.defaultProps>>;\n\n  static defaultProps = {\n    allowNew: false,\n    autoFillOnBlur: true,\n    autoFocus: false,\n    chipSeparators: [],\n    clearable: true,\n    initialValue: [],\n    inputAutoComplete: 'new-password',\n    minQueryLength: DEFAULT_MIN_QUERY_LENGTH,\n    multiple: false,\n    searchDelay: SEARCH_DELAY,\n    showSuggestions: true,\n    showNewEntry: true,\n    size: Size.MEDIUM,\n    validateChip: () => true,\n  } satisfies Partial<TypeaheadProps<unknown>>;\n  optionRefs: (React.RefObject<HTMLLIElement> | null)[];\n\n  constructor(props: TypeaheadPropsWithInputAttributes<T>) {\n    super(props);\n    const { searchDelay, initialValue, multiple } = this.props;\n    this.handleSearchDebounced = debounce(this.handleSearch, searchDelay);\n    const initialQuery = !multiple && initialValue.length > 0 ? initialValue[0].label : '';\n    this.state = {\n      selected: initialValue,\n      errorState: false,\n      query: initialQuery,\n      keyboardFocusedOptionIndex: null,\n      optionsShown: false,\n      isFocused: false,\n    };\n    this.optionRefs = [] as (React.RefObject<HTMLLIElement> | null)[];\n  }\n\n  handleSearchDebounced: DebouncedFunc<Typeahead<T>['handleSearch']>;\n\n  UNSAFE_componentWillReceiveProps(nextProps: TypeaheadPropsWithInputAttributes<T>) {\n    if (nextProps.multiple !== this.props.multiple) {\n      this.setState((previousState) => {\n        const { selected } = previousState;\n        if (!nextProps.multiple && selected.length > 0) {\n          return {\n            query: selected[0].label,\n            selected: [selected[0]],\n          };\n        }\n        return {\n          selected: previousState.selected,\n          query: '',\n        };\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.handleSearchDebounced.cancel();\n  }\n\n  handleOnFocus = () => {\n    this.showMenu();\n    this.props.onFocus?.();\n  };\n\n  onOptionSelected = (event: React.MouseEvent, item: TypeaheadOption<T>) => {\n    event.preventDefault();\n    this.selectItem(item);\n  };\n\n  handleOnChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    const { optionsShown, selected } = this.state;\n    const { multiple, onInputChange } = this.props;\n\n    if (!optionsShown) {\n      this.showMenu();\n    }\n\n    const query = event.target.value;\n\n    if (!multiple && selected.length > 0) {\n      this.updateSelectedValue([]);\n    }\n\n    this.setState({ query }, () => {\n      this.handleSearchDebounced(query);\n      if (onInputChange) {\n        onInputChange(query);\n      }\n    });\n  };\n\n  handleOnPaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n    const { allowNew, multiple, chipSeparators } = this.props;\n    const { selected } = this.state;\n\n    if (allowNew && multiple && chipSeparators.length > 0) {\n      event.preventDefault();\n      const value = event.clipboardData.getData('text');\n      if (value) {\n        const regex = new RegExp(chipSeparators.join('|'));\n        const pastedChips = value\n          .split(regex)\n          .map((label) => ({ label: label.trim() }))\n          .filter((chip) => chip.label);\n\n        this.updateSelectedValue([...selected, ...pastedChips]);\n      }\n    }\n  };\n\n  handleOnKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    const { showSuggestions, allowNew, multiple, chipSeparators, options } = this.props;\n    const { keyboardFocusedOptionIndex, query, selected } = this.state;\n    const chipsMode = !showSuggestions && allowNew && multiple;\n\n    if (chipsMode && ['Enter', 'Tab', ...chipSeparators].includes(event.key) && query.trim()) {\n      event.preventDefault();\n      this.selectItem({ label: query });\n    } else {\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault();\n          this.moveFocusedOption(1);\n          break;\n        case 'ArrowUp':\n          event.preventDefault();\n          this.moveFocusedOption(-1);\n          break;\n        case 'Enter':\n          event.preventDefault();\n          if (keyboardFocusedOptionIndex != null && options[keyboardFocusedOptionIndex]) {\n            this.selectItem(options[keyboardFocusedOptionIndex]);\n          } else if (allowNew && query.trim()) {\n            this.selectItem({ label: query });\n          }\n          break;\n        case 'Backspace':\n          if (multiple && !query && selected.length > 0) {\n            this.updateSelectedValue(selected.slice(0, -1));\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  };\n  moveFocusedOption(offset: number) {\n    this.setState((previousState) => {\n      const { keyboardFocusedOptionIndex } = previousState;\n      const { options } = this.props;\n      let index = 0;\n      if (keyboardFocusedOptionIndex !== null) {\n        index = clamp(keyboardFocusedOptionIndex + offset, 0, options.length - 1);\n      }\n      const optionRef = this.optionRefs[index];\n      if (optionRef?.current) {\n        optionRef.current.focus(); // Set focus on the option element\n      }\n      return {\n        keyboardFocusedOptionIndex: index,\n      };\n    });\n  }\n\n  selectItem = (item: TypeaheadOption<T>) => {\n    const { multiple } = this.props;\n    let selected = [...this.state.selected];\n    let query;\n    if (multiple) {\n      selected.push(item);\n      query = '';\n    } else {\n      selected = [item];\n      query = item.label;\n    }\n\n    this.updateSelectedValue(selected);\n\n    if (!item.keepFocusOnSelect) {\n      this.hideMenu();\n    }\n\n    if (item.clearQueryOnSelect) {\n      query = '';\n    }\n\n    this.setState({\n      query,\n    });\n  };\n\n  handleSearch = (query: string) => {\n    const { onSearch } = this.props;\n    if (onSearch) {\n      onSearch(query);\n    }\n\n    this.setState((previousState) => ({\n      keyboardFocusedOptionIndex: previousState.keyboardFocusedOptionIndex === null ? null : 0,\n    }));\n  };\n\n  handleDocumentClick = () => {\n    if (this.state.optionsShown) {\n      this.hideMenu();\n      const { allowNew, onBlur, autoFillOnBlur } = this.props;\n      const { query } = this.state;\n      this.setState({\n        isFocused: false,\n      });\n      if (allowNew && autoFillOnBlur && query.trim()) {\n        this.selectItem({ label: query });\n      }\n\n      if (onBlur) {\n        onBlur();\n      }\n    }\n  };\n\n  showMenu = () => {\n    this.setState(\n      {\n        isFocused: true,\n        optionsShown: true,\n      },\n      () => {\n        addClickClassToDocumentOnIos();\n        document.addEventListener('click', this.handleDocumentClick, false);\n      },\n    );\n  };\n\n  hideMenu = () => {\n    this.setState(\n      {\n        optionsShown: false,\n        keyboardFocusedOptionIndex: null,\n      },\n      () => {\n        removeClickClassFromDocumentOnIos();\n        document.removeEventListener('click', this.handleDocumentClick, false);\n      },\n    );\n  };\n\n  updateSelectedValue = (selected: readonly TypeaheadOption<T>[]) => {\n    const { onChange, validateChip } = this.props;\n\n    const errorState = selected.some((chip) => !validateChip(chip));\n    this.setState({ selected, errorState }, () => {\n      onChange([...selected]);\n    });\n  };\n\n  clear = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    if (this.state.selected.length > 0) {\n      this.updateSelectedValue([]);\n    }\n\n    this.setState({\n      query: '',\n    });\n  };\n\n  removeChip = (option: TypeaheadOption<T>) => {\n    const { selected } = this.state;\n\n    if (selected.length > 0) {\n      this.updateSelectedValue([...selected.filter((selectedOption) => selectedOption !== option)]);\n    }\n  };\n\n  renderChip = (option: TypeaheadOption<T>, idx: number): ReactNode => {\n    const valid = this.props.validateChip?.(option);\n\n    return (\n      <Chip\n        key={idx}\n        label={option.label}\n        className={clsx('m-t-1', {\n          'has-error': !valid,\n          'np-chip--valid': valid,\n        })}\n        onRemove={() => this.removeChip(option)}\n      />\n    );\n  };\n\n  renderMenu = ({\n    footer,\n    options,\n    id,\n    keyboardFocusedOptionIndex,\n    query,\n    allowNew,\n    showNewEntry,\n    dropdownOpen,\n  }: Pick<\n    TypeaheadPropsWithInputAttributes<T>,\n    'footer' | 'options' | 'id' | 'allowNew' | 'showNewEntry'\n  > &\n    Pick<TypeaheadState<T>, 'keyboardFocusedOptionIndex' | 'query'> & {\n      dropdownOpen: boolean;\n    }) => {\n    const optionsToRender = [...options];\n    if (\n      allowNew &&\n      query.trim() &&\n      options.every((option) => option.label.trim().toUpperCase() !== query.trim().toUpperCase()) &&\n      showNewEntry\n    ) {\n      optionsToRender.push({\n        label: query,\n      });\n    }\n    return (\n      <div\n        className={clsx('dropdown btn-group btn-block', { open: dropdownOpen })}\n        id={`menu-${id}`}\n      >\n        {(!!optionsToRender.length || footer) && (\n          <ul className=\"dropdown-menu\" role=\"menu\">\n            {optionsToRender.map((option, idx) => {\n              const ref = React.createRef<HTMLLIElement>();\n              this.optionRefs[idx] = ref;\n              return (\n                <TypeaheadOption\n                  key={`${option.label}${idx.toString()}`}\n                  ref={ref}\n                  query={query}\n                  option={option}\n                  selected={keyboardFocusedOptionIndex === idx}\n                  id={String(option.label.replace(/\\s+/g, '-'))}\n                  onClick={(event) => {\n                    this.onOptionSelected(event, option);\n                  }}\n                />\n              );\n            })}\n            {footer}\n          </ul>\n        )}\n      </div>\n    );\n  };\n\n  render() {\n    const {\n      inputAttributes,\n      id: idProp,\n      placeholder,\n      multiple,\n      size,\n      addon,\n      name,\n      clearable,\n      allowNew,\n      footer,\n      showSuggestions,\n      showNewEntry,\n      options,\n      minQueryLength,\n      autoFocus,\n      maxHeight,\n      alert,\n      inputAutoComplete,\n    } = this.props;\n    const id = idProp ?? inputAttributes?.id;\n\n    const { errorState, query, selected, optionsShown, keyboardFocusedOptionIndex } = this.state;\n\n    const clearButton = clearable && (query || selected.length > 0);\n\n    const dropdownOpen = optionsShown && showSuggestions && query.length >= minQueryLength;\n\n    const menu = this.renderMenu({\n      footer,\n      options,\n      id,\n      keyboardFocusedOptionIndex,\n      query,\n      allowNew,\n      showNewEntry,\n      dropdownOpen,\n    });\n\n    const alertType = alert?.type ?? Sentiment.NEUTRAL;\n    const hasError = errorState || (alert && alertType === Sentiment.ERROR);\n    const displayAlert = (!errorState && alert) || (alert && alertType === Sentiment.ERROR);\n    const hasWarning = displayAlert && alertType === Sentiment.WARNING;\n    const hasInfo = displayAlert && alertType === Sentiment.NEUTRAL;\n    return (\n      /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */\n      <div\n        role=\"group\"\n        {...inputAttributes}\n        id={id}\n        className={clsx('typeahead', `typeahead-${size}`, {\n          'typeahead--has-value': selected.length > 0,\n          'typeahead--empty': selected.length === 0,\n          'typeahead--multiple': multiple,\n          open: dropdownOpen,\n        })}\n        onClick={stopPropagation}\n      >\n        <div\n          className={clsx('form-group', {\n            'has-error': hasError,\n            'has-warning': hasWarning,\n            'has-info': hasInfo,\n          })}\n        >\n          <div\n            className={clsx(`input-group input-group-${size}`, {\n              'input-group--has-error': hasError,\n            })}\n          >\n            {addon && <span className=\"input-group-addon input-group-addon--search\">{addon}</span>}\n\n            <TypeaheadInput\n              {...{\n                autoFocus,\n                multiple,\n                dropdownOpen,\n                placeholder,\n                selected,\n                maxHeight,\n              }}\n              id={id}\n              name={name}\n              value={query}\n              typeaheadId={id}\n              renderChip={this.renderChip}\n              autoComplete={inputAutoComplete}\n              ariaActivedescendant={\n                keyboardFocusedOptionIndex !== null && options[keyboardFocusedOptionIndex]\n                  ? `option-${options[keyboardFocusedOptionIndex].label.replace(/\\s+/g, '-')}`\n                  : undefined\n              }\n              onChange={this.handleOnChange}\n              onKeyDown={this.handleOnKeyDown}\n              onFocus={this.handleOnFocus}\n              onPaste={this.handleOnPaste}\n            />\n\n            {clearButton && (\n              <div className=\"input-group-addon\">\n                <button\n                  type=\"button\"\n                  className=\"btn-unstyled\"\n                  aria-label={this.props.intl.formatMessage(messages.clearLabel)}\n                  onClick={this.clear}\n                >\n                  <CrossIcon />\n                </button>\n              </div>\n            )}\n          </div>\n          {displayAlert ? <InlineAlert type={alert.type}>{alert.message}</InlineAlert> : menu}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default injectIntl(withInputAttributes(Typeahead, { nonLabelable: true })) as <T>(\n  props: TypeaheadProps<T>,\n) => React.ReactElement;\n"],"names":["DEFAULT_MIN_QUERY_LENGTH","SEARCH_DELAY","Typeahead","Component","defaultProps","allowNew","autoFillOnBlur","autoFocus","chipSeparators","clearable","initialValue","inputAutoComplete","minQueryLength","multiple","searchDelay","showSuggestions","showNewEntry","size","Size","MEDIUM","validateChip","optionRefs","constructor","props","handleSearchDebounced","debounce","handleSearch","initialQuery","length","label","state","selected","errorState","query","keyboardFocusedOptionIndex","optionsShown","isFocused","UNSAFE_componentWillReceiveProps","nextProps","setState","previousState","componentWillUnmount","cancel","handleOnFocus","showMenu","onFocus","onOptionSelected","event","item","preventDefault","selectItem","handleOnChange","onInputChange","target","value","updateSelectedValue","handleOnPaste","clipboardData","getData","regex","RegExp","join","pastedChips","split","map","trim","filter","chip","handleOnKeyDown","options","chipsMode","includes","key","moveFocusedOption","slice","offset","index","clamp","optionRef","current","focus","push","keepFocusOnSelect","hideMenu","clearQueryOnSelect","onSearch","handleDocumentClick","onBlur","addClickClassToDocumentOnIos","document","addEventListener","removeClickClassFromDocumentOnIos","removeEventListener","onChange","some","clear","removeChip","option","selectedOption","renderChip","idx","valid","_jsx","Chip","className","clsx","onRemove","renderMenu","footer","id","dropdownOpen","optionsToRender","every","toUpperCase","open","children","_jsxs","role","ref","React","createRef","TypeaheadOption","String","replace","onClick","toString","render","inputAttributes","idProp","placeholder","addon","name","maxHeight","alert","clearButton","menu","alertType","type","Sentiment","NEUTRAL","hasError","ERROR","displayAlert","hasWarning","WARNING","hasInfo","stopPropagation","TypeaheadInput","typeaheadId","autoComplete","ariaActivedescendant","undefined","onKeyDown","onPaste","intl","formatMessage","messages","clearLabel","CrossIcon","InlineAlert","message","injectIntl","withInputAttributes","nonLabelable"],"mappings":"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"}

package/build/typeahead/Typeahead.mjs

@@ -338,7 +338,7 @@ class Typeahead extends Component {
         open: dropdownOpen
       }),
       id: `menu-${id}`,
-      children: !!optionsToRender.length && /*#__PURE__*/jsxs("ul", {
+      children: (!!optionsToRender.length || footer) && /*#__PURE__*/jsxs("ul", {
         className: "dropdown-menu",
         role: "menu",
         children: [optionsToRender.map((option, idx) => {

package/build/typeahead/Typeahead.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Typeahead.mjs","sources":["../../src/typeahead/Typeahead.tsx"],"sourcesContent":["import { Cross as CrossIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { DebouncedFunc } from 'lodash';\nimport clamp from 'lodash.clamp';\nimport debounce from 'lodash.debounce';\nimport React, { Component, ReactNode } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport Chip from '../chips/Chip';\nimport {\n  Size,\n  Sentiment,\n  SizeMedium,\n  SizeLarge,\n  addClickClassToDocumentOnIos,\n  removeClickClassFromDocumentOnIos,\n  stopPropagation,\n} from '../common';\nimport InlineAlert from '../inlineAlert';\nimport { InlineAlertProps } from '../inlineAlert/InlineAlert';\nimport { withInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\n\nimport TypeaheadInput from './typeaheadInput/TypeaheadInput';\nimport TypeaheadOption from './typeaheadOption/TypeaheadOption';\nimport messages from './Typeahead.messages';\n\nconst DEFAULT_MIN_QUERY_LENGTH = 3;\nconst SEARCH_DELAY = 200;\n\nexport type TypeaheadOption<T = string> = {\n  label: string;\n  note?: string;\n  secondary?: string;\n  value?: T;\n  clearQueryOnSelect?: boolean;\n  keepFocusOnSelect?: boolean;\n};\n\nexport interface TypeaheadProps<T> extends WrappedComponentProps {\n  id: string;\n  name: string;\n  addon?: ReactNode;\n  alert?: {\n    message: InlineAlertProps['children'];\n    type?: InlineAlertProps['type'];\n  };\n  allowNew?: boolean;\n  autoFillOnBlur?: boolean;\n  autoFocus?: boolean;\n  chipSeparators?: readonly string[];\n  clearable?: boolean;\n  footer?: ReactNode;\n  initialValue?: readonly TypeaheadOption<T>[];\n  inputAutoComplete?: string;\n  maxHeight?: number;\n  minQueryLength?: number;\n  placeholder?: string;\n  multiple?: boolean;\n  options: readonly TypeaheadOption<T>[];\n  searchDelay?: number;\n  showSuggestions?: boolean;\n  showNewEntry?: boolean;\n  size?: SizeMedium | SizeLarge;\n\n  onBlur?: () => void;\n  onChange: (options: TypeaheadOption<T>[]) => void;\n  onFocus?: () => void;\n  onInputChange?: (query: string) => void;\n  onSearch?: (query: string) => void;\n  validateChip?: (chip: TypeaheadOption<T>) => boolean;\n}\n\ntype TypeaheadPropsWithInputAttributes<T> = TypeaheadProps<T> & Partial<WithInputAttributesProps>;\n\ntype TypeaheadState<T> = {\n  selected: readonly TypeaheadOption<T>[];\n  keyboardFocusedOptionIndex: number | null;\n  errorState: boolean;\n  query: string;\n  optionsShown: boolean;\n  isFocused: boolean;\n};\n\nclass Typeahead<T> extends Component<TypeaheadPropsWithInputAttributes<T>, TypeaheadState<T>> {\n  declare props: TypeaheadPropsWithInputAttributes<T> &\n    Required<Pick<TypeaheadPropsWithInputAttributes<T>, keyof typeof Typeahead.defaultProps>>;\n\n  static defaultProps = {\n    allowNew: false,\n    autoFillOnBlur: true,\n    autoFocus: false,\n    chipSeparators: [],\n    clearable: true,\n    initialValue: [],\n    inputAutoComplete: 'new-password',\n    minQueryLength: DEFAULT_MIN_QUERY_LENGTH,\n    multiple: false,\n    searchDelay: SEARCH_DELAY,\n    showSuggestions: true,\n    showNewEntry: true,\n    size: Size.MEDIUM,\n    validateChip: () => true,\n  } satisfies Partial<TypeaheadProps<unknown>>;\n  optionRefs: (React.RefObject<HTMLLIElement> | null)[];\n\n  constructor(props: TypeaheadPropsWithInputAttributes<T>) {\n    super(props);\n    const { searchDelay, initialValue, multiple } = this.props;\n    this.handleSearchDebounced = debounce(this.handleSearch, searchDelay);\n    const initialQuery = !multiple && initialValue.length > 0 ? initialValue[0].label : '';\n    this.state = {\n      selected: initialValue,\n      errorState: false,\n      query: initialQuery,\n      keyboardFocusedOptionIndex: null,\n      optionsShown: false,\n      isFocused: false,\n    };\n    this.optionRefs = [] as (React.RefObject<HTMLLIElement> | null)[];\n  }\n\n  handleSearchDebounced: DebouncedFunc<Typeahead<T>['handleSearch']>;\n\n  UNSAFE_componentWillReceiveProps(nextProps: TypeaheadPropsWithInputAttributes<T>) {\n    if (nextProps.multiple !== this.props.multiple) {\n      this.setState((previousState) => {\n        const { selected } = previousState;\n        if (!nextProps.multiple && selected.length > 0) {\n          return {\n            query: selected[0].label,\n            selected: [selected[0]],\n          };\n        }\n        return {\n          selected: previousState.selected,\n          query: '',\n        };\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.handleSearchDebounced.cancel();\n  }\n\n  handleOnFocus = () => {\n    this.showMenu();\n    this.props.onFocus?.();\n  };\n\n  onOptionSelected = (event: React.MouseEvent, item: TypeaheadOption<T>) => {\n    event.preventDefault();\n    this.selectItem(item);\n  };\n\n  handleOnChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    const { optionsShown, selected } = this.state;\n    const { multiple, onInputChange } = this.props;\n\n    if (!optionsShown) {\n      this.showMenu();\n    }\n\n    const query = event.target.value;\n\n    if (!multiple && selected.length > 0) {\n      this.updateSelectedValue([]);\n    }\n\n    this.setState({ query }, () => {\n      this.handleSearchDebounced(query);\n      if (onInputChange) {\n        onInputChange(query);\n      }\n    });\n  };\n\n  handleOnPaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n    const { allowNew, multiple, chipSeparators } = this.props;\n    const { selected } = this.state;\n\n    if (allowNew && multiple && chipSeparators.length > 0) {\n      event.preventDefault();\n      const value = event.clipboardData.getData('text');\n      if (value) {\n        const regex = new RegExp(chipSeparators.join('|'));\n        const pastedChips = value\n          .split(regex)\n          .map((label) => ({ label: label.trim() }))\n          .filter((chip) => chip.label);\n\n        this.updateSelectedValue([...selected, ...pastedChips]);\n      }\n    }\n  };\n\n  handleOnKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    const { showSuggestions, allowNew, multiple, chipSeparators, options } = this.props;\n    const { keyboardFocusedOptionIndex, query, selected } = this.state;\n    const chipsMode = !showSuggestions && allowNew && multiple;\n\n    if (chipsMode && ['Enter', 'Tab', ...chipSeparators].includes(event.key) && query.trim()) {\n      event.preventDefault();\n      this.selectItem({ label: query });\n    } else {\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault();\n          this.moveFocusedOption(1);\n          break;\n        case 'ArrowUp':\n          event.preventDefault();\n          this.moveFocusedOption(-1);\n          break;\n        case 'Enter':\n          event.preventDefault();\n          if (keyboardFocusedOptionIndex != null && options[keyboardFocusedOptionIndex]) {\n            this.selectItem(options[keyboardFocusedOptionIndex]);\n          } else if (allowNew && query.trim()) {\n            this.selectItem({ label: query });\n          }\n          break;\n        case 'Backspace':\n          if (multiple && !query && selected.length > 0) {\n            this.updateSelectedValue(selected.slice(0, -1));\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  };\n  moveFocusedOption(offset: number) {\n    this.setState((previousState) => {\n      const { keyboardFocusedOptionIndex } = previousState;\n      const { options } = this.props;\n      let index = 0;\n      if (keyboardFocusedOptionIndex !== null) {\n        index = clamp(keyboardFocusedOptionIndex + offset, 0, options.length - 1);\n      }\n      const optionRef = this.optionRefs[index];\n      if (optionRef?.current) {\n        optionRef.current.focus(); // Set focus on the option element\n      }\n      return {\n        keyboardFocusedOptionIndex: index,\n      };\n    });\n  }\n\n  selectItem = (item: TypeaheadOption<T>) => {\n    const { multiple } = this.props;\n    let selected = [...this.state.selected];\n    let query;\n    if (multiple) {\n      selected.push(item);\n      query = '';\n    } else {\n      selected = [item];\n      query = item.label;\n    }\n\n    this.updateSelectedValue(selected);\n\n    if (!item.keepFocusOnSelect) {\n      this.hideMenu();\n    }\n\n    if (item.clearQueryOnSelect) {\n      query = '';\n    }\n\n    this.setState({\n      query,\n    });\n  };\n\n  handleSearch = (query: string) => {\n    const { onSearch } = this.props;\n    if (onSearch) {\n      onSearch(query);\n    }\n\n    this.setState((previousState) => ({\n      keyboardFocusedOptionIndex: previousState.keyboardFocusedOptionIndex === null ? null : 0,\n    }));\n  };\n\n  handleDocumentClick = () => {\n    if (this.state.optionsShown) {\n      this.hideMenu();\n      const { allowNew, onBlur, autoFillOnBlur } = this.props;\n      const { query } = this.state;\n      this.setState({\n        isFocused: false,\n      });\n      if (allowNew && autoFillOnBlur && query.trim()) {\n        this.selectItem({ label: query });\n      }\n\n      if (onBlur) {\n        onBlur();\n      }\n    }\n  };\n\n  showMenu = () => {\n    this.setState(\n      {\n        isFocused: true,\n        optionsShown: true,\n      },\n      () => {\n        addClickClassToDocumentOnIos();\n        document.addEventListener('click', this.handleDocumentClick, false);\n      },\n    );\n  };\n\n  hideMenu = () => {\n    this.setState(\n      {\n        optionsShown: false,\n        keyboardFocusedOptionIndex: null,\n      },\n      () => {\n        removeClickClassFromDocumentOnIos();\n        document.removeEventListener('click', this.handleDocumentClick, false);\n      },\n    );\n  };\n\n  updateSelectedValue = (selected: readonly TypeaheadOption<T>[]) => {\n    const { onChange, validateChip } = this.props;\n\n    const errorState = selected.some((chip) => !validateChip(chip));\n    this.setState({ selected, errorState }, () => {\n      onChange([...selected]);\n    });\n  };\n\n  clear = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    if (this.state.selected.length > 0) {\n      this.updateSelectedValue([]);\n    }\n\n    this.setState({\n      query: '',\n    });\n  };\n\n  removeChip = (option: TypeaheadOption<T>) => {\n    const { selected } = this.state;\n\n    if (selected.length > 0) {\n      this.updateSelectedValue([...selected.filter((selectedOption) => selectedOption !== option)]);\n    }\n  };\n\n  renderChip = (option: TypeaheadOption<T>, idx: number): ReactNode => {\n    const valid = this.props.validateChip?.(option);\n\n    return (\n      <Chip\n        key={idx}\n        label={option.label}\n        className={clsx('m-t-1', {\n          'has-error': !valid,\n          'np-chip--valid': valid,\n        })}\n        onRemove={() => this.removeChip(option)}\n      />\n    );\n  };\n\n  renderMenu = ({\n    footer,\n    options,\n    id,\n    keyboardFocusedOptionIndex,\n    query,\n    allowNew,\n    showNewEntry,\n    dropdownOpen,\n  }: Pick<\n    TypeaheadPropsWithInputAttributes<T>,\n    'footer' | 'options' | 'id' | 'allowNew' | 'showNewEntry'\n  > &\n    Pick<TypeaheadState<T>, 'keyboardFocusedOptionIndex' | 'query'> & {\n      dropdownOpen: boolean;\n    }) => {\n    const optionsToRender = [...options];\n    if (\n      allowNew &&\n      query.trim() &&\n      options.every((option) => option.label.trim().toUpperCase() !== query.trim().toUpperCase()) &&\n      showNewEntry\n    ) {\n      optionsToRender.push({\n        label: query,\n      });\n    }\n    return (\n      <div\n        className={clsx('dropdown btn-group btn-block', { open: dropdownOpen })}\n        id={`menu-${id}`}\n      >\n        {!!optionsToRender.length && (\n          <ul className=\"dropdown-menu\" role=\"menu\">\n            {optionsToRender.map((option, idx) => {\n              const ref = React.createRef<HTMLLIElement>();\n              this.optionRefs[idx] = ref;\n              return (\n                <TypeaheadOption\n                  key={`${option.label}${idx.toString()}`}\n                  ref={ref}\n                  query={query}\n                  option={option}\n                  selected={keyboardFocusedOptionIndex === idx}\n                  id={String(option.label.replace(/\\s+/g, '-'))}\n                  onClick={(event) => {\n                    this.onOptionSelected(event, option);\n                  }}\n                />\n              )\n            })}\n            {footer}\n          </ul>\n        )}\n      </div>\n    );\n  };\n\n  render() {\n    const {\n      inputAttributes,\n      id: idProp,\n      placeholder,\n      multiple,\n      size,\n      addon,\n      name,\n      clearable,\n      allowNew,\n      footer,\n      showSuggestions,\n      showNewEntry,\n      options,\n      minQueryLength,\n      autoFocus,\n      maxHeight,\n      alert,\n      inputAutoComplete,\n    } = this.props;\n    const id = idProp ?? inputAttributes?.id;\n\n    const { errorState, query, selected, optionsShown, keyboardFocusedOptionIndex } = this.state;\n\n    const clearButton = clearable && (query || selected.length > 0);\n\n    const dropdownOpen = optionsShown && showSuggestions && query.length >= minQueryLength;\n\n    const menu = this.renderMenu({\n      footer,\n      options,\n      id,\n      keyboardFocusedOptionIndex,\n      query,\n      allowNew,\n      showNewEntry,\n      dropdownOpen,\n    });\n\n    const alertType = alert?.type ?? Sentiment.NEUTRAL;\n    const hasError = errorState || (alert && alertType === Sentiment.ERROR);\n    const displayAlert = (!errorState && alert) || (alert && alertType === Sentiment.ERROR);\n    const hasWarning = displayAlert && alertType === Sentiment.WARNING;\n    const hasInfo = displayAlert && alertType === Sentiment.NEUTRAL;\n    return (\n      /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */\n      <div\n        role=\"group\"\n        {...inputAttributes}\n        id={id}\n        className={clsx('typeahead', `typeahead-${size}`, {\n          'typeahead--has-value': selected.length > 0,\n          'typeahead--empty': selected.length === 0,\n          'typeahead--multiple': multiple,\n          open: dropdownOpen,\n        })}\n        onClick={stopPropagation}\n      >\n        <div\n          className={clsx('form-group', {\n            'has-error': hasError,\n            'has-warning': hasWarning,\n            'has-info': hasInfo,\n          })}\n        >\n          <div\n            className={clsx(`input-group input-group-${size}`, {\n              'input-group--has-error': hasError,\n            })}\n          >\n            {addon && <span className=\"input-group-addon input-group-addon--search\">{addon}</span>}\n\n            <TypeaheadInput\n              {...{\n                autoFocus,\n                multiple,\n                dropdownOpen,\n                placeholder,\n                selected,\n                maxHeight,\n              }}\n              id={id}\n              name={name}\n              value={query}\n              typeaheadId={id}\n              renderChip={this.renderChip}\n              autoComplete={inputAutoComplete}\n              ariaActivedescendant={\n                keyboardFocusedOptionIndex !== null && options[keyboardFocusedOptionIndex]\n                  ? `option-${options[keyboardFocusedOptionIndex].label.replace(/\\s+/g, '-')}`\n                  : undefined\n              }\n              onChange={this.handleOnChange}\n              onKeyDown={this.handleOnKeyDown}\n              onFocus={this.handleOnFocus}\n              onPaste={this.handleOnPaste}\n            />\n\n            {clearButton && (\n              <div className=\"input-group-addon\">\n                <button\n                  type=\"button\"\n                  className=\"btn-unstyled\"\n                  aria-label={this.props.intl.formatMessage(messages.clearLabel)}\n                  onClick={this.clear}\n                >\n                  <CrossIcon />\n                </button>\n              </div>\n            )}\n          </div>\n          {displayAlert ? <InlineAlert type={alert.type}>{alert.message}</InlineAlert> : menu}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default injectIntl(withInputAttributes(Typeahead, { nonLabelable: true })) as <T>(\n  props: TypeaheadProps<T>,\n) => React.ReactElement;\n"],"names":["DEFAULT_MIN_QUERY_LENGTH","SEARCH_DELAY","Typeahead","Component","defaultProps","allowNew","autoFillOnBlur","autoFocus","chipSeparators","clearable","initialValue","inputAutoComplete","minQueryLength","multiple","searchDelay","showSuggestions","showNewEntry","size","Size","MEDIUM","validateChip","optionRefs","constructor","props","handleSearchDebounced","debounce","handleSearch","initialQuery","length","label","state","selected","errorState","query","keyboardFocusedOptionIndex","optionsShown","isFocused","UNSAFE_componentWillReceiveProps","nextProps","setState","previousState","componentWillUnmount","cancel","handleOnFocus","showMenu","onFocus","onOptionSelected","event","item","preventDefault","selectItem","handleOnChange","onInputChange","target","value","updateSelectedValue","handleOnPaste","clipboardData","getData","regex","RegExp","join","pastedChips","split","map","trim","filter","chip","handleOnKeyDown","options","chipsMode","includes","key","moveFocusedOption","slice","offset","index","clamp","optionRef","current","focus","push","keepFocusOnSelect","hideMenu","clearQueryOnSelect","onSearch","handleDocumentClick","onBlur","addClickClassToDocumentOnIos","document","addEventListener","removeClickClassFromDocumentOnIos","removeEventListener","onChange","some","clear","removeChip","option","selectedOption","renderChip","idx","valid","_jsx","Chip","className","clsx","onRemove","renderMenu","footer","id","dropdownOpen","optionsToRender","every","toUpperCase","open","children","_jsxs","role","ref","React","createRef","TypeaheadOption","String","replace","onClick","toString","render","inputAttributes","idProp","placeholder","addon","name","maxHeight","alert","clearButton","menu","alertType","type","Sentiment","NEUTRAL","hasError","ERROR","displayAlert","hasWarning","WARNING","hasInfo","stopPropagation","TypeaheadInput","typeaheadId","autoComplete","ariaActivedescendant","undefined","onKeyDown","onPaste","intl","formatMessage","messages","clearLabel","CrossIcon","InlineAlert","message","injectIntl","withInputAttributes","nonLabelable"],"mappings":"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"}
+{"version":3,"file":"Typeahead.mjs","sources":["../../src/typeahead/Typeahead.tsx"],"sourcesContent":["import { Cross as CrossIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { DebouncedFunc } from 'lodash';\nimport clamp from 'lodash.clamp';\nimport debounce from 'lodash.debounce';\nimport React, { Component, ReactNode } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport Chip from '../chips/Chip';\nimport {\n  Size,\n  Sentiment,\n  SizeMedium,\n  SizeLarge,\n  addClickClassToDocumentOnIos,\n  removeClickClassFromDocumentOnIos,\n  stopPropagation,\n} from '../common';\nimport InlineAlert from '../inlineAlert';\nimport { InlineAlertProps } from '../inlineAlert/InlineAlert';\nimport { withInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\n\nimport TypeaheadInput from './typeaheadInput/TypeaheadInput';\nimport TypeaheadOption from './typeaheadOption/TypeaheadOption';\nimport messages from './Typeahead.messages';\n\nconst DEFAULT_MIN_QUERY_LENGTH = 3;\nconst SEARCH_DELAY = 200;\n\nexport type TypeaheadOption<T = string> = {\n  label: string;\n  note?: string;\n  secondary?: string;\n  value?: T;\n  clearQueryOnSelect?: boolean;\n  keepFocusOnSelect?: boolean;\n};\n\nexport interface TypeaheadProps<T> extends WrappedComponentProps {\n  id: string;\n  name: string;\n  addon?: ReactNode;\n  alert?: {\n    message: InlineAlertProps['children'];\n    type?: InlineAlertProps['type'];\n  };\n  allowNew?: boolean;\n  autoFillOnBlur?: boolean;\n  autoFocus?: boolean;\n  chipSeparators?: readonly string[];\n  clearable?: boolean;\n  footer?: ReactNode;\n  initialValue?: readonly TypeaheadOption<T>[];\n  inputAutoComplete?: string;\n  maxHeight?: number;\n  minQueryLength?: number;\n  placeholder?: string;\n  multiple?: boolean;\n  options: readonly TypeaheadOption<T>[];\n  searchDelay?: number;\n  showSuggestions?: boolean;\n  showNewEntry?: boolean;\n  size?: SizeMedium | SizeLarge;\n\n  onBlur?: () => void;\n  onChange: (options: TypeaheadOption<T>[]) => void;\n  onFocus?: () => void;\n  onInputChange?: (query: string) => void;\n  onSearch?: (query: string) => void;\n  validateChip?: (chip: TypeaheadOption<T>) => boolean;\n}\n\ntype TypeaheadPropsWithInputAttributes<T> = TypeaheadProps<T> & Partial<WithInputAttributesProps>;\n\ntype TypeaheadState<T> = {\n  selected: readonly TypeaheadOption<T>[];\n  keyboardFocusedOptionIndex: number | null;\n  errorState: boolean;\n  query: string;\n  optionsShown: boolean;\n  isFocused: boolean;\n};\n\nclass Typeahead<T> extends Component<TypeaheadPropsWithInputAttributes<T>, TypeaheadState<T>> {\n  declare props: TypeaheadPropsWithInputAttributes<T> &\n    Required<Pick<TypeaheadPropsWithInputAttributes<T>, keyof typeof Typeahead.defaultProps>>;\n\n  static defaultProps = {\n    allowNew: false,\n    autoFillOnBlur: true,\n    autoFocus: false,\n    chipSeparators: [],\n    clearable: true,\n    initialValue: [],\n    inputAutoComplete: 'new-password',\n    minQueryLength: DEFAULT_MIN_QUERY_LENGTH,\n    multiple: false,\n    searchDelay: SEARCH_DELAY,\n    showSuggestions: true,\n    showNewEntry: true,\n    size: Size.MEDIUM,\n    validateChip: () => true,\n  } satisfies Partial<TypeaheadProps<unknown>>;\n  optionRefs: (React.RefObject<HTMLLIElement> | null)[];\n\n  constructor(props: TypeaheadPropsWithInputAttributes<T>) {\n    super(props);\n    const { searchDelay, initialValue, multiple } = this.props;\n    this.handleSearchDebounced = debounce(this.handleSearch, searchDelay);\n    const initialQuery = !multiple && initialValue.length > 0 ? initialValue[0].label : '';\n    this.state = {\n      selected: initialValue,\n      errorState: false,\n      query: initialQuery,\n      keyboardFocusedOptionIndex: null,\n      optionsShown: false,\n      isFocused: false,\n    };\n    this.optionRefs = [] as (React.RefObject<HTMLLIElement> | null)[];\n  }\n\n  handleSearchDebounced: DebouncedFunc<Typeahead<T>['handleSearch']>;\n\n  UNSAFE_componentWillReceiveProps(nextProps: TypeaheadPropsWithInputAttributes<T>) {\n    if (nextProps.multiple !== this.props.multiple) {\n      this.setState((previousState) => {\n        const { selected } = previousState;\n        if (!nextProps.multiple && selected.length > 0) {\n          return {\n            query: selected[0].label,\n            selected: [selected[0]],\n          };\n        }\n        return {\n          selected: previousState.selected,\n          query: '',\n        };\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.handleSearchDebounced.cancel();\n  }\n\n  handleOnFocus = () => {\n    this.showMenu();\n    this.props.onFocus?.();\n  };\n\n  onOptionSelected = (event: React.MouseEvent, item: TypeaheadOption<T>) => {\n    event.preventDefault();\n    this.selectItem(item);\n  };\n\n  handleOnChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    const { optionsShown, selected } = this.state;\n    const { multiple, onInputChange } = this.props;\n\n    if (!optionsShown) {\n      this.showMenu();\n    }\n\n    const query = event.target.value;\n\n    if (!multiple && selected.length > 0) {\n      this.updateSelectedValue([]);\n    }\n\n    this.setState({ query }, () => {\n      this.handleSearchDebounced(query);\n      if (onInputChange) {\n        onInputChange(query);\n      }\n    });\n  };\n\n  handleOnPaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n    const { allowNew, multiple, chipSeparators } = this.props;\n    const { selected } = this.state;\n\n    if (allowNew && multiple && chipSeparators.length > 0) {\n      event.preventDefault();\n      const value = event.clipboardData.getData('text');\n      if (value) {\n        const regex = new RegExp(chipSeparators.join('|'));\n        const pastedChips = value\n          .split(regex)\n          .map((label) => ({ label: label.trim() }))\n          .filter((chip) => chip.label);\n\n        this.updateSelectedValue([...selected, ...pastedChips]);\n      }\n    }\n  };\n\n  handleOnKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    const { showSuggestions, allowNew, multiple, chipSeparators, options } = this.props;\n    const { keyboardFocusedOptionIndex, query, selected } = this.state;\n    const chipsMode = !showSuggestions && allowNew && multiple;\n\n    if (chipsMode && ['Enter', 'Tab', ...chipSeparators].includes(event.key) && query.trim()) {\n      event.preventDefault();\n      this.selectItem({ label: query });\n    } else {\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault();\n          this.moveFocusedOption(1);\n          break;\n        case 'ArrowUp':\n          event.preventDefault();\n          this.moveFocusedOption(-1);\n          break;\n        case 'Enter':\n          event.preventDefault();\n          if (keyboardFocusedOptionIndex != null && options[keyboardFocusedOptionIndex]) {\n            this.selectItem(options[keyboardFocusedOptionIndex]);\n          } else if (allowNew && query.trim()) {\n            this.selectItem({ label: query });\n          }\n          break;\n        case 'Backspace':\n          if (multiple && !query && selected.length > 0) {\n            this.updateSelectedValue(selected.slice(0, -1));\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  };\n  moveFocusedOption(offset: number) {\n    this.setState((previousState) => {\n      const { keyboardFocusedOptionIndex } = previousState;\n      const { options } = this.props;\n      let index = 0;\n      if (keyboardFocusedOptionIndex !== null) {\n        index = clamp(keyboardFocusedOptionIndex + offset, 0, options.length - 1);\n      }\n      const optionRef = this.optionRefs[index];\n      if (optionRef?.current) {\n        optionRef.current.focus(); // Set focus on the option element\n      }\n      return {\n        keyboardFocusedOptionIndex: index,\n      };\n    });\n  }\n\n  selectItem = (item: TypeaheadOption<T>) => {\n    const { multiple } = this.props;\n    let selected = [...this.state.selected];\n    let query;\n    if (multiple) {\n      selected.push(item);\n      query = '';\n    } else {\n      selected = [item];\n      query = item.label;\n    }\n\n    this.updateSelectedValue(selected);\n\n    if (!item.keepFocusOnSelect) {\n      this.hideMenu();\n    }\n\n    if (item.clearQueryOnSelect) {\n      query = '';\n    }\n\n    this.setState({\n      query,\n    });\n  };\n\n  handleSearch = (query: string) => {\n    const { onSearch } = this.props;\n    if (onSearch) {\n      onSearch(query);\n    }\n\n    this.setState((previousState) => ({\n      keyboardFocusedOptionIndex: previousState.keyboardFocusedOptionIndex === null ? null : 0,\n    }));\n  };\n\n  handleDocumentClick = () => {\n    if (this.state.optionsShown) {\n      this.hideMenu();\n      const { allowNew, onBlur, autoFillOnBlur } = this.props;\n      const { query } = this.state;\n      this.setState({\n        isFocused: false,\n      });\n      if (allowNew && autoFillOnBlur && query.trim()) {\n        this.selectItem({ label: query });\n      }\n\n      if (onBlur) {\n        onBlur();\n      }\n    }\n  };\n\n  showMenu = () => {\n    this.setState(\n      {\n        isFocused: true,\n        optionsShown: true,\n      },\n      () => {\n        addClickClassToDocumentOnIos();\n        document.addEventListener('click', this.handleDocumentClick, false);\n      },\n    );\n  };\n\n  hideMenu = () => {\n    this.setState(\n      {\n        optionsShown: false,\n        keyboardFocusedOptionIndex: null,\n      },\n      () => {\n        removeClickClassFromDocumentOnIos();\n        document.removeEventListener('click', this.handleDocumentClick, false);\n      },\n    );\n  };\n\n  updateSelectedValue = (selected: readonly TypeaheadOption<T>[]) => {\n    const { onChange, validateChip } = this.props;\n\n    const errorState = selected.some((chip) => !validateChip(chip));\n    this.setState({ selected, errorState }, () => {\n      onChange([...selected]);\n    });\n  };\n\n  clear = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    if (this.state.selected.length > 0) {\n      this.updateSelectedValue([]);\n    }\n\n    this.setState({\n      query: '',\n    });\n  };\n\n  removeChip = (option: TypeaheadOption<T>) => {\n    const { selected } = this.state;\n\n    if (selected.length > 0) {\n      this.updateSelectedValue([...selected.filter((selectedOption) => selectedOption !== option)]);\n    }\n  };\n\n  renderChip = (option: TypeaheadOption<T>, idx: number): ReactNode => {\n    const valid = this.props.validateChip?.(option);\n\n    return (\n      <Chip\n        key={idx}\n        label={option.label}\n        className={clsx('m-t-1', {\n          'has-error': !valid,\n          'np-chip--valid': valid,\n        })}\n        onRemove={() => this.removeChip(option)}\n      />\n    );\n  };\n\n  renderMenu = ({\n    footer,\n    options,\n    id,\n    keyboardFocusedOptionIndex,\n    query,\n    allowNew,\n    showNewEntry,\n    dropdownOpen,\n  }: Pick<\n    TypeaheadPropsWithInputAttributes<T>,\n    'footer' | 'options' | 'id' | 'allowNew' | 'showNewEntry'\n  > &\n    Pick<TypeaheadState<T>, 'keyboardFocusedOptionIndex' | 'query'> & {\n      dropdownOpen: boolean;\n    }) => {\n    const optionsToRender = [...options];\n    if (\n      allowNew &&\n      query.trim() &&\n      options.every((option) => option.label.trim().toUpperCase() !== query.trim().toUpperCase()) &&\n      showNewEntry\n    ) {\n      optionsToRender.push({\n        label: query,\n      });\n    }\n    return (\n      <div\n        className={clsx('dropdown btn-group btn-block', { open: dropdownOpen })}\n        id={`menu-${id}`}\n      >\n        {(!!optionsToRender.length || footer) && (\n          <ul className=\"dropdown-menu\" role=\"menu\">\n            {optionsToRender.map((option, idx) => {\n              const ref = React.createRef<HTMLLIElement>();\n              this.optionRefs[idx] = ref;\n              return (\n                <TypeaheadOption\n                  key={`${option.label}${idx.toString()}`}\n                  ref={ref}\n                  query={query}\n                  option={option}\n                  selected={keyboardFocusedOptionIndex === idx}\n                  id={String(option.label.replace(/\\s+/g, '-'))}\n                  onClick={(event) => {\n                    this.onOptionSelected(event, option);\n                  }}\n                />\n              );\n            })}\n            {footer}\n          </ul>\n        )}\n      </div>\n    );\n  };\n\n  render() {\n    const {\n      inputAttributes,\n      id: idProp,\n      placeholder,\n      multiple,\n      size,\n      addon,\n      name,\n      clearable,\n      allowNew,\n      footer,\n      showSuggestions,\n      showNewEntry,\n      options,\n      minQueryLength,\n      autoFocus,\n      maxHeight,\n      alert,\n      inputAutoComplete,\n    } = this.props;\n    const id = idProp ?? inputAttributes?.id;\n\n    const { errorState, query, selected, optionsShown, keyboardFocusedOptionIndex } = this.state;\n\n    const clearButton = clearable && (query || selected.length > 0);\n\n    const dropdownOpen = optionsShown && showSuggestions && query.length >= minQueryLength;\n\n    const menu = this.renderMenu({\n      footer,\n      options,\n      id,\n      keyboardFocusedOptionIndex,\n      query,\n      allowNew,\n      showNewEntry,\n      dropdownOpen,\n    });\n\n    const alertType = alert?.type ?? Sentiment.NEUTRAL;\n    const hasError = errorState || (alert && alertType === Sentiment.ERROR);\n    const displayAlert = (!errorState && alert) || (alert && alertType === Sentiment.ERROR);\n    const hasWarning = displayAlert && alertType === Sentiment.WARNING;\n    const hasInfo = displayAlert && alertType === Sentiment.NEUTRAL;\n    return (\n      /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */\n      <div\n        role=\"group\"\n        {...inputAttributes}\n        id={id}\n        className={clsx('typeahead', `typeahead-${size}`, {\n          'typeahead--has-value': selected.length > 0,\n          'typeahead--empty': selected.length === 0,\n          'typeahead--multiple': multiple,\n          open: dropdownOpen,\n        })}\n        onClick={stopPropagation}\n      >\n        <div\n          className={clsx('form-group', {\n            'has-error': hasError,\n            'has-warning': hasWarning,\n            'has-info': hasInfo,\n          })}\n        >\n          <div\n            className={clsx(`input-group input-group-${size}`, {\n              'input-group--has-error': hasError,\n            })}\n          >\n            {addon && <span className=\"input-group-addon input-group-addon--search\">{addon}</span>}\n\n            <TypeaheadInput\n              {...{\n                autoFocus,\n                multiple,\n                dropdownOpen,\n                placeholder,\n                selected,\n                maxHeight,\n              }}\n              id={id}\n              name={name}\n              value={query}\n              typeaheadId={id}\n              renderChip={this.renderChip}\n              autoComplete={inputAutoComplete}\n              ariaActivedescendant={\n                keyboardFocusedOptionIndex !== null && options[keyboardFocusedOptionIndex]\n                  ? `option-${options[keyboardFocusedOptionIndex].label.replace(/\\s+/g, '-')}`\n                  : undefined\n              }\n              onChange={this.handleOnChange}\n              onKeyDown={this.handleOnKeyDown}\n              onFocus={this.handleOnFocus}\n              onPaste={this.handleOnPaste}\n            />\n\n            {clearButton && (\n              <div className=\"input-group-addon\">\n                <button\n                  type=\"button\"\n                  className=\"btn-unstyled\"\n                  aria-label={this.props.intl.formatMessage(messages.clearLabel)}\n                  onClick={this.clear}\n                >\n                  <CrossIcon />\n                </button>\n              </div>\n            )}\n          </div>\n          {displayAlert ? <InlineAlert type={alert.type}>{alert.message}</InlineAlert> : menu}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default injectIntl(withInputAttributes(Typeahead, { nonLabelable: true })) as <T>(\n  props: TypeaheadProps<T>,\n) => React.ReactElement;\n"],"names":["DEFAULT_MIN_QUERY_LENGTH","SEARCH_DELAY","Typeahead","Component","defaultProps","allowNew","autoFillOnBlur","autoFocus","chipSeparators","clearable","initialValue","inputAutoComplete","minQueryLength","multiple","searchDelay","showSuggestions","showNewEntry","size","Size","MEDIUM","validateChip","optionRefs","constructor","props","handleSearchDebounced","debounce","handleSearch","initialQuery","length","label","state","selected","errorState","query","keyboardFocusedOptionIndex","optionsShown","isFocused","UNSAFE_componentWillReceiveProps","nextProps","setState","previousState","componentWillUnmount","cancel","handleOnFocus","showMenu","onFocus","onOptionSelected","event","item","preventDefault","selectItem","handleOnChange","onInputChange","target","value","updateSelectedValue","handleOnPaste","clipboardData","getData","regex","RegExp","join","pastedChips","split","map","trim","filter","chip","handleOnKeyDown","options","chipsMode","includes","key","moveFocusedOption","slice","offset","index","clamp","optionRef","current","focus","push","keepFocusOnSelect","hideMenu","clearQueryOnSelect","onSearch","handleDocumentClick","onBlur","addClickClassToDocumentOnIos","document","addEventListener","removeClickClassFromDocumentOnIos","removeEventListener","onChange","some","clear","removeChip","option","selectedOption","renderChip","idx","valid","_jsx","Chip","className","clsx","onRemove","renderMenu","footer","id","dropdownOpen","optionsToRender","every","toUpperCase","open","children","_jsxs","role","ref","React","createRef","TypeaheadOption","String","replace","onClick","toString","render","inputAttributes","idProp","placeholder","addon","name","maxHeight","alert","clearButton","menu","alertType","type","Sentiment","NEUTRAL","hasError","ERROR","displayAlert","hasWarning","WARNING","hasInfo","stopPropagation","TypeaheadInput","typeaheadId","autoComplete","ariaActivedescendant","undefined","onKeyDown","onPaste","intl","formatMessage","messages","clearLabel","CrossIcon","InlineAlert","message","injectIntl","withInputAttributes","nonLabelable"],"mappings":";;;;;;;;;;;;;;;;;AA0BA,MAAMA,wBAAwB,GAAG,CAAC,CAAA;AAClC,MAAMC,YAAY,GAAG,GAAG,CAAA;AAwDxB,MAAMC,SAAa,SAAQC,SAAkE,CAAA;AAI3F,EAAA,OAAOC,YAAY,GAAG;AACpBC,IAAAA,QAAQ,EAAE,KAAK;AACfC,IAAAA,cAAc,EAAE,IAAI;AACpBC,IAAAA,SAAS,EAAE,KAAK;AAChBC,IAAAA,cAAc,EAAE,EAAE;AAClBC,IAAAA,SAAS,EAAE,IAAI;AACfC,IAAAA,YAAY,EAAE,EAAE;AAChBC,IAAAA,iBAAiB,EAAE,cAAc;AACjCC,IAAAA,cAAc,EAAEZ,wBAAwB;AACxCa,IAAAA,QAAQ,EAAE,KAAK;AACfC,IAAAA,WAAW,EAAEb,YAAY;AACzBc,IAAAA,eAAe,EAAE,IAAI;AACrBC,IAAAA,YAAY,EAAE,IAAI;IAClBC,IAAI,EAAEC,IAAI,CAACC,MAAM;IACjBC,YAAY,EAAEA,MAAM,IAAA;GACsB,CAAA;EAC5CC,UAAU,CAAA;EAEVC,WAAAA,CAAYC,KAA2C,EAAA;IACrD,KAAK,CAACA,KAAK,CAAC,CAAA;IACZ,MAAM;MAAET,WAAW;MAAEJ,YAAY;AAAEG,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACU,KAAK,CAAA;IAC1D,IAAI,CAACC,qBAAqB,GAAGC,QAAQ,CAAC,IAAI,CAACC,YAAY,EAAEZ,WAAW,CAAC,CAAA;AACrE,IAAA,MAAMa,YAAY,GAAG,CAACd,QAAQ,IAAIH,YAAY,CAACkB,MAAM,GAAG,CAAC,GAAGlB,YAAY,CAAC,CAAC,CAAC,CAACmB,KAAK,GAAG,EAAE,CAAA;IACtF,IAAI,CAACC,KAAK,GAAG;AACXC,MAAAA,QAAQ,EAAErB,YAAY;AACtBsB,MAAAA,UAAU,EAAE,KAAK;AACjBC,MAAAA,KAAK,EAAEN,YAAY;AACnBO,MAAAA,0BAA0B,EAAE,IAAI;AAChCC,MAAAA,YAAY,EAAE,KAAK;AACnBC,MAAAA,SAAS,EAAE,KAAA;KACZ,CAAA;IACD,IAAI,CAACf,UAAU,GAAG,EAA+C,CAAA;AACnE,GAAA;EAEAG,qBAAqB,CAAA;EAErBa,gCAAgCA,CAACC,SAA+C,EAAA;IAC9E,IAAIA,SAAS,CAACzB,QAAQ,KAAK,IAAI,CAACU,KAAK,CAACV,QAAQ,EAAE;AAC9C,MAAA,IAAI,CAAC0B,QAAQ,CAAEC,aAAa,IAAI;QAC9B,MAAM;AAAET,UAAAA,QAAAA;AAAU,SAAA,GAAGS,aAAa,CAAA;QAClC,IAAI,CAACF,SAAS,CAACzB,QAAQ,IAAIkB,QAAQ,CAACH,MAAM,GAAG,CAAC,EAAE;UAC9C,OAAO;AACLK,YAAAA,KAAK,EAAEF,QAAQ,CAAC,CAAC,CAAC,CAACF,KAAK;AACxBE,YAAAA,QAAQ,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAC,CAAA;WACvB,CAAA;AACH,SAAA;QACA,OAAO;UACLA,QAAQ,EAAES,aAAa,CAACT,QAAQ;AAChCE,UAAAA,KAAK,EAAE,EAAA;SACR,CAAA;AACH,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;AAEAQ,EAAAA,oBAAoBA,GAAA;AAClB,IAAA,IAAI,CAACjB,qBAAqB,CAACkB,MAAM,EAAE,CAAA;AACrC,GAAA;EAEAC,aAAa,GAAGA,MAAK;IACnB,IAAI,CAACC,QAAQ,EAAE,CAAA;AACf,IAAA,IAAI,CAACrB,KAAK,CAACsB,OAAO,IAAI,CAAA;GACvB,CAAA;AAEDC,EAAAA,gBAAgB,GAAGA,CAACC,KAAuB,EAAEC,IAAwB,KAAI;IACvED,KAAK,CAACE,cAAc,EAAE,CAAA;AACtB,IAAA,IAAI,CAACC,UAAU,CAACF,IAAI,CAAC,CAAA;GACtB,CAAA;EAEDG,cAAc,GAAgDJ,KAAK,IAAI;IACrE,MAAM;MAAEZ,YAAY;AAAEJ,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACD,KAAK,CAAA;IAC7C,MAAM;MAAEjB,QAAQ;AAAEuC,MAAAA,aAAAA;KAAe,GAAG,IAAI,CAAC7B,KAAK,CAAA;IAE9C,IAAI,CAACY,YAAY,EAAE;MACjB,IAAI,CAACS,QAAQ,EAAE,CAAA;AACjB,KAAA;AAEA,IAAA,MAAMX,KAAK,GAAGc,KAAK,CAACM,MAAM,CAACC,KAAK,CAAA;IAEhC,IAAI,CAACzC,QAAQ,IAAIkB,QAAQ,CAACH,MAAM,GAAG,CAAC,EAAE;AACpC,MAAA,IAAI,CAAC2B,mBAAmB,CAAC,EAAE,CAAC,CAAA;AAC9B,KAAA;IAEA,IAAI,CAAChB,QAAQ,CAAC;AAAEN,MAAAA,KAAAA;AAAO,KAAA,EAAE,MAAK;AAC5B,MAAA,IAAI,CAACT,qBAAqB,CAACS,KAAK,CAAC,CAAA;AACjC,MAAA,IAAImB,aAAa,EAAE;QACjBA,aAAa,CAACnB,KAAK,CAAC,CAAA;AACtB,OAAA;AACF,KAAC,CAAC,CAAA;GACH,CAAA;EAEDuB,aAAa,GAAmDT,KAAK,IAAI;IACvE,MAAM;MAAE1C,QAAQ;MAAEQ,QAAQ;AAAEL,MAAAA,cAAAA;KAAgB,GAAG,IAAI,CAACe,KAAK,CAAA;IACzD,MAAM;AAAEQ,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACD,KAAK,CAAA;IAE/B,IAAIzB,QAAQ,IAAIQ,QAAQ,IAAIL,cAAc,CAACoB,MAAM,GAAG,CAAC,EAAE;MACrDmB,KAAK,CAACE,cAAc,EAAE,CAAA;MACtB,MAAMK,KAAK,GAAGP,KAAK,CAACU,aAAa,CAACC,OAAO,CAAC,MAAM,CAAC,CAAA;AACjD,MAAA,IAAIJ,KAAK,EAAE;QACT,MAAMK,KAAK,GAAG,IAAIC,MAAM,CAACpD,cAAc,CAACqD,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;AAClD,QAAA,MAAMC,WAAW,GAAGR,KAAK,CACtBS,KAAK,CAACJ,KAAK,CAAC,CACZK,GAAG,CAAEnC,KAAK,KAAM;AAAEA,UAAAA,KAAK,EAAEA,KAAK,CAACoC,IAAI,EAAE;SAAE,CAAC,CAAC,CACzCC,MAAM,CAAEC,IAAI,IAAKA,IAAI,CAACtC,KAAK,CAAC,CAAA;QAE/B,IAAI,CAAC0B,mBAAmB,CAAC,CAAC,GAAGxB,QAAQ,EAAE,GAAG+B,WAAW,CAAC,CAAC,CAAA;AACzD,OAAA;AACF,KAAA;GACD,CAAA;EAEDM,eAAe,GAAkDrB,KAAK,IAAI;IACxE,MAAM;MAAEhC,eAAe;MAAEV,QAAQ;MAAEQ,QAAQ;MAAEL,cAAc;AAAE6D,MAAAA,OAAAA;KAAS,GAAG,IAAI,CAAC9C,KAAK,CAAA;IACnF,MAAM;MAAEW,0BAA0B;MAAED,KAAK;AAAEF,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACD,KAAK,CAAA;AAClE,IAAA,MAAMwC,SAAS,GAAG,CAACvD,eAAe,IAAIV,QAAQ,IAAIQ,QAAQ,CAAA;IAE1D,IAAIyD,SAAS,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,GAAG9D,cAAc,CAAC,CAAC+D,QAAQ,CAACxB,KAAK,CAACyB,GAAG,CAAC,IAAIvC,KAAK,CAACgC,IAAI,EAAE,EAAE;MACxFlB,KAAK,CAACE,cAAc,EAAE,CAAA;MACtB,IAAI,CAACC,UAAU,CAAC;AAAErB,QAAAA,KAAK,EAAEI,KAAAA;AAAO,OAAA,CAAC,CAAA;AACnC,KAAC,MAAM;MACL,QAAQc,KAAK,CAACyB,GAAG;AACf,QAAA,KAAK,WAAW;UACdzB,KAAK,CAACE,cAAc,EAAE,CAAA;AACtB,UAAA,IAAI,CAACwB,iBAAiB,CAAC,CAAC,CAAC,CAAA;AACzB,UAAA,MAAA;AACF,QAAA,KAAK,SAAS;UACZ1B,KAAK,CAACE,cAAc,EAAE,CAAA;AACtB,UAAA,IAAI,CAACwB,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;AAC1B,UAAA,MAAA;AACF,QAAA,KAAK,OAAO;UACV1B,KAAK,CAACE,cAAc,EAAE,CAAA;UACtB,IAAIf,0BAA0B,IAAI,IAAI,IAAImC,OAAO,CAACnC,0BAA0B,CAAC,EAAE;AAC7E,YAAA,IAAI,CAACgB,UAAU,CAACmB,OAAO,CAACnC,0BAA0B,CAAC,CAAC,CAAA;WACrD,MAAM,IAAI7B,QAAQ,IAAI4B,KAAK,CAACgC,IAAI,EAAE,EAAE;YACnC,IAAI,CAACf,UAAU,CAAC;AAAErB,cAAAA,KAAK,EAAEI,KAAAA;AAAO,aAAA,CAAC,CAAA;AACnC,WAAA;AACA,UAAA,MAAA;AACF,QAAA,KAAK,WAAW;UACd,IAAIpB,QAAQ,IAAI,CAACoB,KAAK,IAAIF,QAAQ,CAACH,MAAM,GAAG,CAAC,EAAE;AAC7C,YAAA,IAAI,CAAC2B,mBAAmB,CAACxB,QAAQ,CAAC2C,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;AACjD,WAAA;AACA,UAAA,MAAA;AAGJ,OAAA;AACF,KAAA;GACD,CAAA;EACDD,iBAAiBA,CAACE,MAAc,EAAA;AAC9B,IAAA,IAAI,CAACpC,QAAQ,CAAEC,aAAa,IAAI;MAC9B,MAAM;AAAEN,QAAAA,0BAAAA;AAA4B,OAAA,GAAGM,aAAa,CAAA;MACpD,MAAM;AAAE6B,QAAAA,OAAAA;OAAS,GAAG,IAAI,CAAC9C,KAAK,CAAA;MAC9B,IAAIqD,KAAK,GAAG,CAAC,CAAA;MACb,IAAI1C,0BAA0B,KAAK,IAAI,EAAE;AACvC0C,QAAAA,KAAK,GAAGC,KAAK,CAAC3C,0BAA0B,GAAGyC,MAAM,EAAE,CAAC,EAAEN,OAAO,CAACzC,MAAM,GAAG,CAAC,CAAC,CAAA;AAC3E,OAAA;AACA,MAAA,MAAMkD,SAAS,GAAG,IAAI,CAACzD,UAAU,CAACuD,KAAK,CAAC,CAAA;MACxC,IAAIE,SAAS,EAAEC,OAAO,EAAE;AACtBD,QAAAA,SAAS,CAACC,OAAO,CAACC,KAAK,EAAE,CAAC;AAC5B,OAAA;MACA,OAAO;AACL9C,QAAAA,0BAA0B,EAAE0C,KAAAA;OAC7B,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,GAAA;EAEA1B,UAAU,GAAIF,IAAwB,IAAI;IACxC,MAAM;AAAEnC,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACU,KAAK,CAAA;IAC/B,IAAIQ,QAAQ,GAAG,CAAC,GAAG,IAAI,CAACD,KAAK,CAACC,QAAQ,CAAC,CAAA;AACvC,IAAA,IAAIE,KAAK,CAAA;AACT,IAAA,IAAIpB,QAAQ,EAAE;AACZkB,MAAAA,QAAQ,CAACkD,IAAI,CAACjC,IAAI,CAAC,CAAA;AACnBf,MAAAA,KAAK,GAAG,EAAE,CAAA;AACZ,KAAC,MAAM;MACLF,QAAQ,GAAG,CAACiB,IAAI,CAAC,CAAA;MACjBf,KAAK,GAAGe,IAAI,CAACnB,KAAK,CAAA;AACpB,KAAA;AAEA,IAAA,IAAI,CAAC0B,mBAAmB,CAACxB,QAAQ,CAAC,CAAA;AAElC,IAAA,IAAI,CAACiB,IAAI,CAACkC,iBAAiB,EAAE;MAC3B,IAAI,CAACC,QAAQ,EAAE,CAAA;AACjB,KAAA;IAEA,IAAInC,IAAI,CAACoC,kBAAkB,EAAE;AAC3BnD,MAAAA,KAAK,GAAG,EAAE,CAAA;AACZ,KAAA;IAEA,IAAI,CAACM,QAAQ,CAAC;AACZN,MAAAA,KAAAA;AACD,KAAA,CAAC,CAAA;GACH,CAAA;EAEDP,YAAY,GAAIO,KAAa,IAAI;IAC/B,MAAM;AAAEoD,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAAC9D,KAAK,CAAA;AAC/B,IAAA,IAAI8D,QAAQ,EAAE;MACZA,QAAQ,CAACpD,KAAK,CAAC,CAAA;AACjB,KAAA;AAEA,IAAA,IAAI,CAACM,QAAQ,CAAEC,aAAa,KAAM;MAChCN,0BAA0B,EAAEM,aAAa,CAACN,0BAA0B,KAAK,IAAI,GAAG,IAAI,GAAG,CAAA;AACxF,KAAA,CAAC,CAAC,CAAA;GACJ,CAAA;EAEDoD,mBAAmB,GAAGA,MAAK;AACzB,IAAA,IAAI,IAAI,CAACxD,KAAK,CAACK,YAAY,EAAE;MAC3B,IAAI,CAACgD,QAAQ,EAAE,CAAA;MACf,MAAM;QAAE9E,QAAQ;QAAEkF,MAAM;AAAEjF,QAAAA,cAAAA;OAAgB,GAAG,IAAI,CAACiB,KAAK,CAAA;MACvD,MAAM;AAAEU,QAAAA,KAAAA;OAAO,GAAG,IAAI,CAACH,KAAK,CAAA;MAC5B,IAAI,CAACS,QAAQ,CAAC;AACZH,QAAAA,SAAS,EAAE,KAAA;AACZ,OAAA,CAAC,CAAA;MACF,IAAI/B,QAAQ,IAAIC,cAAc,IAAI2B,KAAK,CAACgC,IAAI,EAAE,EAAE;QAC9C,IAAI,CAACf,UAAU,CAAC;AAAErB,UAAAA,KAAK,EAAEI,KAAAA;AAAO,SAAA,CAAC,CAAA;AACnC,OAAA;AAEA,MAAA,IAAIsD,MAAM,EAAE;AACVA,QAAAA,MAAM,EAAE,CAAA;AACV,OAAA;AACF,KAAA;GACD,CAAA;EAED3C,QAAQ,GAAGA,MAAK;IACd,IAAI,CAACL,QAAQ,CACX;AACEH,MAAAA,SAAS,EAAE,IAAI;AACfD,MAAAA,YAAY,EAAE,IAAA;AACf,KAAA,EACD,MAAK;AACHqD,MAAAA,4BAA4B,EAAE,CAAA;MAC9BC,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACJ,mBAAmB,EAAE,KAAK,CAAC,CAAA;AACrE,KAAC,CACF,CAAA;GACF,CAAA;EAEDH,QAAQ,GAAGA,MAAK;IACd,IAAI,CAAC5C,QAAQ,CACX;AACEJ,MAAAA,YAAY,EAAE,KAAK;AACnBD,MAAAA,0BAA0B,EAAE,IAAA;AAC7B,KAAA,EACD,MAAK;AACHyD,MAAAA,iCAAiC,EAAE,CAAA;MACnCF,QAAQ,CAACG,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAACN,mBAAmB,EAAE,KAAK,CAAC,CAAA;AACxE,KAAC,CACF,CAAA;GACF,CAAA;EAED/B,mBAAmB,GAAIxB,QAAuC,IAAI;IAChE,MAAM;MAAE8D,QAAQ;AAAEzE,MAAAA,YAAAA;KAAc,GAAG,IAAI,CAACG,KAAK,CAAA;AAE7C,IAAA,MAAMS,UAAU,GAAGD,QAAQ,CAAC+D,IAAI,CAAE3B,IAAI,IAAK,CAAC/C,YAAY,CAAC+C,IAAI,CAAC,CAAC,CAAA;IAC/D,IAAI,CAAC5B,QAAQ,CAAC;MAAER,QAAQ;AAAEC,MAAAA,UAAAA;AAAU,KAAE,EAAE,MAAK;AAC3C6D,MAAAA,QAAQ,CAAC,CAAC,GAAG9D,QAAQ,CAAC,CAAC,CAAA;AACzB,KAAC,CAAC,CAAA;GACH,CAAA;EAEDgE,KAAK,GAAIhD,KAA0C,IAAI;IACrDA,KAAK,CAACE,cAAc,EAAE,CAAA;IACtB,IAAI,IAAI,CAACnB,KAAK,CAACC,QAAQ,CAACH,MAAM,GAAG,CAAC,EAAE;AAClC,MAAA,IAAI,CAAC2B,mBAAmB,CAAC,EAAE,CAAC,CAAA;AAC9B,KAAA;IAEA,IAAI,CAAChB,QAAQ,CAAC;AACZN,MAAAA,KAAK,EAAE,EAAA;AACR,KAAA,CAAC,CAAA;GACH,CAAA;EAED+D,UAAU,GAAIC,MAA0B,IAAI;IAC1C,MAAM;AAAElE,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACD,KAAK,CAAA;AAE/B,IAAA,IAAIC,QAAQ,CAACH,MAAM,GAAG,CAAC,EAAE;AACvB,MAAA,IAAI,CAAC2B,mBAAmB,CAAC,CAAC,GAAGxB,QAAQ,CAACmC,MAAM,CAAEgC,cAAc,IAAKA,cAAc,KAAKD,MAAM,CAAC,CAAC,CAAC,CAAA;AAC/F,KAAA;GACD,CAAA;AAEDE,EAAAA,UAAU,GAAGA,CAACF,MAA0B,EAAEG,GAAW,KAAe;IAClE,MAAMC,KAAK,GAAG,IAAI,CAAC9E,KAAK,CAACH,YAAY,GAAG6E,MAAM,CAAC,CAAA;IAE/C,oBACEK,GAAA,CAACC,IAAI,EAAA;MAEH1E,KAAK,EAAEoE,MAAM,CAACpE,KAAM;AACpB2E,MAAAA,SAAS,EAAEC,IAAI,CAAC,OAAO,EAAE;QACvB,WAAW,EAAE,CAACJ,KAAK;AACnB,QAAA,gBAAgB,EAAEA,KAAAA;AACnB,OAAA,CAAE;AACHK,MAAAA,QAAQ,EAAEA,MAAM,IAAI,CAACV,UAAU,CAACC,MAAM,CAAA;AAAE,KAAA,EANnCG,GAMmC,CACxC,CAAA;GAEL,CAAA;AAEDO,EAAAA,UAAU,GAAGA,CAAC;IACZC,MAAM;IACNvC,OAAO;IACPwC,EAAE;IACF3E,0BAA0B;IAC1BD,KAAK;IACL5B,QAAQ;IACRW,YAAY;AACZ8F,IAAAA,YAAAA;AAAY,GAOX,KAAI;AACL,IAAA,MAAMC,eAAe,GAAG,CAAC,GAAG1C,OAAO,CAAC,CAAA;AACpC,IAAA,IACEhE,QAAQ,IACR4B,KAAK,CAACgC,IAAI,EAAE,IACZI,OAAO,CAAC2C,KAAK,CAAEf,MAAM,IAAKA,MAAM,CAACpE,KAAK,CAACoC,IAAI,EAAE,CAACgD,WAAW,EAAE,KAAKhF,KAAK,CAACgC,IAAI,EAAE,CAACgD,WAAW,EAAE,CAAC,IAC3FjG,YAAY,EACZ;MACA+F,eAAe,CAAC9B,IAAI,CAAC;AACnBpD,QAAAA,KAAK,EAAEI,KAAAA;AACR,OAAA,CAAC,CAAA;AACJ,KAAA;AACA,IAAA,oBACEqE,GAAA,CAAA,KAAA,EAAA;AACEE,MAAAA,SAAS,EAAEC,IAAI,CAAC,8BAA8B,EAAE;AAAES,QAAAA,IAAI,EAAEJ,YAAAA;AAAY,OAAE,CAAE;MACxED,EAAE,EAAE,CAAQA,KAAAA,EAAAA,EAAE,CAAG,CAAA;MAAAM,QAAA,EAEhB,CAAC,CAAC,CAACJ,eAAe,CAACnF,MAAM,IAAIgF,MAAM,kBAClCQ,IAAA,CAAA,IAAA,EAAA;AAAIZ,QAAAA,SAAS,EAAC,eAAe;AAACa,QAAAA,IAAI,EAAC,MAAM;QAAAF,QAAA,EAAA,CACtCJ,eAAe,CAAC/C,GAAG,CAAC,CAACiC,MAAM,EAAEG,GAAG,KAAI;AACnC,UAAA,MAAMkB,GAAG,gBAAGC,cAAK,CAACC,SAAS,EAAiB,CAAA;AAC5C,UAAA,IAAI,CAACnG,UAAU,CAAC+E,GAAG,CAAC,GAAGkB,GAAG,CAAA;UAC1B,oBACEhB,GAAA,CAACmB,MAAe,EAAA;AAEdH,YAAAA,GAAG,EAAEA,GAAI;AACTrF,YAAAA,KAAK,EAAEA,KAAM;AACbgE,YAAAA,MAAM,EAAEA,MAAO;YACflE,QAAQ,EAAEG,0BAA0B,KAAKkE,GAAI;AAC7CS,YAAAA,EAAE,EAAEa,MAAM,CAACzB,MAAM,CAACpE,KAAK,CAAC8F,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE;YAC9CC,OAAO,EAAG7E,KAAK,IAAI;AACjB,cAAA,IAAI,CAACD,gBAAgB,CAACC,KAAK,EAAEkD,MAAM,CAAC,CAAA;AACtC,aAAA;WARK,EAAA,CAAA,EAAGA,MAAM,CAACpE,KAAK,CAAA,EAAGuE,GAAG,CAACyB,QAAQ,EAAE,CAAA,CASrC,CAAA,CAAA;SAEL,CAAC,EACDjB,MAAM,CAAA;OACL,CAAA;AACL,KACE,CAAC,CAAA;GAET,CAAA;AAEDkB,EAAAA,MAAMA,GAAA;IACJ,MAAM;MACJC,eAAe;AACflB,MAAAA,EAAE,EAAEmB,MAAM;MACVC,WAAW;MACXpH,QAAQ;MACRI,IAAI;MACJiH,KAAK;MACLC,IAAI;MACJ1H,SAAS;MACTJ,QAAQ;MACRuG,MAAM;MACN7F,eAAe;MACfC,YAAY;MACZqD,OAAO;MACPzD,cAAc;MACdL,SAAS;MACT6H,SAAS;MACTC,KAAK;AACL1H,MAAAA,iBAAAA;KACD,GAAG,IAAI,CAACY,KAAK,CAAA;AACd,IAAA,MAAMsF,EAAE,GAAGmB,MAAM,IAAID,eAAe,EAAElB,EAAE,CAAA;IAExC,MAAM;MAAE7E,UAAU;MAAEC,KAAK;MAAEF,QAAQ;MAAEI,YAAY;AAAED,MAAAA,0BAAAA;KAA4B,GAAG,IAAI,CAACJ,KAAK,CAAA;IAE5F,MAAMwG,WAAW,GAAG7H,SAAS,KAAKwB,KAAK,IAAIF,QAAQ,CAACH,MAAM,GAAG,CAAC,CAAC,CAAA;IAE/D,MAAMkF,YAAY,GAAG3E,YAAY,IAAIpB,eAAe,IAAIkB,KAAK,CAACL,MAAM,IAAIhB,cAAc,CAAA;AAEtF,IAAA,MAAM2H,IAAI,GAAG,IAAI,CAAC5B,UAAU,CAAC;MAC3BC,MAAM;MACNvC,OAAO;MACPwC,EAAE;MACF3E,0BAA0B;MAC1BD,KAAK;MACL5B,QAAQ;MACRW,YAAY;AACZ8F,MAAAA,YAAAA;AACD,KAAA,CAAC,CAAA;IAEF,MAAM0B,SAAS,GAAGH,KAAK,EAAEI,IAAI,IAAIC,SAAS,CAACC,OAAO,CAAA;IAClD,MAAMC,QAAQ,GAAG5G,UAAU,IAAKqG,KAAK,IAAIG,SAAS,KAAKE,SAAS,CAACG,KAAM,CAAA;AACvE,IAAA,MAAMC,YAAY,GAAI,CAAC9G,UAAU,IAAIqG,KAAK,IAAMA,KAAK,IAAIG,SAAS,KAAKE,SAAS,CAACG,KAAM,CAAA;IACvF,MAAME,UAAU,GAAGD,YAAY,IAAIN,SAAS,KAAKE,SAAS,CAACM,OAAO,CAAA;IAClE,MAAMC,OAAO,GAAGH,YAAY,IAAIN,SAAS,KAAKE,SAAS,CAACC,OAAO,CAAA;AAC/D,IAAA;AAAA;AACE;MACArC,GAAA,CAAA,KAAA,EAAA;AACEe,QAAAA,IAAI,EAAC,OAAO;AAAA,QAAA,GACRU,eAAe;AACnBlB,QAAAA,EAAE,EAAEA,EAAG;QACPL,SAAS,EAAEC,IAAI,CAAC,WAAW,EAAE,CAAaxF,UAAAA,EAAAA,IAAI,EAAE,EAAE;AAChD,UAAA,sBAAsB,EAAEc,QAAQ,CAACH,MAAM,GAAG,CAAC;AAC3C,UAAA,kBAAkB,EAAEG,QAAQ,CAACH,MAAM,KAAK,CAAC;AACzC,UAAA,qBAAqB,EAAEf,QAAQ;AAC/BqG,UAAAA,IAAI,EAAEJ,YAAAA;AACP,SAAA,CAAE;AACHc,QAAAA,OAAO,EAAEsB,eAAgB;AAAA/B,QAAAA,QAAA,eAEzBC,IAAA,CAAA,KAAA,EAAA;AACEZ,UAAAA,SAAS,EAAEC,IAAI,CAAC,YAAY,EAAE;AAC5B,YAAA,WAAW,EAAEmC,QAAQ;AACrB,YAAA,aAAa,EAAEG,UAAU;AACzB,YAAA,UAAU,EAAEE,OAAAA;AACb,WAAA,CAAE;AAAA9B,UAAAA,QAAA,gBAEHC,IAAA,CAAA,KAAA,EAAA;AACEZ,YAAAA,SAAS,EAAEC,IAAI,CAAC,CAA2BxF,wBAAAA,EAAAA,IAAI,EAAE,EAAE;AACjD,cAAA,wBAAwB,EAAE2H,QAAAA;AAC3B,aAAA,CAAE;YAAAzB,QAAA,EAAA,CAEFe,KAAK,iBAAI5B,GAAA,CAAA,MAAA,EAAA;AAAME,cAAAA,SAAS,EAAC,6CAA6C;AAAAW,cAAAA,QAAA,EAAEe,KAAAA;AAAK,aAAO,CAAC,eAEtF5B,GAAA,CAAC6C,cAAc,EAAA;cAEX5I,SAAS;cACTM,QAAQ;cACRiG,YAAY;cACZmB,WAAW;cACXlG,QAAQ;cACRqG,SAAS;AAEXvB,cAAAA,EAAE,EAAEA,EAAG;AACPsB,cAAAA,IAAI,EAAEA,IAAK;AACX7E,cAAAA,KAAK,EAAErB,KAAM;AACbmH,cAAAA,WAAW,EAAEvC,EAAG;cAChBV,UAAU,EAAE,IAAI,CAACA,UAAW;AAC5BkD,cAAAA,YAAY,EAAE1I,iBAAkB;cAChC2I,oBAAoB,EAClBpH,0BAA0B,KAAK,IAAI,IAAImC,OAAO,CAACnC,0BAA0B,CAAC,GACtE,CAAA,OAAA,EAAUmC,OAAO,CAACnC,0BAA0B,CAAC,CAACL,KAAK,CAAC8F,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE,CAAA,GAC1E4B,SACL;cACD1D,QAAQ,EAAE,IAAI,CAAC1C,cAAe;cAC9BqG,SAAS,EAAE,IAAI,CAACpF,eAAgB;cAChCvB,OAAO,EAAE,IAAI,CAACF,aAAc;cAC5B8G,OAAO,EAAE,IAAI,CAACjG,aAAAA;AAAc,aAG9B,CAAA,EAAC8E,WAAW,iBACVhC,GAAA,CAAA,KAAA,EAAA;AAAKE,cAAAA,SAAS,EAAC,mBAAmB;AAAAW,cAAAA,QAAA,eAChCb,GAAA,CAAA,QAAA,EAAA;AACEmC,gBAAAA,IAAI,EAAC,QAAQ;AACbjC,gBAAAA,SAAS,EAAC,cAAc;gBACxB,YAAY,EAAA,IAAI,CAACjF,KAAK,CAACmI,IAAI,CAACC,aAAa,CAACC,QAAQ,CAACC,UAAU,CAAE;gBAC/DjC,OAAO,EAAE,IAAI,CAAC7B,KAAM;AAAAoB,gBAAAA,QAAA,eAEpBb,GAAA,CAACwD,KAAS,EACZ,EAAA,CAAA;eAAQ,CAAA;AACV,aAAK,CACN,CAAA;AAAA,WACE,CACL,EAAChB,YAAY,gBAAGxC,GAAA,CAACyD,WAAW,EAAA;YAACtB,IAAI,EAAEJ,KAAK,CAACI,IAAK;YAAAtB,QAAA,EAAEkB,KAAK,CAAC2B,OAAAA;WAAqB,CAAC,GAAGzB,IAAI,CAAA;SAChF,CAAA;OACF,CAAA;AAAC,MAAA;AAEV,GAAA;;AAGF,kBAAe0B,UAAU,CAACC,mBAAmB,CAAChK,SAAS,EAAE;AAAEiK,EAAAA,YAAY,EAAE,IAAA;AAAM,CAAA,CAAC,CAEzD;;;;"}

package/build/typeahead/typeaheadOption/TypeaheadOption.js

@@ -31,14 +31,16 @@ const Option = /*#__PURE__*/React.forwardRef((props, ref) => {
       href: "#",
       tabIndex: 0,
       onClick: onClick,
-      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        children: highlight(label, query)
+      children: [/*#__PURE__*/jsxRuntime.jsx(highlight, {
+        value: label,
+        query: query
       }), note && /*#__PURE__*/jsxRuntime.jsx("span", {
         className: "np-text-body-default m-l-1",
         children: note
-      }), secondary && /*#__PURE__*/jsxRuntime.jsx("span", {
+      }), secondary && /*#__PURE__*/jsxRuntime.jsx(highlight, {
         className: "np-text-body-default text-ellipsis",
-        children: highlight(secondary, query)
+        value: secondary,
+        query: query
       })]
     })
   });

package/build/typeahead/typeaheadOption/TypeaheadOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypeaheadOption.js","sources":["../../../src/typeahead/typeaheadOption/TypeaheadOption.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport { TypeaheadOption } from '../Typeahead';\nimport highlight from '../util/highlight';\n\nexport type TypeaheadOptionProps<T> = {\n  option: TypeaheadOption<T>;\n  selected?: boolean;\n  onClick?: React.MouseEventHandler;\n  query?: string;\n  id?: string;\n};\n\nconst Option = forwardRef<HTMLLIElement, TypeaheadOptionProps<any>>((props, ref) => {\n  const { option, selected = false, onClick = () => {}, query = '', id } = props;\n  const { label, note, secondary } = option;\n\n  return (\n    <li\n      ref={ref}\n      role=\"option\"\n      aria-selected={selected ? 'true' : 'false'}\n      id={`option-${id}`}\n      className={clsx('typeahead__option tw-dropdown-item clickable', {\n        'tw-dropdown-item--focused': selected,\n      })}\n    >\n      <a className=\"dropdown-item\" href=\"#\" tabIndex={0} onClick={onClick}>\n        <span>{highlight(label, query)}</span>\n        {note && <span className=\"np-text-body-default m-l-1\">{note}</span>}\n        {secondary && (\n          <span className=\"np-text-body-default text-ellipsis\">{highlight(secondary, query)}</span>\n        )}\n      </a>\n    </li>\n  );\n});\n\nexport default Option;\n"],"names":["Option","forwardRef","props","ref","option","selected","onClick","query","id","label","note","secondary","_jsx","role","className","clsx","children","_jsxs","href","tabIndex","highlight"],"mappings":";;;;;;;AAcMA,MAAAA,MAAM,gBAAGC,gBAAU,CAA2C,CAACC,KAAK,EAAEC,GAAG,KAAI;EACjF,MAAM;IAAEC,MAAM;AAAEC,IAAAA,QAAQ,GAAG,KAAK;AAAEC,IAAAA,OAAO,GAAGA,QAAQ;AAAEC,IAAAA,KAAK,GAAG,EAAE;AAAEC,IAAAA,EAAAA;AAAE,GAAE,GAAGN,KAAK,CAAA;EAC9E,MAAM;IAAEO,KAAK;IAAEC,IAAI;AAAEC,IAAAA,SAAAA;AAAS,GAAE,GAAGP,MAAM,CAAA;AAEzC,EAAA,oBACEQ,cAAA,CAAA,IAAA,EAAA;AACET,IAAAA,GAAG,EAAEA,GAAI;AACTU,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,eAAA,EAAeR,QAAQ,GAAG,MAAM,GAAG,OAAQ;IAC3CG,EAAE,EAAE,CAAUA,OAAAA,EAAAA,EAAE,CAAG,CAAA;AACnBM,IAAAA,SAAS,EAAEC,SAAI,CAAC,8CAA8C,EAAE;AAC9D,MAAA,2BAA2B,EAAEV,QAAAA;AAC9B,KAAA,CAAE;AAAAW,IAAAA,QAAA,eAEHC,eAAA,CAAA,GAAA,EAAA;AAAGH,MAAAA,SAAS,EAAC,eAAe;AAACI,MAAAA,IAAI,EAAC,GAAG;AAACC,MAAAA,QAAQ,EAAE,CAAE;AAACb,MAAAA,OAAO,EAAEA,OAAQ;AAAAU,MAAAA,QAAA,gBAClEJ,cAAA,CAAA,MAAA,EAAA;AAAAI,QAAAA,QAAA,EAAOI,SAAS,CAACX,KAAK,EAAEF,KAAK,CAAA;AAAC,OAAO,CACrC,EAACG,IAAI,iBAAIE,cAAA,CAAA,MAAA,EAAA;AAAME,QAAAA,SAAS,EAAC,4BAA4B;AAAAE,QAAAA,QAAA,EAAEN,IAAAA;AAAI,OAAO,CAAC,EAClEC,SAAS,iBACRC,cAAA,CAAA,MAAA,EAAA;AAAME,QAAAA,SAAS,EAAC,oCAAoC;AAAAE,QAAAA,QAAA,EAAEI,SAAS,CAACT,SAAS,EAAEJ,KAAK,CAAA;AAAC,OAAO,CACzF,CAAA;KACA,CAAA;AACL,GAAI,CAAC,CAAA;AAET,CAAC;;;;"}
+{"version":3,"file":"TypeaheadOption.js","sources":["../../../src/typeahead/typeaheadOption/TypeaheadOption.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport { TypeaheadOption } from '../Typeahead';\nimport Highlight from '../util/highlight';\n\nexport type TypeaheadOptionProps<T> = {\n  option: TypeaheadOption<T>;\n  selected?: boolean;\n  onClick?: React.MouseEventHandler;\n  query?: string;\n  id?: string;\n};\n\nconst Option = forwardRef<HTMLLIElement, TypeaheadOptionProps<any>>((props, ref) => {\n  const { option, selected = false, onClick = () => {}, query = '', id } = props;\n  const { label, note, secondary } = option;\n\n  return (\n    <li\n      ref={ref}\n      role=\"option\"\n      aria-selected={selected ? 'true' : 'false'}\n      id={`option-${id}`}\n      className={clsx('typeahead__option tw-dropdown-item clickable', {\n        'tw-dropdown-item--focused': selected,\n      })}\n    >\n      <a className=\"dropdown-item\" href=\"#\" tabIndex={0} onClick={onClick}>\n        <Highlight value={label} query={query} />\n        {note && <span className=\"np-text-body-default m-l-1\">{note}</span>}\n        {secondary && (\n          <Highlight\n            className=\"np-text-body-default text-ellipsis\"\n            value={secondary}\n            query={query}\n          />\n        )}\n      </a>\n    </li>\n  );\n});\n\nexport default Option;\n"],"names":["Option","forwardRef","props","ref","option","selected","onClick","query","id","label","note","secondary","_jsx","role","className","clsx","children","_jsxs","href","tabIndex","Highlight","value"],"mappings":";;;;;;;AAcMA,MAAAA,MAAM,gBAAGC,gBAAU,CAA2C,CAACC,KAAK,EAAEC,GAAG,KAAI;EACjF,MAAM;IAAEC,MAAM;AAAEC,IAAAA,QAAQ,GAAG,KAAK;AAAEC,IAAAA,OAAO,GAAGA,QAAQ;AAAEC,IAAAA,KAAK,GAAG,EAAE;AAAEC,IAAAA,EAAAA;AAAE,GAAE,GAAGN,KAAK,CAAA;EAC9E,MAAM;IAAEO,KAAK;IAAEC,IAAI;AAAEC,IAAAA,SAAAA;AAAS,GAAE,GAAGP,MAAM,CAAA;AAEzC,EAAA,oBACEQ,cAAA,CAAA,IAAA,EAAA;AACET,IAAAA,GAAG,EAAEA,GAAI;AACTU,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,eAAA,EAAeR,QAAQ,GAAG,MAAM,GAAG,OAAQ;IAC3CG,EAAE,EAAE,CAAUA,OAAAA,EAAAA,EAAE,CAAG,CAAA;AACnBM,IAAAA,SAAS,EAAEC,SAAI,CAAC,8CAA8C,EAAE;AAC9D,MAAA,2BAA2B,EAAEV,QAAAA;AAC9B,KAAA,CAAE;AAAAW,IAAAA,QAAA,eAEHC,eAAA,CAAA,GAAA,EAAA;AAAGH,MAAAA,SAAS,EAAC,eAAe;AAACI,MAAAA,IAAI,EAAC,GAAG;AAACC,MAAAA,QAAQ,EAAE,CAAE;AAACb,MAAAA,OAAO,EAAEA,OAAQ;MAAAU,QAAA,EAAA,cAClEJ,cAAA,CAACQ,SAAS,EAAA;AAACC,QAAAA,KAAK,EAAEZ,KAAM;AAACF,QAAAA,KAAK,EAAEA,KAAAA;AAAM,OACtC,CAAA,EAACG,IAAI,iBAAIE,cAAA,CAAA,MAAA,EAAA;AAAME,QAAAA,SAAS,EAAC,4BAA4B;AAAAE,QAAAA,QAAA,EAAEN,IAAAA;AAAI,OAAO,CAAC,EAClEC,SAAS,iBACRC,cAAA,CAACQ,SAAS,EAAA;AACRN,QAAAA,SAAS,EAAC,oCAAoC;AAC9CO,QAAAA,KAAK,EAAEV,SAAU;AACjBJ,QAAAA,KAAK,EAAEA,KAAAA;AAAM,OACb,CACH,CAAA;KACA,CAAA;AACL,GAAI,CAAC,CAAA;AAET,CAAC;;;;"}

package/build/typeahead/typeaheadOption/TypeaheadOption.mjs

@@ -1,6 +1,6 @@
 import { clsx } from 'clsx';
 import { forwardRef } from 'react';
-import highlight from '../util/highlight.mjs';
+import Highlight from '../util/highlight.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 const Option = /*#__PURE__*/forwardRef((props, ref) => {
@@ -29,14 +29,16 @@ const Option = /*#__PURE__*/forwardRef((props, ref) => {
       href: "#",
       tabIndex: 0,
       onClick: onClick,
-      children: [/*#__PURE__*/jsx("span", {
-        children: highlight(label, query)
+      children: [/*#__PURE__*/jsx(Highlight, {
+        value: label,
+        query: query
       }), note && /*#__PURE__*/jsx("span", {
         className: "np-text-body-default m-l-1",
         children: note
-      }), secondary && /*#__PURE__*/jsx("span", {
+      }), secondary && /*#__PURE__*/jsx(Highlight, {
         className: "np-text-body-default text-ellipsis",
-        children: highlight(secondary, query)
+        value: secondary,
+        query: query
       })]
     })
   });

package/build/typeahead/typeaheadOption/TypeaheadOption.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TypeaheadOption.mjs","sources":["../../../src/typeahead/typeaheadOption/TypeaheadOption.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport { TypeaheadOption } from '../Typeahead';\nimport highlight from '../util/highlight';\n\nexport type TypeaheadOptionProps<T> = {\n  option: TypeaheadOption<T>;\n  selected?: boolean;\n  onClick?: React.MouseEventHandler;\n  query?: string;\n  id?: string;\n};\n\nconst Option = forwardRef<HTMLLIElement, TypeaheadOptionProps<any>>((props, ref) => {\n  const { option, selected = false, onClick = () => {}, query = '', id } = props;\n  const { label, note, secondary } = option;\n\n  return (\n    <li\n      ref={ref}\n      role=\"option\"\n      aria-selected={selected ? 'true' : 'false'}\n      id={`option-${id}`}\n      className={clsx('typeahead__option tw-dropdown-item clickable', {\n        'tw-dropdown-item--focused': selected,\n      })}\n    >\n      <a className=\"dropdown-item\" href=\"#\" tabIndex={0} onClick={onClick}>\n        <span>{highlight(label, query)}</span>\n        {note && <span className=\"np-text-body-default m-l-1\">{note}</span>}\n        {secondary && (\n          <span className=\"np-text-body-default text-ellipsis\">{highlight(secondary, query)}</span>\n        )}\n      </a>\n    </li>\n  );\n});\n\nexport default Option;\n"],"names":["Option","forwardRef","props","ref","option","selected","onClick","query","id","label","note","secondary","_jsx","role","className","clsx","children","_jsxs","href","tabIndex","highlight"],"mappings":";;;;;AAcMA,MAAAA,MAAM,gBAAGC,UAAU,CAA2C,CAACC,KAAK,EAAEC,GAAG,KAAI;EACjF,MAAM;IAAEC,MAAM;AAAEC,IAAAA,QAAQ,GAAG,KAAK;AAAEC,IAAAA,OAAO,GAAGA,QAAQ;AAAEC,IAAAA,KAAK,GAAG,EAAE;AAAEC,IAAAA,EAAAA;AAAE,GAAE,GAAGN,KAAK,CAAA;EAC9E,MAAM;IAAEO,KAAK;IAAEC,IAAI;AAAEC,IAAAA,SAAAA;AAAS,GAAE,GAAGP,MAAM,CAAA;AAEzC,EAAA,oBACEQ,GAAA,CAAA,IAAA,EAAA;AACET,IAAAA,GAAG,EAAEA,GAAI;AACTU,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,eAAA,EAAeR,QAAQ,GAAG,MAAM,GAAG,OAAQ;IAC3CG,EAAE,EAAE,CAAUA,OAAAA,EAAAA,EAAE,CAAG,CAAA;AACnBM,IAAAA,SAAS,EAAEC,IAAI,CAAC,8CAA8C,EAAE;AAC9D,MAAA,2BAA2B,EAAEV,QAAAA;AAC9B,KAAA,CAAE;AAAAW,IAAAA,QAAA,eAEHC,IAAA,CAAA,GAAA,EAAA;AAAGH,MAAAA,SAAS,EAAC,eAAe;AAACI,MAAAA,IAAI,EAAC,GAAG;AAACC,MAAAA,QAAQ,EAAE,CAAE;AAACb,MAAAA,OAAO,EAAEA,OAAQ;AAAAU,MAAAA,QAAA,gBAClEJ,GAAA,CAAA,MAAA,EAAA;AAAAI,QAAAA,QAAA,EAAOI,SAAS,CAACX,KAAK,EAAEF,KAAK,CAAA;AAAC,OAAO,CACrC,EAACG,IAAI,iBAAIE,GAAA,CAAA,MAAA,EAAA;AAAME,QAAAA,SAAS,EAAC,4BAA4B;AAAAE,QAAAA,QAAA,EAAEN,IAAAA;AAAI,OAAO,CAAC,EAClEC,SAAS,iBACRC,GAAA,CAAA,MAAA,EAAA;AAAME,QAAAA,SAAS,EAAC,oCAAoC;AAAAE,QAAAA,QAAA,EAAEI,SAAS,CAACT,SAAS,EAAEJ,KAAK,CAAA;AAAC,OAAO,CACzF,CAAA;KACA,CAAA;AACL,GAAI,CAAC,CAAA;AAET,CAAC;;;;"}
+{"version":3,"file":"TypeaheadOption.mjs","sources":["../../../src/typeahead/typeaheadOption/TypeaheadOption.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport { TypeaheadOption } from '../Typeahead';\nimport Highlight from '../util/highlight';\n\nexport type TypeaheadOptionProps<T> = {\n  option: TypeaheadOption<T>;\n  selected?: boolean;\n  onClick?: React.MouseEventHandler;\n  query?: string;\n  id?: string;\n};\n\nconst Option = forwardRef<HTMLLIElement, TypeaheadOptionProps<any>>((props, ref) => {\n  const { option, selected = false, onClick = () => {}, query = '', id } = props;\n  const { label, note, secondary } = option;\n\n  return (\n    <li\n      ref={ref}\n      role=\"option\"\n      aria-selected={selected ? 'true' : 'false'}\n      id={`option-${id}`}\n      className={clsx('typeahead__option tw-dropdown-item clickable', {\n        'tw-dropdown-item--focused': selected,\n      })}\n    >\n      <a className=\"dropdown-item\" href=\"#\" tabIndex={0} onClick={onClick}>\n        <Highlight value={label} query={query} />\n        {note && <span className=\"np-text-body-default m-l-1\">{note}</span>}\n        {secondary && (\n          <Highlight\n            className=\"np-text-body-default text-ellipsis\"\n            value={secondary}\n            query={query}\n          />\n        )}\n      </a>\n    </li>\n  );\n});\n\nexport default Option;\n"],"names":["Option","forwardRef","props","ref","option","selected","onClick","query","id","label","note","secondary","_jsx","role","className","clsx","children","_jsxs","href","tabIndex","Highlight","value"],"mappings":";;;;;AAcMA,MAAAA,MAAM,gBAAGC,UAAU,CAA2C,CAACC,KAAK,EAAEC,GAAG,KAAI;EACjF,MAAM;IAAEC,MAAM;AAAEC,IAAAA,QAAQ,GAAG,KAAK;AAAEC,IAAAA,OAAO,GAAGA,QAAQ;AAAEC,IAAAA,KAAK,GAAG,EAAE;AAAEC,IAAAA,EAAAA;AAAE,GAAE,GAAGN,KAAK,CAAA;EAC9E,MAAM;IAAEO,KAAK;IAAEC,IAAI;AAAEC,IAAAA,SAAAA;AAAS,GAAE,GAAGP,MAAM,CAAA;AAEzC,EAAA,oBACEQ,GAAA,CAAA,IAAA,EAAA;AACET,IAAAA,GAAG,EAAEA,GAAI;AACTU,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,eAAA,EAAeR,QAAQ,GAAG,MAAM,GAAG,OAAQ;IAC3CG,EAAE,EAAE,CAAUA,OAAAA,EAAAA,EAAE,CAAG,CAAA;AACnBM,IAAAA,SAAS,EAAEC,IAAI,CAAC,8CAA8C,EAAE;AAC9D,MAAA,2BAA2B,EAAEV,QAAAA;AAC9B,KAAA,CAAE;AAAAW,IAAAA,QAAA,eAEHC,IAAA,CAAA,GAAA,EAAA;AAAGH,MAAAA,SAAS,EAAC,eAAe;AAACI,MAAAA,IAAI,EAAC,GAAG;AAACC,MAAAA,QAAQ,EAAE,CAAE;AAACb,MAAAA,OAAO,EAAEA,OAAQ;MAAAU,QAAA,EAAA,cAClEJ,GAAA,CAACQ,SAAS,EAAA;AAACC,QAAAA,KAAK,EAAEZ,KAAM;AAACF,QAAAA,KAAK,EAAEA,KAAAA;AAAM,OACtC,CAAA,EAACG,IAAI,iBAAIE,GAAA,CAAA,MAAA,EAAA;AAAME,QAAAA,SAAS,EAAC,4BAA4B;AAAAE,QAAAA,QAAA,EAAEN,IAAAA;AAAI,OAAO,CAAC,EAClEC,SAAS,iBACRC,GAAA,CAACQ,SAAS,EAAA;AACRN,QAAAA,SAAS,EAAC,oCAAoC;AAC9CO,QAAAA,KAAK,EAAEV,SAAU;AACjBJ,QAAAA,KAAK,EAAEA,KAAAA;AAAM,OACb,CACH,CAAA;KACA,CAAA;AACL,GAAI,CAAC,CAAA;AAET,CAAC;;;;"}

package/build/typeahead/util/highlight.js

@@ -2,12 +2,17 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 
-function highlight(value, query) {
+function Highlight({
+  className,
+  value,
+  query
+}) {
   if (value && query) {
     const highlightStart = value.toUpperCase().indexOf(query.trim().toUpperCase());
     const highlightEnd = highlightStart + query.trim().length;
     if (highlightStart !== -1) {
-      return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      return /*#__PURE__*/jsxRuntime.jsxs("span", {
+        className: className,
         children: [value.slice(0, Math.max(0, highlightStart)), /*#__PURE__*/jsxRuntime.jsx("strong", {
           children: value.slice(highlightStart, highlightEnd)
         }), value.slice(Math.max(0, highlightEnd))]
@@ -17,5 +22,5 @@ function highlight(value, query) {
   return value;
 }
 
-module.exports = highlight;
+module.exports = Highlight;
 //# sourceMappingURL=highlight.js.map

package/build/typeahead/util/highlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"highlight.js","sources":["../../../src/typeahead/util/highlight.tsx"],"sourcesContent":["export default function highlight(value: string, query: string) {\n  if (value && query) {\n    const highlightStart = value.toUpperCase().indexOf(query.trim().toUpperCase());\n    const highlightEnd = highlightStart + query.trim().length;\n    if (highlightStart !== -1) {\n      return (\n        <>\n          {value.slice(0, Math.max(0, highlightStart))}\n          <strong>{value.slice(highlightStart, highlightEnd)}</strong>\n          {value.slice(Math.max(0, highlightEnd))}\n        </>\n      );\n    }\n  }\n  return value;\n}\n"],"names":["highlight","value","query","highlightStart","toUpperCase","indexOf","trim","highlightEnd","length","_jsxs","_Fragment","children","slice","Math","max","_jsx"],"mappings":";;;;AAAc,SAAUA,SAASA,CAACC,KAAa,EAAEC,KAAa,EAAA;EAC5D,IAAID,KAAK,IAAIC,KAAK,EAAE;AAClB,IAAA,MAAMC,cAAc,GAAGF,KAAK,CAACG,WAAW,EAAE,CAACC,OAAO,CAACH,KAAK,CAACI,IAAI,EAAE,CAACF,WAAW,EAAE,CAAC,CAAA;IAC9E,MAAMG,YAAY,GAAGJ,cAAc,GAAGD,KAAK,CAACI,IAAI,EAAE,CAACE,MAAM,CAAA;AACzD,IAAA,IAAIL,cAAc,KAAK,CAAC,CAAC,EAAE;MACzB,oBACEM,eAAA,CAAAC,mBAAA,EAAA;AAAAC,QAAAA,QAAA,GACGV,KAAK,CAACW,KAAK,CAAC,CAAC,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEX,cAAc,CAAC,CAAC,eAC5CY,cAAA,CAAA,QAAA,EAAA;AAAAJ,UAAAA,QAAA,EAASV,KAAK,CAACW,KAAK,CAACT,cAAc,EAAEI,YAAY,CAAA;AAAC,SAAS,CAC3D,EAACN,KAAK,CAACW,KAAK,CAACC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEP,YAAY,CAAC,CAAC,CAAA;AAAA,OACzC,CAAG,CAAA;AAEP,KAAA;AACF,GAAA;AACA,EAAA,OAAON,KAAK,CAAA;AACd;;;;"}
+{"version":3,"file":"highlight.js","sources":["../../../src/typeahead/util/highlight.tsx"],"sourcesContent":["export default function Highlight({\n  className,\n  value,\n  query,\n}: {\n  className?: string;\n  value: string;\n  query: string;\n}) {\n  if (value && query) {\n    const highlightStart = value.toUpperCase().indexOf(query.trim().toUpperCase());\n    const highlightEnd = highlightStart + query.trim().length;\n    if (highlightStart !== -1) {\n      return (\n        <span className={className}>\n          {value.slice(0, Math.max(0, highlightStart))}\n          <strong>{value.slice(highlightStart, highlightEnd)}</strong>\n          {value.slice(Math.max(0, highlightEnd))}\n        </span>\n      );\n    }\n  }\n  return value;\n}\n"],"names":["Highlight","className","value","query","highlightStart","toUpperCase","indexOf","trim","highlightEnd","length","_jsxs","children","slice","Math","max","_jsx"],"mappings":";;;;AAAc,SAAUA,SAASA,CAAC;EAChCC,SAAS;EACTC,KAAK;AACLC,EAAAA,KAAAA;AAKD,CAAA,EAAA;EACC,IAAID,KAAK,IAAIC,KAAK,EAAE;AAClB,IAAA,MAAMC,cAAc,GAAGF,KAAK,CAACG,WAAW,EAAE,CAACC,OAAO,CAACH,KAAK,CAACI,IAAI,EAAE,CAACF,WAAW,EAAE,CAAC,CAAA;IAC9E,MAAMG,YAAY,GAAGJ,cAAc,GAAGD,KAAK,CAACI,IAAI,EAAE,CAACE,MAAM,CAAA;AACzD,IAAA,IAAIL,cAAc,KAAK,CAAC,CAAC,EAAE;AACzB,MAAA,oBACEM,eAAA,CAAA,MAAA,EAAA;AAAMT,QAAAA,SAAS,EAAEA,SAAU;AAAAU,QAAAA,QAAA,GACxBT,KAAK,CAACU,KAAK,CAAC,CAAC,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEV,cAAc,CAAC,CAAC,eAC5CW,cAAA,CAAA,QAAA,EAAA;AAAAJ,UAAAA,QAAA,EAAST,KAAK,CAACU,KAAK,CAACR,cAAc,EAAEI,YAAY,CAAA;AAAC,SAAS,CAC3D,EAACN,KAAK,CAACU,KAAK,CAACC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEN,YAAY,CAAC,CAAC,CAAA;AAAA,OACnC,CAAC,CAAA;AAEX,KAAA;AACF,GAAA;AACA,EAAA,OAAON,KAAK,CAAA;AACd;;;;"}

package/build/typeahead/util/highlight.mjs

@@ -1,11 +1,16 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-function highlight(value, query) {
+function Highlight({
+  className,
+  value,
+  query
+}) {
   if (value && query) {
     const highlightStart = value.toUpperCase().indexOf(query.trim().toUpperCase());
     const highlightEnd = highlightStart + query.trim().length;
     if (highlightStart !== -1) {
-      return /*#__PURE__*/jsxs(Fragment, {
+      return /*#__PURE__*/jsxs("span", {
+        className: className,
         children: [value.slice(0, Math.max(0, highlightStart)), /*#__PURE__*/jsx("strong", {
           children: value.slice(highlightStart, highlightEnd)
         }), value.slice(Math.max(0, highlightEnd))]
@@ -15,5 +20,5 @@ function highlight(value, query) {
   return value;
 }
 
-export { highlight as default };
+export { Highlight as default };
 //# sourceMappingURL=highlight.mjs.map

package/build/typeahead/util/highlight.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"highlight.mjs","sources":["../../../src/typeahead/util/highlight.tsx"],"sourcesContent":["export default function highlight(value: string, query: string) {\n  if (value && query) {\n    const highlightStart = value.toUpperCase().indexOf(query.trim().toUpperCase());\n    const highlightEnd = highlightStart + query.trim().length;\n    if (highlightStart !== -1) {\n      return (\n        <>\n          {value.slice(0, Math.max(0, highlightStart))}\n          <strong>{value.slice(highlightStart, highlightEnd)}</strong>\n          {value.slice(Math.max(0, highlightEnd))}\n        </>\n      );\n    }\n  }\n  return value;\n}\n"],"names":["highlight","value","query","highlightStart","toUpperCase","indexOf","trim","highlightEnd","length","_jsxs","_Fragment","children","slice","Math","max","_jsx"],"mappings":";;AAAc,SAAUA,SAASA,CAACC,KAAa,EAAEC,KAAa,EAAA;EAC5D,IAAID,KAAK,IAAIC,KAAK,EAAE;AAClB,IAAA,MAAMC,cAAc,GAAGF,KAAK,CAACG,WAAW,EAAE,CAACC,OAAO,CAACH,KAAK,CAACI,IAAI,EAAE,CAACF,WAAW,EAAE,CAAC,CAAA;IAC9E,MAAMG,YAAY,GAAGJ,cAAc,GAAGD,KAAK,CAACI,IAAI,EAAE,CAACE,MAAM,CAAA;AACzD,IAAA,IAAIL,cAAc,KAAK,CAAC,CAAC,EAAE;MACzB,oBACEM,IAAA,CAAAC,QAAA,EAAA;AAAAC,QAAAA,QAAA,GACGV,KAAK,CAACW,KAAK,CAAC,CAAC,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEX,cAAc,CAAC,CAAC,eAC5CY,GAAA,CAAA,QAAA,EAAA;AAAAJ,UAAAA,QAAA,EAASV,KAAK,CAACW,KAAK,CAACT,cAAc,EAAEI,YAAY,CAAA;AAAC,SAAS,CAC3D,EAACN,KAAK,CAACW,KAAK,CAACC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEP,YAAY,CAAC,CAAC,CAAA;AAAA,OACzC,CAAG,CAAA;AAEP,KAAA;AACF,GAAA;AACA,EAAA,OAAON,KAAK,CAAA;AACd;;;;"}
+{"version":3,"file":"highlight.mjs","sources":["../../../src/typeahead/util/highlight.tsx"],"sourcesContent":["export default function Highlight({\n  className,\n  value,\n  query,\n}: {\n  className?: string;\n  value: string;\n  query: string;\n}) {\n  if (value && query) {\n    const highlightStart = value.toUpperCase().indexOf(query.trim().toUpperCase());\n    const highlightEnd = highlightStart + query.trim().length;\n    if (highlightStart !== -1) {\n      return (\n        <span className={className}>\n          {value.slice(0, Math.max(0, highlightStart))}\n          <strong>{value.slice(highlightStart, highlightEnd)}</strong>\n          {value.slice(Math.max(0, highlightEnd))}\n        </span>\n      );\n    }\n  }\n  return value;\n}\n"],"names":["Highlight","className","value","query","highlightStart","toUpperCase","indexOf","trim","highlightEnd","length","_jsxs","children","slice","Math","max","_jsx"],"mappings":";;AAAc,SAAUA,SAASA,CAAC;EAChCC,SAAS;EACTC,KAAK;AACLC,EAAAA,KAAAA;AAKD,CAAA,EAAA;EACC,IAAID,KAAK,IAAIC,KAAK,EAAE;AAClB,IAAA,MAAMC,cAAc,GAAGF,KAAK,CAACG,WAAW,EAAE,CAACC,OAAO,CAACH,KAAK,CAACI,IAAI,EAAE,CAACF,WAAW,EAAE,CAAC,CAAA;IAC9E,MAAMG,YAAY,GAAGJ,cAAc,GAAGD,KAAK,CAACI,IAAI,EAAE,CAACE,MAAM,CAAA;AACzD,IAAA,IAAIL,cAAc,KAAK,CAAC,CAAC,EAAE;AACzB,MAAA,oBACEM,IAAA,CAAA,MAAA,EAAA;AAAMT,QAAAA,SAAS,EAAEA,SAAU;AAAAU,QAAAA,QAAA,GACxBT,KAAK,CAACU,KAAK,CAAC,CAAC,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEV,cAAc,CAAC,CAAC,eAC5CW,GAAA,CAAA,QAAA,EAAA;AAAAJ,UAAAA,QAAA,EAAST,KAAK,CAACU,KAAK,CAACR,cAAc,EAAEI,YAAY,CAAA;AAAC,SAAS,CAC3D,EAACN,KAAK,CAACU,KAAK,CAACC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEN,YAAY,CAAC,CAAC,CAAA;AAAA,OACnC,CAAC,CAAA;AAEX,KAAA;AACF,GAAA;AACA,EAAA,OAAON,KAAK,CAAA;AACd;;;;"}

package/build/types/typeahead/typeaheadOption/TypeaheadOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypeaheadOption.d.ts","sourceRoot":"","sources":["../../../../src/typeahead/typeaheadOption/TypeaheadOption.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,QAAA,MAAM,MAAM,qHAuBV,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"TypeaheadOption.d.ts","sourceRoot":"","sources":["../../../../src/typeahead/typeaheadOption/TypeaheadOption.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,QAAA,MAAM,MAAM,qHA2BV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/build/types/typeahead/util/highlight.d.ts

@@ -1,2 +1,6 @@
-export default function highlight(value: string, query: string): string | import("react").JSX.Element;
+export default function Highlight({ className, value, query, }: {
+    className?: string;
+    value: string;
+    query: string;
+}): string | import("react").JSX.Element;
 //# sourceMappingURL=highlight.d.ts.map

package/build/types/typeahead/util/highlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../../../src/typeahead/util/highlight.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,wCAe7D"}
+{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../../../src/typeahead/util/highlight.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,SAAS,EACT,KAAK,EACL,KAAK,GACN,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,wCAeA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "46.70.2",
+  "version": "46.70.3",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -92,9 +92,9 @@
     "rollup": "^4.18.1",
     "rollup-preserve-directives": "^1.1.1",
     "storybook": "^8.2.2",
-    "@transferwise/less-config": "3.1.0",
+    "@transferwise/neptune-css": "14.18.0",
     "@wise/components-theming": "1.6.0",
-    "@transferwise/neptune-css": "14.18.0"
+    "@transferwise/less-config": "3.1.0"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.7.0",

package/src/typeahead/Typeahead.rtl.spec.tsx

@@ -25,4 +25,30 @@ describe('Typeahead', () => {
     );
     expect(screen.getAllByRole('group')[0]).toHaveAccessibleName(/^Tags/);
   });
+
+  describe('when no options are provided', () => {
+    it('does not render a dropdown when no options and no footer are provided', () => {
+      render(
+        <Field id="test" label="Tags">
+          <Typeahead id="test" name="test" options={[]} intl={intl} onChange={() => {}} />
+        </Field>,
+      );
+      expect(screen.queryByRole('menu')).not.toBeInTheDocument();
+    });
+    it('does render a dropdown when only a footer is provided', () => {
+      render(
+        <Field id="test" label="Tags">
+          <Typeahead
+            id="test"
+            name="test"
+            options={[]}
+            intl={intl}
+            footer={<p>hello</p>}
+            onChange={() => {}}
+          />
+        </Field>,
+      );
+      expect(screen.getByRole('menu')).toBeInTheDocument();
+    });
+  });
 });

package/src/typeahead/Typeahead.tsx

@@ -406,7 +406,7 @@ class Typeahead<T> extends Component<TypeaheadPropsWithInputAttributes<T>, Typea
         className={clsx('dropdown btn-group btn-block', { open: dropdownOpen })}
         id={`menu-${id}`}
       >
-        {!!optionsToRender.length && (
+        {(!!optionsToRender.length || footer) && (
           <ul className="dropdown-menu" role="menu">
             {optionsToRender.map((option, idx) => {
               const ref = React.createRef<HTMLLIElement>();
@@ -423,7 +423,7 @@ class Typeahead<T> extends Component<TypeaheadPropsWithInputAttributes<T>, Typea
                     this.onOptionSelected(event, option);
                   }}
                 />
-              )
+              );
             })}
             {footer}
           </ul>

package/src/typeahead/typeaheadOption/TypeaheadOption.spec.js

@@ -3,14 +3,15 @@ import { shallow } from 'enzyme';
 import { fakeEvent } from '../../common/fakeEvents';
 
 import TypeaheadOption from './TypeaheadOption';
+import Highlight from '../util/highlight';
 
 describe('Typeahead Option', () => {
   let props;
   let component;
 
-  const labelSpan = () => component.find('span:first-child');
+  const labelHighlight = () => component.find(Highlight);
   const noteSpan = () => component.find('.np-text-body-default.m-l-1');
-  const secondaryTextSpan = () => component.find('.np-text-body-default.text-ellipsis');
+  const secondaryTextHighlight = () => component.find('.np-text-body-default.text-ellipsis');
   const dropdownItem = () => component.find('.dropdown-item');
 
   beforeEach(() => {
@@ -26,7 +27,7 @@ describe('Typeahead Option', () => {
   it('renders a label', () => {
     const label = 'test';
     component.setProps({ option: { label } });
-    expect(labelSpan().text()).toStrictEqual(label);
+    expect(labelHighlight().dive().text()).toStrictEqual(label);
   });
 
   it('renders a note', () => {
@@ -40,7 +41,7 @@ describe('Typeahead Option', () => {
     const label = 'test';
     const secondary = 'test note';
     component.setProps({ option: { label, secondary } });
-    expect(secondaryTextSpan().text()).toStrictEqual(secondary);
+    expect(secondaryTextHighlight().dive().text()).toStrictEqual(secondary);
   });
 
   it('highlights when selected', () => {

package/src/typeahead/typeaheadOption/TypeaheadOption.tsx

@@ -2,7 +2,7 @@ import { clsx } from 'clsx';
 import { forwardRef } from 'react';
 
 import { TypeaheadOption } from '../Typeahead';
-import highlight from '../util/highlight';
+import Highlight from '../util/highlight';
 
 export type TypeaheadOptionProps<T> = {
   option: TypeaheadOption<T>;
@@ -27,10 +27,14 @@ const Option = forwardRef<HTMLLIElement, TypeaheadOptionProps<any>>((props, ref)
       })}
     >
       <a className="dropdown-item" href="#" tabIndex={0} onClick={onClick}>
-        <span>{highlight(label, query)}</span>
+        <Highlight value={label} query={query} />
         {note && <span className="np-text-body-default m-l-1">{note}</span>}
         {secondary && (
-          <span className="np-text-body-default text-ellipsis">{highlight(secondary, query)}</span>
+          <Highlight
+            className="np-text-body-default text-ellipsis"
+            value={secondary}
+            query={query}
+          />
         )}
       </a>
     </li>

package/src/typeahead/util/highlight.spec.js

@@ -1,6 +1,6 @@
 import { mount } from 'enzyme';
 
-import highlight from './highlight';
+import Highlight from './highlight';
 
 describe('Typeahead input', () => {
   const highlighted = (node) => node.find('strong');
@@ -9,7 +9,7 @@ describe('Typeahead input', () => {
   it('highlights part of label that matches the query', () => {
     const query = 'test';
     const label = `this is a ${query} label`;
-    const result = mount(highlight(label, query));
+    const result = mount(<Highlight value={label} query={query} />);
 
     expect(highlighted(result).text()).toStrictEqual(query);
 
@@ -19,15 +19,15 @@ describe('Typeahead input', () => {
   it('does not change text if query is not present in it', () => {
     const query = 'test';
     const label = `this is a label`;
-    const result = highlight(label, query);
+    const result = mount(<Highlight value={label} query={query} />);
 
-    expect(result).toBe(label);
+    expect(result.text()).toBe(label);
   });
 
   it('highlights whole label that matches the query', () => {
     const query = 'test';
     const label = query;
-    const result = mount(highlight(label, query));
+    const result = mount(<Highlight value={label} query={query} />);
 
     expect(highlighted(result).text()).toStrictEqual(query);
   });

package/src/typeahead/util/highlight.tsx

@@ -1,14 +1,22 @@
-export default function highlight(value: string, query: string) {
+export default function Highlight({
+  className,
+  value,
+  query,
+}: {
+  className?: string;
+  value: string;
+  query: string;
+}) {
   if (value && query) {
     const highlightStart = value.toUpperCase().indexOf(query.trim().toUpperCase());
     const highlightEnd = highlightStart + query.trim().length;
     if (highlightStart !== -1) {
       return (
-        <>
+        <span className={className}>
           {value.slice(0, Math.max(0, highlightStart))}
           <strong>{value.slice(highlightStart, highlightEnd)}</strong>
           {value.slice(Math.max(0, highlightEnd))}
-        </>
+        </span>
       );
     }
   }