wimui 0.64.3 → 0.64.5

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

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

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../icon/plus.cjs"),ee=require("../../../icon/trash.cjs"),i=require("../../media/Icon/Icon.cjs");;/* empty css                                               */const a=require("./node-graph.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"),l=require("@xyflow/react");var u=[`Backspace`,`Delete`],d=180,f=80;function p(e){let t=1,n=new Set(e.map(e=>e.id));for(;n.has(`node-${t}`);)t+=1;return`node-${t}`}function m(e){if(e.length===0)return{x:f,y:f};let t=Math.max(...e.map(e=>e.position.x)),n=e[e.length-1]?.position.y??f;return{x:t+d,y:n}}var h=o.default.forwardRef(({nodes:e,edges:d,onNodesChange:f,onEdgesChange:h,onConnect:g,nodeTypes:_,edgeTypes:v,nodesDraggable:y=!0,nodesConnectable:b=!0,deleteKeyCode:x,showMiniMap:S=!1,showControls:C=!0,backgroundVariant:w=l.BackgroundVariant.Dots,fitView:T=!0,fitViewOptions:E,defaultEdgeOptions:D,className:O,"aria-label":k,...A},j)=>{let{t:M}=t.useWimTranslation(n.commonNs),N=k??M(`nodeGraph.label`),P=M(`nodeGraph.add_node`),F=M(`nodeGraph.node_name`),I=M(`nodeGraph.new_node`),L=M(`a11y.delete`),R=x===void 0?[...u]:x,z=R!=null,[B,V]=(0,o.useState)(!1),[H,U]=(0,o.useState)(``),W=(0,o.useRef)(null),G=(0,o.useMemo)(()=>e.filter(e=>e.selected),[e]),K=(0,o.useMemo)(()=>d.filter(e=>e.selected),[d]),q=G.length>0||K.length>0,J=H.trim(),Y=R==null?void 0:Array.isArray(R)?R.join(` `):R;(0,o.useEffect)(()=>{B&&W.current?.focus()},[B]);let X=(0,o.useCallback)(()=>{z&&J&&(f([{type:`add`,item:{id:p(e),position:m(e),data:{label:J}}}]),V(!1),U(``))},[z,J,e,f]),Z=(0,o.useCallback)(()=>{if(z){if(!B){V(!0);return}X()}},[z,B,X]),Q=(0,o.useCallback)(e=>{e.stopPropagation(),e.key===`Enter`&&(e.preventDefault(),X()),e.key===`Escape`&&(e.preventDefault(),V(!1),U(``))},[X]),te=(0,o.useCallback)(()=>{if(!z||!q)return;let e=new Set(G.map(e=>e.id)),t=new Set(K.map(e=>e.id));for(let n of d)(e.has(n.source)||e.has(n.target))&&t.add(n.id);t.size>0&&h([...t].map(e=>({type:`remove`,id:e}))),e.size>0&&f([...e].map(e=>({type:`remove`,id:e})))},[z,q,G,K,d,h,f]),$=(0,o.useCallback)(e=>{e.stopPropagation()},[]);return(0,c.jsxs)(`div`,{ref:j,className:(0,s.default)(`wim-node-graph`,a.default.root,O),role:`region`,"aria-label":N,...A,children:[(0,c.jsxs)(l.ReactFlow,{nodes:e,edges:d,onNodesChange:f,onEdgesChange:h,onConnect:g,nodeTypes:_,edgeTypes:v,nodesDraggable:y,nodesConnectable:b,deleteKeyCode:R,fitView:T,fitViewOptions:E,defaultEdgeOptions:D,className:a.default.flow,children:[(0,c.jsx)(l.Background,{variant:w,className:a.default.background}),C&&(0,c.jsx)(l.Controls,{className:a.default.controls}),S&&(0,c.jsx)(l.MiniMap,{className:a.default.miniMap})]}),z&&(0,c.jsxs)(`div`,{className:a.default.tools,children:[B&&(0,c.jsx)(`input`,{ref:W,className:(0,s.default)(`nodrag`,`nopan`,a.default.name),value:H,onChange:e=>U(e.target.value),onKeyDown:Q,onPointerDown:$,onMouseDown:$,"aria-label":F,placeholder:I}),(0,c.jsxs)(`div`,{className:a.default.toolRow,children:[(0,c.jsxs)(`button`,{type:`button`,className:(0,s.default)(`nodrag`,`nopan`,a.default.tool),disabled:B&&!J,onClick:Z,onPointerDown:$,onMouseDown:$,"aria-label":P,"aria-expanded":B,children:[(0,c.jsx)(i.Icon,{component:r.default,size:`sm`}),P]}),(0,c.jsxs)(`button`,{type:`button`,className:(0,s.default)(`nodrag`,`nopan`,a.default.tool),disabled:!q,onClick:te,onPointerDown:$,onMouseDown:$,"aria-label":L,"aria-keyshortcuts":Y,children:[(0,c.jsx)(i.Icon,{component:ee.default,size:`sm`}),L]})]})]})]})});h.displayName=`NodeGraph`,exports.NodeGraph=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../icon/plus.cjs"),ee=require("../../../icon/trash.cjs"),i=require("../../media/Icon/Icon.cjs");;/* empty css                                               */const a=require("./node-graph.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"),l=require("@xyflow/react");var u=[`Backspace`,`Delete`],d=180,f=80;function p(e){let t=1,n=new Set(e.map(e=>e.id));for(;n.has(`node-${t}`);)t+=1;return`node-${t}`}function m(e){if(e.length===0)return{x:f,y:f};let t=Math.max(...e.map(e=>e.position.x)),n=e[e.length-1]?.position.y??f;return{x:t+d,y:n}}var h=o.default.forwardRef(({nodes:e,edges:d,onNodesChange:f,onEdgesChange:h,onConnect:g,nodeTypes:_,edgeTypes:v,nodesDraggable:y=!0,nodesConnectable:b=!0,deleteKeyCode:x,showMiniMap:S=!1,showControls:C=!0,backgroundVariant:w=l.BackgroundVariant.Dots,fitView:T=!0,fitViewOptions:E,defaultEdgeOptions:D,className:O,"aria-label":k,...A},j)=>{let{t:M}=t.useWimTranslation(n.commonNs),N=k??M(`nodeGraph.label`),P=M(`nodeGraph.add_node`),F=M(`nodeGraph.node_name`),I=M(`nodeGraph.new_node`),L=M(`a11y.delete`),R=x===void 0?[...u]:x,z=R!=null,[B,V]=(0,o.useState)(!1),[H,U]=(0,o.useState)(``),W=(0,o.useRef)(null),G=(0,o.useMemo)(()=>e.filter(e=>e.selected),[e]),K=(0,o.useMemo)(()=>d.filter(e=>e.selected),[d]),q=G.length>0||K.length>0,J=H.trim(),Y=R==null?void 0:Array.isArray(R)?R.join(` `):R;(0,o.useEffect)(()=>{B&&W.current?.focus()},[B]);let X=(0,o.useCallback)(()=>{z&&J&&(f([{type:`add`,item:{id:p(e),position:m(e),data:{label:J}}}]),V(!1),U(``))},[z,J,e,f]),Z=(0,o.useCallback)(()=>{z&&(B?X():V(!0))},[z,B,X]),Q=(0,o.useCallback)(e=>{e.stopPropagation(),e.key===`Enter`&&(e.preventDefault(),X()),e.key===`Escape`&&(e.preventDefault(),V(!1),U(``))},[X]),te=(0,o.useCallback)(()=>{if(!z||!q)return;let e=new Set(G.map(e=>e.id)),t=new Set(K.map(e=>e.id));for(let n of d)(e.has(n.source)||e.has(n.target))&&t.add(n.id);t.size>0&&h([...t].map(e=>({type:`remove`,id:e}))),e.size>0&&f([...e].map(e=>({type:`remove`,id:e})))},[z,q,G,K,d,h,f]),$=(0,o.useCallback)(e=>{e.stopPropagation()},[]);return(0,c.jsxs)(`div`,{ref:j,className:(0,s.default)(`wim-node-graph`,a.default.root,O),role:`region`,"aria-label":N,...A,children:[(0,c.jsxs)(l.ReactFlow,{nodes:e,edges:d,onNodesChange:f,onEdgesChange:h,onConnect:g,nodeTypes:_,edgeTypes:v,nodesDraggable:y,nodesConnectable:b,deleteKeyCode:R,fitView:T,fitViewOptions:E,defaultEdgeOptions:D,className:a.default.flow,children:[(0,c.jsx)(l.Background,{variant:w,className:a.default.background}),C&&(0,c.jsx)(l.Controls,{className:a.default.controls}),S&&(0,c.jsx)(l.MiniMap,{className:a.default.miniMap})]}),z&&(0,c.jsxs)(`div`,{className:a.default.tools,children:[B&&(0,c.jsx)(`input`,{ref:W,className:(0,s.default)(`nodrag`,`nopan`,a.default.name),value:H,onChange:e=>U(e.target.value),onKeyDown:Q,onPointerDown:$,onMouseDown:$,"aria-label":F,placeholder:I}),(0,c.jsxs)(`div`,{className:a.default.toolRow,children:[(0,c.jsxs)(`button`,{type:`button`,className:(0,s.default)(`nodrag`,`nopan`,a.default.tool),disabled:B&&!J,onClick:Z,onPointerDown:$,onMouseDown:$,"aria-label":P,"aria-expanded":B,children:[(0,c.jsx)(i.Icon,{component:r.default,size:`sm`}),P]}),(0,c.jsxs)(`button`,{type:`button`,className:(0,s.default)(`nodrag`,`nopan`,a.default.tool),disabled:!q,onClick:te,onPointerDown:$,onMouseDown:$,"aria-label":L,"aria-keyshortcuts":Y,children:[(0,c.jsx)(i.Icon,{component:ee.default,size:`sm`}),L]})]})]})]})});h.displayName=`NodeGraph`,exports.NodeGraph=h;

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

@@ -48,13 +48,7 @@ var b = o.forwardRef(({ nodes: o, edges: _, onNodesChange: v, onEdgesChange: b,
 		o,
 		v
 	]), ce = s(() => {
-		if (H) {
-			if (!U) {
-				W(!0);
-				return;
-			}
-			Q();
-		}
+		H && (U ? Q() : W(!0));
 	}, [
 		H,
 		U,

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../hooks/useMergedRef.cjs"),i=require("../../../node_modules/@fullcalendar/core/locales/ja.cjs"),a=require("../../../node_modules/@fullcalendar/core/locales/pt.cjs"),o=require("../../../node_modules/@fullcalendar/core/locales/pt-br.cjs"),s=require("./schedule-view.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime"),d=require("@fullcalendar/react");d=e.__toESM(d,1);let f=require("@fullcalendar/timegrid");f=e.__toESM(f,1);let p=require("@fullcalendar/daygrid");p=e.__toESM(p,1);let m=require("@fullcalendar/interaction");m=e.__toESM(m,1);var h=[i.default,a.default,o.default],g=[f.default,p.default,m.default],_={left:`prev,next today`,center:`title`,right:`dayGridMonth,timeGridWeek,timeGridDay`},v=c.default.forwardRef(({events:e=[],initialView:i=`timeGridWeek`,editable:a=!0,selectable:o=!0,onEventClick:f,onEventDrop:p,onEventChange:m,onDateSelect:v,unselectAuto:y=!0,slotMinTime:b=`08:00:00`,slotMaxTime:x=`20:00:00`,slotDuration:S=`00:30:00`,locale:C=`en`,className:w,"aria-label":T,...E},D)=>{let{t:O}=t.useWimTranslation(n.commonNs),k=T??O(`scheduleView.label`),A=(0,c.useRef)(null),j=(0,c.useRef)(null),M=r.useMergedRef(D,j);return(0,c.useEffect)(()=>{let e=j.current;if(!e)return;let t=()=>{e.querySelectorAll(`.fc-icon[role="img"]:not([aria-hidden])`).forEach(e=>e.setAttribute(`aria-hidden`,`true`)),e.querySelectorAll(`a.fc-more-link:not([role])`).forEach(e=>e.setAttribute(`role`,`button`)),e.querySelectorAll(`.fc-scroller`).forEach(e=>{let t=e;t.scrollHeight>t.clientHeight+1||t.scrollWidth>t.clientWidth+1?t.setAttribute(`tabindex`,`0`):t.getAttribute(`tabindex`)===`0`&&t.removeAttribute(`tabindex`)})};t();let n=new MutationObserver(t);n.observe(e,{childList:!0,subtree:!0});let r=typeof ResizeObserver>`u`?null:new ResizeObserver(t);return r?.observe(e),()=>{n.disconnect(),r?.disconnect()}},[]),(0,u.jsx)(`div`,{ref:M,className:(0,l.default)(`wim-schedule-view`,s.default.root,w),role:`region`,"aria-label":k,...E,children:(0,u.jsx)(d.default,{ref:A,plugins:g,initialView:i,headerToolbar:_,events:e,editable:a,selectable:o,selectMirror:!0,unselectAuto:y,dayMaxEvents:!0,weekends:!0,slotMinTime:b,slotMaxTime:x,slotDuration:S,locale:C,locales:h,eventColor:`var(--wim-color-primary)`,eventTextColor:`var(--wim-color-text-on-primary)`,eventClick:f,eventDrop:p,eventChange:m,select:v,height:`auto`})})});v.displayName=`ScheduleView`,exports.ScheduleView=v;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../hooks/useMergedRef.cjs"),i=require("../../../node_modules/@fullcalendar/core/locales/ja.cjs"),a=require("../../../node_modules/@fullcalendar/core/locales/pt.cjs"),o=require("../../../node_modules/@fullcalendar/core/locales/pt-br.cjs"),s=require("./schedule-view.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime"),d=require("@fullcalendar/react");d=e.__toESM(d,1);let f=require("@fullcalendar/timegrid");f=e.__toESM(f,1);let p=require("@fullcalendar/daygrid");p=e.__toESM(p,1);let m=require("@fullcalendar/interaction");m=e.__toESM(m,1);var h=[i.default,a.default,o.default],g=[f.default,p.default,m.default],_={left:`prev,next today`,center:`title`,right:`dayGridMonth,timeGridWeek,timeGridDay`},v=c.default.forwardRef(({events:e=[],initialView:i=`timeGridWeek`,editable:a=!0,selectable:o=!0,onEventClick:f,onEventDrop:p,onEventChange:m,onDateSelect:v,unselectAuto:y=!0,slotMinTime:b=`08:00:00`,slotMaxTime:x=`20:00:00`,slotDuration:S=`00:30:00`,locale:C=`en`,className:w,"aria-label":T,...E},D)=>{let{t:O}=t.useWimTranslation(n.commonNs),k=T??O(`scheduleView.label`),A=(0,c.useRef)(null),j=(0,c.useRef)(null),M=r.useMergedRef(D,j);return(0,c.useEffect)(()=>{let e=j.current;if(!e)return;let t=()=>{e.querySelectorAll(`.fc-icon[role="img"]:not([aria-hidden])`).forEach(e=>e.setAttribute(`aria-hidden`,`true`)),e.querySelectorAll(`td.fc-daygrid-day[aria-labelledby]`).forEach(e=>{e.querySelector(`.fc-daygrid-event`)&&e.removeAttribute(`aria-labelledby`)}),e.querySelectorAll(`a.fc-more-link:not([role])`).forEach(e=>e.setAttribute(`role`,`button`)),e.querySelectorAll(`.fc-scroller`).forEach(e=>{let t=e;t.scrollHeight>t.clientHeight+1||t.scrollWidth>t.clientWidth+1?t.setAttribute(`tabindex`,`0`):t.getAttribute(`tabindex`)===`0`&&t.removeAttribute(`tabindex`)})};t();let n=new MutationObserver(t);n.observe(e,{childList:!0,subtree:!0});let r=typeof ResizeObserver>`u`?null:new ResizeObserver(t);return r?.observe(e),()=>{n.disconnect(),r?.disconnect()}},[]),(0,u.jsx)(`div`,{ref:M,className:(0,l.default)(`wim-schedule-view`,s.default.root,w),role:`region`,"aria-label":k,...E,children:(0,u.jsx)(d.default,{ref:A,plugins:g,initialView:i,headerToolbar:_,events:e,editable:a,selectable:o,selectMirror:!0,unselectAuto:y,dayMaxEvents:!0,weekends:!0,slotMinTime:b,slotMaxTime:x,slotDuration:S,locale:C,locales:h,eventColor:`var(--wim-color-primary)`,eventTextColor:`var(--wim-color-text-on-primary)`,eventClick:f,eventDrop:p,eventChange:m,select:v,height:`auto`})})});v.displayName=`ScheduleView`,exports.ScheduleView=v;

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

@@ -32,7 +32,9 @@ var g = [
 		let e = M.current;
 		if (!e) return;
 		let t = () => {
-			e.querySelectorAll(".fc-icon[role=\"img\"]:not([aria-hidden])").forEach((e) => e.setAttribute("aria-hidden", "true")), e.querySelectorAll("a.fc-more-link:not([role])").forEach((e) => e.setAttribute("role", "button")), e.querySelectorAll(".fc-scroller").forEach((e) => {
+			e.querySelectorAll(".fc-icon[role=\"img\"]:not([aria-hidden])").forEach((e) => e.setAttribute("aria-hidden", "true")), e.querySelectorAll("td.fc-daygrid-day[aria-labelledby]").forEach((e) => {
+				e.querySelector(".fc-daygrid-event") && e.removeAttribute("aria-labelledby");
+			}), e.querySelectorAll("a.fc-more-link:not([role])").forEach((e) => e.setAttribute("role", "button")), e.querySelectorAll(".fc-scroller").forEach((e) => {
 				let t = e;
 				t.scrollHeight > t.clientHeight + 1 || t.scrollWidth > t.clientWidth + 1 ? t.setAttribute("tabindex", "0") : t.getAttribute("tabindex") === "0" && t.removeAttribute("tabindex");
 			});

package/dist/components/data-display/SwipeAction/SwipeAction.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("../../_internal/composeEventHandlers.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./swipe-action.module.cjs"),a=require("./SwipeableList.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=o.default.forwardRef(({as:e=`div`,leftActions:l=[],rightActions:u=[],children:d,asChild:f=!1,id:p,closeOnAction:m=!0,fullSwipe:h,className:g,..._},v)=>{let y=(0,o.useId)(),b=p||y,x=a.useSwipeableList(),[S,C]=(0,o.useState)(0),[w,T]=(0,o.useState)(!1),E=(0,o.useRef)(0),D=(0,o.useRef)(0),O=(0,o.useRef)(null);(0,o.useImperativeHandle)(v,()=>({close:()=>{C(0),x?.reportClose(b)}}));let k=(0,o.useRef)(!1);(0,o.useEffect)(()=>{if(w){k.current=!0;return}if(k.current){let e=setTimeout(()=>{k.current=!1},100);return()=>clearTimeout(e)}x?.openedId&&x.openedId!==b&&C(0)},[x?.openedId,b,w]);let A=l.length*80,j=u.length*80,M=A>0&&(h===`left`||h===`both`),N=j>0&&(h===`right`||h===`both`),P=O.current?.offsetWidth??0,F=e=>Math.max(e+40,P/2),I=w&&M&&S>=F(A)?`left`:w&&N&&-S>=F(j)?`right`:null,L=e=>{E.current=`touches`in e?e.touches[0].clientX:e.clientX,D.current=S,T(!0)},R=e=>{if(!w)return;let t=(`touches`in e?e.touches[0].clientX:e.clientX)-E.current,n=D.current+t;Math.abs(t)>5&&x?.openedId!==b&&x?.reportOpen(b),n>A&&!M&&(n=A+(n-A)*.3),n<-j&&!N&&(n=-j+(n+j)*.3),C(n)},z=(e=!0)=>{if(w){if(T(!1),I){let t=I===`left`?l[0]:u[u.length-1];if(e){G(t),m||(C(I===`left`?A:-j),x?.reportOpen(b));return}}S>A/2?(C(A),x?.reportOpen(b)):S<-j/2?(C(-j),x?.reportOpen(b)):(C(0),x?.reportClose(b))}},B=f?t.Root:`div`,V=(0,o.useRef)(null),H=A>0||j>0,U=e=>{let t=e===`left`?A:-j;S!==t&&C(t),x?.reportOpen(b)},W=e=>{let t=e.relatedTarget;t&&O.current?.contains(t)||S!==0&&!w&&(C(0),x?.reportClose(b))},G=(e,t)=>{e.onClick(),m&&(C(0),x?.reportClose(b),t&&document.activeElement===t&&V.current?.focus())},K=(e,t,n)=>{let a=e===`left`?M:N,o=e===`left`?Math.max(0,S):Math.max(0,-S),l=e===`left`?0:t.length-1;return(0,c.jsx)(`div`,{className:(0,s.default)(i.default.actions,i.default[e],a&&o>n&&i.default.stretched,I===e&&i.default.armed),style:{width:a?Math.max(n,o):n,"--_action-w":`80px`},children:t.map((t,n)=>(0,c.jsxs)(`button`,{className:(0,s.default)(i.default.action,t.intent&&i.default[t.intent],a&&n===l&&i.default.outer),style:{backgroundColor:t.color},onFocus:()=>U(e),onClick:e=>G(t,e.currentTarget),type:`button`,children:[(0,c.jsx)(r.Icon,{name:t.icon,size:`md`}),(0,c.jsx)(`span`,{className:i.default.label,children:t.label})]},n))})};return(0,c.jsxs)(e,{ref:O,className:(0,s.default)(`wim-swipe-action`,i.default.container,g),..._,onMouseLeave:n.composeEventHandlers(_.onMouseLeave,()=>z(!1)),onBlur:n.composeEventHandlers(_.onBlur,W),children:[(0,c.jsx)(B,{ref:V,className:i.default.content,tabIndex:H?-1:void 0,style:{transform:`translateX(${S}px)`,transition:w?`none`:`transform 0.4s cubic-bezier(0.16, 1, 0.3, 1)`},onTouchStart:L,onTouchMove:R,onTouchEnd:()=>z(),onMouseDown:L,onMouseMove:R,onMouseUp:()=>z(),children:d}),A>0&&K(`left`,l,A),j>0&&K(`right`,u,j)]})});l.displayName=`SwipeAction`,exports.SwipeAction=l;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/composeEventHandlers.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./swipe-action.module.cjs"),a=require("./SwipeableList.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=o.default.forwardRef(({as:e=`div`,leftActions:l=[],rightActions:u=[],children:d,asChild:f=!1,id:p,closeOnAction:m=!0,fullSwipe:h,className:g,..._},v)=>{let y=(0,o.useId)(),b=p||y,x=a.useSwipeableList(),[S,C]=(0,o.useState)(0),[w,T]=(0,o.useState)(!1),E=(0,o.useRef)(0),D=(0,o.useRef)(0),O=(0,o.useRef)(null);(0,o.useImperativeHandle)(v,()=>({close:()=>{C(0),x?.reportClose(b)}}));let k=(0,o.useRef)(!1);(0,o.useEffect)(()=>{if(w)k.current=!0;else{if(k.current){let e=setTimeout(()=>{k.current=!1},100);return()=>clearTimeout(e)}x?.openedId&&x.openedId!==b&&C(0)}},[x?.openedId,b,w]);let A=l.length*80,j=u.length*80,M=A>0&&(h===`left`||h===`both`),N=j>0&&(h===`right`||h===`both`),P=O.current?.offsetWidth??0,F=e=>Math.max(e+40,P/2),I=w&&M&&S>=F(A)?`left`:w&&N&&-S>=F(j)?`right`:null,L=e=>{E.current=`touches`in e?e.touches[0].clientX:e.clientX,D.current=S,T(!0)},R=e=>{if(!w)return;let t=(`touches`in e?e.touches[0].clientX:e.clientX)-E.current,n=D.current+t;Math.abs(t)>5&&x?.openedId!==b&&x?.reportOpen(b),n>A&&!M&&(n=A+(n-A)*.3),n<-j&&!N&&(n=-j+(n+j)*.3),C(n)},z=(e=!0)=>{if(w){if(T(!1),I){let t=I===`left`?l[0]:u[u.length-1];if(e){G(t),m||(C(I===`left`?A:-j),x?.reportOpen(b));return}}S>A/2?(C(A),x?.reportOpen(b)):S<-j/2?(C(-j),x?.reportOpen(b)):(C(0),x?.reportClose(b))}},B=f?t.Root:`div`,V=(0,o.useRef)(null),H=A>0||j>0,U=e=>{let t=e===`left`?A:-j;S!==t&&C(t),x?.reportOpen(b)},W=e=>{let t=e.relatedTarget;t&&O.current?.contains(t)||S!==0&&!w&&(C(0),x?.reportClose(b))},G=(e,t)=>{e.onClick(),m&&(C(0),x?.reportClose(b),t&&document.activeElement===t&&V.current?.focus())},K=(e,t,n)=>{let a=e===`left`?M:N,o=e===`left`?Math.max(0,S):Math.max(0,-S),l=e===`left`?0:t.length-1;return(0,c.jsx)(`div`,{className:(0,s.default)(i.default.actions,i.default[e],a&&o>n&&i.default.stretched,I===e&&i.default.armed),style:{width:a?Math.max(n,o):n,"--_action-w":`80px`},children:t.map((t,n)=>(0,c.jsxs)(`button`,{className:(0,s.default)(i.default.action,t.intent&&i.default[t.intent],a&&n===l&&i.default.outer),style:{backgroundColor:t.color},onFocus:()=>U(e),onClick:e=>G(t,e.currentTarget),type:`button`,children:[(0,c.jsx)(r.Icon,{name:t.icon,size:`md`}),(0,c.jsx)(`span`,{className:i.default.label,children:t.label})]},n))})};return(0,c.jsxs)(e,{ref:O,className:(0,s.default)(`wim-swipe-action`,i.default.container,g),..._,onMouseLeave:n.composeEventHandlers(_.onMouseLeave,()=>z(!1)),onBlur:n.composeEventHandlers(_.onBlur,W),children:[(0,c.jsx)(B,{ref:V,className:i.default.content,tabIndex:H?-1:void 0,style:{transform:`translateX(${S}px)`,transition:w?`none`:`transform 0.4s cubic-bezier(0.16, 1, 0.3, 1)`},onTouchStart:L,onTouchMove:R,onTouchEnd:()=>z(),onMouseDown:L,onMouseMove:R,onMouseUp:()=>z(),children:d}),A>0&&K(`left`,l,A),j>0&&K(`right`,u,j)]})});l.displayName=`SwipeAction`,exports.SwipeAction=l;

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

@@ -15,17 +15,16 @@ var m = a.forwardRef(({ as: a = "div", leftActions: m = [], rightActions: h = []
 	} }));
 	let P = l(!1);
 	o(() => {
-		if (k) {
-			P.current = !0;
-			return;
-		}
-		if (P.current) {
-			let e = setTimeout(() => {
-				P.current = !1;
-			}, 100);
-			return () => clearTimeout(e);
+		if (k) P.current = !0;
+		else {
+			if (P.current) {
+				let e = setTimeout(() => {
+					P.current = !1;
+				}, 100);
+				return () => clearTimeout(e);
+			}
+			E?.openedId && E.openedId !== T && O(0);
 		}
-		E?.openedId && E.openedId !== T && O(0);
 	}, [
 		E?.openedId,
 		T,

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("../../../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=_;
+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.avatar&&`${M}-${t}-a`,`${M}-${t}`,!C&&n.description&&`${M}-${t}-d`,e.hasChildren&&!a&&`${M}-${t}-c`].filter(Boolean).join(` `),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`,{id:`${M}-${t}-a`,className:o.default.avatar,children:n.avatar}),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&&` `,n.description&&(0,l.jsx)(`span`,{id:`${M}-${t}-d`,className:o.default.description,children:n.description})]})]}),e.hasChildren&&` `,e.hasChildren&&(0,l.jsx)(`button`,{type:`button`,tabIndex:-1,className:o.default.toggle,"aria-label":a?P(d):`${N(d)} +${e.hiddenCount}`,onClick:t=>{t.stopPropagation(),B(e.value)},children:a?(0,l.jsx)(i.Icon,{component:r.default,size:`xs`}):(0,l.jsxs)(`span`,{id:`${M}-${t}-c`,children:[`+`,e.hiddenCount]})})]},e.value)})]})})});_.displayName=`TreeDiagram`,exports.TreeDiagram=_;