wimui 0.51.2 → 0.52.2

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

@@ -3,126 +3,127 @@ 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: t, title: n, listType: i, id: l, disabled: u, selectedKeys: v, focusedKey: y, setFocusedKey: b, onSelect: x, onSelectAll: S, onKeyDown: C, labels: w = {}, className: T }) => {
-	let { t: E } = e("form"), { noData: D = E("transfer.no_data") } = w, O = d(null), k = d(null), [A, j] = f(0);
-	c(() => {
-		let e = O.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]) => {
-			j(Math.floor(e.contentRect.height));
+			M(Math.floor(e.contentRect.height));
 		});
 		return t.observe(e), () => t.disconnect();
-	}, []), c(() => {
-		if (!y || !k.current || A === 0) return;
-		let e = t.findIndex((e) => e.key === y);
+	}, []), l(() => {
+		if (!b || !A.current || j === 0) return;
+		let e = t.findIndex((e) => e.key === b);
 		if (e === -1) return;
-		let n = k.current, r = e * g, i = r + g;
-		r < n.scrollTop ? n.scrollTop = r : i > n.scrollTop + A && (n.scrollTop = i - A);
+		let n = A.current, r = e * _, i = r + _;
+		r < n.scrollTop ? n.scrollTop = r : i > n.scrollTop + j && (n.scrollTop = i - j);
 	}, [
-		y,
+		b,
 		t,
-		A
+		j
 	]);
-	let M = t.filter((e) => !e.disabled).map((e) => e.key), N = v.filter((e) => M.includes(e)), P = M.length > 0 && N.length === M.length, F = N.length > 0 && N.length < M.length, I = y && t.some((e) => e.key === y) ? `${l}-${i}-option-${y}` : void 0, L = t.length >= _ && A > 0, R = (e, n) => /* @__PURE__ */ m(r, {
-		id: `${l}-${i}-option-${e.key}`,
-		className: p(s.item, y === e.key && s.active),
-		disabled: u || e.disabled,
-		active: y === e.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: () => {
-			e.disabled || (b(e.key), x(e.key));
+			e.disabled || (x(e.key), S(e.key));
 		},
 		role: "option",
-		"aria-selected": v.includes(e.key),
-		"aria-disabled": u || e.disabled,
-		"aria-setsize": L ? t.length : void 0,
-		"aria-posinset": L ? n + 1 : void 0,
-		icon: /* @__PURE__ */ m("div", {
-			className: p(s.checkboxVisual, v.includes(e.key) && s.checked, (u || e.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: e.title
-	}, e.key), z = typeof n == "string" ? n : "";
-	return /* @__PURE__ */ h("div", {
-		className: p(s.list, T),
-		children: [/* @__PURE__ */ h("div", {
-			className: s.header,
-			children: [/* @__PURE__ */ m(a, {
-				checked: P,
-				indeterminate: F,
-				onChange: () => S(M, i),
-				disabled: u || M.length === 0,
-				children: /* @__PURE__ */ m("span", {
-					className: s.headerTitle,
-					title: z,
+	}, 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: [
-					N.length,
+					P.length,
 					"/",
 					t.length
 				]
 			})]
-		}), /* @__PURE__ */ m("div", {
-			ref: O,
-			className: s.body,
+		}), /* @__PURE__ */ h("div", {
+			ref: k,
+			className: c.body,
 			role: t.length > 0 ? "listbox" : "group",
 			"aria-multiselectable": t.length > 0 ? "true" : void 0,
-			"aria-label": z,
-			"aria-activedescendant": t.length > 0 ? I : void 0,
-			"aria-disabled": u || 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) => C(e, i, t),
+			onKeyDown: (e) => w(e, a, t),
 			onFocus: () => {
-				if (!y) {
+				if (!b) {
 					let e = t.find((e) => !e.disabled);
-					e && b(e.key);
+					e && x(e.key);
 				}
 			},
-			style: L ? {
+			style: R ? {
 				overflow: "hidden",
 				padding: 0
 			} : void 0,
-			children: t.length === 0 ? /* @__PURE__ */ m("div", {
-				className: s.empty,
+			children: t.length === 0 ? /* @__PURE__ */ h("div", {
+				className: c.empty,
 				"aria-live": "polite",
-				children: D
-			}) : L ? /* @__PURE__ */ m(o, {
+				children: O
+			}) : R ? /* @__PURE__ */ h(s, {
 				items: t,
-				itemHeight: g,
-				height: A,
-				renderItem: R,
+				itemHeight: _,
+				height: j,
+				renderItem: z,
 				itemRole: "none",
-				ref: k,
+				ref: A,
 				role: "presentation"
-			}) : t.map((e, t) => R(e, t))
+			}) : t.map((e, t) => z(e, t))
 		})]
 	});
-}, y = ({ dataSource: r = [], targetKeys: a, onChange: o, titles: c, className: g, style: _, disabled: y = !1, label: b, error: x, required: S, layout: C = "vertical", labels: w = {} }) => {
-	let { t: T } = e("form"), E = c ?? [T("transfer.source"), T("transfer.target")], { moveToTarget: D = T("transfer.move_to_target"), moveToSource: O = T("transfer.move_to_source"), statusMovedToTarget: k = (e) => T("transfer.status_moved_to_target", { count: e }), statusMovedToSource: A = (e) => T("transfer.status_moved_to_source", { count: e }) } = w, [j, M] = f([]), [N, P] = f(a || []), F = `wim-transfer-${l()}`, I = b ? `${F}-label` : void 0, L = x ? `${F}-error` : void 0, R = a !== void 0 && !!o, z = R ? a : N, B = u(() => r.filter((e) => !z.includes(e.key)), [r, z]), V = u(() => r.filter((e) => z.includes(e.key)), [r, z]), [H, U] = f(null), [W, G] = f(null), [K, q] = f(""), J = d(null);
-	H && !B.some((e) => e.key === H) && U(null), W && !V.some((e) => e.key === W) && G(null);
+}, 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) => {
-		y || M((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+		b || N((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 	}, X = (e, t) => {
-		if (y) return;
+		if (b) return;
 		let n = e;
-		n.every((e) => j.includes(e)) ? M((e) => e.filter((e) => !n.includes(e))) : M((e) => [.../* @__PURE__ */ new Set([...e, ...n])]);
+		n.every((e) => M.includes(e)) ? N((e) => e.filter((e) => !n.includes(e))) : N((e) => [.../* @__PURE__ */ new Set([...e, ...n])]);
 	}, Z = (e) => {
-		if (y) return;
-		let t = e === "toRight" ? B.map((e) => e.key) : V.map((e) => e.key), n = j.filter((e) => t.includes(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" ? [...z, ...n] : z.filter((e) => !n.includes(e));
-		R || P(r), o && o(r, e, n), M((e) => e.filter((e) => !n.includes(e)));
-		let i = e === "toRight" ? k(n.length) : A(n.length);
+		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);
@@ -131,8 +132,8 @@ var g = 36, _ = 50, v = ({ data: t, title: n, listType: i, id: l, disabled: u, s
 		let i = r.findIndex((e) => e.key === t);
 		return i === -1 ? r[0].key : r[(i + n + r.length) % r.length].key;
 	}, $ = (e, t, n) => {
-		if (y) return;
-		let r = t === "source" ? H : W, i = t === "source" ? U : G;
+		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") {
@@ -148,77 +149,77 @@ var g = 36, _ = 50, v = ({ data: t, title: n, listType: i, id: l, disabled: u, s
 			let t = n.find((e) => e.key === r);
 			t && !t.disabled && Y(t.key);
 		} else e.key === "Enter" && (e.preventDefault(), Z(t === "source" ? "toRight" : "toLeft"));
-	}, ee = j.filter((e) => B.some((t) => t.key === e)).length === 0, te = j.filter((e) => V.some((t) => t.key === e)).length === 0;
-	return /* @__PURE__ */ m(i, {
-		label: b,
-		error: x,
-		required: S,
-		layout: C,
-		labelId: I,
-		errorId: L,
-		className: g,
-		children: /* @__PURE__ */ h("div", {
-			className: p(s.container, "wim-transfer"),
-			children: [/* @__PURE__ */ m(t, {
+	}, 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: K
-			}), /* @__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 ? I : void 0,
-				"aria-describedby": L,
+				"aria-labelledby": x ? L : void 0,
+				"aria-describedby": R,
 				children: [
-					/* @__PURE__ */ m(v, {
+					/* @__PURE__ */ h(y, {
 						className: "wim-transfer__list",
-						data: B,
-						title: E[0],
+						data: V,
+						title: D[0],
 						listType: "source",
-						id: F,
-						disabled: y,
-						selectedKeys: j,
-						focusedKey: H,
-						setFocusedKey: U,
+						id: I,
+						disabled: b,
+						selectedKeys: M,
+						focusedKey: U,
+						setFocusedKey: W,
 						onSelect: Y,
 						onSelectAll: X,
 						onKeyDown: $,
-						labels: w
+						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,
+							className: c.button,
 							onClick: () => Z("toRight"),
-							disabled: y || ee,
+							disabled: b || te,
 							icon: "ChevronRightIcon",
-							"aria-label": D
-						}), /* @__PURE__ */ m(n, {
+							"aria-label": O
+						}), /* @__PURE__ */ h(n, {
 							variant: "outline",
 							size: "sm",
-							className: s.button,
+							className: c.button,
 							onClick: () => Z("toLeft"),
-							disabled: y || te,
+							disabled: b || ne,
 							icon: "ChevronLeftIcon",
-							"aria-label": O
+							"aria-label": k
 						})]
 					}),
-					/* @__PURE__ */ m(v, {
+					/* @__PURE__ */ h(y, {
 						className: "wim-transfer__list",
-						data: V,
-						title: E[1],
+						data: H,
+						title: D[1],
 						listType: "target",
-						id: F,
-						disabled: y,
-						selectedKeys: j,
-						focusedKey: W,
-						setFocusedKey: G,
+						id: I,
+						disabled: b,
+						selectedKeys: M,
+						focusedKey: G,
+						setFocusedKey: K,
 						onSelect: Y,
 						onSelectAll: X,
 						onKeyDown: $,
-						labels: w
+						labels: T
 					})
 				]
 			})]
@@ -226,4 +227,4 @@ var g = 36, _ = 50, v = ({ data: t, title: n, listType: i, id: l, disabled: u, s
 	});
 };
 //#endregion
-export { y as Transfer };
+export { b as Transfer };

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;