cozy-ui 111.12.0 → 111.14.0

package/transpiled/react/SearchBar/locales/withOnlyLocales.js

@@ -1,10 +1,10 @@
 var en = {
-  search: {
+  SearchBar: {
     placeholder: "Search"
   }
 };
 var fr = {
-  search: {
+  SearchBar: {
     placeholder: "Rechercher"
   }
 };

package/transpiled/react/providers/DemoProvider.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { CozyProvider } from 'cozy-client';
 import { BreakpointsProvider } from "cozy-ui/transpiled/react/providers/Breakpoints";
 import CozyTheme from "cozy-ui/transpiled/react/providers/CozyTheme";
-import { I18nContext } from "cozy-ui/transpiled/react/providers/I18n";
+import I18n from "cozy-ui/transpiled/react/providers/I18n";
 var defaultClient = {
   plugins: {
     realtime: {
@@ -30,15 +30,10 @@ var DemoProvider = function DemoProvider(_ref) {
   var lang = localStorage.getItem('lang') || 'en';
   return /*#__PURE__*/React.createElement(CozyProvider, {
     client: client || defaultClient
-  }, /*#__PURE__*/React.createElement(BreakpointsProvider, null, /*#__PURE__*/React.createElement(I18nContext.Provider, {
-    value: {
-      t: function t(x) {
-        return x;
-      },
-      f: function f() {
-        return '01 Jan. 2022';
-      },
-      lang: lang
+  }, /*#__PURE__*/React.createElement(BreakpointsProvider, null, /*#__PURE__*/React.createElement(I18n, {
+    lang: lang,
+    dictRequire: function dictRequire() {
+      return {};
     }
   }, /*#__PURE__*/React.createElement(CozyTheme, {
     variant: variant

package/transpiled/react/providers/I18n/index.js

@@ -114,7 +114,8 @@ I18n.childContextTypes = {
   polyglot: PropTypes.object,
   lang: PropTypes.string
 };
-export { initTranslation, extend, useExtendI18n } from './translation';
+export { initTranslation, extend } from './translation';
 export { default as translate } from './translate';
 export { default as createUseI18n } from './createUseI18n';
+export { default as useExtendI18n } from './useExtendI18n';
 export default I18n;

package/transpiled/react/providers/I18n/translation.js

@@ -1,5 +1,5 @@
 import Polyglot from 'node-polyglot';
-import { DEFAULT_LANG, useI18n } from "cozy-ui/transpiled/react/providers/I18n";
+import { DEFAULT_LANG } from "cozy-ui/transpiled/react/providers/I18n";
 export var _polyglot;
 export var initTranslation = function initTranslation(lang, dictRequire, context) {
   var defaultLang = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_LANG;
@@ -37,35 +37,4 @@ export var extend = function extend(dict, polyglot) {
   var _ref;
 
   return (_ref = polyglot || _polyglot) === null || _ref === void 0 ? void 0 : _ref.extend(dict);
-}; // Use to determine if we need to merge locales again, and to avoid useless calls
-
-var useExtendI18nLang = '';
-/**
- * Hook to merge app locales with cozy-ui locales
- * @param {object} locales - Locales sorted by lang `{ fr: {...}, en: {...} }`
- * @returns {void}
- */
-
-export var useExtendI18n = function useExtendI18n(locales) {
-  var _useI18n = useI18n(),
-      lang = _useI18n.lang,
-      polyglot = _useI18n.polyglot;
-
-  if (!locales || !lang || !polyglot) return; // To simplify code we use Polyglot.extend to merge
-  // locales from object and from polyglot.phrases
-  // rather than native JS or lodash. this is why we have two extend.
-
-  if (useExtendI18nLang !== lang) {
-    var _polyglot2 = new Polyglot({
-      phrases: locales[lang],
-      locale: lang
-    }); // merge locales from app and cozy-ui, without replacing existing one in app
-
-
-    extend(polyglot.phrases, _polyglot2); // use merged locales in app
-
-    extend(_polyglot2.phrases, polyglot); // set the sitch to avoid useless merge
-
-    useExtendI18nLang = lang;
-  }
 };

package/transpiled/react/providers/I18n/useExtendI18n.js

@@ -0,0 +1,42 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import Polyglot from 'node-polyglot';
+import { useState } from 'react';
+import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
+import { extend } from "cozy-ui/transpiled/react/providers/I18n/translation";
+/**
+ * Hook to merge app locales with cozy-ui locales
+ * @param {object} locales - Locales sorted by lang `{ fr: {...}, en: {...} }`
+ * @returns {void}
+ */
+
+var useExtendI18n = function useExtendI18n(locales) {
+  var _useI18n = useI18n(),
+      lang = _useI18n.lang,
+      polyglot = _useI18n.polyglot; // Use to determine if we need to merge locales again, and to avoid useless calls
+
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      useExtendI18nLang = _useState2[0],
+      setUseExtendI18nLang = _useState2[1];
+
+  if (!locales || !lang || !polyglot) return; // To simplify code we use Polyglot.extend to merge
+  // locales from object and from polyglot.phrases
+  // rather than native JS or lodash. this is why we have two extend.
+
+  if (useExtendI18nLang !== lang) {
+    var _polyglot = new Polyglot({
+      phrases: locales[lang],
+      locale: lang
+    }); // merge locales from app and cozy-ui, without replacing existing one in app
+
+
+    extend(polyglot.phrases, _polyglot); // use merged locales in app
+
+    extend(_polyglot.phrases, polyglot); // set the switch to avoid useless merge
+
+    setUseExtendI18nLang(lang);
+  }
+};
+
+export default useExtendI18n;