@transferwise/components 46.10.0 → 46.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/README.md +14 -1
  2. package/build/i18n/de.json +1 -0
  3. package/build/i18n/en.json +1 -0
  4. package/build/i18n/es.json +1 -0
  5. package/build/i18n/fr.json +1 -0
  6. package/build/i18n/hu.json +1 -0
  7. package/build/i18n/id.json +1 -0
  8. package/build/i18n/it.json +1 -0
  9. package/build/i18n/ja.json +1 -0
  10. package/build/i18n/pl.json +1 -0
  11. package/build/i18n/pt.json +1 -0
  12. package/build/i18n/ro.json +1 -0
  13. package/build/i18n/ru.json +1 -0
  14. package/build/i18n/th.json +1 -0
  15. package/build/i18n/tr.json +1 -0
  16. package/build/i18n/zh-CN.json +1 -0
  17. package/build/i18n/zh-HK.json +1 -0
  18. package/build/index.esm.js +56 -33
  19. package/build/index.esm.js.map +1 -1
  20. package/build/index.js +56 -33
  21. package/build/index.js.map +1 -1
  22. package/build/main.css +6 -0
  23. package/build/mocks.esm.js +40 -0
  24. package/build/mocks.esm.js.map +1 -0
  25. package/build/mocks.js +43 -0
  26. package/build/mocks.js.map +1 -0
  27. package/build/styles/drawer/Drawer.css +3 -0
  28. package/build/styles/main.css +6 -0
  29. package/build/styles/modal/Modal.css +3 -0
  30. package/build/types/mocks.d.ts +9 -0
  31. package/build/types/mocks.d.ts.map +1 -0
  32. package/build/types/phoneNumberInput/PhoneNumberInput.d.ts.map +1 -1
  33. package/build/types/phoneNumberInput/PhoneNumberInput.messages.d.ts +8 -0
  34. package/build/types/phoneNumberInput/PhoneNumberInput.messages.d.ts.map +1 -0
  35. package/build/types/test-utils/window-mock.d.ts.map +1 -1
  36. package/package.json +22 -6
  37. package/src/dimmer/Dimmer.spec.js +0 -4
  38. package/src/drawer/Drawer.css +3 -0
  39. package/src/drawer/Drawer.less +4 -0
  40. package/src/i18n/de.json +1 -0
  41. package/src/i18n/en.json +1 -0
  42. package/src/i18n/es.json +1 -0
  43. package/src/i18n/fr.json +1 -0
  44. package/src/i18n/hu.json +1 -0
  45. package/src/i18n/id.json +1 -0
  46. package/src/i18n/it.json +1 -0
  47. package/src/i18n/ja.json +1 -0
  48. package/src/i18n/pl.json +1 -0
  49. package/src/i18n/pt.json +1 -0
  50. package/src/i18n/ro.json +1 -0
  51. package/src/i18n/ru.json +1 -0
  52. package/src/i18n/th.json +1 -0
  53. package/src/i18n/tr.json +1 -0
  54. package/src/i18n/zh-CN.json +1 -0
  55. package/src/i18n/zh-HK.json +1 -0
  56. package/src/inputs/SelectInput.story.tsx +221 -315
  57. package/src/main.css +6 -0
  58. package/src/mocks.ts +48 -0
  59. package/src/modal/Modal.css +3 -0
  60. package/src/modal/Modal.less +4 -0
  61. package/src/modal/Modal.story.tsx +55 -21
  62. package/src/phoneNumberInput/PhoneNumberInput.messages.ts +8 -0
  63. package/src/phoneNumberInput/PhoneNumberInput.spec.js +12 -7
  64. package/src/phoneNumberInput/PhoneNumberInput.tsx +3 -2
  65. package/src/snackbar/Snackbar.spec.js +0 -4
  66. package/src/test-utils/window-mock.ts +7 -23
  67. package/src/withNextPortal/withNextPortal.spec.js +0 -4
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  [![ci-cd](https://github.com/transferwise/neptune-web/actions/workflows/ci-cd.yml/badge.svg)](https://github.com/transferwise/neptune-web/actions) [![NPM](https://badge.fury.io/js/%40transferwise%2Fcomponents.svg)](https://www.npmjs.com/package/@transferwise/components)
2
2
 
3
- # Neptune Web React Components Temp
3
+ # Neptune Web React Components
4
4
 
5
5
  Neptune is the Design System built by and used at TransferWise. Neptune Web is the Neptune framework for Web. Neptune Web provides a way to build high quality, consistent user experiences on the web with ease.
6
6
 
@@ -48,6 +48,19 @@ Note: types for some of components are not 100% accurate (some of them will be j
48
48
 
49
49
  Please follow [rules for JS components](https://github.com/transferwise/neptune-web/blob/main/packages/components/CONTRIBUTING.md#js-component-rules) in order to generate accurate types for them.
50
50
 
51
+ ### Mocks for testing
52
+
53
+ We expose reusable mocks for Jest and Vitest under an isolated entry point. They can be applied by passing the testing framework as the parameter:
54
+
55
+ ```ts
56
+ import { mockMatchMedia, mockResizeObserver } from '@transferwise/components/mocks';
57
+ import { jest } from '@jest/globals';
58
+ import { vi } from 'vitest';
59
+
60
+ mockMatchMedia(jest); // With Jest
61
+ mockResizeObserver(vi); // With Vitest
62
+ ```
63
+
51
64
  ## Documentation
52
65
 
53
66
  Visit the [docs](https://transferwise.github.io/neptune-web/about/Home) for information on getting started, usage information and examples for each component.
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "Weitere Informationen",
21
21
  "neptune.Link.opensInNewTab": "(wird in einem neuen Tab geöffnet)",
22
22
  "neptune.MoneyInput.Select.placeholder": "Wähle eine der Möglichkeiten aus...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Wähle eine der Möglichkeiten aus...",
23
24
  "neptune.Select.searchPlaceholder": "Wird gesucht...",
24
25
  "neptune.SelectInput.noResultsFound": "Keine Ergebnisse gefunden",
25
26
  "neptune.Summary.statusDone": "Schritt erledigt",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "More information",
21
21
  "neptune.Link.opensInNewTab": "(opens in new tab)",
22
22
  "neptune.MoneyInput.Select.placeholder": "Select an option...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Select an option...",
23
24
  "neptune.Select.searchPlaceholder": "Search...",
24
25
  "neptune.SelectInput.noResultsFound": "No results found",
25
26
  "neptune.Summary.statusDone": "Item done",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "Más información",
21
21
  "neptune.Link.opensInNewTab": "(se abre en una pestaña nueva)",
22
22
  "neptune.MoneyInput.Select.placeholder": "Selecciona una opción...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Selecciona una opción...",
23
24
  "neptune.Select.searchPlaceholder": "Buscar...",
24
25
  "neptune.SelectInput.noResultsFound": "No se han encontrado resultados",
25
26
  "neptune.Summary.statusDone": "Apartado listo",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "Plus d'informations",
21
21
  "neptune.Link.opensInNewTab": "(ouvre dans un nouvel onglet)",
22
22
  "neptune.MoneyInput.Select.placeholder": "Sélectionner une option...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Sélectionnez une option…",
23
24
  "neptune.Select.searchPlaceholder": "Recherche...",
24
25
  "neptune.SelectInput.noResultsFound": "Aucun résultat trouvé",
25
26
  "neptune.Summary.statusDone": "Validé",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "További információ",
21
21
  "neptune.Link.opensInNewTab": "(új lapon nyílik meg)",
22
22
  "neptune.MoneyInput.Select.placeholder": "Válassz ki egy lehetőséget...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Válassz ki egy lehetőséget...",
23
24
  "neptune.Select.searchPlaceholder": "Keresés...",
24
25
  "neptune.SelectInput.noResultsFound": "Nincs találat",
25
26
  "neptune.Summary.statusDone": "Kész",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "Informasi lebih lanjut",
21
21
  "neptune.Link.opensInNewTab": "(terbuka di tab baru)",
22
22
  "neptune.MoneyInput.Select.placeholder": "Pilih opsi...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Pilih opsi...",
23
24
  "neptune.Select.searchPlaceholder": "Cari...",
24
25
  "neptune.SelectInput.noResultsFound": "Hasil tidak ditemukan",
25
26
  "neptune.Summary.statusDone": "Item selesai",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "Maggiori informazioni",
21
21
  "neptune.Link.opensInNewTab": "(si apre in una nuova scheda)",
22
22
  "neptune.MoneyInput.Select.placeholder": "Seleziona un'opzione...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Seleziona un'opzione...",
23
24
  "neptune.Select.searchPlaceholder": "Cerca...",
24
25
  "neptune.SelectInput.noResultsFound": "Nessun risultato trovato",
25
26
  "neptune.Summary.statusDone": "Completato",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "詳細",
21
21
  "neptune.Link.opensInNewTab": "(新しいタブで開きます)",
22
22
  "neptune.MoneyInput.Select.placeholder": "選択してください...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "選択してください…",
23
24
  "neptune.Select.searchPlaceholder": "検索... ",
24
25
  "neptune.SelectInput.noResultsFound": "結果が見つかりませんでした",
25
26
  "neptune.Summary.statusDone": "完了",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "Więcej informacji",
21
21
  "neptune.Link.opensInNewTab": "(otworzy się w nowej zakładce)",
22
22
  "neptune.MoneyInput.Select.placeholder": "Wybierz opcję...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Wybierz opcję...",
23
24
  "neptune.Select.searchPlaceholder": "Wyszukaj...",
24
25
  "neptune.SelectInput.noResultsFound": "Nie znaleziono wyników",
25
26
  "neptune.Summary.statusDone": "Czynność wykonana",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "Mais informações",
21
21
  "neptune.Link.opensInNewTab": "(abre em uma nova aba)",
22
22
  "neptune.MoneyInput.Select.placeholder": "Escolha uma opção...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Escolha uma opção...",
23
24
  "neptune.Select.searchPlaceholder": "Buscar...",
24
25
  "neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
25
26
  "neptune.Summary.statusDone": "Pronto",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "Mai multe informații",
21
21
  "neptune.Link.opensInNewTab": "(se deschide într-o filă nouă)",
22
22
  "neptune.MoneyInput.Select.placeholder": "Selectează o opţiune...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Selectează o opțiune...",
23
24
  "neptune.Select.searchPlaceholder": "Caută...",
24
25
  "neptune.SelectInput.noResultsFound": "Nu s-a găsit niciun rezultat",
25
26
  "neptune.Summary.statusDone": "Finalizat",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "Подробнее",
21
21
  "neptune.Link.opensInNewTab": "(откроется в новой вкладке)",
22
22
  "neptune.MoneyInput.Select.placeholder": "Выберите вариант...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Выберите вариант...",
23
24
  "neptune.Select.searchPlaceholder": "Поиск...",
24
25
  "neptune.SelectInput.noResultsFound": "Ничего не найдено",
25
26
  "neptune.Summary.statusDone": "Этап завершен",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "ข้อมูลเพิ่มเติม",
21
21
  "neptune.Link.opensInNewTab": "(เปิดในแท็บใหม่)",
22
22
  "neptune.MoneyInput.Select.placeholder": "เลือกตัวเลือก...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
23
24
  "neptune.Select.searchPlaceholder": "ค้นหา...",
24
25
  "neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
25
26
  "neptune.Summary.statusDone": "รายการที่ทำแล้ว",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "Daha fazla bilgi",
21
21
  "neptune.Link.opensInNewTab": "(yeni sekmede açılır)",
22
22
  "neptune.MoneyInput.Select.placeholder": "Bir seçenek seçin...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Bir seçenek seçin...",
23
24
  "neptune.Select.searchPlaceholder": "Ara...",
24
25
  "neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
25
26
  "neptune.Summary.statusDone": "Tamamlanan aşama",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "更多信息",
21
21
  "neptune.Link.opensInNewTab": "(在新标签页中打开)",
22
22
  "neptune.MoneyInput.Select.placeholder": "请选择...",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "选择一个选项...",
23
24
  "neptune.Select.searchPlaceholder": "搜索",
24
25
  "neptune.SelectInput.noResultsFound": "找不到结果",
25
26
  "neptune.Summary.statusDone": "已完成",
@@ -20,6 +20,7 @@
20
20
  "neptune.Info.ariaLabel": "更多資訊",
21
21
  "neptune.Link.opensInNewTab": "(在新分頁中開啟)",
22
22
  "neptune.MoneyInput.Select.placeholder": "選擇一個選項…",
23
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "選擇其中一項…",
23
24
  "neptune.Select.searchPlaceholder": "搜尋…",
24
25
  "neptune.SelectInput.noResultsFound": "找不到任何結果",
25
26
  "neptune.Summary.statusDone": "已完成事項",
@@ -722,7 +722,7 @@ const ActionOption = ({
722
722
  });
723
723
  };
724
724
 
725
- var messages$c = defineMessages({
725
+ var messages$d = defineMessages({
726
726
  ariaLabel: {
727
727
  id: "neptune.CloseButton.ariaLabel"
728
728
  }
@@ -738,7 +738,7 @@ const CloseButton = /*#__PURE__*/forwardRef(function CloseButton({
738
738
  testId
739
739
  }, reference) {
740
740
  const intl = useIntl();
741
- ariaLabel ??= intl.formatMessage(messages$c.ariaLabel);
741
+ ariaLabel ??= intl.formatMessage(messages$d.ariaLabel);
742
742
  const Icon = filled ? CrossCircleFill : Cross;
743
743
  return /*#__PURE__*/jsx("button", {
744
744
  ref: reference,
@@ -758,7 +758,7 @@ const CloseButton = /*#__PURE__*/forwardRef(function CloseButton({
758
758
  });
759
759
  });
760
760
 
761
- var messages$b = defineMessages({
761
+ var messages$c = defineMessages({
762
762
  opensInNewTab: {
763
763
  id: "neptune.Link.opensInNewTab"
764
764
  }
@@ -787,7 +787,7 @@ const Link = ({
787
787
  onClick: onClick,
788
788
  ...props,
789
789
  children: [children, " ", isBlank && /*#__PURE__*/jsx(NavigateAway, {
790
- title: formatMessage(messages$b.opensInNewTab)
790
+ title: formatMessage(messages$c.opensInNewTab)
791
791
  })]
792
792
  });
793
793
  };
@@ -2217,7 +2217,7 @@ ProcessIndicator.defaultProps = {
2217
2217
  };
2218
2218
  var ProcessIndicator$1 = ProcessIndicator;
2219
2219
 
2220
- var messages$a = defineMessages({
2220
+ var messages$b = defineMessages({
2221
2221
  loadingAriaLabel: {
2222
2222
  id: "neptune.Button.loadingAriaLabel"
2223
2223
  }
@@ -2336,7 +2336,7 @@ const Button = /*#__PURE__*/forwardRef(({
2336
2336
  className: classes,
2337
2337
  ...props,
2338
2338
  "aria-live": loading ? 'polite' : 'off',
2339
- "aria-label": loading ? intl.formatMessage(messages$a.loadingAriaLabel) : rest['aria-label'],
2339
+ "aria-label": loading ? intl.formatMessage(messages$b.loadingAriaLabel) : rest['aria-label'],
2340
2340
  children: [children, loading && /*#__PURE__*/jsx(ProcessIndicator$1, {
2341
2341
  size: processIndicatorSize(),
2342
2342
  className: "btn-loader"
@@ -2629,7 +2629,7 @@ const Chip = ({
2629
2629
  }, value);
2630
2630
  };
2631
2631
 
2632
- var messages$9 = defineMessages({
2632
+ var messages$a = defineMessages({
2633
2633
  ariaLabel: {
2634
2634
  id: "neptune.Chips.ariaLabel"
2635
2635
  }
@@ -2661,7 +2661,7 @@ const Chips = ({
2661
2661
  value: chip.value,
2662
2662
  label: chip.label,
2663
2663
  closeButton: {
2664
- 'aria-label': intl.formatMessage(messages$9.ariaLabel, {
2664
+ 'aria-label': intl.formatMessage(messages$a.ariaLabel, {
2665
2665
  choice: chip.label
2666
2666
  })
2667
2667
  },
@@ -2769,7 +2769,7 @@ const validDateObject = dateObject => dateObject instanceof Date && !isNaN(dateO
2769
2769
 
2770
2770
  const isMonthAndYearFormat = dateString => validDateString(dateString) && dateString.split('-').length < 3;
2771
2771
 
2772
- var messages$8 = defineMessages({
2772
+ var messages$9 = defineMessages({
2773
2773
  monthLabel: {
2774
2774
  id: "neptune.DateInput.month.label"
2775
2775
  },
@@ -2855,13 +2855,13 @@ const DateInput = ({
2855
2855
  const [month, setMonth] = useState(() => getExplodedDate('month'));
2856
2856
  const [year, setYear] = useState(() => getExplodedDate('year'));
2857
2857
  const [lastBroadcastedValue, setLastBroadcastedValue] = useState(getDateObject);
2858
- dayLabel = dayLabel || formatMessage(messages$8.dayLabel);
2859
- monthLabel = monthLabel || formatMessage(messages$8.monthLabel);
2860
- yearLabel = yearLabel || formatMessage(messages$8.yearLabel);
2858
+ dayLabel = dayLabel || formatMessage(messages$9.dayLabel);
2859
+ monthLabel = monthLabel || formatMessage(messages$9.monthLabel);
2860
+ yearLabel = yearLabel || formatMessage(messages$9.yearLabel);
2861
2861
  placeholders = {
2862
- day: placeholders?.day || formatMessage(messages$8.dayPlaceholder),
2863
- month: placeholders?.month || formatMessage(messages$8.monthLabel),
2864
- year: placeholders?.year || formatMessage(messages$8.yearPlaceholder)
2862
+ day: placeholders?.day || formatMessage(messages$9.dayPlaceholder),
2863
+ month: placeholders?.month || formatMessage(messages$9.monthLabel),
2864
+ year: placeholders?.year || formatMessage(messages$9.yearPlaceholder)
2865
2865
  };
2866
2866
  const getDateAsString = date => {
2867
2867
  if (!isDateValid(date)) {
@@ -3370,7 +3370,7 @@ DateTrigger.defaultProps = {
3370
3370
  };
3371
3371
  var DateTrigger$1 = DateTrigger;
3372
3372
 
3373
- var messages$7 = defineMessages({
3373
+ var messages$8 = defineMessages({
3374
3374
  next: {
3375
3375
  id: "neptune.DateLookup.next"
3376
3376
  },
@@ -3416,7 +3416,7 @@ const DateHeader = ({
3416
3416
  children: /*#__PURE__*/jsx("button", {
3417
3417
  type: "button",
3418
3418
  className: `d-inline-flex ${buttonClasses}`,
3419
- "aria-label": `${intl.formatMessage(messages$7.previous)} ${dateMode}`,
3419
+ "aria-label": `${intl.formatMessage(messages$8.previous)} ${dateMode}`,
3420
3420
  onClick: onPreviousClick,
3421
3421
  children: /*#__PURE__*/jsx(Chevron, {
3422
3422
  orientation: Position.LEFT,
@@ -3430,7 +3430,7 @@ const DateHeader = ({
3430
3430
  children: /*#__PURE__*/jsx("button", {
3431
3431
  type: "button",
3432
3432
  className: `tw-date-lookup-header-current ${buttonClasses}`,
3433
- "aria-label": intl.formatMessage(messages$7.goTo20YearView),
3433
+ "aria-label": intl.formatMessage(messages$8.goTo20YearView),
3434
3434
  onClick: onLabelClick,
3435
3435
  children: label
3436
3436
  })
@@ -3439,7 +3439,7 @@ const DateHeader = ({
3439
3439
  children: /*#__PURE__*/jsx("button", {
3440
3440
  type: "button",
3441
3441
  className: `d-inline-flex ${buttonClasses}`,
3442
- "aria-label": `${useIntl().formatMessage(messages$7.next)} ${dateMode}`,
3442
+ "aria-label": `${useIntl().formatMessage(messages$8.next)} ${dateMode}`,
3443
3443
  onClick: onNextClick,
3444
3444
  children: /*#__PURE__*/jsx(Chevron, {
3445
3445
  orientation: Position.RIGHT,
@@ -3506,7 +3506,7 @@ const TableLink = ({
3506
3506
  };
3507
3507
  const calculateAriaLabel = () => {
3508
3508
  if (active) {
3509
- return `${longTitle || title || ''}, ${intl.formatMessage(messages$7.selected)} ${intl.formatMessage(messages$7[type])}`;
3509
+ return `${longTitle || title || ''}, ${intl.formatMessage(messages$8.selected)} ${intl.formatMessage(messages$8[type])}`;
3510
3510
  }
3511
3511
  return longTitle || title;
3512
3512
  };
@@ -3723,7 +3723,7 @@ class DayCalendar extends PureComponent {
3723
3723
  month: monthFormat,
3724
3724
  year: 'numeric'
3725
3725
  }),
3726
- dateMode: formatMessage(messages$7.month),
3726
+ dateMode: formatMessage(messages$8.month),
3727
3727
  onLabelClick: onLabelClick,
3728
3728
  onPreviousClick: this.selectPreviousMonth,
3729
3729
  onNextClick: this.selectNextMonth
@@ -3869,7 +3869,7 @@ class MonthCalendar extends PureComponent {
3869
3869
  } = this.props;
3870
3870
  return /*#__PURE__*/jsxs(Fragment, {
3871
3871
  children: [/*#__PURE__*/jsx(DateHeader$1, {
3872
- dateMode: formatMessage(messages$7.year),
3872
+ dateMode: formatMessage(messages$8.year),
3873
3873
  label: formatDate(new Date(viewYear, 0), locale, {
3874
3874
  year: 'numeric'
3875
3875
  }),
@@ -4015,7 +4015,7 @@ class YearCalendar extends PureComponent {
4015
4015
  } = this.props;
4016
4016
  return /*#__PURE__*/jsxs(Fragment, {
4017
4017
  children: [/*#__PURE__*/jsx(DateHeader$1, {
4018
- dateMode: formatMessage(messages$7.twentyYears),
4018
+ dateMode: formatMessage(messages$8.twentyYears),
4019
4019
  onPreviousClick: this.selectPreviousYears,
4020
4020
  onNextClick: this.selectNextYears
4021
4021
  }), /*#__PURE__*/jsx(YearCalendarTable$1, {
@@ -5666,7 +5666,7 @@ const Stepper = ({
5666
5666
  });
5667
5667
  };
5668
5668
 
5669
- var messages$6 = defineMessages({
5669
+ var messages$7 = defineMessages({
5670
5670
  back: {
5671
5671
  id: "neptune.FlowNavigation.back"
5672
5672
  }
@@ -5758,7 +5758,7 @@ const FlowNavigation = ({
5758
5758
  }),
5759
5759
  leftContent: /*#__PURE__*/jsxs(Fragment, {
5760
5760
  children: [isSmall && displayGoBack ? /*#__PURE__*/jsx(BackButton$1, {
5761
- "aria-label": intl.formatMessage(messages$6.back),
5761
+ "aria-label": intl.formatMessage(messages$7.back),
5762
5762
  onClick: onGoBack
5763
5763
  }) : /*#__PURE__*/jsx("div", {
5764
5764
  className: "np-flow-header__left",
@@ -6066,7 +6066,7 @@ const deprecatedPlacements = {
6066
6066
  };
6067
6067
  var Popover$2 = Popover$1;
6068
6068
 
6069
- var messages$5 = defineMessages({
6069
+ var messages$6 = defineMessages({
6070
6070
  ariaLabel: {
6071
6071
  id: "neptune.Info.ariaLabel"
6072
6072
  }
@@ -6084,7 +6084,7 @@ const Info = ({
6084
6084
  }) => {
6085
6085
  const intl = useIntl();
6086
6086
  const [open, setOpen] = useState(false);
6087
- ariaLabel ??= intl.formatMessage(messages$5.ariaLabel);
6087
+ ariaLabel ??= intl.formatMessage(messages$6.ariaLabel);
6088
6088
  const isModal = presentation === InfoPresentation.MODAL;
6089
6089
  const isSmall = size === Size.SMALL;
6090
6090
  const buttonProps = {
@@ -6370,7 +6370,7 @@ const PolymorphicWithOverrides = /*#__PURE__*/forwardRef(function PolymorphicWit
6370
6370
  });
6371
6371
  });
6372
6372
 
6373
- var messages$4 = defineMessages({
6373
+ var messages$5 = defineMessages({
6374
6374
  noResultsFound: {
6375
6375
  id: "neptune.SelectInput.noResultsFound"
6376
6376
  }
@@ -6990,7 +6990,7 @@ function SelectInputOptions({
6990
6990
  children: [/*#__PURE__*/jsx(CrossCircle, {
6991
6991
  size: 16,
6992
6992
  className: "np-select-input-options-status-icon"
6993
- }), intl.formatMessage(messages$4.noResultsFound)]
6993
+ }), intl.formatMessage(messages$5.noResultsFound)]
6994
6994
  }) : null, /*#__PURE__*/jsx("div", {
6995
6995
  ref: listboxRef,
6996
6996
  id: listboxId,
@@ -7656,7 +7656,7 @@ Money.propTypes = {
7656
7656
  };
7657
7657
  var Money$1 = Money;
7658
7658
 
7659
- var messages$3 = defineMessages({
7659
+ var messages$4 = defineMessages({
7660
7660
  selectPlaceholder: {
7661
7661
  id: "neptune.MoneyInput.Select.placeholder"
7662
7662
  }
@@ -8000,7 +8000,7 @@ class MoneyInput extends Component {
8000
8000
  onClick: this.handleCustomAction,
8001
8001
  children: this.props.customActionLabel
8002
8002
  }) : undefined,
8003
- placeholder: this.props.intl.formatMessage(messages$3.selectPlaceholder),
8003
+ placeholder: this.props.intl.formatMessage(messages$4.selectPlaceholder),
8004
8004
  filterable: true,
8005
8005
  filterPlaceholder: this.props.searchPlaceholder,
8006
8006
  disabled: disabled,
@@ -8211,6 +8211,12 @@ OverlayHeader.propTypes = {
8211
8211
  };
8212
8212
  var OverlayHeader$1 = OverlayHeader;
8213
8213
 
8214
+ var messages$3 = defineMessages({
8215
+ selectInputPlaceholder: {
8216
+ id: "neptune.PhoneNumberInput.SelectInput.placeholder"
8217
+ }
8218
+ });
8219
+
8214
8220
  const countries = [{
8215
8221
  name: 'Afghanistan',
8216
8222
  iso2: 'AF',
@@ -9593,7 +9599,8 @@ const PhoneNumberInput = ({
9593
9599
  disabledCountries = defaultDisabledCountries
9594
9600
  }) => {
9595
9601
  const {
9596
- locale
9602
+ locale,
9603
+ formatMessage
9597
9604
  } = useIntl();
9598
9605
  const [internalValue, setInternalValue] = useState(() => {
9599
9606
  const cleanValue = initialValue ? cleanNumber(initialValue) : null;
@@ -9644,7 +9651,7 @@ const PhoneNumberInput = ({
9644
9651
  children: [/*#__PURE__*/jsx("div", {
9645
9652
  className: "tw-telephone__country-select",
9646
9653
  children: /*#__PURE__*/jsx(SelectInput, {
9647
- placeholder: "Select an option\u2026",
9654
+ placeholder: formatMessage(messages$3.selectInputPlaceholder),
9648
9655
  items: [...countriesByPrefix].map(([prefix, countries]) => ({
9649
9656
  type: 'option',
9650
9657
  value: prefix,
@@ -10000,6 +10007,7 @@ var en = {
10000
10007
  "neptune.Info.ariaLabel": "More information",
10001
10008
  "neptune.Link.opensInNewTab": "(opens in new tab)",
10002
10009
  "neptune.MoneyInput.Select.placeholder": "Select an option...",
10010
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Select an option...",
10003
10011
  "neptune.Select.searchPlaceholder": "Search...",
10004
10012
  "neptune.SelectInput.noResultsFound": "No results found",
10005
10013
  "neptune.Summary.statusDone": "Item done",
@@ -14579,6 +14587,7 @@ var de = {
14579
14587
  "neptune.Info.ariaLabel": "Weitere Informationen",
14580
14588
  "neptune.Link.opensInNewTab": "(wird in einem neuen Tab geöffnet)",
14581
14589
  "neptune.MoneyInput.Select.placeholder": "Wähle eine der Möglichkeiten aus...",
14590
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Wähle eine der Möglichkeiten aus...",
14582
14591
  "neptune.Select.searchPlaceholder": "Wird gesucht...",
14583
14592
  "neptune.SelectInput.noResultsFound": "Keine Ergebnisse gefunden",
14584
14593
  "neptune.Summary.statusDone": "Schritt erledigt",
@@ -14636,6 +14645,7 @@ var es = {
14636
14645
  "neptune.Info.ariaLabel": "Más información",
14637
14646
  "neptune.Link.opensInNewTab": "(se abre en una pestaña nueva)",
14638
14647
  "neptune.MoneyInput.Select.placeholder": "Selecciona una opción...",
14648
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Selecciona una opción...",
14639
14649
  "neptune.Select.searchPlaceholder": "Buscar...",
14640
14650
  "neptune.SelectInput.noResultsFound": "No se han encontrado resultados",
14641
14651
  "neptune.Summary.statusDone": "Apartado listo",
@@ -14693,6 +14703,7 @@ var fr = {
14693
14703
  "neptune.Info.ariaLabel": "Plus d'informations",
14694
14704
  "neptune.Link.opensInNewTab": "(ouvre dans un nouvel onglet)",
14695
14705
  "neptune.MoneyInput.Select.placeholder": "Sélectionner une option...",
14706
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Sélectionnez une option…",
14696
14707
  "neptune.Select.searchPlaceholder": "Recherche...",
14697
14708
  "neptune.SelectInput.noResultsFound": "Aucun résultat trouvé",
14698
14709
  "neptune.Summary.statusDone": "Validé",
@@ -14750,6 +14761,7 @@ var hu = {
14750
14761
  "neptune.Info.ariaLabel": "További információ",
14751
14762
  "neptune.Link.opensInNewTab": "(új lapon nyílik meg)",
14752
14763
  "neptune.MoneyInput.Select.placeholder": "Válassz ki egy lehetőséget...",
14764
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Válassz ki egy lehetőséget...",
14753
14765
  "neptune.Select.searchPlaceholder": "Keresés...",
14754
14766
  "neptune.SelectInput.noResultsFound": "Nincs találat",
14755
14767
  "neptune.Summary.statusDone": "Kész",
@@ -14807,6 +14819,7 @@ var id = {
14807
14819
  "neptune.Info.ariaLabel": "Informasi lebih lanjut",
14808
14820
  "neptune.Link.opensInNewTab": "(terbuka di tab baru)",
14809
14821
  "neptune.MoneyInput.Select.placeholder": "Pilih opsi...",
14822
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Pilih opsi...",
14810
14823
  "neptune.Select.searchPlaceholder": "Cari...",
14811
14824
  "neptune.SelectInput.noResultsFound": "Hasil tidak ditemukan",
14812
14825
  "neptune.Summary.statusDone": "Item selesai",
@@ -14864,6 +14877,7 @@ var it = {
14864
14877
  "neptune.Info.ariaLabel": "Maggiori informazioni",
14865
14878
  "neptune.Link.opensInNewTab": "(si apre in una nuova scheda)",
14866
14879
  "neptune.MoneyInput.Select.placeholder": "Seleziona un'opzione...",
14880
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Seleziona un'opzione...",
14867
14881
  "neptune.Select.searchPlaceholder": "Cerca...",
14868
14882
  "neptune.SelectInput.noResultsFound": "Nessun risultato trovato",
14869
14883
  "neptune.Summary.statusDone": "Completato",
@@ -14921,6 +14935,7 @@ var ja = {
14921
14935
  "neptune.Info.ariaLabel": "詳細",
14922
14936
  "neptune.Link.opensInNewTab": "(新しいタブで開きます)",
14923
14937
  "neptune.MoneyInput.Select.placeholder": "選択してください...",
14938
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "選択してください…",
14924
14939
  "neptune.Select.searchPlaceholder": "検索... ",
14925
14940
  "neptune.SelectInput.noResultsFound": "結果が見つかりませんでした",
14926
14941
  "neptune.Summary.statusDone": "完了",
@@ -14978,6 +14993,7 @@ var pl = {
14978
14993
  "neptune.Info.ariaLabel": "Więcej informacji",
14979
14994
  "neptune.Link.opensInNewTab": "(otworzy się w nowej zakładce)",
14980
14995
  "neptune.MoneyInput.Select.placeholder": "Wybierz opcję...",
14996
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Wybierz opcję...",
14981
14997
  "neptune.Select.searchPlaceholder": "Wyszukaj...",
14982
14998
  "neptune.SelectInput.noResultsFound": "Nie znaleziono wyników",
14983
14999
  "neptune.Summary.statusDone": "Czynność wykonana",
@@ -15035,6 +15051,7 @@ var pt = {
15035
15051
  "neptune.Info.ariaLabel": "Mais informações",
15036
15052
  "neptune.Link.opensInNewTab": "(abre em uma nova aba)",
15037
15053
  "neptune.MoneyInput.Select.placeholder": "Escolha uma opção...",
15054
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Escolha uma opção...",
15038
15055
  "neptune.Select.searchPlaceholder": "Buscar...",
15039
15056
  "neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
15040
15057
  "neptune.Summary.statusDone": "Pronto",
@@ -15092,6 +15109,7 @@ var ro = {
15092
15109
  "neptune.Info.ariaLabel": "Mai multe informații",
15093
15110
  "neptune.Link.opensInNewTab": "(se deschide într-o filă nouă)",
15094
15111
  "neptune.MoneyInput.Select.placeholder": "Selectează o opţiune...",
15112
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Selectează o opțiune...",
15095
15113
  "neptune.Select.searchPlaceholder": "Caută...",
15096
15114
  "neptune.SelectInput.noResultsFound": "Nu s-a găsit niciun rezultat",
15097
15115
  "neptune.Summary.statusDone": "Finalizat",
@@ -15149,6 +15167,7 @@ var ru = {
15149
15167
  "neptune.Info.ariaLabel": "Подробнее",
15150
15168
  "neptune.Link.opensInNewTab": "(откроется в новой вкладке)",
15151
15169
  "neptune.MoneyInput.Select.placeholder": "Выберите вариант...",
15170
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Выберите вариант...",
15152
15171
  "neptune.Select.searchPlaceholder": "Поиск...",
15153
15172
  "neptune.SelectInput.noResultsFound": "Ничего не найдено",
15154
15173
  "neptune.Summary.statusDone": "Этап завершен",
@@ -15206,6 +15225,7 @@ var th = {
15206
15225
  "neptune.Info.ariaLabel": "ข้อมูลเพิ่มเติม",
15207
15226
  "neptune.Link.opensInNewTab": "(เปิดในแท็บใหม่)",
15208
15227
  "neptune.MoneyInput.Select.placeholder": "เลือกตัวเลือก...",
15228
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
15209
15229
  "neptune.Select.searchPlaceholder": "ค้นหา...",
15210
15230
  "neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
15211
15231
  "neptune.Summary.statusDone": "รายการที่ทำแล้ว",
@@ -15263,6 +15283,7 @@ var tr = {
15263
15283
  "neptune.Info.ariaLabel": "Daha fazla bilgi",
15264
15284
  "neptune.Link.opensInNewTab": "(yeni sekmede açılır)",
15265
15285
  "neptune.MoneyInput.Select.placeholder": "Bir seçenek seçin...",
15286
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Bir seçenek seçin...",
15266
15287
  "neptune.Select.searchPlaceholder": "Ara...",
15267
15288
  "neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
15268
15289
  "neptune.Summary.statusDone": "Tamamlanan aşama",
@@ -15377,6 +15398,7 @@ var zhCN = {
15377
15398
  "neptune.Info.ariaLabel": "更多信息",
15378
15399
  "neptune.Link.opensInNewTab": "(在新标签页中打开)",
15379
15400
  "neptune.MoneyInput.Select.placeholder": "请选择...",
15401
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "选择一个选项...",
15380
15402
  "neptune.Select.searchPlaceholder": "搜索",
15381
15403
  "neptune.SelectInput.noResultsFound": "找不到结果",
15382
15404
  "neptune.Summary.statusDone": "已完成",
@@ -15434,6 +15456,7 @@ var zhHK = {
15434
15456
  "neptune.Info.ariaLabel": "更多資訊",
15435
15457
  "neptune.Link.opensInNewTab": "(在新分頁中開啟)",
15436
15458
  "neptune.MoneyInput.Select.placeholder": "選擇一個選項…",
15459
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "選擇其中一項…",
15437
15460
  "neptune.Select.searchPlaceholder": "搜尋…",
15438
15461
  "neptune.SelectInput.noResultsFound": "找不到任何結果",
15439
15462
  "neptune.Summary.statusDone": "已完成事項",