react-intlayer 3.5.2 → 3.5.3

package/dist/cjs/client/useLocale.cjs

@@ -26,9 +26,44 @@ var import_client = require("@intlayer/config/client");
 var import_core = require("@intlayer/core");
 var import_react = require("react");
 var import_IntlayerProvider = require('./IntlayerProvider.cjs');
-const useLocale = () => {
+var import_useLocaleCookie = require('./useLocaleCookie.cjs');
+const useLocale = ({ onLocaleChange } = {}) => {
+  const {
+    /**
+     * Prefix default prefix the default locale to the path as other locales.
+     *
+     * Example with prefixDefault = true and defaultLocale = 'en':
+     * path = /en/dashboard or /fr/dashboard
+     *
+     * Example with prefixDefault = false and defaultLocale = 'en':
+     * path = /dashboard or /fr/dashboard
+     *
+     */
+    prefixDefault
+  } = (0, import_client.getConfiguration)().middleware;
   const { defaultLocale, locales: availableLocales } = (0, import_client.getConfiguration)().internationalization;
-  const { locale, setLocale } = (0, import_react.useContext)(import_IntlayerProvider.IntlayerClientContext);
+  const { locale, setLocale: setLocaleState } = (0, import_react.useContext)(
+    import_IntlayerProvider.IntlayerClientContext
+  );
+  const { setLocaleCookie } = (0, import_useLocaleCookie.useLocaleCookie)();
+  const setLocale = (0, import_react.useCallback)(
+    (locale2) => {
+      if (!availableLocales.includes(locale2)) {
+        console.error(`Locale ${locale2} is not available`);
+        return;
+      }
+      setLocaleState(locale2);
+      setLocaleCookie(locale2);
+      onLocaleChange?.(locale2);
+    },
+    [
+      onLocaleChange,
+      availableLocales,
+      setLocaleState,
+      prefixDefault,
+      defaultLocale
+    ]
+  );
   return {
     locale,
     // Current locale

package/dist/cjs/client/useLocale.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = () => {\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oBAAiC;AACjC,kBAA2B;AAC3B,mBAA2B;AAC3B,8BAAsC;AAK/B,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,eAAe,SAAS,iBAAiB,QAC/C,gCAAiB,EAAE;AACrB,QAAM,EAAE,QAAQ,UAAU,QAAI,yBAAW,6CAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport { type Locales } from '@intlayer/config';\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useLocaleCookie } from './useLocaleCookie';\n\ntype useLocaleProps = {\n  onLocaleChange?: (locale: Locales) => void;\n};\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = ({ onLocaleChange }: useLocaleProps = {}) => {\n  const {\n    /**\n     * Prefix default prefix the default locale to the path as other locales.\n     *\n     * Example with prefixDefault = true and defaultLocale = 'en':\n     * path = /en/dashboard or /fr/dashboard\n     *\n     * Example with prefixDefault = false and defaultLocale = 'en':\n     * path = /dashboard or /fr/dashboard\n     *\n     */\n    prefixDefault,\n  } = getConfiguration().middleware;\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n  const { locale, setLocale: setLocaleState } = useContext(\n    IntlayerClientContext\n  );\n  const { setLocaleCookie } = useLocaleCookie();\n\n  const setLocale = useCallback(\n    (locale: Locales) => {\n      if (!availableLocales.includes(locale)) {\n        console.error(`Locale ${locale} is not available`);\n        return;\n      }\n\n      setLocaleState(locale);\n      setLocaleCookie(locale);\n      onLocaleChange?.(locale);\n    },\n    [\n      onLocaleChange,\n      availableLocales,\n      setLocaleState,\n      prefixDefault,\n      defaultLocale,\n    ]\n  );\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAiC;AACjC,kBAA2B;AAC3B,mBAAwC;AACxC,8BAAsC;AACtC,6BAAgC;AASzB,MAAM,YAAY,CAAC,EAAE,eAAe,IAAoB,CAAC,MAAM;AACpE,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWJ;AAAA,EACF,QAAI,gCAAiB,EAAE;AACvB,QAAM,EAAE,eAAe,SAAS,iBAAiB,QAC/C,gCAAiB,EAAE;AACrB,QAAM,EAAE,QAAQ,WAAW,eAAe,QAAI;AAAA,IAC5C;AAAA,EACF;AACA,QAAM,EAAE,gBAAgB,QAAI,wCAAgB;AAE5C,QAAM,gBAAY;AAAA,IAChB,CAACA,YAAoB;AACnB,UAAI,CAAC,iBAAiB,SAASA,OAAM,GAAG;AACtC,gBAAQ,MAAM,UAAUA,OAAM,mBAAmB;AACjD;AAAA,MACF;AAEA,qBAAeA,OAAM;AACrB,sBAAgBA,OAAM;AACtB,uBAAiBA,OAAM;AAAA,IACzB;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":["locale"]}

package/dist/esm/client/useLocale.mjs

@@ -2,11 +2,46 @@
 import "../chunk-ZD7AOCMD.mjs";
 import { getConfiguration } from "@intlayer/config/client";
 import { localeList } from "@intlayer/core";
-import { useContext } from "react";
+import { useCallback, useContext } from "react";
 import { IntlayerClientContext } from './IntlayerProvider.mjs';
-const useLocale = () => {
+import { useLocaleCookie } from './useLocaleCookie.mjs';
+const useLocale = ({ onLocaleChange } = {}) => {
+  const {
+    /**
+     * Prefix default prefix the default locale to the path as other locales.
+     *
+     * Example with prefixDefault = true and defaultLocale = 'en':
+     * path = /en/dashboard or /fr/dashboard
+     *
+     * Example with prefixDefault = false and defaultLocale = 'en':
+     * path = /dashboard or /fr/dashboard
+     *
+     */
+    prefixDefault
+  } = getConfiguration().middleware;
   const { defaultLocale, locales: availableLocales } = getConfiguration().internationalization;
-  const { locale, setLocale } = useContext(IntlayerClientContext);
+  const { locale, setLocale: setLocaleState } = useContext(
+    IntlayerClientContext
+  );
+  const { setLocaleCookie } = useLocaleCookie();
+  const setLocale = useCallback(
+    (locale2) => {
+      if (!availableLocales.includes(locale2)) {
+        console.error(`Locale ${locale2} is not available`);
+        return;
+      }
+      setLocaleState(locale2);
+      setLocaleCookie(locale2);
+      onLocaleChange?.(locale2);
+    },
+    [
+      onLocaleChange,
+      availableLocales,
+      setLocaleState,
+      prefixDefault,
+      defaultLocale
+    ]
+  );
   return {
     locale,
     // Current locale

package/dist/esm/client/useLocale.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = () => {\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAEA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAK/B,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AACrB,QAAM,EAAE,QAAQ,UAAU,IAAI,WAAW,qBAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport { type Locales } from '@intlayer/config';\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useLocaleCookie } from './useLocaleCookie';\n\ntype useLocaleProps = {\n  onLocaleChange?: (locale: Locales) => void;\n};\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = ({ onLocaleChange }: useLocaleProps = {}) => {\n  const {\n    /**\n     * Prefix default prefix the default locale to the path as other locales.\n     *\n     * Example with prefixDefault = true and defaultLocale = 'en':\n     * path = /en/dashboard or /fr/dashboard\n     *\n     * Example with prefixDefault = false and defaultLocale = 'en':\n     * path = /dashboard or /fr/dashboard\n     *\n     */\n    prefixDefault,\n  } = getConfiguration().middleware;\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n  const { locale, setLocale: setLocaleState } = useContext(\n    IntlayerClientContext\n  );\n  const { setLocaleCookie } = useLocaleCookie();\n\n  const setLocale = useCallback(\n    (locale: Locales) => {\n      if (!availableLocales.includes(locale)) {\n        console.error(`Locale ${locale} is not available`);\n        return;\n      }\n\n      setLocaleState(locale);\n      setLocaleCookie(locale);\n      onLocaleChange?.(locale);\n    },\n    [\n      onLocaleChange,\n      availableLocales,\n      setLocaleState,\n      prefixDefault,\n      defaultLocale,\n    ]\n  );\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAGA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,aAAa,kBAAkB;AACxC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AASzB,MAAM,YAAY,CAAC,EAAE,eAAe,IAAoB,CAAC,MAAM;AACpE,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWJ;AAAA,EACF,IAAI,iBAAiB,EAAE;AACvB,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AACrB,QAAM,EAAE,QAAQ,WAAW,eAAe,IAAI;AAAA,IAC5C;AAAA,EACF;AACA,QAAM,EAAE,gBAAgB,IAAI,gBAAgB;AAE5C,QAAM,YAAY;AAAA,IAChB,CAACA,YAAoB;AACnB,UAAI,CAAC,iBAAiB,SAASA,OAAM,GAAG;AACtC,gBAAQ,MAAM,UAAUA,OAAM,mBAAmB;AACjD;AAAA,MACF;AAEA,qBAAeA,OAAM;AACrB,sBAAgBA,OAAM;AACtB,uBAAiBA,OAAM;AAAA,IACzB;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":["locale"]}

package/dist/types/client/useLocale.d.ts

@@ -1,11 +1,16 @@
+import { type Locales } from '@intlayer/config';
+type useLocaleProps = {
+    onLocaleChange?: (locale: Locales) => void;
+};
 /**
  * On the client side, hook to get the current locale and all related fields
  */
-export declare const useLocale: () => {
-    locale: import("intlayer").Locales;
-    defaultLocale: import("intlayer").Locales;
-    availableLocales: import("intlayer").Locales[];
-    localeList: import("intlayer").Locales[];
-    setLocale: (newLocale: import("intlayer").Locales) => void;
+export declare const useLocale: ({ onLocaleChange }?: useLocaleProps) => {
+    locale: Locales;
+    defaultLocale: Locales;
+    availableLocales: Locales[];
+    localeList: Locales[];
+    setLocale: (locale: Locales) => void;
 };
+export {};
 //# sourceMappingURL=useLocale.d.ts.map

package/dist/types/client/useLocale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLocale.d.ts","sourceRoot":"","sources":["../../../src/client/useLocale.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;CAYrB,CAAC"}
+{"version":3,"file":"useLocale.d.ts","sourceRoot":"","sources":["../../../src/client/useLocale.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOhD,KAAK,cAAc,GAAG;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,wBAAwB,cAAc;;;;;wBAsB/C,OAAO;CA0BnB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-intlayer",
-  "version": "3.5.2",
+  "version": "3.5.3",
   "private": false,
   "description": "Internationalization layer for React applications. Declare your multilingual contant in the same lever than your component. Powered by TypeScript, declaration files.",
   "keywords": [
@@ -91,11 +91,11 @@
     "react-cookie": "^7.2.2",
     "vite": "^6.0.3",
     "webpack": "^5.96.1",
-    "@intlayer/config": "^3.5.2",
-    "@intlayer/core": "^3.5.2",
-    "@intlayer/webpack": "^3.5.2",
-    "@intlayer/dictionaries-entry": "^3.5.2",
-    "@intlayer/chokidar": "^3.5.2"
+    "@intlayer/chokidar": "^3.5.3",
+    "@intlayer/webpack": "^3.5.3",
+    "@intlayer/core": "^3.5.3",
+    "@intlayer/dictionaries-entry": "^3.5.3",
+    "@intlayer/config": "^3.5.3"
   },
   "devDependencies": {
     "@craco/types": "^7.1.0",
@@ -113,21 +113,21 @@
     "tsc-alias": "^1.8.10",
     "tsup": "^8.3.5",
     "typescript": "^5.7.2",
-    "@utils/eslint-config": "^1.0.4",
-    "@utils/ts-config": "^1.0.4",
     "@utils/ts-config-types": "^1.0.4",
+    "@utils/ts-config": "^1.0.4",
+    "@utils/eslint-config": "^1.0.4",
     "@utils/tsup-config": "^1.0.4"
   },
   "peerDependencies": {
     "react": ">=16.0.0 <19.0.0",
     "react-dom": ">=16.0.0 <19.0.0",
     "vite": ">=4.0.0",
-    "@intlayer/chokidar": "^3.5.2",
-    "@intlayer/config": "^3.5.2",
-    "@intlayer/core": "^3.5.2",
-    "@intlayer/dictionaries-entry": "^3.5.2",
-    "@intlayer/webpack": "^3.5.2",
-    "intlayer": "^3.5.2"
+    "@intlayer/chokidar": "^3.5.3",
+    "@intlayer/config": "^3.5.3",
+    "@intlayer/dictionaries-entry": "^3.5.3",
+    "@intlayer/core": "^3.5.3",
+    "intlayer": "^3.5.3",
+    "@intlayer/webpack": "^3.5.3"
   },
   "engines": {
     "node": ">=14.18"