alif-ui 2.0.0-alpha.12 → 2.0.0-alpha.14

package/dist/components/Dates/InputDatePicker/InputDatePicker.js

@@ -16,6 +16,23 @@ var _ = ({ value: _, isRange: v, withTime: y, onChange: b, onBlur: x, onClear: S
 		B(i(e.target.value, V));
 	}, W = () => {
 		B(""), b(null), S?.();
+	}, G = (e) => {
+		let t = d(e.target.value, v), n = (e) => T?.some((t) => r.isSameDay(t, e)) ?? !1, i = (e) => r.isOutOfRange(e, C, w) || n(e);
+		if (!t) {
+			W(), x?.(e);
+			return;
+		}
+		if (v && Array.isArray(t)) {
+			let [n, r] = t;
+			i(n) || i(r) ? W() : (b(t), H(t)), x?.(e);
+			return;
+		}
+		if (!v && t instanceof Date) if (i(t)) W();
+		else {
+			let e = y ? u(t, E, D, O, k) : t;
+			b(e), H(e);
+		}
+		x?.(e);
 	};
 	return p(() => {
 		H(_);
@@ -25,24 +42,6 @@ var _ = ({ value: _, isRange: v, withTime: y, onChange: b, onBlur: x, onClear: S
 		onClose: () => R(!1),
 		position: "bottom-start",
 		children: [/* @__PURE__ */ h(n.Trigger, {
-			onBlur: (e) => {
-				let t = d(e.target.value, v), n = (e) => T?.some((t) => r.isSameDay(t, e)) ?? !1, i = (e) => r.isOutOfRange(e, C, w) || n(e);
-				if (!t) {
-					W(), x?.(e);
-					return;
-				}
-				if (v && Array.isArray(t)) {
-					let [n, r] = t;
-					i(n) || i(r) ? W() : (b(t), H(t)), x?.(e);
-					return;
-				}
-				if (!v && t instanceof Date) if (i(t)) W();
-				else {
-					let e = y ? u(t, E, D, O, k) : t;
-					b(e), H(e);
-				}
-				x?.(e);
-			},
 			className: M,
 			style: {
 				width: "100%",
@@ -53,6 +52,7 @@ var _ = ({ value: _, isRange: v, withTime: y, onChange: b, onBlur: x, onClear: S
 				value: z,
 				mask: V,
 				onChange: U,
+				onBlur: G,
 				onClear: S ? W : void 0,
 				onFieldClick: () => R((e) => !e),
 				rightIcon: P

package/dist/components/Dates/PickerInput/PickerInput.js

@@ -1,46 +1,49 @@
-import { syncRefs as e } from "../../../utils/sync-refs.js";
-import { useComponentId as t } from "../../../hooks/useComponentId/useComponentId.js";
-import { InputBaseWrapper as n } from "../../Field/InputBaseWrapper/InputBaseWrapper.js";
-import { InputBase as r } from "../../Field/InputBase/InputBase.js";
-import i from "../../../lib/components/Dates/PickerInput/PickerInput.module.js";
-import { useRef as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { resolveTypography as e } from "../../../utils/typography.js";
+import { classNames as t } from "../../../utils/class-names.js";
+import { syncRefs as n } from "../../../utils/sync-refs.js";
+import { useComponentId as r } from "../../../hooks/useComponentId/useComponentId.js";
+import { InputBaseWrapper as i } from "../../Field/InputBaseWrapper/InputBaseWrapper.js";
+import { InputBase as a } from "../../Field/InputBase/InputBase.js";
+import o from "../../../lib/components/Dates/PickerInput/PickerInput.module.js";
+import { useRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/lib/components/Dates/PickerInput/PickerInput.tsx
-var c = ({ id: c, label: l, onClear: u, leftIcon: d, rightIcon: f, hasError: p, value: m, className: h, disabled: g, style: _, fullWidth: v = !0, size: y = "m", onFieldClick: b, ref: x, hintLeftSection: S, hintRightSection: C, mask: w, ...T }) => {
-	let E = a(null), D = t(c), O = (e, t) => e.length >= t.length ? e : e + t?.slice(e.length);
-	return /* @__PURE__ */ o(n, {
-		label: l,
-		onClear: u,
-		leftIcon: d,
-		rightIcon: f,
-		id: D,
-		size: y,
+var u = ({ id: u, label: d, onClear: f, leftIcon: p, rightIcon: m, hasError: h, value: g, className: _, disabled: v, style: y, fullWidth: b = !0, size: x = "m", onFieldClick: S, ref: C, hintLeftSection: w, hintRightSection: T, mask: E, ...D }) => {
+	let O = s(null), k = r(u), A = (e, t) => e.length >= t.length ? e : e + t?.slice(e.length);
+	return /* @__PURE__ */ c(i, {
+		label: d,
+		onClear: f,
+		leftIcon: p,
+		rightIcon: m,
+		id: k,
+		size: x,
 		keepLabel: !0,
 		bordered: !0,
-		inputRef: E,
-		hasError: p,
-		disabled: g,
-		value: m,
-		fullWidth: v,
-		className: h,
-		style: _,
-		onClick: b,
-		hintLeftSection: S,
-		hintRightSection: C,
-		children: /* @__PURE__ */ s("div", {
-			className: i.wrapper,
-			children: [/* @__PURE__ */ o(r, {
-				id: D,
-				ref: e(E, x),
-				value: m,
-				disabled: g,
-				...T
-			}), w && /* @__PURE__ */ o("span", {
-				className: i.mask,
-				children: O(m, w)
+		inputRef: O,
+		hasError: h,
+		disabled: v,
+		value: g,
+		fullWidth: b,
+		className: _,
+		style: y,
+		onClick: S,
+		hintLeftSection: w,
+		hintRightSection: T,
+		children: /* @__PURE__ */ l("div", {
+			className: o.wrapper,
+			children: [/* @__PURE__ */ c(a, {
+				id: k,
+				ref: n(O, C),
+				value: g,
+				disabled: v,
+				...D
+			}), E && /* @__PURE__ */ c("span", {
+				style: e("body", "m"),
+				className: t(o.mask, "uiFont"),
+				children: A(g, E)
 			})]
 		})
 	});
 };
 //#endregion
-export { c as PickerInput };
+export { u as PickerInput };

package/dist/providers/Localization/localization.js

@@ -40,11 +40,14 @@ var t = e(), n = [
 			}
 		}
 	}
-	t(e) {
-		let t = e.split("."), n = this.translations;
-		for (let r of t) if (n && typeof n == "object" && r in n) n = n[r];
+	t(e, t) {
+		let n = e.split("."), r = this.translations;
+		for (let t of n) if (r && typeof r == "object" && t in r) r = r[t];
 		else return e;
-		return typeof n == "string" ? n : e;
+		return typeof r == "string" ? t ? this.interpolate(r, t) : r : e;
+	}
+	interpolate(e, t) {
+		return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => n in t ? String(t[n]) : e);
 	}
 }();
 //#endregion

package/dist/providers/Localization/useTranslation/useTranslation.js

@@ -1,14 +1,14 @@
 import { useAlifProviderContext as e } from "../../AlifProvider/AlifProvider.context.js";
 import { localization as t } from "../localization.js";
 //#region src/lib/providers/Localization/useTranslation/useTranslation.ts
-var n = () => {
-	let { locale: n, setLocale: r } = e();
+var n = (n) => {
+	let { locale: r, setLocale: i } = e();
 	return {
-		t: (e) => t.t(e),
-		language: n,
+		t: (e, r) => t.t(n ? `${n}.${e}` : e, r),
+		language: r,
 		changeLanguage: async (e) => {
-			let i = typeof e == "function" ? e(n) : e;
-			await t.load(i), r(i);
+			let n = typeof e == "function" ? e(r) : e;
+			await t.load(n), i(n);
 		}
 	};
 };

package/dist/src/lib/components/Dates/PickerInput/PickerInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickerInput.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/Dates/PickerInput/PickerInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAKvD,eAAO,MAAM,WAAW,GAAI,iLAmBzB,gBAAgB,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,4CA+CtC,CAAC"}
+{"version":3,"file":"PickerInput.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/Dates/PickerInput/PickerInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAKvD,eAAO,MAAM,WAAW,GAAI,iLAmBzB,gBAAgB,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,4CAkDtC,CAAC"}

package/dist/src/lib/providers/Localization/localization.d.ts

@@ -7,7 +7,8 @@ declare class Localization {
     constructor();
     init(loader: TranslationsLoader): Promise<void>;
     load(locale: string): Promise<void>;
-    t(key: string): string;
+    t(key: string, params?: Record<string, string | number>): string;
+    private interpolate;
 }
 export declare const localization: Localization;
 export {};

package/dist/src/lib/providers/Localization/localization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"localization.d.ts","sourceRoot":"","sources":["../../../../../src/lib/providers/Localization/localization.ts"],"names":[],"mappings":"AAMA,KAAK,kBAAkB,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;AAE3E,cAAM,YAAY;IAEjB,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,MAAM,CAA0B;IAExC,OAAO,CAAC,KAAK,CAA2B;IACxC,OAAO,CAAC,MAAM,CAAmC;;IAS3C,IAAI,CAAC,MAAM,EAAE,kBAAkB;IAK/B,IAAI,CAAC,MAAM,EAAE,MAAM;IAkCzB,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;CAetB;AAED,eAAO,MAAM,YAAY,cAAqB,CAAC"}
+{"version":3,"file":"localization.d.ts","sourceRoot":"","sources":["../../../../../src/lib/providers/Localization/localization.ts"],"names":[],"mappings":"AAMA,KAAK,kBAAkB,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;AAE3E,cAAM,YAAY;IAEjB,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,MAAM,CAA0B;IAExC,OAAO,CAAC,KAAK,CAA2B;IACxC,OAAO,CAAC,MAAM,CAAmC;;IAS3C,IAAI,CAAC,MAAM,EAAE,kBAAkB;IAK/B,IAAI,CAAC,MAAM,EAAE,MAAM;IAkCzB,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IAkBvD,OAAO,CAAC,WAAW;CAQnB;AAED,eAAO,MAAM,YAAY,cAAqB,CAAC"}

package/dist/src/lib/providers/Localization/useTranslation/useTranslation.d.ts

@@ -1,6 +1,6 @@
 import { Locale } from '../../AlifProvider/AlifProvider.types';
-export declare const useTranslation: () => {
-    t: (key: string) => string;
+export declare const useTranslation: (keyPrefix?: string) => {
+    t: (key: string, params?: Record<string, string | number>) => string;
     language: Locale;
     changeLanguage: (nextLocale: Locale | ((prev: Locale) => Locale)) => Promise<void>;
 };

package/dist/src/lib/providers/Localization/useTranslation/useTranslation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTranslation.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/providers/Localization/useTranslation/useTranslation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,eAAO,MAAM,cAAc;aAaV,MAAM;;iCATT,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CAWhD,CAAC"}
+{"version":3,"file":"useTranslation.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/providers/Localization/useTranslation/useTranslation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,eAAO,MAAM,cAAc,GAAI,YAAY,MAAM;aAahC,MAAM,WAAW,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;;iCATnD,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CAahD,CAAC"}

package/package.json

@@ -21,7 +21,7 @@
 	},
 	"license": "ISC",
 	"private": false,
-	"version": "2.0.0-alpha.12",
+	"version": "2.0.0-alpha.14",
 	"type": "module",
 	"files": [
 		"dist"