alif-ui 2.0.0-alpha.11 → 2.0.0-alpha.13

package/dist/components/Backdrop/Backdrop.js

@@ -11,7 +11,7 @@ import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/lib/components/Backdrop/Backdrop.tsx
 var d = ({ isOpen: d, onClose: f, children: p, closeOnClickOutside: m = !0, className: h, zIndex: g, transitionProps: _, ...v }) => {
 	let y = r(d), b = (e) => {
-		e.target === e.currentTarget && m && f();
+		e.stopPropagation(), e.target === e.currentTarget && m && f();
 	};
 	return c(() => {
 		let e = (e) => {

package/dist/components/Popover/PopoverDropdown/PopoverDropdown.js

@@ -4,36 +4,39 @@ import { usePopoverContext as n } from "../Popover.context.js";
 import { PopoverArrow as r } from "./PopoverArrow.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/lib/components/Popover/PopoverDropdown/PopoverDropdown.tsx
-var o = ({ children: o, className: s, style: c, ...l }) => {
-	let { isOpen: u, isOpenControlled: d, placement: f, setPopoverRefState: p, zIndex: m, width: h, withArrow: g, arrowPlacement: _, triggerRefState: v, transitionProps: y, isFixed: b, delayedClose: x, delayedOpen: S, triggerType: C } = n(), w = C === "hover" || C === "click-hover", T = () => {
-		w && S();
-	}, E = (e) => {
-		if (!w) return;
+var o = ({ children: o, className: s, style: c, onClick: l, ...u }) => {
+	let { isOpen: d, isOpenControlled: f, placement: p, setPopoverRefState: m, zIndex: h, width: g, withArrow: _, arrowPlacement: v, triggerRefState: y, transitionProps: b, isFixed: x, delayedClose: S, delayedOpen: C, triggerType: w } = n(), T = w === "hover" || w === "click-hover", E = () => {
+		T && C();
+	}, D = (e) => {
+		if (!T) return;
 		let t = e.relatedTarget;
-		t instanceof Node && v?.contains(t) || x();
+		t instanceof Node && y?.contains(t) || S();
+	}, O = (e) => {
+		e.stopPropagation(), l?.(e);
 	};
 	return /* @__PURE__ */ i(e, {
-		isFixed: b,
+		isFixed: x,
 		placement: {
-			...f,
-			zIndex: m
+			...p,
+			zIndex: h
 		},
 		children: /* @__PURE__ */ i(t, {
-			mounted: d || u,
-			...y,
+			mounted: f || d,
+			...b,
 			children: (e) => /* @__PURE__ */ a("div", {
 				"data-popover-dropdown": !0,
 				style: {
 					...e,
 					...c,
-					width: h === "trigger" ? v?.getBoundingClientRect().width : h
+					width: g === "trigger" ? y?.getBoundingClientRect().width : g
 				},
 				className: s,
-				ref: p,
-				onMouseEnter: T,
-				onMouseLeave: E,
-				...l,
-				children: [g && /* @__PURE__ */ i(r, { ..._ }), o]
+				ref: m,
+				onClick: O,
+				onMouseEnter: E,
+				onMouseLeave: D,
+				...u,
+				children: [_ && /* @__PURE__ */ i(r, { ...v }), o]
 			})
 		})
 	});

package/dist/components/Popover/PopoverTrigger/PopoverTrigger.js

@@ -21,8 +21,8 @@ var a = ({ children: a, className: o, ...s }) => {
 			t instanceof Node && h?.contains(t) || f();
 		},
 		className: e(r.popoverTrigger, o),
-		onClick: () => {
-			m || (p === "click" || p === "click-hover") && l();
+		onClick: (e) => {
+			e.stopPropagation(), !m && (p === "click" || p === "click-hover") && l();
 		},
 		...s,
 		children: a

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/Backdrop/Backdrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,eAAO,MAAM,QAAQ,GAAI,kGAStB,aAAa,4CAkDf,CAAC"}
+{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,eAAO,MAAM,QAAQ,GAAI,kGAStB,aAAa,4CAoDf,CAAC"}

package/dist/src/lib/components/Popover/Popover.d.ts

@@ -2,6 +2,6 @@ import { PopoverProps } from './Popover.types';
 export declare const Popover: {
     ({ children, offset, position, isOpen: isOpenControlled, onChange, onClose, withArrow, width, zIndex, isFixed, transitionProps, triggerType, disabled, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
     Trigger: ({ children, className, ...props }: import('./PopoverTrigger/PopoverTrigger.types').PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Dropdown: ({ children, className, style, ...restProps }: import('./PopoverDropdown/PopoverDropdown.types').PopoverDropdownProps) => import("react/jsx-runtime").JSX.Element;
+    Dropdown: ({ children, className, style, onClick, ...restProps }: import('./PopoverDropdown/PopoverDropdown.types').PopoverDropdownProps) => import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=Popover.d.ts.map

package/dist/src/lib/components/Popover/PopoverDropdown/PopoverDropdown.d.ts

@@ -1,3 +1,3 @@
 import { PopoverDropdownProps } from './PopoverDropdown.types';
-export declare const PopoverDropdown: ({ children, className, style, ...restProps }: PopoverDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverDropdown: ({ children, className, style, onClick, ...restProps }: PopoverDropdownProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PopoverDropdown.d.ts.map

package/dist/src/lib/components/Popover/PopoverDropdown/PopoverDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/Popover/PopoverDropdown/PopoverDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAI/D,eAAO,MAAM,eAAe,GAAI,8CAK7B,oBAAoB,4CAiEtB,CAAC"}
+{"version":3,"file":"PopoverDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/Popover/PopoverDropdown/PopoverDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAI/D,eAAO,MAAM,eAAe,GAAI,uDAM7B,oBAAoB,4CAuEtB,CAAC"}

package/dist/src/lib/components/Popover/PopoverTrigger/PopoverTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverTrigger.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/Popover/PopoverTrigger/PopoverTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAI7D,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAiDrB,CAAC"}
+{"version":3,"file":"PopoverTrigger.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/Popover/PopoverTrigger/PopoverTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAI7D,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAkDrB,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.11",
+	"version": "2.0.0-alpha.13",
 	"type": "module",
 	"files": [
 		"dist"