@transferwise/components 0.0.0-experimental-768765a → 0.0.0-experimental-2a40639

package/build/moneyInput/MoneyInput.js

@@ -259,6 +259,7 @@ class MoneyInput extends React.Component {
           children: selectedCurrency.currency.toUpperCase()
         })]
       }) : /*#__PURE__*/jsxRuntime.jsx("div", {
+        translate: "no",
         className: clsx.clsx(this.style('input-group-btn'), this.style('amount-currency-select-btn')),
         children: /*#__PURE__*/jsxRuntime.jsx(SelectInput.SelectInput, {
           UNSAFE_triggerButtonProps: {

package/build/moneyInput/MoneyInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoneyInput.js","sources":["../../src/moneyInput/MoneyInput.tsx"],"sourcesContent":["import { isEmpty, isNumber, isNull } from '@transferwise/neptune-validation';\nimport { Flag } from '@wise/art';\nimport { clsx } from 'clsx';\nimport { Component } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport { Typography, Size, SizeLarge, SizeMedium, SizeSmall } from '../common';\nimport { withInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\nimport { Input } from '../inputs/Input';\nimport {\n  SelectInput,\n  SelectInputItem,\n  SelectInputOptionContent,\n  SelectInputOptionItem,\n  SelectInputProps,\n} from '../inputs/SelectInput';\nimport Title from '../title';\n\nimport messages from './MoneyInput.messages';\nimport { formatAmount, parseAmount } from './currencyFormatting';\nimport withId from '../withId';\n\nexport interface CurrencyOptionItem {\n  header?: never;\n  value: string;\n  label: string;\n  currency: string;\n  note?: string;\n  searchable?: string;\n}\n\nexport interface CurrencyHeaderItem {\n  header: string;\n}\n\nexport type CurrencyItem = CurrencyOptionItem | CurrencyHeaderItem;\n\nconst isNumberOrNull = (v: unknown): v is number | null => isNumber(v) || isNull(v);\n\nconst formatAmountIfSet = ({\n  amount,\n  currency,\n  locale,\n}: {\n  amount: number | null | undefined;\n  currency: string;\n  locale: string;\n}) => {\n  return typeof amount === 'number' ? formatAmount(amount, currency, locale) : '';\n};\n\nconst parseNumber = ({\n  amount,\n  currency,\n  locale,\n}: {\n  amount: string;\n  currency: string;\n  locale: string;\n}) => {\n  return parseAmount(amount, currency, locale);\n};\n\nconst allowedInputKeys = new Set([\n  'Backspace',\n  'Delete',\n  ',',\n  '.',\n  'ArrowDown',\n  'ArrowUp',\n  'ArrowLeft',\n  'ArrowRight',\n  'Enter',\n  'Escape',\n  'Tab',\n]);\n\nexport interface MoneyInputProps extends WrappedComponentProps {\n  id?: string;\n  'aria-labelledby'?: string;\n  currencies: readonly CurrencyItem[];\n  selectedCurrency: CurrencyOptionItem;\n  onCurrencyChange?: (value: CurrencyOptionItem) => void;\n  placeholder?: number;\n  amount: number | null;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  onAmountChange?: (value: number | null) => void;\n  addon?: React.ReactNode;\n  searchPlaceholder?: string;\n  /**\n   * Allows the consumer to react to searching, while the search itself is handled internally.\n   */\n  onSearchChange?: (value: { searchQuery: string; filteredOptions: CurrencyItem[] }) => void;\n  customActionLabel?: React.ReactNode;\n  onCustomAction?: () => void;\n  classNames?: Record<string, string>;\n  selectProps?: Partial<SelectInputProps<CurrencyOptionItem>>;\n}\n\ntype MoneyInputPropsWithInputAttributes = MoneyInputProps & Partial<WithInputAttributesProps>;\n\ninterface MoneyInputState {\n  searchQuery: string;\n  formattedAmount: string;\n  locale: string;\n}\n\nclass MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInputState> {\n  declare props: MoneyInputPropsWithInputAttributes &\n    Required<Pick<MoneyInputPropsWithInputAttributes, keyof typeof MoneyInput.defaultProps>>;\n\n  static defaultProps = {\n    size: Size.LARGE,\n    classNames: {},\n    selectProps: {},\n  } satisfies Partial<MoneyInputPropsWithInputAttributes>;\n\n  amountFocused = false;\n\n  constructor(props: MoneyInputProps) {\n    super(props);\n    this.state = {\n      searchQuery: '',\n      formattedAmount: formatAmountIfSet({\n        amount: props.amount,\n        currency: props.selectedCurrency.currency,\n        locale: props.intl.locale,\n      }),\n      locale: props.intl.locale,\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps: MoneyInputProps) {\n    this.setState({ locale: nextProps.intl.locale });\n\n    if (!this.amountFocused) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: nextProps.amount,\n          currency: nextProps.selectedCurrency.currency,\n          locale: nextProps.intl.locale,\n        }),\n      });\n    }\n  }\n\n  isInputAllowedForKeyEvent = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { metaKey, key, ctrlKey } = event;\n    const isNumberKey = isNumber(Number.parseInt(key, 10));\n\n    return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);\n  };\n\n  handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    if (!this.isInputAllowedForKeyEvent(event)) {\n      event.preventDefault();\n    }\n  };\n\n  handlePaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n    const paste = event.clipboardData.getData('text');\n    const { locale } = this.state;\n    const parsed = isEmpty(paste)\n      ? null\n      : parseNumber({\n          amount: paste,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n        });\n\n    if (isNumberOrNull(parsed)) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n        }),\n      });\n      this.props.onAmountChange?.(parsed);\n    }\n\n    event.preventDefault();\n  };\n\n  onAmountChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    const { value } = event.target;\n    this.setState({\n      formattedAmount: value,\n    });\n    const parsed = isEmpty(value)\n      ? null\n      : parseNumber({\n          amount: value,\n          currency: this.props.selectedCurrency.currency,\n          locale: this.state.locale,\n        });\n    if (isNumberOrNull(parsed)) {\n      this.props.onAmountChange?.(parsed);\n    }\n  };\n\n  onAmountBlur = () => {\n    this.amountFocused = false;\n    this.setAmount();\n  };\n\n  onAmountFocus = () => {\n    this.amountFocused = true;\n  };\n\n  getSelectOptions() {\n    const selectOptions = filterCurrenciesForQuery(this.props.currencies, this.state.searchQuery);\n\n    const formattedOptions: SelectInputItem<CurrencyOptionItem>[] = [];\n    let currentGroupOptions: SelectInputOptionItem<CurrencyOptionItem>[] | undefined;\n\n    selectOptions.forEach((item) => {\n      if (item.header != null) {\n        currentGroupOptions = [];\n        formattedOptions.push({\n          type: 'group',\n          label: item.header,\n          options: currentGroupOptions,\n        });\n      } else {\n        (currentGroupOptions ?? formattedOptions).push({\n          type: 'option',\n          value: item,\n          filterMatchers: [item.value, item.label, item.note ?? '', item.searchable ?? ''],\n        });\n      }\n    });\n\n    return formattedOptions;\n  }\n\n  setAmount() {\n    this.setState((previousState) => {\n      const parsed = parseNumber({\n        amount: previousState.formattedAmount,\n        currency: this.props.selectedCurrency.currency,\n        locale: previousState.locale,\n      });\n      if (!isNumberOrNull(parsed)) {\n        return {\n          formattedAmount: previousState.formattedAmount,\n        };\n      }\n      return {\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale: previousState.locale,\n        }),\n      };\n    });\n  }\n\n  handleSelectChange = (value: CurrencyOptionItem) => {\n    this.handleSearchChange('');\n    this.props.onCurrencyChange?.(value);\n  };\n\n  handleCustomAction = () => {\n    this.handleSearchChange('');\n    this.props.onCustomAction?.();\n  };\n\n  handleSearchChange = (searchQuery: string) => {\n    this.setState({ searchQuery });\n    this.props.onSearchChange?.({\n      searchQuery,\n      filteredOptions: filterCurrenciesForQuery(this.props.currencies, searchQuery),\n    });\n  };\n\n  style = (className: string) => this.props.classNames[className] || className;\n\n  render() {\n    const {\n      inputAttributes,\n      id: amountInputId,\n      'aria-labelledby': ariaLabelledByProp,\n      selectedCurrency,\n      onCurrencyChange,\n      size,\n      addon,\n      selectProps,\n    } = this.props;\n    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];\n    const selectOptions = this.getSelectOptions();\n\n    const hasSingleCurrency = () => {\n      if (selectOptions.length !== 0) {\n        const firstItem = selectOptions[0];\n\n        if (selectOptions.length === 1) {\n          if (firstItem.type === 'option') {\n            return firstItem.value.currency === selectedCurrency.currency;\n          }\n          if (firstItem.type === 'group') {\n            return (\n              firstItem.options.length === 1 &&\n              !(this.props.onCustomAction && this.props.customActionLabel)\n            );\n          }\n        }\n      } else if (selectedCurrency?.currency) {\n        return true;\n      }\n\n      return false;\n    };\n\n    const isFixedCurrency = (!this.state.searchQuery && hasSingleCurrency()) || !onCurrencyChange;\n    const disabled = !this.props.onAmountChange;\n    const selectedCurrencyElementId = `${inputAttributes?.id ?? amountInputId}SelectedCurrency`;\n\n    return (\n      <div\n        role=\"group\"\n        {...inputAttributes}\n        aria-labelledby={ariaLabelledBy}\n        className={clsx(\n          this.style('tw-money-input'),\n          this.style('input-group'),\n          this.style(`input-group-${size}`),\n        )}\n      >\n        <Input\n          id={amountInputId}\n          value={this.state.formattedAmount}\n          inputMode=\"decimal\"\n          disabled={disabled}\n          placeholder={formatAmountIfSet({\n            amount: this.props.placeholder,\n            currency: this.props.selectedCurrency.currency,\n            locale: this.state.locale,\n          })}\n          autoComplete=\"off\"\n          aria-describedby={selectedCurrencyElementId}\n          onKeyDown={this.handleKeyDown}\n          onChange={this.onAmountChange}\n          onFocus={this.onAmountFocus}\n          onBlur={this.onAmountBlur}\n          onPaste={this.handlePaste}\n        />\n        {addon && (\n          <span\n            className={clsx(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              disabled ? this.style('disabled') : '',\n            )}\n          >\n            {addon}\n          </span>\n        )}\n        {isFixedCurrency ? (\n          <div\n            className={clsx(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              this.style('tw-money-input__fixed-currency'),\n              disabled ? this.style('disabled') : '',\n            )}\n            id={selectedCurrencyElementId}\n          >\n            {(size === 'lg' || size === 'md') && (\n              <span className={clsx(this.style('money-input-currency-flag'), this.style('m-r-2'))}>\n                <Flag code={selectedCurrency.currency.toLowerCase()} intrinsicSize={24} />\n              </span>\n            )}\n            <Title\n              as=\"span\"\n              type={Typography.TITLE_SUBSECTION}\n              className={size === 'lg' ? this.style('m-r-1') : ''}\n            >\n              {selectedCurrency.currency.toUpperCase()}\n            </Title>\n          </div>\n        ) : (\n          <div\n            className={clsx(\n              this.style('input-group-btn'),\n              this.style('amount-currency-select-btn'),\n            )}\n          >\n            <SelectInput\n              UNSAFE_triggerButtonProps={{\n                id: undefined,\n                'aria-labelledby': undefined,\n                'aria-describedby': undefined,\n                'aria-invalid': undefined,\n                'aria-label': this.props.intl.formatMessage(messages.selectCurrencyLabel),\n              }}\n              id={selectedCurrencyElementId}\n              items={selectOptions}\n              value={selectedCurrency}\n              compareValues=\"currency\"\n              renderValue={(currency, withinTrigger) => {\n                return (\n                  <SelectInputOptionContent\n                    title={withinTrigger ? currency.currency.toUpperCase() : currency.label}\n                    note={withinTrigger ? undefined : currency.note}\n                    icon={<Flag code={currency.currency} intrinsicSize={24} />}\n                  />\n                );\n              }}\n              renderFooter={\n                this.props.onCustomAction\n                  ? () => (\n                      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n                      <div role=\"button\" tabIndex={0} onClick={this.handleCustomAction}>\n                        {this.props.customActionLabel}\n                      </div>\n                    )\n                  : undefined\n              }\n              placeholder={this.props.intl.formatMessage(messages.selectPlaceholder)}\n              filterable\n              filterPlaceholder={this.props.searchPlaceholder}\n              disabled={disabled}\n              size={size}\n              onChange={this.handleSelectChange}\n              onFilterChange={({ queryNormalized }) => {\n                this.handleSearchChange(queryNormalized ?? '');\n              }}\n              {...selectProps}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nfunction filterCurrenciesForQuery(\n  currencies: readonly CurrencyItem[],\n  query: string,\n): CurrencyItem[] {\n  if (!query) {\n    return [...currencies];\n  }\n\n  const options = currencies.filter(\n    (option): option is CurrencyOptionItem => option.header == null,\n  );\n  const filteredOptions = removeDuplicateValueOptions(options).filter((option) =>\n    currencyOptionFitsQuery(option, query),\n  );\n\n  return sortOptionsLabelsToFirst(filteredOptions, query);\n}\n\nfunction removeDuplicateValueOptions(options: readonly CurrencyOptionItem[]) {\n  const uniqueValues = new Set<string>();\n  return options.filter((option) => {\n    if (!uniqueValues.has(option.value)) {\n      uniqueValues.add(option.value);\n      return true;\n    }\n    return false;\n  });\n}\n\nfunction currencyOptionFitsQuery(option: CurrencyOptionItem, query: string) {\n  if (!option.value) {\n    return false;\n  }\n\n  return (\n    contains(option.label, query) ||\n    contains(option.searchable, query) ||\n    contains(option.note, query)\n  );\n}\n\nfunction contains(property: string | undefined, query: string) {\n  return property?.toLowerCase().includes(query.toLowerCase());\n}\n\nfunction sortOptionsLabelsToFirst(options: readonly CurrencyOptionItem[], query: string) {\n  return [...options].sort((first, second) => {\n    const firstContains = contains(first.label, query);\n    const secondContains = contains(second.label, query);\n\n    if (firstContains && secondContains) {\n      return 0;\n    }\n    if (firstContains) {\n      return -1;\n    }\n    if (secondContains) {\n      return 1;\n    }\n    return 0;\n  });\n}\n\nexport default injectIntl(withId(withInputAttributes(MoneyInput, { nonLabelable: true })));\n"],"names":["isNumberOrNull","v","isNumber","isNull","formatAmountIfSet","amount","currency","locale","formatAmount","parseNumber","parseAmount","allowedInputKeys","Set","MoneyInput","Component","defaultProps","size","Size","LARGE","classNames","selectProps","amountFocused","constructor","props","state","searchQuery","formattedAmount","selectedCurrency","intl","UNSAFE_componentWillReceiveProps","nextProps","setState","isInputAllowedForKeyEvent","event","metaKey","key","ctrlKey","isNumberKey","Number","parseInt","has","handleKeyDown","preventDefault","handlePaste","paste","clipboardData","getData","parsed","isEmpty","onAmountChange","value","target","onAmountBlur","setAmount","onAmountFocus","getSelectOptions","selectOptions","filterCurrenciesForQuery","currencies","formattedOptions","currentGroupOptions","forEach","item","header","push","type","label","options","filterMatchers","note","searchable","previousState","handleSelectChange","handleSearchChange","onCurrencyChange","handleCustomAction","onCustomAction","onSearchChange","filteredOptions","style","className","render","inputAttributes","id","amountInputId","ariaLabelledByProp","addon","ariaLabelledBy","hasSingleCurrency","length","firstItem","customActionLabel","isFixedCurrency","disabled","selectedCurrencyElementId","_jsxs","role","clsx","children","_jsx","Input","inputMode","placeholder","autoComplete","onKeyDown","onChange","onFocus","onBlur","onPaste","Flag","code","toLowerCase","intrinsicSize","Title","as","Typography","TITLE_SUBSECTION","toUpperCase","SelectInput","UNSAFE_triggerButtonProps","undefined","formatMessage","messages","selectCurrencyLabel","items","compareValues","renderValue","withinTrigger","SelectInputOptionContent","title","icon","renderFooter","tabIndex","onClick","selectPlaceholder","filterable","filterPlaceholder","searchPlaceholder","onFilterChange","queryNormalized","query","filter","option","removeDuplicateValueOptions","currencyOptionFitsQuery","sortOptionsLabelsToFirst","uniqueValues","add","contains","property","includes","sort","first","second","firstContains","secondContains","injectIntl","withId","withInputAttributes","nonLabelable"],"mappings":"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"}
+{"version":3,"file":"MoneyInput.js","sources":["../../src/moneyInput/MoneyInput.tsx"],"sourcesContent":["import { isEmpty, isNumber, isNull } from '@transferwise/neptune-validation';\nimport { Flag } from '@wise/art';\nimport { clsx } from 'clsx';\nimport { Component } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport { Typography, Size, SizeLarge, SizeMedium, SizeSmall } from '../common';\nimport { withInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\nimport { Input } from '../inputs/Input';\nimport {\n  SelectInput,\n  SelectInputItem,\n  SelectInputOptionContent,\n  SelectInputOptionItem,\n  SelectInputProps,\n} from '../inputs/SelectInput';\nimport Title from '../title';\n\nimport messages from './MoneyInput.messages';\nimport { formatAmount, parseAmount } from './currencyFormatting';\nimport withId from '../withId';\n\nexport interface CurrencyOptionItem {\n  header?: never;\n  value: string;\n  label: string;\n  currency: string;\n  note?: string;\n  searchable?: string;\n}\n\nexport interface CurrencyHeaderItem {\n  header: string;\n}\n\nexport type CurrencyItem = CurrencyOptionItem | CurrencyHeaderItem;\n\nconst isNumberOrNull = (v: unknown): v is number | null => isNumber(v) || isNull(v);\n\nconst formatAmountIfSet = ({\n  amount,\n  currency,\n  locale,\n}: {\n  amount: number | null | undefined;\n  currency: string;\n  locale: string;\n}) => {\n  return typeof amount === 'number' ? formatAmount(amount, currency, locale) : '';\n};\n\nconst parseNumber = ({\n  amount,\n  currency,\n  locale,\n}: {\n  amount: string;\n  currency: string;\n  locale: string;\n}) => {\n  return parseAmount(amount, currency, locale);\n};\n\nconst allowedInputKeys = new Set([\n  'Backspace',\n  'Delete',\n  ',',\n  '.',\n  'ArrowDown',\n  'ArrowUp',\n  'ArrowLeft',\n  'ArrowRight',\n  'Enter',\n  'Escape',\n  'Tab',\n]);\n\nexport interface MoneyInputProps extends WrappedComponentProps {\n  id?: string;\n  'aria-labelledby'?: string;\n  currencies: readonly CurrencyItem[];\n  selectedCurrency: CurrencyOptionItem;\n  onCurrencyChange?: (value: CurrencyOptionItem) => void;\n  placeholder?: number;\n  amount: number | null;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  onAmountChange?: (value: number | null) => void;\n  addon?: React.ReactNode;\n  searchPlaceholder?: string;\n  /**\n   * Allows the consumer to react to searching, while the search itself is handled internally.\n   */\n  onSearchChange?: (value: { searchQuery: string; filteredOptions: CurrencyItem[] }) => void;\n  customActionLabel?: React.ReactNode;\n  onCustomAction?: () => void;\n  classNames?: Record<string, string>;\n  selectProps?: Partial<SelectInputProps<CurrencyOptionItem>>;\n}\n\ntype MoneyInputPropsWithInputAttributes = MoneyInputProps & Partial<WithInputAttributesProps>;\n\ninterface MoneyInputState {\n  searchQuery: string;\n  formattedAmount: string;\n  locale: string;\n}\n\nclass MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInputState> {\n  declare props: MoneyInputPropsWithInputAttributes &\n    Required<Pick<MoneyInputPropsWithInputAttributes, keyof typeof MoneyInput.defaultProps>>;\n\n  static defaultProps = {\n    size: Size.LARGE,\n    classNames: {},\n    selectProps: {},\n  } satisfies Partial<MoneyInputPropsWithInputAttributes>;\n\n  amountFocused = false;\n\n  constructor(props: MoneyInputProps) {\n    super(props);\n    this.state = {\n      searchQuery: '',\n      formattedAmount: formatAmountIfSet({\n        amount: props.amount,\n        currency: props.selectedCurrency.currency,\n        locale: props.intl.locale,\n      }),\n      locale: props.intl.locale,\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps: MoneyInputProps) {\n    this.setState({ locale: nextProps.intl.locale });\n\n    if (!this.amountFocused) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: nextProps.amount,\n          currency: nextProps.selectedCurrency.currency,\n          locale: nextProps.intl.locale,\n        }),\n      });\n    }\n  }\n\n  isInputAllowedForKeyEvent = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { metaKey, key, ctrlKey } = event;\n    const isNumberKey = isNumber(Number.parseInt(key, 10));\n\n    return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);\n  };\n\n  handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    if (!this.isInputAllowedForKeyEvent(event)) {\n      event.preventDefault();\n    }\n  };\n\n  handlePaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n    const paste = event.clipboardData.getData('text');\n    const { locale } = this.state;\n    const parsed = isEmpty(paste)\n      ? null\n      : parseNumber({\n          amount: paste,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n        });\n\n    if (isNumberOrNull(parsed)) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n        }),\n      });\n      this.props.onAmountChange?.(parsed);\n    }\n\n    event.preventDefault();\n  };\n\n  onAmountChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    const { value } = event.target;\n    this.setState({\n      formattedAmount: value,\n    });\n    const parsed = isEmpty(value)\n      ? null\n      : parseNumber({\n          amount: value,\n          currency: this.props.selectedCurrency.currency,\n          locale: this.state.locale,\n        });\n    if (isNumberOrNull(parsed)) {\n      this.props.onAmountChange?.(parsed);\n    }\n  };\n\n  onAmountBlur = () => {\n    this.amountFocused = false;\n    this.setAmount();\n  };\n\n  onAmountFocus = () => {\n    this.amountFocused = true;\n  };\n\n  getSelectOptions() {\n    const selectOptions = filterCurrenciesForQuery(this.props.currencies, this.state.searchQuery);\n\n    const formattedOptions: SelectInputItem<CurrencyOptionItem>[] = [];\n    let currentGroupOptions: SelectInputOptionItem<CurrencyOptionItem>[] | undefined;\n\n    selectOptions.forEach((item) => {\n      if (item.header != null) {\n        currentGroupOptions = [];\n        formattedOptions.push({\n          type: 'group',\n          label: item.header,\n          options: currentGroupOptions,\n        });\n      } else {\n        (currentGroupOptions ?? formattedOptions).push({\n          type: 'option',\n          value: item,\n          filterMatchers: [item.value, item.label, item.note ?? '', item.searchable ?? ''],\n        });\n      }\n    });\n\n    return formattedOptions;\n  }\n\n  setAmount() {\n    this.setState((previousState) => {\n      const parsed = parseNumber({\n        amount: previousState.formattedAmount,\n        currency: this.props.selectedCurrency.currency,\n        locale: previousState.locale,\n      });\n      if (!isNumberOrNull(parsed)) {\n        return {\n          formattedAmount: previousState.formattedAmount,\n        };\n      }\n      return {\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale: previousState.locale,\n        }),\n      };\n    });\n  }\n\n  handleSelectChange = (value: CurrencyOptionItem) => {\n    this.handleSearchChange('');\n    this.props.onCurrencyChange?.(value);\n  };\n\n  handleCustomAction = () => {\n    this.handleSearchChange('');\n    this.props.onCustomAction?.();\n  };\n\n  handleSearchChange = (searchQuery: string) => {\n    this.setState({ searchQuery });\n    this.props.onSearchChange?.({\n      searchQuery,\n      filteredOptions: filterCurrenciesForQuery(this.props.currencies, searchQuery),\n    });\n  };\n\n  style = (className: string) => this.props.classNames[className] || className;\n\n  render() {\n    const {\n      inputAttributes,\n      id: amountInputId,\n      'aria-labelledby': ariaLabelledByProp,\n      selectedCurrency,\n      onCurrencyChange,\n      size,\n      addon,\n      selectProps,\n    } = this.props;\n    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];\n    const selectOptions = this.getSelectOptions();\n\n    const hasSingleCurrency = () => {\n      if (selectOptions.length !== 0) {\n        const firstItem = selectOptions[0];\n\n        if (selectOptions.length === 1) {\n          if (firstItem.type === 'option') {\n            return firstItem.value.currency === selectedCurrency.currency;\n          }\n          if (firstItem.type === 'group') {\n            return (\n              firstItem.options.length === 1 &&\n              !(this.props.onCustomAction && this.props.customActionLabel)\n            );\n          }\n        }\n      } else if (selectedCurrency?.currency) {\n        return true;\n      }\n\n      return false;\n    };\n\n    const isFixedCurrency = (!this.state.searchQuery && hasSingleCurrency()) || !onCurrencyChange;\n    const disabled = !this.props.onAmountChange;\n    const selectedCurrencyElementId = `${inputAttributes?.id ?? amountInputId}SelectedCurrency`;\n\n    return (\n      <div\n        role=\"group\"\n        {...inputAttributes}\n        aria-labelledby={ariaLabelledBy}\n        className={clsx(\n          this.style('tw-money-input'),\n          this.style('input-group'),\n          this.style(`input-group-${size}`),\n        )}\n      >\n        <Input\n          id={amountInputId}\n          value={this.state.formattedAmount}\n          inputMode=\"decimal\"\n          disabled={disabled}\n          placeholder={formatAmountIfSet({\n            amount: this.props.placeholder,\n            currency: this.props.selectedCurrency.currency,\n            locale: this.state.locale,\n          })}\n          autoComplete=\"off\"\n          aria-describedby={selectedCurrencyElementId}\n          onKeyDown={this.handleKeyDown}\n          onChange={this.onAmountChange}\n          onFocus={this.onAmountFocus}\n          onBlur={this.onAmountBlur}\n          onPaste={this.handlePaste}\n        />\n        {addon && (\n          <span\n            className={clsx(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              disabled ? this.style('disabled') : '',\n            )}\n          >\n            {addon}\n          </span>\n        )}\n        {isFixedCurrency ? (\n          <div\n            className={clsx(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              this.style('tw-money-input__fixed-currency'),\n              disabled ? this.style('disabled') : '',\n            )}\n            id={selectedCurrencyElementId}\n          >\n            {(size === 'lg' || size === 'md') && (\n              <span className={clsx(this.style('money-input-currency-flag'), this.style('m-r-2'))}>\n                <Flag code={selectedCurrency.currency.toLowerCase()} intrinsicSize={24} />\n              </span>\n            )}\n            <Title\n              as=\"span\"\n              type={Typography.TITLE_SUBSECTION}\n              className={size === 'lg' ? this.style('m-r-1') : ''}\n            >\n              {selectedCurrency.currency.toUpperCase()}\n            </Title>\n          </div>\n        ) : (\n          <div\n            translate=\"no\"\n            className={clsx(\n              this.style('input-group-btn'),\n              this.style('amount-currency-select-btn'),\n            )}\n          >\n            <SelectInput\n              UNSAFE_triggerButtonProps={{\n                id: undefined,\n                'aria-labelledby': undefined,\n                'aria-describedby': undefined,\n                'aria-invalid': undefined,\n                'aria-label': this.props.intl.formatMessage(messages.selectCurrencyLabel),\n              }}\n              id={selectedCurrencyElementId}\n              items={selectOptions}\n              value={selectedCurrency}\n              compareValues=\"currency\"\n              renderValue={(currency, withinTrigger) => {\n                return (\n                  <SelectInputOptionContent\n                    title={withinTrigger ? currency.currency.toUpperCase() : currency.label}\n                    note={withinTrigger ? undefined : currency.note}\n                    icon={<Flag code={currency.currency} intrinsicSize={24} />}\n                  />\n                );\n              }}\n              renderFooter={\n                this.props.onCustomAction\n                  ? () => (\n                      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n                      <div role=\"button\" tabIndex={0} onClick={this.handleCustomAction}>\n                        {this.props.customActionLabel}\n                      </div>\n                    )\n                  : undefined\n              }\n              placeholder={this.props.intl.formatMessage(messages.selectPlaceholder)}\n              filterable\n              filterPlaceholder={this.props.searchPlaceholder}\n              disabled={disabled}\n              size={size}\n              onChange={this.handleSelectChange}\n              onFilterChange={({ queryNormalized }) => {\n                this.handleSearchChange(queryNormalized ?? '');\n              }}\n              {...selectProps}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nfunction filterCurrenciesForQuery(\n  currencies: readonly CurrencyItem[],\n  query: string,\n): CurrencyItem[] {\n  if (!query) {\n    return [...currencies];\n  }\n\n  const options = currencies.filter(\n    (option): option is CurrencyOptionItem => option.header == null,\n  );\n  const filteredOptions = removeDuplicateValueOptions(options).filter((option) =>\n    currencyOptionFitsQuery(option, query),\n  );\n\n  return sortOptionsLabelsToFirst(filteredOptions, query);\n}\n\nfunction removeDuplicateValueOptions(options: readonly CurrencyOptionItem[]) {\n  const uniqueValues = new Set<string>();\n  return options.filter((option) => {\n    if (!uniqueValues.has(option.value)) {\n      uniqueValues.add(option.value);\n      return true;\n    }\n    return false;\n  });\n}\n\nfunction currencyOptionFitsQuery(option: CurrencyOptionItem, query: string) {\n  if (!option.value) {\n    return false;\n  }\n\n  return (\n    contains(option.label, query) ||\n    contains(option.searchable, query) ||\n    contains(option.note, query)\n  );\n}\n\nfunction contains(property: string | undefined, query: string) {\n  return property?.toLowerCase().includes(query.toLowerCase());\n}\n\nfunction sortOptionsLabelsToFirst(options: readonly CurrencyOptionItem[], query: string) {\n  return [...options].sort((first, second) => {\n    const firstContains = contains(first.label, query);\n    const secondContains = contains(second.label, query);\n\n    if (firstContains && secondContains) {\n      return 0;\n    }\n    if (firstContains) {\n      return -1;\n    }\n    if (secondContains) {\n      return 1;\n    }\n    return 0;\n  });\n}\n\nexport default injectIntl(withId(withInputAttributes(MoneyInput, { nonLabelable: true })));\n"],"names":["isNumberOrNull","v","isNumber","isNull","formatAmountIfSet","amount","currency","locale","formatAmount","parseNumber","parseAmount","allowedInputKeys","Set","MoneyInput","Component","defaultProps","size","Size","LARGE","classNames","selectProps","amountFocused","constructor","props","state","searchQuery","formattedAmount","selectedCurrency","intl","UNSAFE_componentWillReceiveProps","nextProps","setState","isInputAllowedForKeyEvent","event","metaKey","key","ctrlKey","isNumberKey","Number","parseInt","has","handleKeyDown","preventDefault","handlePaste","paste","clipboardData","getData","parsed","isEmpty","onAmountChange","value","target","onAmountBlur","setAmount","onAmountFocus","getSelectOptions","selectOptions","filterCurrenciesForQuery","currencies","formattedOptions","currentGroupOptions","forEach","item","header","push","type","label","options","filterMatchers","note","searchable","previousState","handleSelectChange","handleSearchChange","onCurrencyChange","handleCustomAction","onCustomAction","onSearchChange","filteredOptions","style","className","render","inputAttributes","id","amountInputId","ariaLabelledByProp","addon","ariaLabelledBy","hasSingleCurrency","length","firstItem","customActionLabel","isFixedCurrency","disabled","selectedCurrencyElementId","_jsxs","role","clsx","children","_jsx","Input","inputMode","placeholder","autoComplete","onKeyDown","onChange","onFocus","onBlur","onPaste","Flag","code","toLowerCase","intrinsicSize","Title","as","Typography","TITLE_SUBSECTION","toUpperCase","translate","SelectInput","UNSAFE_triggerButtonProps","undefined","formatMessage","messages","selectCurrencyLabel","items","compareValues","renderValue","withinTrigger","SelectInputOptionContent","title","icon","renderFooter","tabIndex","onClick","selectPlaceholder","filterable","filterPlaceholder","searchPlaceholder","onFilterChange","queryNormalized","query","filter","option","removeDuplicateValueOptions","currencyOptionFitsQuery","sortOptionsLabelsToFirst","uniqueValues","add","contains","property","includes","sort","first","second","firstContains","secondContains","injectIntl","withId","withInputAttributes","nonLabelable"],"mappings":"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"}

package/build/moneyInput/MoneyInput.mjs

@@ -257,6 +257,7 @@ class MoneyInput extends Component {
           children: selectedCurrency.currency.toUpperCase()
         })]
       }) : /*#__PURE__*/jsx("div", {
+        translate: "no",
         className: clsx(this.style('input-group-btn'), this.style('amount-currency-select-btn')),
         children: /*#__PURE__*/jsx(SelectInput, {
           UNSAFE_triggerButtonProps: {

package/build/moneyInput/MoneyInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MoneyInput.mjs","sources":["../../src/moneyInput/MoneyInput.tsx"],"sourcesContent":["import { isEmpty, isNumber, isNull } from '@transferwise/neptune-validation';\nimport { Flag } from '@wise/art';\nimport { clsx } from 'clsx';\nimport { Component } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport { Typography, Size, SizeLarge, SizeMedium, SizeSmall } from '../common';\nimport { withInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\nimport { Input } from '../inputs/Input';\nimport {\n  SelectInput,\n  SelectInputItem,\n  SelectInputOptionContent,\n  SelectInputOptionItem,\n  SelectInputProps,\n} from '../inputs/SelectInput';\nimport Title from '../title';\n\nimport messages from './MoneyInput.messages';\nimport { formatAmount, parseAmount } from './currencyFormatting';\nimport withId from '../withId';\n\nexport interface CurrencyOptionItem {\n  header?: never;\n  value: string;\n  label: string;\n  currency: string;\n  note?: string;\n  searchable?: string;\n}\n\nexport interface CurrencyHeaderItem {\n  header: string;\n}\n\nexport type CurrencyItem = CurrencyOptionItem | CurrencyHeaderItem;\n\nconst isNumberOrNull = (v: unknown): v is number | null => isNumber(v) || isNull(v);\n\nconst formatAmountIfSet = ({\n  amount,\n  currency,\n  locale,\n}: {\n  amount: number | null | undefined;\n  currency: string;\n  locale: string;\n}) => {\n  return typeof amount === 'number' ? formatAmount(amount, currency, locale) : '';\n};\n\nconst parseNumber = ({\n  amount,\n  currency,\n  locale,\n}: {\n  amount: string;\n  currency: string;\n  locale: string;\n}) => {\n  return parseAmount(amount, currency, locale);\n};\n\nconst allowedInputKeys = new Set([\n  'Backspace',\n  'Delete',\n  ',',\n  '.',\n  'ArrowDown',\n  'ArrowUp',\n  'ArrowLeft',\n  'ArrowRight',\n  'Enter',\n  'Escape',\n  'Tab',\n]);\n\nexport interface MoneyInputProps extends WrappedComponentProps {\n  id?: string;\n  'aria-labelledby'?: string;\n  currencies: readonly CurrencyItem[];\n  selectedCurrency: CurrencyOptionItem;\n  onCurrencyChange?: (value: CurrencyOptionItem) => void;\n  placeholder?: number;\n  amount: number | null;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  onAmountChange?: (value: number | null) => void;\n  addon?: React.ReactNode;\n  searchPlaceholder?: string;\n  /**\n   * Allows the consumer to react to searching, while the search itself is handled internally.\n   */\n  onSearchChange?: (value: { searchQuery: string; filteredOptions: CurrencyItem[] }) => void;\n  customActionLabel?: React.ReactNode;\n  onCustomAction?: () => void;\n  classNames?: Record<string, string>;\n  selectProps?: Partial<SelectInputProps<CurrencyOptionItem>>;\n}\n\ntype MoneyInputPropsWithInputAttributes = MoneyInputProps & Partial<WithInputAttributesProps>;\n\ninterface MoneyInputState {\n  searchQuery: string;\n  formattedAmount: string;\n  locale: string;\n}\n\nclass MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInputState> {\n  declare props: MoneyInputPropsWithInputAttributes &\n    Required<Pick<MoneyInputPropsWithInputAttributes, keyof typeof MoneyInput.defaultProps>>;\n\n  static defaultProps = {\n    size: Size.LARGE,\n    classNames: {},\n    selectProps: {},\n  } satisfies Partial<MoneyInputPropsWithInputAttributes>;\n\n  amountFocused = false;\n\n  constructor(props: MoneyInputProps) {\n    super(props);\n    this.state = {\n      searchQuery: '',\n      formattedAmount: formatAmountIfSet({\n        amount: props.amount,\n        currency: props.selectedCurrency.currency,\n        locale: props.intl.locale,\n      }),\n      locale: props.intl.locale,\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps: MoneyInputProps) {\n    this.setState({ locale: nextProps.intl.locale });\n\n    if (!this.amountFocused) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: nextProps.amount,\n          currency: nextProps.selectedCurrency.currency,\n          locale: nextProps.intl.locale,\n        }),\n      });\n    }\n  }\n\n  isInputAllowedForKeyEvent = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { metaKey, key, ctrlKey } = event;\n    const isNumberKey = isNumber(Number.parseInt(key, 10));\n\n    return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);\n  };\n\n  handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    if (!this.isInputAllowedForKeyEvent(event)) {\n      event.preventDefault();\n    }\n  };\n\n  handlePaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n    const paste = event.clipboardData.getData('text');\n    const { locale } = this.state;\n    const parsed = isEmpty(paste)\n      ? null\n      : parseNumber({\n          amount: paste,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n        });\n\n    if (isNumberOrNull(parsed)) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n        }),\n      });\n      this.props.onAmountChange?.(parsed);\n    }\n\n    event.preventDefault();\n  };\n\n  onAmountChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    const { value } = event.target;\n    this.setState({\n      formattedAmount: value,\n    });\n    const parsed = isEmpty(value)\n      ? null\n      : parseNumber({\n          amount: value,\n          currency: this.props.selectedCurrency.currency,\n          locale: this.state.locale,\n        });\n    if (isNumberOrNull(parsed)) {\n      this.props.onAmountChange?.(parsed);\n    }\n  };\n\n  onAmountBlur = () => {\n    this.amountFocused = false;\n    this.setAmount();\n  };\n\n  onAmountFocus = () => {\n    this.amountFocused = true;\n  };\n\n  getSelectOptions() {\n    const selectOptions = filterCurrenciesForQuery(this.props.currencies, this.state.searchQuery);\n\n    const formattedOptions: SelectInputItem<CurrencyOptionItem>[] = [];\n    let currentGroupOptions: SelectInputOptionItem<CurrencyOptionItem>[] | undefined;\n\n    selectOptions.forEach((item) => {\n      if (item.header != null) {\n        currentGroupOptions = [];\n        formattedOptions.push({\n          type: 'group',\n          label: item.header,\n          options: currentGroupOptions,\n        });\n      } else {\n        (currentGroupOptions ?? formattedOptions).push({\n          type: 'option',\n          value: item,\n          filterMatchers: [item.value, item.label, item.note ?? '', item.searchable ?? ''],\n        });\n      }\n    });\n\n    return formattedOptions;\n  }\n\n  setAmount() {\n    this.setState((previousState) => {\n      const parsed = parseNumber({\n        amount: previousState.formattedAmount,\n        currency: this.props.selectedCurrency.currency,\n        locale: previousState.locale,\n      });\n      if (!isNumberOrNull(parsed)) {\n        return {\n          formattedAmount: previousState.formattedAmount,\n        };\n      }\n      return {\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale: previousState.locale,\n        }),\n      };\n    });\n  }\n\n  handleSelectChange = (value: CurrencyOptionItem) => {\n    this.handleSearchChange('');\n    this.props.onCurrencyChange?.(value);\n  };\n\n  handleCustomAction = () => {\n    this.handleSearchChange('');\n    this.props.onCustomAction?.();\n  };\n\n  handleSearchChange = (searchQuery: string) => {\n    this.setState({ searchQuery });\n    this.props.onSearchChange?.({\n      searchQuery,\n      filteredOptions: filterCurrenciesForQuery(this.props.currencies, searchQuery),\n    });\n  };\n\n  style = (className: string) => this.props.classNames[className] || className;\n\n  render() {\n    const {\n      inputAttributes,\n      id: amountInputId,\n      'aria-labelledby': ariaLabelledByProp,\n      selectedCurrency,\n      onCurrencyChange,\n      size,\n      addon,\n      selectProps,\n    } = this.props;\n    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];\n    const selectOptions = this.getSelectOptions();\n\n    const hasSingleCurrency = () => {\n      if (selectOptions.length !== 0) {\n        const firstItem = selectOptions[0];\n\n        if (selectOptions.length === 1) {\n          if (firstItem.type === 'option') {\n            return firstItem.value.currency === selectedCurrency.currency;\n          }\n          if (firstItem.type === 'group') {\n            return (\n              firstItem.options.length === 1 &&\n              !(this.props.onCustomAction && this.props.customActionLabel)\n            );\n          }\n        }\n      } else if (selectedCurrency?.currency) {\n        return true;\n      }\n\n      return false;\n    };\n\n    const isFixedCurrency = (!this.state.searchQuery && hasSingleCurrency()) || !onCurrencyChange;\n    const disabled = !this.props.onAmountChange;\n    const selectedCurrencyElementId = `${inputAttributes?.id ?? amountInputId}SelectedCurrency`;\n\n    return (\n      <div\n        role=\"group\"\n        {...inputAttributes}\n        aria-labelledby={ariaLabelledBy}\n        className={clsx(\n          this.style('tw-money-input'),\n          this.style('input-group'),\n          this.style(`input-group-${size}`),\n        )}\n      >\n        <Input\n          id={amountInputId}\n          value={this.state.formattedAmount}\n          inputMode=\"decimal\"\n          disabled={disabled}\n          placeholder={formatAmountIfSet({\n            amount: this.props.placeholder,\n            currency: this.props.selectedCurrency.currency,\n            locale: this.state.locale,\n          })}\n          autoComplete=\"off\"\n          aria-describedby={selectedCurrencyElementId}\n          onKeyDown={this.handleKeyDown}\n          onChange={this.onAmountChange}\n          onFocus={this.onAmountFocus}\n          onBlur={this.onAmountBlur}\n          onPaste={this.handlePaste}\n        />\n        {addon && (\n          <span\n            className={clsx(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              disabled ? this.style('disabled') : '',\n            )}\n          >\n            {addon}\n          </span>\n        )}\n        {isFixedCurrency ? (\n          <div\n            className={clsx(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              this.style('tw-money-input__fixed-currency'),\n              disabled ? this.style('disabled') : '',\n            )}\n            id={selectedCurrencyElementId}\n          >\n            {(size === 'lg' || size === 'md') && (\n              <span className={clsx(this.style('money-input-currency-flag'), this.style('m-r-2'))}>\n                <Flag code={selectedCurrency.currency.toLowerCase()} intrinsicSize={24} />\n              </span>\n            )}\n            <Title\n              as=\"span\"\n              type={Typography.TITLE_SUBSECTION}\n              className={size === 'lg' ? this.style('m-r-1') : ''}\n            >\n              {selectedCurrency.currency.toUpperCase()}\n            </Title>\n          </div>\n        ) : (\n          <div\n            className={clsx(\n              this.style('input-group-btn'),\n              this.style('amount-currency-select-btn'),\n            )}\n          >\n            <SelectInput\n              UNSAFE_triggerButtonProps={{\n                id: undefined,\n                'aria-labelledby': undefined,\n                'aria-describedby': undefined,\n                'aria-invalid': undefined,\n                'aria-label': this.props.intl.formatMessage(messages.selectCurrencyLabel),\n              }}\n              id={selectedCurrencyElementId}\n              items={selectOptions}\n              value={selectedCurrency}\n              compareValues=\"currency\"\n              renderValue={(currency, withinTrigger) => {\n                return (\n                  <SelectInputOptionContent\n                    title={withinTrigger ? currency.currency.toUpperCase() : currency.label}\n                    note={withinTrigger ? undefined : currency.note}\n                    icon={<Flag code={currency.currency} intrinsicSize={24} />}\n                  />\n                );\n              }}\n              renderFooter={\n                this.props.onCustomAction\n                  ? () => (\n                      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n                      <div role=\"button\" tabIndex={0} onClick={this.handleCustomAction}>\n                        {this.props.customActionLabel}\n                      </div>\n                    )\n                  : undefined\n              }\n              placeholder={this.props.intl.formatMessage(messages.selectPlaceholder)}\n              filterable\n              filterPlaceholder={this.props.searchPlaceholder}\n              disabled={disabled}\n              size={size}\n              onChange={this.handleSelectChange}\n              onFilterChange={({ queryNormalized }) => {\n                this.handleSearchChange(queryNormalized ?? '');\n              }}\n              {...selectProps}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nfunction filterCurrenciesForQuery(\n  currencies: readonly CurrencyItem[],\n  query: string,\n): CurrencyItem[] {\n  if (!query) {\n    return [...currencies];\n  }\n\n  const options = currencies.filter(\n    (option): option is CurrencyOptionItem => option.header == null,\n  );\n  const filteredOptions = removeDuplicateValueOptions(options).filter((option) =>\n    currencyOptionFitsQuery(option, query),\n  );\n\n  return sortOptionsLabelsToFirst(filteredOptions, query);\n}\n\nfunction removeDuplicateValueOptions(options: readonly CurrencyOptionItem[]) {\n  const uniqueValues = new Set<string>();\n  return options.filter((option) => {\n    if (!uniqueValues.has(option.value)) {\n      uniqueValues.add(option.value);\n      return true;\n    }\n    return false;\n  });\n}\n\nfunction currencyOptionFitsQuery(option: CurrencyOptionItem, query: string) {\n  if (!option.value) {\n    return false;\n  }\n\n  return (\n    contains(option.label, query) ||\n    contains(option.searchable, query) ||\n    contains(option.note, query)\n  );\n}\n\nfunction contains(property: string | undefined, query: string) {\n  return property?.toLowerCase().includes(query.toLowerCase());\n}\n\nfunction sortOptionsLabelsToFirst(options: readonly CurrencyOptionItem[], query: string) {\n  return [...options].sort((first, second) => {\n    const firstContains = contains(first.label, query);\n    const secondContains = contains(second.label, query);\n\n    if (firstContains && secondContains) {\n      return 0;\n    }\n    if (firstContains) {\n      return -1;\n    }\n    if (secondContains) {\n      return 1;\n    }\n    return 0;\n  });\n}\n\nexport default injectIntl(withId(withInputAttributes(MoneyInput, { nonLabelable: true })));\n"],"names":["isNumberOrNull","v","isNumber","isNull","formatAmountIfSet","amount","currency","locale","formatAmount","parseNumber","parseAmount","allowedInputKeys","Set","MoneyInput","Component","defaultProps","size","Size","LARGE","classNames","selectProps","amountFocused","constructor","props","state","searchQuery","formattedAmount","selectedCurrency","intl","UNSAFE_componentWillReceiveProps","nextProps","setState","isInputAllowedForKeyEvent","event","metaKey","key","ctrlKey","isNumberKey","Number","parseInt","has","handleKeyDown","preventDefault","handlePaste","paste","clipboardData","getData","parsed","isEmpty","onAmountChange","value","target","onAmountBlur","setAmount","onAmountFocus","getSelectOptions","selectOptions","filterCurrenciesForQuery","currencies","formattedOptions","currentGroupOptions","forEach","item","header","push","type","label","options","filterMatchers","note","searchable","previousState","handleSelectChange","handleSearchChange","onCurrencyChange","handleCustomAction","onCustomAction","onSearchChange","filteredOptions","style","className","render","inputAttributes","id","amountInputId","ariaLabelledByProp","addon","ariaLabelledBy","hasSingleCurrency","length","firstItem","customActionLabel","isFixedCurrency","disabled","selectedCurrencyElementId","_jsxs","role","clsx","children","_jsx","Input","inputMode","placeholder","autoComplete","onKeyDown","onChange","onFocus","onBlur","onPaste","Flag","code","toLowerCase","intrinsicSize","Title","as","Typography","TITLE_SUBSECTION","toUpperCase","SelectInput","UNSAFE_triggerButtonProps","undefined","formatMessage","messages","selectCurrencyLabel","items","compareValues","renderValue","withinTrigger","SelectInputOptionContent","title","icon","renderFooter","tabIndex","onClick","selectPlaceholder","filterable","filterPlaceholder","searchPlaceholder","onFilterChange","queryNormalized","query","filter","option","removeDuplicateValueOptions","currencyOptionFitsQuery","sortOptionsLabelsToFirst","uniqueValues","add","contains","property","includes","sort","first","second","firstContains","secondContains","injectIntl","withId","withInputAttributes","nonLabelable"],"mappings":"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"}
+{"version":3,"file":"MoneyInput.mjs","sources":["../../src/moneyInput/MoneyInput.tsx"],"sourcesContent":["import { isEmpty, isNumber, isNull } from '@transferwise/neptune-validation';\nimport { Flag } from '@wise/art';\nimport { clsx } from 'clsx';\nimport { Component } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport { Typography, Size, SizeLarge, SizeMedium, SizeSmall } from '../common';\nimport { withInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\nimport { Input } from '../inputs/Input';\nimport {\n  SelectInput,\n  SelectInputItem,\n  SelectInputOptionContent,\n  SelectInputOptionItem,\n  SelectInputProps,\n} from '../inputs/SelectInput';\nimport Title from '../title';\n\nimport messages from './MoneyInput.messages';\nimport { formatAmount, parseAmount } from './currencyFormatting';\nimport withId from '../withId';\n\nexport interface CurrencyOptionItem {\n  header?: never;\n  value: string;\n  label: string;\n  currency: string;\n  note?: string;\n  searchable?: string;\n}\n\nexport interface CurrencyHeaderItem {\n  header: string;\n}\n\nexport type CurrencyItem = CurrencyOptionItem | CurrencyHeaderItem;\n\nconst isNumberOrNull = (v: unknown): v is number | null => isNumber(v) || isNull(v);\n\nconst formatAmountIfSet = ({\n  amount,\n  currency,\n  locale,\n}: {\n  amount: number | null | undefined;\n  currency: string;\n  locale: string;\n}) => {\n  return typeof amount === 'number' ? formatAmount(amount, currency, locale) : '';\n};\n\nconst parseNumber = ({\n  amount,\n  currency,\n  locale,\n}: {\n  amount: string;\n  currency: string;\n  locale: string;\n}) => {\n  return parseAmount(amount, currency, locale);\n};\n\nconst allowedInputKeys = new Set([\n  'Backspace',\n  'Delete',\n  ',',\n  '.',\n  'ArrowDown',\n  'ArrowUp',\n  'ArrowLeft',\n  'ArrowRight',\n  'Enter',\n  'Escape',\n  'Tab',\n]);\n\nexport interface MoneyInputProps extends WrappedComponentProps {\n  id?: string;\n  'aria-labelledby'?: string;\n  currencies: readonly CurrencyItem[];\n  selectedCurrency: CurrencyOptionItem;\n  onCurrencyChange?: (value: CurrencyOptionItem) => void;\n  placeholder?: number;\n  amount: number | null;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  onAmountChange?: (value: number | null) => void;\n  addon?: React.ReactNode;\n  searchPlaceholder?: string;\n  /**\n   * Allows the consumer to react to searching, while the search itself is handled internally.\n   */\n  onSearchChange?: (value: { searchQuery: string; filteredOptions: CurrencyItem[] }) => void;\n  customActionLabel?: React.ReactNode;\n  onCustomAction?: () => void;\n  classNames?: Record<string, string>;\n  selectProps?: Partial<SelectInputProps<CurrencyOptionItem>>;\n}\n\ntype MoneyInputPropsWithInputAttributes = MoneyInputProps & Partial<WithInputAttributesProps>;\n\ninterface MoneyInputState {\n  searchQuery: string;\n  formattedAmount: string;\n  locale: string;\n}\n\nclass MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInputState> {\n  declare props: MoneyInputPropsWithInputAttributes &\n    Required<Pick<MoneyInputPropsWithInputAttributes, keyof typeof MoneyInput.defaultProps>>;\n\n  static defaultProps = {\n    size: Size.LARGE,\n    classNames: {},\n    selectProps: {},\n  } satisfies Partial<MoneyInputPropsWithInputAttributes>;\n\n  amountFocused = false;\n\n  constructor(props: MoneyInputProps) {\n    super(props);\n    this.state = {\n      searchQuery: '',\n      formattedAmount: formatAmountIfSet({\n        amount: props.amount,\n        currency: props.selectedCurrency.currency,\n        locale: props.intl.locale,\n      }),\n      locale: props.intl.locale,\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps: MoneyInputProps) {\n    this.setState({ locale: nextProps.intl.locale });\n\n    if (!this.amountFocused) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: nextProps.amount,\n          currency: nextProps.selectedCurrency.currency,\n          locale: nextProps.intl.locale,\n        }),\n      });\n    }\n  }\n\n  isInputAllowedForKeyEvent = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { metaKey, key, ctrlKey } = event;\n    const isNumberKey = isNumber(Number.parseInt(key, 10));\n\n    return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);\n  };\n\n  handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    if (!this.isInputAllowedForKeyEvent(event)) {\n      event.preventDefault();\n    }\n  };\n\n  handlePaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n    const paste = event.clipboardData.getData('text');\n    const { locale } = this.state;\n    const parsed = isEmpty(paste)\n      ? null\n      : parseNumber({\n          amount: paste,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n        });\n\n    if (isNumberOrNull(parsed)) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n        }),\n      });\n      this.props.onAmountChange?.(parsed);\n    }\n\n    event.preventDefault();\n  };\n\n  onAmountChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    const { value } = event.target;\n    this.setState({\n      formattedAmount: value,\n    });\n    const parsed = isEmpty(value)\n      ? null\n      : parseNumber({\n          amount: value,\n          currency: this.props.selectedCurrency.currency,\n          locale: this.state.locale,\n        });\n    if (isNumberOrNull(parsed)) {\n      this.props.onAmountChange?.(parsed);\n    }\n  };\n\n  onAmountBlur = () => {\n    this.amountFocused = false;\n    this.setAmount();\n  };\n\n  onAmountFocus = () => {\n    this.amountFocused = true;\n  };\n\n  getSelectOptions() {\n    const selectOptions = filterCurrenciesForQuery(this.props.currencies, this.state.searchQuery);\n\n    const formattedOptions: SelectInputItem<CurrencyOptionItem>[] = [];\n    let currentGroupOptions: SelectInputOptionItem<CurrencyOptionItem>[] | undefined;\n\n    selectOptions.forEach((item) => {\n      if (item.header != null) {\n        currentGroupOptions = [];\n        formattedOptions.push({\n          type: 'group',\n          label: item.header,\n          options: currentGroupOptions,\n        });\n      } else {\n        (currentGroupOptions ?? formattedOptions).push({\n          type: 'option',\n          value: item,\n          filterMatchers: [item.value, item.label, item.note ?? '', item.searchable ?? ''],\n        });\n      }\n    });\n\n    return formattedOptions;\n  }\n\n  setAmount() {\n    this.setState((previousState) => {\n      const parsed = parseNumber({\n        amount: previousState.formattedAmount,\n        currency: this.props.selectedCurrency.currency,\n        locale: previousState.locale,\n      });\n      if (!isNumberOrNull(parsed)) {\n        return {\n          formattedAmount: previousState.formattedAmount,\n        };\n      }\n      return {\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale: previousState.locale,\n        }),\n      };\n    });\n  }\n\n  handleSelectChange = (value: CurrencyOptionItem) => {\n    this.handleSearchChange('');\n    this.props.onCurrencyChange?.(value);\n  };\n\n  handleCustomAction = () => {\n    this.handleSearchChange('');\n    this.props.onCustomAction?.();\n  };\n\n  handleSearchChange = (searchQuery: string) => {\n    this.setState({ searchQuery });\n    this.props.onSearchChange?.({\n      searchQuery,\n      filteredOptions: filterCurrenciesForQuery(this.props.currencies, searchQuery),\n    });\n  };\n\n  style = (className: string) => this.props.classNames[className] || className;\n\n  render() {\n    const {\n      inputAttributes,\n      id: amountInputId,\n      'aria-labelledby': ariaLabelledByProp,\n      selectedCurrency,\n      onCurrencyChange,\n      size,\n      addon,\n      selectProps,\n    } = this.props;\n    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];\n    const selectOptions = this.getSelectOptions();\n\n    const hasSingleCurrency = () => {\n      if (selectOptions.length !== 0) {\n        const firstItem = selectOptions[0];\n\n        if (selectOptions.length === 1) {\n          if (firstItem.type === 'option') {\n            return firstItem.value.currency === selectedCurrency.currency;\n          }\n          if (firstItem.type === 'group') {\n            return (\n              firstItem.options.length === 1 &&\n              !(this.props.onCustomAction && this.props.customActionLabel)\n            );\n          }\n        }\n      } else if (selectedCurrency?.currency) {\n        return true;\n      }\n\n      return false;\n    };\n\n    const isFixedCurrency = (!this.state.searchQuery && hasSingleCurrency()) || !onCurrencyChange;\n    const disabled = !this.props.onAmountChange;\n    const selectedCurrencyElementId = `${inputAttributes?.id ?? amountInputId}SelectedCurrency`;\n\n    return (\n      <div\n        role=\"group\"\n        {...inputAttributes}\n        aria-labelledby={ariaLabelledBy}\n        className={clsx(\n          this.style('tw-money-input'),\n          this.style('input-group'),\n          this.style(`input-group-${size}`),\n        )}\n      >\n        <Input\n          id={amountInputId}\n          value={this.state.formattedAmount}\n          inputMode=\"decimal\"\n          disabled={disabled}\n          placeholder={formatAmountIfSet({\n            amount: this.props.placeholder,\n            currency: this.props.selectedCurrency.currency,\n            locale: this.state.locale,\n          })}\n          autoComplete=\"off\"\n          aria-describedby={selectedCurrencyElementId}\n          onKeyDown={this.handleKeyDown}\n          onChange={this.onAmountChange}\n          onFocus={this.onAmountFocus}\n          onBlur={this.onAmountBlur}\n          onPaste={this.handlePaste}\n        />\n        {addon && (\n          <span\n            className={clsx(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              disabled ? this.style('disabled') : '',\n            )}\n          >\n            {addon}\n          </span>\n        )}\n        {isFixedCurrency ? (\n          <div\n            className={clsx(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              this.style('tw-money-input__fixed-currency'),\n              disabled ? this.style('disabled') : '',\n            )}\n            id={selectedCurrencyElementId}\n          >\n            {(size === 'lg' || size === 'md') && (\n              <span className={clsx(this.style('money-input-currency-flag'), this.style('m-r-2'))}>\n                <Flag code={selectedCurrency.currency.toLowerCase()} intrinsicSize={24} />\n              </span>\n            )}\n            <Title\n              as=\"span\"\n              type={Typography.TITLE_SUBSECTION}\n              className={size === 'lg' ? this.style('m-r-1') : ''}\n            >\n              {selectedCurrency.currency.toUpperCase()}\n            </Title>\n          </div>\n        ) : (\n          <div\n            translate=\"no\"\n            className={clsx(\n              this.style('input-group-btn'),\n              this.style('amount-currency-select-btn'),\n            )}\n          >\n            <SelectInput\n              UNSAFE_triggerButtonProps={{\n                id: undefined,\n                'aria-labelledby': undefined,\n                'aria-describedby': undefined,\n                'aria-invalid': undefined,\n                'aria-label': this.props.intl.formatMessage(messages.selectCurrencyLabel),\n              }}\n              id={selectedCurrencyElementId}\n              items={selectOptions}\n              value={selectedCurrency}\n              compareValues=\"currency\"\n              renderValue={(currency, withinTrigger) => {\n                return (\n                  <SelectInputOptionContent\n                    title={withinTrigger ? currency.currency.toUpperCase() : currency.label}\n                    note={withinTrigger ? undefined : currency.note}\n                    icon={<Flag code={currency.currency} intrinsicSize={24} />}\n                  />\n                );\n              }}\n              renderFooter={\n                this.props.onCustomAction\n                  ? () => (\n                      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n                      <div role=\"button\" tabIndex={0} onClick={this.handleCustomAction}>\n                        {this.props.customActionLabel}\n                      </div>\n                    )\n                  : undefined\n              }\n              placeholder={this.props.intl.formatMessage(messages.selectPlaceholder)}\n              filterable\n              filterPlaceholder={this.props.searchPlaceholder}\n              disabled={disabled}\n              size={size}\n              onChange={this.handleSelectChange}\n              onFilterChange={({ queryNormalized }) => {\n                this.handleSearchChange(queryNormalized ?? '');\n              }}\n              {...selectProps}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nfunction filterCurrenciesForQuery(\n  currencies: readonly CurrencyItem[],\n  query: string,\n): CurrencyItem[] {\n  if (!query) {\n    return [...currencies];\n  }\n\n  const options = currencies.filter(\n    (option): option is CurrencyOptionItem => option.header == null,\n  );\n  const filteredOptions = removeDuplicateValueOptions(options).filter((option) =>\n    currencyOptionFitsQuery(option, query),\n  );\n\n  return sortOptionsLabelsToFirst(filteredOptions, query);\n}\n\nfunction removeDuplicateValueOptions(options: readonly CurrencyOptionItem[]) {\n  const uniqueValues = new Set<string>();\n  return options.filter((option) => {\n    if (!uniqueValues.has(option.value)) {\n      uniqueValues.add(option.value);\n      return true;\n    }\n    return false;\n  });\n}\n\nfunction currencyOptionFitsQuery(option: CurrencyOptionItem, query: string) {\n  if (!option.value) {\n    return false;\n  }\n\n  return (\n    contains(option.label, query) ||\n    contains(option.searchable, query) ||\n    contains(option.note, query)\n  );\n}\n\nfunction contains(property: string | undefined, query: string) {\n  return property?.toLowerCase().includes(query.toLowerCase());\n}\n\nfunction sortOptionsLabelsToFirst(options: readonly CurrencyOptionItem[], query: string) {\n  return [...options].sort((first, second) => {\n    const firstContains = contains(first.label, query);\n    const secondContains = contains(second.label, query);\n\n    if (firstContains && secondContains) {\n      return 0;\n    }\n    if (firstContains) {\n      return -1;\n    }\n    if (secondContains) {\n      return 1;\n    }\n    return 0;\n  });\n}\n\nexport default injectIntl(withId(withInputAttributes(MoneyInput, { nonLabelable: true })));\n"],"names":["isNumberOrNull","v","isNumber","isNull","formatAmountIfSet","amount","currency","locale","formatAmount","parseNumber","parseAmount","allowedInputKeys","Set","MoneyInput","Component","defaultProps","size","Size","LARGE","classNames","selectProps","amountFocused","constructor","props","state","searchQuery","formattedAmount","selectedCurrency","intl","UNSAFE_componentWillReceiveProps","nextProps","setState","isInputAllowedForKeyEvent","event","metaKey","key","ctrlKey","isNumberKey","Number","parseInt","has","handleKeyDown","preventDefault","handlePaste","paste","clipboardData","getData","parsed","isEmpty","onAmountChange","value","target","onAmountBlur","setAmount","onAmountFocus","getSelectOptions","selectOptions","filterCurrenciesForQuery","currencies","formattedOptions","currentGroupOptions","forEach","item","header","push","type","label","options","filterMatchers","note","searchable","previousState","handleSelectChange","handleSearchChange","onCurrencyChange","handleCustomAction","onCustomAction","onSearchChange","filteredOptions","style","className","render","inputAttributes","id","amountInputId","ariaLabelledByProp","addon","ariaLabelledBy","hasSingleCurrency","length","firstItem","customActionLabel","isFixedCurrency","disabled","selectedCurrencyElementId","_jsxs","role","clsx","children","_jsx","Input","inputMode","placeholder","autoComplete","onKeyDown","onChange","onFocus","onBlur","onPaste","Flag","code","toLowerCase","intrinsicSize","Title","as","Typography","TITLE_SUBSECTION","toUpperCase","translate","SelectInput","UNSAFE_triggerButtonProps","undefined","formatMessage","messages","selectCurrencyLabel","items","compareValues","renderValue","withinTrigger","SelectInputOptionContent","title","icon","renderFooter","tabIndex","onClick","selectPlaceholder","filterable","filterPlaceholder","searchPlaceholder","onFilterChange","queryNormalized","query","filter","option","removeDuplicateValueOptions","currencyOptionFitsQuery","sortOptionsLabelsToFirst","uniqueValues","add","contains","property","includes","sort","first","second","firstContains","secondContains","injectIntl","withId","withInputAttributes","nonLabelable"],"mappings":"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"}

package/build/typeahead/Typeahead.js

@@ -339,9 +339,10 @@ class Typeahead extends React.Component {
         open: dropdownOpen
       }),
       id: `menu-${id}`,
-      children: !!optionsToRender.length && /*#__PURE__*/jsxRuntime.jsxs("ul", {
+      children: /*#__PURE__*/jsxRuntime.jsxs("ul", {
         className: "dropdown-menu",
         role: "menu",
+        "aria-labelledby": "dropdownMenu1",
         children: [optionsToRender.map((option, idx) => /*#__PURE__*/jsxRuntime.jsx(TypeaheadOption, {
           query: query,
           option: option,

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 { 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\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  }\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\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      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              <TypeaheadOption\n                key={`${option.label}${idx.toString()}`}\n                query={query}\n                option={option}\n                selected={keyboardFocusedOptionIndex === idx}\n                onClick={(event) => {\n                  this.onOptionSelected(event, option);\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              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","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","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","TypeaheadOption","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","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 { 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\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  }\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\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      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        <ul className=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"dropdownMenu1\">\n          {optionsToRender.map((option, idx) => (\n            <TypeaheadOption\n              key={`${option.label}${idx.toString()}`}\n              query={query}\n              option={option}\n              selected={keyboardFocusedOptionIndex === idx}\n              onClick={(event) => {\n                this.onOptionSelected(event, option);\n              }}\n            />\n          ))}\n          {footer}\n        </ul>\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              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","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","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","TypeaheadOption","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","onKeyDown","onPaste","intl","formatMessage","messages","clearLabel","CrossIcon","InlineAlert","message","injectIntl","withInputAttributes","nonLabelable"],"mappings":"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"}

package/build/typeahead/Typeahead.mjs

@@ -332,9 +332,10 @@ class Typeahead extends Component {
         open: dropdownOpen
       }),
       id: `menu-${id}`,
-      children: !!optionsToRender.length && /*#__PURE__*/jsxs("ul", {
+      children: /*#__PURE__*/jsxs("ul", {
         className: "dropdown-menu",
         role: "menu",
+        "aria-labelledby": "dropdownMenu1",
         children: [optionsToRender.map((option, idx) => /*#__PURE__*/jsx(Option, {
           query: query,
           option: option,

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 { 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\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  }\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\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      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              <TypeaheadOption\n                key={`${option.label}${idx.toString()}`}\n                query={query}\n                option={option}\n                selected={keyboardFocusedOptionIndex === idx}\n                onClick={(event) => {\n                  this.onOptionSelected(event, option);\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              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","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","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","TypeaheadOption","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","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 { 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\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  }\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\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      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        <ul className=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"dropdownMenu1\">\n          {optionsToRender.map((option, idx) => (\n            <TypeaheadOption\n              key={`${option.label}${idx.toString()}`}\n              query={query}\n              option={option}\n              selected={keyboardFocusedOptionIndex === idx}\n              onClick={(event) => {\n                this.onOptionSelected(event, option);\n              }}\n            />\n          ))}\n          {footer}\n        </ul>\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              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","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","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","TypeaheadOption","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","onKeyDown","onPaste","intl","formatMessage","messages","clearLabel","CrossIcon","InlineAlert","message","injectIntl","withInputAttributes","nonLabelable"],"mappings":"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"}

package/build/typeahead/typeaheadInput/TypeaheadInput.js

@@ -68,7 +68,7 @@ class TypeaheadInput extends React.Component {
       "aria-autocomplete": "list",
       "aria-expanded": dropdownOpen,
       "aria-haspopup": "listbox",
-      "aria-controls": dropdownOpen ? `menu-${typeaheadId}` : undefined,
+      "aria-controls": `menu-${typeaheadId}`,
       autoComplete: autoComplete,
       role: "combobox",
       value: value,

package/build/typeahead/typeaheadInput/TypeaheadInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypeaheadInput.js","sources":["../../../src/typeahead/typeaheadInput/TypeaheadInput.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport { clsx } from 'clsx';\nimport { Component, createRef, ReactNode } from 'react';\n\nimport { Input } from '../../inputs/Input';\nimport { TypeaheadOption, TypeaheadProps } from '../Typeahead';\n\nconst DEFAULT_INPUT_MIN_WIDTH = 10;\n\nexport type TypeaheadInputProps<T> = {\n  typeaheadId: string;\n  value: string;\n  selected: readonly TypeaheadOption<T>[];\n  dropdownOpen?: boolean;\n  autoComplete: string;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;\n  onFocus: () => void;\n  onPaste: React.ClipboardEventHandler<HTMLInputElement>;\n  renderChip: (chip: TypeaheadOption<T>, index: number) => ReactNode;\n} & Pick<TypeaheadProps<T>, 'id' | 'name' | 'autoFocus' | 'multiple' | 'placeholder' | 'maxHeight'>;\n\ntype TypeaheadInputState = {\n  inputWidth: number;\n};\n\nexport default class TypeaheadInput<T> extends Component<\n  TypeaheadInputProps<T>,\n  TypeaheadInputState\n> {\n  inputRef = createRef<HTMLInputElement>();\n  sizerRef = createRef<HTMLDivElement>();\n\n  constructor(props: TypeaheadInputProps<T>) {\n    super(props);\n    this.state = {\n      inputWidth: DEFAULT_INPUT_MIN_WIDTH,\n    };\n  }\n\n  componentDidMount() {\n    const { autoFocus } = this.props;\n    if (autoFocus) {\n      this.inputRef.current?.focus();\n    }\n  }\n\n  componentDidUpdate(previousProps: TypeaheadInputProps<T>) {\n    if (previousProps.value !== this.props.value && this.props.multiple) {\n      this.recalculateWidth();\n    }\n  }\n\n  recalculateWidth = () => {\n    requestAnimationFrame(() => {\n      this.setState({\n        inputWidth: Math.max(DEFAULT_INPUT_MIN_WIDTH, this.sizerRef.current?.scrollWidth ?? 0 + 10),\n      });\n    });\n  };\n\n  renderInput = () => {\n    const {\n      typeaheadId,\n      autoFocus,\n      multiple,\n      name,\n      dropdownOpen,\n      placeholder,\n      selected,\n      value,\n      onChange,\n      onKeyDown,\n      onFocus,\n      onPaste,\n      autoComplete,\n    } = this.props;\n    const { inputWidth } = this.state;\n\n    const hasPlaceholder = !multiple || selected.length === 0;\n    return (\n      <Input\n        ref={this.inputRef}\n        className={clsx(multiple && 'typeahead__input')}\n        name={name}\n        id={`input-${typeaheadId}`}\n        autoFocus={autoFocus}\n        placeholder={hasPlaceholder ? placeholder : ''}\n        aria-autocomplete=\"list\"\n        aria-expanded={dropdownOpen}\n        aria-haspopup=\"listbox\"\n        aria-controls={dropdownOpen ? `menu-${typeaheadId}` : undefined}\n        autoComplete={autoComplete}\n        role=\"combobox\"\n        value={value}\n        style={multiple && selected.length > 0 ? { width: inputWidth } : {}}\n        onChange={onChange}\n        onKeyDown={onKeyDown}\n        onClick={onFocus}\n        onFocus={onFocus}\n        onPaste={onPaste}\n      />\n    );\n  };\n\n  render() {\n    const { multiple, selected, value, maxHeight, renderChip } = this.props;\n\n    return multiple ? (\n      <div\n        className=\"form-control typeahead__input-container\"\n        style={{ maxHeight }}\n        onClick={() => {\n          this.inputRef.current?.focus();\n        }}\n      >\n        <div className=\"typeahead__input-wrapper\">\n          {selected && selected.map((chip, idx) => renderChip(chip, idx))}\n\n          {this.renderInput()}\n          <div className=\"typeahead__input-aligner\" />\n        </div>\n        <div ref={this.sizerRef} className=\"sizer form-control typeahead__input\">\n          {value}\n        </div>\n      </div>\n    ) : (\n      this.renderInput()\n    );\n  }\n}\n"],"names":["DEFAULT_INPUT_MIN_WIDTH","TypeaheadInput","Component","inputRef","createRef","sizerRef","constructor","props","state","inputWidth","componentDidMount","autoFocus","current","focus","componentDidUpdate","previousProps","value","multiple","recalculateWidth","requestAnimationFrame","setState","Math","max","scrollWidth","renderInput","typeaheadId","name","dropdownOpen","placeholder","selected","onChange","onKeyDown","onFocus","onPaste","autoComplete","hasPlaceholder","length","_jsx","Input","ref","className","clsx","id","undefined","role","style","width","onClick","render","maxHeight","renderChip","_jsxs","children","map","chip","idx"],"mappings":"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"}
+{"version":3,"file":"TypeaheadInput.js","sources":["../../../src/typeahead/typeaheadInput/TypeaheadInput.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport { clsx } from 'clsx';\nimport { Component, createRef, ReactNode } from 'react';\n\nimport { Input } from '../../inputs/Input';\nimport { TypeaheadOption, TypeaheadProps } from '../Typeahead';\n\nconst DEFAULT_INPUT_MIN_WIDTH = 10;\n\nexport type TypeaheadInputProps<T> = {\n  typeaheadId: string;\n  value: string;\n  selected: readonly TypeaheadOption<T>[];\n  dropdownOpen?: boolean;\n  autoComplete: string;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;\n  onFocus: () => void;\n  onPaste: React.ClipboardEventHandler<HTMLInputElement>;\n  renderChip: (chip: TypeaheadOption<T>, index: number) => ReactNode;\n} & Pick<TypeaheadProps<T>, 'id' | 'name' | 'autoFocus' | 'multiple' | 'placeholder' | 'maxHeight'>;\n\ntype TypeaheadInputState = {\n  inputWidth: number;\n};\n\nexport default class TypeaheadInput<T> extends Component<\n  TypeaheadInputProps<T>,\n  TypeaheadInputState\n> {\n  inputRef = createRef<HTMLInputElement>();\n  sizerRef = createRef<HTMLDivElement>();\n\n  constructor(props: TypeaheadInputProps<T>) {\n    super(props);\n    this.state = {\n      inputWidth: DEFAULT_INPUT_MIN_WIDTH,\n    };\n  }\n\n  componentDidMount() {\n    const { autoFocus } = this.props;\n    if (autoFocus) {\n      this.inputRef.current?.focus();\n    }\n  }\n\n  componentDidUpdate(previousProps: TypeaheadInputProps<T>) {\n    if (previousProps.value !== this.props.value && this.props.multiple) {\n      this.recalculateWidth();\n    }\n  }\n\n  recalculateWidth = () => {\n    requestAnimationFrame(() => {\n      this.setState({\n        inputWidth: Math.max(DEFAULT_INPUT_MIN_WIDTH, this.sizerRef.current?.scrollWidth ?? 0 + 10),\n      });\n    });\n  };\n\n  renderInput = () => {\n    const {\n      typeaheadId,\n      autoFocus,\n      multiple,\n      name,\n      dropdownOpen,\n      placeholder,\n      selected,\n      value,\n      onChange,\n      onKeyDown,\n      onFocus,\n      onPaste,\n      autoComplete,\n    } = this.props;\n    const { inputWidth } = this.state;\n\n    const hasPlaceholder = !multiple || selected.length === 0;\n    return (\n      <Input\n        ref={this.inputRef}\n        className={clsx(multiple && 'typeahead__input')}\n        name={name}\n        id={`input-${typeaheadId}`}\n        autoFocus={autoFocus}\n        placeholder={hasPlaceholder ? placeholder : ''}\n        aria-autocomplete=\"list\"\n        aria-expanded={dropdownOpen}\n        aria-haspopup=\"listbox\"\n        aria-controls={`menu-${typeaheadId}`}\n        autoComplete={autoComplete}\n        role=\"combobox\"\n        value={value}\n        style={multiple && selected.length > 0 ? { width: inputWidth } : {}}\n        onChange={onChange}\n        onKeyDown={onKeyDown}\n        onClick={onFocus}\n        onFocus={onFocus}\n        onPaste={onPaste}\n      />\n    );\n  };\n\n  render() {\n    const { multiple, selected, value, maxHeight, renderChip } = this.props;\n\n    return multiple ? (\n      <div\n        className=\"form-control typeahead__input-container\"\n        style={{ maxHeight }}\n        onClick={() => {\n          this.inputRef.current?.focus();\n        }}\n      >\n        <div className=\"typeahead__input-wrapper\">\n          {selected && selected.map((chip, idx) => renderChip(chip, idx))}\n\n          {this.renderInput()}\n          <div className=\"typeahead__input-aligner\" />\n        </div>\n        <div ref={this.sizerRef} className=\"sizer form-control typeahead__input\">\n          {value}\n        </div>\n      </div>\n    ) : (\n      this.renderInput()\n    );\n  }\n}\n"],"names":["DEFAULT_INPUT_MIN_WIDTH","TypeaheadInput","Component","inputRef","createRef","sizerRef","constructor","props","state","inputWidth","componentDidMount","autoFocus","current","focus","componentDidUpdate","previousProps","value","multiple","recalculateWidth","requestAnimationFrame","setState","Math","max","scrollWidth","renderInput","typeaheadId","name","dropdownOpen","placeholder","selected","onChange","onKeyDown","onFocus","onPaste","autoComplete","hasPlaceholder","length","_jsx","Input","ref","className","clsx","id","role","style","width","onClick","render","maxHeight","renderChip","_jsxs","children","map","chip","idx"],"mappings":"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"}

package/build/typeahead/typeaheadInput/TypeaheadInput.mjs

@@ -66,7 +66,7 @@ class TypeaheadInput extends Component {
       "aria-autocomplete": "list",
       "aria-expanded": dropdownOpen,
       "aria-haspopup": "listbox",
-      "aria-controls": dropdownOpen ? `menu-${typeaheadId}` : undefined,
+      "aria-controls": `menu-${typeaheadId}`,
       autoComplete: autoComplete,
       role: "combobox",
       value: value,

package/build/typeahead/typeaheadInput/TypeaheadInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TypeaheadInput.mjs","sources":["../../../src/typeahead/typeaheadInput/TypeaheadInput.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport { clsx } from 'clsx';\nimport { Component, createRef, ReactNode } from 'react';\n\nimport { Input } from '../../inputs/Input';\nimport { TypeaheadOption, TypeaheadProps } from '../Typeahead';\n\nconst DEFAULT_INPUT_MIN_WIDTH = 10;\n\nexport type TypeaheadInputProps<T> = {\n  typeaheadId: string;\n  value: string;\n  selected: readonly TypeaheadOption<T>[];\n  dropdownOpen?: boolean;\n  autoComplete: string;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;\n  onFocus: () => void;\n  onPaste: React.ClipboardEventHandler<HTMLInputElement>;\n  renderChip: (chip: TypeaheadOption<T>, index: number) => ReactNode;\n} & Pick<TypeaheadProps<T>, 'id' | 'name' | 'autoFocus' | 'multiple' | 'placeholder' | 'maxHeight'>;\n\ntype TypeaheadInputState = {\n  inputWidth: number;\n};\n\nexport default class TypeaheadInput<T> extends Component<\n  TypeaheadInputProps<T>,\n  TypeaheadInputState\n> {\n  inputRef = createRef<HTMLInputElement>();\n  sizerRef = createRef<HTMLDivElement>();\n\n  constructor(props: TypeaheadInputProps<T>) {\n    super(props);\n    this.state = {\n      inputWidth: DEFAULT_INPUT_MIN_WIDTH,\n    };\n  }\n\n  componentDidMount() {\n    const { autoFocus } = this.props;\n    if (autoFocus) {\n      this.inputRef.current?.focus();\n    }\n  }\n\n  componentDidUpdate(previousProps: TypeaheadInputProps<T>) {\n    if (previousProps.value !== this.props.value && this.props.multiple) {\n      this.recalculateWidth();\n    }\n  }\n\n  recalculateWidth = () => {\n    requestAnimationFrame(() => {\n      this.setState({\n        inputWidth: Math.max(DEFAULT_INPUT_MIN_WIDTH, this.sizerRef.current?.scrollWidth ?? 0 + 10),\n      });\n    });\n  };\n\n  renderInput = () => {\n    const {\n      typeaheadId,\n      autoFocus,\n      multiple,\n      name,\n      dropdownOpen,\n      placeholder,\n      selected,\n      value,\n      onChange,\n      onKeyDown,\n      onFocus,\n      onPaste,\n      autoComplete,\n    } = this.props;\n    const { inputWidth } = this.state;\n\n    const hasPlaceholder = !multiple || selected.length === 0;\n    return (\n      <Input\n        ref={this.inputRef}\n        className={clsx(multiple && 'typeahead__input')}\n        name={name}\n        id={`input-${typeaheadId}`}\n        autoFocus={autoFocus}\n        placeholder={hasPlaceholder ? placeholder : ''}\n        aria-autocomplete=\"list\"\n        aria-expanded={dropdownOpen}\n        aria-haspopup=\"listbox\"\n        aria-controls={dropdownOpen ? `menu-${typeaheadId}` : undefined}\n        autoComplete={autoComplete}\n        role=\"combobox\"\n        value={value}\n        style={multiple && selected.length > 0 ? { width: inputWidth } : {}}\n        onChange={onChange}\n        onKeyDown={onKeyDown}\n        onClick={onFocus}\n        onFocus={onFocus}\n        onPaste={onPaste}\n      />\n    );\n  };\n\n  render() {\n    const { multiple, selected, value, maxHeight, renderChip } = this.props;\n\n    return multiple ? (\n      <div\n        className=\"form-control typeahead__input-container\"\n        style={{ maxHeight }}\n        onClick={() => {\n          this.inputRef.current?.focus();\n        }}\n      >\n        <div className=\"typeahead__input-wrapper\">\n          {selected && selected.map((chip, idx) => renderChip(chip, idx))}\n\n          {this.renderInput()}\n          <div className=\"typeahead__input-aligner\" />\n        </div>\n        <div ref={this.sizerRef} className=\"sizer form-control typeahead__input\">\n          {value}\n        </div>\n      </div>\n    ) : (\n      this.renderInput()\n    );\n  }\n}\n"],"names":["DEFAULT_INPUT_MIN_WIDTH","TypeaheadInput","Component","inputRef","createRef","sizerRef","constructor","props","state","inputWidth","componentDidMount","autoFocus","current","focus","componentDidUpdate","previousProps","value","multiple","recalculateWidth","requestAnimationFrame","setState","Math","max","scrollWidth","renderInput","typeaheadId","name","dropdownOpen","placeholder","selected","onChange","onKeyDown","onFocus","onPaste","autoComplete","hasPlaceholder","length","_jsx","Input","ref","className","clsx","id","undefined","role","style","width","onClick","render","maxHeight","renderChip","_jsxs","children","map","chip","idx"],"mappings":"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"}
+{"version":3,"file":"TypeaheadInput.mjs","sources":["../../../src/typeahead/typeaheadInput/TypeaheadInput.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport { clsx } from 'clsx';\nimport { Component, createRef, ReactNode } from 'react';\n\nimport { Input } from '../../inputs/Input';\nimport { TypeaheadOption, TypeaheadProps } from '../Typeahead';\n\nconst DEFAULT_INPUT_MIN_WIDTH = 10;\n\nexport type TypeaheadInputProps<T> = {\n  typeaheadId: string;\n  value: string;\n  selected: readonly TypeaheadOption<T>[];\n  dropdownOpen?: boolean;\n  autoComplete: string;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;\n  onFocus: () => void;\n  onPaste: React.ClipboardEventHandler<HTMLInputElement>;\n  renderChip: (chip: TypeaheadOption<T>, index: number) => ReactNode;\n} & Pick<TypeaheadProps<T>, 'id' | 'name' | 'autoFocus' | 'multiple' | 'placeholder' | 'maxHeight'>;\n\ntype TypeaheadInputState = {\n  inputWidth: number;\n};\n\nexport default class TypeaheadInput<T> extends Component<\n  TypeaheadInputProps<T>,\n  TypeaheadInputState\n> {\n  inputRef = createRef<HTMLInputElement>();\n  sizerRef = createRef<HTMLDivElement>();\n\n  constructor(props: TypeaheadInputProps<T>) {\n    super(props);\n    this.state = {\n      inputWidth: DEFAULT_INPUT_MIN_WIDTH,\n    };\n  }\n\n  componentDidMount() {\n    const { autoFocus } = this.props;\n    if (autoFocus) {\n      this.inputRef.current?.focus();\n    }\n  }\n\n  componentDidUpdate(previousProps: TypeaheadInputProps<T>) {\n    if (previousProps.value !== this.props.value && this.props.multiple) {\n      this.recalculateWidth();\n    }\n  }\n\n  recalculateWidth = () => {\n    requestAnimationFrame(() => {\n      this.setState({\n        inputWidth: Math.max(DEFAULT_INPUT_MIN_WIDTH, this.sizerRef.current?.scrollWidth ?? 0 + 10),\n      });\n    });\n  };\n\n  renderInput = () => {\n    const {\n      typeaheadId,\n      autoFocus,\n      multiple,\n      name,\n      dropdownOpen,\n      placeholder,\n      selected,\n      value,\n      onChange,\n      onKeyDown,\n      onFocus,\n      onPaste,\n      autoComplete,\n    } = this.props;\n    const { inputWidth } = this.state;\n\n    const hasPlaceholder = !multiple || selected.length === 0;\n    return (\n      <Input\n        ref={this.inputRef}\n        className={clsx(multiple && 'typeahead__input')}\n        name={name}\n        id={`input-${typeaheadId}`}\n        autoFocus={autoFocus}\n        placeholder={hasPlaceholder ? placeholder : ''}\n        aria-autocomplete=\"list\"\n        aria-expanded={dropdownOpen}\n        aria-haspopup=\"listbox\"\n        aria-controls={`menu-${typeaheadId}`}\n        autoComplete={autoComplete}\n        role=\"combobox\"\n        value={value}\n        style={multiple && selected.length > 0 ? { width: inputWidth } : {}}\n        onChange={onChange}\n        onKeyDown={onKeyDown}\n        onClick={onFocus}\n        onFocus={onFocus}\n        onPaste={onPaste}\n      />\n    );\n  };\n\n  render() {\n    const { multiple, selected, value, maxHeight, renderChip } = this.props;\n\n    return multiple ? (\n      <div\n        className=\"form-control typeahead__input-container\"\n        style={{ maxHeight }}\n        onClick={() => {\n          this.inputRef.current?.focus();\n        }}\n      >\n        <div className=\"typeahead__input-wrapper\">\n          {selected && selected.map((chip, idx) => renderChip(chip, idx))}\n\n          {this.renderInput()}\n          <div className=\"typeahead__input-aligner\" />\n        </div>\n        <div ref={this.sizerRef} className=\"sizer form-control typeahead__input\">\n          {value}\n        </div>\n      </div>\n    ) : (\n      this.renderInput()\n    );\n  }\n}\n"],"names":["DEFAULT_INPUT_MIN_WIDTH","TypeaheadInput","Component","inputRef","createRef","sizerRef","constructor","props","state","inputWidth","componentDidMount","autoFocus","current","focus","componentDidUpdate","previousProps","value","multiple","recalculateWidth","requestAnimationFrame","setState","Math","max","scrollWidth","renderInput","typeaheadId","name","dropdownOpen","placeholder","selected","onChange","onKeyDown","onFocus","onPaste","autoComplete","hasPlaceholder","length","_jsx","Input","ref","className","clsx","id","role","style","width","onClick","render","maxHeight","renderChip","_jsxs","children","map","chip","idx"],"mappings":"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"}

package/build/types/moneyInput/MoneyInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoneyInput.d.ts","sourceRoot":"","sources":["../../../src/moneyInput/MoneyInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE/D,OAAO,EAAoB,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,EAAuB,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAEnF,OAAO,EAKL,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAO/B,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AA0CnE,MAAM,WAAW,eAAgB,SAAQ,qBAAqB;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,SAAS,YAAY,EAAE,CAAC;IACpC,gBAAgB,EAAE,kBAAkB,CAAC;IACrC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,YAAY,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC;CAC7D;AAED,KAAK,kCAAkC,GAAG,eAAe,GAAG,OAAO,CAAC,wBAAwB,CAAC,CAAC;;;;;;;;AAiZ9F,wBAA2F"}
+{"version":3,"file":"MoneyInput.d.ts","sourceRoot":"","sources":["../../../src/moneyInput/MoneyInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE/D,OAAO,EAAoB,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,EAAuB,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAEnF,OAAO,EAKL,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAO/B,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AA0CnE,MAAM,WAAW,eAAgB,SAAQ,qBAAqB;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,SAAS,YAAY,EAAE,CAAC;IACpC,gBAAgB,EAAE,kBAAkB,CAAC;IACrC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,YAAY,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC;CAC7D;AAED,KAAK,kCAAkC,GAAG,eAAe,GAAG,OAAO,CAAC,wBAAwB,CAAC,CAAC;;;;;;;;AAkZ9F,wBAA2F"}

package/build/types/typeahead/Typeahead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../../src/typeahead/Typeahead.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAG/D,OAAO,EAGL,UAAU,EACV,SAAS,EAIV,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAU9D,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,MAAM,IAAI;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,qBAAqB;IAC9D,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE;QACN,OAAO,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;QACtC,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;KACjC,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAE9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;CACtD;wBAmdoF,CAAC,CAAC,EACrF,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KACrB,KAAK,CAAC,YAAY;AAFvB,wBAEwB"}
+{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../../src/typeahead/Typeahead.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAG/D,OAAO,EAGL,UAAU,EACV,SAAS,EAIV,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAU9D,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,MAAM,IAAI;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,qBAAqB;IAC9D,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE;QACN,OAAO,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;QACtC,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;KACjC,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAE9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;CACtD;wBAidoF,CAAC,CAAC,EACrF,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KACrB,KAAK,CAAC,YAAY;AAFvB,wBAEwB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-768765a",
+  "version": "0.0.0-experimental-2a40639",
   "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.16.0",
     "@wise/components-theming": "1.6.0",
-    "@transferwise/neptune-css": "14.16.0"
+    "@transferwise/less-config": "3.1.0"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.7.0",

package/src/moneyInput/MoneyInput.tsx

@@ -381,6 +381,7 @@ class MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInpu
           </div>
         ) : (
           <div
+            translate="no"
             className={clsx(
               this.style('input-group-btn'),
               this.style('amount-currency-select-btn'),

package/src/typeahead/Typeahead.story.tsx

@@ -6,7 +6,6 @@ import Typeahead, { type TypeaheadOption } from './Typeahead';
 import { Size } from '../common';
 import { useState } from 'react';
 import { Input } from '../inputs/Input';
-import { Field } from '../field/Field';
 
 type Story = StoryObj<typeof Typeahead>;
 
@@ -104,17 +103,15 @@ export const Basic: Story = {
 
 export const Creatable: Story = {
   render: (args) => (
-    <Field id={`input-${args.id}`} label="Typeahead with values">
-      <Typeahead
-        {...args}
-        allowNew
-        multiple
-        initialValue={[]}
-        validateChip={validateOptionAsEmail}
-        addon={<SearchIcon size={24} />}
-        options={[]}
-      />
-    </Field>
+    <Typeahead
+      {...args}
+      allowNew
+      multiple
+      initialValue={[]}
+      validateChip={validateOptionAsEmail}
+      addon={<SearchIcon size={24} />}
+      options={[]}
+    />
   ),
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);

package/src/typeahead/Typeahead.tsx

@@ -401,22 +401,20 @@ class Typeahead<T> extends Component<TypeaheadPropsWithInputAttributes<T>, Typea
         className={clsx('dropdown btn-group btn-block', { open: dropdownOpen })}
         id={`menu-${id}`}
       >
-        {!!optionsToRender.length && (
-          <ul className="dropdown-menu" role="menu">
-            {optionsToRender.map((option, idx) => (
-              <TypeaheadOption
-                key={`${option.label}${idx.toString()}`}
-                query={query}
-                option={option}
-                selected={keyboardFocusedOptionIndex === idx}
-                onClick={(event) => {
-                  this.onOptionSelected(event, option);
-                }}
-              />
-            ))}
-            {footer}
-          </ul>
-        )}
+        <ul className="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
+          {optionsToRender.map((option, idx) => (
+            <TypeaheadOption
+              key={`${option.label}${idx.toString()}`}
+              query={query}
+              option={option}
+              selected={keyboardFocusedOptionIndex === idx}
+              onClick={(event) => {
+                this.onOptionSelected(event, option);
+              }}
+            />
+          ))}
+          {footer}
+        </ul>
       </div>
     );
   };

package/src/typeahead/typeaheadInput/TypeaheadInput.tsx

@@ -91,7 +91,7 @@ export default class TypeaheadInput<T> extends Component<
         aria-autocomplete="list"
         aria-expanded={dropdownOpen}
         aria-haspopup="listbox"
-        aria-controls={dropdownOpen ? `menu-${typeaheadId}` : undefined}
+        aria-controls={`menu-${typeaheadId}`}
         autoComplete={autoComplete}
         role="combobox"
         value={value}