@transferwise/components 46.0.5 → 46.0.7

package/build/types/moneyInput/MoneyInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoneyInput.d.ts","sourceRoot":"","sources":["../../../src/moneyInput/MoneyInput.js"],"names":[],"mappings":";;;;AA+DA;IACE,wBAcC;IAXC,mBAAkD;IAClD;;;;MASC;IAGH,uDAaC;IAED,+CAWE;IAEF,oCAIE;IAEF,kCAyBE;IAEF,qCAgBE;IAEF,yBAGE;IAFA,mCAA0B;IAI5B,0BAEE;IAEF;;;;MAME;IAEF,0BAuBC;IAED,kBAsBC;IAED,yCAGE;IAEF,+BAKE;IAEF,+CAQE;IAEF,+BAAqE;IAErE,sCA6IC;CACF"}
+{"version":3,"file":"MoneyInput.d.ts","sourceRoot":"","sources":["../../../src/moneyInput/MoneyInput.js"],"names":[],"mappings":";;;;AA+DA;IACE,wBAcC;IAXC,mBAAkD;IAClD;;;;MASC;IAGH,uDAaC;IAED,+CAWE;IAEF,oCAIE;IAEF,kCAyBE;IAEF,qCAgBE;IAEF,yBAGE;IAFA,mCAA0B;IAI5B,0BAEE;IAEF;;;;MAME;IAEF,0BAwBC;IAED,kBAsBC;IAED,yCAGE;IAEF,+BAKE;IAEF,+CAQE;IAEF,+BAAqE;IAErE,sCAuIC;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "46.0.5",
+  "version": "46.0.7",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -120,7 +120,7 @@
     "merge-props": "^6.0.0",
     "prop-types": "^15.7.2",
     "react-merge-refs": "^1.1.0",
-    "react-popper": "^2.2.4",
+    "react-popper": "^2.3.0",
     "react-required-if": "^1.0.3",
     "react-transition-group": "^4.4.2",
     "use-sync-external-store": "^1.2.0"

package/src/i18n/cs.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "Vyčistit",
   "neptune.CloseButton.ariaLabel": "Zavřít",
   "neptune.DateInput.day.label": "Den",
+  "neptune.DateInput.day.placeholder": "DD",
   "neptune.DateInput.month.label": "Měsíc",
   "neptune.DateInput.year.label": "Rok",
+  "neptune.DateInput.year.placeholder": "RRRR",
   "neptune.DateLookup.day": "den",
   "neptune.DateLookup.goTo20YearView": "Go to 20 year view",
   "neptune.DateLookup.month": "měsíc",

package/src/i18n/de.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "Zurücksetzen",
   "neptune.CloseButton.ariaLabel": "Schließen",
   "neptune.DateInput.day.label": "Tag",
+  "neptune.DateInput.day.placeholder": "TT",
   "neptune.DateInput.month.label": "Monat",
   "neptune.DateInput.year.label": "Jahr",
+  "neptune.DateInput.year.placeholder": "JJJJ",
   "neptune.DateLookup.day": "Tag",
   "neptune.DateLookup.goTo20YearView": "Zur 20-Jahres-Ansicht",
   "neptune.DateLookup.month": "Monat",

package/src/i18n/es.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "Borrar",
   "neptune.CloseButton.ariaLabel": "Cerrar",
   "neptune.DateInput.day.label": "Día",
+  "neptune.DateInput.day.placeholder": "DD",
   "neptune.DateInput.month.label": "Mes",
   "neptune.DateInput.year.label": "Año",
+  "neptune.DateInput.year.placeholder": "AAAA",
   "neptune.DateLookup.day": "día",
   "neptune.DateLookup.goTo20YearView": "Ir a vista de 20 años",
   "neptune.DateLookup.month": "mes",

package/src/i18n/fr.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "Effacer",
   "neptune.CloseButton.ariaLabel": "Fermer",
   "neptune.DateInput.day.label": "Jour",
+  "neptune.DateInput.day.placeholder": "JJ",
   "neptune.DateInput.month.label": "Mois",
   "neptune.DateInput.year.label": "Année",
+  "neptune.DateInput.year.placeholder": "AAAA",
   "neptune.DateLookup.day": "jour",
   "neptune.DateLookup.goTo20YearView": "Accéder à la vue sur 20 ans",
   "neptune.DateLookup.month": "mois",

package/src/i18n/hu.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "Törlés",
   "neptune.CloseButton.ariaLabel": "Bezárás",
   "neptune.DateInput.day.label": "Nap",
+  "neptune.DateInput.day.placeholder": "NN",
   "neptune.DateInput.month.label": "Hónap",
   "neptune.DateInput.year.label": "Év",
+  "neptune.DateInput.year.placeholder": "ÉÉÉÉ",
   "neptune.DateLookup.day": "nap",
   "neptune.DateLookup.goTo20YearView": "Ugrás a 20 éves nézetre",
   "neptune.DateLookup.month": "hónap",

package/src/i18n/id.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "Hapus",
   "neptune.CloseButton.ariaLabel": "Tutup",
   "neptune.DateInput.day.label": "Hari",
+  "neptune.DateInput.day.placeholder": "HH",
   "neptune.DateInput.month.label": "Bulan",
   "neptune.DateInput.year.label": "Tahun",
+  "neptune.DateInput.year.placeholder": "TTTT",
   "neptune.DateLookup.day": "hari",
   "neptune.DateLookup.goTo20YearView": "Lihat tampilan 20 tahun",
   "neptune.DateLookup.month": "bulan",

package/src/i18n/it.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "Elimina",
   "neptune.CloseButton.ariaLabel": "Chiudi",
   "neptune.DateInput.day.label": "Giorno",
+  "neptune.DateInput.day.placeholder": "GG",
   "neptune.DateInput.month.label": "Mese",
   "neptune.DateInput.year.label": "Anno",
+  "neptune.DateInput.year.placeholder": "AAAA",
   "neptune.DateLookup.day": "giorno",
   "neptune.DateLookup.goTo20YearView": "Vai alla vista su 20 anni",
   "neptune.DateLookup.month": "mese",

package/src/i18n/ja.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "消去",
   "neptune.CloseButton.ariaLabel": "閉じる",
   "neptune.DateInput.day.label": "日",
+  "neptune.DateInput.day.placeholder": "日",
   "neptune.DateInput.month.label": "月",
   "neptune.DateInput.year.label": "年",
+  "neptune.DateInput.year.placeholder": "年（西暦）",
   "neptune.DateLookup.day": "日",
   "neptune.DateLookup.goTo20YearView": "20年表示に移動する",
   "neptune.DateLookup.month": "月",

package/src/i18n/pl.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "Wyczyść",
   "neptune.CloseButton.ariaLabel": "Zamknij",
   "neptune.DateInput.day.label": "Dzień",
+  "neptune.DateInput.day.placeholder": "DD",
   "neptune.DateInput.month.label": "Miesiąc",
   "neptune.DateInput.year.label": "Rok",
+  "neptune.DateInput.year.placeholder": "RRRR",
   "neptune.DateLookup.day": "dzień",
   "neptune.DateLookup.goTo20YearView": "Przejdź do widoku 20-letniego",
   "neptune.DateLookup.month": "miesiąc",

package/src/i18n/pt.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "Remover",
   "neptune.CloseButton.ariaLabel": "Fechar",
   "neptune.DateInput.day.label": "Dia",
+  "neptune.DateInput.day.placeholder": "DD",
   "neptune.DateInput.month.label": "Mês",
   "neptune.DateInput.year.label": "Ano",
+  "neptune.DateInput.year.placeholder": "AAAA",
   "neptune.DateLookup.day": "dia",
   "neptune.DateLookup.goTo20YearView": "Acessar a visualização de 20 anos",
   "neptune.DateLookup.month": "mês",

package/src/i18n/ro.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "Elimină",
   "neptune.CloseButton.ariaLabel": "Închide",
   "neptune.DateInput.day.label": "Zi",
+  "neptune.DateInput.day.placeholder": "ZZ",
   "neptune.DateInput.month.label": "Lună",
   "neptune.DateInput.year.label": "An",
+  "neptune.DateInput.year.placeholder": "AAAA",
   "neptune.DateLookup.day": "zi",
   "neptune.DateLookup.goTo20YearView": "Accesează vizualizarea pe 20 de ani",
   "neptune.DateLookup.month": "lună",

package/src/i18n/ru.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "Очистить",
   "neptune.CloseButton.ariaLabel": "Закрыть",
   "neptune.DateInput.day.label": "День",
+  "neptune.DateInput.day.placeholder": "ДД",
   "neptune.DateInput.month.label": "Месяц",
   "neptune.DateInput.year.label": "Год",
+  "neptune.DateInput.year.placeholder": "ГГГГ",
   "neptune.DateLookup.day": "день",
   "neptune.DateLookup.goTo20YearView": "Перейти к обзору 20 лет",
   "neptune.DateLookup.month": "месяц",

package/src/i18n/th.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "ชัดเจน",
   "neptune.CloseButton.ariaLabel": "ปิด",
   "neptune.DateInput.day.label": "วัน",
+  "neptune.DateInput.day.placeholder": "DD",
   "neptune.DateInput.month.label": "เดือน",
   "neptune.DateInput.year.label": "ปี",
+  "neptune.DateInput.year.placeholder": "YYYY",
   "neptune.DateLookup.day": "วัน",
   "neptune.DateLookup.goTo20YearView": "Go to 20 year view",
   "neptune.DateLookup.month": "เดือน",

package/src/i18n/tr.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "Sil",
   "neptune.CloseButton.ariaLabel": "Kapat",
   "neptune.DateInput.day.label": "Gün",
+  "neptune.DateInput.day.placeholder": "GG",
   "neptune.DateInput.month.label": "Ay",
   "neptune.DateInput.year.label": "Yıl",
+  "neptune.DateInput.year.placeholder": "YYYY",
   "neptune.DateLookup.day": "gün",
   "neptune.DateLookup.goTo20YearView": "20 yıl görünümüne git",
   "neptune.DateLookup.month": "ay",

package/src/i18n/uk.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "Очистити",
   "neptune.CloseButton.ariaLabel": "Закрити",
   "neptune.DateInput.day.label": "День",
+  "neptune.DateInput.day.placeholder": "ДД",
   "neptune.DateInput.month.label": "Місяць",
   "neptune.DateInput.year.label": "Рік",
+  "neptune.DateInput.year.placeholder": "РРРР",
   "neptune.DateLookup.day": "дня",
   "neptune.DateLookup.goTo20YearView": "Go to 20 year view",
   "neptune.DateLookup.month": "місяць",

package/src/i18n/zh-CN.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "清除",
   "neptune.CloseButton.ariaLabel": "关闭",
   "neptune.DateInput.day.label": "日",
+  "neptune.DateInput.day.placeholder": "DD",
   "neptune.DateInput.month.label": "月",
   "neptune.DateInput.year.label": "年",
+  "neptune.DateInput.year.placeholder": "YYYY",
   "neptune.DateLookup.day": "日",
   "neptune.DateLookup.goTo20YearView": "转到 20 年视图",
   "neptune.DateLookup.month": "月",

package/src/i18n/zh-HK.json

@@ -4,8 +4,10 @@
   "neptune.ClearButton.ariaLabel": "清除",
   "neptune.CloseButton.ariaLabel": "關閉",
   "neptune.DateInput.day.label": "日",
+  "neptune.DateInput.day.placeholder": "日",
   "neptune.DateInput.month.label": "月",
   "neptune.DateInput.year.label": "年",
+  "neptune.DateInput.year.placeholder": "年",
   "neptune.DateLookup.day": "日",
   "neptune.DateLookup.goTo20YearView": "切換至20年視圖",
   "neptune.DateLookup.month": "月",

package/src/moneyInput/MoneyInput.js

@@ -196,6 +196,7 @@ class MoneyInput extends Component {
         }
       }
     });
+
     return formattedOptions;
   }
 
@@ -252,35 +253,29 @@ class MoneyInput extends Component {
       this.props;
     const selectOptions = this.getSelectOptions();
 
-    const getFirstSelectItem = () => {
+    const hasSingleCurrency = () => {
       if (selectOptions.length !== 0) {
         const firstItem = selectOptions[0];
 
-        if (firstItem.type === 'option') {
-          return {
-            hasOneCurrency: selectOptions.length === 1,
-            currency: firstItem.value.currency,
-          };
-        }
-
-        if (firstItem.type === 'group') {
-          return {
-            hasOneCurrency: firstItem.options.length === 1,
-            currency: firstItem.options[0].value.currency,
-          };
+        if (selectOptions.length === 1) {
+          if (firstItem.type === 'option') {
+            return firstItem.value.currency === selectedCurrency.currency;
+          }
+          if (firstItem.type === 'group') {
+            return (
+              firstItem.options.length === 1 &&
+              !(this.props.onCustomAction && this.props.customActionLabel)
+            );
+          }
         }
+      } else if (selectedCurrency?.currency) {
+        return true;
       }
 
-      return null;
+      return false;
     };
 
-    const firstSelectItem = getFirstSelectItem();
-
-    const isFixedCurrency =
-      !this.state.searchQuery &&
-      ((firstSelectItem?.hasOneCurrency &&
-        firstSelectItem?.currency === selectedCurrency.currency) ||
-        !onCurrencyChange);
+    const isFixedCurrency = (!this.state.searchQuery && hasSingleCurrency()) || !onCurrencyChange;
 
     const disabled = !this.props.onAmountChange;
     return (

package/src/moneyInput/MoneyInput.spec.js

@@ -31,6 +31,8 @@ describe('Money Input', () => {
 
   let currencies;
 
+  const EEK = { value: 'EEK', currency: 'EEK' };
+
   beforeEach(() => {
     currencies = [
       {
@@ -526,14 +528,27 @@ describe('Money Input', () => {
     expect(passedInAddon().type()).toBe('span');
   });
 
+  it('shows fixed currency view if currencies array is empty but select currency exists', () => {
+    expect(fixedCurrencyDisplay()).toHaveLength(0);
+
+    component.setProps({
+      currencies: [],
+      selectedCurrency: EEK,
+    });
+
+    expect(currencySelect()).toHaveLength(0);
+    expect(fixedCurrencyDisplay()).toHaveLength(1);
+    expect(component.find(Title).props().children).toBe('EEK');
+  });
+
   it('shows fixed currency view if only one currency available and selected', () => {
     expect(fixedCurrencyDisplay()).toHaveLength(0);
 
-    const EEK = { value: 'EEK', currency: 'EEK' };
     component.setProps({
       currencies: [EEK],
       selectedCurrency: EEK,
     });
+
     expect(currencySelect()).toHaveLength(0);
     expect(fixedCurrencyDisplay()).toHaveLength(1);
     expect(component.find(Title).props().children).toBe('EEK');
@@ -546,7 +561,6 @@ describe('Money Input', () => {
   });
 
   it('does not shows fixed currency keyline and flag if small input', () => {
-    const EEK = { value: 'EEK', currency: 'EEK' };
     component.setProps({
       currencies: [EEK],
       selectedCurrency: EEK,
@@ -563,7 +577,6 @@ describe('Money Input', () => {
   });
 
   it('amount input will be disabled when there is no onAmountChange prop', () => {
-    const EEK = { value: 'EEK', currency: 'EEK' };
     component.setProps({
       currencies: [EEK],
       selectedCurrency: EEK,

package/src/moneyInput/MoneyInput.story.tsx

@@ -23,7 +23,7 @@ export default {
         <MoneyInput
           {...args}
           selectedCurrency={selectedCurrency}
-          onCurrencyChange={currencies.length > 1 ? handleOnCurrencyChange : undefined}
+          onCurrencyChange={handleOnCurrencyChange}
         />
       </>
     );

package/src/tooltip/__snapshots__/Tooltip.spec.tsx.snap

@@ -23,6 +23,7 @@ exports[`Tooltip Component renders an empty list when no items are passed 1`] =
         Test Tooltip
         <div
           class="np-panel__arrow"
+          style="position: absolute;"
         />
       </div>
     </div>