@transferwise/components 46.26.0 → 46.26.2

package/build/types/provider/Provider.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ResolvedIntlConfig } from 'react-intl';
 export interface ProviderProps {
-    i18n: Pick<ResolvedIntlConfig, 'locale' | 'messages' | 'defaultRichTextElements'>;
+    i18n: Pick<ResolvedIntlConfig, 'locale' | 'messages'> & Partial<Pick<ResolvedIntlConfig, 'defaultRichTextElements'>>;
     children?: React.ReactNode;
 }
 export default function Provider({ i18n, children }: ProviderProps): import("react").JSX.Element;

package/build/types/provider/Provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/provider/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAQ9D,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,UAAU,GAAG,yBAAyB,CAAC,CAAC;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,aAAa,+BA8BjE"}
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/provider/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAQ9D,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,UAAU,CAAC,GACnD,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,aAAa,+BA8BjE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "46.26.0",
+  "version": "46.26.2",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -24,6 +24,7 @@
       "require": "./build/mocks.js"
     },
     "./build/*": "./build/*.js",
+    "./build/main.css": "./build/main.css",
     "./build/*.css": "./build/*.css",
     "./build/*.json": "./build/*.json",
     "./build/i18n": "./build/i18n"

package/src/i18n/ja.json

@@ -1,7 +1,7 @@
 {
   "neptune.Button.loadingAriaLabel": "読み込み中…",
-  "neptune.Chips.ariaLabel": "{choice} をクリア",
-  "neptune.ClearButton.ariaLabel": "消去",
+  "neptune.Chips.ariaLabel": "{choice}を消去する",
+  "neptune.ClearButton.ariaLabel": "消去する",
   "neptune.CloseButton.ariaLabel": "閉じる",
   "neptune.DateInput.day.label": "日",
   "neptune.DateInput.day.placeholder": "日",
@@ -21,19 +21,19 @@
   "neptune.Link.opensInNewTab": "（新しいタブで開きます）",
   "neptune.MoneyInput.Select.placeholder": "選択してください...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "選択してください…",
-  "neptune.Select.searchPlaceholder": "検索... ",
+  "neptune.Select.searchPlaceholder": "検索する... ",
   "neptune.SelectInput.noResultsFound": "結果が見つかりませんでした",
   "neptune.Summary.statusDone": "完了",
-  "neptune.Summary.statusNotDone": "未対応",
+  "neptune.Summary.statusNotDone": "未完了",
   "neptune.Summary.statusPending": "保留中",
   "neptune.Upload.csButtonText": "別のファイルをアップロードしますか？",
   "neptune.Upload.csFailureText": "アップロードに失敗しました。もう一度やり直してください。",
   "neptune.Upload.csSuccessText": "アップロードが完了しました。",
   "neptune.Upload.csTooLargeMessage": "{maxSize}MB以下のファイルをアップロードしてください",
   "neptune.Upload.csWrongTypeMessage": "ファイルの種類はサポートされていません。別のファイルで再度お試しください",
-  "neptune.Upload.psButtonText": "キャンセル",
-  "neptune.Upload.psProcessingText": "アップロード中…",
-  "neptune.Upload.usButtonText": "または、ファイルを選択する",
+  "neptune.Upload.psButtonText": "キャンセルする",
+  "neptune.Upload.psProcessingText": "アップロードしています…",
+  "neptune.Upload.usButtonText": "またはファイルを選択する",
   "neptune.Upload.usDropMessage": "ファイルをドロップしてアップロードする",
   "neptune.Upload.usPlaceholder": "{maxSize}MB以下のファイルをドラッグ＆ドロップしてください",
   "neptune.UploadButton.allFileTypes": "すべてのファイル種類",
@@ -42,16 +42,16 @@
   "neptune.UploadButton.uploadFile": "ファイルをアップロードする",
   "neptune.UploadButton.uploadFiles": "ファイルをアップロードする",
   "neptune.UploadInput.deleteModalBody": "このファイルを削除すると、当社のシステムからも削除されます。",
-  "neptune.UploadInput.deleteModalCancelButtonText": "キャンセル",
-  "neptune.UploadInput.deleteModalConfirmButtonText": "削除",
+  "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.deleting": "削除しています...",
+  "neptune.UploadItem.removeFile": "{filename}のファイルを削除する",
   "neptune.UploadItem.uploaded": "アップロード済み",
   "neptune.UploadItem.uploadedFile": "アップロード済みのファイル",
-  "neptune.UploadItem.uploading": "アップロード中…",
-  "neptune.UploadItem.uploadingFailed": "アップロードが失敗しました"
+  "neptune.UploadItem.uploading": "アップロードしています…",
+  "neptune.UploadItem.uploadingFailed": "アップロードに失敗しました"
 }

package/src/inputs/SelectInput.story.tsx

@@ -5,6 +5,7 @@ import { Flag } from '@wise/art';
 import classNames from 'classnames';
 import { useState } from 'react';
 
+import Button from '../button/Button';
 import { getMonthNames } from '../common/dateUtils';
 import Drawer from '../drawer';
 import Modal from '../modal';
@@ -321,15 +322,35 @@ export const Advanced: Story<Month> = {
 export const WithinDrawer: Story<Currency> = {
   args: CurrenciesArgs,
   decorators: [
-    (Story) => (
-      <Drawer open headerTitle="This is the title of the drawer">
-        <Story />
-      </Drawer>
-    ),
+    (Story, context) => {
+      const [open, setOpen] = useState(context.viewMode === 'story');
+      return (
+        <>
+          <Button onClick={() => setOpen(true)}>Open drawer</Button>
+          <Drawer
+            open={open}
+            headerTitle="This is the title of the drawer"
+            onClose={() => setOpen(false)}
+          >
+            <Story />
+          </Drawer>
+        </>
+      );
+    },
   ],
 };
 
 export const WithinModal: Story<Currency> = {
   args: CurrenciesArgs,
-  decorators: [(Story) => <Modal open body={<Story />} onClose={() => {}} />],
+  decorators: [
+    (Story, context) => {
+      const [open, setOpen] = useState(context.viewMode === 'story');
+      return (
+        <>
+          <Button onClick={() => setOpen(true)}>Open modal</Button>
+          <Modal open={open} body={<Story />} onClose={() => setOpen(false)} />
+        </>
+      );
+    },
+  ],
 };

package/src/provider/Provider.tsx

@@ -7,7 +7,8 @@ import { DirectionProvider } from './direction';
 import { LanguageProvider } from './language';
 
 export interface ProviderProps {
-  i18n: Pick<ResolvedIntlConfig, 'locale' | 'messages' | 'defaultRichTextElements'>;
+  i18n: Pick<ResolvedIntlConfig, 'locale' | 'messages'> &
+    Partial<Pick<ResolvedIntlConfig, 'defaultRichTextElements'>>;
   children?: React.ReactNode;
 }