@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.
- package/README.md +14 -1
- package/build/i18n/de.json +1 -0
- package/build/i18n/en.json +1 -0
- package/build/i18n/es.json +1 -0
- package/build/i18n/fr.json +1 -0
- package/build/i18n/hu.json +1 -0
- package/build/i18n/id.json +1 -0
- package/build/i18n/it.json +1 -0
- package/build/i18n/ja.json +1 -0
- package/build/i18n/pl.json +1 -0
- package/build/i18n/pt.json +1 -0
- package/build/i18n/ro.json +1 -0
- package/build/i18n/ru.json +1 -0
- package/build/i18n/th.json +1 -0
- package/build/i18n/tr.json +1 -0
- package/build/i18n/zh-CN.json +1 -0
- package/build/i18n/zh-HK.json +1 -0
- package/build/index.esm.js +56 -33
- package/build/index.esm.js.map +1 -1
- package/build/index.js +56 -33
- package/build/index.js.map +1 -1
- package/build/main.css +6 -0
- package/build/mocks.esm.js +40 -0
- package/build/mocks.esm.js.map +1 -0
- package/build/mocks.js +43 -0
- package/build/mocks.js.map +1 -0
- package/build/styles/drawer/Drawer.css +3 -0
- package/build/styles/main.css +6 -0
- package/build/styles/modal/Modal.css +3 -0
- package/build/types/mocks.d.ts +9 -0
- package/build/types/mocks.d.ts.map +1 -0
- package/build/types/phoneNumberInput/PhoneNumberInput.d.ts.map +1 -1
- package/build/types/phoneNumberInput/PhoneNumberInput.messages.d.ts +8 -0
- package/build/types/phoneNumberInput/PhoneNumberInput.messages.d.ts.map +1 -0
- package/build/types/test-utils/window-mock.d.ts.map +1 -1
- package/package.json +22 -6
- package/src/dimmer/Dimmer.spec.js +0 -4
- package/src/drawer/Drawer.css +3 -0
- package/src/drawer/Drawer.less +4 -0
- package/src/i18n/de.json +1 -0
- package/src/i18n/en.json +1 -0
- package/src/i18n/es.json +1 -0
- package/src/i18n/fr.json +1 -0
- package/src/i18n/hu.json +1 -0
- package/src/i18n/id.json +1 -0
- package/src/i18n/it.json +1 -0
- package/src/i18n/ja.json +1 -0
- package/src/i18n/pl.json +1 -0
- package/src/i18n/pt.json +1 -0
- package/src/i18n/ro.json +1 -0
- package/src/i18n/ru.json +1 -0
- package/src/i18n/th.json +1 -0
- package/src/i18n/tr.json +1 -0
- package/src/i18n/zh-CN.json +1 -0
- package/src/i18n/zh-HK.json +1 -0
- package/src/inputs/SelectInput.story.tsx +221 -315
- package/src/main.css +6 -0
- package/src/mocks.ts +48 -0
- package/src/modal/Modal.css +3 -0
- package/src/modal/Modal.less +4 -0
- package/src/modal/Modal.story.tsx +55 -21
- package/src/phoneNumberInput/PhoneNumberInput.messages.ts +8 -0
- package/src/phoneNumberInput/PhoneNumberInput.spec.js +12 -7
- package/src/phoneNumberInput/PhoneNumberInput.tsx +3 -2
- package/src/snackbar/Snackbar.spec.js +0 -4
- package/src/test-utils/window-mock.ts +7 -23
- package/src/withNextPortal/withNextPortal.spec.js +0 -4
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
[](https://github.com/transferwise/neptune-web/actions) [](https://www.npmjs.com/package/@transferwise/components)
|
|
2
2
|
|
|
3
|
-
# Neptune Web React Components
|
|
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.
|
package/build/i18n/de.json
CHANGED
|
@@ -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",
|
package/build/i18n/en.json
CHANGED
|
@@ -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",
|
package/build/i18n/es.json
CHANGED
|
@@ -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",
|
package/build/i18n/fr.json
CHANGED
|
@@ -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é",
|
package/build/i18n/hu.json
CHANGED
|
@@ -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",
|
package/build/i18n/id.json
CHANGED
|
@@ -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",
|
package/build/i18n/it.json
CHANGED
|
@@ -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",
|
package/build/i18n/ja.json
CHANGED
|
@@ -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": "完了",
|
package/build/i18n/pl.json
CHANGED
|
@@ -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",
|
package/build/i18n/pt.json
CHANGED
|
@@ -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",
|
package/build/i18n/ro.json
CHANGED
|
@@ -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",
|
package/build/i18n/ru.json
CHANGED
|
@@ -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": "Этап завершен",
|
package/build/i18n/th.json
CHANGED
|
@@ -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": "รายการที่ทำแล้ว",
|
package/build/i18n/tr.json
CHANGED
|
@@ -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",
|
package/build/i18n/zh-CN.json
CHANGED
|
@@ -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": "已完成",
|
package/build/i18n/zh-HK.json
CHANGED
|
@@ -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": "已完成事項",
|
package/build/index.esm.js
CHANGED
|
@@ -722,7 +722,7 @@ const ActionOption = ({
|
|
|
722
722
|
});
|
|
723
723
|
};
|
|
724
724
|
|
|
725
|
-
var messages$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
2859
|
-
monthLabel = monthLabel || formatMessage(messages$
|
|
2860
|
-
yearLabel = yearLabel || formatMessage(messages$
|
|
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$
|
|
2863
|
-
month: placeholders?.month || formatMessage(messages$
|
|
2864
|
-
year: placeholders?.year || formatMessage(messages$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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:
|
|
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": "已完成事項",
|