cozy-ui 77.7.0 → 77.7.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [77.7.1](https://github.com/cozy/cozy-ui/compare/v77.7.0...v77.7.1) (2022-11-22)
+
+
+### Bug Fixes
+
+* Load default langage when using createUseI18n ([5ce65fe](https://github.com/cozy/cozy-ui/commit/5ce65fe))
+
 # [77.7.0](https://github.com/cozy/cozy-ui/compare/v77.6.0...v77.7.0) (2022-11-21)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "77.7.0",
+  "version": "77.7.1",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/I18n/index.jsx

@@ -102,9 +102,17 @@ export const createUseI18n = locales => () => {
   const { lang } = useI18n() || { lang: DEFAULT_LANG }
   return useMemo(() => {
     const polyglot = new Polyglot({
-      lang: lang,
-      phrases: locales[lang]
+      locale: DEFAULT_LANG,
+      phrases: locales[DEFAULT_LANG]
     })
+    if (lang && lang !== DEFAULT_LANG) {
+      try {
+        polyglot.locale(lang)
+        polyglot.extend(locales[lang])
+      } catch (e) {
+        console.warn(`The dict phrases for "${lang}" can't be loaded`)
+      }
+    }
     const f = initFormat(lang)
     const t = polyglot.t.bind(polyglot)
     return { t, f, lang }

package/react/I18n/index.spec.jsx

@@ -87,3 +87,40 @@ describe('use i18n with custom locales', () => {
     expect(root.getByText('Bonjour le monde')).toBeTruthy()
   })
 })
+
+describe('use i18n with custom locales and fallback to default', () => {
+  const locales = {
+    en: {
+      'hello-world': 'Hello world',
+      'how-are-you': 'How are you ?'
+    },
+    fr: {
+      'hello-world': 'Bonjour le monde'
+    }
+  }
+  const useI18n = createUseI18n(locales)
+  const Child = () => {
+    const { t } = useI18n()
+    return (
+      <div>
+        <div>{t('hello-world')}</div>
+        <div>{t('how-are-you')}</div>
+      </div>
+    )
+  }
+  const Parent = () => {
+    return (
+      <>
+        <I18n lang="fr" dictRequire={() => ({})}>
+          <Child />
+        </I18n>
+      </>
+    )
+  }
+
+  it('should display missing key in default langage', () => {
+    const root = render(<Parent />)
+    expect(root.getByText('Bonjour le monde')).toBeInTheDocument()
+    expect(root.getByText('How are you ?')).toBeInTheDocument()
+  })
+})

package/transpiled/react/I18n/index.js

@@ -133,9 +133,19 @@ export var createUseI18n = function createUseI18n(locales) {
 
     return useMemo(function () {
       var polyglot = new Polyglot({
-        lang: lang,
-        phrases: locales[lang]
+        locale: DEFAULT_LANG,
+        phrases: locales[DEFAULT_LANG]
       });
+
+      if (lang && lang !== DEFAULT_LANG) {
+        try {
+          polyglot.locale(lang);
+          polyglot.extend(locales[lang]);
+        } catch (e) {
+          console.warn("The dict phrases for \"".concat(lang, "\" can't be loaded"));
+        }
+      }
+
       var f = initFormat(lang);
       var t = polyglot.t.bind(polyglot);
       return {