@transferwise/components 45.28.0 → 46.0.0

package/build/index.js

@@ -1881,43 +1881,36 @@ const useHasIntersected = ({
   return [hasIntersected];
 };
 
+function useMedia(query) {
+  return shim.useSyncExternalStore(onStoreChange => {
+    const mediaQueryList = window.matchMedia(query);
+    mediaQueryList.addEventListener('change', onStoreChange);
+    return () => {
+      mediaQueryList.removeEventListener('change', onStoreChange);
+    };
+  }, () => typeof window !== 'undefined' ? window.matchMedia(query).matches : undefined, () => undefined);
+}
+
+function useScreenSize(size) {
+  return useMedia(`(min-width: ${size}px)`);
+}
+
+/**
+ * @deprecated Prefer `useScreenSize` instead.
+ */
 const useLayout = () => {
-  const windowReference = typeof window === 'undefined' ? undefined : window;
-  const [breakpoint, setBreakpoint] = React.useState();
-  const [clientWidth] = useClientWidth({
-    ref: windowReference
-  });
-  React.useEffect(() => {
-    if (!clientWidth) {
-      return;
-    }
-    if (clientWidth <= exports.Breakpoint.EXTRA_SMALL) {
-      setBreakpoint(exports.Breakpoint.EXTRA_SMALL);
-      return;
-    }
-    if (exports.Breakpoint.EXTRA_SMALL < clientWidth && clientWidth <= exports.Breakpoint.SMALL) {
-      setBreakpoint(exports.Breakpoint.SMALL);
-      return;
-    }
-    if (exports.Breakpoint.SMALL < clientWidth && clientWidth <= exports.Breakpoint.MEDIUM) {
-      setBreakpoint(exports.Breakpoint.MEDIUM);
-      return;
-    }
-    if (exports.Breakpoint.MEDIUM < clientWidth && clientWidth <= exports.Breakpoint.LARGE) {
-      setBreakpoint(exports.Breakpoint.LARGE);
-      return;
-    }
-    if (exports.Breakpoint.LARGE < clientWidth) {
-      setBreakpoint(exports.Breakpoint.EXTRA_LARGE);
-    }
-  }, [clientWidth]);
+  const screenXs = useScreenSize(exports.Breakpoint.EXTRA_SMALL);
+  const screenSm = useScreenSize(exports.Breakpoint.SMALL);
+  const screenMd = useScreenSize(exports.Breakpoint.MEDIUM);
+  const screenLg = useScreenSize(exports.Breakpoint.LARGE);
+  const screenXl = useScreenSize(exports.Breakpoint.EXTRA_LARGE);
   return {
-    isMobile: !!breakpoint && [exports.Breakpoint.EXTRA_SMALL, exports.Breakpoint.SMALL].includes(breakpoint),
-    isExtraSmall: breakpoint === exports.Breakpoint.EXTRA_SMALL,
-    isSmall: breakpoint === exports.Breakpoint.SMALL,
-    isMedium: breakpoint === exports.Breakpoint.MEDIUM,
-    isLarge: breakpoint === exports.Breakpoint.LARGE,
-    isExtraLarge: breakpoint === exports.Breakpoint.EXTRA_LARGE
+    isMobile: screenSm != null ? !screenSm : undefined,
+    isExtraSmall: screenXs,
+    isSmall: screenSm,
+    isMedium: screenMd,
+    isLarge: screenLg,
+    isExtraLarge: screenXl
   };
 };
 
@@ -2042,16 +2035,6 @@ Drawer.defaultProps = {
 };
 var Drawer$1 = Drawer;
 
-function useMedia(query) {
-  return shim.useSyncExternalStore(onStoreChange => {
-    const mediaQueryList = window.matchMedia(query);
-    mediaQueryList.addEventListener('change', onStoreChange);
-    return () => {
-      mediaQueryList.removeEventListener('change', onStoreChange);
-    };
-  }, () => typeof window !== 'undefined' ? window.matchMedia(query).matches : undefined, () => undefined);
-}
-
 const INITIAL_Y_POSITION = 0;
 const CONTENT_SCROLL_THRESHOLD = 1;
 const MOVE_OFFSET_THRESHOLD = 50;
@@ -6060,14 +6043,13 @@ const Modal = ({
 }) => {
   const checkSpecialClasses = classToCheck => className?.split(' ').includes(classToCheck);
   const {
-    isMobile,
-    isMedium: isTablet
+    isMedium
   } = useLayout();
   // These should be replaced with props in breaking change.
   const isCompact = checkSpecialClasses('compact');
   const noDivider = checkSpecialClasses('no-divider');
   const contentReference = React.useRef(null);
-  return isMobile || isTablet ? /*#__PURE__*/jsxRuntime.jsx(Drawer$1, {
+  return !isMedium ? /*#__PURE__*/jsxRuntime.jsx(Drawer$1, {
     open: open,
     headerTitle: title,
     footerContent: footer,
@@ -6501,10 +6483,6 @@ const SearchInput = /*#__PURE__*/React.forwardRef(function SearchInput({
   });
 });
 
-function useScreenSize(size) {
-  return useMedia(`(min-width: ${size}px)`);
-}
-
 const PolymorphicWithOverrides = /*#__PURE__*/React.forwardRef(function PolymorphicWithOverrides({
   __overrides: {
     as: Element,
@@ -6933,6 +6911,11 @@ function SelectInput({
           ...mergeProps__default.default({
             onClick: () => {
               setOpen(prev => !prev);
+            },
+            onKeyDown: event => {
+              if (event.key === ' ' || event.key === 'Enter' || event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+                setOpen(prev => !prev);
+              }
             }
           }, getInteractionProps())
         },
@@ -6978,6 +6961,7 @@ function SelectInputTriggerButton({
   const {
     ref,
     onClick,
+    onKeyDown,
     ...interactionProps
   } = React.useContext(SelectInputTriggerButtonPropsContext);
   return /*#__PURE__*/jsxRuntime.jsx(react$1.Listbox.Button, {
@@ -6988,7 +6972,8 @@ function SelectInputTriggerButton({
       ...interactionProps
     },
     ...mergeProps__default.default({
-      onClick
+      onClick,
+      onKeyDown
     }, restProps)
   });
 }
@@ -14713,9 +14698,11 @@ var cs = {
 	"neptune.DateLookup.twentyYears": "20 let",
 	"neptune.DateLookup.year": "rok",
 	"neptune.FlowNavigation.back": "back to previous step",
+	"neptune.Info.ariaLabel": "Více informací",
 	"neptune.Link.opensInNewTab": "(opens in new tab)",
 	"neptune.MoneyInput.Select.placeholder": "Vybrat možnost...",
 	"neptune.Select.searchPlaceholder": "Hledat...",
+	"neptune.SelectInput.noResultsFound": "Nebyly nalezeny žádné výsledky",
 	"neptune.Summary.statusDone": "Položka dokončena",
 	"neptune.Summary.statusNotDone": "Položka k dokončení",
 	"neptune.Summary.statusPending": "Čekající položka",
@@ -14766,9 +14753,11 @@ var de = {
 	"neptune.DateLookup.twentyYears": "20 Jahre",
 	"neptune.DateLookup.year": "Jahr",
 	"neptune.FlowNavigation.back": "zurück zum vorherigen Schritt",
+	"neptune.Info.ariaLabel": "Weitere Informationen",
 	"neptune.Link.opensInNewTab": "(wird in einem neuen Tab geöffnet)",
 	"neptune.MoneyInput.Select.placeholder": "Wähle eine der Möglichkeiten aus...",
 	"neptune.Select.searchPlaceholder": "Wird gesucht...",
+	"neptune.SelectInput.noResultsFound": "Keine Ergebnisse gefunden",
 	"neptune.Summary.statusDone": "Schritt erledigt",
 	"neptune.Summary.statusNotDone": "Schritt noch zu erledigen",
 	"neptune.Summary.statusPending": "Schritt ausstehend",
@@ -14819,9 +14808,11 @@ var es = {
 	"neptune.DateLookup.twentyYears": "20 años",
 	"neptune.DateLookup.year": "año",
 	"neptune.FlowNavigation.back": "volver al paso anterior",
+	"neptune.Info.ariaLabel": "Más información",
 	"neptune.Link.opensInNewTab": "(se abre en una pestaña nueva)",
 	"neptune.MoneyInput.Select.placeholder": "Selecciona una opción...",
 	"neptune.Select.searchPlaceholder": "Buscar...",
+	"neptune.SelectInput.noResultsFound": "No se han encontrado resultados",
 	"neptune.Summary.statusDone": "Apartado listo",
 	"neptune.Summary.statusNotDone": "Apartado a completar",
 	"neptune.Summary.statusPending": "Apartado pendiente",
@@ -14872,9 +14863,11 @@ var fr = {
 	"neptune.DateLookup.twentyYears": "20 ans",
 	"neptune.DateLookup.year": "année",
 	"neptune.FlowNavigation.back": "revenir à l'étape précédente",
+	"neptune.Info.ariaLabel": "Plus d'informations",
 	"neptune.Link.opensInNewTab": "(ouvre dans un nouvel onglet)",
 	"neptune.MoneyInput.Select.placeholder": "Sélectionner une option...",
 	"neptune.Select.searchPlaceholder": "Recherche...",
+	"neptune.SelectInput.noResultsFound": "Aucun résultat trouvé",
 	"neptune.Summary.statusDone": "Validé",
 	"neptune.Summary.statusNotDone": "À compléter",
 	"neptune.Summary.statusPending": "En attente",
@@ -14925,9 +14918,11 @@ var hu = {
 	"neptune.DateLookup.twentyYears": "20 év",
 	"neptune.DateLookup.year": "év",
 	"neptune.FlowNavigation.back": "vissza az előző lépéshez",
+	"neptune.Info.ariaLabel": "További információ",
 	"neptune.Link.opensInNewTab": "(új lapon nyílik meg)",
 	"neptune.MoneyInput.Select.placeholder": "Válassz ki egy lehetőséget...",
 	"neptune.Select.searchPlaceholder": "Keresés...",
+	"neptune.SelectInput.noResultsFound": "Nincs találat",
 	"neptune.Summary.statusDone": "Kész",
 	"neptune.Summary.statusNotDone": "Hátravan",
 	"neptune.Summary.statusPending": "Függőben",
@@ -14978,9 +14973,11 @@ var id = {
 	"neptune.DateLookup.twentyYears": "20 tahun",
 	"neptune.DateLookup.year": "tahun",
 	"neptune.FlowNavigation.back": "kembali ke langkah sebelumnya",
+	"neptune.Info.ariaLabel": "Informasi lebih lanjut",
 	"neptune.Link.opensInNewTab": "(terbuka di tab baru)",
 	"neptune.MoneyInput.Select.placeholder": "Pilih opsi...",
 	"neptune.Select.searchPlaceholder": "Cari...",
+	"neptune.SelectInput.noResultsFound": "Hasil tidak ditemukan",
 	"neptune.Summary.statusDone": "Item selesai",
 	"neptune.Summary.statusNotDone": "Item yang harus dilakukan",
 	"neptune.Summary.statusPending": "Item tertunda",
@@ -15031,9 +15028,11 @@ var it = {
 	"neptune.DateLookup.twentyYears": "20 anni",
 	"neptune.DateLookup.year": "anno",
 	"neptune.FlowNavigation.back": "torna al passaggio precedente",
+	"neptune.Info.ariaLabel": "Maggiori informazioni",
 	"neptune.Link.opensInNewTab": "(si apre in una nuova scheda)",
 	"neptune.MoneyInput.Select.placeholder": "Seleziona un'opzione...",
 	"neptune.Select.searchPlaceholder": "Cerca...",
+	"neptune.SelectInput.noResultsFound": "Nessun risultato trovato",
 	"neptune.Summary.statusDone": "Completato",
 	"neptune.Summary.statusNotDone": "Da completare",
 	"neptune.Summary.statusPending": "In corso",
@@ -15084,9 +15083,11 @@ var ja = {
 	"neptune.DateLookup.twentyYears": "20年",
 	"neptune.DateLookup.year": "年",
 	"neptune.FlowNavigation.back": "前のステップに戻る",
+	"neptune.Info.ariaLabel": "詳細",
 	"neptune.Link.opensInNewTab": "（新しいタブで開きます）",
 	"neptune.MoneyInput.Select.placeholder": "選択してください...",
 	"neptune.Select.searchPlaceholder": "検索... ",
+	"neptune.SelectInput.noResultsFound": "結果が見つかりませんでした",
 	"neptune.Summary.statusDone": "完了",
 	"neptune.Summary.statusNotDone": "未対応",
 	"neptune.Summary.statusPending": "保留中",
@@ -15137,9 +15138,11 @@ var pl = {
 	"neptune.DateLookup.twentyYears": "20 lat",
 	"neptune.DateLookup.year": "rok",
 	"neptune.FlowNavigation.back": "wróć do poprzedniego kroku",
+	"neptune.Info.ariaLabel": "Więcej informacji",
 	"neptune.Link.opensInNewTab": "(otworzy się w nowej zakładce)",
 	"neptune.MoneyInput.Select.placeholder": "Wybierz opcję...",
 	"neptune.Select.searchPlaceholder": "Wyszukaj...",
+	"neptune.SelectInput.noResultsFound": "Nie znaleziono wyników",
 	"neptune.Summary.statusDone": "Czynność wykonana",
 	"neptune.Summary.statusNotDone": "Czynność do wykonania",
 	"neptune.Summary.statusPending": "Czynność oczekująca",
@@ -15182,17 +15185,19 @@ var pt = {
 	"neptune.DateInput.month.label": "Mês",
 	"neptune.DateInput.year.label": "Ano",
 	"neptune.DateLookup.day": "dia",
-	"neptune.DateLookup.goTo20YearView": "Go to 20 year view",
+	"neptune.DateLookup.goTo20YearView": "Acessar a visualização de 20 anos",
 	"neptune.DateLookup.month": "mês",
 	"neptune.DateLookup.next": "próximo",
 	"neptune.DateLookup.previous": "anterior",
 	"neptune.DateLookup.selected": "selecionada",
 	"neptune.DateLookup.twentyYears": "20 anos",
 	"neptune.DateLookup.year": "ano",
-	"neptune.FlowNavigation.back": "back to previous step",
-	"neptune.Link.opensInNewTab": "(abrir a página em uma nova aba)",
+	"neptune.FlowNavigation.back": "voltar à etapa anterior",
+	"neptune.Info.ariaLabel": "Mais informações",
+	"neptune.Link.opensInNewTab": "(abre em uma nova aba)",
 	"neptune.MoneyInput.Select.placeholder": "Escolha uma opção...",
 	"neptune.Select.searchPlaceholder": "Buscar...",
+	"neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
 	"neptune.Summary.statusDone": "Pronto",
 	"neptune.Summary.statusNotDone": "Não iniciado",
 	"neptune.Summary.statusPending": "Pendente",
@@ -15236,16 +15241,18 @@ var ro = {
 	"neptune.DateInput.year.label": "An",
 	"neptune.DateLookup.day": "zi",
 	"neptune.DateLookup.goTo20YearView": "Accesează vizualizarea pe 20 de ani",
-	"neptune.DateLookup.month": "luna",
+	"neptune.DateLookup.month": "lună",
 	"neptune.DateLookup.next": "înainte",
-	"neptune.DateLookup.previous": "precedenta",
+	"neptune.DateLookup.previous": "înapoi",
 	"neptune.DateLookup.selected": "selectată",
 	"neptune.DateLookup.twentyYears": "20 de ani",
-	"neptune.DateLookup.year": "anul",
+	"neptune.DateLookup.year": "an",
 	"neptune.FlowNavigation.back": "înapoi la pasul anterior",
+	"neptune.Info.ariaLabel": "Mai multe informații",
 	"neptune.Link.opensInNewTab": "(se deschide într-o filă nouă)",
 	"neptune.MoneyInput.Select.placeholder": "Selectează o opţiune...",
 	"neptune.Select.searchPlaceholder": "Caută...",
+	"neptune.SelectInput.noResultsFound": "Nu s-a găsit niciun rezultat",
 	"neptune.Summary.statusDone": "Finalizat",
 	"neptune.Summary.statusNotDone": "De făcut",
 	"neptune.Summary.statusPending": "În așteptare",
@@ -15291,14 +15298,16 @@ var ru = {
 	"neptune.DateLookup.goTo20YearView": "Перейти к обзору 20 лет",
 	"neptune.DateLookup.month": "месяц",
 	"neptune.DateLookup.next": "далее",
-	"neptune.DateLookup.previous": "предыдущий",
+	"neptune.DateLookup.previous": "назад",
 	"neptune.DateLookup.selected": "выбрано",
 	"neptune.DateLookup.twentyYears": "20 лет",
 	"neptune.DateLookup.year": "год",
 	"neptune.FlowNavigation.back": "вернуться к предыдущему шагу",
+	"neptune.Info.ariaLabel": "Подробнее",
 	"neptune.Link.opensInNewTab": "(откроется в новой вкладке)",
 	"neptune.MoneyInput.Select.placeholder": "Выберите вариант...",
 	"neptune.Select.searchPlaceholder": "Поиск...",
+	"neptune.SelectInput.noResultsFound": "Ничего не найдено",
 	"neptune.Summary.statusDone": "Этап завершен",
 	"neptune.Summary.statusNotDone": "Этап к выполнению",
 	"neptune.Summary.statusPending": "Этап в процессе",
@@ -15349,9 +15358,11 @@ var th = {
 	"neptune.DateLookup.twentyYears": "20 ปี",
 	"neptune.DateLookup.year": "ปี",
 	"neptune.FlowNavigation.back": "back to previous step",
+	"neptune.Info.ariaLabel": "ข้อมูลเพิ่มเติม",
 	"neptune.Link.opensInNewTab": "(opens in new tab)",
 	"neptune.MoneyInput.Select.placeholder": "เลือกตัวเลือก...",
 	"neptune.Select.searchPlaceholder": "ค้นหา...",
+	"neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
 	"neptune.Summary.statusDone": "รายการที่ทำแล้ว",
 	"neptune.Summary.statusNotDone": "รายการที่ต้องทำ",
 	"neptune.Summary.statusPending": "รายการที่รอดำเนินการ",
@@ -15402,9 +15413,11 @@ var tr = {
 	"neptune.DateLookup.twentyYears": "20 yıl",
 	"neptune.DateLookup.year": "yıl",
 	"neptune.FlowNavigation.back": "önceki adıma dön",
+	"neptune.Info.ariaLabel": "Daha fazla bilgi",
 	"neptune.Link.opensInNewTab": "(yeni sekmede açılır)",
 	"neptune.MoneyInput.Select.placeholder": "Bir seçenek seçin...",
 	"neptune.Select.searchPlaceholder": "Ara...",
+	"neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
 	"neptune.Summary.statusDone": "Tamamlanan aşama",
 	"neptune.Summary.statusNotDone": "Yapılacak",
 	"neptune.Summary.statusPending": "Bekliyor",
@@ -15455,9 +15468,11 @@ var uk = {
 	"neptune.DateLookup.twentyYears": "20 років",
 	"neptune.DateLookup.year": "рік",
 	"neptune.FlowNavigation.back": "back to previous step",
+	"neptune.Info.ariaLabel": "Більше відомостей",
 	"neptune.Link.opensInNewTab": "(opens in new tab)",
 	"neptune.MoneyInput.Select.placeholder": "Виберіть варіант…",
 	"neptune.Select.searchPlaceholder": "Пошук…",
+	"neptune.SelectInput.noResultsFound": "Нічого не знайдено",
 	"neptune.Summary.statusDone": "Виконано",
 	"neptune.Summary.statusNotDone": "Не виконано",
 	"neptune.Summary.statusPending": "Виконується",
@@ -15494,23 +15509,25 @@ var uk = {
 var zhCN = {
 	"neptune.Button.loadingAriaLabel": "正在加载",
 	"neptune.Chips.ariaLabel": "清除 {choice}",
-	"neptune.ClearButton.ariaLabel": "清晰",
+	"neptune.ClearButton.ariaLabel": "清除",
 	"neptune.CloseButton.ariaLabel": "关闭",
 	"neptune.DateInput.day.label": "日",
 	"neptune.DateInput.month.label": "月",
 	"neptune.DateInput.year.label": "年",
 	"neptune.DateLookup.day": "日",
-	"neptune.DateLookup.goTo20YearView": "Go to 20 year view",
+	"neptune.DateLookup.goTo20YearView": "转到 20 年视图",
 	"neptune.DateLookup.month": "月",
 	"neptune.DateLookup.next": "下一页",
 	"neptune.DateLookup.previous": "上一页",
 	"neptune.DateLookup.selected": "已选",
-	"neptune.DateLookup.twentyYears": "20年",
+	"neptune.DateLookup.twentyYears": "20 年",
 	"neptune.DateLookup.year": "年",
-	"neptune.FlowNavigation.back": "back to previous step",
-	"neptune.Link.opensInNewTab": "(opens in new tab)",
+	"neptune.FlowNavigation.back": "返回上一步",
+	"neptune.Info.ariaLabel": "更多信息",
+	"neptune.Link.opensInNewTab": "（在新标签页中打开）",
 	"neptune.MoneyInput.Select.placeholder": "请选择...",
 	"neptune.Select.searchPlaceholder": "搜索",
+	"neptune.SelectInput.noResultsFound": "找不到结果",
 	"neptune.Summary.statusDone": "已完成",
 	"neptune.Summary.statusNotDone": "未完成",
 	"neptune.Summary.statusPending": "待处理",
@@ -15526,7 +15543,7 @@ var zhCN = {
 	"neptune.Upload.usPlaceholder": "拖放小于 5MB 的文件",
 	"neptune.UploadButton.allFileTypes": "所有文件类型",
 	"neptune.UploadButton.dropFiles": "拖放文件开始上传",
-	"neptune.UploadButton.instructions": "{fileTypes}，小于 {size}MB",
+	"neptune.UploadButton.instructions": "{fileTypes}，小于 {size} MB",
 	"neptune.UploadButton.uploadFile": "上传文件",
 	"neptune.UploadButton.uploadFiles": "上传文件",
 	"neptune.UploadInput.deleteModalBody": "删除此文件会将其从我们的系统中删除",
@@ -15561,9 +15578,11 @@ var zhHK = {
 	"neptune.DateLookup.twentyYears": "20年",
 	"neptune.DateLookup.year": "年",
 	"neptune.FlowNavigation.back": "返回上一個步驟",
+	"neptune.Info.ariaLabel": "更多資訊",
 	"neptune.Link.opensInNewTab": "（在新分頁中開啟）",
 	"neptune.MoneyInput.Select.placeholder": "選擇一個選項…",
 	"neptune.Select.searchPlaceholder": "搜尋…",
+	"neptune.SelectInput.noResultsFound": "找不到任何結果",
 	"neptune.Summary.statusDone": "已完成事項",
 	"neptune.Summary.statusNotDone": "未完成事項",
 	"neptune.Summary.statusPending": "待處理事項",
@@ -15721,5 +15740,6 @@ exports.isServerSide = isServerSide;
 exports.translations = translations;
 exports.useDirection = useDirection;
 exports.useLayout = useLayout;
+exports.useScreenSize = useScreenSize;
 exports.useSnackbar = useSnackbar;
 //# sourceMappingURL=index.js.map