@transferwise/components 0.0.0-experimental-85f289b → 0.0.0-experimental-c5b4f4d

package/build/i18n/hu.json

@@ -29,13 +29,13 @@
   "neptune.Upload.csButtonText": "Másik fájl feltöltése?",
   "neptune.Upload.csFailureText": "Feltöltés sikertelen. Kérünk, próbáld újra",
   "neptune.Upload.csSuccessText": "Feltöltés sikeres",
-  "neptune.Upload.csTooLargeMessage": "Kérünk, olyan fájlt küldj el, amely kisebb mint {maxSize}MB",
+  "neptune.Upload.csTooLargeMessage": "Kérünk, {maxSize} MB-nál kisebb fájlt tölts fel",
   "neptune.Upload.csWrongTypeMessage": "Nem támogatott fájltípus. Kérünk, próbáld újra másik fájllal",
   "neptune.Upload.psButtonText": "Mégsem",
   "neptune.Upload.psProcessingText": "Feltöltés...",
   "neptune.Upload.usButtonText": "Vagy válaszd ki a fájlt",
   "neptune.Upload.usDropMessage": "Húzd ide a fájlokat a feltöltéshez",
-  "neptune.Upload.usPlaceholder": "Húzz ide egy legfeljebb {maxSize} MB méretű fájlt",
+  "neptune.Upload.usPlaceholder": "Húzz ide egy {maxSize} MB-nál kisebb fájlt",
   "neptune.UploadButton.allFileTypes": "Összes fájltípus",
   "neptune.UploadButton.dropFiles": "Húzd a fájlokat ide a feltöltéshez",
   "neptune.UploadButton.instructions": "{fileTypes}, legfeljebb {size}MB",

package/build/index.esm.js

@@ -2720,7 +2720,6 @@ 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,
@@ -2745,6 +2744,8 @@ const DateInput = ({
     locale,
     formatMessage
   } = useIntl();
+  const MDY = new Set(['en-US']);
+  const YMD = new Set(['hu', 'hu-HU', 'zh-HK', 'zh-CN', 'ja', 'ja-JP']);
   const getDateObject = () => {
     if (value && isDateValid(value)) {
       return typeof value === 'string' ? convertToLocalMidnight(value) : value;
@@ -2910,7 +2911,64 @@ const DateInput = ({
     'col-sm-8': monthYearOnly,
     'col-sm-5': !monthYearOnly
   });
-  const monthBeforeDay = MonthBeforeDay.has(locale);
+  const getMonth = () => {
+    return /*#__PURE__*/jsx("div", {
+      className: monthWidth,
+      children: getSelectElement()
+    });
+  };
+  const getDay = () => {
+    return /*#__PURE__*/jsx("div", {
+      className: "col-sm-3",
+      children: /*#__PURE__*/jsxs("label", {
+        children: [/*#__PURE__*/jsx("span", {
+          className: "sr-only",
+          children: dayLabel
+        }), /*#__PURE__*/jsx("div", {
+          className: `input-group input-group-${size}`,
+          children: /*#__PURE__*/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__*/jsx("div", {
+      className: "col-sm-4",
+      children: /*#__PURE__*/jsxs("label", {
+        children: [/*#__PURE__*/jsx("span", {
+          className: "sr-only",
+          children: yearLabel
+        }), /*#__PURE__*/jsx("div", {
+          className: `input-group input-group-${size}`,
+          children: /*#__PURE__*/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 monthBeforeDay = MDY.has(locale);
+  const yearFirst = YMD.has(locale);
   return /*#__PURE__*/jsx("div", {
     className: "tw-date",
     id: id,
@@ -2920,59 +2978,28 @@ const DateInput = ({
     ,
     onFocus: event => shouldPropagateOnFocus(event) ? onFocus && onFocus(event) : event.stopPropagation(),
     onBlur: event => shouldPropagateOnBlur(event) ? onBlur && onBlur(event) : event.stopPropagation(),
-    children: /*#__PURE__*/jsxs("div", {
+    children: /*#__PURE__*/jsx("div", {
       className: "row",
-      children: [monthBeforeDay && /*#__PURE__*/jsx("div", {
-        className: monthWidth,
-        children: getSelectElement()
-      }), !monthYearOnly && /*#__PURE__*/jsx("div", {
-        className: "col-sm-3",
-        children: /*#__PURE__*/jsxs("label", {
-          children: [/*#__PURE__*/jsx("span", {
-            className: "sr-only",
-            children: dayLabel
-          }), /*#__PURE__*/jsx("div", {
-            className: `input-group input-group-${size}`,
-            children: /*#__PURE__*/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__*/jsx("div", {
-        className: monthWidth,
-        children: getSelectElement()
-      }), /*#__PURE__*/jsx("div", {
-        className: "col-sm-4",
-        children: /*#__PURE__*/jsxs("label", {
-          children: [/*#__PURE__*/jsx("span", {
-            className: "sr-only",
-            children: yearLabel
-          }), /*#__PURE__*/jsx("div", {
-            className: `input-group input-group-${size}`,
-            children: /*#__PURE__*/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)
-            })
-          })]
-        })
-      })]
+      children: function returnOrderedInputs() {
+        if (monthYearOnly) {
+          return /*#__PURE__*/jsxs(Fragment, {
+            children: [!yearFirst && getMonth(), getYear(), yearFirst && getMonth()]
+          });
+        }
+        if (monthBeforeDay) {
+          return /*#__PURE__*/jsxs(Fragment, {
+            children: [getMonth(), getDay(), getYear()]
+          });
+        } else if (yearFirst) {
+          return /*#__PURE__*/jsxs(Fragment, {
+            children: [getYear(), getMonth(), getDay()]
+          });
+        } else {
+          return /*#__PURE__*/jsxs(Fragment, {
+            children: [getDay(), getMonth(), getYear()]
+          });
+        }
+      }()
     })
   });
 };
@@ -14317,13 +14344,13 @@ var hu = {
 	"neptune.Upload.csButtonText": "Másik fájl feltöltése?",
 	"neptune.Upload.csFailureText": "Feltöltés sikertelen. Kérünk, próbáld újra",
 	"neptune.Upload.csSuccessText": "Feltöltés sikeres",
-	"neptune.Upload.csTooLargeMessage": "Kérünk, olyan fájlt küldj el, amely kisebb mint {maxSize}MB",
+	"neptune.Upload.csTooLargeMessage": "Kérünk, {maxSize} MB-nál kisebb fájlt tölts fel",
 	"neptune.Upload.csWrongTypeMessage": "Nem támogatott fájltípus. Kérünk, próbáld újra másik fájllal",
 	"neptune.Upload.psButtonText": "Mégsem",
 	"neptune.Upload.psProcessingText": "Feltöltés...",
 	"neptune.Upload.usButtonText": "Vagy válaszd ki a fájlt",
 	"neptune.Upload.usDropMessage": "Húzd ide a fájlokat a feltöltéshez",
-	"neptune.Upload.usPlaceholder": "Húzz ide egy legfeljebb {maxSize} MB méretű fájlt",
+	"neptune.Upload.usPlaceholder": "Húzz ide egy {maxSize} MB-nál kisebb fájlt",
 	"neptune.UploadButton.allFileTypes": "Összes fájltípus",
 	"neptune.UploadButton.dropFiles": "Húzd a fájlokat ide a feltöltéshez",
 	"neptune.UploadButton.instructions": "{fileTypes}, legfeljebb {size}MB",
@@ -15043,6 +15070,7 @@ const translations = {
   cs,
   de,
   en,
+  'en-US': en,
   es,
   fr,
   hu,