wimui 0.51.1 → 0.52.0

package/dist/components/form/Transfer/Transfer.js

@@ -3,138 +3,139 @@ import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
 import { VisuallyHidden as t } from "../../layout/VisuallyHidden/VisuallyHidden.js";
 import { Button as n } from "../Button/Button.js";
 import { BaseListItem as r } from "../../_internal/BaseListItem/BaseListItem.js";
-import { FieldTemplate as i } from "../FieldTemplate/FieldTemplate.js";
-import { Checkbox as a } from "../Checkbox/Checkbox.js";
-import { VirtualList as o } from "../../data-display/VirtualList/VirtualList.js";
-import s from "./transfer.module.js";
-import { useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
-import p from "classnames";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { formNs as i } from "../../../i18n/generated/form.js";
+import { FieldTemplate as a } from "../FieldTemplate/FieldTemplate.js";
+import { Checkbox as o } from "../Checkbox/Checkbox.js";
+import { VirtualList as s } from "../../data-display/VirtualList/VirtualList.js";
+import c from "./transfer.module.js";
+import { useEffect as l, useId as u, useMemo as d, useRef as f, useState as p } from "react";
+import m from "classnames";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/form/Transfer/Transfer.tsx
-var g = 36, _ = 50, v = ({ data: e, title: t, listType: n, id: i, disabled: l, selectedKeys: u, focusedKey: v, setFocusedKey: y, onSelect: b, onSelectAll: x, onKeyDown: S, labels: C = {}, className: w }) => {
-	let { noData: T = "No Data" } = C, E = d(null), D = d(null), [O, k] = f(0);
-	c(() => {
-		let e = E.current;
+var _ = 36, v = 50, y = ({ data: t, title: n, listType: a, id: u, disabled: d, selectedKeys: y, focusedKey: b, setFocusedKey: x, onSelect: S, onSelectAll: C, onKeyDown: w, labels: T = {}, className: E }) => {
+	let { t: D } = e(i), { noData: O = D("transfer.no_data") } = T, k = f(null), A = f(null), [j, M] = p(0);
+	l(() => {
+		let e = k.current;
 		if (!e) return;
 		let t = new ResizeObserver(([e]) => {
-			k(Math.floor(e.contentRect.height));
+			M(Math.floor(e.contentRect.height));
 		});
 		return t.observe(e), () => t.disconnect();
-	}, []), c(() => {
-		if (!v || !D.current || O === 0) return;
-		let t = e.findIndex((e) => e.key === v);
-		if (t === -1) return;
-		let n = D.current, r = t * g, i = r + g;
-		r < n.scrollTop ? n.scrollTop = r : i > n.scrollTop + O && (n.scrollTop = i - O);
+	}, []), l(() => {
+		if (!b || !A.current || j === 0) return;
+		let e = t.findIndex((e) => e.key === b);
+		if (e === -1) return;
+		let n = A.current, r = e * _, i = r + _;
+		r < n.scrollTop ? n.scrollTop = r : i > n.scrollTop + j && (n.scrollTop = i - j);
 	}, [
-		v,
-		e,
-		O
+		b,
+		t,
+		j
 	]);
-	let A = e.filter((e) => !e.disabled).map((e) => e.key), j = u.filter((e) => A.includes(e)), M = A.length > 0 && j.length === A.length, N = j.length > 0 && j.length < A.length, P = v && e.some((e) => e.key === v) ? `${i}-${n}-option-${v}` : void 0, F = e.length >= _ && O > 0, I = (t, a) => /* @__PURE__ */ m(r, {
-		id: `${i}-${n}-option-${t.key}`,
-		className: p(s.item, v === t.key && s.active),
-		disabled: l || t.disabled,
-		active: v === t.key,
+	let N = t.filter((e) => !e.disabled).map((e) => e.key), P = y.filter((e) => N.includes(e)), F = N.length > 0 && P.length === N.length, I = P.length > 0 && P.length < N.length, L = b && t.some((e) => e.key === b) ? `${u}-${a}-option-${b}` : void 0, R = t.length >= v && j > 0, z = (e, n) => /* @__PURE__ */ h(r, {
+		id: `${u}-${a}-option-${e.key}`,
+		className: m(c.item, b === e.key && c.active),
+		disabled: d || e.disabled,
+		active: b === e.key,
 		onClick: () => {
-			t.disabled || (y(t.key), b(t.key));
+			e.disabled || (x(e.key), S(e.key));
 		},
 		role: "option",
-		"aria-selected": u.includes(t.key),
-		"aria-disabled": l || t.disabled,
-		"aria-setsize": F ? e.length : void 0,
-		"aria-posinset": F ? a + 1 : void 0,
-		icon: /* @__PURE__ */ m("div", {
-			className: p(s.checkboxVisual, u.includes(t.key) && s.checked, (l || t.disabled) && s.disabled),
+		"aria-selected": y.includes(e.key),
+		"aria-disabled": d || e.disabled,
+		"aria-setsize": R ? t.length : void 0,
+		"aria-posinset": R ? n + 1 : void 0,
+		icon: /* @__PURE__ */ h("div", {
+			className: m(c.checkboxVisual, y.includes(e.key) && c.checked, (d || e.disabled) && c.disabled),
 			"aria-hidden": "true"
 		}),
-		children: t.title
-	}, t.key), L = typeof t == "string" ? t : "";
-	return /* @__PURE__ */ h("div", {
-		className: p(s.list, w),
-		children: [/* @__PURE__ */ h("div", {
-			className: s.header,
-			children: [/* @__PURE__ */ m(a, {
-				checked: M,
-				indeterminate: N,
-				onChange: () => x(A, n),
-				disabled: l || A.length === 0,
-				children: /* @__PURE__ */ m("span", {
-					className: s.headerTitle,
-					title: L,
-					children: t
+		children: e.title
+	}, e.key), B = typeof n == "string" ? n : "";
+	return /* @__PURE__ */ g("div", {
+		className: m(c.list, E),
+		children: [/* @__PURE__ */ g("div", {
+			className: c.header,
+			children: [/* @__PURE__ */ h(o, {
+				checked: F,
+				indeterminate: I,
+				onChange: () => C(N, a),
+				disabled: d || N.length === 0,
+				children: /* @__PURE__ */ h("span", {
+					className: c.headerTitle,
+					title: B,
+					children: n
 				})
-			}), /* @__PURE__ */ h("span", {
-				className: s.headerCount,
+			}), /* @__PURE__ */ g("span", {
+				className: c.headerCount,
 				children: [
-					j.length,
+					P.length,
 					"/",
-					e.length
+					t.length
 				]
 			})]
-		}), /* @__PURE__ */ m("div", {
-			ref: E,
-			className: s.body,
-			role: e.length > 0 ? "listbox" : "group",
-			"aria-multiselectable": e.length > 0 ? "true" : void 0,
-			"aria-label": L,
-			"aria-activedescendant": e.length > 0 ? P : void 0,
-			"aria-disabled": l || void 0,
-			tabIndex: e.length === 0 ? -1 : 0,
-			onKeyDown: (t) => S(t, n, e),
+		}), /* @__PURE__ */ h("div", {
+			ref: k,
+			className: c.body,
+			role: t.length > 0 ? "listbox" : "group",
+			"aria-multiselectable": t.length > 0 ? "true" : void 0,
+			"aria-label": B,
+			"aria-activedescendant": t.length > 0 ? L : void 0,
+			"aria-disabled": d || void 0,
+			tabIndex: t.length === 0 ? -1 : 0,
+			onKeyDown: (e) => w(e, a, t),
 			onFocus: () => {
-				if (!v) {
-					let t = e.find((e) => !e.disabled);
-					t && y(t.key);
+				if (!b) {
+					let e = t.find((e) => !e.disabled);
+					e && x(e.key);
 				}
 			},
-			style: F ? {
+			style: R ? {
 				overflow: "hidden",
 				padding: 0
 			} : void 0,
-			children: e.length === 0 ? /* @__PURE__ */ m("div", {
-				className: s.empty,
+			children: t.length === 0 ? /* @__PURE__ */ h("div", {
+				className: c.empty,
 				"aria-live": "polite",
-				children: T
-			}) : F ? /* @__PURE__ */ m(o, {
-				items: e,
-				itemHeight: g,
-				height: O,
-				renderItem: I,
+				children: O
+			}) : R ? /* @__PURE__ */ h(s, {
+				items: t,
+				itemHeight: _,
+				height: j,
+				renderItem: z,
 				itemRole: "none",
-				ref: D,
+				ref: A,
 				role: "presentation"
-			}) : e.map((e, t) => I(e, t))
+			}) : t.map((e, t) => z(e, t))
 		})]
 	});
-}, y = ({ dataSource: r = [], targetKeys: a, onChange: o, titles: c = ["Source", "Target"], className: g, style: _, disabled: y = !1, label: b, error: x, required: S, layout: C = "vertical", labels: w = {} }) => {
-	let { t: T } = e("form"), { moveToTarget: E = T("transfer.move_to_target"), moveToSource: D = T("transfer.move_to_source"), statusMovedToTarget: O = (e) => T("transfer.status_moved_to_target", { count: e }), statusMovedToSource: k = (e) => T("transfer.status_moved_to_source", { count: e }) } = w, [A, j] = f([]), [M, N] = f(a || []), P = `wim-transfer-${l()}`, F = b ? `${P}-label` : void 0, I = x ? `${P}-error` : void 0, L = a !== void 0 && !!o, R = L ? a : M, z = u(() => r.filter((e) => !R.includes(e.key)), [r, R]), B = u(() => r.filter((e) => R.includes(e.key)), [r, R]), [V, H] = f(null), [U, W] = f(null), [G, K] = f(""), q = d(null);
-	V && !z.some((e) => e.key === V) && H(null), U && !B.some((e) => e.key === U) && W(null);
-	let J = (e) => {
-		y || j((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, Y = (e, t) => {
-		if (y) return;
+}, b = ({ dataSource: r = [], targetKeys: o, onChange: s, titles: l, className: _, style: v, disabled: b = !1, label: x, error: S, required: C, layout: w = "vertical", labels: T = {} }) => {
+	let { t: E } = e(i), D = l ?? [E("transfer.source"), E("transfer.target")], { moveToTarget: O = E("transfer.move_to_target"), moveToSource: k = E("transfer.move_to_source"), statusMovedToTarget: A = (e) => E("transfer.status_moved_to_target", { count: e }), statusMovedToSource: j = (e) => E("transfer.status_moved_to_source", { count: e }) } = T, [M, N] = p([]), [P, F] = p(o || []), I = `wim-transfer-${u()}`, L = x ? `${I}-label` : void 0, R = S ? `${I}-error` : void 0, z = o !== void 0 && !!s, B = z ? o : P, V = d(() => r.filter((e) => !B.includes(e.key)), [r, B]), H = d(() => r.filter((e) => B.includes(e.key)), [r, B]), [U, W] = p(null), [G, K] = p(null), [ee, q] = p(""), J = f(null);
+	U && !V.some((e) => e.key === U) && W(null), G && !H.some((e) => e.key === G) && K(null);
+	let Y = (e) => {
+		b || N((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, X = (e, t) => {
+		if (b) return;
 		let n = e;
-		n.every((e) => A.includes(e)) ? j((e) => e.filter((e) => !n.includes(e))) : j((e) => [.../* @__PURE__ */ new Set([...e, ...n])]);
-	}, X = (e) => {
-		if (y) return;
-		let t = e === "toRight" ? z.map((e) => e.key) : B.map((e) => e.key), n = A.filter((e) => t.includes(e));
+		n.every((e) => M.includes(e)) ? N((e) => e.filter((e) => !n.includes(e))) : N((e) => [.../* @__PURE__ */ new Set([...e, ...n])]);
+	}, Z = (e) => {
+		if (b) return;
+		let t = e === "toRight" ? V.map((e) => e.key) : H.map((e) => e.key), n = M.filter((e) => t.includes(e));
 		if (n.length === 0) return;
-		let r = e === "toRight" ? [...R, ...n] : R.filter((e) => !n.includes(e));
-		L || N(r), o && o(r, e, n), j((e) => e.filter((e) => !n.includes(e)));
-		let i = e === "toRight" ? O(n.length) : k(n.length);
-		q.current && clearTimeout(q.current), K(""), q.current = setTimeout(() => K(i), 50);
-	}, Z = (e, t, n) => {
+		let r = e === "toRight" ? [...B, ...n] : B.filter((e) => !n.includes(e));
+		z || F(r), s && s(r, e, n), N((e) => e.filter((e) => !n.includes(e)));
+		let i = e === "toRight" ? A(n.length) : j(n.length);
+		J.current && clearTimeout(J.current), q(""), J.current = setTimeout(() => q(i), 50);
+	}, Q = (e, t, n) => {
 		let r = e.filter((e) => !e.disabled);
 		if (r.length === 0) return null;
 		if (t === null) return n === 1 ? r[0].key : r[r.length - 1].key;
 		let i = r.findIndex((e) => e.key === t);
 		return i === -1 ? r[0].key : r[(i + n + r.length) % r.length].key;
-	}, Q = (e, t, n) => {
-		if (y) return;
-		let r = t === "source" ? V : U, i = t === "source" ? H : W;
-		if (e.key === "ArrowDown") e.preventDefault(), i(Z(n, r, 1));
-		else if (e.key === "ArrowUp") e.preventDefault(), i(Z(n, r, -1));
+	}, $ = (e, t, n) => {
+		if (b) return;
+		let r = t === "source" ? U : G, i = t === "source" ? W : K;
+		if (e.key === "ArrowDown") e.preventDefault(), i(Q(n, r, 1));
+		else if (e.key === "ArrowUp") e.preventDefault(), i(Q(n, r, -1));
 		else if (e.key === "Home") {
 			e.preventDefault();
 			let t = n.find((e) => !e.disabled);
@@ -146,79 +147,79 @@ var g = 36, _ = 50, v = ({ data: e, title: t, listType: n, id: i, disabled: l, s
 		} else if (e.key === " ") {
 			e.preventDefault();
 			let t = n.find((e) => e.key === r);
-			t && !t.disabled && J(t.key);
-		} else e.key === "Enter" && (e.preventDefault(), X(t === "source" ? "toRight" : "toLeft"));
-	}, $ = A.filter((e) => z.some((t) => t.key === e)).length === 0, ee = A.filter((e) => B.some((t) => t.key === e)).length === 0;
-	return /* @__PURE__ */ m(i, {
-		label: b,
-		error: x,
-		required: S,
-		layout: C,
-		labelId: F,
-		errorId: I,
-		className: g,
-		children: /* @__PURE__ */ h("div", {
-			className: p(s.container, "wim-transfer"),
-			children: [/* @__PURE__ */ m(t, {
+			t && !t.disabled && Y(t.key);
+		} else e.key === "Enter" && (e.preventDefault(), Z(t === "source" ? "toRight" : "toLeft"));
+	}, te = M.filter((e) => V.some((t) => t.key === e)).length === 0, ne = M.filter((e) => H.some((t) => t.key === e)).length === 0;
+	return /* @__PURE__ */ h(a, {
+		label: x,
+		error: S,
+		required: C,
+		layout: w,
+		labelId: L,
+		errorId: R,
+		className: _,
+		children: /* @__PURE__ */ g("div", {
+			className: m(c.container, "wim-transfer"),
+			children: [/* @__PURE__ */ h(t, {
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				children: G
-			}), /* @__PURE__ */ h("div", {
-				className: p(s.root, y && s.disabled),
-				style: _,
+				children: ee
+			}), /* @__PURE__ */ g("div", {
+				className: m(c.root, b && c.disabled),
+				style: v,
 				role: "group",
-				"aria-labelledby": b ? F : void 0,
-				"aria-describedby": I,
+				"aria-labelledby": x ? L : void 0,
+				"aria-describedby": R,
 				children: [
-					/* @__PURE__ */ m(v, {
+					/* @__PURE__ */ h(y, {
 						className: "wim-transfer__list",
-						data: z,
-						title: c[0],
+						data: V,
+						title: D[0],
 						listType: "source",
-						id: P,
-						disabled: y,
-						selectedKeys: A,
-						focusedKey: V,
-						setFocusedKey: H,
-						onSelect: J,
-						onSelectAll: Y,
-						onKeyDown: Q,
-						labels: w
+						id: I,
+						disabled: b,
+						selectedKeys: M,
+						focusedKey: U,
+						setFocusedKey: W,
+						onSelect: Y,
+						onSelectAll: X,
+						onKeyDown: $,
+						labels: T
 					}),
-					/* @__PURE__ */ h("div", {
-						className: p(s.operation, "wim-transfer__operation"),
-						children: [/* @__PURE__ */ m(n, {
+					/* @__PURE__ */ g("div", {
+						className: m(c.operation, "wim-transfer__operation"),
+						children: [/* @__PURE__ */ h(n, {
 							variant: "outline",
 							size: "sm",
-							className: s.button,
-							onClick: () => X("toRight"),
-							disabled: y || $,
+							className: c.button,
+							onClick: () => Z("toRight"),
+							disabled: b || te,
 							icon: "ChevronRightIcon",
-							"aria-label": E
-						}), /* @__PURE__ */ m(n, {
+							"aria-label": O
+						}), /* @__PURE__ */ h(n, {
 							variant: "outline",
 							size: "sm",
-							className: s.button,
-							onClick: () => X("toLeft"),
-							disabled: y || ee,
+							className: c.button,
+							onClick: () => Z("toLeft"),
+							disabled: b || ne,
 							icon: "ChevronLeftIcon",
-							"aria-label": D
+							"aria-label": k
 						})]
 					}),
-					/* @__PURE__ */ m(v, {
+					/* @__PURE__ */ h(y, {
 						className: "wim-transfer__list",
-						data: B,
-						title: c[1],
+						data: H,
+						title: D[1],
 						listType: "target",
-						id: P,
-						disabled: y,
-						selectedKeys: A,
-						focusedKey: U,
-						setFocusedKey: W,
-						onSelect: J,
-						onSelectAll: Y,
-						onKeyDown: Q,
-						labels: w
+						id: I,
+						disabled: b,
+						selectedKeys: M,
+						focusedKey: G,
+						setFocusedKey: K,
+						onSelect: Y,
+						onSelectAll: X,
+						onKeyDown: $,
+						labels: T
 					})
 				]
 			})]
@@ -226,4 +227,4 @@ var g = 36, _ = 50, v = ({ data: e, title: t, listType: n, id: i, disabled: l, s
 	});
 };
 //#endregion
-export { y as Transfer };
+export { b as Transfer };

package/dist/components/form/Transfer/transfer.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_1ag4c_342`,t=`_root_1ag4c_351`,n=`_list_1ag4c_370`,r=`_header_1ag4c_398`,i=`_headerTitle_1ag4c_413`,a=`_disabled_1ag4c_419`,o=`_headerCount_1ag4c_428`,s=`_body_1ag4c_438`,c=`_itemList_1ag4c_478`,l=`_item_1ag4c_478`,u=`_checkboxVisual_1ag4c_490`,d=`_checked_1ag4c_516`,f=`_active_1ag4c_532`,p=`_operation_1ag4c_544`,m=`_button_1ag4c_556`,h=`_empty_1ag4c_563`,g={"wim-docs-container":`_wim-docs-container_1ag4c_87`,"wim-t":`_wim-t_1ag4c_290`,"react-flow":`_react-flow_1ag4c_313`,"react-flow__edges":`_react-flow__edges_1ag4c_314`,"react-flow__connectionline":`_react-flow__connectionline_1ag4c_315`,container:e,root:t,list:n,header:r,headerTitle:i,disabled:a,headerCount:o,body:s,itemList:c,item:l,checkboxVisual:u,checked:d,active:f,operation:p,button:m,empty:h};exports.active=f,exports.body=s,exports.button=m,exports.checkboxVisual=u,exports.checked=d,exports.container=e,exports.default=g,exports.disabled=a,exports.empty=h,exports.header=r,exports.headerCount=o,exports.headerTitle=i,exports.item=l,exports.itemList=c,exports.list=n,exports.operation=p,exports.root=t;
+var e=`_container_1cnlw_342`,t=`_root_1cnlw_351`,n=`_list_1cnlw_370`,r=`_header_1cnlw_398`,i=`_headerTitle_1cnlw_413`,a=`_disabled_1cnlw_419`,o=`_headerCount_1cnlw_428`,s=`_body_1cnlw_438`,c=`_itemList_1cnlw_478`,l=`_item_1cnlw_478`,u=`_checkboxVisual_1cnlw_490`,d=`_checked_1cnlw_516`,f=`_active_1cnlw_532`,p=`_operation_1cnlw_544`,m=`_button_1cnlw_556`,h=`_empty_1cnlw_563`,g={"wim-docs-container":`_wim-docs-container_1cnlw_87`,"wim-t":`_wim-t_1cnlw_290`,"react-flow":`_react-flow_1cnlw_313`,"react-flow__edges":`_react-flow__edges_1cnlw_314`,"react-flow__connectionline":`_react-flow__connectionline_1cnlw_315`,container:e,root:t,list:n,header:r,headerTitle:i,disabled:a,headerCount:o,body:s,itemList:c,item:l,checkboxVisual:u,checked:d,active:f,operation:p,button:m,empty:h};exports.active=f,exports.body=s,exports.button=m,exports.checkboxVisual=u,exports.checked=d,exports.container=e,exports.default=g,exports.disabled=a,exports.empty=h,exports.header=r,exports.headerCount=o,exports.headerTitle=i,exports.item=l,exports.itemList=c,exports.list=n,exports.operation=p,exports.root=t;

package/dist/components/form/Transfer/transfer.module.js

@@ -1,11 +1,11 @@
 "use client";
 //#region src/components/form/Transfer/transfer.module.scss
-var e = "_container_1ag4c_342", t = "_root_1ag4c_351", n = "_list_1ag4c_370", r = "_header_1ag4c_398", i = "_headerTitle_1ag4c_413", a = "_disabled_1ag4c_419", o = "_headerCount_1ag4c_428", s = "_body_1ag4c_438", c = "_itemList_1ag4c_478", l = "_item_1ag4c_478", u = "_checkboxVisual_1ag4c_490", d = "_checked_1ag4c_516", f = "_active_1ag4c_532", p = "_operation_1ag4c_544", m = "_button_1ag4c_556", h = "_empty_1ag4c_563", g = {
-	"wim-docs-container": "_wim-docs-container_1ag4c_87",
-	"wim-t": "_wim-t_1ag4c_290",
-	"react-flow": "_react-flow_1ag4c_313",
-	"react-flow__edges": "_react-flow__edges_1ag4c_314",
-	"react-flow__connectionline": "_react-flow__connectionline_1ag4c_315",
+var e = "_container_1cnlw_342", t = "_root_1cnlw_351", n = "_list_1cnlw_370", r = "_header_1cnlw_398", i = "_headerTitle_1cnlw_413", a = "_disabled_1cnlw_419", o = "_headerCount_1cnlw_428", s = "_body_1cnlw_438", c = "_itemList_1cnlw_478", l = "_item_1cnlw_478", u = "_checkboxVisual_1cnlw_490", d = "_checked_1cnlw_516", f = "_active_1cnlw_532", p = "_operation_1cnlw_544", m = "_button_1cnlw_556", h = "_empty_1cnlw_563", g = {
+	"wim-docs-container": "_wim-docs-container_1cnlw_87",
+	"wim-t": "_wim-t_1cnlw_290",
+	"react-flow": "_react-flow_1cnlw_313",
+	"react-flow__edges": "_react-flow__edges_1cnlw_314",
+	"react-flow__connectionline": "_react-flow__connectionline_1cnlw_315",
 	container: e,
 	root: t,
 	list: n,

package/dist/components/form/TreeSelect/TreeSelect.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("../../layout/Transition/Transition.cjs"),ee=require("../../overlay/FocusTrap/FocusTrap.cjs"),r=require("../../../hooks/useMergedRef.cjs"),i=require("../InputBase/InputBase.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),te=require("../../data-display/TreeView/TreeView.cjs"),o=require("./tree-select.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");function u(e){return e.map(e=>({value:e.value,label:e.label,disabled:e.disabled,icon:e.icon,children:e.children?u(e.children):void 0}))}var d=(0,s.forwardRef)(({treeData:e=[],value:d,onChange:f,placeholder:p,label:m,error:h,required:g,layout:_,className:v,disabled:y=!1,multiple:b=!1,searchable:x=!1,defaultExpandedKeys:S=[],allowClear:C=!1,checkStrategy:w=`cascade`,id:T,width:E,fullWidth:D=!1,asChild:O=!1,children:ne,...re},ie)=>{let ae=(0,s.useId)(),k=T||`wim-tree-select-${ae}`,A=m?`${k}-label`:void 0,j=h?`${k}-error`:void 0,M=`${k}-trigger`,N=`${k}-dropdown`,[P,F]=(0,s.useState)(!1),[I,L]=(0,s.useState)(b?[]:``),R=(0,s.useRef)(null),z=(0,s.useRef)(null),B=d!==void 0,V=B?d:I;(0,s.useEffect)(()=>{let e=e=>{R.current&&!R.current.contains(e.target)&&F(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,s.useEffect)(()=>{if(P){let e=setTimeout(()=>{let e=R.current?.querySelector(`[data-testid="tree-view-search-input"]`);e?e.focus():(R.current?.querySelector(`[data-testid="tree-view-root"]`))?.focus()},100);return()=>clearTimeout(e)}},[P]);let H=()=>{if(!y){let e=!P;F(e),e||z.current?.focus()}},U=e=>{if(!y){if(!P){(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),F(!0));return}e.key===`Escape`&&(e.preventDefault(),F(!1),z.current?.focus())}},W=(0,s.useMemo)(()=>{let t={},n=e=>{e.forEach(e=>{t[e.value]=e,e.children&&n(e.children)})};return n(e),t},[e]),G=()=>{if(b){let e=Array.isArray(V)?V:[];return e.length===0?null:e.map(e=>W[e]?W[e].label:e).reduce((e,t)=>[e,`, `,t])}{let e=V;return e?W[e]?W[e].label:e:null}},K=e=>{let t;b?t=e:(t=e[0]||``,F(!1),z.current?.focus()),B||L(t),f&&f(t)},q=()=>{if(y)return;let e=b?[]:``;B||L(e),f&&f(e)},oe=(0,s.useMemo)(()=>u(e),[e]),J=(0,s.useMemo)(()=>b?Array.isArray(V)?V:[]:V?[V]:[],[V,b]),Y=G(),{"aria-label":X,"aria-labelledby":Z,"aria-describedby":se,...ce}=re,Q=typeof p==`string`?p:`Select`,le=O?t.Root:`div`,$=r.useMergedRef(R,ie);return(0,l.jsx)(a.FieldTemplate,{label:m,error:h,required:g,layout:_,labelId:A,errorId:j,className:(0,c.default)(o.default.container,v),children:(0,l.jsxs)(le,{className:(0,c.default)(`wim-tree-select`,o.default.root,D&&o.default.fullWidth),ref:$,...ce,children:[(0,l.jsx)(t.Slottable,{children:ne}),(0,l.jsx)(i.InputBase,{disabled:y,allowClear:C,hasValue:!!Y,onClear:q,intent:h?`danger`:`default`,width:E,fullWidth:D,rightIcons:[{name:`ChevronDownIcon`,rotated:P,onClick:H,decorative:!0}],className:(0,c.default)(P&&o.default.open),children:(0,l.jsx)(`div`,{id:M,className:(0,c.default)(o.default.trigger,y&&o.default.disabled),onClick:H,onKeyDown:U,tabIndex:y?-1:0,role:`combobox`,"aria-expanded":P,"aria-haspopup":`tree`,"aria-controls":P?N:void 0,"aria-disabled":y,"aria-labelledby":A||Z,"aria-label":m?void 0:X||Q,"aria-describedby":j||se,"aria-required":g,"aria-invalid":!!h,ref:z,children:(0,l.jsx)(`div`,{className:(0,c.default)(o.default.value,!Y&&o.default.placeholder),children:Y||p})})}),(0,l.jsx)(n.Transition,{show:P&&!y,preset:`fade`,className:o.default.dropdown,children:(0,l.jsx)(`div`,{id:N,children:(0,l.jsx)(ee.FocusTrap,{active:P,initialFocus:!1,children:(0,l.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":A||Z,"aria-label":m?void 0:X||Q,onKeyDown:e=>{e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),F(!1),z.current?.focus())},children:(0,l.jsx)(te.TreeView,{multiSelect:b,defaultSelectedValues:J,defaultCheckedValues:b?J:[],nodes:oe,onCheckedChange:K,onSelectedChange:K,checkable:b,checkStrategy:w,searchable:x,defaultExpandedValues:S,styles:{root:o.default.treeView,item:o.default.treeViewItem,search:o.default.treeViewSearch}})})})})})]})})});d.displayName=`TreeSelect`,exports.TreeSelect=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),ee=require("../../layout/Transition/Transition.cjs"),r=require("../../overlay/FocusTrap/FocusTrap.cjs"),i=require("../InputBase/InputBase.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),te=require("../../data-display/TreeView/TreeView.cjs"),o=require("./tree-select.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");function u(e){return e.map(e=>({value:e.value,label:e.label,disabled:e.disabled,icon:e.icon,children:e.children?u(e.children):void 0}))}var d=(0,s.forwardRef)(({treeData:e=[],value:d,onChange:f,placeholder:p,label:m,error:h,required:g,layout:_,className:v,disabled:y=!1,multiple:b=!1,searchable:x=!1,defaultExpandedKeys:S=[],allowClear:C=!1,checkStrategy:w=`cascade`,id:T,width:E,fullWidth:D=!1,asChild:O=!1,children:ne,...re},ie)=>{let ae=(0,s.useId)(),k=T||`wim-tree-select-${ae}`,A=m?`${k}-label`:void 0,j=h?`${k}-error`:void 0,M=`${k}-trigger`,N=`${k}-dropdown`,[P,F]=(0,s.useState)(!1),[I,L]=(0,s.useState)(b?[]:``),R=(0,s.useRef)(null),z=(0,s.useRef)(null),B=d!==void 0,V=B?d:I;(0,s.useEffect)(()=>{let e=e=>{R.current&&!R.current.contains(e.target)&&F(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,s.useEffect)(()=>{if(P){let e=setTimeout(()=>{let e=R.current?.querySelector(`[data-testid="tree-view-search-input"]`);e?e.focus():(R.current?.querySelector(`[data-testid="tree-view-root"]`))?.focus()},100);return()=>clearTimeout(e)}},[P]);let H=()=>{if(!y){let e=!P;F(e),e||z.current?.focus()}},U=e=>{if(!y){if(!P){(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),F(!0));return}e.key===`Escape`&&(e.preventDefault(),F(!1),z.current?.focus())}},W=(0,s.useMemo)(()=>{let t={},n=e=>{e.forEach(e=>{t[e.value]=e,e.children&&n(e.children)})};return n(e),t},[e]),G=()=>{if(b){let e=Array.isArray(V)?V:[];return e.length===0?null:e.map(e=>W[e]?W[e].label:e).reduce((e,t)=>[e,`, `,t])}{let e=V;return e?W[e]?W[e].label:e:null}},K=e=>{let t;b?t=e:(t=e[0]||``,F(!1),z.current?.focus()),B||L(t),f&&f(t)},q=()=>{if(y)return;let e=b?[]:``;B||L(e),f&&f(e)},oe=(0,s.useMemo)(()=>u(e),[e]),J=(0,s.useMemo)(()=>b?Array.isArray(V)?V:[]:V?[V]:[],[V,b]),Y=G(),{"aria-label":X,"aria-labelledby":Z,"aria-describedby":se,...ce}=re,Q=typeof p==`string`?p:`Select`,le=O?t.Root:`div`,$=n.useMergedRef(R,ie);return(0,l.jsx)(a.FieldTemplate,{label:m,error:h,required:g,layout:_,labelId:A,errorId:j,className:(0,c.default)(o.default.container,v),children:(0,l.jsxs)(le,{className:(0,c.default)(`wim-tree-select`,o.default.root,D&&o.default.fullWidth),ref:$,...ce,children:[(0,l.jsx)(t.Slottable,{children:ne}),(0,l.jsx)(i.InputBase,{disabled:y,allowClear:C,hasValue:!!Y,onClear:q,intent:h?`danger`:`default`,width:E,fullWidth:D,rightIcons:[{name:`ChevronDownIcon`,rotated:P,onClick:H,decorative:!0}],className:(0,c.default)(P&&o.default.open),children:(0,l.jsx)(`div`,{id:M,className:(0,c.default)(o.default.trigger,y&&o.default.disabled),onClick:H,onKeyDown:U,tabIndex:y?-1:0,role:`combobox`,"aria-expanded":P,"aria-haspopup":`tree`,"aria-controls":P?N:void 0,"aria-disabled":y,"aria-labelledby":A||Z,"aria-label":m?void 0:X||Q,"aria-describedby":j||se,"aria-required":g,"aria-invalid":!!h,ref:z,children:(0,l.jsx)(`div`,{className:(0,c.default)(o.default.value,!Y&&o.default.placeholder),children:Y||p})})}),(0,l.jsx)(ee.Transition,{show:P&&!y,preset:`fade`,className:o.default.dropdown,children:(0,l.jsx)(`div`,{id:N,children:(0,l.jsx)(r.FocusTrap,{active:P,initialFocus:!1,children:(0,l.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":A||Z,"aria-label":m?void 0:X||Q,onKeyDown:e=>{e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),F(!1),z.current?.focus())},children:(0,l.jsx)(te.TreeView,{multiSelect:b,defaultSelectedValues:J,defaultCheckedValues:b?J:[],nodes:oe,onCheckedChange:K,onSelectedChange:K,checkable:b,checkStrategy:w,searchable:x,defaultExpandedValues:S,styles:{root:o.default.treeView,item:o.default.treeViewItem,search:o.default.treeViewSearch}})})})})})]})})});d.displayName=`TreeSelect`,exports.TreeSelect=d;

package/dist/components/form/TreeSelect/TreeSelect.js

@@ -1,8 +1,8 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { Transition as n } from "../../layout/Transition/Transition.js";
-import { FocusTrap as ee } from "../../overlay/FocusTrap/FocusTrap.js";
-import { useMergedRef as r } from "../../../hooks/useMergedRef.js";
+import { useMergedRef as n } from "../../../hooks/useMergedRef.js";
+import { Transition as ee } from "../../layout/Transition/Transition.js";
+import { FocusTrap as r } from "../../overlay/FocusTrap/FocusTrap.js";
 import { InputBase as i } from "../InputBase/InputBase.js";
 import { FieldTemplate as a } from "../FieldTemplate/FieldTemplate.js";
 import { TreeView as te } from "../../data-display/TreeView/TreeView.js";
@@ -76,7 +76,7 @@ var _ = s(({ treeData: s = [], value: _, onChange: v, placeholder: y, label: b,
 		if (T) return;
 		let e = E ? [] : "";
 		W || V(e), v && v(e);
-	}, de = u(() => g(s), [s]), Y = u(() => E ? Array.isArray(G) ? G : [] : G ? [G] : [], [G, E]), X = le(), { "aria-label": Z, "aria-labelledby": Q, "aria-describedby": fe, ...pe } = ae, $ = typeof y == "string" ? y : "Select", me = M ? e : "div", he = r(H, oe);
+	}, de = u(() => g(s), [s]), Y = u(() => E ? Array.isArray(G) ? G : [] : G ? [G] : [], [G, E]), X = le(), { "aria-label": Z, "aria-labelledby": Q, "aria-describedby": fe, ...pe } = ae, $ = typeof y == "string" ? y : "Select", me = M ? e : "div", he = n(H, oe);
 	return /* @__PURE__ */ m(a, {
 		label: b,
 		error: x,
@@ -129,13 +129,13 @@ var _ = s(({ treeData: s = [], value: _, onChange: v, placeholder: y, label: b,
 						})
 					})
 				}),
-				/* @__PURE__ */ m(n, {
+				/* @__PURE__ */ m(ee, {
 					show: R && !T,
 					preset: "fade",
 					className: o.dropdown,
 					children: /* @__PURE__ */ m("div", {
 						id: L,
-						children: /* @__PURE__ */ m(ee, {
+						children: /* @__PURE__ */ m(r, {
 							active: R,
 							initialFocus: !1,
 							children: /* @__PURE__ */ m("div", {

package/dist/components/layout/Dashboard/Dashboard.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close.cjs"),r=require("../../../icon/edit.cjs"),i=require("../../../icon/plus.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../data-display/Card/Card.cjs"),s=require("../../form/Button/Button.cjs"),c=require("./dashboard.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");var f=(0,l.createContext)(null),p=()=>{let e=(0,l.useContext)(f);if(!e)throw Error(`Dashboard subcomponents must be used within Dashboard`);return e},m=l.default.forwardRef(({widgets:e,editable:n,defaultEditable:o=!1,onEditChange:p,onRemove:m,onAdd:g,columns:_=3,gap:v=`md`,showEditToggle:y,titleLevel:b=3,label:x,className:S,style:C,children:w,...T},E)=>{let{t:D}=t.useWimTranslation(`components`),O=n!==void 0,[k,A]=(0,l.useState)(o),j=O?n:k,M=(0,l.useCallback)(()=>{let e=!j;O||A(e),p?.(e)},[j,O,p]),N={"--dashboard-columns":_,...C},P=y??(n!==void 0||o||m!==void 0||g!==void 0),F=(0,l.useMemo)(()=>({editable:j??!1,onRemove:m,titleLevel:b}),[j,m,b]);return(0,d.jsx)(f.Provider,{value:F,children:(0,d.jsxs)(`div`,{ref:E,className:(0,u.default)(`wim-dashboard`,c.default.root,S),role:`group`,"aria-label":x??D(`dashboard_widget.label`),...T,children:[(x||P)&&(0,d.jsxs)(`div`,{className:c.default.header,children:[x&&(0,d.jsx)(`h2`,{className:c.default.heading,children:x}),P&&(0,d.jsx)(s.Button,{size:`sm`,variant:j?`solid`:`outline`,intent:`default`,className:void 0,onClick:M,"aria-pressed":j,"aria-label":D(j?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`),icon:(0,d.jsx)(a.Icon,{component:r.default,size:`sm`}),children:D(j?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`)})]}),(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.grid,c.default[`gap-${v}`]),style:N,role:`region`,"aria-label":D(`dashboard_widget.grid_label`),children:[e?e.map(e=>(0,d.jsx)(h,{widget:e},e.id)):w,j&&g&&(0,d.jsx)(s.Button,{asChild:!0,className:c.default.addButton,onClick:g,"aria-label":D(`dashboard_widget.add_widget`),children:(0,d.jsxs)(`button`,{type:`button`,children:[(0,d.jsx)(a.Icon,{component:i.default,size:`md`}),(0,d.jsx)(`span`,{children:D(`dashboard_widget.add_widget`)})]})})]})]})})});m.displayName=`Dashboard`;var h=({widget:e,className:r,...i})=>{let{editable:l,onRemove:f,titleLevel:m}=p(),h=`h${m}`,{t:g}=t.useWimTranslation(`components`),{id:_,title:v,description:y,content:b,span:x=1,rowSpan:S=1}=e;return(0,d.jsxs)(o.Card,{variant:`outline`,padding:`md`,radius:`md`,className:(0,u.default)(c.default.widget,c.default[`span-${x}`],c.default[`row-${S}`],{[c.default.editMode]:l},r),style:{"--widget-span":x,"--widget-row-span":S},...i,children:[(0,d.jsxs)(`div`,{className:c.default.widgetHeader,children:[(0,d.jsxs)(`div`,{className:c.default.widgetMeta,children:[(0,d.jsx)(h,{className:c.default.widgetTitle,children:v}),y&&(0,d.jsx)(`p`,{className:c.default.widgetDescription,children:y})]}),l&&f&&(0,d.jsx)(s.Button,{size:`sm`,variant:`ghost`,intent:`danger`,className:c.default.removeButton,onClick:()=>f(_),"aria-label":g(`dashboard_widget.remove_widget`,{title:v}),icon:(0,d.jsx)(a.Icon,{component:n.default,size:`sm`})})]}),(0,d.jsx)(`div`,{className:c.default.widgetContent,children:b})]})};h.displayName=`DashboardWidgetCard`,exports.Dashboard=m,exports.DashboardWidgetCard=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/components.cjs"),r=require("../../../icon/close.cjs"),i=require("../../../icon/edit.cjs"),a=require("../../../icon/plus.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../../data-display/Card/Card.cjs"),c=require("../../form/Button/Button.cjs"),l=require("./dashboard.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");var p=(0,u.createContext)(null),m=()=>{let e=(0,u.useContext)(p);if(!e)throw Error(`Dashboard subcomponents must be used within Dashboard`);return e},h=u.default.forwardRef(({widgets:e,editable:r,defaultEditable:s=!1,onEditChange:m,onRemove:h,onAdd:_,columns:v=3,gap:y=`md`,showEditToggle:b,titleLevel:x=3,label:S,className:C,style:w,children:T,...E},D)=>{let{t:O}=t.useWimTranslation(n.componentsNs),k=r!==void 0,[A,j]=(0,u.useState)(s),M=k?r:A,N=(0,u.useCallback)(()=>{let e=!M;k||j(e),m?.(e)},[M,k,m]),P={"--dashboard-columns":v,...w},F=b??(r!==void 0||s||h!==void 0||_!==void 0),I=(0,u.useMemo)(()=>({editable:M??!1,onRemove:h,titleLevel:x}),[M,h,x]);return(0,f.jsx)(p.Provider,{value:I,children:(0,f.jsxs)(`div`,{ref:D,className:(0,d.default)(`wim-dashboard`,l.default.root,C),role:`group`,"aria-label":S??O(`dashboard_widget.label`),...E,children:[(S||F)&&(0,f.jsxs)(`div`,{className:l.default.header,children:[S&&(0,f.jsx)(`h2`,{className:l.default.heading,children:S}),F&&(0,f.jsx)(c.Button,{size:`sm`,variant:M?`solid`:`outline`,intent:`default`,className:void 0,onClick:N,"aria-pressed":M,"aria-label":O(M?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`),icon:(0,f.jsx)(o.Icon,{component:i.default,size:`sm`}),children:O(M?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`)})]}),(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.grid,l.default[`gap-${y}`]),style:P,role:`region`,"aria-label":O(`dashboard_widget.grid_label`),children:[e?e.map(e=>(0,f.jsx)(g,{widget:e},e.id)):T,M&&_&&(0,f.jsx)(c.Button,{asChild:!0,className:l.default.addButton,onClick:_,"aria-label":O(`dashboard_widget.add_widget`),children:(0,f.jsxs)(`button`,{type:`button`,children:[(0,f.jsx)(o.Icon,{component:a.default,size:`md`}),(0,f.jsx)(`span`,{children:O(`dashboard_widget.add_widget`)})]})})]})]})})});h.displayName=`Dashboard`;var g=({widget:e,className:i,...a})=>{let{editable:u,onRemove:p,titleLevel:h}=m(),g=`h${h}`,{t:_}=t.useWimTranslation(n.componentsNs),{id:v,title:y,description:b,content:x,span:S=1,rowSpan:C=1}=e;return(0,f.jsxs)(s.Card,{variant:`outline`,padding:`md`,radius:`md`,className:(0,d.default)(l.default.widget,l.default[`span-${S}`],l.default[`row-${C}`],{[l.default.editMode]:u},i),style:{"--widget-span":S,"--widget-row-span":C},...a,children:[(0,f.jsxs)(`div`,{className:l.default.widgetHeader,children:[(0,f.jsxs)(`div`,{className:l.default.widgetMeta,children:[(0,f.jsx)(g,{className:l.default.widgetTitle,children:y}),b&&(0,f.jsx)(`p`,{className:l.default.widgetDescription,children:b})]}),u&&p&&(0,f.jsx)(c.Button,{size:`sm`,variant:`ghost`,intent:`danger`,className:l.default.removeButton,onClick:()=>p(v),"aria-label":_(`dashboard_widget.remove_widget`,{title:y}),icon:(0,f.jsx)(o.Icon,{component:r.default,size:`sm`})})]}),(0,f.jsx)(`div`,{className:l.default.widgetContent,children:x})]})};g.displayName=`DashboardWidgetCard`,exports.Dashboard=h,exports.DashboardWidgetCard=g;