@transferwise/components 0.0.0-experimental-9f2982a → 0.0.0-experimental-52c0a68

package/build/index.js

@@ -3316,7 +3316,7 @@ const ResponsivePanel = /*#__PURE__*/React.forwardRef(({
 });
 var ResponsivePanel$1 = ResponsivePanel;
 
-var dateTriggerMessages = reactIntl.defineMessages({
+var messages$6 = reactIntl.defineMessages({
   ariaLabel: {
     id: "neptune.ClearButton.ariaLabel"
   }
@@ -3379,7 +3379,7 @@ const DateTrigger = ({
         className: "input-group-addon",
         children: /*#__PURE__*/jsxRuntime.jsx(CloseButton, {
           className: `clear-btn clear-btn--${size}`,
-          "aria-label": formatMessage(dateTriggerMessages.ariaLabel),
+          "aria-label": formatMessage(messages$6.ariaLabel),
           size: exports.Size.SMALL,
           onClick: event => {
             event.stopPropagation();
@@ -3409,7 +3409,7 @@ DateTrigger.defaultProps = {
 };
 var DateTrigger$1 = DateTrigger;
 
-var messages$6 = reactIntl.defineMessages({
+var messages$5 = reactIntl.defineMessages({
   next: {
     id: "neptune.DateLookup.next"
   },
@@ -3452,7 +3452,7 @@ const DateHeader = ({
       children: /*#__PURE__*/jsxRuntime.jsx("button", {
         type: "button",
         className: `d-inline-flex ${buttonClasses}`,
-        "aria-label": `${intl.formatMessage(messages$6.previous)} ${dateMode}`,
+        "aria-label": `${intl.formatMessage(messages$5.previous)} ${dateMode}`,
         onClick: onPreviousClick,
         children: /*#__PURE__*/jsxRuntime.jsx(Chevron$1, {
           orientation: exports.Position.LEFT,
@@ -3466,7 +3466,7 @@ const DateHeader = ({
       children: /*#__PURE__*/jsxRuntime.jsx("button", {
         type: "button",
         className: `tw-date-lookup-header-current ${buttonClasses}`,
-        "aria-label": intl.formatMessage(messages$6.goTo20YearView),
+        "aria-label": intl.formatMessage(messages$5.goTo20YearView),
         onClick: onLabelClick,
         children: label
       })
@@ -3475,7 +3475,7 @@ const DateHeader = ({
       children: /*#__PURE__*/jsxRuntime.jsx("button", {
         type: "button",
         className: `d-inline-flex ${buttonClasses}`,
-        "aria-label": `${reactIntl.useIntl().formatMessage(messages$6.next)} ${dateMode}`,
+        "aria-label": `${reactIntl.useIntl().formatMessage(messages$5.next)} ${dateMode}`,
         onClick: onNextClick,
         children: /*#__PURE__*/jsxRuntime.jsx(Chevron$1, {
           orientation: exports.Position.RIGHT,
@@ -3519,7 +3519,7 @@ class TableLink extends React.PureComponent {
   };
   calculateAriaLabel = (longTitle, title, active, type, formatMessage) => {
     if (active) {
-      return `${longTitle || title}, ${formatMessage(messages$6.selected)} ${formatMessage(messages$6[type])}`;
+      return `${longTitle || title}, ${formatMessage(messages$5.selected)} ${formatMessage(messages$5[type])}`;
     }
     return longTitle || title;
   };
@@ -3742,7 +3742,7 @@ class DayCalendar extends React.PureComponent {
           month: monthFormat,
           year: 'numeric'
         }),
-        dateMode: formatMessage(messages$6.month),
+        dateMode: formatMessage(messages$5.month),
         onLabelClick: onLabelClick,
         onPreviousClick: this.selectPreviousMonth,
         onNextClick: this.selectNextMonth
@@ -3870,7 +3870,7 @@ class MonthCalendar extends React.PureComponent {
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader$1, {
-        dateMode: formatMessage(messages$6.year),
+        dateMode: formatMessage(messages$5.year),
         label: formatting.formatDate(new Date(viewYear, 0), locale, {
           year: 'numeric'
         }),
@@ -3995,7 +3995,7 @@ class YearCalendar extends React.PureComponent {
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader$1, {
-        dateMode: formatMessage(messages$6.twentyYears),
+        dateMode: formatMessage(messages$5.twentyYears),
         onPreviousClick: this.selectPreviousYears,
         onNextClick: this.selectNextYears
       }), /*#__PURE__*/jsxRuntime.jsx(YearCalendarTable$1, {
@@ -5693,7 +5693,7 @@ const Stepper = ({
   });
 };
 
-var messages$5 = reactIntl.defineMessages({
+var messages$4 = reactIntl.defineMessages({
   back: {
     id: "neptune.FlowNavigation.back"
   }
@@ -5773,7 +5773,7 @@ const FlowNavigation = ({
           className: "m-x-1",
           labels: steps.map(step => step.label),
           activeLabel: activeStep - 1,
-          "aria-label": intl.formatMessage(messages$5.back)
+          "aria-label": intl.formatMessage(messages$4.back)
         }),
         onClick: onGoBack
       }) : logo
@@ -6388,12 +6388,6 @@ function wrapInFragment(value) {
   });
 }
 
-var messages$4 = reactIntl.defineMessages({
-  noResultsFound: {
-    id: "neptune.SelectInput.noResultsFound"
-  }
-});
-
 function PreventScroll() {
   overlays.usePreventScroll();
   return null;
@@ -6439,34 +6433,34 @@ function BottomSheet({
         theme: theme,
         screenMode: screenMode,
         isNotRootProvider: true,
-        children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition, {
+        children: /*#__PURE__*/jsxRuntime.jsxs(react$1.Transition, {
           show: open,
           className: "np-bottom-sheet-v2-container",
           beforeEnter: () => {
             setFloatingKey(prev => prev + 1);
           },
-          children: /*#__PURE__*/jsxRuntime.jsxs(FocusBoundary, {
-            children: [/*#__PURE__*/jsxRuntime.jsx(react$1.Transition.Child, {
-              enter: "np-bottom-sheet-v2-backdrop-container--enter",
-              enterFrom: "np-bottom-sheet-v2-backdrop-container--enter-from",
-              leave: "np-bottom-sheet-v2-backdrop-container--leave",
-              leaveTo: "np-bottom-sheet-v2-backdrop-container--leave-to",
-              children: /*#__PURE__*/jsxRuntime.jsx("div", {
-                className: "np-bottom-sheet-v2-backdrop"
-              })
-            }), /*#__PURE__*/jsxRuntime.jsx(react.FloatingFocusManager, {
-              context: context,
-              initialFocus: initialFocusRef,
-              guards: false,
-              modal: false,
-              children: /*#__PURE__*/jsxRuntime.jsx("div", {
-                className: "np-bottom-sheet-v2",
-                children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition.Child, {
-                  className: "np-bottom-sheet-v2-content",
-                  enter: "np-bottom-sheet-v2-content--enter",
-                  enterFrom: "np-bottom-sheet-v2-content--enter-from",
-                  leave: "np-bottom-sheet-v2-content--leave",
-                  leaveTo: "np-bottom-sheet-v2-content--leave-to",
+          children: [/*#__PURE__*/jsxRuntime.jsx(react$1.Transition.Child, {
+            enter: "np-bottom-sheet-v2-backdrop-container--enter",
+            enterFrom: "np-bottom-sheet-v2-backdrop-container--enter-from",
+            leave: "np-bottom-sheet-v2-backdrop-container--leave",
+            leaveTo: "np-bottom-sheet-v2-backdrop-container--leave-to",
+            children: /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "np-bottom-sheet-v2-backdrop"
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "np-bottom-sheet-v2",
+            children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition.Child, {
+              className: "np-bottom-sheet-v2-content",
+              enter: "np-bottom-sheet-v2-content--enter",
+              enterFrom: "np-bottom-sheet-v2-content--enter-from",
+              leave: "np-bottom-sheet-v2-content--leave",
+              leaveTo: "np-bottom-sheet-v2-content--leave-to",
+              children: /*#__PURE__*/jsxRuntime.jsx(FocusBoundary, {
+                children: /*#__PURE__*/jsxRuntime.jsx(react.FloatingFocusManager, {
+                  context: context,
+                  initialFocus: initialFocusRef,
+                  guards: false,
+                  modal: false,
                   children: /*#__PURE__*/jsxRuntime.jsxs("div", {
                     // Force inner state invalidation on open
                     ref: refs.setFloating,
@@ -6495,8 +6489,8 @@ function BottomSheet({
                   }, floatingKey)
                 })
               })
-            })]
-          })
+            })
+          })]
         })
       })
     })]
@@ -6647,14 +6641,14 @@ function useSelectInputItemCheckPadding() {
 const SelectInputTriggerButtonPropsContext = /*#__PURE__*/React.createContext({});
 const SelectInputOptionContentWithinTriggerContext = /*#__PURE__*/React.createContext(false);
 function dedupeSelectInputOptionItem(item, existingValues) {
-  if (!existingValues.has(item.value)) {
-    existingValues.add(item.value);
-    return item;
+  if (existingValues.has(item.value)) {
+    return {
+      ...item,
+      value: undefined
+    };
   }
-  return {
-    ...item,
-    value: undefined
-  };
+  existingValues.add(item.value);
+  return item;
 }
 function dedupeSelectInputItems(items) {
   const existingValues = new Set();
@@ -6675,24 +6669,6 @@ function dedupeSelectInputItems(items) {
     return item;
   });
 }
-function filterSelectInputOptionItem(item, needle) {
-  return inferSearchableStrings(item.filterMatchers ?? item.value).some(haystack => haystack.includes(needle));
-}
-function filterSelectInputItems(items, needle) {
-  return items.filter(item => {
-    switch (item.type) {
-      case 'option':
-        {
-          return filterSelectInputOptionItem(item, needle);
-        }
-      case 'group':
-        {
-          return item.options.some(option => filterSelectInputOptionItem(option, needle));
-        }
-    }
-    return false;
-  });
-}
 const defaultRenderTrigger = ({
   content,
   placeholderShown,
@@ -6740,7 +6716,7 @@ function SelectInputClearButton({
   const intl = reactIntl.useIntl();
   return /*#__PURE__*/jsxRuntime.jsx("button", {
     type: "button",
-    "aria-label": intl.formatMessage(dateTriggerMessages.ariaLabel),
+    "aria-label": intl.formatMessage(messages$6.ariaLabel),
     className: classNames__default.default(className, 'np-select-input-addon np-select-input-addon--interactive'),
     onClick: onClick,
     children: /*#__PURE__*/jsxRuntime.jsx(icons.Cross, {
@@ -6897,8 +6873,6 @@ function SelectInputOptions({
   searchInputRef,
   listboxRef
 }) {
-  const intl = reactIntl.useIntl();
-  const controllerRef = filterable ? searchInputRef : listboxRef;
   const [query, setQuery] = React.useState('');
   const needle = React.useMemo(() => {
     if (filterable) {
@@ -6906,16 +6880,14 @@ function SelectInputOptions({
     }
     return undefined;
   }, [filterable, query]);
-  const empty = needle != null && filterSelectInputItems(items, needle).length === 0;
   const listboxContainerRef = React.useRef(null);
   React.useEffect(() => {
     if (listboxContainerRef.current != null) {
       listboxContainerRef.current.style.setProperty('--initial-height', `${listboxContainerRef.current.offsetHeight}px`);
     }
   }, []);
-  const showStatus = empty;
-  const statusId = reactId.useId();
   const listboxId = reactId.useId();
+  const controllerRef = filterable ? searchInputRef : listboxRef;
   return /*#__PURE__*/jsxRuntime.jsxs(react$1.Listbox.Options, {
     as: SelectInputOptionsContainer,
     static: true,
@@ -6937,7 +6909,6 @@ function SelectInputOptions({
         placeholder: filterPlaceholder,
         value: query,
         "aria-controls": listboxId,
-        "aria-describedby": showStatus ? statusId : undefined,
         onKeyDown: event => {
           // Prevent interfering with the matcher of Headless UI
           // https://mathiasbynens.be/notes/javascript-unicode#regex
@@ -6949,31 +6920,24 @@ function SelectInputOptions({
           setQuery(event.currentTarget.value);
         }
       })
-    }) : null, /*#__PURE__*/jsxRuntime.jsxs("div", {
+    }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
       ref: listboxContainerRef,
       className: classNames__default.default('np-select-input-listbox-container', items.some(item => item.type === 'group') && 'np-select-input-listbox-container--has-group'),
-      children: [empty ? /*#__PURE__*/jsxRuntime.jsxs("div", {
-        id: statusId,
-        className: "np-select-input-options-status",
-        children: [/*#__PURE__*/jsxRuntime.jsx(icons.CrossCircle, {
-          size: 16,
-          className: "np-select-input-options-status-icon"
-        }), intl.formatMessage(messages$4.noResultsFound)]
-      }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
         ref: listboxRef,
         id: listboxId,
         role: "listbox",
         "aria-orientation": "vertical",
         tabIndex: 0,
         className: "np-select-input-listbox",
-        children: (needle != null ? dedupeSelectInputItems(items) : items).map((item, index) => /*#__PURE__*/jsxRuntime.jsx(SelectInputItemView
+        children: (needle == null ? items : dedupeSelectInputItems(items)).map((item, index) => /*#__PURE__*/jsxRuntime.jsx(SelectInputItemView
         // eslint-disable-next-line react/no-array-index-key
         , {
           item: item,
           renderValue: renderValue,
           needle: needle
         }, index))
-      })]
+      })
     })]
   });
 }
@@ -6985,7 +6949,7 @@ function SelectInputItemView({
   switch (item.type) {
     case 'option':
       {
-        if (item.value != null && (needle == null || filterSelectInputOptionItem(item, needle))) {
+        if (item.value != null && (!needle || inferSearchableStrings(item.filterMatchers ?? item.value).some(haystack => haystack.includes(needle)))) {
           return /*#__PURE__*/jsxRuntime.jsx(SelectInputOption, {
             value: item.value,
             disabled: item.disabled,
@@ -10760,7 +10724,6 @@ var en = {
 	"neptune.Link.opensInNewTab": "(opens in new tab)",
 	"neptune.MoneyInput.Select.placeholder": "Select an option...",
 	"neptune.Select.searchPlaceholder": "Search...",
-	"neptune.SelectInput.noResultsFound": "No results found",
 	"neptune.Summary.statusDone": "Item done",
 	"neptune.Summary.statusNotDone": "Item to do",
 	"neptune.Summary.statusPending": "Item pending",
@@ -14529,6 +14492,51 @@ function useSnackbar() {
   return createSnackbar;
 }
 
+var cs = {
+	"neptune.Chips.ariaLabel": "Vyčistit {choice}",
+	"neptune.ClearButton.ariaLabel": "Vyčistit",
+	"neptune.CloseButton.ariaLabel": "Zavřít",
+	"neptune.DateInput.day.label": "Den",
+	"neptune.DateInput.month.label": "Měsíc",
+	"neptune.DateInput.year.label": "Rok",
+	"neptune.MoneyInput.Select.placeholder": "Vybrat možnost...",
+	"neptune.Pagination.ariaLabel": "Navigace v Pagination",
+	"neptune.PaginationLink.ariaLabel.active": "Přejít na stránku {pageNumber}",
+	"neptune.PaginationLink.ariaLabel.inactive": "Současná stránka, stránka {pageNumber}",
+	"neptune.Select.searchPlaceholder": "Hledat...",
+	"neptune.Summary.statusDone": "Položka dokončena",
+	"neptune.Summary.statusNotDone": "Položka k dokončení",
+	"neptune.Summary.statusPending": "Čekající položka",
+	"neptune.Upload.csButtonText": "Nahrát další soubor?",
+	"neptune.Upload.csFailureText": "Nahrání se nezdařilo. Zkuste to prosím později",
+	"neptune.Upload.csSuccessText": "Úspěšně nahráno!",
+	"neptune.Upload.csTooLargeMessage": "Soubor musí být menší než 5MB",
+	"neptune.Upload.csWrongTypeMessage": "Tento formát souboru není podporován. Zkuste to znovu s jiným souborem",
+	"neptune.Upload.psButtonText": "Zrušit",
+	"neptune.Upload.psProcessingText": "Načítání...",
+	"neptune.Upload.usButtonText": "Nebo vyberte soubor",
+	"neptune.Upload.usDropMessage": "Pusťte sem soubor pro jeho nahrání",
+	"neptune.Upload.usPlaceholder": "Přetáhněte a pusťte sem soubor menší než 5MB",
+	"neptune.UploadButton.allFileTypes": "Všechny typy souborů",
+	"neptune.UploadButton.dropFiles": "Pusťte sem soubor pro jeho nahrání",
+	"neptune.UploadButton.instructions": "{fileTypes}, menší než {size}MB",
+	"neptune.UploadButton.uploadFile": "Nahrát soubor",
+	"neptune.UploadButton.uploadFiles": "Nahrát soubory",
+	"neptune.UploadInput.deleteModalBody": "Odstraněním tohoto souboru jej smažete z našeho systému.",
+	"neptune.UploadInput.deleteModalCancelButtonText": "Zrušit",
+	"neptune.UploadInput.deleteModalConfirmButtonText": "Odstranit",
+	"neptune.UploadInput.deleteModalTitle": "Jistě chcete odstranit tento soubor?",
+	"neptune.UploadInput.fileIsTooLarge": "Soubor je příliš velký",
+	"neptune.UploadInput.fileTypeNotSupported": "Typ souboru není podporován",
+	"neptune.UploadInput.maximumFilesAlreadyUploaded": "Je nám líto, ale toto nahrání se nezdařilo, protože můžeme přijmout pouze {maxFilesAllowed} souborů najednou.",
+	"neptune.UploadItem.deleting": "Mažeme...",
+	"neptune.UploadItem.removeFile": "Odstranit soubor {filename}",
+	"neptune.UploadItem.uploaded": "Nahráno",
+	"neptune.UploadItem.uploadedFile": "Nahraný soubor",
+	"neptune.UploadItem.uploading": "Nahrávání...",
+	"neptune.UploadItem.uploadingFailed": "Nahrání se nezdařilo"
+};
+
 var de = {
 	"neptune.Chips.ariaLabel": "{choice} zurücksetzen",
 	"neptune.ClearButton.ariaLabel": "Zurücksetzen",
@@ -15159,7 +15167,52 @@ var uk = {
 	"neptune.UploadItem.uploadingFailed": "Не вдалося завантажити"
 };
 
-var zh = {
+var zhCN = {
+	"neptune.Chips.ariaLabel": "清除 {choice}",
+	"neptune.ClearButton.ariaLabel": "清晰",
+	"neptune.CloseButton.ariaLabel": "关闭",
+	"neptune.DateInput.day.label": "日",
+	"neptune.DateInput.month.label": "月",
+	"neptune.DateInput.year.label": "年",
+	"neptune.MoneyInput.Select.placeholder": "请选择...",
+	"neptune.Pagination.ariaLabel": "分页导航",
+	"neptune.PaginationLink.ariaLabel.active": "转到第 {pageNumber} 页",
+	"neptune.PaginationLink.ariaLabel.inactive": "当前页面，第 {pageNumber} 页",
+	"neptune.Select.searchPlaceholder": "搜索",
+	"neptune.Summary.statusDone": "已完成",
+	"neptune.Summary.statusNotDone": "未完成",
+	"neptune.Summary.statusPending": "待处理",
+	"neptune.Upload.csButtonText": "上传另一个文件？",
+	"neptune.Upload.csFailureText": "上传失败。请重试",
+	"neptune.Upload.csSuccessText": "上传完毕！",
+	"neptune.Upload.csTooLargeMessage": "请提供小于 5MB 的文件",
+	"neptune.Upload.csWrongTypeMessage": "不支持该文件类型，请试试其他文件",
+	"neptune.Upload.psButtonText": "取消",
+	"neptune.Upload.psProcessingText": "正在上传…",
+	"neptune.Upload.usButtonText": "或选择文件",
+	"neptune.Upload.usDropMessage": "拖放文件开始上传",
+	"neptune.Upload.usPlaceholder": "拖放小于 5MB 的文件",
+	"neptune.UploadButton.allFileTypes": "所有文件类型",
+	"neptune.UploadButton.dropFiles": "拖放文件开始上传",
+	"neptune.UploadButton.instructions": "{fileTypes}，小于 {size}MB",
+	"neptune.UploadButton.uploadFile": "上传文件",
+	"neptune.UploadButton.uploadFiles": "上传文件",
+	"neptune.UploadInput.deleteModalBody": "删除此文件会将其从我们的系统中删除",
+	"neptune.UploadInput.deleteModalCancelButtonText": "取消",
+	"neptune.UploadInput.deleteModalConfirmButtonText": "删除",
+	"neptune.UploadInput.deleteModalTitle": "确定要删除此文件吗？",
+	"neptune.UploadInput.fileIsTooLarge": "文件太大",
+	"neptune.UploadInput.fileTypeNotSupported": "文件类型不受支持",
+	"neptune.UploadInput.maximumFilesAlreadyUploaded": "抱歉，此上传失败，因为我们一次只能接受 {maxFilesAllowed} 个文件。",
+	"neptune.UploadItem.deleting": "正在删除…",
+	"neptune.UploadItem.removeFile": "删除文件 {filename}",
+	"neptune.UploadItem.uploaded": "已上传",
+	"neptune.UploadItem.uploadedFile": "上传的文件",
+	"neptune.UploadItem.uploading": "正在上传…",
+	"neptune.UploadItem.uploadingFailed": "上传失败"
+};
+
+var zhHK = {
 	"neptune.Chips.ariaLabel": "清除{choice}",
 	"neptune.ClearButton.ariaLabel": "清除",
 	"neptune.CloseButton.ariaLabel": "關閉",
@@ -15205,6 +15258,7 @@ var zh = {
 };
 
 const translations = {
+  cs,
   de,
   en,
   es,
@@ -15220,7 +15274,8 @@ const translations = {
   th,
   tr,
   uk,
-  zh
+  'zh-CN': zhCN,
+  'zh-HK': zhHK
 };
 
 exports.Accordion = Accordion;