wimui 0.51.2 → 0.52.2

package/dist/components/data-display/Comment/Comment.js

@@ -1,86 +1,87 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { VisuallyHidden as t } from "../../layout/VisuallyHidden/VisuallyHidden.js";
-import { Avatar as n } from "../Avatar/Avatar.js";
-import r from "./comment.module.js";
-import i from "react";
-import a from "classnames";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { commonNs as t } from "../../../i18n/generated/common.js";
+import { VisuallyHidden as n } from "../../layout/VisuallyHidden/VisuallyHidden.js";
+import { Avatar as r } from "../Avatar/Avatar.js";
+import i from "./comment.module.js";
+import a from "react";
+import o from "classnames";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/data-display/Comment/Comment.tsx
-var c = i.forwardRef(({ id: c, author: l, timestamp: u, children: d, replies: f, edited: p = !1, replyingTo: m, editingId: h, composer: g, editor: _, onReply: v, onEdit: y, onDelete: b, actions: x, className: S, ...C }, w) => {
-	let { t: T } = e("common"), E = `${c}-author`, D = h !== void 0 && h === c, O = m !== void 0 && m === c, k = {
-		reply: v,
-		edit: y,
-		delete: b
-	}, A = [
+var l = a.forwardRef(({ id: l, author: u, timestamp: d, children: f, replies: p, edited: m = !1, replyingTo: h, editingId: g, composer: _, editor: v, onReply: y, onEdit: b, onDelete: x, actions: S, className: C, ...w }, T) => {
+	let { t: E } = e(t), D = `${l}-author`, O = g !== void 0 && g === l, k = h !== void 0 && h === l, A = {
+		reply: y,
+		edit: b,
+		delete: x
+	}, j = [
 		"reply",
 		"edit",
 		"delete"
-	].filter((e) => k[e] !== void 0);
-	return /* @__PURE__ */ s("article", {
-		ref: w,
-		"aria-labelledby": E,
-		className: a("wim-comment", r.root, S),
-		...C,
+	].filter((e) => A[e] !== void 0);
+	return /* @__PURE__ */ c("article", {
+		ref: T,
+		"aria-labelledby": D,
+		className: o("wim-comment", i.root, C),
+		...w,
 		children: [
-			/* @__PURE__ */ s("div", {
-				className: r.head,
-				children: [/* @__PURE__ */ o(n, {
-					src: l.avatarSrc,
-					initials: l.initials,
+			/* @__PURE__ */ c("div", {
+				className: i.head,
+				children: [/* @__PURE__ */ s(r, {
+					src: u.avatarSrc,
+					initials: u.initials,
 					size: "sm",
 					alt: "",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ s("div", {
-					className: r.meta,
+				}), /* @__PURE__ */ c("div", {
+					className: i.meta,
 					children: [
-						/* @__PURE__ */ o("span", {
-							id: E,
-							className: r.author,
-							children: l.name
+						/* @__PURE__ */ s("span", {
+							id: D,
+							className: i.author,
+							children: u.name
 						}),
-						l.badge && /* @__PURE__ */ o("span", {
-							className: r.badge,
-							children: l.badge
+						u.badge && /* @__PURE__ */ s("span", {
+							className: i.badge,
+							children: u.badge
 						}),
-						u && /* @__PURE__ */ o("span", {
-							className: r.timestamp,
-							children: u
+						d && /* @__PURE__ */ s("span", {
+							className: i.timestamp,
+							children: d
 						}),
-						p && /* @__PURE__ */ o("span", {
-							className: r.edited,
-							children: T("comment.edited")
+						m && /* @__PURE__ */ s("span", {
+							className: i.edited,
+							children: E("comment.edited")
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ o("div", {
-				className: r.body,
-				children: D ? _ : d
+			/* @__PURE__ */ s("div", {
+				className: i.body,
+				children: O ? v : f
 			}),
-			(A.length > 0 || x) && /* @__PURE__ */ s("div", {
-				className: r.actions,
-				children: [A.map((e) => /* @__PURE__ */ s("button", {
+			(j.length > 0 || S) && /* @__PURE__ */ c("div", {
+				className: i.actions,
+				children: [j.map((e) => /* @__PURE__ */ c("button", {
 					type: "button",
-					className: r.action,
-					onClick: () => k[e]?.(c),
-					children: [T(`comment.${e}`), /* @__PURE__ */ s(t, { children: [" ", T("comment.action_context", { name: l.name })] })]
-				}, e)), x]
+					className: i.action,
+					onClick: () => A[e]?.(l),
+					children: [E(`comment.${e}`), /* @__PURE__ */ c(n, { children: [" ", E("comment.action_context", { name: u.name })] })]
+				}, e)), S]
 			}),
-			O && g && /* @__PURE__ */ o("div", {
-				className: r.composer,
-				children: g
+			k && _ && /* @__PURE__ */ s("div", {
+				className: i.composer,
+				children: _
 			}),
-			f && /* @__PURE__ */ o("ul", {
-				className: r.replies,
-				children: i.Children.map(f, (e, t) => /* @__PURE__ */ o("li", {
-					className: r.reply,
+			p && /* @__PURE__ */ s("ul", {
+				className: i.replies,
+				children: a.Children.map(p, (e, t) => /* @__PURE__ */ s("li", {
+					className: i.reply,
 					children: e
 				}, t))
 			})
 		]
 	});
 });
-c.displayName = "Comment";
+l.displayName = "Comment";
 //#endregion
-export { c as Comment };
+export { l as Comment };

package/dist/components/data-display/Comment/comment.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1nl0n_3`,t=`_head_1nl0n_9`,n=`_meta_1nl0n_18`,r=`_author_1nl0n_25`,i=`_badge_1nl0n_29`,a=`_timestamp_1nl0n_33`,o=`_edited_1nl0n_34`,s=`_body_1nl0n_42`,c=`_actions_1nl0n_46`,l=`_action_1nl0n_46`,u=`_composer_1nl0n_88`,d=`_replies_1nl0n_96`,f=`_reply_1nl0n_106`,p={root:e,head:t,meta:n,author:r,badge:i,timestamp:a,edited:o,body:s,actions:c,action:l,composer:u,replies:d,reply:f};exports.action=l,exports.actions=c,exports.author=r,exports.badge=i,exports.body=s,exports.composer=u,exports.default=p,exports.edited=o,exports.head=t,exports.meta=n,exports.replies=d,exports.reply=f,exports.root=e,exports.timestamp=a;
+var e=`_root_sh66j_3`,t=`_head_sh66j_9`,n=`_meta_sh66j_18`,r=`_author_sh66j_25`,i=`_badge_sh66j_29`,a=`_timestamp_sh66j_33`,o=`_edited_sh66j_34`,s=`_body_sh66j_42`,c=`_actions_sh66j_46`,l=`_action_sh66j_46`,u=`_composer_sh66j_91`,d=`_replies_sh66j_99`,f=`_reply_sh66j_109`,p={root:e,head:t,meta:n,author:r,badge:i,timestamp:a,edited:o,body:s,actions:c,action:l,composer:u,replies:d,reply:f};exports.action=l,exports.actions=c,exports.author=r,exports.badge=i,exports.body=s,exports.composer=u,exports.default=p,exports.edited=o,exports.head=t,exports.meta=n,exports.replies=d,exports.reply=f,exports.root=e,exports.timestamp=a;

package/dist/components/data-display/Comment/comment.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/data-display/Comment/comment.module.scss
-var e = "_root_1nl0n_3", t = "_head_1nl0n_9", n = "_meta_1nl0n_18", r = "_author_1nl0n_25", i = "_badge_1nl0n_29", a = "_timestamp_1nl0n_33", o = "_edited_1nl0n_34", s = "_body_1nl0n_42", c = "_actions_1nl0n_46", l = "_action_1nl0n_46", u = "_composer_1nl0n_88", d = "_replies_1nl0n_96", f = "_reply_1nl0n_106", p = {
+var e = "_root_sh66j_3", t = "_head_sh66j_9", n = "_meta_sh66j_18", r = "_author_sh66j_25", i = "_badge_sh66j_29", a = "_timestamp_sh66j_33", o = "_edited_sh66j_34", s = "_body_sh66j_42", c = "_actions_sh66j_46", l = "_action_sh66j_46", u = "_composer_sh66j_91", d = "_replies_sh66j_99", f = "_reply_sh66j_109", p = {
 	root: e,
 	head: t,
 	meta: n,

package/dist/components/data-display/Countdown/Countdown.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("./countdown.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=e=>e instanceof Date?e.getTime():new Date(e).getTime(),c=e=>String(e).padStart(2,`0`),l=(e,t)=>{let n=Math.floor(e/86400),r=Math.floor(t?e/3600:e%86400/3600),i=Math.floor(e%3600/60),a=e%60,o=[];return!t&&n>0&&o.push({unit:`day`,value:n}),(o.length>0||r>0)&&o.push({unit:`hour`,value:r}),o.push({unit:`minute`,value:i}),o.push({unit:`second`,value:a}),o},u=i.default.forwardRef(({target:e,baseDate:u,variant:d=`digital`,size:f=`md`,locale:p,unitDisplay:m=`short`,paused:h=!1,onComplete:g,completedContent:_,fallback:v,asChild:y=!1,className:b,children:x,...S},C)=>{let{t:w,i18n:T}=n.useWimTranslation(`data-display`),E=p??T?.language??`en`,D=y?t.Root:`time`,O=s(e),k=!Number.isNaN(O),A=u!==void 0,[j,M]=i.default.useState(()=>Date.now()),N=A?s(u):j,P=k?Math.max(0,O-N):0,F=k&&P<=0,I=!A&&!h&&k&&!F;i.default.useEffect(()=>{!h&&!A&&M(Date.now())},[h,A]),i.default.useEffect(()=>{if(!I)return;let e=(O-Date.now())%1e3||1e3,t=window.setTimeout(()=>M(Date.now()),e);return()=>window.clearTimeout(t)},[I,O,j]);let L=i.default.useRef(!1);i.default.useEffect(()=>{L.current=!1},[O]),i.default.useEffect(()=>{k&&!A&&F&&(L.current||(L.current=!0,g?.()))},[F,A,k,g]);let R=i.default.useMemo(()=>new Map,[E]),z=(e,t)=>{let n=`${e}-${t}`,r=R.get(n);if(!r){let i={style:`unit`,unit:e,unitDisplay:t};try{r=new Intl.NumberFormat(E,i)}catch{r=new Intl.NumberFormat(`en`,i)}R.set(n,r)}return r},B=e=>z(e.unit,m).formatToParts(e.value).filter(e=>e.type===`unit`).map(e=>e.value).join(``);if(!k)return(0,o.jsxs)(D,{ref:C,className:(0,a.default)(`wim-countdown`,r.default.root,b),...S,children:[(0,o.jsx)(t.Slottable,{children:x}),v]});let V=Math.floor(P/1e3),H=l(V,d===`digital`),U=F&&_!==void 0,W=l(V,!1).map(e=>z(e.unit,`long`).format(e.value)).join(` `);return(0,o.jsxs)(D,{ref:C,role:`timer`,"aria-label":U?void 0:w(`countdown.remaining`,{time:W}),className:(0,a.default)(`wim-countdown`,r.default.root,r.default[d],r.default[f],b),dateTime:new Date(O).toISOString(),...S,children:[(0,o.jsx)(t.Slottable,{children:x}),U?_:d===`digital`?H.map((e,t)=>(0,o.jsxs)(i.default.Fragment,{children:[t>0&&(0,o.jsx)(`span`,{className:r.default.separator,"aria-hidden":`true`,children:`:`}),(0,o.jsx)(`span`,{className:r.default.value,children:c(e.value)})]},e.unit)):H.map(e=>(0,o.jsxs)(`span`,{className:r.default.segment,children:[(0,o.jsx)(`span`,{className:r.default.value,children:e.unit===`day`?String(e.value):c(e.value)}),(0,o.jsx)(`span`,{className:r.default.label,children:B(e)})]},e.unit))]})});u.displayName=`Countdown`,exports.Countdown=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/data-display.cjs"),i=require("./countdown.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=e=>e instanceof Date?e.getTime():new Date(e).getTime(),l=e=>String(e).padStart(2,`0`),u=(e,t)=>{let n=Math.floor(e/86400),r=Math.floor(t?e/3600:e%86400/3600),i=Math.floor(e%3600/60),a=e%60,o=[];return!t&&n>0&&o.push({unit:`day`,value:n}),(o.length>0||r>0)&&o.push({unit:`hour`,value:r}),o.push({unit:`minute`,value:i}),o.push({unit:`second`,value:a}),o},d=a.default.forwardRef(({target:e,baseDate:d,variant:f=`digital`,size:p=`md`,locale:m,unitDisplay:h=`short`,paused:g=!1,onComplete:_,completedContent:v,fallback:y,asChild:b=!1,className:x,children:S,...C},w)=>{let{t:T,i18n:E}=n.useWimTranslation(r.dataDisplayNs),D=m??E?.language??`en`,O=b?t.Root:`time`,k=c(e),A=!Number.isNaN(k),j=d!==void 0,[M,N]=a.default.useState(()=>Date.now()),P=j?c(d):M,F=A?Math.max(0,k-P):0,I=A&&F<=0,L=!j&&!g&&A&&!I;a.default.useEffect(()=>{!g&&!j&&N(Date.now())},[g,j]),a.default.useEffect(()=>{if(!L)return;let e=(k-Date.now())%1e3||1e3,t=window.setTimeout(()=>N(Date.now()),e);return()=>window.clearTimeout(t)},[L,k,M]);let R=a.default.useRef(!1);a.default.useEffect(()=>{R.current=!1},[k]),a.default.useEffect(()=>{A&&!j&&I&&(R.current||(R.current=!0,_?.()))},[I,j,A,_]);let z=a.default.useMemo(()=>new Map,[D]),B=(e,t)=>{let n=`${e}-${t}`,r=z.get(n);if(!r){let i={style:`unit`,unit:e,unitDisplay:t};try{r=new Intl.NumberFormat(D,i)}catch{r=new Intl.NumberFormat(`en`,i)}z.set(n,r)}return r},V=e=>B(e.unit,h).formatToParts(e.value).filter(e=>e.type===`unit`).map(e=>e.value).join(``);if(!A)return(0,s.jsxs)(O,{ref:w,className:(0,o.default)(`wim-countdown`,i.default.root,x),...C,children:[(0,s.jsx)(t.Slottable,{children:S}),y]});let H=Math.floor(F/1e3),U=u(H,f===`digital`),W=I&&v!==void 0,G=u(H,!1).map(e=>B(e.unit,`long`).format(e.value)).join(` `);return(0,s.jsxs)(O,{ref:w,role:`timer`,"aria-label":W?void 0:T(`countdown.remaining`,{time:G}),className:(0,o.default)(`wim-countdown`,i.default.root,i.default[f],i.default[p],x),dateTime:new Date(k).toISOString(),...C,children:[(0,s.jsx)(t.Slottable,{children:S}),W?v:f===`digital`?U.map((e,t)=>(0,s.jsxs)(a.default.Fragment,{children:[t>0&&(0,s.jsx)(`span`,{className:i.default.separator,"aria-hidden":`true`,children:`:`}),(0,s.jsx)(`span`,{className:i.default.value,children:l(e.value)})]},e.unit)):U.map(e=>(0,s.jsxs)(`span`,{className:i.default.segment,children:[(0,s.jsx)(`span`,{className:i.default.value,children:e.unit===`day`?String(e.value):l(e.value)}),(0,s.jsx)(`span`,{className:i.default.label,children:V(e)})]},e.unit))]})});d.displayName=`Countdown`,exports.Countdown=d;

package/dist/components/data-display/Countdown/Countdown.js

@@ -1,12 +1,13 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { useWimTranslation as n } from "../../../i18n/useWimTranslation.js";
-import r from "./countdown.module.js";
-import i from "react";
-import a from "classnames";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { dataDisplayNs as r } from "../../../i18n/generated/data-display.js";
+import i from "./countdown.module.js";
+import a from "react";
+import o from "classnames";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/data-display/Countdown/Countdown.tsx
-var c = (e) => e instanceof Date ? e.getTime() : new Date(e).getTime(), l = (e) => String(e).padStart(2, "0"), u = (e, t) => {
+var l = (e) => e instanceof Date ? e.getTime() : new Date(e).getTime(), u = (e) => String(e).padStart(2, "0"), d = (e, t) => {
 	let n = Math.floor(e / 86400), r = Math.floor(t ? e / 3600 : e % 86400 / 3600), i = Math.floor(e % 3600 / 60), a = e % 60, o = [];
 	return !t && n > 0 && o.push({
 		unit: "day",
@@ -21,32 +22,32 @@ var c = (e) => e instanceof Date ? e.getTime() : new Date(e).getTime(), l = (e)
 		unit: "second",
 		value: a
 	}), o;
-}, d = i.forwardRef(({ target: d, baseDate: f, variant: p = "digital", size: m = "md", locale: h, unitDisplay: g = "short", paused: _ = !1, onComplete: v, completedContent: y, fallback: b, asChild: x = !1, className: S, children: C, ...w }, T) => {
-	let { t: E, i18n: D } = n("data-display"), O = h ?? D?.language ?? "en", k = x ? e : "time", A = c(d), j = !Number.isNaN(A), M = f !== void 0, [N, P] = i.useState(() => Date.now()), F = M ? c(f) : N, I = j ? Math.max(0, A - F) : 0, L = j && I <= 0, R = !M && !_ && j && !L;
-	i.useEffect(() => {
-		!_ && !M && P(Date.now());
-	}, [_, M]), i.useEffect(() => {
-		if (!R) return;
-		let e = (A - Date.now()) % 1e3 || 1e3, t = window.setTimeout(() => P(Date.now()), e);
+}, f = a.forwardRef(({ target: f, baseDate: p, variant: m = "digital", size: h = "md", locale: g, unitDisplay: _ = "short", paused: v = !1, onComplete: y, completedContent: b, fallback: x, asChild: S = !1, className: C, children: w, ...T }, E) => {
+	let { t: D, i18n: O } = n(r), k = g ?? O?.language ?? "en", A = S ? e : "time", j = l(f), M = !Number.isNaN(j), N = p !== void 0, [P, F] = a.useState(() => Date.now()), I = N ? l(p) : P, L = M ? Math.max(0, j - I) : 0, R = M && L <= 0, z = !N && !v && M && !R;
+	a.useEffect(() => {
+		!v && !N && F(Date.now());
+	}, [v, N]), a.useEffect(() => {
+		if (!z) return;
+		let e = (j - Date.now()) % 1e3 || 1e3, t = window.setTimeout(() => F(Date.now()), e);
 		return () => window.clearTimeout(t);
 	}, [
-		R,
-		A,
-		N
+		z,
+		j,
+		P
 	]);
-	let z = i.useRef(!1);
-	i.useEffect(() => {
-		z.current = !1;
-	}, [A]), i.useEffect(() => {
-		j && !M && L && (z.current || (z.current = !0, v?.()));
+	let B = a.useRef(!1);
+	a.useEffect(() => {
+		B.current = !1;
+	}, [j]), a.useEffect(() => {
+		M && !N && R && (B.current || (B.current = !0, y?.()));
 	}, [
-		L,
+		R,
+		N,
 		M,
-		j,
-		v
+		y
 	]);
-	let B = i.useMemo(() => /* @__PURE__ */ new Map(), [O]), V = (e, t) => {
-		let n = `${e}-${t}`, r = B.get(n);
+	let V = a.useMemo(() => /* @__PURE__ */ new Map(), [k]), H = (e, t) => {
+		let n = `${e}-${t}`, r = V.get(n);
 		if (!r) {
 			let i = {
 				style: "unit",
@@ -54,47 +55,47 @@ var c = (e) => e instanceof Date ? e.getTime() : new Date(e).getTime(), l = (e)
 				unitDisplay: t
 			};
 			try {
-				r = new Intl.NumberFormat(O, i);
+				r = new Intl.NumberFormat(k, i);
 			} catch {
 				r = new Intl.NumberFormat("en", i);
 			}
-			B.set(n, r);
+			V.set(n, r);
 		}
 		return r;
-	}, H = (e) => V(e.unit, g).formatToParts(e.value).filter((e) => e.type === "unit").map((e) => e.value).join("");
-	if (!j) return /* @__PURE__ */ s(k, {
-		ref: T,
-		className: a("wim-countdown", r.root, S),
-		...w,
-		children: [/* @__PURE__ */ o(t, { children: C }), b]
+	}, U = (e) => H(e.unit, _).formatToParts(e.value).filter((e) => e.type === "unit").map((e) => e.value).join("");
+	if (!M) return /* @__PURE__ */ c(A, {
+		ref: E,
+		className: o("wim-countdown", i.root, C),
+		...T,
+		children: [/* @__PURE__ */ s(t, { children: w }), x]
 	});
-	let U = Math.floor(I / 1e3), W = u(U, p === "digital"), G = L && y !== void 0, K = u(U, !1).map((e) => V(e.unit, "long").format(e.value)).join(" ");
-	return /* @__PURE__ */ s(k, {
-		ref: T,
+	let W = Math.floor(L / 1e3), G = d(W, m === "digital"), K = R && b !== void 0, q = d(W, !1).map((e) => H(e.unit, "long").format(e.value)).join(" ");
+	return /* @__PURE__ */ c(A, {
+		ref: E,
 		role: "timer",
-		"aria-label": G ? void 0 : E("countdown.remaining", { time: K }),
-		className: a("wim-countdown", r.root, r[p], r[m], S),
-		dateTime: new Date(A).toISOString(),
-		...w,
-		children: [/* @__PURE__ */ o(t, { children: C }), G ? y : p === "digital" ? W.map((e, t) => /* @__PURE__ */ s(i.Fragment, { children: [t > 0 && /* @__PURE__ */ o("span", {
-			className: r.separator,
+		"aria-label": K ? void 0 : D("countdown.remaining", { time: q }),
+		className: o("wim-countdown", i.root, i[m], i[h], C),
+		dateTime: new Date(j).toISOString(),
+		...T,
+		children: [/* @__PURE__ */ s(t, { children: w }), K ? b : m === "digital" ? G.map((e, t) => /* @__PURE__ */ c(a.Fragment, { children: [t > 0 && /* @__PURE__ */ s("span", {
+			className: i.separator,
 			"aria-hidden": "true",
 			children: ":"
-		}), /* @__PURE__ */ o("span", {
-			className: r.value,
-			children: l(e.value)
-		})] }, e.unit)) : W.map((e) => /* @__PURE__ */ s("span", {
-			className: r.segment,
-			children: [/* @__PURE__ */ o("span", {
-				className: r.value,
-				children: e.unit === "day" ? String(e.value) : l(e.value)
-			}), /* @__PURE__ */ o("span", {
-				className: r.label,
-				children: H(e)
+		}), /* @__PURE__ */ s("span", {
+			className: i.value,
+			children: u(e.value)
+		})] }, e.unit)) : G.map((e) => /* @__PURE__ */ c("span", {
+			className: i.segment,
+			children: [/* @__PURE__ */ s("span", {
+				className: i.value,
+				children: e.unit === "day" ? String(e.value) : u(e.value)
+			}), /* @__PURE__ */ s("span", {
+				className: i.label,
+				children: U(e)
 			})]
 		}, e.unit))]
 	});
 });
-d.displayName = "Countdown";
+f.displayName = "Countdown";
 //#endregion
-export { d as Countdown };
+export { f as Countdown };

package/dist/components/data-display/DataGrid/DataGrid.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../form/Checkbox/Checkbox.cjs"),r=require("../../navigation/Pagination/Pagination.cjs"),i=require("../Table/Table.cjs"),a=require("./useFixedColumns.cjs"),o=require("./useDataGridKeyboard.cjs"),s=require("./useInfiniteScroll.cjs"),c=require("./datagrid.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f({columns:e,data:f,rowKey:p=`id`,loading:m=!1,striped:h=!1,bordered:g=!1,hoverable:_=!0,stickyHeader:v=!0,height:y,maxHeight:b,emptyMessage:x,mobileCard:S=!1,selection:C,selectedRowKeys:w,onSelectionChange:T,sortConfig:E,onSortChange:D,pagination:O,infiniteScroll:k,className:A,ariaLabel:j}){let{t:M}=t.useWimTranslation(`common`),N=m!==!1&&m!==void 0,P=m===!0||m===`blocking`,F=(0,l.useMemo)(()=>C?C===!0?{type:`checkbox`,selectedRowKeys:w??[],onChange:(e,t)=>{T?.(e,t)}}:C:null,[C,w,T]),{fixedLeftOffsets:I,fixedRightOffsets:L}=a.useFixedColumns(e,!!F),R=(e,t=!1)=>{let n=I[e];if(n)return{stickyLeft:!0,leftOffset:n.offset,stickyZIndex:t?1e3+n.zIndex:n.zIndex,className:(0,u.default)(c.default.cellFixed,n.isLast&&c.default.cellFixedLeftLast)};let r=L[e];return r?{stickyRight:!0,rightOffset:r.offset,stickyZIndex:t?1e3+r.zIndex:r.zIndex,className:(0,u.default)(c.default.cellFixed,r.isFirst&&c.default.cellFixedRightFirst)}:{}},z=(0,l.useCallback)(e=>typeof p==`function`?p(e):e[p],[p]),B=(0,l.useMemo)(()=>!F||f.length===0?!1:f.every(e=>F.selectedRowKeys.includes(z(e))),[f,F,z]),V=(0,l.useMemo)(()=>F?!B&&f.some(e=>F.selectedRowKeys.includes(z(e))):!1,[f,F,B,z]),H=e=>{if(!F)return;let t=e.target.checked,n=t?f.map(z):[],r=t?f:[];F.onChange(n,r)},U=(e,t)=>{if(!F)return;let n=t.target.checked,r=z(e),i=n?[...F.selectedRowKeys,r]:F.selectedRowKeys.filter(e=>e!==r),a=f.filter(e=>i.includes(z(e)));F.onChange(i,a)},{focusedCell:W,handleKeyDown:G,containerRef:K}=o.useDataGridKeyboard(e,f,!!F),{loaderRef:q}=s.useInfiniteScroll(k),J=e.length+ +!!F;return(0,d.jsxs)(`div`,{className:(0,u.default)(`wim-data-grid`,c.default.root,P&&c.default.loading,S===`md`?c.default.mobileCardMd:S&&c.default.mobileCard,A),"aria-busy":N||void 0,children:[(0,d.jsxs)(`div`,{className:c.default.container,style:{height:y,maxHeight:b},inert:P||void 0,children:[(0,d.jsxs)(i.Table,{ref:K,onKeyDown:G,tabIndex:0,role:`grid`,"aria-label":j??M(`a11y.data_grid`),"aria-rowcount":f.length+1,"aria-colcount":J,striped:h,bordered:g,hoverable:_,stickyHeader:v,mobileCard:S,fullWidth:!0,className:(0,u.default)(`wim-table`,c.default.table),containerClassName:c.default.tableContainer,children:[(0,d.jsx)(i.Table.Header,{children:(0,d.jsxs)(i.Table.Row,{children:[F&&(0,d.jsx)(i.Table.Head,{role:`columnheader`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:1150,"data-row":-1,"data-col":-1,"aria-label":M(`a11y.select_all_rows`),tabIndex:W.row===-1&&W.col===-1?0:-1,children:(F.type??`checkbox`)===`checkbox`&&(0,d.jsx)(n.Checkbox,{checked:B,indeterminate:V,onChange:H,"aria-label":M(`a11y.select_all_rows`)})}),e.map((e,t)=>{let n=R(e.key,!0);return(0,d.jsx)(i.Table.Head,{role:`columnheader`,style:{width:e.width,minWidth:e.width},sortable:!!(e.sortable&&D),sortDirection:E?.key===e.key?E.direction:`none`,onSort:()=>{if(!e.sortable||!D)return;let t=E?.key===e.key?E.direction===`asc`?`desc`:E.direction===`desc`?`none`:`asc`:`asc`;D(e.key,t)},...n,tabIndex:W.row===-1&&W.col===(F?t+1:t)?0:-1,"data-row":-1,"data-col":F?t+1:t,children:e.title},e.key)})]})}),(0,d.jsx)(i.Table.Body,{children:f.map((t,r)=>{let a=z(t),o=F?.selectedRowKeys.includes(a);return(0,d.jsxs)(i.Table.Row,{selected:o,children:[F&&(0,d.jsx)(i.Table.Cell,{role:`gridcell`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:150,"data-row":r,"data-col":-1,tabIndex:W.row===r&&W.col===-1?0:-1,children:(0,d.jsx)(n.Checkbox,{checked:o,onChange:e=>U(t,e),"aria-label":M(`a11y.select_row`)})}),e.map((e,n)=>{let a=R(e.key,!1),o=t[e.dataIndex??e.key];return(0,d.jsx)(i.Table.Cell,{role:`gridcell`,label:typeof e.title==`string`?e.title:void 0,...a,"data-row":r,"data-col":F?n+1:n,tabIndex:W.row===r&&W.col===(F?n+1:n)?0:-1,children:e.maxWidth==null?e.render?e.render(o,t,r):o:(0,d.jsx)(`div`,{style:{maxWidth:e.maxWidth},children:e.render?e.render(o,t,r):o})},e.key)})]},a)})})]}),f.length===0&&x&&(0,d.jsx)(`div`,{role:`status`,className:c.default.empty,children:x}),k?.hasMore&&(0,d.jsx)(`div`,{ref:q,className:c.default.loader,children:k.hasMore&&M(`dataGrid.loading_more`)})]}),O&&(0,d.jsxs)(`div`,{className:c.default.footer,inert:P||void 0,children:[(0,d.jsxs)(`div`,{className:c.default.info,children:[M(`dataGrid.displaying`,{shown:f.length,total:O.total}),F?.selectedRowKeys&&F.selectedRowKeys.length>0&&(0,d.jsx)(`span`,{className:c.default.selectionInfo,children:M(`dataGrid.rows_selected`,{selected:F.selectedRowKeys.length})})]}),(0,d.jsx)(`div`,{className:c.default.pagination,children:(0,d.jsx)(r.Pagination,{className:c.default.paginationContent,current:O.current,total:O.total,pageSize:O.pageSize,onChange:O.onChange})})]})]})}exports.DataGrid=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../form/Checkbox/Checkbox.cjs"),i=require("../../navigation/Pagination/Pagination.cjs"),a=require("../Table/Table.cjs"),o=require("./useFixedColumns.cjs"),s=require("./useDataGridKeyboard.cjs"),c=require("./useInfiniteScroll.cjs"),l=require("./datagrid.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");function p({columns:e,data:p,rowKey:m=`id`,loading:h=!1,striped:g=!1,bordered:_=!1,hoverable:v=!0,stickyHeader:y=!0,height:b,maxHeight:x,emptyMessage:S,mobileCard:C=!1,selection:w,selectedRowKeys:T,onSelectionChange:E,sortConfig:D,onSortChange:O,pagination:k,infiniteScroll:A,className:j,ariaLabel:M}){let{t:N}=t.useWimTranslation(n.commonNs),P=h!==!1&&h!==void 0,F=h===!0||h===`blocking`,I=(0,u.useMemo)(()=>w?w===!0?{type:`checkbox`,selectedRowKeys:T??[],onChange:(e,t)=>{E?.(e,t)}}:w:null,[w,T,E]),{fixedLeftOffsets:L,fixedRightOffsets:R}=o.useFixedColumns(e,!!I),z=(e,t=!1)=>{let n=L[e];if(n)return{stickyLeft:!0,leftOffset:n.offset,stickyZIndex:t?1e3+n.zIndex:n.zIndex,className:(0,d.default)(l.default.cellFixed,n.isLast&&l.default.cellFixedLeftLast)};let r=R[e];return r?{stickyRight:!0,rightOffset:r.offset,stickyZIndex:t?1e3+r.zIndex:r.zIndex,className:(0,d.default)(l.default.cellFixed,r.isFirst&&l.default.cellFixedRightFirst)}:{}},B=(0,u.useCallback)(e=>typeof m==`function`?m(e):e[m],[m]),V=(0,u.useMemo)(()=>!I||p.length===0?!1:p.every(e=>I.selectedRowKeys.includes(B(e))),[p,I,B]),H=(0,u.useMemo)(()=>I?!V&&p.some(e=>I.selectedRowKeys.includes(B(e))):!1,[p,I,V,B]),U=e=>{if(!I)return;let t=e.target.checked,n=t?p.map(B):[],r=t?p:[];I.onChange(n,r)},W=(e,t)=>{if(!I)return;let n=t.target.checked,r=B(e),i=n?[...I.selectedRowKeys,r]:I.selectedRowKeys.filter(e=>e!==r),a=p.filter(e=>i.includes(B(e)));I.onChange(i,a)},{focusedCell:G,handleKeyDown:K,containerRef:q}=s.useDataGridKeyboard(e,p,!!I),{loaderRef:J}=c.useInfiniteScroll(A),Y=e.length+ +!!I;return(0,f.jsxs)(`div`,{className:(0,d.default)(`wim-data-grid`,l.default.root,F&&l.default.loading,C===`md`?l.default.mobileCardMd:C&&l.default.mobileCard,j),"aria-busy":P||void 0,children:[(0,f.jsxs)(`div`,{className:l.default.container,style:{height:b,maxHeight:x},inert:F||void 0,children:[(0,f.jsxs)(a.Table,{ref:q,onKeyDown:K,tabIndex:0,role:`grid`,"aria-label":M??N(`a11y.data_grid`),"aria-rowcount":p.length+1,"aria-colcount":Y,striped:g,bordered:_,hoverable:v,stickyHeader:y,mobileCard:C,fullWidth:!0,className:(0,d.default)(`wim-table`,l.default.table),containerClassName:l.default.tableContainer,children:[(0,f.jsx)(a.Table.Header,{children:(0,f.jsxs)(a.Table.Row,{children:[I&&(0,f.jsx)(a.Table.Head,{role:`columnheader`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:1150,"data-row":-1,"data-col":-1,"aria-label":N(`a11y.select_all_rows`),tabIndex:G.row===-1&&G.col===-1?0:-1,children:(I.type??`checkbox`)===`checkbox`&&(0,f.jsx)(r.Checkbox,{checked:V,indeterminate:H,onChange:U,"aria-label":N(`a11y.select_all_rows`)})}),e.map((e,t)=>{let n=z(e.key,!0);return(0,f.jsx)(a.Table.Head,{role:`columnheader`,style:{width:e.width,minWidth:e.width},sortable:!!(e.sortable&&O),sortDirection:D?.key===e.key?D.direction:`none`,onSort:()=>{if(!e.sortable||!O)return;let t=D?.key===e.key?D.direction===`asc`?`desc`:D.direction===`desc`?`none`:`asc`:`asc`;O(e.key,t)},...n,tabIndex:G.row===-1&&G.col===(I?t+1:t)?0:-1,"data-row":-1,"data-col":I?t+1:t,children:e.title},e.key)})]})}),(0,f.jsx)(a.Table.Body,{children:p.map((t,n)=>{let i=B(t),o=I?.selectedRowKeys.includes(i);return(0,f.jsxs)(a.Table.Row,{selected:o,children:[I&&(0,f.jsx)(a.Table.Cell,{role:`gridcell`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:150,"data-row":n,"data-col":-1,tabIndex:G.row===n&&G.col===-1?0:-1,children:(0,f.jsx)(r.Checkbox,{checked:o,onChange:e=>W(t,e),"aria-label":N(`a11y.select_row`)})}),e.map((e,r)=>{let i=z(e.key,!1),o=t[e.dataIndex??e.key];return(0,f.jsx)(a.Table.Cell,{role:`gridcell`,label:typeof e.title==`string`?e.title:void 0,...i,"data-row":n,"data-col":I?r+1:r,tabIndex:G.row===n&&G.col===(I?r+1:r)?0:-1,children:e.maxWidth==null?e.render?e.render(o,t,n):o:(0,f.jsx)(`div`,{style:{maxWidth:e.maxWidth},children:e.render?e.render(o,t,n):o})},e.key)})]},i)})})]}),p.length===0&&S&&(0,f.jsx)(`div`,{role:`status`,className:l.default.empty,children:S}),A?.hasMore&&(0,f.jsx)(`div`,{ref:J,className:l.default.loader,children:A.hasMore&&N(`dataGrid.loading_more`)})]}),k&&(0,f.jsxs)(`div`,{className:l.default.footer,inert:F||void 0,children:[(0,f.jsxs)(`div`,{className:l.default.info,children:[N(`dataGrid.displaying`,{shown:p.length,total:k.total}),I?.selectedRowKeys&&I.selectedRowKeys.length>0&&(0,f.jsx)(`span`,{className:l.default.selectionInfo,children:N(`dataGrid.rows_selected`,{selected:I.selectedRowKeys.length})})]}),(0,f.jsx)(`div`,{className:l.default.pagination,children:(0,f.jsx)(i.Pagination,{className:l.default.paginationContent,current:k.current,total:k.total,pageSize:k.pageSize,onChange:k.onChange})})]})]})}exports.DataGrid=p;