@transferwise/components 0.0.0-experimental-8a855e9 → 0.0.0-experimental-841c8df

package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js

@@ -1,19 +1,12 @@
 'use strict';
 
 var Button_resolver = require('../../button/Button.resolver.js');
-var SelectInput = require('../../inputs/SelectInput/SelectInput.js');
-var React = require('react');
+var SelectInput = require('../../inputs/SelectInput.js');
 var icons = require('@transferwise/icons');
-require('clsx');
+var art = require('@wise/art');
+var React = require('react');
 var reactIntl = require('react-intl');
-require('../../dateLookup/dateTrigger/DateTrigger.messages.js');
-var jsxRuntime = require('react/jsx-runtime');
-require('@headlessui/react');
-var SelectInputOptionContent = require('../../inputs/SelectInput/OptionContent/SelectInputOptionContent.js');
-var SelectInputTriggerButton = require('../../inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js');
-require('../../inputs/contexts.js');
-require('../../header/Header.js');
-require('virtua');
+var ExpressiveMoneyInput_messages = require('../ExpressiveMoneyInput.messages.js');
 require('../../common/theme.js');
 require('../../common/direction.js');
 require('../../common/propsValues/control.js');
@@ -34,10 +27,9 @@ require('../../common/propsValues/scroll.js');
 require('../../common/propsValues/markdownNodeType.js');
 require('../../common/fileType.js');
 var index = require('../../common/locale/index.js');
+require('clsx');
 require('../../common/closeButton/CloseButton.messages.js');
-require('../../inputs/SelectInput/SelectInput.messages.js');
-var art = require('@wise/art');
-var ExpressiveMoneyInput_messages = require('../ExpressiveMoneyInput.messages.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 const CurrencySelector = ({
   id,
@@ -83,7 +75,7 @@ const CurrencySelector = ({
       code,
       label
     }) => {
-      return /*#__PURE__*/jsxRuntime.jsx(SelectInputOptionContent.SelectInputOptionContent, {
+      return /*#__PURE__*/jsxRuntime.jsx(SelectInput.SelectInputOptionContent, {
         title: code,
         note: label,
         icon: /*#__PURE__*/jsxRuntime.jsx(art.Flag, {
@@ -92,7 +84,7 @@ const CurrencySelector = ({
         })
       });
     },
-    renderTrigger: () => /*#__PURE__*/jsxRuntime.jsx(SelectInputTriggerButton.SelectInputTriggerButton, {
+    renderTrigger: () => /*#__PURE__*/jsxRuntime.jsx(SelectInput.SelectInputTriggerButton, {
       as: ButtonInput
       // @ts-expect-error new (v2) ButtonProps
       ,

package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencySelector.js","sources":["../../../src/expressiveMoneyInput/currencySelector/CurrencySelector.tsx"],"sourcesContent":["import type { AvatarLayoutProps } from '../../avatarLayout';\nimport Button from '../../button';\nimport {\n  SelectInput,\n  SelectInputOptionContent,\n  SelectInputTriggerButton,\n} from '../../inputs/SelectInput';\nimport { CurrencyType, Props as ExpressiveMoneyInputProps } from '../ExpressiveMoneyInput';\nimport { ChevronDown } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport {\n  type ButtonHTMLAttributes,\n  forwardRef,\n  type MouseEventHandler,\n  useMemo,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../ExpressiveMoneyInput.messages';\nimport { getLocaleCurrencyName } from '../../common';\n\nexport interface CurrencyOption {\n  label?: string;\n  code: string;\n  keywords: string[] | undefined;\n}\n\nexport interface CurrencySection {\n  title: string;\n  currencies: CurrencyOption[];\n}\n\nexport type CurrencyOptions = CurrencySection[];\n\nexport type Props = {\n  id: string;\n  labelId: string;\n  options?: CurrencyOptions;\n  onChange?: (currency: CurrencyType) => void;\n  onOpen?: () => void;\n  addons?: AvatarLayoutProps['avatars'];\n  onSearchChange?: (payload: { query: string; resultCount: number }) => void;\n} & Pick<ExpressiveMoneyInputProps, 'currency'>;\n\nexport const CurrencySelector = ({\n  id,\n  currency,\n  options = [],\n  labelId,\n  onChange,\n  addons,\n  onOpen,\n  onSearchChange,\n}: Props) => {\n  const intl = useIntl();\n\n  const allCurrencyOptions = useMemo(() => getUniqueCurrencies(options), [options]);\n\n  const activeCurrencyOption = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return allCurrencyOptions.find((option) => option.code === currency)!;\n  }, [currency, allCurrencyOptions]);\n\n  const disabled =\n    !onChange ||\n    options.length === 0 ||\n    (options.length === 1 && options[0].currencies.length <= 1);\n\n  const [searchQuery, setSearchQuery] = useState<string>('');\n\n  const handleTriggerClick: MouseEventHandler = (event) => {\n    const triggerEl = event.currentTarget;\n    if (triggerEl?.getAttribute('aria-expanded') === 'false') {\n      onOpen?.();\n    }\n  };\n\n  const items = searchQuery\n    ? filterAndSortCurrenciesForQuery(allCurrencyOptions, searchQuery).map(getCurrencySelectOption)\n    : options.map(getCurrencyGroup);\n\n  return (\n    <SelectInput\n      compareValues=\"code\"\n      disabled={disabled}\n      id={id}\n      value={activeCurrencyOption}\n      filterable\n      filterPlaceholder={intl.formatMessage(messages.currencySelectorSearchPlaceholder)}\n      UNSAFE_triggerButtonProps={{\n        id: undefined,\n        'aria-labelledby': undefined,\n        'aria-describedby': labelId,\n        'aria-invalid': undefined,\n        'aria-label': intl.formatMessage(messages.currencySelectorSelectCurrency),\n      }}\n      items={items}\n      renderValue={({ code, label }) => {\n        return (\n          <SelectInputOptionContent\n            title={code}\n            note={label}\n            icon={<Flag code={code} intrinsicSize={24} />}\n          />\n        );\n      }}\n      renderTrigger={() => (\n        <SelectInputTriggerButton\n          as={ButtonInput}\n          // @ts-expect-error new (v2) ButtonProps\n          addonStart={{\n            type: 'avatar',\n            value: [\n              addons ? addons[0] : null,\n              {\n                ...(addons && addons.length > 1\n                  ? { ...addons[1] }\n                  : {\n                      asset: <Flag code={currency} />,\n                    }),\n              },\n            ]\n              .filter(Boolean)\n              .filter((avatar) => !(avatar && Object.keys(avatar).length === 0)),\n          }}\n          addonEnd={disabled ? undefined : { type: 'icon', value: <ChevronDown /> }}\n          onClick={(event) => handleTriggerClick(event)}\n        >\n          <>\n            <span aria-hidden>{currency}</span>\n            <span className=\"sr-only\">{getLocaleCurrencyName(intl, currency)}</span>\n          </>\n        </SelectInputTriggerButton>\n      )}\n      onChange={(newValue) => {\n        onChange?.(newValue.code);\n      }}\n      onFilterChange={({ queryNormalized }) => {\n        setSearchQuery(queryNormalized ?? '');\n        if (queryNormalized) {\n          onSearchChange?.({\n            query: queryNormalized,\n            resultCount: filterAndSortCurrenciesForQuery(allCurrencyOptions, queryNormalized)\n              .length,\n          });\n        }\n      }}\n    />\n  );\n};\n\nexport const ButtonInput = forwardRef(function ButtonInput(\n  { children, ...rest }: React.PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>,\n  ref: React.ForwardedRef<HTMLButtonElement | null>,\n) {\n  return (\n    <Button\n      ref={ref}\n      size=\"md\"\n      v2\n      className=\"wds-currency-selector\"\n      priority=\"secondary-neutral\"\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n});\n\nconst getCurrencySelectOption = (currency: CurrencyOption) => {\n  return {\n    type: 'option' as const,\n    value: currency,\n    filterMatchers: currency.keywords,\n  };\n};\n\nconst getCurrencyGroup = (section: CurrencySection) => {\n  return {\n    type: 'group' as const,\n    label: section.title,\n    options: section.currencies.map(getCurrencySelectOption),\n  };\n};\n\nconst getUniqueCurrencies = (options: CurrencyOptions) => {\n  const allCurrencyOptions = options.flatMap((section) => section.currencies);\n  const uniqueCurrencies = new Map<string, CurrencyOption>();\n\n  allCurrencyOptions.forEach((currencyObj) => {\n    uniqueCurrencies.set(currencyObj.code, currencyObj);\n  });\n\n  return Array.from(uniqueCurrencies.values());\n};\n\nconst filterAndSortCurrenciesForQuery = (\n  currencies: CurrencyOption[],\n  query: string,\n): CurrencyOption[] => {\n  return (\n    currencies\n      .filter((currency) => {\n        return (\n          currency.code.toLowerCase().includes(query) ||\n          (currency.label ?? '').toLowerCase().includes(query) ||\n          currency.keywords?.some((keyword) => keyword.toLowerCase().includes(query))\n        );\n      })\n      // prefer exact matches, then sort alphabetically by code\n      .sort((a, b) => {\n        const aCode = a.code.toLowerCase();\n        const bCode = b.code.toLowerCase();\n        if (aCode === query) {\n          return -1;\n        }\n        if (bCode === query) {\n          return 1;\n        }\n        return aCode.localeCompare(bCode);\n      })\n  );\n};\n"],"names":["CurrencySelector","id","currency","options","labelId","onChange","addons","onOpen","onSearchChange","intl","useIntl","allCurrencyOptions","useMemo","getUniqueCurrencies","activeCurrencyOption","find","option","code","disabled","length","currencies","searchQuery","setSearchQuery","useState","handleTriggerClick","event","triggerEl","currentTarget","getAttribute","items","filterAndSortCurrenciesForQuery","map","getCurrencySelectOption","getCurrencyGroup","_jsx","SelectInput","compareValues","value","filterable","filterPlaceholder","formatMessage","messages","currencySelectorSearchPlaceholder","UNSAFE_triggerButtonProps","undefined","currencySelectorSelectCurrency","renderValue","label","SelectInputOptionContent","title","note","icon","Flag","intrinsicSize","renderTrigger","SelectInputTriggerButton","as","ButtonInput","addonStart","type","asset","filter","Boolean","avatar","Object","keys","addonEnd","ChevronDown","onClick","children","_jsxs","_Fragment","className","getLocaleCurrencyName","newValue","onFilterChange","queryNormalized","query","resultCount","forwardRef","rest","ref","Button","size","v2","priority","filterMatchers","keywords","section","flatMap","uniqueCurrencies","Map","forEach","currencyObj","set","Array","from","values","toLowerCase","includes","some","keyword","sort","a","b","aCode","bCode","localeCompare"],"mappings":"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"}
+{"version":3,"file":"CurrencySelector.js","sources":["../../../src/expressiveMoneyInput/currencySelector/CurrencySelector.tsx"],"sourcesContent":["import type { AvatarLayoutProps } from '../../avatarLayout';\nimport Button from '../../button';\nimport {\n  SelectInput,\n  SelectInputOptionContent,\n  SelectInputTriggerButton,\n} from '../../inputs/SelectInput';\nimport { CurrencyType, Props as ExpressiveMoneyInputProps } from '../ExpressiveMoneyInput';\nimport { ChevronDown } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport {\n  type ButtonHTMLAttributes,\n  forwardRef,\n  type MouseEventHandler,\n  useMemo,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../ExpressiveMoneyInput.messages';\nimport { getLocaleCurrencyName } from '../../common';\n\nexport interface CurrencyOption {\n  label?: string;\n  code: string;\n  keywords: string[] | undefined;\n}\n\nexport interface CurrencySection {\n  title: string;\n  currencies: CurrencyOption[];\n}\n\nexport type CurrencyOptions = CurrencySection[];\n\nexport type Props = {\n  id: string;\n  labelId: string;\n  options?: CurrencyOptions;\n  onChange?: (currency: CurrencyType) => void;\n  onOpen?: () => void;\n  addons?: AvatarLayoutProps['avatars'];\n  onSearchChange?: (payload: { query: string; resultCount: number }) => void;\n} & Pick<ExpressiveMoneyInputProps, 'currency'>;\n\nexport const CurrencySelector = ({\n  id,\n  currency,\n  options = [],\n  labelId,\n  onChange,\n  addons,\n  onOpen,\n  onSearchChange,\n}: Props) => {\n  const intl = useIntl();\n\n  const allCurrencyOptions = useMemo(() => getUniqueCurrencies(options), [options]);\n\n  const activeCurrencyOption = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return allCurrencyOptions.find((option) => option.code === currency)!;\n  }, [currency, allCurrencyOptions]);\n\n  const disabled =\n    !onChange ||\n    options.length === 0 ||\n    (options.length === 1 && options[0].currencies.length <= 1);\n\n  const [searchQuery, setSearchQuery] = useState<string>('');\n\n  const handleTriggerClick: MouseEventHandler = (event) => {\n    const triggerEl = event.currentTarget;\n    if (triggerEl?.getAttribute('aria-expanded') === 'false') {\n      onOpen?.();\n    }\n  };\n\n  const items = searchQuery\n    ? filterAndSortCurrenciesForQuery(allCurrencyOptions, searchQuery).map(getCurrencySelectOption)\n    : options.map(getCurrencyGroup);\n\n  return (\n    <SelectInput\n      compareValues=\"code\"\n      disabled={disabled}\n      id={id}\n      value={activeCurrencyOption}\n      filterable\n      filterPlaceholder={intl.formatMessage(messages.currencySelectorSearchPlaceholder)}\n      UNSAFE_triggerButtonProps={{\n        id: undefined,\n        'aria-labelledby': undefined,\n        'aria-describedby': labelId,\n        'aria-invalid': undefined,\n        'aria-label': intl.formatMessage(messages.currencySelectorSelectCurrency),\n      }}\n      items={items}\n      renderValue={({ code, label }) => {\n        return (\n          <SelectInputOptionContent\n            title={code}\n            note={label}\n            icon={<Flag code={code} intrinsicSize={24} />}\n          />\n        );\n      }}\n      renderTrigger={() => (\n        <SelectInputTriggerButton\n          as={ButtonInput}\n          // @ts-expect-error new (v2) ButtonProps\n          addonStart={{\n            type: 'avatar',\n            value: [\n              addons ? addons[0] : null,\n              {\n                ...(addons && addons.length > 1\n                  ? { ...addons[1] }\n                  : {\n                      asset: <Flag code={currency} />,\n                    }),\n              },\n            ]\n              .filter(Boolean)\n              .filter((avatar) => !(avatar && Object.keys(avatar).length === 0)),\n          }}\n          addonEnd={disabled ? undefined : { type: 'icon', value: <ChevronDown /> }}\n          onClick={(event) => handleTriggerClick(event)}\n        >\n          <>\n            <span aria-hidden>{currency}</span>\n            <span className=\"sr-only\">{getLocaleCurrencyName(intl, currency)}</span>\n          </>\n        </SelectInputTriggerButton>\n      )}\n      onChange={(newValue) => {\n        onChange?.(newValue.code);\n      }}\n      onFilterChange={({ queryNormalized }) => {\n        setSearchQuery(queryNormalized ?? '');\n        if (queryNormalized) {\n          onSearchChange?.({\n            query: queryNormalized,\n            resultCount: filterAndSortCurrenciesForQuery(allCurrencyOptions, queryNormalized)\n              .length,\n          });\n        }\n      }}\n    />\n  );\n};\n\nexport const ButtonInput = forwardRef(function ButtonInput(\n  { children, ...rest }: React.PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>,\n  ref: React.ForwardedRef<HTMLButtonElement | null>,\n) {\n  return (\n    <Button\n      ref={ref}\n      size=\"md\"\n      v2\n      className=\"wds-currency-selector\"\n      priority=\"secondary-neutral\"\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n});\n\nconst getCurrencySelectOption = (currency: CurrencyOption) => {\n  return {\n    type: 'option' as const,\n    value: currency,\n    filterMatchers: currency.keywords,\n  };\n};\n\nconst getCurrencyGroup = (section: CurrencySection) => {\n  return {\n    type: 'group' as const,\n    label: section.title,\n    options: section.currencies.map(getCurrencySelectOption),\n  };\n};\n\nconst getUniqueCurrencies = (options: CurrencyOptions) => {\n  const allCurrencyOptions = options.flatMap((section) => section.currencies);\n  const uniqueCurrencies = new Map<string, CurrencyOption>();\n\n  allCurrencyOptions.forEach((currencyObj) => {\n    uniqueCurrencies.set(currencyObj.code, currencyObj);\n  });\n\n  return Array.from(uniqueCurrencies.values());\n};\n\nconst filterAndSortCurrenciesForQuery = (\n  currencies: CurrencyOption[],\n  query: string,\n): CurrencyOption[] => {\n  return (\n    currencies\n      .filter((currency) => {\n        return (\n          currency.code.toLowerCase().includes(query) ||\n          (currency.label ?? '').toLowerCase().includes(query) ||\n          currency.keywords?.some((keyword) => keyword.toLowerCase().includes(query))\n        );\n      })\n      // prefer exact matches, then sort alphabetically by code\n      .sort((a, b) => {\n        const aCode = a.code.toLowerCase();\n        const bCode = b.code.toLowerCase();\n        if (aCode === query) {\n          return -1;\n        }\n        if (bCode === query) {\n          return 1;\n        }\n        return aCode.localeCompare(bCode);\n      })\n  );\n};\n"],"names":["CurrencySelector","id","currency","options","labelId","onChange","addons","onOpen","onSearchChange","intl","useIntl","allCurrencyOptions","useMemo","getUniqueCurrencies","activeCurrencyOption","find","option","code","disabled","length","currencies","searchQuery","setSearchQuery","useState","handleTriggerClick","event","triggerEl","currentTarget","getAttribute","items","filterAndSortCurrenciesForQuery","map","getCurrencySelectOption","getCurrencyGroup","_jsx","SelectInput","compareValues","value","filterable","filterPlaceholder","formatMessage","messages","currencySelectorSearchPlaceholder","UNSAFE_triggerButtonProps","undefined","currencySelectorSelectCurrency","renderValue","label","SelectInputOptionContent","title","note","icon","Flag","intrinsicSize","renderTrigger","SelectInputTriggerButton","as","ButtonInput","addonStart","type","asset","filter","Boolean","avatar","Object","keys","addonEnd","ChevronDown","onClick","children","_jsxs","_Fragment","className","getLocaleCurrencyName","newValue","onFilterChange","queryNormalized","query","resultCount","forwardRef","rest","ref","Button","size","v2","priority","filterMatchers","keywords","section","flatMap","uniqueCurrencies","Map","forEach","currencyObj","set","Array","from","values","toLowerCase","includes","some","keyword","sort","a","b","aCode","bCode","localeCompare"],"mappings":"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"}

package/build/expressiveMoneyInput/currencySelector/CurrencySelector.mjs

@@ -1,17 +1,10 @@
 import Button from '../../button/Button.resolver.mjs';
-import { SelectInput } from '../../inputs/SelectInput/SelectInput.mjs';
-import { useMemo, useState, forwardRef } from 'react';
+import { SelectInput, SelectInputTriggerButton, SelectInputOptionContent } from '../../inputs/SelectInput.mjs';
 import { ChevronDown } from '@transferwise/icons';
-import 'clsx';
+import { Flag } from '@wise/art';
+import { useMemo, useState, forwardRef } from 'react';
 import { useIntl } from 'react-intl';
-import '../../dateLookup/dateTrigger/DateTrigger.messages.mjs';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '@headlessui/react';
-import { SelectInputOptionContent } from '../../inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs';
-import { SelectInputTriggerButton } from '../../inputs/SelectInput/TriggerButton/SelectInputTriggerButton.mjs';
-import '../../inputs/contexts.mjs';
-import '../../header/Header.mjs';
-import 'virtua';
+import messages from '../ExpressiveMoneyInput.messages.mjs';
 import '../../common/theme.mjs';
 import '../../common/direction.mjs';
 import '../../common/propsValues/control.mjs';
@@ -32,10 +25,9 @@ import '../../common/propsValues/scroll.mjs';
 import '../../common/propsValues/markdownNodeType.mjs';
 import '../../common/fileType.mjs';
 import { getLocaleCurrencyName } from '../../common/locale/index.mjs';
+import 'clsx';
 import '../../common/closeButton/CloseButton.messages.mjs';
-import '../../inputs/SelectInput/SelectInput.messages.mjs';
-import { Flag } from '@wise/art';
-import messages from '../ExpressiveMoneyInput.messages.mjs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 const CurrencySelector = ({
   id,

package/build/expressiveMoneyInput/currencySelector/CurrencySelector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencySelector.mjs","sources":["../../../src/expressiveMoneyInput/currencySelector/CurrencySelector.tsx"],"sourcesContent":["import type { AvatarLayoutProps } from '../../avatarLayout';\nimport Button from '../../button';\nimport {\n  SelectInput,\n  SelectInputOptionContent,\n  SelectInputTriggerButton,\n} from '../../inputs/SelectInput';\nimport { CurrencyType, Props as ExpressiveMoneyInputProps } from '../ExpressiveMoneyInput';\nimport { ChevronDown } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport {\n  type ButtonHTMLAttributes,\n  forwardRef,\n  type MouseEventHandler,\n  useMemo,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../ExpressiveMoneyInput.messages';\nimport { getLocaleCurrencyName } from '../../common';\n\nexport interface CurrencyOption {\n  label?: string;\n  code: string;\n  keywords: string[] | undefined;\n}\n\nexport interface CurrencySection {\n  title: string;\n  currencies: CurrencyOption[];\n}\n\nexport type CurrencyOptions = CurrencySection[];\n\nexport type Props = {\n  id: string;\n  labelId: string;\n  options?: CurrencyOptions;\n  onChange?: (currency: CurrencyType) => void;\n  onOpen?: () => void;\n  addons?: AvatarLayoutProps['avatars'];\n  onSearchChange?: (payload: { query: string; resultCount: number }) => void;\n} & Pick<ExpressiveMoneyInputProps, 'currency'>;\n\nexport const CurrencySelector = ({\n  id,\n  currency,\n  options = [],\n  labelId,\n  onChange,\n  addons,\n  onOpen,\n  onSearchChange,\n}: Props) => {\n  const intl = useIntl();\n\n  const allCurrencyOptions = useMemo(() => getUniqueCurrencies(options), [options]);\n\n  const activeCurrencyOption = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return allCurrencyOptions.find((option) => option.code === currency)!;\n  }, [currency, allCurrencyOptions]);\n\n  const disabled =\n    !onChange ||\n    options.length === 0 ||\n    (options.length === 1 && options[0].currencies.length <= 1);\n\n  const [searchQuery, setSearchQuery] = useState<string>('');\n\n  const handleTriggerClick: MouseEventHandler = (event) => {\n    const triggerEl = event.currentTarget;\n    if (triggerEl?.getAttribute('aria-expanded') === 'false') {\n      onOpen?.();\n    }\n  };\n\n  const items = searchQuery\n    ? filterAndSortCurrenciesForQuery(allCurrencyOptions, searchQuery).map(getCurrencySelectOption)\n    : options.map(getCurrencyGroup);\n\n  return (\n    <SelectInput\n      compareValues=\"code\"\n      disabled={disabled}\n      id={id}\n      value={activeCurrencyOption}\n      filterable\n      filterPlaceholder={intl.formatMessage(messages.currencySelectorSearchPlaceholder)}\n      UNSAFE_triggerButtonProps={{\n        id: undefined,\n        'aria-labelledby': undefined,\n        'aria-describedby': labelId,\n        'aria-invalid': undefined,\n        'aria-label': intl.formatMessage(messages.currencySelectorSelectCurrency),\n      }}\n      items={items}\n      renderValue={({ code, label }) => {\n        return (\n          <SelectInputOptionContent\n            title={code}\n            note={label}\n            icon={<Flag code={code} intrinsicSize={24} />}\n          />\n        );\n      }}\n      renderTrigger={() => (\n        <SelectInputTriggerButton\n          as={ButtonInput}\n          // @ts-expect-error new (v2) ButtonProps\n          addonStart={{\n            type: 'avatar',\n            value: [\n              addons ? addons[0] : null,\n              {\n                ...(addons && addons.length > 1\n                  ? { ...addons[1] }\n                  : {\n                      asset: <Flag code={currency} />,\n                    }),\n              },\n            ]\n              .filter(Boolean)\n              .filter((avatar) => !(avatar && Object.keys(avatar).length === 0)),\n          }}\n          addonEnd={disabled ? undefined : { type: 'icon', value: <ChevronDown /> }}\n          onClick={(event) => handleTriggerClick(event)}\n        >\n          <>\n            <span aria-hidden>{currency}</span>\n            <span className=\"sr-only\">{getLocaleCurrencyName(intl, currency)}</span>\n          </>\n        </SelectInputTriggerButton>\n      )}\n      onChange={(newValue) => {\n        onChange?.(newValue.code);\n      }}\n      onFilterChange={({ queryNormalized }) => {\n        setSearchQuery(queryNormalized ?? '');\n        if (queryNormalized) {\n          onSearchChange?.({\n            query: queryNormalized,\n            resultCount: filterAndSortCurrenciesForQuery(allCurrencyOptions, queryNormalized)\n              .length,\n          });\n        }\n      }}\n    />\n  );\n};\n\nexport const ButtonInput = forwardRef(function ButtonInput(\n  { children, ...rest }: React.PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>,\n  ref: React.ForwardedRef<HTMLButtonElement | null>,\n) {\n  return (\n    <Button\n      ref={ref}\n      size=\"md\"\n      v2\n      className=\"wds-currency-selector\"\n      priority=\"secondary-neutral\"\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n});\n\nconst getCurrencySelectOption = (currency: CurrencyOption) => {\n  return {\n    type: 'option' as const,\n    value: currency,\n    filterMatchers: currency.keywords,\n  };\n};\n\nconst getCurrencyGroup = (section: CurrencySection) => {\n  return {\n    type: 'group' as const,\n    label: section.title,\n    options: section.currencies.map(getCurrencySelectOption),\n  };\n};\n\nconst getUniqueCurrencies = (options: CurrencyOptions) => {\n  const allCurrencyOptions = options.flatMap((section) => section.currencies);\n  const uniqueCurrencies = new Map<string, CurrencyOption>();\n\n  allCurrencyOptions.forEach((currencyObj) => {\n    uniqueCurrencies.set(currencyObj.code, currencyObj);\n  });\n\n  return Array.from(uniqueCurrencies.values());\n};\n\nconst filterAndSortCurrenciesForQuery = (\n  currencies: CurrencyOption[],\n  query: string,\n): CurrencyOption[] => {\n  return (\n    currencies\n      .filter((currency) => {\n        return (\n          currency.code.toLowerCase().includes(query) ||\n          (currency.label ?? '').toLowerCase().includes(query) ||\n          currency.keywords?.some((keyword) => keyword.toLowerCase().includes(query))\n        );\n      })\n      // prefer exact matches, then sort alphabetically by code\n      .sort((a, b) => {\n        const aCode = a.code.toLowerCase();\n        const bCode = b.code.toLowerCase();\n        if (aCode === query) {\n          return -1;\n        }\n        if (bCode === query) {\n          return 1;\n        }\n        return aCode.localeCompare(bCode);\n      })\n  );\n};\n"],"names":["CurrencySelector","id","currency","options","labelId","onChange","addons","onOpen","onSearchChange","intl","useIntl","allCurrencyOptions","useMemo","getUniqueCurrencies","activeCurrencyOption","find","option","code","disabled","length","currencies","searchQuery","setSearchQuery","useState","handleTriggerClick","event","triggerEl","currentTarget","getAttribute","items","filterAndSortCurrenciesForQuery","map","getCurrencySelectOption","getCurrencyGroup","_jsx","SelectInput","compareValues","value","filterable","filterPlaceholder","formatMessage","messages","currencySelectorSearchPlaceholder","UNSAFE_triggerButtonProps","undefined","currencySelectorSelectCurrency","renderValue","label","SelectInputOptionContent","title","note","icon","Flag","intrinsicSize","renderTrigger","SelectInputTriggerButton","as","ButtonInput","addonStart","type","asset","filter","Boolean","avatar","Object","keys","addonEnd","ChevronDown","onClick","children","_jsxs","_Fragment","className","getLocaleCurrencyName","newValue","onFilterChange","queryNormalized","query","resultCount","forwardRef","rest","ref","Button","size","v2","priority","filterMatchers","keywords","section","flatMap","uniqueCurrencies","Map","forEach","currencyObj","set","Array","from","values","toLowerCase","includes","some","keyword","sort","a","b","aCode","bCode","localeCompare"],"mappings":"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"}
+{"version":3,"file":"CurrencySelector.mjs","sources":["../../../src/expressiveMoneyInput/currencySelector/CurrencySelector.tsx"],"sourcesContent":["import type { AvatarLayoutProps } from '../../avatarLayout';\nimport Button from '../../button';\nimport {\n  SelectInput,\n  SelectInputOptionContent,\n  SelectInputTriggerButton,\n} from '../../inputs/SelectInput';\nimport { CurrencyType, Props as ExpressiveMoneyInputProps } from '../ExpressiveMoneyInput';\nimport { ChevronDown } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport {\n  type ButtonHTMLAttributes,\n  forwardRef,\n  type MouseEventHandler,\n  useMemo,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../ExpressiveMoneyInput.messages';\nimport { getLocaleCurrencyName } from '../../common';\n\nexport interface CurrencyOption {\n  label?: string;\n  code: string;\n  keywords: string[] | undefined;\n}\n\nexport interface CurrencySection {\n  title: string;\n  currencies: CurrencyOption[];\n}\n\nexport type CurrencyOptions = CurrencySection[];\n\nexport type Props = {\n  id: string;\n  labelId: string;\n  options?: CurrencyOptions;\n  onChange?: (currency: CurrencyType) => void;\n  onOpen?: () => void;\n  addons?: AvatarLayoutProps['avatars'];\n  onSearchChange?: (payload: { query: string; resultCount: number }) => void;\n} & Pick<ExpressiveMoneyInputProps, 'currency'>;\n\nexport const CurrencySelector = ({\n  id,\n  currency,\n  options = [],\n  labelId,\n  onChange,\n  addons,\n  onOpen,\n  onSearchChange,\n}: Props) => {\n  const intl = useIntl();\n\n  const allCurrencyOptions = useMemo(() => getUniqueCurrencies(options), [options]);\n\n  const activeCurrencyOption = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return allCurrencyOptions.find((option) => option.code === currency)!;\n  }, [currency, allCurrencyOptions]);\n\n  const disabled =\n    !onChange ||\n    options.length === 0 ||\n    (options.length === 1 && options[0].currencies.length <= 1);\n\n  const [searchQuery, setSearchQuery] = useState<string>('');\n\n  const handleTriggerClick: MouseEventHandler = (event) => {\n    const triggerEl = event.currentTarget;\n    if (triggerEl?.getAttribute('aria-expanded') === 'false') {\n      onOpen?.();\n    }\n  };\n\n  const items = searchQuery\n    ? filterAndSortCurrenciesForQuery(allCurrencyOptions, searchQuery).map(getCurrencySelectOption)\n    : options.map(getCurrencyGroup);\n\n  return (\n    <SelectInput\n      compareValues=\"code\"\n      disabled={disabled}\n      id={id}\n      value={activeCurrencyOption}\n      filterable\n      filterPlaceholder={intl.formatMessage(messages.currencySelectorSearchPlaceholder)}\n      UNSAFE_triggerButtonProps={{\n        id: undefined,\n        'aria-labelledby': undefined,\n        'aria-describedby': labelId,\n        'aria-invalid': undefined,\n        'aria-label': intl.formatMessage(messages.currencySelectorSelectCurrency),\n      }}\n      items={items}\n      renderValue={({ code, label }) => {\n        return (\n          <SelectInputOptionContent\n            title={code}\n            note={label}\n            icon={<Flag code={code} intrinsicSize={24} />}\n          />\n        );\n      }}\n      renderTrigger={() => (\n        <SelectInputTriggerButton\n          as={ButtonInput}\n          // @ts-expect-error new (v2) ButtonProps\n          addonStart={{\n            type: 'avatar',\n            value: [\n              addons ? addons[0] : null,\n              {\n                ...(addons && addons.length > 1\n                  ? { ...addons[1] }\n                  : {\n                      asset: <Flag code={currency} />,\n                    }),\n              },\n            ]\n              .filter(Boolean)\n              .filter((avatar) => !(avatar && Object.keys(avatar).length === 0)),\n          }}\n          addonEnd={disabled ? undefined : { type: 'icon', value: <ChevronDown /> }}\n          onClick={(event) => handleTriggerClick(event)}\n        >\n          <>\n            <span aria-hidden>{currency}</span>\n            <span className=\"sr-only\">{getLocaleCurrencyName(intl, currency)}</span>\n          </>\n        </SelectInputTriggerButton>\n      )}\n      onChange={(newValue) => {\n        onChange?.(newValue.code);\n      }}\n      onFilterChange={({ queryNormalized }) => {\n        setSearchQuery(queryNormalized ?? '');\n        if (queryNormalized) {\n          onSearchChange?.({\n            query: queryNormalized,\n            resultCount: filterAndSortCurrenciesForQuery(allCurrencyOptions, queryNormalized)\n              .length,\n          });\n        }\n      }}\n    />\n  );\n};\n\nexport const ButtonInput = forwardRef(function ButtonInput(\n  { children, ...rest }: React.PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>,\n  ref: React.ForwardedRef<HTMLButtonElement | null>,\n) {\n  return (\n    <Button\n      ref={ref}\n      size=\"md\"\n      v2\n      className=\"wds-currency-selector\"\n      priority=\"secondary-neutral\"\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n});\n\nconst getCurrencySelectOption = (currency: CurrencyOption) => {\n  return {\n    type: 'option' as const,\n    value: currency,\n    filterMatchers: currency.keywords,\n  };\n};\n\nconst getCurrencyGroup = (section: CurrencySection) => {\n  return {\n    type: 'group' as const,\n    label: section.title,\n    options: section.currencies.map(getCurrencySelectOption),\n  };\n};\n\nconst getUniqueCurrencies = (options: CurrencyOptions) => {\n  const allCurrencyOptions = options.flatMap((section) => section.currencies);\n  const uniqueCurrencies = new Map<string, CurrencyOption>();\n\n  allCurrencyOptions.forEach((currencyObj) => {\n    uniqueCurrencies.set(currencyObj.code, currencyObj);\n  });\n\n  return Array.from(uniqueCurrencies.values());\n};\n\nconst filterAndSortCurrenciesForQuery = (\n  currencies: CurrencyOption[],\n  query: string,\n): CurrencyOption[] => {\n  return (\n    currencies\n      .filter((currency) => {\n        return (\n          currency.code.toLowerCase().includes(query) ||\n          (currency.label ?? '').toLowerCase().includes(query) ||\n          currency.keywords?.some((keyword) => keyword.toLowerCase().includes(query))\n        );\n      })\n      // prefer exact matches, then sort alphabetically by code\n      .sort((a, b) => {\n        const aCode = a.code.toLowerCase();\n        const bCode = b.code.toLowerCase();\n        if (aCode === query) {\n          return -1;\n        }\n        if (bCode === query) {\n          return 1;\n        }\n        return aCode.localeCompare(bCode);\n      })\n  );\n};\n"],"names":["CurrencySelector","id","currency","options","labelId","onChange","addons","onOpen","onSearchChange","intl","useIntl","allCurrencyOptions","useMemo","getUniqueCurrencies","activeCurrencyOption","find","option","code","disabled","length","currencies","searchQuery","setSearchQuery","useState","handleTriggerClick","event","triggerEl","currentTarget","getAttribute","items","filterAndSortCurrenciesForQuery","map","getCurrencySelectOption","getCurrencyGroup","_jsx","SelectInput","compareValues","value","filterable","filterPlaceholder","formatMessage","messages","currencySelectorSearchPlaceholder","UNSAFE_triggerButtonProps","undefined","currencySelectorSelectCurrency","renderValue","label","SelectInputOptionContent","title","note","icon","Flag","intrinsicSize","renderTrigger","SelectInputTriggerButton","as","ButtonInput","addonStart","type","asset","filter","Boolean","avatar","Object","keys","addonEnd","ChevronDown","onClick","children","_jsxs","_Fragment","className","getLocaleCurrencyName","newValue","onFilterChange","queryNormalized","query","resultCount","forwardRef","rest","ref","Button","size","v2","priority","filterMatchers","keywords","section","flatMap","uniqueCurrencies","Map","forEach","currencyObj","set","Array","from","values","toLowerCase","includes","some","keyword","sort","a","b","aCode","bCode","localeCompare"],"mappings":"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"}

package/build/index.js

@@ -58,16 +58,7 @@ var InputWithDisplayFormat = require('./inputWithDisplayFormat/InputWithDisplayF
 var Input = require('./inputs/Input.js');
 var InputGroup = require('./inputs/InputGroup.js');
 var SearchInput = require('./inputs/SearchInput.js');
-var SelectInput = require('./inputs/SelectInput/SelectInput.js');
-var SelectInput_utils = require('./inputs/SelectInput/SelectInput.utils.js');
-require('react-intl');
-require('./dateLookup/dateTrigger/DateTrigger.messages.js');
-require('@headlessui/react');
-var SelectInputOptionContent = require('./inputs/SelectInput/OptionContent/SelectInputOptionContent.js');
-var SelectInputTriggerButton = require('./inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js');
-var Section = require('./section/Section.js');
-require('virtua');
-require('./inputs/SelectInput/SelectInput.messages.js');
+var SelectInput = require('./inputs/SelectInput.js');
 var TextArea = require('./inputs/TextArea.js');
 var InstructionsList = require('./instructionsList/InstructionsList.js');
 var Label = require('./label/Label.js');
@@ -99,6 +90,7 @@ var Radio = require('./radio/Radio.js');
 var RadioGroup = require('./radioGroup/RadioGroup.js');
 var RadioOption = require('./radioOption/RadioOption.js');
 var ResponsivePanel = require('./common/responsivePanel/ResponsivePanel.js');
+var Section = require('./section/Section.js');
 var SegmentedControl = require('./segmentedControl/SegmentedControl.js');
 var Select = require('./select/Select.js');
 var SentimentSurface = require('./sentimentSurface/SentimentSurface.js');
@@ -147,6 +139,7 @@ var markdownNodeType = require('./common/propsValues/markdownNodeType.js');
 var fileType = require('./common/fileType.js');
 var index = require('./common/locale/index.js');
 var colors = require('./common/colors.js');
+require('react-intl');
 require('./common/closeButton/CloseButton.messages.js');
 var index$1 = require('./i18n/index.js');
 var withId = require('./withId/withId.js');
@@ -227,10 +220,9 @@ exports.Input = Input.Input;
 exports.InputGroup = InputGroup.InputGroup;
 exports.SearchInput = SearchInput.SearchInput;
 exports.SelectInput = SelectInput.SelectInput;
-exports.sortByRelevance = SelectInput_utils.sortByRelevance;
-exports.SelectInputOptionContent = SelectInputOptionContent.SelectInputOptionContent;
-exports.SelectInputTriggerButton = SelectInputTriggerButton.SelectInputTriggerButton;
-exports.Section = Section.default;
+exports.SelectInputOptionContent = SelectInput.SelectInputOptionContent;
+exports.SelectInputTriggerButton = SelectInput.SelectInputTriggerButton;
+exports.sortByRelevance = SelectInput.sortByRelevance;
 exports.TextArea = TextArea.TextArea;
 exports.InstructionsList = InstructionsList.default;
 exports.Label = Label.Label;
@@ -266,6 +258,7 @@ exports.Radio = Radio.default;
 exports.RadioGroup = RadioGroup.default;
 exports.RadioOption = RadioOption.default;
 exports.ResponsivePanel = ResponsivePanel.default;
+exports.Section = Section.default;
 exports.SegmentedControl = SegmentedControl.default;
 exports.Select = Select.default;
 exports.SentimentSurface = SentimentSurface.default;

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.mjs

@@ -56,16 +56,7 @@ export { default as InputWithDisplayFormat } from './inputWithDisplayFormat/Inpu
 export { Input } from './inputs/Input.mjs';
 export { InputGroup } from './inputs/InputGroup.mjs';
 export { SearchInput } from './inputs/SearchInput.mjs';
-export { SelectInput } from './inputs/SelectInput/SelectInput.mjs';
-export { sortByRelevance } from './inputs/SelectInput/SelectInput.utils.mjs';
-import 'react-intl';
-import './dateLookup/dateTrigger/DateTrigger.messages.mjs';
-import '@headlessui/react';
-export { SelectInputOptionContent } from './inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs';
-export { SelectInputTriggerButton } from './inputs/SelectInput/TriggerButton/SelectInputTriggerButton.mjs';
-export { default as Section } from './section/Section.mjs';
-import 'virtua';
-import './inputs/SelectInput/SelectInput.messages.mjs';
+export { SelectInput, SelectInputOptionContent, SelectInputTriggerButton, sortByRelevance } from './inputs/SelectInput.mjs';
 export { TextArea } from './inputs/TextArea.mjs';
 export { default as InstructionsList } from './instructionsList/InstructionsList.mjs';
 export { Label } from './label/Label.mjs';
@@ -97,6 +88,7 @@ export { default as Radio } from './radio/Radio.mjs';
 export { default as RadioGroup } from './radioGroup/RadioGroup.mjs';
 export { default as RadioOption } from './radioOption/RadioOption.mjs';
 export { default as ResponsivePanel } from './common/responsivePanel/ResponsivePanel.mjs';
+export { default as Section } from './section/Section.mjs';
 export { default as SegmentedControl } from './segmentedControl/SegmentedControl.mjs';
 export { default as Select } from './select/Select.mjs';
 export { default as SentimentSurface } from './sentimentSurface/SentimentSurface.mjs';
@@ -145,6 +137,7 @@ export { MarkdownNodeType } from './common/propsValues/markdownNodeType.mjs';
 export { FileType } from './common/fileType.mjs';
 export { DEFAULT_LANG, DEFAULT_LOCALE, RTL_LANGUAGES, SUPPORTED_LANGUAGES, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, getLocaleCurrencyName } from './common/locale/index.mjs';
 export { getBrandColorFromSeed } from './common/colors.mjs';
+import 'react-intl';
 import './common/closeButton/CloseButton.messages.mjs';
 export { default as translations } from './i18n/index.mjs';
 export { default as withId } from './withId/withId.mjs';

package/build/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}