@transferwise/components 0.0.0-experimental-4ed3f9f → 0.0.0-experimental-643f4d2

package/build/expressiveMoneyInput/CurrencySelector.js

@@ -1,160 +0,0 @@
-'use strict';
-
-var Button_resolver = require('../button/Button.resolver.js');
-var SelectInput = require('../inputs/SelectInput.js');
-var icons = require('@transferwise/icons');
-var art = require('@wise/art');
-var React = require('react');
-var reactIntl = require('react-intl');
-var ExpressiveMoneyInput_messages = require('./ExpressiveMoneyInput.messages.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-const CurrencySelector = ({
-  id,
-  currency,
-  options = [],
-  labelId,
-  onChange,
-  addons,
-  onOpen,
-  onSearchChange
-}) => {
-  const intl = reactIntl.useIntl();
-  const allCurrencyOptions = React.useMemo(() => getUniqueCurrencies(options), [options]);
-  const activeCurrencyOption = React.useMemo(() => {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    return allCurrencyOptions.find(option => option.code === currency);
-  }, [currency, allCurrencyOptions]);
-  const disabled = !onChange || options.length === 0 || options.length === 1 && options[0].currencies.length <= 1;
-  const [searchQuery, setSearchQuery] = React.useState('');
-  const handleTriggerClick = event => {
-    const triggerEl = event.currentTarget;
-    if (triggerEl?.getAttribute('aria-expanded') === 'false') {
-      onOpen?.();
-    }
-  };
-  const items = searchQuery ? filterAndSortCurrenciesForQuery(allCurrencyOptions, searchQuery).map(getCurrencySelectOption) : options.map(getCurrencyGroup);
-  return /*#__PURE__*/jsxRuntime.jsx(SelectInput.SelectInput, {
-    compareValues: "code",
-    disabled: disabled,
-    id: id,
-    value: activeCurrencyOption,
-    filterable: true,
-    filterPlaceholder: intl.formatMessage(ExpressiveMoneyInput_messages.default.currencySelectorSearchPlaceholder),
-    UNSAFE_triggerButtonProps: {
-      id: undefined,
-      'aria-labelledby': undefined,
-      'aria-describedby': labelId,
-      'aria-invalid': undefined,
-      'aria-label': intl.formatMessage(ExpressiveMoneyInput_messages.default.currencySelectorSelectCurrency)
-    },
-    items: items,
-    renderValue: ({
-      code,
-      label
-    }) => {
-      return /*#__PURE__*/jsxRuntime.jsx(SelectInput.SelectInputOptionContent, {
-        title: code,
-        note: label,
-        icon: /*#__PURE__*/jsxRuntime.jsx(art.Flag, {
-          code: code,
-          intrinsicSize: 24
-        })
-      });
-    },
-    renderTrigger: () => /*#__PURE__*/jsxRuntime.jsx(SelectInput.SelectInputTriggerButton, {
-      as: ButtonInput
-      // @ts-expect-error new (v2) ButtonProps
-      ,
-      addonStart: {
-        type: 'avatar',
-        value: [addons ? addons[0] : null, {
-          ...(addons && addons.length > 1 ? {
-            ...addons[1]
-          } : {
-            asset: /*#__PURE__*/jsxRuntime.jsx(art.Flag, {
-              code: currency
-            })
-          })
-        }].filter(avatar => Boolean(avatar))
-      },
-      addonEnd: disabled ? undefined : {
-        type: 'icon',
-        value: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronDown, {})
-      },
-      onClick: event => handleTriggerClick(event),
-      children: currency
-    }),
-    onChange: newValue => {
-      onChange?.(newValue.code);
-    },
-    onFilterChange: ({
-      queryNormalized
-    }) => {
-      setSearchQuery(queryNormalized ?? '');
-      if (queryNormalized) {
-        onSearchChange?.({
-          query: queryNormalized,
-          resultCount: filterAndSortCurrenciesForQuery(allCurrencyOptions, queryNormalized).length
-        });
-      }
-    }
-  });
-};
-const ButtonInput = /*#__PURE__*/React.forwardRef(function ButtonInput({
-  children,
-  ...rest
-}, ref) {
-  return /*#__PURE__*/jsxRuntime.jsx(Button_resolver.default, {
-    ref: ref,
-    size: "md",
-    v2: true,
-    className: "wds-currency-selector",
-    priority: "secondary-neutral",
-    ...rest,
-    children: children
-  });
-});
-const getCurrencySelectOption = currency => {
-  return {
-    type: 'option',
-    value: currency,
-    filterMatchers: currency.keywords
-  };
-};
-const getCurrencyGroup = section => {
-  return {
-    type: 'group',
-    label: section.title,
-    options: section.currencies.map(getCurrencySelectOption)
-  };
-};
-const getUniqueCurrencies = options => {
-  const allCurrencyOptions = options.flatMap(section => section.currencies);
-  const uniqueCurrencies = new Map();
-  allCurrencyOptions.forEach(currencyObj => {
-    uniqueCurrencies.set(currencyObj.code, currencyObj);
-  });
-  return Array.from(uniqueCurrencies.values());
-};
-const filterAndSortCurrenciesForQuery = (currencies, query) => {
-  return currencies.filter(currency => {
-    return currency.code.toLowerCase().includes(query) || (currency.label ?? '').toLowerCase().includes(query) || currency.keywords?.some(keyword => keyword.toLowerCase().includes(query));
-  })
-  // prefer exact matches, then sort alphabetically by code
-  .sort((a, b) => {
-    const aCode = a.code.toLowerCase();
-    const bCode = b.code.toLowerCase();
-    if (aCode === query) {
-      return -1;
-    }
-    if (bCode === query) {
-      return 1;
-    }
-    return aCode.localeCompare(bCode);
-  });
-};
-
-exports.ButtonInput = ButtonInput;
-exports.CurrencySelector = CurrencySelector;
-//# sourceMappingURL=CurrencySelector.js.map

package/build/expressiveMoneyInput/CurrencySelector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CurrencySelector.js","sources":["../../src/expressiveMoneyInput/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';\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            ].filter((avatar) => Boolean(avatar)),\n          }}\n          addonEnd={disabled ? undefined : { type: 'icon', value: <ChevronDown /> }}\n          onClick={(event) => handleTriggerClick(event)}\n        >\n          {currency}\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","avatar","Boolean","addonEnd","ChevronDown","onClick","children","newValue","onFilterChange","queryNormalized","query","resultCount","forwardRef","rest","ref","Button","size","v2","className","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.mjs

@@ -1,157 +0,0 @@
-import Button from '../button/Button.resolver.mjs';
-import { SelectInput, SelectInputTriggerButton, SelectInputOptionContent } from '../inputs/SelectInput.mjs';
-import { ChevronDown } from '@transferwise/icons';
-import { Flag } from '@wise/art';
-import { useMemo, useState, forwardRef } from 'react';
-import { useIntl } from 'react-intl';
-import messages from './ExpressiveMoneyInput.messages.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-const CurrencySelector = ({
-  id,
-  currency,
-  options = [],
-  labelId,
-  onChange,
-  addons,
-  onOpen,
-  onSearchChange
-}) => {
-  const intl = useIntl();
-  const allCurrencyOptions = useMemo(() => getUniqueCurrencies(options), [options]);
-  const activeCurrencyOption = useMemo(() => {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    return allCurrencyOptions.find(option => option.code === currency);
-  }, [currency, allCurrencyOptions]);
-  const disabled = !onChange || options.length === 0 || options.length === 1 && options[0].currencies.length <= 1;
-  const [searchQuery, setSearchQuery] = useState('');
-  const handleTriggerClick = event => {
-    const triggerEl = event.currentTarget;
-    if (triggerEl?.getAttribute('aria-expanded') === 'false') {
-      onOpen?.();
-    }
-  };
-  const items = searchQuery ? filterAndSortCurrenciesForQuery(allCurrencyOptions, searchQuery).map(getCurrencySelectOption) : options.map(getCurrencyGroup);
-  return /*#__PURE__*/jsx(SelectInput, {
-    compareValues: "code",
-    disabled: disabled,
-    id: id,
-    value: activeCurrencyOption,
-    filterable: true,
-    filterPlaceholder: intl.formatMessage(messages.currencySelectorSearchPlaceholder),
-    UNSAFE_triggerButtonProps: {
-      id: undefined,
-      'aria-labelledby': undefined,
-      'aria-describedby': labelId,
-      'aria-invalid': undefined,
-      'aria-label': intl.formatMessage(messages.currencySelectorSelectCurrency)
-    },
-    items: items,
-    renderValue: ({
-      code,
-      label
-    }) => {
-      return /*#__PURE__*/jsx(SelectInputOptionContent, {
-        title: code,
-        note: label,
-        icon: /*#__PURE__*/jsx(Flag, {
-          code: code,
-          intrinsicSize: 24
-        })
-      });
-    },
-    renderTrigger: () => /*#__PURE__*/jsx(SelectInputTriggerButton, {
-      as: ButtonInput
-      // @ts-expect-error new (v2) ButtonProps
-      ,
-      addonStart: {
-        type: 'avatar',
-        value: [addons ? addons[0] : null, {
-          ...(addons && addons.length > 1 ? {
-            ...addons[1]
-          } : {
-            asset: /*#__PURE__*/jsx(Flag, {
-              code: currency
-            })
-          })
-        }].filter(avatar => Boolean(avatar))
-      },
-      addonEnd: disabled ? undefined : {
-        type: 'icon',
-        value: /*#__PURE__*/jsx(ChevronDown, {})
-      },
-      onClick: event => handleTriggerClick(event),
-      children: currency
-    }),
-    onChange: newValue => {
-      onChange?.(newValue.code);
-    },
-    onFilterChange: ({
-      queryNormalized
-    }) => {
-      setSearchQuery(queryNormalized ?? '');
-      if (queryNormalized) {
-        onSearchChange?.({
-          query: queryNormalized,
-          resultCount: filterAndSortCurrenciesForQuery(allCurrencyOptions, queryNormalized).length
-        });
-      }
-    }
-  });
-};
-const ButtonInput = /*#__PURE__*/forwardRef(function ButtonInput({
-  children,
-  ...rest
-}, ref) {
-  return /*#__PURE__*/jsx(Button, {
-    ref: ref,
-    size: "md",
-    v2: true,
-    className: "wds-currency-selector",
-    priority: "secondary-neutral",
-    ...rest,
-    children: children
-  });
-});
-const getCurrencySelectOption = currency => {
-  return {
-    type: 'option',
-    value: currency,
-    filterMatchers: currency.keywords
-  };
-};
-const getCurrencyGroup = section => {
-  return {
-    type: 'group',
-    label: section.title,
-    options: section.currencies.map(getCurrencySelectOption)
-  };
-};
-const getUniqueCurrencies = options => {
-  const allCurrencyOptions = options.flatMap(section => section.currencies);
-  const uniqueCurrencies = new Map();
-  allCurrencyOptions.forEach(currencyObj => {
-    uniqueCurrencies.set(currencyObj.code, currencyObj);
-  });
-  return Array.from(uniqueCurrencies.values());
-};
-const filterAndSortCurrenciesForQuery = (currencies, query) => {
-  return currencies.filter(currency => {
-    return currency.code.toLowerCase().includes(query) || (currency.label ?? '').toLowerCase().includes(query) || currency.keywords?.some(keyword => keyword.toLowerCase().includes(query));
-  })
-  // prefer exact matches, then sort alphabetically by code
-  .sort((a, b) => {
-    const aCode = a.code.toLowerCase();
-    const bCode = b.code.toLowerCase();
-    if (aCode === query) {
-      return -1;
-    }
-    if (bCode === query) {
-      return 1;
-    }
-    return aCode.localeCompare(bCode);
-  });
-};
-
-export { ButtonInput, CurrencySelector };
-//# sourceMappingURL=CurrencySelector.mjs.map

package/build/expressiveMoneyInput/CurrencySelector.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CurrencySelector.mjs","sources":["../../src/expressiveMoneyInput/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';\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            ].filter((avatar) => Boolean(avatar)),\n          }}\n          addonEnd={disabled ? undefined : { type: 'icon', value: <ChevronDown /> }}\n          onClick={(event) => handleTriggerClick(event)}\n        >\n          {currency}\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","avatar","Boolean","addonEnd","ChevronDown","onClick","children","newValue","onFilterChange","queryNormalized","query","resultCount","forwardRef","rest","ref","Button","size","v2","className","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/ExpressiveMoneyInput.js

@@ -1,114 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Body = require('../body/Body.js');
-var Label = require('../label/Label.js');
-var clsx = require('clsx');
-var framerMotion = require('framer-motion');
-var React = require('react');
-var CurrencySelector = require('./CurrencySelector.js');
-var AmountInput = require('./AmountInput.js');
-var Chevron = require('./Chevron.js');
-var InlinePrompt = require('../prompt/InlinePrompt/InlinePrompt.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function ExpressiveMoneyInput({
-  label,
-  currency,
-  currencySelector = {
-    options: []
-  },
-  amount,
-  onAmountChange,
-  className,
-  inlinePrompt,
-  showChevron,
-  autoFocus,
-  loading,
-  onFocusChange
-}) {
-  const inputId = React.useId();
-  const labelId = React.useId();
-  const customAlertId = React.useId();
-  const currencyId = React.useId();
-  const selector = currencySelector.customRender?.({
-    id: currencyId,
-    labelId
-  }) ?? /*#__PURE__*/jsxRuntime.jsx(CurrencySelector.CurrencySelector, {
-    id: currencyId,
-    labelId: labelId,
-    currency: currency,
-    ...currencySelector
-  });
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: clsx.clsx('wds-expressive-money-input', className),
-    children: [/*#__PURE__*/jsxRuntime.jsx(Label.Label, {
-      id: labelId,
-      htmlFor: inputId,
-      className: clsx.clsx('m-b-1', 'font-weight-normal'),
-      children: label
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: clsx.clsx('d-flex'),
-      role: "group",
-      "aria-labelledby": labelId,
-      ...(inlinePrompt ? {
-        'aria-describedby': customAlertId
-      } : {}),
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "wds-expressive-money-input-currency-selector",
-        children: selector
-      }), /*#__PURE__*/jsxRuntime.jsx(AmountInput.AmountInput, {
-        id: inputId,
-        describedById: currencyId,
-        amount: amount,
-        currency: currency
-        // eslint-disable-next-line jsx-a11y/no-autofocus
-        ,
-        autoFocus: autoFocus,
-        loading: loading,
-        onChange: onAmountChange,
-        onFocusChange: onFocusChange
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: clsx.clsx('d-flex align-items-center', 'wds-expressive-money-input-chevron'),
-        children: /*#__PURE__*/jsxRuntime.jsx(Chevron.Chevron, {
-          shouldShow: Boolean(showChevron)
-        })
-      })]
-    }), /*#__PURE__*/jsxRuntime.jsx(framerMotion.AnimatePresence, {
-      initial: false,
-      children: inlinePrompt && /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: clsx.clsx('d-flex justify-content-end', inlinePrompt && 'm-t-1'),
-        children: /*#__PURE__*/jsxRuntime.jsx(framerMotion.motion.div, {
-          initial: {
-            opacity: 0,
-            height: 0
-          },
-          animate: {
-            opacity: 1,
-            height: 'auto',
-            transition: {
-              delay: 0.75,
-              duration: 0.3
-            }
-          },
-          exit: {
-            opacity: 0,
-            height: 0
-          },
-          children: inlinePrompt.sentiment ? /*#__PURE__*/jsxRuntime.jsx(InlinePrompt.InlinePrompt, {
-            id: customAlertId,
-            media: inlinePrompt.media,
-            sentiment: inlinePrompt.sentiment,
-            children: inlinePrompt.message
-          }) : /*#__PURE__*/jsxRuntime.jsx(Body.default, {
-            children: inlinePrompt.message
-          })
-        }, customAlertId)
-      })
-    })]
-  });
-}
-
-exports.default = ExpressiveMoneyInput;
-//# sourceMappingURL=ExpressiveMoneyInput.js.map

package/build/expressiveMoneyInput/ExpressiveMoneyInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpressiveMoneyInput.js","sources":["../../src/expressiveMoneyInput/ExpressiveMoneyInput.tsx"],"sourcesContent":["import Body from '../body';\nimport { Label } from '../label/Label';\nimport { clsx } from 'clsx';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { useId, type ReactNode } from 'react';\n\nimport { type Props as CurrencySelectorProps, CurrencySelector } from './CurrencySelector';\nimport { CommonProps } from '../common';\nimport { AmountInput } from './AmountInput';\nimport { Chevron } from './Chevron';\nimport { InlinePrompt, type InlinePromptProps } from '../prompt/InlinePrompt';\n\ntype AmountType = number | null;\nexport type CurrencyType = string;\n\ntype DefaultCurrencySelectorInstanceType = Pick<\n  CurrencySelectorProps,\n  'addons' | 'options' | 'onChange' | 'onOpen' | 'onSearchChange'\n>;\ntype CustomCurrencySelectorInstanceType = {\n  customRender?: (props: { id: string; labelId: string }) => ReactNode;\n};\ntype CurrencySelectorType = DefaultCurrencySelectorInstanceType &\n  CustomCurrencySelectorInstanceType;\n\nexport type Props = {\n  label?: ReactNode;\n  currencySelector?: CurrencySelectorType;\n  amount?: AmountType;\n  currency: CurrencyType;\n  inlinePrompt?: {\n    sentiment?: InlinePromptProps['sentiment'];\n    message: InlinePromptProps['children'];\n    media?: InlinePromptProps['media'];\n  };\n  showChevron?: boolean;\n  autoFocus?: boolean;\n  loading?: boolean;\n  onAmountChange: (amount: AmountType) => void;\n  onFocusChange?: (focused: boolean) => void;\n} & CommonProps;\n\nexport default function ExpressiveMoneyInput({\n  label,\n  currency,\n  currencySelector = { options: [] } as DefaultCurrencySelectorInstanceType,\n  amount,\n  onAmountChange,\n  className,\n  inlinePrompt,\n  showChevron,\n  autoFocus,\n  loading,\n  onFocusChange,\n}: Props) {\n  const inputId = useId();\n  const labelId = useId();\n  const customAlertId = useId();\n  const currencyId = useId();\n\n  const selector = currencySelector.customRender?.({ id: currencyId, labelId }) ?? (\n    <CurrencySelector id={currencyId} labelId={labelId} currency={currency} {...currencySelector} />\n  );\n\n  return (\n    <div className={clsx('wds-expressive-money-input', className)}>\n      <Label id={labelId} htmlFor={inputId} className={clsx('m-b-1', 'font-weight-normal')}>\n        {label}\n      </Label>\n      <div\n        className={clsx('d-flex')}\n        role=\"group\"\n        aria-labelledby={labelId}\n        {...(inlinePrompt ? { 'aria-describedby': customAlertId } : {})}\n      >\n        <div className=\"wds-expressive-money-input-currency-selector\">{selector}</div>\n        <AmountInput\n          id={inputId}\n          describedById={currencyId}\n          amount={amount}\n          currency={currency}\n          // eslint-disable-next-line jsx-a11y/no-autofocus\n          autoFocus={autoFocus}\n          loading={loading}\n          onChange={onAmountChange}\n          onFocusChange={onFocusChange}\n        />\n        <div className={clsx('d-flex align-items-center', 'wds-expressive-money-input-chevron')}>\n          <Chevron shouldShow={Boolean(showChevron)} />\n        </div>\n      </div>\n      <AnimatePresence initial={false}>\n        {inlinePrompt && (\n          <div className={clsx('d-flex justify-content-end', inlinePrompt && 'm-t-1')}>\n            <motion.div\n              key={customAlertId}\n              initial={{ opacity: 0, height: 0 }}\n              animate={{\n                opacity: 1,\n                height: 'auto',\n                transition: { delay: 0.75, duration: 0.3 },\n              }}\n              exit={{ opacity: 0, height: 0 }}\n            >\n              {inlinePrompt.sentiment ? (\n                <InlinePrompt id={customAlertId} media={inlinePrompt.media} sentiment={inlinePrompt.sentiment}>\n                  {inlinePrompt.message}\n                </InlinePrompt>\n              ) : (\n                <Body>{inlinePrompt.message}</Body>\n              )}\n            </motion.div>\n          </div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n"],"names":["ExpressiveMoneyInput","label","currency","currencySelector","options","amount","onAmountChange","className","inlinePrompt","showChevron","autoFocus","loading","onFocusChange","inputId","useId","labelId","customAlertId","currencyId","selector","customRender","id","_jsx","CurrencySelector","_jsxs","clsx","children","Label","htmlFor","role","AmountInput","describedById","onChange","Chevron","shouldShow","Boolean","AnimatePresence","initial","motion","div","opacity","height","animate","transition","delay","duration","exit","sentiment","InlinePrompt","media","message","Body"],"mappings":"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"}

package/build/expressiveMoneyInput/ExpressiveMoneyInput.messages.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactIntl = require('react-intl');
-
-var messages = reactIntl.defineMessages({
-  currencySelectorSearchPlaceholder: {
-    id: "neptune.ExpressiveMoneyInput.currency.search.placeholder"
-  },
-  currencySelectorSelectCurrency: {
-    id: "neptune.ExpressiveMoneyInput.currency.select.currency"
-  }
-});
-
-exports.default = messages;
-//# sourceMappingURL=ExpressiveMoneyInput.messages.js.map

package/build/expressiveMoneyInput/ExpressiveMoneyInput.messages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpressiveMoneyInput.messages.js","sources":["../../src/expressiveMoneyInput/ExpressiveMoneyInput.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  currencySelectorSearchPlaceholder: {\n    id: 'neptune.ExpressiveMoneyInput.currency.search.placeholder',\n    defaultMessage: 'Type a currency / country',\n  },\n\n  currencySelectorSelectCurrency: {\n    id: 'neptune.ExpressiveMoneyInput.currency.select.currency',\n    defaultMessage: 'Select currency',\n  },\n});\n"],"names":["defineMessages","currencySelectorSearchPlaceholder","id","currencySelectorSelectCurrency"],"mappings":";;;;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,iCAAiC,EAAE;IACjCC,EAAE,EAAA;GAEH;AAEDC,EAAAA,8BAA8B,EAAE;IAC9BD,EAAE,EAAA;AAEH;AACF,CAAA,CAAC;;;;"}

package/build/expressiveMoneyInput/ExpressiveMoneyInput.messages.mjs

@@ -1,13 +0,0 @@
-import { defineMessages } from 'react-intl';
-
-var messages = defineMessages({
-  currencySelectorSearchPlaceholder: {
-    id: "neptune.ExpressiveMoneyInput.currency.search.placeholder"
-  },
-  currencySelectorSelectCurrency: {
-    id: "neptune.ExpressiveMoneyInput.currency.select.currency"
-  }
-});
-
-export { messages as default };
-//# sourceMappingURL=ExpressiveMoneyInput.messages.mjs.map

package/build/expressiveMoneyInput/ExpressiveMoneyInput.messages.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpressiveMoneyInput.messages.mjs","sources":["../../src/expressiveMoneyInput/ExpressiveMoneyInput.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  currencySelectorSearchPlaceholder: {\n    id: 'neptune.ExpressiveMoneyInput.currency.search.placeholder',\n    defaultMessage: 'Type a currency / country',\n  },\n\n  currencySelectorSelectCurrency: {\n    id: 'neptune.ExpressiveMoneyInput.currency.select.currency',\n    defaultMessage: 'Select currency',\n  },\n});\n"],"names":["defineMessages","currencySelectorSearchPlaceholder","id","currencySelectorSelectCurrency"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,iCAAiC,EAAE;IACjCC,EAAE,EAAA;GAEH;AAEDC,EAAAA,8BAA8B,EAAE;IAC9BD,EAAE,EAAA;AAEH;AACF,CAAA,CAAC;;;;"}

package/build/expressiveMoneyInput/ExpressiveMoneyInput.mjs

@@ -1,110 +0,0 @@
-import Body from '../body/Body.mjs';
-import { Label as LabelNamespace } from '../label/Label.mjs';
-import { clsx } from 'clsx';
-import { AnimatePresence, motion } from 'framer-motion';
-import { useId } from 'react';
-import { CurrencySelector } from './CurrencySelector.mjs';
-import { AmountInput } from './AmountInput.mjs';
-import { Chevron } from './Chevron.mjs';
-import { InlinePrompt } from '../prompt/InlinePrompt/InlinePrompt.mjs';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function ExpressiveMoneyInput({
-  label,
-  currency,
-  currencySelector = {
-    options: []
-  },
-  amount,
-  onAmountChange,
-  className,
-  inlinePrompt,
-  showChevron,
-  autoFocus,
-  loading,
-  onFocusChange
-}) {
-  const inputId = useId();
-  const labelId = useId();
-  const customAlertId = useId();
-  const currencyId = useId();
-  const selector = currencySelector.customRender?.({
-    id: currencyId,
-    labelId
-  }) ?? /*#__PURE__*/jsx(CurrencySelector, {
-    id: currencyId,
-    labelId: labelId,
-    currency: currency,
-    ...currencySelector
-  });
-  return /*#__PURE__*/jsxs("div", {
-    className: clsx('wds-expressive-money-input', className),
-    children: [/*#__PURE__*/jsx(LabelNamespace, {
-      id: labelId,
-      htmlFor: inputId,
-      className: clsx('m-b-1', 'font-weight-normal'),
-      children: label
-    }), /*#__PURE__*/jsxs("div", {
-      className: clsx('d-flex'),
-      role: "group",
-      "aria-labelledby": labelId,
-      ...(inlinePrompt ? {
-        'aria-describedby': customAlertId
-      } : {}),
-      children: [/*#__PURE__*/jsx("div", {
-        className: "wds-expressive-money-input-currency-selector",
-        children: selector
-      }), /*#__PURE__*/jsx(AmountInput, {
-        id: inputId,
-        describedById: currencyId,
-        amount: amount,
-        currency: currency
-        // eslint-disable-next-line jsx-a11y/no-autofocus
-        ,
-        autoFocus: autoFocus,
-        loading: loading,
-        onChange: onAmountChange,
-        onFocusChange: onFocusChange
-      }), /*#__PURE__*/jsx("div", {
-        className: clsx('d-flex align-items-center', 'wds-expressive-money-input-chevron'),
-        children: /*#__PURE__*/jsx(Chevron, {
-          shouldShow: Boolean(showChevron)
-        })
-      })]
-    }), /*#__PURE__*/jsx(AnimatePresence, {
-      initial: false,
-      children: inlinePrompt && /*#__PURE__*/jsx("div", {
-        className: clsx('d-flex justify-content-end', inlinePrompt && 'm-t-1'),
-        children: /*#__PURE__*/jsx(motion.div, {
-          initial: {
-            opacity: 0,
-            height: 0
-          },
-          animate: {
-            opacity: 1,
-            height: 'auto',
-            transition: {
-              delay: 0.75,
-              duration: 0.3
-            }
-          },
-          exit: {
-            opacity: 0,
-            height: 0
-          },
-          children: inlinePrompt.sentiment ? /*#__PURE__*/jsx(InlinePrompt, {
-            id: customAlertId,
-            media: inlinePrompt.media,
-            sentiment: inlinePrompt.sentiment,
-            children: inlinePrompt.message
-          }) : /*#__PURE__*/jsx(Body, {
-            children: inlinePrompt.message
-          })
-        }, customAlertId)
-      })
-    })]
-  });
-}
-
-export { ExpressiveMoneyInput as default };
-//# sourceMappingURL=ExpressiveMoneyInput.mjs.map