wimui 0.51.2 → 0.52.0

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

@@ -1,22 +1,23 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { VisuallyHidden as t } from "../../layout/VisuallyHidden/VisuallyHidden.js";
-import n from "../../../icon/chevron-right.js";
-import { Icon as r } from "../../media/Icon/Icon.js";
-import { useMergedRef as i } from "../../../hooks/useMergedRef.js";
-import { Table as a } from "../Table/Table.js";
-import { layoutPivotColumns as o, layoutPivotRows as s, pivotRowWindow as ee } from "./layoutPivot.js";
+import { useMergedRef as t } from "../../../hooks/useMergedRef.js";
+import { VisuallyHidden as n } from "../../layout/VisuallyHidden/VisuallyHidden.js";
+import { componentsNs as r } from "../../../i18n/generated/components.js";
+import i from "../../../icon/chevron-right.js";
+import { Icon as a } from "../../media/Icon/Icon.js";
+import { Table as o } from "../Table/Table.js";
+import { layoutPivotColumns as s, layoutPivotRows as ee, pivotRowWindow as te } from "./layoutPivot.js";
 import c from "./pivot-table.module.js";
-import l, { useCallback as u, useMemo as d, useState as f } from "react";
-import p from "classnames";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import l, { useCallback as ne, useMemo as u, useState as d } from "react";
+import f from "classnames";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/data-display/PivotTable/PivotTable.tsx
-var g = 40, te = 8, ne = 30, _ = "corner", v = (e, t = []) => {
-	for (let n of e) n.children?.length && (t.push(n.key), v(n.children, t));
+var h = 40, re = 8, ie = 30, g = "corner", _ = (e, t = []) => {
+	for (let n of e) n.children?.length && (t.push(n.key), _(n.children, t));
 	return t;
-}, re = (e, t, n, r) => {
-	let [i, a] = f(() => n ?? v(e)), o = t ?? i, s = d(() => new Set(o), [o]);
-	return [s, u((e) => {
+}, ae = (e, t, n, r) => {
+	let [i, a] = d(() => n ?? _(e)), o = t ?? i, s = u(() => new Set(o), [o]);
+	return [s, ne((e) => {
 		let n = s.has(e) ? o.filter((t) => t !== e) : [...o, e];
 		t === void 0 && a(n), r?.(n);
 	}, [
@@ -25,261 +26,261 @@ var g = 40, te = 8, ne = 30, _ = "corner", v = (e, t = []) => {
 		t,
 		r
 	])];
-}, y = l.forwardRef(({ rows: y, columns: b, getValue: x, rowAxisLabel: S, caption: C, expandedRowValues: ie, defaultExpandedRowValues: ae, onExpandedRowChange: oe, expandedColumnValues: se, defaultExpandedColumnValues: ce, onExpandedColumnChange: le, maxHeight: ue, stickyHeader: w = !1, stickyRowHeaders: de = !1, virtualized: T = !1, columnSubtotals: fe = !1, totalRow: pe = !1, totalColumn: me = !1, labels: he, className: ge, ...E }, _e) => {
-	let { t: ve } = e("components"), D = l.useId(), O = he?.total ?? ve("pivottable.total"), [k, ye] = re(y, ie, ae, oe), [A, be] = re(b, se, ce, le), j = d(() => o(b, {
-		subtotals: fe,
-		total: me,
-		isExpanded: (e) => A.has(e)
+}, v = l.forwardRef(({ rows: v, columns: y, getValue: b, rowAxisLabel: x, caption: S, expandedRowValues: oe, defaultExpandedRowValues: se, onExpandedRowChange: ce, expandedColumnValues: le, defaultExpandedColumnValues: ue, onExpandedColumnChange: de, maxHeight: fe, stickyHeader: C = !1, stickyRowHeaders: pe = !1, virtualized: w = !1, columnSubtotals: me = !1, totalRow: he = !1, totalColumn: ge = !1, labels: _e, className: ve, ...T }, ye) => {
+	let { t: be } = e(r), E = l.useId(), D = _e?.total ?? be("pivottable.total"), [O, xe] = ae(v, oe, se, ce), [k, Se] = ae(y, le, ue, de), A = u(() => s(y, {
+		subtotals: me,
+		total: ge,
+		isExpanded: (e) => k.has(e)
 	}), [
-		b,
-		fe,
+		y,
 		me,
-		A
-	]), M = d(() => s(y, (e) => k.has(e)), [y, k]), N = d(() => v(y).length > 0, [y]), P = d(() => v(b).length > 0, [b]), F = S != null && S !== !1, I = `${D}corner`, xe = (e) => `${D}c${e}`, L = (e) => `${D}r${e}`, R = `${D}total`, z = d(() => j.columns.map((e) => e.headerIds.map((e) => `${D}c${e}`).join(" ")), [j, D]), B = l.useRef(null), V = l.useRef(null), [Se, Ce] = l.useState(!1), [we, Te] = l.useState(!0);
+		ge,
+		k
+	]), j = u(() => ee(v, (e) => O.has(e)), [v, O]), M = u(() => _(v).length > 0, [v]), N = u(() => _(y).length > 0, [y]), P = x != null && x !== !1, F = `${E}corner`, Ce = (e) => `${E}c${e}`, I = (e) => `${E}r${e}`, L = `${E}total`, R = u(() => A.columns.map((e) => e.headerIds.map((e) => `${E}c${e}`).join(" ")), [A, E]), z = l.useRef(null), B = l.useRef(null), [V, we] = l.useState(!1), [Te, Ee] = l.useState(!0);
 	l.useLayoutEffect(() => {
-		let e = B.current, t = V.current;
+		let e = z.current, t = B.current;
 		if (!e || !t || typeof ResizeObserver > "u") return;
 		let n = () => {
-			Ce(e.scrollWidth > e.clientWidth || e.scrollHeight > e.clientHeight);
+			we(e.scrollWidth > e.clientWidth || e.scrollHeight > e.clientHeight);
 			let n = t.rows[0]?.cells[0];
-			Te(!n || n.offsetWidth <= e.clientWidth / 2);
+			Ee(!n || n.offsetWidth <= e.clientWidth / 2);
 		};
 		n();
 		let r = new ResizeObserver(n);
 		return r.observe(e), r.observe(t), () => r.disconnect();
 	}, []);
-	let Ee = i(_e, V), H = de && we, De = l.useRef([]), [Oe, ke] = f([]), U = j.depth;
+	let De = t(ye, B), H = pe && Te, Oe = l.useRef([]), [ke, Ae] = d([]), U = A.depth;
 	l.useLayoutEffect(() => {
-		if (!w) return;
-		let e = De.current.slice(0, U), t = () => {
+		if (!C) return;
+		let e = Oe.current.slice(0, U), t = () => {
 			let t = 0, n = e.map((e) => {
 				let n = t;
 				return t += e?.getBoundingClientRect().height ?? 0, n;
 			});
-			ke((e) => e.length === n.length && e.every((e, t) => e === n[t]) ? e : n);
+			Ae((e) => e.length === n.length && e.every((e, t) => e === n[t]) ? e : n);
 		};
 		if (t(), typeof ResizeObserver > "u") return;
 		let n = new ResizeObserver(t);
 		return e.forEach((e) => e && n.observe(e)), () => n.disconnect();
-	}, [w, U]);
-	let Ae = l.useRef(null), [W, je] = f(0), [G, Me] = f(null), [K, Ne] = f(null), [Pe, Fe] = f({}), Ie = l.useRef(0), q = u(() => {
-		let e = B.current, t = Ae.current, n = V.current;
+	}, [C, U]);
+	let je = l.useRef(null), [W, Me] = d(0), [G, Ne] = d(null), [K, Pe] = d(null), [Fe, Ie] = d({}), q = l.useRef(0), J = ne(() => {
+		let e = z.current, t = je.current, n = B.current;
 		if (!e || !t || !n) return;
 		let r = t.querySelector("tr[data-row-index]")?.getBoundingClientRect().height ?? 0;
-		r > 0 && je((e) => Math.abs(e - r) < .01 ? e : r);
+		r > 0 && Me((e) => Math.abs(e - r) < .01 ? e : r);
 		let i = {
 			scrollTop: e.scrollTop,
 			height: e.clientHeight,
 			bodyOffset: t.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop
 		};
-		Me((e) => e && e.scrollTop === i.scrollTop && e.height === i.height && e.bodyOffset === i.bodyOffset ? e : i);
-		let a = Array.from(n.querySelectorAll("thead [data-column-key]")).map((e) => [e.dataset.columnKey, e.getBoundingClientRect().width]), o = Ie.current !== e.clientWidth;
-		Ie.current = e.clientWidth, Fe((e) => {
+		Ne((e) => e && e.scrollTop === i.scrollTop && e.height === i.height && e.bodyOffset === i.bodyOffset ? e : i);
+		let a = Array.from(n.querySelectorAll("thead [data-column-key]")).map((e) => [e.dataset.columnKey, e.getBoundingClientRect().width]), o = q.current !== e.clientWidth;
+		q.current = e.clientWidth, Ie((e) => {
 			let t = o ? {} : { ...e };
 			for (let [e, n] of a) (n || 0) > (t[e] ?? 0) + .01 && (t[e] = n);
 			let n = Object.keys(t);
 			return n.length === Object.keys(e).length && n.every((n) => t[n] === e[n]) ? e : t;
 		});
-	}, []), J = M.length, Le = j.columns.length, Y = d(() => j.columns.map((e) => `${e.kind}:${e.key ?? ""}`), [j]), Re = Y.join("|");
+	}, []), Y = j.length, Le = A.columns.length, X = u(() => A.columns.map((e) => `${e.kind}:${e.key ?? ""}`), [A]), Re = X.join("|");
 	l.useLayoutEffect(() => {
-		if (!T || (q(), typeof ResizeObserver > "u")) return;
-		let e = new ResizeObserver(q);
-		return B.current && e.observe(B.current), () => e.disconnect();
+		if (!w || (J(), typeof ResizeObserver > "u")) return;
+		let e = new ResizeObserver(J);
+		return z.current && e.observe(z.current), () => e.disconnect();
 	}, [
-		T,
-		q,
+		w,
 		J,
+		Y,
 		Re
 	]);
-	let ze = d(() => new Map(M.map((e, t) => [e.key, t])), [M]), Be = d(() => T ? ee(G ? {
-		rowCount: J,
-		rowHeight: W || g,
+	let ze = u(() => new Map(j.map((e, t) => [e.key, t])), [j]), Be = u(() => w ? te(G ? {
+		rowCount: Y,
+		rowHeight: W || h,
 		scrollTop: G.scrollTop,
 		viewportHeight: G.height,
 		bodyOffset: G.bodyOffset,
-		overscan: te,
+		overscan: re,
 		keep: K === null ? null : ze.get(K) ?? null
 	} : {
-		rowCount: J,
-		rowHeight: g,
+		rowCount: Y,
+		rowHeight: h,
 		scrollTop: 0,
-		viewportHeight: Math.min(J, ne) * g,
+		viewportHeight: Math.min(Y, ie) * h,
 		bodyOffset: 0,
 		overscan: 0
 	}) : null, [
-		T,
+		w,
 		G,
-		J,
+		Y,
 		W,
 		K,
 		ze
-	]), X = d(() => new Map(j.columns.map((e, t) => [e.headerIds[e.headerIds.length - 1], Y[t]])), [j, Y]), Z = (e) => T && e !== void 0 ? {
+	]), Ve = u(() => new Map(A.columns.map((e, t) => [e.headerIds[e.headerIds.length - 1], X[t]])), [A, X]), Z = (e) => w && e !== void 0 ? {
 		"data-column-key": e,
-		style: Pe[e] ? { minWidth: Pe[e] } : void 0
-	} : null, Q = (e, t = !1) => w ? {
-		top: Math.floor(Oe[e] ?? 0),
+		style: Fe[e] ? { minWidth: Fe[e] } : void 0
+	} : null, Q = (e, t = !1) => C ? {
+		top: Math.floor(ke[e] ?? 0),
 		zIndex: 10 + U - e + +!!t
-	} : void 0, Ve = `${D}caption`, $ = C ? { "aria-labelledby": Ve } : E["aria-label"] ? { "aria-label": E["aria-label"] } : E["aria-labelledby"] ? { "aria-labelledby": E["aria-labelledby"] } : null, He = (e, i) => {
-		let o = T ? L(i) : [...e.ancestors.map(L), L(i)].join(" "), s = [...F ? [I] : [], ...T ? [] : e.ancestors.map(L)].join(" ");
-		return /* @__PURE__ */ h(a.Row, {
-			className: p(e.hasChildren && c.groupRow),
-			"data-row-index": T ? i : void 0,
-			"data-row-key": T ? e.key : void 0,
-			"aria-rowindex": T ? U + i + 1 : void 0,
-			children: [/* @__PURE__ */ h("th", {
-				id: L(i),
+	} : void 0, He = `${E}caption`, $ = S ? { "aria-labelledby": He } : T["aria-label"] ? { "aria-label": T["aria-label"] } : T["aria-labelledby"] ? { "aria-labelledby": T["aria-labelledby"] } : null, Ue = (e, t) => {
+		let r = w ? I(t) : [...e.ancestors.map(I), I(t)].join(" "), s = [...P ? [F] : [], ...w ? [] : e.ancestors.map(I)].join(" ");
+		return /* @__PURE__ */ m(o.Row, {
+			className: f(e.hasChildren && c.groupRow),
+			"data-row-index": w ? t : void 0,
+			"data-row-key": w ? e.key : void 0,
+			"aria-rowindex": w ? U + t + 1 : void 0,
+			children: [/* @__PURE__ */ m("th", {
+				id: I(t),
 				scope: "row",
 				headers: s || void 0,
-				className: p(c.rowHeader, H && c.stickyLeft),
+				className: f(c.rowHeader, H && c.stickyLeft),
 				style: { "--wim-pivot-table-depth": e.depth },
-				children: [T && e.ancestors.length > 0 && /* @__PURE__ */ m(t, { children: e.ancestors.map((e) => /* @__PURE__ */ h(l.Fragment, { children: [M[e].node.label, ", "] }, e)) }), e.hasChildren ? /* @__PURE__ */ h("button", {
+				children: [w && e.ancestors.length > 0 && /* @__PURE__ */ p(n, { children: e.ancestors.map((e) => /* @__PURE__ */ m(l.Fragment, { children: [j[e].node.label, ", "] }, e)) }), e.hasChildren ? /* @__PURE__ */ m("button", {
 					type: "button",
 					className: c.toggle,
 					"aria-expanded": e.expanded,
-					onClick: () => ye(e.key),
-					children: [/* @__PURE__ */ m("span", {
-						className: p(c.chevron, e.expanded && c.open),
+					onClick: () => xe(e.key),
+					children: [/* @__PURE__ */ p("span", {
+						className: f(c.chevron, e.expanded && c.open),
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ m(r, {
-							component: n,
+						children: /* @__PURE__ */ p(a, {
+							component: i,
 							size: "sm"
 						})
 					}), e.node.label]
-				}) : /* @__PURE__ */ m("span", {
-					className: p(N && c.leafLabel),
+				}) : /* @__PURE__ */ p("span", {
+					className: f(M && c.leafLabel),
 					children: e.node.label
 				})]
-			}), j.columns.map((t, n) => /* @__PURE__ */ m(a.Cell, {
-				headers: `${o} ${z[n]}`,
-				className: p(c.value, t.kind !== "leaf" && c.aggregate, t.startsGroup && !(H && n === 0) && c.groupStart),
-				children: x(e.key, t.key)
+			}), A.columns.map((t, n) => /* @__PURE__ */ p(o.Cell, {
+				headers: `${r} ${R[n]}`,
+				className: f(c.value, t.kind !== "leaf" && c.aggregate, t.startsGroup && !(H && n === 0) && c.groupStart),
+				children: b(e.key, t.key)
 			}, n))]
 		}, e.key);
 	};
-	return /* @__PURE__ */ m("div", {
-		ref: B,
+	return /* @__PURE__ */ p("div", {
+		ref: z,
 		className: c.scroller,
-		style: ue === void 0 ? void 0 : { maxHeight: ue },
-		tabIndex: Se ? 0 : void 0,
-		onScroll: T ? q : void 0,
-		...Se && $ ? {
+		style: fe === void 0 ? void 0 : { maxHeight: fe },
+		tabIndex: V ? 0 : void 0,
+		onScroll: w ? J : void 0,
+		...V && $ ? {
 			role: "region",
 			...$
 		} : null,
-		children: /* @__PURE__ */ h("table", {
-			ref: Ee,
-			className: p("wim-pivot-table", c.root, ge),
-			"aria-rowcount": T ? U + J + +!!pe : void 0,
-			...E,
+		children: /* @__PURE__ */ m("table", {
+			ref: De,
+			className: f("wim-pivot-table", c.root, ve),
+			"aria-rowcount": w ? U + Y + +!!he : void 0,
+			...T,
 			children: [
-				C && /* @__PURE__ */ m("caption", {
-					id: Ve,
+				S && /* @__PURE__ */ p("caption", {
+					id: He,
 					className: c.caption,
-					children: C
+					children: S
 				}),
-				/* @__PURE__ */ m("colgroup", {}),
-				j.groupSpans.map((e, t) => /* @__PURE__ */ m("colgroup", { span: e }, t)),
-				/* @__PURE__ */ m(a.Header, { children: j.headerRows.map((e, t) => /* @__PURE__ */ h("tr", {
-					"aria-rowindex": T ? t + 1 : void 0,
+				/* @__PURE__ */ p("colgroup", {}),
+				A.groupSpans.map((e, t) => /* @__PURE__ */ p("colgroup", { span: e }, t)),
+				/* @__PURE__ */ p(o.Header, { children: A.headerRows.map((e, t) => /* @__PURE__ */ m("tr", {
+					"aria-rowindex": w ? t + 1 : void 0,
 					ref: (e) => {
-						De.current[t] = e;
+						Oe.current[t] = e;
 					},
-					children: [t === 0 && (F ? /* @__PURE__ */ m("th", {
-						id: I,
+					children: [t === 0 && (P ? /* @__PURE__ */ p("th", {
+						id: F,
 						scope: "col",
-						rowSpan: j.depth,
-						className: p(c.columnHeader, c.corner, c.bottom, w && c.stickyTop, H && c.stickyLeft),
-						...Z(_),
+						rowSpan: A.depth,
+						className: f(c.columnHeader, c.corner, c.bottom, C && c.stickyTop, H && c.stickyLeft),
+						...Z(g),
 						style: {
 							...Q(0, !0),
-							...Z(_)?.style
+							...Z(g)?.style
 						},
-						children: /* @__PURE__ */ m("span", {
-							className: p(P && c.columnLeafLabel),
-							children: S
+						children: /* @__PURE__ */ p("span", {
+							className: f(N && c.columnLeafLabel),
+							children: x
 						})
-					}) : /* @__PURE__ */ m("td", {
-						rowSpan: j.depth,
-						className: p(c.columnHeader, c.bottom, w && c.stickyTop, H && c.stickyLeft),
-						...Z(_),
+					}) : /* @__PURE__ */ p("td", {
+						rowSpan: A.depth,
+						className: f(c.columnHeader, c.bottom, C && c.stickyTop, H && c.stickyLeft),
+						...Z(g),
 						style: {
 							...Q(0, !0),
-							...Z(_)?.style
+							...Z(g)?.style
 						}
-					})), e.map((e, i) => /* @__PURE__ */ m("th", {
-						id: xe(e.id),
+					})), e.map((e, n) => /* @__PURE__ */ p("th", {
+						id: Ce(e.id),
 						scope: e.kind === "group" && e.topLevel ? "colgroup" : "col",
 						colSpan: e.colSpan > 1 ? e.colSpan : void 0,
 						rowSpan: e.rowSpan > 1 ? e.rowSpan : void 0,
-						className: p(c.columnHeader, e.kind === "group" && e.expanded && c.group, e.reachesBottom && c.bottom, e.startsGroup && !(H && i === 0) && c.groupStart, w && c.stickyTop),
-						...e.reachesBottom ? Z(X.get(e.id)) : null,
+						className: f(c.columnHeader, e.kind === "group" && e.expanded && c.group, e.reachesBottom && c.bottom, e.startsGroup && !(H && n === 0) && c.groupStart, C && c.stickyTop),
+						...e.reachesBottom ? Z(Ve.get(e.id)) : null,
 						style: {
 							...Q(t),
-							...e.reachesBottom ? Z(X.get(e.id))?.style : null
+							...e.reachesBottom ? Z(Ve.get(e.id))?.style : null
 						},
-						children: e.kind === "group" ? /* @__PURE__ */ h("button", {
+						children: e.kind === "group" ? /* @__PURE__ */ m("button", {
 							type: "button",
-							className: p(c.toggle, c.columnToggle),
+							className: f(c.toggle, c.columnToggle),
 							"aria-expanded": e.expanded,
-							onClick: () => be(e.key),
-							children: [/* @__PURE__ */ m("span", {
-								className: p(c.chevron, e.expanded && c.open),
+							onClick: () => Se(e.key),
+							children: [/* @__PURE__ */ p("span", {
+								className: f(c.chevron, e.expanded && c.open),
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ m(r, {
-									component: n,
+								children: /* @__PURE__ */ p(a, {
+									component: i,
 									size: "sm"
 								})
 							}), e.node?.label]
-						}) : /* @__PURE__ */ m("span", {
-							className: p(P && c.columnLeafLabel),
-							children: e.kind === "leaf" ? e.node?.label : O
+						}) : /* @__PURE__ */ p("span", {
+							className: f(N && c.columnLeafLabel),
+							children: e.kind === "leaf" ? e.node?.label : D
 						})
 					}, `${e.kind}:${e.key ?? ""}`))]
 				}, t)) }),
-				/* @__PURE__ */ m(a.Body, {
-					ref: Ae,
-					onFocus: T ? (e) => {
+				/* @__PURE__ */ p(o.Body, {
+					ref: je,
+					onFocus: w ? (e) => {
 						let t = e.target.closest("tr")?.dataset.rowKey;
-						t !== void 0 && Ne(t);
+						t !== void 0 && Pe(t);
 					} : void 0,
-					onBlur: T ? (e) => {
-						e.currentTarget.contains(e.relatedTarget) || Ne(null);
+					onBlur: w ? (e) => {
+						e.currentTarget.contains(e.relatedTarget) || Pe(null);
 					} : void 0,
 					children: (Be ?? [{
 						kind: "rows",
 						from: 0,
-						to: J
-					}]).map((e, t) => e.kind === "gap" ? /* @__PURE__ */ m("tr", {
+						to: Y
+					}]).map((e, t) => e.kind === "gap" ? /* @__PURE__ */ p("tr", {
 						"aria-hidden": "true",
 						className: c.gap,
-						children: /* @__PURE__ */ m("td", {
+						children: /* @__PURE__ */ p("td", {
 							colSpan: Le + 1,
-							style: { height: e.count * (W || g) }
+							style: { height: e.count * (W || h) }
 						})
-					}, `gap-${t}`) : M.slice(e.from, e.to).map((t, n) => He(t, e.from + n)))
+					}, `gap-${t}`) : j.slice(e.from, e.to).map((t, n) => Ue(t, e.from + n)))
 				}),
-				pe && /* @__PURE__ */ m(a.Footer, { children: /* @__PURE__ */ h(a.Row, {
+				he && /* @__PURE__ */ p(o.Footer, { children: /* @__PURE__ */ m(o.Row, {
 					className: c.totalRow,
-					"aria-rowindex": T ? U + J + 1 : void 0,
-					children: [/* @__PURE__ */ m("th", {
-						id: R,
+					"aria-rowindex": w ? U + Y + 1 : void 0,
+					children: [/* @__PURE__ */ p("th", {
+						id: L,
 						scope: "row",
-						headers: F ? I : void 0,
-						className: p(c.rowHeader, H && c.stickyLeft),
-						children: /* @__PURE__ */ m("span", {
-							className: p(N && c.leafLabel),
-							children: O
+						headers: P ? F : void 0,
+						className: f(c.rowHeader, H && c.stickyLeft),
+						children: /* @__PURE__ */ p("span", {
+							className: f(M && c.leafLabel),
+							children: D
 						})
-					}), j.columns.map((e, t) => /* @__PURE__ */ m(a.Cell, {
-						headers: `${R} ${z[t]}`,
-						className: p(c.value, e.startsGroup && !(H && t === 0) && c.groupStart),
-						children: x(null, e.key)
+					}), A.columns.map((e, t) => /* @__PURE__ */ p(o.Cell, {
+						headers: `${L} ${R[t]}`,
+						className: f(c.value, e.startsGroup && !(H && t === 0) && c.groupStart),
+						children: b(null, e.key)
 					}, t))]
 				}) })
 			]
 		})
 	});
 });
-y.displayName = "PivotTable";
+v.displayName = "PivotTable";
 //#endregion
-export { y as PivotTable };
+export { v as PivotTable };

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),r=require("../../feedback/Indicator/Indicator.cjs"),i=require("./presence.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={online:`success`,away:`warning`,busy:`danger`,offline:`neutral`},l=a.default.forwardRef(({status:e,label:a,showLabel:l=!1,size:u=`md`,position:d=`bottom-right`,children:f,className:p,...m},h)=>{let{t:g}=t.useWimTranslation(`common`),_=a??g(`presence.${e}`);return(0,s.jsxs)(`span`,{ref:h,className:(0,o.default)(`wim-presence`,i.default.root,p),...m,children:[f?(0,s.jsx)(r.Indicator,{color:c[e],size:u,position:d,children:f}):(0,s.jsx)(r.Indicator,{color:c[e],size:u,inline:!0}),l?(0,s.jsx)(`span`,{className:i.default.label,children:_}):(0,s.jsx)(n.VisuallyHidden,{children:_})]})});l.displayName=`Presence`,exports.Presence=l;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),i=require("../../feedback/Indicator/Indicator.cjs"),a=require("./presence.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l={online:`success`,away:`warning`,busy:`danger`,offline:`neutral`},u=o.default.forwardRef(({status:e,label:o,showLabel:u=!1,size:d=`md`,position:f=`bottom-right`,children:p,className:m,...h},g)=>{let{t:_}=t.useWimTranslation(n.commonNs),v=o??_(`presence.${e}`);return(0,c.jsxs)(`span`,{ref:g,className:(0,s.default)(`wim-presence`,a.default.root,m),...h,children:[p?(0,c.jsx)(i.Indicator,{color:l[e],size:d,position:f,children:p}):(0,c.jsx)(i.Indicator,{color:l[e],size:d,inline:!0}),u?(0,c.jsx)(`span`,{className:a.default.label,children:v}):(0,c.jsx)(r.VisuallyHidden,{children:v})]})});u.displayName=`Presence`,exports.Presence=u;

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

@@ -1,38 +1,39 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { VisuallyHidden as t } from "../../layout/VisuallyHidden/VisuallyHidden.js";
-import { Indicator as n } from "../../feedback/Indicator/Indicator.js";
-import r from "./presence.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 { Indicator as r } from "../../feedback/Indicator/Indicator.js";
+import i from "./presence.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/Presence/Presence.tsx
-var c = {
+var l = {
 	online: "success",
 	away: "warning",
 	busy: "danger",
 	offline: "neutral"
-}, l = i.forwardRef(({ status: i, label: l, showLabel: u = !1, size: d = "md", position: f = "bottom-right", children: p, className: m, ...h }, g) => {
-	let { t: _ } = e("common"), v = l ?? _(`presence.${i}`);
-	return /* @__PURE__ */ s("span", {
-		ref: g,
-		className: a("wim-presence", r.root, m),
-		...h,
-		children: [p ? /* @__PURE__ */ o(n, {
-			color: c[i],
-			size: d,
-			position: f,
-			children: p
-		}) : /* @__PURE__ */ o(n, {
-			color: c[i],
-			size: d,
+}, u = a.forwardRef(({ status: a, label: u, showLabel: d = !1, size: f = "md", position: p = "bottom-right", children: m, className: h, ...g }, _) => {
+	let { t: v } = e(t), y = u ?? v(`presence.${a}`);
+	return /* @__PURE__ */ c("span", {
+		ref: _,
+		className: o("wim-presence", i.root, h),
+		...g,
+		children: [m ? /* @__PURE__ */ s(r, {
+			color: l[a],
+			size: f,
+			position: p,
+			children: m
+		}) : /* @__PURE__ */ s(r, {
+			color: l[a],
+			size: f,
 			inline: !0
-		}), u ? /* @__PURE__ */ o("span", {
-			className: r.label,
-			children: v
-		}) : /* @__PURE__ */ o(t, { children: v })]
+		}), d ? /* @__PURE__ */ s("span", {
+			className: i.label,
+			children: y
+		}) : /* @__PURE__ */ s(n, { children: y })]
 	});
 });
-l.displayName = "Presence";
+u.displayName = "Presence";
 //#endregion
-export { l as Presence };
+export { u as Presence };

package/dist/components/data-display/PullToRefresh/PullToRefresh.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("../../../icon/chevron-down.cjs"),i=require("../../../icon/loading.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./pull-to-refresh.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=s.default.forwardRef(({onRefresh:e,refreshing:u,threshold:d=60,maxDistance:f=120,children:p,asChild:m=!1,className:h,...g},_)=>{let{t:v}=n.useWimTranslation(),[y,b]=(0,s.useState)(0),[x,S]=(0,s.useState)(!1),[C,w]=(0,s.useState)(!1),[T,E]=(0,s.useState)(`idle`),D=(0,s.useRef)(0),O=(0,s.useRef)(!1),k=(0,s.useRef)(!1),A=(0,s.useRef)(void 0);(0,s.useEffect)(()=>()=>clearTimeout(A.current),[]);let j=u??x;(0,s.useEffect)(()=>{j?(E(`refreshing`),b(d)):(E(`idle`),b(0))},[j,d]);let M=(0,s.useCallback)(e=>{if(!O.current||j)return;let t=(`touches`in e?e.touches[0].clientY:e.clientY)-D.current;if(t>0){e.cancelable&&e.preventDefault();let n=Math.min(t*.4,f);b(n),E(n>d?`releasing`:`pulling`)}else t<-10&&(O.current=!1,k.current=!1,w(!1),b(0),E(`idle`))},[f,d,j]),N=(0,s.useCallback)(async()=>{if(!O.current)return;let t=y>=d;if(O.current=!1,k.current=!1,w(!1),t&&!j){S(!0),E(`refreshing`),b(d);try{await e()}finally{clearTimeout(A.current),A.current=setTimeout(()=>{S(!1),u===void 0&&(E(`idle`),b(0))},50)}}else j||(b(0),E(`idle`))},[y,d,j,e,u]),P=e=>{e.currentTarget.scrollTop>0||j||(D.current=`touches`in e?e.touches[0].clientY:e.clientY,O.current=!0,k.current=!0,w(!0))};(0,s.useEffect)(()=>{if(!C)return;let e=e=>M(e),t=()=>N();return window.addEventListener(`mousemove`,e,{passive:!1}),window.addEventListener(`mouseup`,t),window.addEventListener(`touchmove`,e,{passive:!1}),window.addEventListener(`touchend`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t),window.removeEventListener(`touchmove`,e),window.removeEventListener(`touchend`,t)}},[C,M,N]);let F=m?t.Root:`div`;return(0,l.jsxs)(`div`,{className:(0,c.default)(`wim-pull-to-refresh`,o.default.container,h),role:`none`,onTouchStart:P,onMouseDown:P,...g,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.indicator,o.default[T]),style:{height:y,opacity:+(y>0),transition:C?`none`:`all 0.3s cubic-bezier(0.16, 1, 0.3, 1)`},children:(0,l.jsxs)(`div`,{className:o.default.indicatorContent,children:[T===`refreshing`?(0,l.jsx)(a.Icon,{component:i.default,spin:!0,className:o.default.spinner}):(0,l.jsx)(a.Icon,{component:r.default,className:(0,c.default)(o.default.arrow,T===`releasing`&&o.default.rotate)}),(0,l.jsx)(`span`,{className:o.default.text,children:v(T===`refreshing`?`pullToRefresh.loading`:T===`releasing`?`pullToRefresh.release`:`pullToRefresh.pull`)})]})}),(0,l.jsx)(F,{ref:_,className:o.default.content,children:p})]})});u.displayName=`PullToRefresh`,exports.PullToRefresh=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/common.cjs"),i=require("../../../icon/chevron-down.cjs"),a=require("../../../icon/loading.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./pull-to-refresh.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=c.default.forwardRef(({onRefresh:e,refreshing:d,threshold:f=60,maxDistance:p=120,children:m,asChild:h=!1,className:g,..._},v)=>{let{t:y}=n.useWimTranslation(r.commonNs),[b,x]=(0,c.useState)(0),[S,C]=(0,c.useState)(!1),[w,T]=(0,c.useState)(!1),[E,D]=(0,c.useState)(`idle`),O=(0,c.useRef)(0),k=(0,c.useRef)(!1),A=(0,c.useRef)(!1),j=(0,c.useRef)(void 0);(0,c.useEffect)(()=>()=>clearTimeout(j.current),[]);let M=d??S;(0,c.useEffect)(()=>{M?(D(`refreshing`),x(f)):(D(`idle`),x(0))},[M,f]);let N=(0,c.useCallback)(e=>{if(!k.current||M)return;let t=(`touches`in e?e.touches[0].clientY:e.clientY)-O.current;if(t>0){e.cancelable&&e.preventDefault();let n=Math.min(t*.4,p);x(n),D(n>f?`releasing`:`pulling`)}else t<-10&&(k.current=!1,A.current=!1,T(!1),x(0),D(`idle`))},[p,f,M]),P=(0,c.useCallback)(async()=>{if(!k.current)return;let t=b>=f;if(k.current=!1,A.current=!1,T(!1),t&&!M){C(!0),D(`refreshing`),x(f);try{await e()}finally{clearTimeout(j.current),j.current=setTimeout(()=>{C(!1),d===void 0&&(D(`idle`),x(0))},50)}}else M||(x(0),D(`idle`))},[b,f,M,e,d]),F=e=>{e.currentTarget.scrollTop>0||M||(O.current=`touches`in e?e.touches[0].clientY:e.clientY,k.current=!0,A.current=!0,T(!0))};(0,c.useEffect)(()=>{if(!w)return;let e=e=>N(e),t=()=>P();return window.addEventListener(`mousemove`,e,{passive:!1}),window.addEventListener(`mouseup`,t),window.addEventListener(`touchmove`,e,{passive:!1}),window.addEventListener(`touchend`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t),window.removeEventListener(`touchmove`,e),window.removeEventListener(`touchend`,t)}},[w,N,P]);let I=h?t.Root:`div`;return(0,u.jsxs)(`div`,{className:(0,l.default)(`wim-pull-to-refresh`,s.default.container,g),role:`none`,onTouchStart:F,onMouseDown:F,..._,children:[(0,u.jsx)(`div`,{className:(0,l.default)(s.default.indicator,s.default[E]),style:{height:b,opacity:+(b>0),transition:w?`none`:`all 0.3s cubic-bezier(0.16, 1, 0.3, 1)`},children:(0,u.jsxs)(`div`,{className:s.default.indicatorContent,children:[E===`refreshing`?(0,u.jsx)(o.Icon,{component:a.default,spin:!0,className:s.default.spinner}):(0,u.jsx)(o.Icon,{component:i.default,className:(0,l.default)(s.default.arrow,E===`releasing`&&s.default.rotate)}),(0,u.jsx)(`span`,{className:s.default.text,children:y(E===`refreshing`?`pullToRefresh.loading`:E===`releasing`?`pullToRefresh.release`:`pullToRefresh.pull`)})]})}),(0,u.jsx)(I,{ref:v,className:s.default.content,children:m})]})});d.displayName=`PullToRefresh`,exports.PullToRefresh=d;