@transferwise/components 0.0.0-experimental-1d96fa0 → 0.0.0-experimental-2d2d0d9

package/build/index.js

@@ -2753,6 +2753,7 @@ const convertToLocalMidnight = date => {
   return new Date(utcDate.getUTCFullYear(), utcDate.getUTCMonth(), utcDate.getUTCDate());
 };
 
+const MonthBeforeDay = new Set(['en-US', 'ja-JP']);
 const DateInput = ({
   'aria-labelledby': ariaLabelledBy,
   'aria-label': ariaLabel,
@@ -2942,86 +2943,7 @@ const DateInput = ({
     'col-sm-8': monthYearOnly,
     'col-sm-5': !monthYearOnly
   });
-  const getMonth = () => {
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: monthWidth,
-      children: getSelectElement()
-    });
-  };
-  const getDay = () => {
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "col-sm-3",
-      children: /*#__PURE__*/jsxRuntime.jsxs("label", {
-        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "sr-only",
-          children: dayLabel
-        }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: `input-group input-group-${size}`,
-          children: /*#__PURE__*/jsxRuntime.jsx(Input, {
-            type: "text",
-            inputMode: "numeric",
-            pattern: "[0-9]*",
-            name: "day",
-            autoComplete: dayAutoComplete,
-            value: day || '',
-            placeholder: placeholders?.day,
-            disabled: disabled,
-            min: 1,
-            onChange: event => handleDayChange(event)
-          })
-        })]
-      })
-    });
-  };
-  const getYear = () => {
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "col-sm-4",
-      children: /*#__PURE__*/jsxRuntime.jsxs("label", {
-        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "sr-only",
-          children: yearLabel
-        }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: `input-group input-group-${size}`,
-          children: /*#__PURE__*/jsxRuntime.jsx(Input, {
-            type: "text",
-            inputMode: "numeric",
-            pattern: "[0-9]*",
-            name: "year",
-            autoComplete: yearAutoComplete,
-            placeholder: placeholders?.year,
-            value: year || '',
-            disabled: disabled,
-            min: 1,
-            onChange: event => handleYearChange(event)
-          })
-        })]
-      })
-    });
-  };
-  const MDY = new Set(['en-US']);
-  const YMD = new Set(['hu', 'hu-HU', 'zh-HK', 'zh-CN', 'ja', 'ja-JP']);
-  const monthBeforeDay = MDY.has(locale);
-  const yearFirst = YMD.has(locale);
-  const returnOrderedInputs = () => {
-    if (monthYearOnly) {
-      return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [!yearFirst && getMonth(), getYear(), yearFirst && getMonth()]
-      });
-    }
-    if (monthBeforeDay) {
-      return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [getMonth(), getDay(), getYear()]
-      });
-    } else if (yearFirst) {
-      return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [getYear(), getMonth(), getDay()]
-      });
-    } else {
-      return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [getDay(), getMonth(), getYear()]
-      });
-    }
-  };
+  const monthBeforeDay = MonthBeforeDay.has(locale);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "tw-date",
     id: id,
@@ -3031,9 +2953,59 @@ const DateInput = ({
     ,
     onFocus: event => shouldPropagateOnFocus(event) ? onFocus && onFocus(event) : event.stopPropagation(),
     onBlur: event => shouldPropagateOnBlur(event) ? onBlur && onBlur(event) : event.stopPropagation(),
-    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "row",
-      children: returnOrderedInputs()
+      children: [monthBeforeDay && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: monthWidth,
+        children: getSelectElement()
+      }), !monthYearOnly && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "col-sm-3",
+        children: /*#__PURE__*/jsxRuntime.jsxs("label", {
+          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "sr-only",
+            children: dayLabel
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: `input-group input-group-${size}`,
+            children: /*#__PURE__*/jsxRuntime.jsx(Input, {
+              type: "text",
+              inputMode: "numeric",
+              pattern: "[0-9]*",
+              name: "day",
+              autoComplete: dayAutoComplete,
+              value: day || '',
+              placeholder: placeholders.day,
+              disabled: disabled,
+              min: 1,
+              onChange: event => handleDayChange(event)
+            })
+          })]
+        })
+      }), !monthBeforeDay && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: monthWidth,
+        children: getSelectElement()
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "col-sm-4",
+        children: /*#__PURE__*/jsxRuntime.jsxs("label", {
+          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "sr-only",
+            children: yearLabel
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: `input-group input-group-${size}`,
+            children: /*#__PURE__*/jsxRuntime.jsx(Input, {
+              type: "text",
+              inputMode: "numeric",
+              pattern: "[0-9]*",
+              name: "year",
+              autoComplete: yearAutoComplete,
+              placeholder: placeholders.year,
+              value: year || '',
+              disabled: disabled,
+              min: 1,
+              onChange: event => handleYearChange(event)
+            })
+          })]
+        })
+      })]
     })
   });
 };
@@ -7443,7 +7415,6 @@ const getSupportedSize = size => {
       return exports.Size.MEDIUM;
   }
 };
-var Loader$1 = Loader;
 
 const Money = ({
   amount,
@@ -7456,11 +7427,6 @@ const Money = ({
     children: formatting.formatMoney(amount, currency, locale)
   });
 };
-Money.propTypes = {
-  amount: PropTypes__default.default.number.isRequired,
-  currency: PropTypes__default.default.string.isRequired
-};
-var Money$1 = Money;
 
 var messages$4 = reactIntl.defineMessages({
   selectPlaceholder: {
@@ -7878,13 +7844,9 @@ const NavigationOptionList = ({
     children: React.Children.map(children, child => /*#__PURE__*/jsxRuntime.jsx("li", {
       className: "np-navigation-options-list__item",
       children: child
-    }, child.key))
+    }, child?.toString()))
   });
 };
-NavigationOptionList.propTypes = {
-  children: PropTypes__default.default.node.isRequired
-};
-var NavigationOptionList$1 = NavigationOptionList;
 
 const STORAGE_NAME = 'dismissedNudges';
 const getLocalStorage = () => {
@@ -14261,13 +14223,13 @@ var es = {
 	"neptune.Upload.csButtonText": "¿Quieres subir otro archivo?",
 	"neptune.Upload.csFailureText": "La carga del archivo ha fallado. Por favor, inténtalo de nuevo",
 	"neptune.Upload.csSuccessText": "¡Se ha subido el archivo!",
-	"neptune.Upload.csTooLargeMessage": "Por favor, sube un archivo de menos de {maxSize}MB",
+	"neptune.Upload.csTooLargeMessage": "Proporciona un archivo menor de {maxSize} MB",
 	"neptune.Upload.csWrongTypeMessage": "Tipo de archivo no aceptado. Por favor, inténtalo de nuevo con un archivo diferente",
 	"neptune.Upload.psButtonText": "Cancela",
 	"neptune.Upload.psProcessingText": "Subiendo...",
 	"neptune.Upload.usButtonText": "O selecciona un archivo",
 	"neptune.Upload.usDropMessage": "Arrastra un archivo para subirlo",
-	"neptune.Upload.usPlaceholder": "Arrastra y suelta un archivo menor de {maxSize}MB",
+	"neptune.Upload.usPlaceholder": "Arrastra y suelta un archivo de menos de {maxSize} MB",
 	"neptune.UploadButton.allFileTypes": "Todos los tipos de archivos",
 	"neptune.UploadButton.dropFiles": "Arrastra un archivo para subirlo",
 	"neptune.UploadButton.instructions": "{fileTypes}, menor que {size}MB",
@@ -15103,13 +15065,12 @@ const translations = {
   cs,
   de,
   en,
-  'en-US': en,
   es,
   fr,
   hu,
   id,
   it,
-  'ja-JP': ja,
+  ja,
   pl,
   pt,
   ro,
@@ -15166,14 +15127,14 @@ exports.InstructionsList = InstructionsList;
 exports.LanguageProvider = LanguageProvider;
 exports.Link = Link;
 exports.ListItem = ListItem$1;
-exports.Loader = Loader$1;
+exports.Loader = Loader;
 exports.Logo = Logo$1;
 exports.Markdown = Markdown;
 exports.Modal = Modal;
-exports.Money = Money$1;
+exports.Money = Money;
 exports.MoneyInput = MoneyInput$1;
 exports.NavigationOption = NavigationOption;
-exports.NavigationOptionsList = NavigationOptionList$1;
+exports.NavigationOptionsList = NavigationOptionList;
 exports.Nudge = Nudge;
 exports.Option = Option$2;
 exports.OverlayHeader = OverlayHeader$1;