@transferwise/components 0.0.0-experimental-bb03a6a → 0.0.0-experimental-6d4124a

package/src/provider/Provider.spec.tsx

@@ -16,7 +16,7 @@ describe('Provider', () => {
   });
 
   it('does not add any elements in the DOM', async () => {
-    const locale = 'en';
+    const locale = 'en-GB';
     const messages = (await import(`../i18n/${locale}.json`)) as Record<string, string>;
 
     const { container } = render(<Provider i18n={{ locale, messages }} />);
@@ -52,8 +52,8 @@ describe('Provider', () => {
   });
 
   it.each([
-    ['ru', 'Закрыть'],
-    ['en', 'Close'],
+    ['ru-RU', 'Закрыть'],
+    ['en-GB', 'Close'],
   ])('switching locale (%s)', async (locale, expectedMessage) => {
     expect(document.body).toBeEmptyDOMElement();
 

package/src/ssr.spec.js

@@ -3,7 +3,7 @@
  */
 import { renderToString } from 'react-dom/server';
 
-import en from './i18n/en.json';
+import en from './i18n/en-GB.json';
 
 import * as exposedLibraryItems from '.';
 
@@ -64,7 +64,7 @@ const excluded = new Set([
   'DEFAULT_LANG',
   'DEFAULT_LOCALE',
   'adjustLocale',
-  'getLangFromLocale',
+  'getSupportedLangFromLocale',
   'getCountryFromLocale',
   'getDirectionFromLocale',
   'isServerSide',

package/src/test-utils/index.js

@@ -4,7 +4,7 @@ import userEvent from '@testing-library/user-event';
 
 import { Provider } from '..';
 import { DEFAULT_LOCALE } from '../common/locale';
-import en from '../i18n/en.json';
+import en from '../i18n/en-GB.json';
 
 /**
  * Custom `render` function which wraps passed elements in Provider component

package/build/i18n/zh_CN.json

@@ -1,44 +0,0 @@
-{
-  "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": "上传失败"
-}

package/src/common/locale/index.js

@@ -1,130 +0,0 @@
-import { Direction } from '..';
-
-/**
- * Default language
- *
- * @type {string}
- */
-export const DEFAULT_LANG = 'en';
-
-/**
- * Default locale
- *
- * @type {string}
- */
-export const DEFAULT_LOCALE = 'en-GB';
-
-/**
- * Array of languages that are written from the right to the left
- *
- * @type {string[]}
- */
-export const RTL_LANGUAGES = ['ar', 'he'];
-
-export const SUPPORTED_LANGUAGES = [
-  DEFAULT_LANG,
-  'de',
-  'es',
-  'fr',
-  'hu',
-  'id',
-  'it',
-  'ja',
-  'pl',
-  'pt',
-  'ro',
-  'ru',
-  'th',
-  'tr',
-  'uk',
-  'zh',
-];
-
-/**
- * Verifies and adjusts locale (replace `_` with `-`)
- * Returns null if locale is unrecognized by {Intl.Locale}
- *
- * @param {string} locale (`es`, `es_ES`, `en-GB`, `en`, `ja`, `ja-JP` etc)
- * @returns {string|null}
- */
-export function adjustLocale(locale) {
-  if (!locale || locale.trim().length === 0) {
-    return null;
-  }
-  try {
-    const { baseName } = new Intl.Locale(locale.trim().replace('_', '-'));
-    return baseName;
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.error(error);
-    return null;
-  }
-}
-
-/**
- * Provides corresponding lang (iso2) for provided locale
- * if locale is invalid or language is unsupported returns null
- *
- * @param {string} locale (`es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP` etc)
- * @returns {string|null}
- */
-export function getLangFromLocale(locale) {
-  const adjustedLocale = adjustLocale(locale);
-  if (adjustedLocale === null) {
-    return null;
-  }
-  try {
-    const { language } = new Intl.Locale(adjustedLocale);
-
-    if (SUPPORTED_LANGUAGES.includes(language)) {
-      return language;
-    }
-    return null;
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.error(error);
-    return null;
-  }
-}
-
-/**
- * Provides corresponding country code (iso2) for locales code with explicit region value (`es-ES`, `en-GB`, `ja-JP` etc.)
- * if the value is invalid or missing region it returns null
- *
- * @param {string} locale
- * @returns {string|null}
- */
-export function getCountryFromLocale(locale) {
-  const adjustedLocale = adjustLocale(locale);
-  if (adjustedLocale === null) {
-    return null;
-  }
-  try {
-    const { region } = new Intl.Locale(adjustedLocale);
-    return region ?? null;
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.error(error);
-    return null;
-  }
-}
-
-/**
- * Provides the layout direction for a given locale.
- * If locale is invalid or language is unsupported returns Direction.LTR
- *
- * @param {string} locale (`es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP` etc)
- * @returns {Direction} The layout direction based on the locale
- */
-export function getDirectionFromLocale(locale) {
-  try {
-    const adjustedLocale = adjustLocale(locale);
-    const { language } = new Intl.Locale(adjustedLocale);
-
-    return RTL_LANGUAGES.includes(language) ? Direction.RTL : Direction.LTR;
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.error(error);
-    return Direction.LTR;
-  }
-}

package/src/dateLookup/tableLink/TableLink.tsx

@@ -1,74 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { injectIntl, IntlShape } from 'react-intl';
-
-import messages from '../DateLookup.messages';
-
-interface TableLinkProps {
-  item: number;
-  type: 'day' | 'month' | 'year';
-  title?: string;
-  longTitle?: string;
-  active: boolean;
-  disabled: boolean;
-  today: boolean;
-  autofocus?: boolean;
-  onClick: (item: number) => void;
-  intl: IntlShape;
-}
-
-const TableLink = ({
-  item,
-  type,
-  title,
-  longTitle,
-  active,
-  disabled,
-  today,
-  autofocus,
-  onClick,
-  intl: { formatMessage },
-}: TableLinkProps) => {
-  const buttonRef = useRef<HTMLButtonElement>(null);
-
-  useEffect(() => {
-    if (autofocus) {
-      buttonRef.current?.focus();
-    }
-  }, []);
-
-  const onCalendarClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-    event.preventDefault();
-    if (!disabled) {
-      onClick(item);
-    }
-  };
-
-  const calculateAriaLabel = () => {
-    if (active) {
-      return `${longTitle || title || ''}, ${formatMessage(messages.selected)} ${formatMessage(
-        messages[type],
-      )}`;
-    }
-    return longTitle || title;
-  };
-
-  return (
-    <>
-      <button
-        ref={buttonRef}
-        type="button"
-        className={`tw-date-lookup-${type}-option ${active ? 'active' : ''} ${
-          today ? 'today' : ''
-        } np-text-body-default-bold`}
-        disabled={disabled}
-        aria-label={calculateAriaLabel()}
-        aria-pressed={active}
-        onClick={onCalendarClick}
-      >
-        {title || item}
-      </button>
-    </>
-  );
-};
-
-export default injectIntl(TableLink);

package/src/i18n/zh_CN.json

@@ -1,44 +0,0 @@
-{
-  "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": "上传失败"
-}