npm - @uxf/localize - Versions diffs - 11.47.0 → 11.62.2 - Mend

@uxf/localize 11.47.0 → 11.62.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/package.json +1 -1
package/src/components/format-datetime.js +1 -1
package/src/format-datetime/format-datetime.d.ts +1 -1
package/src/format-datetime/format-datetime.js +32 -3
package/src/format-datetime/format-datetime.test.js +2 -2
package/src/types.d.ts +4 -1
package/src/utils/time-zone.d.ts +1 -0
package/src/utils/time-zone.js +2 -0

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/localize",
-    "version": "11.47.0",
+    "version": "11.62.2",
     "description": "",
     "main": "index.js",
     "scripts": {

package/src/components/format-datetime.js CHANGED Viewed

@@ -10,7 +10,7 @@ const format_datetime_1 = require("../format-datetime/format-datetime");
 function createFormatDatetimeComponent(localizeConfigs) {
     const Component = (props) => {
         const locale = (0, context_1._useLocalizeContext)();
-        return react_1.default.createElement(react_1.default.Fragment, null, (0, format_datetime_1.createFormatDatetime)(localizeConfigs)(locale, props.value, props.format));
+        return react_1.default.createElement(react_1.default.Fragment, null, (0, format_datetime_1.createFormatDatetime)(localizeConfigs)(locale, props.value, props.format, props.timeZone));
     };
     return Component;
 }

package/src/format-datetime/format-datetime.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { FormatDatetimeFunction, LocalizeConfigMap } from "../types";
 export declare function createFormatDatetime<DT extends string, Locales extends string>(localizeConfigs: LocalizeConfigMap<DT, Locales>): FormatDatetimeFunction<DT, Locales>;
-export declare function createUseFormatDatetime<DT extends string, Locales extends string>(localizeConfigs: LocalizeConfigMap<DT, Locales>): () => (value: import("@uxf/core/date").DateValue, format: DT) => string;
+export declare function createUseFormatDatetime<DT extends string, Locales extends string>(localizeConfigs: LocalizeConfigMap<DT, Locales>): () => (value: import("@uxf/core/date").DateValue, format: DT, timeZone?: import("../utils/time-zone").TimeZone | undefined) => string;

package/src/format-datetime/format-datetime.js CHANGED Viewed

@@ -1,18 +1,47 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createFormatDatetime = createFormatDatetime;
 exports.createUseFormatDatetime = createUseFormatDatetime;
-const dayjs_1 = __importDefault(require("dayjs"));
+const dayjs_1 = __importStar(require("dayjs"));
+const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
+const utc_1 = __importDefault(require("dayjs/plugin/utc"));
 const react_1 = require("react");
 const context_1 = require("../context/context");
 const curry_1 = require("../utils/curry");
+(0, dayjs_1.extend)(utc_1.default);
+(0, dayjs_1.extend)(timezone_1.default);
 function createFormatDatetime(localizeConfigs) {
-    return (locale, value, format) => {
+    return (locale, value, format, timeZone) => {
         const localeDateTimes = localizeConfigs[locale].dateTime;
-        return (0, dayjs_1.default)(value).format(localeDateTimes[format]);
+        const actualTimezone = timeZone !== null && timeZone !== void 0 ? timeZone : "Europe/Prague";
+        const dateValue = value instanceof Date ? value : value.length <= 10 ? dayjs_1.default.tz(value, actualTimezone) : (0, dayjs_1.default)(value);
+        return dayjs_1.default.tz(dateValue, actualTimezone).format(localeDateTimes[format]);
     };
 }
 function createUseFormatDatetime(localizeConfigs) {

package/src/format-datetime/format-datetime.test.js CHANGED Viewed

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const cs_1 = __importDefault(require("../../locale/cs"));
 const en_1 = __importDefault(require("../../locale/en"));
 const format_datetime_1 = require("./format-datetime");
-const date = new Date("2023-07-21T07:58:35");
+const date = new Date("2023-07-21T07:58:35+02:00");
 describe("datetime formatter", function () {
     const formatDatetimeWithLocales = (0, format_datetime_1.createFormatDatetime)({ cs: cs_1.default, en: en_1.default });
-    it("format datetime with 'en' locale", function () {
+    it("format datetime with 'cs' locale", function () {
         expect(formatDatetimeWithLocales("cs", date, "dateShort")).toBe("21. 7. 23");
         expect(formatDatetimeWithLocales("cs", date, "dateMedium")).toBe("21. 7. 2023");
         expect(formatDatetimeWithLocales("cs", date, "dateShortNoYear")).toBe("21. 7.");

package/src/types.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { DateValue } from "@uxf/core/date";
 import { Currency as CoreCurrency, Money as CoreMoney } from "@uxf/core/money";
 import { FC, Provider } from "react";
+import { TimeZone as CoreTimeZone } from "./utils/time-zone";
 export type FormatNumberOptions = {
     precision?: number;
 };
@@ -39,11 +40,12 @@ export type FormatPercentageComponent = FC<{
     options?: FormatPercentageOptions;
 }>;
 export type DateTimes = "timeShort" | "timeFull" | "dateShort" | "dateMedium" | "dateLong" | "dateShortNoYear" | "dateLongNoYear" | "dateTimeShort" | "dateTimeMedium" | "dateTimeLong";
-export type FormatDatetimeFunction<DT extends string, Locales extends string> = (locale: Locales, value: DateValue, format: DT) => string;
+export type FormatDatetimeFunction<DT extends string, Locales extends string> = (locale: Locales, value: DateValue, format: DT, timeZone?: TimeZone) => string;
 export type UseFormatDatetimeFunction<DT extends string> = () => (value: DateValue, format: DT) => string;
 export type FormatDatetimeComponent<DT extends string> = FC<{
     value: DateValue;
     format: DT;
+    timeZone?: TimeZone;
 }>;
 export type LocalizeConfig<DT extends string> = {
     number: {
@@ -76,3 +78,4 @@ export type CreateLocalizeReturn<DT extends string, Locales extends string> = {
     useFormatDateTime: UseFormatDatetimeFunction<DT>;
     FormatDateTime: FormatDatetimeComponent<DT>;
 };
+export type TimeZone = CoreTimeZone;

package/src/utils/time-zone.d.ts ADDED Viewed

@@ -0,0 +1 @@

package/src/utils/time-zone.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ Object.defineProperty(exports, "__esModule", { value: true });