wimui 0.51.2 → 0.52.2

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

@@ -1,39 +1,40 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import t from "../../../icon/close.js";
-import { Icon as n } from "../../media/Icon/Icon.js";
-import { IndicatorBase as r } from "../../_internal/IndicatorBase.js";
-import i from "./tag.module.js";
-import a from "react";
-import o from "classnames";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { commonNs as t } from "../../../i18n/generated/common.js";
+import n from "../../../icon/close.js";
+import { Icon as r } from "../../media/Icon/Icon.js";
+import { IndicatorBase as i } from "../../_internal/IndicatorBase.js";
+import a from "./tag.module.js";
+import o from "react";
+import s from "classnames";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/data-display/Tag/Tag.tsx
-var u = a.forwardRef(({ asChild: a = !1, children: u, content: d, icon: f, onDelete: p, disabled: m, interactive: h = !1, className: g, ..._ }, v) => {
-	let { t: y } = e("common");
-	if (a && p) throw Error("[wimui] Tag: `asChild` cannot be combined with `onDelete`. Use a removable Tag without asChild, or put the delete control on the slotted child yourself.");
-	let b = d ?? u;
-	return /* @__PURE__ */ c(r, {
-		ref: v,
-		asChild: a,
-		styles: i,
-		icon: f,
-		className: o("wim-tag", g, { [i.disabled]: m }),
-		interactive: h,
-		..._,
-		children: p ? /* @__PURE__ */ l(s, { children: [b, /* @__PURE__ */ c("button", {
+var d = o.forwardRef(({ asChild: o = !1, children: d, content: f, icon: p, onDelete: m, disabled: h, interactive: g = !1, className: _, ...v }, y) => {
+	let { t: b } = e(t);
+	if (o && m) throw Error("[wimui] Tag: `asChild` cannot be combined with `onDelete`. Use a removable Tag without asChild, or put the delete control on the slotted child yourself.");
+	let x = f ?? d;
+	return /* @__PURE__ */ l(i, {
+		ref: y,
+		asChild: o,
+		styles: a,
+		icon: p,
+		className: s("wim-tag", _, { [a.disabled]: h }),
+		interactive: g,
+		...v,
+		children: m ? /* @__PURE__ */ u(c, { children: [x, /* @__PURE__ */ l("button", {
 			type: "button",
-			className: i.closeButton,
+			className: a.closeButton,
 			onClick: (e) => {
-				e.stopPropagation(), p(e);
+				e.stopPropagation(), m(e);
 			},
-			"aria-label": y("a11y.close"),
-			children: /* @__PURE__ */ c(n, {
-				component: t,
+			"aria-label": b("a11y.close"),
+			children: /* @__PURE__ */ l(r, {
+				component: n,
 				size: "sm"
 			})
-		})] }) : b
+		})] }) : x
 	});
 });
-u.displayName = "Tag";
+d.displayName = "Tag";
 //#endregion
-export { u as Tag };
+export { d as Tag };

package/dist/components/data-display/Tag/tag.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_r9mz5_3`,t=`_md_r9mz5_15`,n=`_sm_r9mz5_19`,r=`_lg_r9mz5_23`,i=`_primary_r9mz5_27`,a=`_solid_r9mz5_27`,o=`_outline_r9mz5_33`,s=`_subtle_r9mz5_38`,c=`_success_r9mz5_44`,l=`_warning_r9mz5_61`,u=`_danger_r9mz5_78`,d=`_info_r9mz5_95`,f=`_neutral_r9mz5_112`,p=`_disabled_r9mz5_129`,m=`_closeButton_r9mz5_137`,h=`_interactive_r9mz5_140`,g=`_icon_r9mz5_152`,_={root:e,md:t,sm:n,lg:r,primary:i,solid:a,outline:o,subtle:s,success:c,warning:l,danger:u,info:d,neutral:f,disabled:p,closeButton:m,interactive:h,icon:g};exports.closeButton=m,exports.danger=u,exports.default=_,exports.disabled=p,exports.icon=g,exports.info=d,exports.interactive=h,exports.lg=r,exports.md=t,exports.neutral=f,exports.outline=o,exports.primary=i,exports.root=e,exports.sm=n,exports.solid=a,exports.subtle=s,exports.success=c,exports.warning=l;
+var e=`_root_bvryr_3`,t=`_md_bvryr_15`,n=`_sm_bvryr_19`,r=`_lg_bvryr_23`,i=`_primary_bvryr_27`,a=`_solid_bvryr_27`,o=`_outline_bvryr_33`,s=`_subtle_bvryr_38`,c=`_success_bvryr_44`,l=`_warning_bvryr_61`,u=`_danger_bvryr_78`,d=`_info_bvryr_95`,f=`_neutral_bvryr_112`,p=`_disabled_bvryr_129`,m=`_closeButton_bvryr_137`,h=`_interactive_bvryr_140`,g=`_icon_bvryr_152`,_={root:e,md:t,sm:n,lg:r,primary:i,solid:a,outline:o,subtle:s,success:c,warning:l,danger:u,info:d,neutral:f,disabled:p,closeButton:m,interactive:h,icon:g};exports.closeButton=m,exports.danger=u,exports.default=_,exports.disabled=p,exports.icon=g,exports.info=d,exports.interactive=h,exports.lg=r,exports.md=t,exports.neutral=f,exports.outline=o,exports.primary=i,exports.root=e,exports.sm=n,exports.solid=a,exports.subtle=s,exports.success=c,exports.warning=l;

package/dist/components/data-display/Tag/tag.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/data-display/Tag/tag.module.scss
-var e = "_root_r9mz5_3", t = "_md_r9mz5_15", n = "_sm_r9mz5_19", r = "_lg_r9mz5_23", i = "_primary_r9mz5_27", a = "_solid_r9mz5_27", o = "_outline_r9mz5_33", s = "_subtle_r9mz5_38", c = "_success_r9mz5_44", l = "_warning_r9mz5_61", u = "_danger_r9mz5_78", d = "_info_r9mz5_95", f = "_neutral_r9mz5_112", p = "_disabled_r9mz5_129", m = "_closeButton_r9mz5_137", h = "_interactive_r9mz5_140", g = "_icon_r9mz5_152", _ = {
+var e = "_root_bvryr_3", t = "_md_bvryr_15", n = "_sm_bvryr_19", r = "_lg_bvryr_23", i = "_primary_bvryr_27", a = "_solid_bvryr_27", o = "_outline_bvryr_33", s = "_subtle_bvryr_38", c = "_success_bvryr_44", l = "_warning_bvryr_61", u = "_danger_bvryr_78", d = "_info_bvryr_95", f = "_neutral_bvryr_112", p = "_disabled_bvryr_129", m = "_closeButton_bvryr_137", h = "_interactive_bvryr_140", g = "_icon_bvryr_152", _ = {
 	root: e,
 	md: t,
 	sm: n,

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/minus.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./layoutTree.cjs"),a=require("./tree-diagram.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=200,u=64,d=24,f=48,p=(e,t=[])=>{for(let n of e)n.children?.length&&(t.push(n.value),p(n.children,t));return t},m=(e,t=new Map)=>{for(let n of e)t.set(n.value,n),n.children&&m(n.children,t);return t},h=e=>typeof e.label==`string`?e.label:e.value,g=o.default.forwardRef(({nodes:e,orientation:g=`vertical`,expandedValues:_,defaultExpandedValues:v,onExpandedChange:y,selectedValue:b,onSelect:x,renderNode:S,nodeWidth:C=l,nodeHeight:w=u,labels:T,className:E,"aria-label":D,...O},k)=>{let{t:A}=t.useWimTranslation(`components`),j=o.default.useId(),M=T?.expand??(e=>A(`treediagram.expand`,{label:e})),N=T?.collapse??(e=>A(`treediagram.collapse`,{label:e})),[P,F]=(0,o.useState)(()=>v??p(e)),I=_??P,L=(0,o.useMemo)(()=>new Set(I),[I]),R=(0,o.useCallback)(e=>{_===void 0&&F(e),y?.(e)},[_,y]),z=(0,o.useCallback)(e=>R(L.has(e)?I.filter(t=>t!==e):[...I,e]),[I,L,R]),B=(0,o.useMemo)(()=>m(e),[e]),V=(0,o.useMemo)(()=>i.layoutTree(e,{nodeWidth:C,nodeHeight:w,siblingGap:d,levelGap:f,orientation:g,isExpanded:e=>L.has(e)}),[e,C,w,g,L]),H=(0,o.useMemo)(()=>new Map(V.nodes.map(e=>[e.value,e])),[V]),[U,W]=(0,o.useState)(null),G=U!==null&&H.has(U)?U:null,K=G??b??V.nodes[0]?.value??null,q=(0,o.useRef)(new Map),J=(0,o.useRef)(!1);(0,o.useEffect)(()=>{if(U===null||H.has(U))return;let e=U,t=e=>{for(let[t,n]of B)if(n.children?.some(t=>t.value===e))return t;return null};for(;e&&!H.has(e);)e=t(e);W(e??null),J.current=!0},[U,H,B]),(0,o.useEffect)(()=>{if(!J.current||G===null)return;J.current=!1;let e=q.current.get(G);e?.focus(),e?.scrollIntoView?.({block:`nearest`,inline:`nearest`})},[G]);let Y=e=>{e!==void 0&&(J.current=!0,W(e))},X=(e,t,n)=>{let r=V.nodes,i=L.has(t.value);switch(e.key){case`ArrowDown`:Y(r[n+1]?.value);break;case`ArrowUp`:Y(r[n-1]?.value);break;case`Home`:Y(r[0]?.value);break;case`End`:Y(r[r.length-1]?.value);break;case`ArrowRight`:t.hasChildren&&!i?z(t.value):t.hasChildren&&Y(r[n+1]?.value);break;case`ArrowLeft`:t.hasChildren&&i?z(t.value):t.parent!==null&&Y(t.parent);break;case`Enter`:case` `:if(!x)return;x(t.value);break;default:return}e.preventDefault()},Z=g===`vertical`,Q=(e,t)=>{if(Z){let n=e.x+C/2,r=e.y+w,i=t.x+C/2;return`M${n} ${r}V${r+f/2}H${i}V${t.y}`}let n=e.x+C,r=e.y+w/2,i=t.y+w/2;return`M${n} ${r}H${n+f/2}V${i}H${t.x}`};return(0,c.jsx)(`div`,{ref:k,role:`tree`,"aria-label":D??A(`treediagram.aria`),"aria-orientation":g,className:(0,s.default)(`wim-tree-diagram`,a.default.root,Z?a.default.vertical:a.default.horizontal,E),...O,children:(0,c.jsxs)(`div`,{className:a.default.canvas,style:{width:V.width,height:V.height},children:[(0,c.jsx)(`svg`,{className:a.default.edges,width:V.width,height:V.height,"aria-hidden":`true`,focusable:`false`,children:V.edges.map(e=>(0,c.jsx)(`path`,{d:Q(H.get(e.from),H.get(e.to))},`${e.from}>${e.to}`))}),V.nodes.map((e,t)=>{let i=B.get(e.value),o=L.has(e.value),l=b===e.value,u={depth:e.depth,expanded:o,selected:l,hiddenCount:e.hiddenCount},d=h(i);return(0,c.jsxs)(`div`,{ref:t=>{t?q.current.set(e.value,t):q.current.delete(e.value)},role:`treeitem`,"aria-level":e.depth+1,"aria-setsize":e.setSize,"aria-posinset":e.posInSet,"aria-expanded":e.hasChildren?o:void 0,"aria-selected":x?l:void 0,tabIndex:e.value===K?0:-1,"data-value":e.value,"aria-labelledby":S||!i.description?`${j}-${t}`:`${j}-${t} ${j}-${t}-d`,className:(0,s.default)(a.default.node,l&&a.default.selected,x&&a.default.selectable),style:{left:e.x,top:e.y,width:C,height:w},title:d,onKeyDown:n=>X(n,e,t),onFocus:()=>W(e.value),onClick:x?()=>x(e.value):void 0,children:[S?(0,c.jsx)(`span`,{id:`${j}-${t}`,className:a.default.custom,children:S(i,u)}):(0,c.jsxs)(`span`,{className:a.default.content,children:[i.avatar&&(0,c.jsx)(`span`,{className:a.default.avatar,children:i.avatar}),(0,c.jsxs)(`span`,{className:a.default.text,children:[(0,c.jsx)(`span`,{id:`${j}-${t}`,className:a.default.label,children:i.label}),i.description&&(0,c.jsx)(`span`,{id:`${j}-${t}-d`,className:a.default.description,children:i.description})]})]}),e.hasChildren&&(0,c.jsx)(`button`,{type:`button`,tabIndex:-1,className:a.default.toggle,"aria-label":o?N(d):M(d),onClick:t=>{t.stopPropagation(),z(e.value)},children:o?(0,c.jsx)(r.Icon,{component:n.default,size:`xs`}):`+${e.hiddenCount}`})]},e.value)})]})})});g.displayName=`TreeDiagram`,exports.TreeDiagram=g;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/components.cjs"),r=require("../../../icon/minus.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./layoutTree.cjs"),o=require("./tree-diagram.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=200,d=64,f=24,p=48,m=(e,t=[])=>{for(let n of e)n.children?.length&&(t.push(n.value),m(n.children,t));return t},h=(e,t=new Map)=>{for(let n of e)t.set(n.value,n),n.children&&h(n.children,t);return t},g=e=>typeof e.label==`string`?e.label:e.value,_=s.default.forwardRef(({nodes:e,orientation:_=`vertical`,expandedValues:v,defaultExpandedValues:y,onExpandedChange:b,selectedValue:x,onSelect:S,renderNode:C,nodeWidth:w=u,nodeHeight:T=d,labels:E,className:D,"aria-label":O,...k},A)=>{let{t:j}=t.useWimTranslation(n.componentsNs),M=s.default.useId(),N=E?.expand??(e=>j(`treediagram.expand`,{label:e})),P=E?.collapse??(e=>j(`treediagram.collapse`,{label:e})),[F,I]=(0,s.useState)(()=>y??m(e)),L=v??F,R=(0,s.useMemo)(()=>new Set(L),[L]),z=(0,s.useCallback)(e=>{v===void 0&&I(e),b?.(e)},[v,b]),B=(0,s.useCallback)(e=>z(R.has(e)?L.filter(t=>t!==e):[...L,e]),[L,R,z]),V=(0,s.useMemo)(()=>h(e),[e]),H=(0,s.useMemo)(()=>a.layoutTree(e,{nodeWidth:w,nodeHeight:T,siblingGap:f,levelGap:p,orientation:_,isExpanded:e=>R.has(e)}),[e,w,T,_,R]),U=(0,s.useMemo)(()=>new Map(H.nodes.map(e=>[e.value,e])),[H]),[W,G]=(0,s.useState)(null),K=W!==null&&U.has(W)?W:null,q=K??x??H.nodes[0]?.value??null,J=(0,s.useRef)(new Map),Y=(0,s.useRef)(!1);(0,s.useEffect)(()=>{if(W===null||U.has(W))return;let e=W,t=e=>{for(let[t,n]of V)if(n.children?.some(t=>t.value===e))return t;return null};for(;e&&!U.has(e);)e=t(e);G(e??null),Y.current=!0},[W,U,V]),(0,s.useEffect)(()=>{if(!Y.current||K===null)return;Y.current=!1;let e=J.current.get(K);e?.focus(),e?.scrollIntoView?.({block:`nearest`,inline:`nearest`})},[K]);let X=e=>{e!==void 0&&(Y.current=!0,G(e))},Z=(e,t,n)=>{let r=H.nodes,i=R.has(t.value);switch(e.key){case`ArrowDown`:X(r[n+1]?.value);break;case`ArrowUp`:X(r[n-1]?.value);break;case`Home`:X(r[0]?.value);break;case`End`:X(r[r.length-1]?.value);break;case`ArrowRight`:t.hasChildren&&!i?B(t.value):t.hasChildren&&X(r[n+1]?.value);break;case`ArrowLeft`:t.hasChildren&&i?B(t.value):t.parent!==null&&X(t.parent);break;case`Enter`:case` `:if(!S)return;S(t.value);break;default:return}e.preventDefault()},Q=_===`vertical`,$=(e,t)=>{if(Q){let n=e.x+w/2,r=e.y+T,i=t.x+w/2;return`M${n} ${r}V${r+p/2}H${i}V${t.y}`}let n=e.x+w,r=e.y+T/2,i=t.y+T/2;return`M${n} ${r}H${n+p/2}V${i}H${t.x}`};return(0,l.jsx)(`div`,{ref:A,role:`tree`,"aria-label":O??j(`treediagram.aria`),"aria-orientation":_,className:(0,c.default)(`wim-tree-diagram`,o.default.root,Q?o.default.vertical:o.default.horizontal,D),...k,children:(0,l.jsxs)(`div`,{className:o.default.canvas,style:{width:H.width,height:H.height},children:[(0,l.jsx)(`svg`,{className:o.default.edges,width:H.width,height:H.height,"aria-hidden":`true`,focusable:`false`,children:H.edges.map(e=>(0,l.jsx)(`path`,{d:$(U.get(e.from),U.get(e.to))},`${e.from}>${e.to}`))}),H.nodes.map((e,t)=>{let n=V.get(e.value),a=R.has(e.value),s=x===e.value,u={depth:e.depth,expanded:a,selected:s,hiddenCount:e.hiddenCount},d=g(n);return(0,l.jsxs)(`div`,{ref:t=>{t?J.current.set(e.value,t):J.current.delete(e.value)},role:`treeitem`,"aria-level":e.depth+1,"aria-setsize":e.setSize,"aria-posinset":e.posInSet,"aria-expanded":e.hasChildren?a:void 0,"aria-selected":S?s:void 0,tabIndex:e.value===q?0:-1,"data-value":e.value,"aria-labelledby":C||!n.description?`${M}-${t}`:`${M}-${t} ${M}-${t}-d`,className:(0,c.default)(o.default.node,s&&o.default.selected,S&&o.default.selectable),style:{left:e.x,top:e.y,width:w,height:T},title:d,onKeyDown:n=>Z(n,e,t),onFocus:()=>G(e.value),onClick:S?()=>S(e.value):void 0,children:[C?(0,l.jsx)(`span`,{id:`${M}-${t}`,className:o.default.custom,children:C(n,u)}):(0,l.jsxs)(`span`,{className:o.default.content,children:[n.avatar&&(0,l.jsx)(`span`,{className:o.default.avatar,children:n.avatar}),(0,l.jsxs)(`span`,{className:o.default.text,children:[(0,l.jsx)(`span`,{id:`${M}-${t}`,className:o.default.label,children:n.label}),n.description&&(0,l.jsx)(`span`,{id:`${M}-${t}-d`,className:o.default.description,children:n.description})]})]}),e.hasChildren&&(0,l.jsx)(`button`,{type:`button`,tabIndex:-1,className:o.default.toggle,"aria-label":a?P(d):N(d),onClick:t=>{t.stopPropagation(),B(e.value)},children:a?(0,l.jsx)(i.Icon,{component:r.default,size:`xs`}):`+${e.hiddenCount}`})]},e.value)})]})})});_.displayName=`TreeDiagram`,exports.TreeDiagram=_;

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

@@ -1,65 +1,66 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import t from "../../../icon/minus.js";
-import { Icon as n } from "../../media/Icon/Icon.js";
-import { layoutTree as r } from "./layoutTree.js";
-import i from "./tree-diagram.module.js";
-import a, { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import d from "classnames";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { componentsNs as t } from "../../../i18n/generated/components.js";
+import n from "../../../icon/minus.js";
+import { Icon as r } from "../../media/Icon/Icon.js";
+import { layoutTree as i } from "./layoutTree.js";
+import a from "./tree-diagram.module.js";
+import o, { useCallback as s, useEffect as c, useMemo as l, useRef 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/TreeDiagram/TreeDiagram.tsx
-var m = 200, h = 64, g = 24, _ = 48, v = (e, t = []) => {
+var h = 200, ee = 64, g = 24, _ = 48, v = (e, t = []) => {
 	for (let n of e) n.children?.length && (t.push(n.value), v(n.children, t));
 	return t;
 }, y = (e, t = /* @__PURE__ */ new Map()) => {
 	for (let n of e) t.set(n.value, n), n.children && y(n.children, t);
 	return t;
-}, b = (e) => typeof e.label == "string" ? e.label : e.value, x = a.forwardRef(({ nodes: x, orientation: S = "vertical", expandedValues: C, defaultExpandedValues: w, onExpandedChange: T, selectedValue: E, onSelect: D, renderNode: O, nodeWidth: k = m, nodeHeight: A = h, labels: j, className: M, "aria-label": ee, ...te }, ne) => {
-	let { t: N } = e("components"), P = a.useId(), F = j?.expand ?? ((e) => N("treediagram.expand", { label: e })), I = j?.collapse ?? ((e) => N("treediagram.collapse", { label: e })), [L, R] = u(() => w ?? v(x)), z = C ?? L, B = c(() => new Set(z), [z]), V = o((e) => {
-		C === void 0 && R(e), T?.(e);
-	}, [C, T]), H = o((e) => V(B.has(e) ? z.filter((t) => t !== e) : [...z, e]), [
-		z,
+}, b = (e) => typeof e.label == "string" ? e.label : e.value, x = o.forwardRef(({ nodes: x, orientation: S = "vertical", expandedValues: C, defaultExpandedValues: w, onExpandedChange: T, selectedValue: E, onSelect: D, renderNode: O, nodeWidth: k = h, nodeHeight: A = ee, labels: j, className: te, "aria-label": ne, ...M }, N) => {
+	let { t: P } = e(t), F = o.useId(), I = j?.expand ?? ((e) => P("treediagram.expand", { label: e })), L = j?.collapse ?? ((e) => P("treediagram.collapse", { label: e })), [R, z] = d(() => w ?? v(x)), B = C ?? R, V = l(() => new Set(B), [B]), H = s((e) => {
+		C === void 0 && z(e), T?.(e);
+	}, [C, T]), U = s((e) => H(V.has(e) ? B.filter((t) => t !== e) : [...B, e]), [
 		B,
-		V
-	]), U = c(() => y(x), [x]), W = c(() => r(x, {
+		V,
+		H
+	]), W = l(() => y(x), [x]), G = l(() => i(x, {
 		nodeWidth: k,
 		nodeHeight: A,
 		siblingGap: g,
 		levelGap: _,
 		orientation: S,
-		isExpanded: (e) => B.has(e)
+		isExpanded: (e) => V.has(e)
 	}), [
 		x,
 		k,
 		A,
 		S,
-		B
-	]), G = c(() => new Map(W.nodes.map((e) => [e.value, e])), [W]), [K, q] = u(null), J = K !== null && G.has(K) ? K : null, Y = J ?? E ?? W.nodes[0]?.value ?? null, X = l(/* @__PURE__ */ new Map()), Z = l(!1);
-	s(() => {
-		if (K === null || G.has(K)) return;
-		let e = K, t = (e) => {
-			for (let [t, n] of U) if (n.children?.some((t) => t.value === e)) return t;
+		V
+	]), K = l(() => new Map(G.nodes.map((e) => [e.value, e])), [G]), [q, J] = d(null), Y = q !== null && K.has(q) ? q : null, re = Y ?? E ?? G.nodes[0]?.value ?? null, X = u(/* @__PURE__ */ new Map()), Z = u(!1);
+	c(() => {
+		if (q === null || K.has(q)) return;
+		let e = q, t = (e) => {
+			for (let [t, n] of W) if (n.children?.some((t) => t.value === e)) return t;
 			return null;
 		};
-		for (; e && !G.has(e);) e = t(e);
-		q(e ?? null), Z.current = !0;
+		for (; e && !K.has(e);) e = t(e);
+		J(e ?? null), Z.current = !0;
 	}, [
+		q,
 		K,
-		G,
-		U
-	]), s(() => {
-		if (!Z.current || J === null) return;
+		W
+	]), c(() => {
+		if (!Z.current || Y === null) return;
 		Z.current = !1;
-		let e = X.current.get(J);
+		let e = X.current.get(Y);
 		e?.focus(), e?.scrollIntoView?.({
 			block: "nearest",
 			inline: "nearest"
 		});
-	}, [J]);
+	}, [Y]);
 	let Q = (e) => {
-		e !== void 0 && (Z.current = !0, q(e));
-	}, re = (e, t, n) => {
-		let r = W.nodes, i = B.has(t.value);
+		e !== void 0 && (Z.current = !0, J(e));
+	}, ie = (e, t, n) => {
+		let r = G.nodes, i = V.has(t.value);
 		switch (e.key) {
 			case "ArrowDown":
 				Q(r[n + 1]?.value);
@@ -74,10 +75,10 @@ var m = 200, h = 64, g = 24, _ = 48, v = (e, t = []) => {
 				Q(r[r.length - 1]?.value);
 				break;
 			case "ArrowRight":
-				t.hasChildren && !i ? H(t.value) : t.hasChildren && Q(r[n + 1]?.value);
+				t.hasChildren && !i ? U(t.value) : t.hasChildren && Q(r[n + 1]?.value);
 				break;
 			case "ArrowLeft":
-				t.hasChildren && i ? H(t.value) : t.parent !== null && Q(t.parent);
+				t.hasChildren && i ? U(t.value) : t.parent !== null && Q(t.parent);
 				break;
 			case "Enter":
 			case " ":
@@ -87,7 +88,7 @@ var m = 200, h = 64, g = 24, _ = 48, v = (e, t = []) => {
 			default: return;
 		}
 		e.preventDefault();
-	}, $ = S === "vertical", ie = (e, t) => {
+	}, $ = S === "vertical", ae = (e, t) => {
 		if ($) {
 			let n = e.x + k / 2, r = e.y + A, i = t.x + k / 2;
 			return `M${n} ${r}V${r + _ / 2}H${i}V${t.y}`;
@@ -95,34 +96,34 @@ var m = 200, h = 64, g = 24, _ = 48, v = (e, t = []) => {
 		let n = e.x + k, r = e.y + A / 2, i = t.y + A / 2;
 		return `M${n} ${r}H${n + _ / 2}V${i}H${t.x}`;
 	};
-	return /* @__PURE__ */ f("div", {
-		ref: ne,
+	return /* @__PURE__ */ p("div", {
+		ref: N,
 		role: "tree",
-		"aria-label": ee ?? N("treediagram.aria"),
+		"aria-label": ne ?? P("treediagram.aria"),
 		"aria-orientation": S,
-		className: d("wim-tree-diagram", i.root, $ ? i.vertical : i.horizontal, M),
-		...te,
-		children: /* @__PURE__ */ p("div", {
-			className: i.canvas,
+		className: f("wim-tree-diagram", a.root, $ ? a.vertical : a.horizontal, te),
+		...M,
+		children: /* @__PURE__ */ m("div", {
+			className: a.canvas,
 			style: {
-				width: W.width,
-				height: W.height
+				width: G.width,
+				height: G.height
 			},
-			children: [/* @__PURE__ */ f("svg", {
-				className: i.edges,
-				width: W.width,
-				height: W.height,
+			children: [/* @__PURE__ */ p("svg", {
+				className: a.edges,
+				width: G.width,
+				height: G.height,
 				"aria-hidden": "true",
 				focusable: "false",
-				children: W.edges.map((e) => /* @__PURE__ */ f("path", { d: ie(G.get(e.from), G.get(e.to)) }, `${e.from}>${e.to}`))
-			}), W.nodes.map((e, r) => {
-				let a = U.get(e.value), o = B.has(e.value), s = E === e.value, c = {
+				children: G.edges.map((e) => /* @__PURE__ */ p("path", { d: ae(K.get(e.from), K.get(e.to)) }, `${e.from}>${e.to}`))
+			}), G.nodes.map((e, t) => {
+				let i = W.get(e.value), o = V.has(e.value), s = E === e.value, c = {
 					depth: e.depth,
 					expanded: o,
 					selected: s,
 					hiddenCount: e.hiddenCount
-				}, l = b(a);
-				return /* @__PURE__ */ p("div", {
+				}, l = b(i);
+				return /* @__PURE__ */ m("div", {
 					ref: (t) => {
 						t ? X.current.set(e.value, t) : X.current.delete(e.value);
 					},
@@ -132,10 +133,10 @@ var m = 200, h = 64, g = 24, _ = 48, v = (e, t = []) => {
 					"aria-posinset": e.posInSet,
 					"aria-expanded": e.hasChildren ? o : void 0,
 					"aria-selected": D ? s : void 0,
-					tabIndex: e.value === Y ? 0 : -1,
+					tabIndex: e.value === re ? 0 : -1,
 					"data-value": e.value,
-					"aria-labelledby": O || !a.description ? `${P}-${r}` : `${P}-${r} ${P}-${r}-d`,
-					className: d(i.node, s && i.selected, D && i.selectable),
+					"aria-labelledby": O || !i.description ? `${F}-${t}` : `${F}-${t} ${F}-${t}-d`,
+					className: f(a.node, s && a.selected, D && a.selectable),
 					style: {
 						left: e.x,
 						top: e.y,
@@ -143,40 +144,40 @@ var m = 200, h = 64, g = 24, _ = 48, v = (e, t = []) => {
 						height: A
 					},
 					title: l,
-					onKeyDown: (t) => re(t, e, r),
-					onFocus: () => q(e.value),
+					onKeyDown: (n) => ie(n, e, t),
+					onFocus: () => J(e.value),
 					onClick: D ? () => D(e.value) : void 0,
-					children: [O ? /* @__PURE__ */ f("span", {
-						id: `${P}-${r}`,
-						className: i.custom,
-						children: O(a, c)
-					}) : /* @__PURE__ */ p("span", {
-						className: i.content,
-						children: [a.avatar && /* @__PURE__ */ f("span", {
-							className: i.avatar,
-							children: a.avatar
-						}), /* @__PURE__ */ p("span", {
-							className: i.text,
-							children: [/* @__PURE__ */ f("span", {
-								id: `${P}-${r}`,
-								className: i.label,
-								children: a.label
-							}), a.description && /* @__PURE__ */ f("span", {
-								id: `${P}-${r}-d`,
-								className: i.description,
-								children: a.description
+					children: [O ? /* @__PURE__ */ p("span", {
+						id: `${F}-${t}`,
+						className: a.custom,
+						children: O(i, c)
+					}) : /* @__PURE__ */ m("span", {
+						className: a.content,
+						children: [i.avatar && /* @__PURE__ */ p("span", {
+							className: a.avatar,
+							children: i.avatar
+						}), /* @__PURE__ */ m("span", {
+							className: a.text,
+							children: [/* @__PURE__ */ p("span", {
+								id: `${F}-${t}`,
+								className: a.label,
+								children: i.label
+							}), i.description && /* @__PURE__ */ p("span", {
+								id: `${F}-${t}-d`,
+								className: a.description,
+								children: i.description
 							})]
 						})]
-					}), e.hasChildren && /* @__PURE__ */ f("button", {
+					}), e.hasChildren && /* @__PURE__ */ p("button", {
 						type: "button",
 						tabIndex: -1,
-						className: i.toggle,
-						"aria-label": o ? I(l) : F(l),
+						className: a.toggle,
+						"aria-label": o ? L(l) : I(l),
 						onClick: (t) => {
-							t.stopPropagation(), H(e.value);
+							t.stopPropagation(), U(e.value);
 						},
-						children: o ? /* @__PURE__ */ f(n, {
-							component: t,
+						children: o ? /* @__PURE__ */ p(r, {
+							component: n,
 							size: "xs"
 						}) : `+${e.hiddenCount}`
 					})]

package/dist/components/data-display/TreeDiagram/tree-diagram.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_smsot_4`,t=`_canvas_smsot_10`,n=`_edges_smsot_14`,r=`_node_smsot_25`,i=`_selectable_smsot_42`,a=`_selected_smsot_48`,o=`_content_smsot_52`,s=`_custom_smsot_53`,c=`_avatar_smsot_60`,l=`_text_smsot_64`,u=`_label_smsot_70`,d=`_description_smsot_71`,f=`_toggle_smsot_85`,p=`_vertical_smsot_106`,m=`_horizontal_smsot_111`,h={root:e,canvas:t,edges:n,node:r,selectable:i,selected:a,content:o,custom:s,avatar:c,text:l,label:u,description:d,toggle:f,vertical:p,horizontal:m};exports.avatar=c,exports.canvas=t,exports.content=o,exports.custom=s,exports.default=h,exports.description=d,exports.edges=n,exports.horizontal=m,exports.label=u,exports.node=r,exports.root=e,exports.selectable=i,exports.selected=a,exports.text=l,exports.toggle=f,exports.vertical=p;
+var e=`_root_1rhq5_4`,t=`_canvas_1rhq5_10`,n=`_edges_1rhq5_14`,r=`_node_1rhq5_25`,i=`_selectable_1rhq5_42`,a=`_selected_1rhq5_51`,o=`_content_1rhq5_55`,s=`_custom_1rhq5_56`,c=`_avatar_1rhq5_63`,l=`_text_1rhq5_67`,u=`_label_1rhq5_73`,d=`_description_1rhq5_74`,f=`_toggle_1rhq5_88`,p=`_vertical_1rhq5_112`,m=`_horizontal_1rhq5_117`,h={root:e,canvas:t,edges:n,node:r,selectable:i,selected:a,content:o,custom:s,avatar:c,text:l,label:u,description:d,toggle:f,vertical:p,horizontal:m};exports.avatar=c,exports.canvas=t,exports.content=o,exports.custom=s,exports.default=h,exports.description=d,exports.edges=n,exports.horizontal=m,exports.label=u,exports.node=r,exports.root=e,exports.selectable=i,exports.selected=a,exports.text=l,exports.toggle=f,exports.vertical=p;

package/dist/components/data-display/TreeDiagram/tree-diagram.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/data-display/TreeDiagram/tree-diagram.module.scss
-var e = "_root_smsot_4", t = "_canvas_smsot_10", n = "_edges_smsot_14", r = "_node_smsot_25", i = "_selectable_smsot_42", a = "_selected_smsot_48", o = "_content_smsot_52", s = "_custom_smsot_53", c = "_avatar_smsot_60", l = "_text_smsot_64", u = "_label_smsot_70", d = "_description_smsot_71", f = "_toggle_smsot_85", p = "_vertical_smsot_106", m = "_horizontal_smsot_111", h = {
+var e = "_root_1rhq5_4", t = "_canvas_1rhq5_10", n = "_edges_1rhq5_14", r = "_node_1rhq5_25", i = "_selectable_1rhq5_42", a = "_selected_1rhq5_51", o = "_content_1rhq5_55", s = "_custom_1rhq5_56", c = "_avatar_1rhq5_63", l = "_text_1rhq5_67", u = "_label_1rhq5_73", d = "_description_1rhq5_74", f = "_toggle_1rhq5_88", p = "_vertical_1rhq5_112", m = "_horizontal_1rhq5_117", h = {
 	root: e,
 	canvas: t,
 	edges: n,

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/chevron-right.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../VirtualList/VirtualList.cjs"),o=require("./tree-view.module.cjs"),s=require("./useTreeViewItemExpansion.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=(0,c.createContext)(null),f=()=>{let e=(0,c.useContext)(d);if(!e)throw Error(`TreeView components must be used within a TreeView`);return e},p=40,m=100;function h(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}function g(e,t,n,r=0){let i=[];for(let a of e){let e=h(a.label),o=!n||e.toLowerCase().includes(n.toLowerCase()),s=n&&a.children?_(a.children,n):!1;if(n&&!o&&!s)continue;i.push({...a,depth:r,hasChildren:!!(a.children&&a.children.length>0)});let c=t.includes(a.value)||!!n&&s;a.children&&a.children.length>0&&c&&i.push(...g(a.children,t,n,r+1))}return i}function _(e,t){return e.some(e=>h(e.label).toLowerCase().includes(t.toLowerCase())||(e.children?_(e.children,t):!1))}function v(e,t){for(let n of e){if(n.value===t){let e=[],t=n=>{for(let r of n)e.push(r.value),r.children&&t(r.children)};return n.children&&t(n.children),e}if(n.children){let e=v(n.children,t);if(e!==null)return e}}return null}function y(e,t,n=[]){for(let r of e){if(r.value===t)return n;if(r.children){let e=y(r.children,t,[...n,r.value]);if(e!==null)return e}}return null}function b(e,t){let n=[],r=new Set(t);function i(e){if(!e.children?.length)return r.has(e.value)?`checked`:`unchecked`;let t=e.children.map(i),a=t.every(e=>e===`checked`),o=t.some(e=>e!==`unchecked`);return a?(r.add(e.value),`checked`):o?(n.push(e.value),`indeterminate`):`unchecked`}for(let t of e)i(t);return{indeterminateValues:n,effectiveCheckedSet:r}}var x=({children:e,nodes:s,className:f,multiSelect:_=!1,checkable:x=!1,checkStrategy:S=`cascade`,searchable:C=!1,defaultExpandedValues:w=[],defaultSelectedValues:T=[],defaultCheckedValues:E=[],onCheckedChange:D,onSelectedChange:O,width:k,virtualThreshold:A=m,labels:j={},labelId:M,styles:N})=>{let{t:P}=t.useWimTranslation(`components`),{searchPlaceholder:F,searchAriaLabel:ee=P(`treeview.search_aria`),expandLabel:I=e=>P(`treeview.expand`,{label:e}),collapseLabel:L=e=>P(`treeview.collapse`,{label:e})}=j,[R,z]=(0,c.useState)(w),[B,V]=(0,c.useState)(T),[H,U]=(0,c.useState)(E),[W,te]=(0,c.useState)(``),[G,K]=(0,c.useState)(T[0]||null),q=c.default.useRef(null),{indeterminateValues:J,effectiveCheckedSet:ne}=(0,c.useMemo)(()=>!s||S!==`cascade`?{indeterminateValues:[],effectiveCheckedSet:new Set(H)}:b(s,new Set(H)),[s,S,H]),Y=(0,c.useCallback)(e=>{z(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[]),X=(0,c.useCallback)(e=>{if(_)V(t=>{let n=t.includes(e)?t.filter(t=>t!==e):[...t,e];return O?.(n),n});else{let t=[e];V(t),O?.(t)}},[_,O]),Z=(0,c.useCallback)(e=>{U(t=>{let n;if(!s)return n=t.includes(e)?t.filter(t=>t!==e):[...t,e],D?.(n),n;if(S===`cascade`){let{indeterminateValues:r}=b(s,new Set(t)),i=t.includes(e)&&!r.includes(e),a=[e,...v(s,e)??[]];n=i?t.filter(e=>!a.includes(e)):[...t,...a.filter(e=>!t.includes(e))];let{indeterminateValues:o,effectiveCheckedSet:c}=b(s,new Set(n));D?.([...c].filter(e=>!o.includes(e)))}else{if(t.includes(e))n=t.filter(t=>t!==e);else{let r=y(s,e)??[],i=v(s,e)??[],a=new Set([...r,...i]);n=[...t.filter(e=>!a.has(e)),e]}D?.(n)}return n})},[S,s,D]),re=(0,c.useMemo)(()=>({expandedValues:R,selectedValues:B,checkedValues:H,indeterminateValues:J,focusedValue:G,toggleExpand:Y,select:X,toggleCheck:Z,setFocusedValue:K,containerRef:q,multiSelect:_,checkable:x,checkStrategy:S,searchQuery:W,labels:{expandLabel:I,collapseLabel:L}}),[R,B,H,J,G,Y,X,Z,_,x,S,W,I,L]),Q=(0,c.useMemo)(()=>s?g(s,R,W):[],[s,R,W]),ie=!!s&&Q.length>=A,$=(0,c.useCallback)(e=>{let t=q.current;if(!t||!e)return;let n=Array.from(t.querySelectorAll(`[role="treeitem"]`)).find(t=>t.getAttribute(`data-value`)===e);n&&n!==document.activeElement&&n.focus()},[]);(0,c.useEffect)(()=>{if(!s||!G)return;let e=q.current,t=document.activeElement;e&&t&&e.contains(t)&&(t instanceof HTMLInputElement||$(G))},[s,G,$]);let ae=(0,c.useCallback)((e,t,n)=>{switch(e.key){case`Enter`:case` `:e.preventDefault(),X(t.value),x&&Z(t.value);break;case`ArrowDown`:e.preventDefault(),n<Q.length-1&&K(Q[n+1].value);break;case`ArrowUp`:e.preventDefault(),n>0&&K(Q[n-1].value);break;case`Home`:e.preventDefault(),Q.length>0&&K(Q[0].value);break;case`End`:e.preventDefault(),Q.length>0&&K(Q[Q.length-1].value);break;case`ArrowRight`:e.preventDefault(),t.hasChildren&&!R.includes(t.value)?Y(t.value):t.hasChildren&&n<Q.length-1&&K(Q[n+1].value);break;case`ArrowLeft`:if(e.preventDefault(),t.hasChildren&&R.includes(t.value))Y(t.value);else for(let e=n-1;e>=0;e--)if(Q[e].depth<t.depth){K(Q[e].value);break}}},[Q,R,X,x,Z,Y]),oe=(0,c.useCallback)((e,t)=>{let a=B.includes(e.value),s=ne.has(e.value),c=J.includes(e.value),d=R.includes(e.value),f=G===e.value,p=h(e.label);return(0,u.jsx)(`div`,{className:(0,l.default)(o.default.item,a&&o.default.selected,e.disabled&&o.default.disabled,N?.item),role:`treeitem`,"aria-expanded":e.hasChildren?d:void 0,"aria-selected":a,"aria-disabled":e.disabled,"aria-setsize":Q.length,"aria-posinset":t+1,"aria-level":e.depth+1,"data-value":e.value,tabIndex:f?0:-1,onClick:t=>{t.stopPropagation(),K(e.value),e.disabled||(_&&x?Z(e.value):X(e.value))},onKeyDown:n=>{n.key!==`Tab`&&n.key!==`Escape`&&n.stopPropagation(),ae(n,e,t)},onFocus:t=>{t.stopPropagation(),K(e.value)},style:{paddingLeft:e.depth*20},children:(0,u.jsx)(i.BaseListItem,{className:(0,l.default)(o.default.labelContainer,N?.labelContainer),active:a,disabled:e.disabled,icon:(0,u.jsxs)(`div`,{className:(0,l.default)(o.default.iconWrapper,N?.iconWrapper),children:[e.hasChildren?(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(o.default.expandBtn,d&&o.default.expanded,N?.expandBtn),onClick:t=>{t.stopPropagation(),e.disabled||Y(e.value)},disabled:e.disabled,"aria-label":d?L(p):I(p),tabIndex:-1,children:(0,u.jsx)(r.Icon,{component:n.default,size:`sm`})}):(0,u.jsx)(`span`,{className:o.default.spacer}),x&&(0,u.jsx)(`input`,{type:`checkbox`,className:(0,l.default)(o.default.checkbox,N?.checkbox),checked:s&&!c,ref:e=>{e&&(e.indeterminate=c)},onChange:t=>{t.stopPropagation(),e.disabled||Z(e.value)},disabled:e.disabled,onClick:e=>e.stopPropagation(),"aria-label":p,tabIndex:-1}),e.icon&&(0,u.jsx)(`span`,{className:(0,l.default)(o.default.icon,N?.icon),children:e.icon})]}),children:e.label})},e.value)},[B,ne,J,R,G,Q.length,_,x,X,Z,Y,ae,I,L,N]);return(0,u.jsx)(d.Provider,{value:re,children:(0,u.jsxs)(`div`,{ref:q,"data-testid":`tree-view-root`,className:(0,l.default)(`wim-tree-view`,o.default.root,!!s&&o.default.dataDriven,f,N?.root),role:`tree`,"aria-label":j.treeAriaLabel,"aria-labelledby":j.treeAriaLabel?void 0:M,style:{width:k,maxWidth:`100%`},tabIndex:G?-1:0,onFocus:e=>{e.target===q.current&&(s?G?$(G):Q.length>0&&(K(Q[0].value),$(Q[0].value)):G?(q.current?.querySelector(`[role="treeitem"][data-value="${G}"]`))?.focus():(q.current?.querySelector(`[role="treeitem"]`))?.focus())},children:[C&&(0,u.jsx)(`div`,{className:(0,l.default)(o.default.search,N?.search),children:(0,u.jsx)(`input`,{type:`text`,"data-testid":`tree-view-search-input`,className:(0,l.default)(o.default.searchInput,N?.searchInput),placeholder:F,value:W,onChange:e=>te(e.target.value),"aria-label":ee})}),s?ie?(0,u.jsx)(a.VirtualList,{items:Q,itemHeight:p,height:400,renderItem:oe,itemRole:`none`,role:`presentation`}):Q.map((e,t)=>oe(e,t)):e]})})},S=({value:e,label:t,icon:a,children:d,className:p,disabled:m=!1})=>{let{expandedValues:g,selectedValues:_,checkedValues:v,indeterminateValues:y,focusedValue:b,toggleExpand:x,select:C,toggleCheck:w,setFocusedValue:T,containerRef:E,multiSelect:D,checkable:O,searchQuery:k}=f(),A=c.default.useId(),j=`wim-tree-view-item-checkbox-${A}`,M=`wim-tree-view-item-label-${A}`,N=h(t),P=!k||N.toLowerCase().includes(k.toLowerCase()),F=c.default.useMemo(()=>{if(!k||!d)return!1;let e=t=>c.default.Children.toArray(t).some(t=>{if(!c.default.isValidElement(t)||t.type!==S)return!1;let n=t.props,r=n.label;return h(r).toLowerCase().includes(k.toLowerCase())?!0:n.children?e(n.children):!1});return e(d)},[d,k]),ee=!!k&&F,I=g.includes(e)||ee,L=_.includes(e),R=v.includes(e),z=y.includes(e),B=!!c.default.Children.count(d),{shouldRender:V,isVisualExpanded:H,handleTransitionEnd:U}=s.useTreeViewItemExpansion(I);return k&&!P&&!F?null:(0,u.jsxs)(`div`,{className:(0,l.default)(o.default.item,L&&o.default.selected,m&&o.default.disabled,p),role:`treeitem`,"aria-expanded":B?I:void 0,"aria-selected":L,"aria-disabled":m,"data-value":e,onClick:t=>{t.stopPropagation(),T(e),m||(D&&O?w(e):C(e))},onKeyDown:t=>{if(m)return;t.key!==`Tab`&&t.key!==`Escape`&&t.stopPropagation();let n=Array.from(E.current?.querySelectorAll(`[role="treeitem"]:not([aria-disabled="true"])`)||[]),r=n.indexOf(t.currentTarget);switch(t.key){case`Enter`:case` `:t.preventDefault(),C(e),O&&w(e);break;case`ArrowDown`:t.preventDefault(),r<n.length-1&&n[r+1].focus();break;case`ArrowUp`:t.preventDefault(),r>0&&n[r-1].focus();break;case`Home`:t.preventDefault(),n.length>0&&n[0].focus();break;case`End`:t.preventDefault(),n.length>0&&n[n.length-1].focus();break;case`ArrowRight`:B&&(I?(t.preventDefault(),r<n.length-1&&n[r+1].focus()):(t.preventDefault(),x(e)));break;case`ArrowLeft`:if(B&&I)t.preventDefault(),x(e);else{t.preventDefault();let e=t.currentTarget.parentElement?.closest(`[role="treeitem"]`);e&&e.focus()}}},onFocus:t=>{t.stopPropagation(),T(e)},tabIndex:b===e?0:-1,children:[(0,u.jsx)(i.BaseListItem,{id:M,className:o.default.labelContainer,active:L,disabled:m,icon:(0,u.jsxs)(`div`,{className:o.default.iconWrapper,children:[B&&(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(o.default.expandBtn,I&&o.default.expanded),onClick:t=>{t.stopPropagation(),!m&&B&&x(e)},disabled:m,"aria-label":I?`Collapse ${typeof t==`string`?t:``}`:`Expand ${typeof t==`string`?t:``}`,tabIndex:-1,children:(0,u.jsx)(r.Icon,{component:n.default,size:`sm`})}),!B&&(0,u.jsx)(`span`,{className:o.default.spacer}),O&&(0,u.jsx)(`input`,{id:j,type:`checkbox`,className:o.default.checkbox,checked:R&&!z,ref:e=>{e&&(e.indeterminate=z)},onChange:t=>{t.stopPropagation(),m||w(e)},disabled:m,onClick:e=>e.stopPropagation(),"aria-labelledby":M,tabIndex:-1}),a&&(0,u.jsx)(`span`,{className:o.default.icon,children:a})]}),children:t}),B&&V&&(0,u.jsx)(`div`,{className:(0,l.default)(o.default.children,H&&o.default.expanded),onTransitionEnd:U,style:{gridTemplateRows:H?`1fr`:`0fr`},children:(0,u.jsx)(`div`,{className:o.default.childrenInner,role:`group`,children:d})})]})};x.displayName=`TreeView`,S.displayName=`TreeView.Item`;var C=x;C.Item=S,exports.TreeView=C,exports.default=C,exports.TreeViewItem=S;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/components.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../_internal/BaseListItem/BaseListItem.cjs"),o=require("../VirtualList/VirtualList.cjs"),s=require("./tree-view.module.cjs"),c=require("./useTreeViewItemExpansion.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(`TreeView components must be used within a TreeView`);return e},m=40,ee=100;function h(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}function g(e,t,n,r=0){let i=[];for(let a of e){let e=h(a.label),o=!n||e.toLowerCase().includes(n.toLowerCase()),s=n&&a.children?_(a.children,n):!1;if(n&&!o&&!s)continue;i.push({...a,depth:r,hasChildren:!!(a.children&&a.children.length>0)});let c=t.includes(a.value)||!!n&&s;a.children&&a.children.length>0&&c&&i.push(...g(a.children,t,n,r+1))}return i}function _(e,t){return e.some(e=>h(e.label).toLowerCase().includes(t.toLowerCase())||(e.children?_(e.children,t):!1))}function v(e,t){for(let n of e){if(n.value===t){let e=[],t=n=>{for(let r of n)e.push(r.value),r.children&&t(r.children)};return n.children&&t(n.children),e}if(n.children){let e=v(n.children,t);if(e!==null)return e}}return null}function y(e,t,n=[]){for(let r of e){if(r.value===t)return n;if(r.children){let e=y(r.children,t,[...n,r.value]);if(e!==null)return e}}return null}function b(e,t){let n=[],r=new Set(t);function i(e){if(!e.children?.length)return r.has(e.value)?`checked`:`unchecked`;let t=e.children.map(i),a=t.every(e=>e===`checked`),o=t.some(e=>e!==`unchecked`);return a?(r.add(e.value),`checked`):o?(n.push(e.value),`indeterminate`):`unchecked`}for(let t of e)i(t);return{indeterminateValues:n,effectiveCheckedSet:r}}var x=({children:e,nodes:c,className:p,multiSelect:_=!1,checkable:x=!1,checkStrategy:S=`cascade`,searchable:C=!1,defaultExpandedValues:w=[],defaultSelectedValues:T=[],defaultCheckedValues:E=[],onCheckedChange:D,onSelectedChange:O,width:k,virtualThreshold:te=ee,labels:A={},labelId:j,styles:M})=>{let{t:N}=t.useWimTranslation(n.componentsNs),{searchPlaceholder:P,searchAriaLabel:F=N(`treeview.search_aria`),expandLabel:I=e=>N(`treeview.expand`,{label:e}),collapseLabel:L=e=>N(`treeview.collapse`,{label:e})}=A,[R,z]=(0,l.useState)(w),[B,V]=(0,l.useState)(T),[H,ne]=(0,l.useState)(E),[U,re]=(0,l.useState)(``),[W,G]=(0,l.useState)(T[0]||null),K=l.default.useRef(null),{indeterminateValues:q,effectiveCheckedSet:J}=(0,l.useMemo)(()=>!c||S!==`cascade`?{indeterminateValues:[],effectiveCheckedSet:new Set(H)}:b(c,new Set(H)),[c,S,H]),Y=(0,l.useCallback)(e=>{z(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[]),X=(0,l.useCallback)(e=>{if(_)V(t=>{let n=t.includes(e)?t.filter(t=>t!==e):[...t,e];return O?.(n),n});else{let t=[e];V(t),O?.(t)}},[_,O]),Z=(0,l.useCallback)(e=>{ne(t=>{let n;if(!c)return n=t.includes(e)?t.filter(t=>t!==e):[...t,e],D?.(n),n;if(S===`cascade`){let{indeterminateValues:r}=b(c,new Set(t)),i=t.includes(e)&&!r.includes(e),a=[e,...v(c,e)??[]];n=i?t.filter(e=>!a.includes(e)):[...t,...a.filter(e=>!t.includes(e))];let{indeterminateValues:o,effectiveCheckedSet:s}=b(c,new Set(n));D?.([...s].filter(e=>!o.includes(e)))}else{if(t.includes(e))n=t.filter(t=>t!==e);else{let r=y(c,e)??[],i=v(c,e)??[],a=new Set([...r,...i]);n=[...t.filter(e=>!a.has(e)),e]}D?.(n)}return n})},[S,c,D]),ie=(0,l.useMemo)(()=>({expandedValues:R,selectedValues:B,checkedValues:H,indeterminateValues:q,focusedValue:W,toggleExpand:Y,select:X,toggleCheck:Z,setFocusedValue:G,containerRef:K,multiSelect:_,checkable:x,checkStrategy:S,searchQuery:U,labels:{expandLabel:I,collapseLabel:L}}),[R,B,H,q,W,Y,X,Z,_,x,S,U,I,L]),Q=(0,l.useMemo)(()=>c?g(c,R,U):[],[c,R,U]),ae=!!c&&Q.length>=te,$=(0,l.useCallback)(e=>{let t=K.current;if(!t||!e)return;let n=Array.from(t.querySelectorAll(`[role="treeitem"]`)).find(t=>t.getAttribute(`data-value`)===e);n&&n!==document.activeElement&&n.focus()},[]);(0,l.useEffect)(()=>{if(!c||!W)return;let e=K.current,t=document.activeElement;e&&t&&e.contains(t)&&(t instanceof HTMLInputElement||$(W))},[c,W,$]);let oe=(0,l.useCallback)((e,t,n)=>{switch(e.key){case`Enter`:case` `:e.preventDefault(),X(t.value),x&&Z(t.value);break;case`ArrowDown`:e.preventDefault(),n<Q.length-1&&G(Q[n+1].value);break;case`ArrowUp`:e.preventDefault(),n>0&&G(Q[n-1].value);break;case`Home`:e.preventDefault(),Q.length>0&&G(Q[0].value);break;case`End`:e.preventDefault(),Q.length>0&&G(Q[Q.length-1].value);break;case`ArrowRight`:e.preventDefault(),t.hasChildren&&!R.includes(t.value)?Y(t.value):t.hasChildren&&n<Q.length-1&&G(Q[n+1].value);break;case`ArrowLeft`:if(e.preventDefault(),t.hasChildren&&R.includes(t.value))Y(t.value);else for(let e=n-1;e>=0;e--)if(Q[e].depth<t.depth){G(Q[e].value);break}}},[Q,R,X,x,Z,Y]),se=(0,l.useCallback)((e,t)=>{let n=B.includes(e.value),o=J.has(e.value),c=q.includes(e.value),l=R.includes(e.value),f=W===e.value,p=h(e.label);return(0,d.jsx)(`div`,{className:(0,u.default)(s.default.item,n&&s.default.selected,e.disabled&&s.default.disabled,M?.item),role:`treeitem`,"aria-expanded":e.hasChildren?l:void 0,"aria-selected":n,"aria-disabled":e.disabled,"aria-setsize":Q.length,"aria-posinset":t+1,"aria-level":e.depth+1,"data-value":e.value,tabIndex:f?0:-1,onClick:t=>{t.stopPropagation(),G(e.value),e.disabled||(_&&x?Z(e.value):X(e.value))},onKeyDown:n=>{n.key!==`Tab`&&n.key!==`Escape`&&n.stopPropagation(),oe(n,e,t)},onFocus:t=>{t.stopPropagation(),G(e.value)},style:{paddingLeft:e.depth*20},children:(0,d.jsx)(a.BaseListItem,{className:(0,u.default)(s.default.labelContainer,M?.labelContainer),active:n,disabled:e.disabled,icon:(0,d.jsxs)(`div`,{className:(0,u.default)(s.default.iconWrapper,M?.iconWrapper),children:[e.hasChildren?(0,d.jsx)(`button`,{type:`button`,className:(0,u.default)(s.default.expandBtn,l&&s.default.expanded,M?.expandBtn),onClick:t=>{t.stopPropagation(),e.disabled||Y(e.value)},disabled:e.disabled,"aria-label":l?L(p):I(p),tabIndex:-1,children:(0,d.jsx)(i.Icon,{component:r.default,size:`sm`})}):(0,d.jsx)(`span`,{className:s.default.spacer}),x&&(0,d.jsx)(`input`,{type:`checkbox`,className:(0,u.default)(s.default.checkbox,M?.checkbox),checked:o&&!c,ref:e=>{e&&(e.indeterminate=c)},onChange:t=>{t.stopPropagation(),e.disabled||Z(e.value)},disabled:e.disabled,onClick:e=>e.stopPropagation(),"aria-label":p,tabIndex:-1}),e.icon&&(0,d.jsx)(`span`,{className:(0,u.default)(s.default.icon,M?.icon),children:e.icon})]}),children:e.label})},e.value)},[B,J,q,R,W,Q.length,_,x,X,Z,Y,oe,I,L,M]);return(0,d.jsx)(f.Provider,{value:ie,children:(0,d.jsxs)(`div`,{ref:K,"data-testid":`tree-view-root`,className:(0,u.default)(`wim-tree-view`,s.default.root,!!c&&s.default.dataDriven,p,M?.root),role:`tree`,"aria-label":A.treeAriaLabel,"aria-labelledby":A.treeAriaLabel?void 0:j,style:{width:k,maxWidth:`100%`},tabIndex:W?-1:0,onFocus:e=>{e.target===K.current&&(c?W?$(W):Q.length>0&&(G(Q[0].value),$(Q[0].value)):W?(K.current?.querySelector(`[role="treeitem"][data-value="${W}"]`))?.focus():(K.current?.querySelector(`[role="treeitem"]`))?.focus())},children:[C&&(0,d.jsx)(`div`,{className:(0,u.default)(s.default.search,M?.search),children:(0,d.jsx)(`input`,{type:`text`,"data-testid":`tree-view-search-input`,className:(0,u.default)(s.default.searchInput,M?.searchInput),placeholder:P,value:U,onChange:e=>re(e.target.value),"aria-label":F})}),c?ae?(0,d.jsx)(o.VirtualList,{items:Q,itemHeight:m,height:400,renderItem:se,itemRole:`none`,role:`presentation`}):Q.map((e,t)=>se(e,t)):e]})})},S=({value:e,label:t,icon:n,children:o,className:f,disabled:m=!1})=>{let{expandedValues:ee,selectedValues:g,checkedValues:_,indeterminateValues:v,focusedValue:y,toggleExpand:b,select:x,toggleCheck:C,setFocusedValue:w,containerRef:T,multiSelect:E,checkable:D,searchQuery:O}=p(),k=l.default.useId(),te=`wim-tree-view-item-checkbox-${k}`,A=`wim-tree-view-item-label-${k}`,j=h(t),M=!O||j.toLowerCase().includes(O.toLowerCase()),N=l.default.useMemo(()=>{if(!O||!o)return!1;let e=t=>l.default.Children.toArray(t).some(t=>{if(!l.default.isValidElement(t)||t.type!==S)return!1;let n=t.props,r=n.label;return h(r).toLowerCase().includes(O.toLowerCase())?!0:n.children?e(n.children):!1});return e(o)},[o,O]),P=!!O&&N,F=ee.includes(e)||P,I=g.includes(e),L=_.includes(e),R=v.includes(e),z=!!l.default.Children.count(o),{shouldRender:B,isVisualExpanded:V,handleTransitionEnd:H}=c.useTreeViewItemExpansion(F);return O&&!M&&!N?null:(0,d.jsxs)(`div`,{className:(0,u.default)(s.default.item,I&&s.default.selected,m&&s.default.disabled,f),role:`treeitem`,"aria-expanded":z?F:void 0,"aria-selected":I,"aria-disabled":m,"data-value":e,onClick:t=>{t.stopPropagation(),w(e),m||(E&&D?C(e):x(e))},onKeyDown:t=>{if(m)return;t.key!==`Tab`&&t.key!==`Escape`&&t.stopPropagation();let n=Array.from(T.current?.querySelectorAll(`[role="treeitem"]:not([aria-disabled="true"])`)||[]),r=n.indexOf(t.currentTarget);switch(t.key){case`Enter`:case` `:t.preventDefault(),x(e),D&&C(e);break;case`ArrowDown`:t.preventDefault(),r<n.length-1&&n[r+1].focus();break;case`ArrowUp`:t.preventDefault(),r>0&&n[r-1].focus();break;case`Home`:t.preventDefault(),n.length>0&&n[0].focus();break;case`End`:t.preventDefault(),n.length>0&&n[n.length-1].focus();break;case`ArrowRight`:z&&(F?(t.preventDefault(),r<n.length-1&&n[r+1].focus()):(t.preventDefault(),b(e)));break;case`ArrowLeft`:if(z&&F)t.preventDefault(),b(e);else{t.preventDefault();let e=t.currentTarget.parentElement?.closest(`[role="treeitem"]`);e&&e.focus()}}},onFocus:t=>{t.stopPropagation(),w(e)},tabIndex:y===e?0:-1,children:[(0,d.jsx)(a.BaseListItem,{id:A,className:s.default.labelContainer,active:I,disabled:m,icon:(0,d.jsxs)(`div`,{className:s.default.iconWrapper,children:[z&&(0,d.jsx)(`button`,{type:`button`,className:(0,u.default)(s.default.expandBtn,F&&s.default.expanded),onClick:t=>{t.stopPropagation(),!m&&z&&b(e)},disabled:m,"aria-label":F?`Collapse ${typeof t==`string`?t:``}`:`Expand ${typeof t==`string`?t:``}`,tabIndex:-1,children:(0,d.jsx)(i.Icon,{component:r.default,size:`sm`})}),!z&&(0,d.jsx)(`span`,{className:s.default.spacer}),D&&(0,d.jsx)(`input`,{id:te,type:`checkbox`,className:s.default.checkbox,checked:L&&!R,ref:e=>{e&&(e.indeterminate=R)},onChange:t=>{t.stopPropagation(),m||C(e)},disabled:m,onClick:e=>e.stopPropagation(),"aria-labelledby":A,tabIndex:-1}),n&&(0,d.jsx)(`span`,{className:s.default.icon,children:n})]}),children:t}),z&&B&&(0,d.jsx)(`div`,{className:(0,u.default)(s.default.children,V&&s.default.expanded),onTransitionEnd:H,style:{gridTemplateRows:V?`1fr`:`0fr`},children:(0,d.jsx)(`div`,{className:s.default.childrenInner,role:`group`,children:o})})]})};x.displayName=`TreeView`,S.displayName=`TreeView.Item`;var C=x;C.Item=S,exports.TreeView=C,exports.default=C,exports.TreeViewItem=S;