react-intlayer 9.7.3 → 9.8.0-canary.1

package/dist/cjs/client/format/useDate.cjs

@@ -34,7 +34,7 @@ let _intlayer_core_formatters = require("@intlayer/core/formatters");
 */
 const useDate = () => {
 	const { locale } = (0, react.useContext)(require_client_IntlayerProvider.IntlayerClientContext) ?? {};
-	return (...args) => {
+	return (0, react.useCallback)((...args) => {
 		const options = typeof args[1] === "string" ? {
 			..._intlayer_core_formatters.presets[args[1]],
 			locale
@@ -43,7 +43,7 @@ const useDate = () => {
 			locale: args[1]?.locale ?? locale
 		};
 		return (0, _intlayer_core_formatters.date)(args[0], options);
-	};
+	}, [locale]);
 };
 
 exports.useDate = useDate;

package/dist/cjs/client/format/useDate.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDate.cjs","names":["useContext","IntlayerClientContext","presets","date"],"sources":["../../../../src/client/format/useDate.ts"],"sourcesContent":["'use client';\n\nimport { date, presets } from '@intlayer/core/formatters';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a localized date/time formatter\n * bound to the current application locale.\n *\n * @returns {(date: Date | string | number, options?: DateProps) => string}\n * A function to format dates or timestamps into localized date/time strings.\n *\n * @example\n * ```tsx\n * const formatDate = useDate();\n *\n * formatDate(new Date(\"2025-01-01\"));\n * // \"Jan 1, 2025\"\n *\n * formatDate(\"2025-01-01T15:30:00Z\", {\n *   dateStyle: \"full\",\n *   timeStyle: \"short\",\n * });\n * // \"Wednesday, January 1, 2025 at 3:30 PM\"\n *\n * formatDate(1735689600000, { locale: \"fr-FR\", dateStyle: \"long\" });\n * // \"1 janvier 2025\"\n * ```\n *\n * @see createDate\n */\nexport const useDate = () => {\n  const { locale } = useContext(IntlayerClientContext) ?? {};\n\n  return (...args: Parameters<typeof date>) => {\n    const options =\n      typeof args[1] === 'string'\n        ? { ...presets[args[1]], locale: locale }\n        : { ...args[1], locale: args[1]?.locale ?? locale };\n\n    return date(args[0], options as Parameters<typeof date>[1]);\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,gBAAgB;CAC3B,MAAM,EAAE,eAAWA,kBAAWC,qDAAqB,KAAK,CAAC;CAEzD,QAAQ,GAAG,SAAkC;EAC3C,MAAM,UACJ,OAAO,KAAK,OAAO,WACf;GAAE,GAAGC,kCAAQ,KAAK;GAAa;EAAO,IACtC;GAAE,GAAG,KAAK;GAAI,QAAQ,KAAK,EAAE,EAAE,UAAU;EAAO;EAEtD,WAAOC,gCAAK,KAAK,IAAI,OAAqC;CAC5D;AACF"}
+{"version":3,"file":"useDate.cjs","names":["useContext","IntlayerClientContext","useCallback","presets","date"],"sources":["../../../../src/client/format/useDate.ts"],"sourcesContent":["'use client';\n\nimport { date, presets } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a localized date/time formatter\n * bound to the current application locale.\n *\n * @returns {(date: Date | string | number, options?: DateProps) => string}\n * A function to format dates or timestamps into localized date/time strings.\n *\n * @example\n * ```tsx\n * const formatDate = useDate();\n *\n * formatDate(new Date(\"2025-01-01\"));\n * // \"Jan 1, 2025\"\n *\n * formatDate(\"2025-01-01T15:30:00Z\", {\n *   dateStyle: \"full\",\n *   timeStyle: \"short\",\n * });\n * // \"Wednesday, January 1, 2025 at 3:30 PM\"\n *\n * formatDate(1735689600000, { locale: \"fr-FR\", dateStyle: \"long\" });\n * // \"1 janvier 2025\"\n * ```\n *\n * @see createDate\n */\nexport const useDate = () => {\n  const { locale } = useContext(IntlayerClientContext) ?? {};\n\n  return useCallback(\n    (...args: Parameters<typeof date>) => {\n      const options =\n        typeof args[1] === 'string'\n          ? { ...presets[args[1]], locale }\n          : { ...args[1], locale: args[1]?.locale ?? locale };\n\n      return date(args[0], options as Parameters<typeof date>[1]);\n    },\n    [locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,gBAAgB;CAC3B,MAAM,EAAE,eAAWA,kBAAWC,qDAAqB,KAAK,CAAC;CAEzD,WAAOC,oBACJ,GAAG,SAAkC;EACpC,MAAM,UACJ,OAAO,KAAK,OAAO,WACf;GAAE,GAAGC,kCAAQ,KAAK;GAAK;EAAO,IAC9B;GAAE,GAAG,KAAK;GAAI,QAAQ,KAAK,EAAE,EAAE,UAAU;EAAO;EAEtD,WAAOC,gCAAK,KAAK,IAAI,OAAqC;CAC5D,GACA,CAAC,MAAM,CACT;AACF"}

package/dist/cjs/server/format/useDate.cjs

@@ -32,10 +32,16 @@ let _intlayer_core_formatters = require("@intlayer/core/formatters");
 */
 const useDate = () => {
 	const locale = require_server_serverContext.getServerContext(require_server_IntlayerServerProvider.IntlayerServerContext);
-	return (...args) => (0, _intlayer_core_formatters.date)(args[0], {
-		...args[1],
-		locale: args[1]?.locale ?? locale
-	});
+	return (...args) => {
+		const options = typeof args[1] === "string" ? {
+			..._intlayer_core_formatters.presets[args[1]],
+			locale
+		} : {
+			...args[1],
+			locale: args[1]?.locale ?? locale
+		};
+		return (0, _intlayer_core_formatters.date)(args[0], options);
+	};
 };
 
 exports.useDate = useDate;

package/dist/cjs/server/format/useDate.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDate.cjs","names":["getServerContext","IntlayerServerContext","date"],"sources":["../../../../src/server/format/useDate.ts"],"sourcesContent":["import { date } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a localized date/time formatter\n * bound to the current application locale.\n *\n * @returns {(date: Date | string | number, options?: DateProps) => string}\n * A function to format dates or timestamps into localized date/time strings.\n *\n * @example\n * ```tsx\n * const formatDate = useDate();\n *\n * formatDate(new Date(\"2025-01-01\"));\n * // \"Jan 1, 2025\"\n *\n * formatDate(\"2025-01-01T15:30:00Z\", {\n *   dateStyle: \"full\",\n *   timeStyle: \"short\",\n * });\n * // \"Wednesday, January 1, 2025 at 3:30 PM\"\n *\n * formatDate(1735689600000, { locale: \"fr-FR\", dateStyle: \"long\" });\n * // \"1 janvier 2025\"\n * ```\n *\n * @see createDate\n */\nexport const useDate = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof date>) =>\n    date(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,gBAAgB;CAC3B,MAAM,SAASA,8CAAgCC,2DAAqB;CAEpE,QAAQ,GAAG,aACTC,gCAAK,KAAK,IAAI;EACZ,GAAG,KAAK;EACR,QAAQ,KAAK,EAAE,EAAE,UAAU;CAC7B,CAAC;AACL"}
+{"version":3,"file":"useDate.cjs","names":["getServerContext","IntlayerServerContext","presets","date"],"sources":["../../../../src/server/format/useDate.ts"],"sourcesContent":["import { date, presets } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a localized date/time formatter\n * bound to the current application locale.\n *\n * @returns {(date: Date | string | number, options?: DateProps) => string}\n * A function to format dates or timestamps into localized date/time strings.\n *\n * @example\n * ```tsx\n * const formatDate = useDate();\n *\n * formatDate(new Date(\"2025-01-01\"));\n * // \"Jan 1, 2025\"\n *\n * formatDate(\"2025-01-01T15:30:00Z\", {\n *   dateStyle: \"full\",\n *   timeStyle: \"short\",\n * });\n * // \"Wednesday, January 1, 2025 at 3:30 PM\"\n *\n * formatDate(1735689600000, { locale: \"fr-FR\", dateStyle: \"long\" });\n * // \"1 janvier 2025\"\n * ```\n *\n * @see createDate\n */\nexport const useDate = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof date>) => {\n    const options =\n      typeof args[1] === 'string'\n        ? { ...presets[args[1]], locale }\n        : { ...args[1], locale: args[1]?.locale ?? locale };\n\n    return date(args[0], options as Parameters<typeof date>[1]);\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,gBAAgB;CAC3B,MAAM,SAASA,8CAAgCC,2DAAqB;CAEpE,QAAQ,GAAG,SAAkC;EAC3C,MAAM,UACJ,OAAO,KAAK,OAAO,WACf;GAAE,GAAGC,kCAAQ,KAAK;GAAK;EAAO,IAC9B;GAAE,GAAG,KAAK;GAAI,QAAQ,KAAK,EAAE,EAAE,UAAU;EAAO;EAEtD,WAAOC,gCAAK,KAAK,IAAI,OAAqC;CAC5D;AACF"}

package/dist/esm/client/format/useDate.mjs

@@ -1,7 +1,7 @@
 'use client';
 
 import { IntlayerClientContext } from "../IntlayerProvider.mjs";
-import { useContext } from "react";
+import { useCallback, useContext } from "react";
 import { date, presets } from "@intlayer/core/formatters";
 
 // src/client/format/useDate.ts
@@ -33,7 +33,7 @@ import { date, presets } from "@intlayer/core/formatters";
 */
 const useDate = () => {
 	const { locale } = useContext(IntlayerClientContext) ?? {};
-	return (...args) => {
+	return useCallback((...args) => {
 		const options = typeof args[1] === "string" ? {
 			...presets[args[1]],
 			locale
@@ -42,7 +42,7 @@ const useDate = () => {
 			locale: args[1]?.locale ?? locale
 		};
 		return date(args[0], options);
-	};
+	}, [locale]);
 };
 
 export { useDate };

package/dist/esm/client/format/useDate.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDate.mjs","names":[],"sources":["../../../../src/client/format/useDate.ts"],"sourcesContent":["'use client';\n\nimport { date, presets } from '@intlayer/core/formatters';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a localized date/time formatter\n * bound to the current application locale.\n *\n * @returns {(date: Date | string | number, options?: DateProps) => string}\n * A function to format dates or timestamps into localized date/time strings.\n *\n * @example\n * ```tsx\n * const formatDate = useDate();\n *\n * formatDate(new Date(\"2025-01-01\"));\n * // \"Jan 1, 2025\"\n *\n * formatDate(\"2025-01-01T15:30:00Z\", {\n *   dateStyle: \"full\",\n *   timeStyle: \"short\",\n * });\n * // \"Wednesday, January 1, 2025 at 3:30 PM\"\n *\n * formatDate(1735689600000, { locale: \"fr-FR\", dateStyle: \"long\" });\n * // \"1 janvier 2025\"\n * ```\n *\n * @see createDate\n */\nexport const useDate = () => {\n  const { locale } = useContext(IntlayerClientContext) ?? {};\n\n  return (...args: Parameters<typeof date>) => {\n    const options =\n      typeof args[1] === 'string'\n        ? { ...presets[args[1]], locale: locale }\n        : { ...args[1], locale: args[1]?.locale ?? locale };\n\n    return date(args[0], options as Parameters<typeof date>[1]);\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,gBAAgB;CAC3B,MAAM,EAAE,WAAW,WAAW,qBAAqB,KAAK,CAAC;CAEzD,QAAQ,GAAG,SAAkC;EAC3C,MAAM,UACJ,OAAO,KAAK,OAAO,WACf;GAAE,GAAG,QAAQ,KAAK;GAAa;EAAO,IACtC;GAAE,GAAG,KAAK;GAAI,QAAQ,KAAK,EAAE,EAAE,UAAU;EAAO;EAEtD,OAAO,KAAK,KAAK,IAAI,OAAqC;CAC5D;AACF"}
+{"version":3,"file":"useDate.mjs","names":[],"sources":["../../../../src/client/format/useDate.ts"],"sourcesContent":["'use client';\n\nimport { date, presets } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a localized date/time formatter\n * bound to the current application locale.\n *\n * @returns {(date: Date | string | number, options?: DateProps) => string}\n * A function to format dates or timestamps into localized date/time strings.\n *\n * @example\n * ```tsx\n * const formatDate = useDate();\n *\n * formatDate(new Date(\"2025-01-01\"));\n * // \"Jan 1, 2025\"\n *\n * formatDate(\"2025-01-01T15:30:00Z\", {\n *   dateStyle: \"full\",\n *   timeStyle: \"short\",\n * });\n * // \"Wednesday, January 1, 2025 at 3:30 PM\"\n *\n * formatDate(1735689600000, { locale: \"fr-FR\", dateStyle: \"long\" });\n * // \"1 janvier 2025\"\n * ```\n *\n * @see createDate\n */\nexport const useDate = () => {\n  const { locale } = useContext(IntlayerClientContext) ?? {};\n\n  return useCallback(\n    (...args: Parameters<typeof date>) => {\n      const options =\n        typeof args[1] === 'string'\n          ? { ...presets[args[1]], locale }\n          : { ...args[1], locale: args[1]?.locale ?? locale };\n\n      return date(args[0], options as Parameters<typeof date>[1]);\n    },\n    [locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,gBAAgB;CAC3B,MAAM,EAAE,WAAW,WAAW,qBAAqB,KAAK,CAAC;CAEzD,OAAO,aACJ,GAAG,SAAkC;EACpC,MAAM,UACJ,OAAO,KAAK,OAAO,WACf;GAAE,GAAG,QAAQ,KAAK;GAAK;EAAO,IAC9B;GAAE,GAAG,KAAK;GAAI,QAAQ,KAAK,EAAE,EAAE,UAAU;EAAO;EAEtD,OAAO,KAAK,KAAK,IAAI,OAAqC;CAC5D,GACA,CAAC,MAAM,CACT;AACF"}

package/dist/esm/server/format/useDate.mjs

@@ -1,6 +1,6 @@
 import { IntlayerServerContext } from "../IntlayerServerProvider.mjs";
 import { getServerContext } from "../serverContext.mjs";
-import { date } from "@intlayer/core/formatters";
+import { date, presets } from "@intlayer/core/formatters";
 
 // src/server/format/useDate.ts
 /**
@@ -31,10 +31,16 @@ import { date } from "@intlayer/core/formatters";
 */
 const useDate = () => {
 	const locale = getServerContext(IntlayerServerContext);
-	return (...args) => date(args[0], {
-		...args[1],
-		locale: args[1]?.locale ?? locale
-	});
+	return (...args) => {
+		const options = typeof args[1] === "string" ? {
+			...presets[args[1]],
+			locale
+		} : {
+			...args[1],
+			locale: args[1]?.locale ?? locale
+		};
+		return date(args[0], options);
+	};
 };
 
 export { useDate };

package/dist/esm/server/format/useDate.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDate.mjs","names":[],"sources":["../../../../src/server/format/useDate.ts"],"sourcesContent":["import { date } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a localized date/time formatter\n * bound to the current application locale.\n *\n * @returns {(date: Date | string | number, options?: DateProps) => string}\n * A function to format dates or timestamps into localized date/time strings.\n *\n * @example\n * ```tsx\n * const formatDate = useDate();\n *\n * formatDate(new Date(\"2025-01-01\"));\n * // \"Jan 1, 2025\"\n *\n * formatDate(\"2025-01-01T15:30:00Z\", {\n *   dateStyle: \"full\",\n *   timeStyle: \"short\",\n * });\n * // \"Wednesday, January 1, 2025 at 3:30 PM\"\n *\n * formatDate(1735689600000, { locale: \"fr-FR\", dateStyle: \"long\" });\n * // \"1 janvier 2025\"\n * ```\n *\n * @see createDate\n */\nexport const useDate = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof date>) =>\n    date(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,gBAAgB;CAC3B,MAAM,SAAS,iBAAgC,qBAAqB;CAEpE,QAAQ,GAAG,SACT,KAAK,KAAK,IAAI;EACZ,GAAG,KAAK;EACR,QAAQ,KAAK,EAAE,EAAE,UAAU;CAC7B,CAAC;AACL"}
+{"version":3,"file":"useDate.mjs","names":[],"sources":["../../../../src/server/format/useDate.ts"],"sourcesContent":["import { date, presets } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a localized date/time formatter\n * bound to the current application locale.\n *\n * @returns {(date: Date | string | number, options?: DateProps) => string}\n * A function to format dates or timestamps into localized date/time strings.\n *\n * @example\n * ```tsx\n * const formatDate = useDate();\n *\n * formatDate(new Date(\"2025-01-01\"));\n * // \"Jan 1, 2025\"\n *\n * formatDate(\"2025-01-01T15:30:00Z\", {\n *   dateStyle: \"full\",\n *   timeStyle: \"short\",\n * });\n * // \"Wednesday, January 1, 2025 at 3:30 PM\"\n *\n * formatDate(1735689600000, { locale: \"fr-FR\", dateStyle: \"long\" });\n * // \"1 janvier 2025\"\n * ```\n *\n * @see createDate\n */\nexport const useDate = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof date>) => {\n    const options =\n      typeof args[1] === 'string'\n        ? { ...presets[args[1]], locale }\n        : { ...args[1], locale: args[1]?.locale ?? locale };\n\n    return date(args[0], options as Parameters<typeof date>[1]);\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,gBAAgB;CAC3B,MAAM,SAAS,iBAAgC,qBAAqB;CAEpE,QAAQ,GAAG,SAAkC;EAC3C,MAAM,UACJ,OAAO,KAAK,OAAO,WACf;GAAE,GAAG,QAAQ,KAAK;GAAK;EAAO,IAC9B;GAAE,GAAG,KAAK;GAAI,QAAQ,KAAK,EAAE,EAAE,UAAU;EAAO;EAEtD,OAAO,KAAK,KAAK,IAAI,OAAqC;CAC5D;AACF"}

package/dist/types/client/format/useDate.d.ts

@@ -1,4 +1,3 @@
-import { date } from "@intlayer/core/formatters";
 /**
  * React client hook that provides a localized date/time formatter
  * bound to the current application locale.
@@ -25,5 +24,7 @@ import { date } from "@intlayer/core/formatters";
  *
  * @see createDate
  */
-export declare const useDate: () => (...args: Parameters<typeof date>) => string;
+export declare const useDate: () => (date: string | number | Date, options?: import("@intlayer/core/formatters").DateTimePreset | (Intl.DateTimeFormatOptions & {
+  locale?: import("@intlayer/types").LocalesValues;
+})) => string;
 //# sourceMappingURL=useDate.d.ts.map

package/dist/types/client/format/useDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDate.d.ts","names":[],"sources":["../../../../src/client/format/useDate.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;qBAgCa,mBAAO,MAGD,kBAAkB"}
+{"version":3,"file":"useDate.d.ts","names":[],"sources":["../../../../src/client/format/useDate.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;qBAgCa,gBAAO,wBAAA,MAAA,8CAAA,kBAAA,KAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-intlayer",
-  "version": "9.7.3",
+  "version": "9.8.0-canary.1",
   "private": false,
   "description": "Easily internationalize i18n your React applications with type-safe multilingual content management.",
   "keywords": [
@@ -133,12 +133,12 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "9.7.3",
-    "@intlayer/config": "9.7.3",
-    "@intlayer/core": "9.7.3",
-    "@intlayer/dictionaries-entry": "9.7.3",
-    "@intlayer/editor": "9.7.3",
-    "@intlayer/types": "9.7.3"
+    "@intlayer/api": "9.8.0-canary.1",
+    "@intlayer/config": "9.8.0-canary.1",
+    "@intlayer/core": "9.8.0-canary.1",
+    "@intlayer/dictionaries-entry": "9.8.0-canary.1",
+    "@intlayer/editor": "9.8.0-canary.1",
+    "@intlayer/types": "9.8.0-canary.1"
   },
   "devDependencies": {
     "@craco/types": "7.1.0",
@@ -159,7 +159,7 @@
     "react-dom": ">=16.0.0"
   },
   "optionalDependencies": {
-    "@intlayer/analytics": "9.7.3"
+    "@intlayer/analytics": "9.8.0-canary.1"
   },
   "engines": {
     "node": ">=14.18"