@povio/ui 3.3.0-rc.2 → 3.3.0-rc.4

package/dist/utils/date-time.utils.js

@@ -1,3 +1,4 @@
+import { IntlUtils } from "./intl.utils.js";
 import { CalendarDate, CalendarDateTime, DateFormatter, fromDate, getLocalTimeZone, parseAbsolute } from "@internationalized/date";
 import { DateTime } from "luxon";
 //#region src/utils/date-time.utils.ts
@@ -5,33 +6,42 @@ var DateTimeUtils;
 (function(_DateTimeUtils) {
 	const DATE_SAMPLE_DATE_UTC = new Date(Date.UTC(2e3, 10, 22));
 	const TIME_SAMPLE_DATE_UTC = new Date(Date.UTC(2e3, 10, 22, 6, 45));
+	const timeFormatters = /* @__PURE__ */ new Map();
 	const getDayMonthFormat = (shouldForceLeadingZeros = false) => shouldForceLeadingZeros ? "2-digit" : "numeric";
 	const getTimeHourFormat = (shouldForceLeadingZeros = false) => shouldForceLeadingZeros ? "2-digit" : "numeric";
-	const getDatePlaceholderFormatter = (locale, options) => new Intl.DateTimeFormat(locale, {
+	const getDatePlaceholderFormatter = (locale, options) => IntlUtils.getDateTimeFormatter(locale, {
 		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		year: "numeric"
 	});
-	const getTimePlaceholderFormatter = (locale) => new Intl.DateTimeFormat(locale, {
+	const getTimePlaceholderFormatter = (locale) => IntlUtils.getDateTimeFormatter(locale, {
 		hour: "2-digit",
 		minute: "2-digit"
 	});
 	const getResolvedLocale = (locale) => {
 		if (locale) return locale;
-		return new Intl.DateTimeFormat().resolvedOptions().locale;
+		return IntlUtils.getDateTimeFormatter().resolvedOptions().locale;
 	};
-	const getDateFormatter = (locale, options) => new Intl.DateTimeFormat(getResolvedLocale(locale), {
+	const getDateFormatter = (locale, options) => IntlUtils.getDateTimeFormatter(getResolvedLocale(locale), {
 		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		year: "numeric",
 		timeZone: "UTC"
 	});
-	const getTimeFormatter = (locale, options) => new DateFormatter(getResolvedLocale(locale), {
-		hour: getTimeHourFormat(options?.shouldForceLeadingZeros),
-		minute: "2-digit",
-		timeZone: "UTC"
-	});
-	const getDateTimeFormatter = (locale, options) => new Intl.DateTimeFormat(getResolvedLocale(locale), {
+	const getTimeFormatter = (locale, options) => {
+		const resolvedLocale = getResolvedLocale(locale);
+		const key = `${resolvedLocale}|${options?.shouldForceLeadingZeros ?? false}`;
+		const cachedFormatter = timeFormatters.get(key);
+		if (cachedFormatter) return cachedFormatter;
+		const formatter = new DateFormatter(resolvedLocale, {
+			hour: getTimeHourFormat(options?.shouldForceLeadingZeros),
+			minute: "2-digit",
+			timeZone: "UTC"
+		});
+		timeFormatters.set(key, formatter);
+		return formatter;
+	};
+	const getDateTimeFormatter = (locale, options) => IntlUtils.getDateTimeFormatter(getResolvedLocale(locale), {
 		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		year: "numeric",
@@ -39,22 +49,8 @@ var DateTimeUtils;
 		minute: "2-digit",
 		timeZone: "UTC"
 	});
-	const getLocaleDateFormat = (locale) => {
-		const sampleDate = new Date(Date.UTC(2e3, 10, 22));
-		return new Intl.DateTimeFormat(locale, {
-			day: "2-digit",
-			month: "2-digit",
-			year: "numeric",
-			timeZone: "UTC"
-		}).formatToParts(sampleDate).map((part) => {
-			if (part.type === "day") return "dd";
-			if (part.type === "month") return "MM";
-			if (part.type === "year") return "yyyy";
-			return part.value;
-		}).join("");
-	};
 	const repeatLocalizedFieldLabel = (type, length, locale) => {
-		const placeholderChar = new Intl.DisplayNames(getResolvedLocale(locale), { type: "dateTimeField" }).of(type)?.trim().charAt(0).toLocaleLowerCase(getResolvedLocale(locale));
+		const placeholderChar = IntlUtils.getDisplayNamesFormatter(getResolvedLocale(locale), { type: "dateTimeField" }).of(type)?.trim().charAt(0).toLocaleLowerCase(getResolvedLocale(locale));
 		if (!placeholderChar) return null;
 		return placeholderChar.repeat(length);
 	};
@@ -191,26 +187,6 @@ var DateTimeUtils;
 		return new CalendarDateTime(zonedDateTime.year, zonedDateTime.month, zonedDateTime.day, zonedDateTime.hour, zonedDateTime.minute, zonedDateTime.second, zonedDateTime.millisecond);
 	}
 	_DateTimeUtils.fromUTCISOToCalendarDateTime = fromUTCISOToCalendarDateTime;
-	function formatTextDateToCalendarDateTime(textDate, timeZone, locale) {
-		if (!textDate?.includes("hh")) return null;
-		const datePart = textDate.split(",").at(0)?.trim();
-		if (!datePart) return null;
-		const resolvedTimeZone = resolveTimeZone(timeZone);
-		const resolvedLocale = locale || Intl.DateTimeFormat().resolvedOptions().locale;
-		const localeDateFormat = getLocaleDateFormat(resolvedLocale);
-		const parseOptions = {
-			zone: resolvedTimeZone,
-			locale: resolvedLocale
-		};
-		let parsedDateTime = DateTime.fromFormat(datePart, localeDateFormat, parseOptions);
-		if (!parsedDateTime.isValid && localeDateFormat.includes("yyyy")) {
-			const shortYearFormat = localeDateFormat.replace("yyyy", "yy");
-			parsedDateTime = DateTime.fromFormat(datePart, shortYearFormat, parseOptions);
-		}
-		if (!parsedDateTime.isValid) return null;
-		return new CalendarDateTime(parsedDateTime.year, parsedDateTime.month, parsedDateTime.day, 0, 0, 0, 0);
-	}
-	_DateTimeUtils.formatTextDateToCalendarDateTime = formatTextDateToCalendarDateTime;
 })(DateTimeUtils || (DateTimeUtils = {}));
 //#endregion
 export { DateTimeUtils };

package/dist/utils/intl.utils.d.ts

@@ -0,0 +1,7 @@
+type IntlLocale = Intl.LocalesArgument;
+export declare namespace IntlUtils {
+    const getDateTimeFormatter: (locale?: IntlLocale, options?: Intl.DateTimeFormatOptions) => Intl.DateTimeFormat;
+    const getDisplayNamesFormatter: (locale: IntlLocale, options: Intl.DisplayNamesOptions) => Intl.DisplayNames;
+    const getNumberFormatter: (locale?: IntlLocale, options?: Intl.NumberFormatOptions) => Intl.NumberFormat;
+}
+export {};

package/dist/utils/intl.utils.js

@@ -0,0 +1,38 @@
+//#region src/utils/intl.utils.ts
+var formatterCacheKey = (locale, options) => {
+	const locales = Array.isArray(locale) ? locale.map(String) : locale ? [String(locale)] : [];
+	const normalizedOptions = Object.entries(options ?? {}).sort(([left], [right]) => left.localeCompare(right));
+	return JSON.stringify([locales, normalizedOptions]);
+};
+var IntlUtils;
+(function(_IntlUtils) {
+	const dateTimeFormatters = /* @__PURE__ */ new Map();
+	const displayNamesFormatters = /* @__PURE__ */ new Map();
+	const numberFormatters = /* @__PURE__ */ new Map();
+	_IntlUtils.getDateTimeFormatter = (locale, options) => {
+		const key = formatterCacheKey(locale, options);
+		const cachedFormatter = dateTimeFormatters.get(key);
+		if (cachedFormatter) return cachedFormatter;
+		const formatter = new Intl.DateTimeFormat(locale, options);
+		dateTimeFormatters.set(key, formatter);
+		return formatter;
+	};
+	_IntlUtils.getDisplayNamesFormatter = (locale, options) => {
+		const key = formatterCacheKey(locale, options);
+		const cachedFormatter = displayNamesFormatters.get(key);
+		if (cachedFormatter) return cachedFormatter;
+		const formatter = new Intl.DisplayNames(locale, options);
+		displayNamesFormatters.set(key, formatter);
+		return formatter;
+	};
+	_IntlUtils.getNumberFormatter = (locale, options) => {
+		const key = formatterCacheKey(locale, options);
+		const cachedFormatter = numberFormatters.get(key);
+		if (cachedFormatter) return cachedFormatter;
+		const formatter = new Intl.NumberFormat(locale, options);
+		numberFormatters.set(key, formatter);
+		return formatter;
+	};
+})(IntlUtils || (IntlUtils = {}));
+//#endregion
+export { IntlUtils };

package/dist/utils/intl.utils.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "3.3.0-rc.2",
+  "version": "3.3.0-rc.4",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",