wimui 0.51.2 → 0.52.2

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

@@ -1,28 +1,29 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import t from "../../../icon/chevron-down.js";
-import n from "../../../icon/chevron-right.js";
-import r from "../../../icon/plus.js";
-import i from "../../../icon/trash.js";
-import { Icon as a } from "../../media/Icon/Icon.js";
-import { IconButton as o } from "../../form/IconButton/IconButton.js";
-import s from "./json-viewer.module.js";
-import c, { useCallback as l, useId as u, useState as d } from "react";
-import f from "classnames";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { commonNs as t } from "../../../i18n/generated/common.js";
+import n from "../../../icon/chevron-down.js";
+import r from "../../../icon/chevron-right.js";
+import i from "../../../icon/plus.js";
+import a from "../../../icon/trash.js";
+import { Icon as o } from "../../media/Icon/Icon.js";
+import { IconButton as s } from "../../form/IconButton/IconButton.js";
+import c from "./json-viewer.module.js";
+import l, { useCallback as u, useId 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/JsonViewer/JsonViewer.tsx
-var h = (e, t, n) => {
+var g = (e, t, n) => {
 	if (t.length === 0) return n;
 	let [r, ...i] = t;
 	if (Array.isArray(e)) {
 		let t = [...e];
-		return t[r] = h(e[r], i, n), t;
+		return t[r] = g(e[r], i, n), t;
 	}
 	return typeof e == "object" && e ? {
 		...e,
-		[r]: h(e[r], i, n)
+		[r]: g(e[r], i, n)
 	} : e;
-}, g = (e, t) => {
+}, _ = (e, t) => {
 	if (t.length === 0) return e;
 	let [n, ...r] = t;
 	if (t.length === 1) {
@@ -35,13 +36,13 @@ var h = (e, t, n) => {
 	}
 	if (Array.isArray(e)) {
 		let t = [...e];
-		return t[n] = g(e[n], r), t;
+		return t[n] = _(e[n], r), t;
 	}
 	return typeof e == "object" && e ? {
 		...e,
-		[n]: g(e[n], r)
+		[n]: _(e[n], r)
 	} : e;
-}, _ = (e, t, n) => {
+}, v = (e, t, n) => {
 	if (t.length === 0) return Array.isArray(e) ? [...e, ""] : typeof e == "object" && e ? {
 		...e,
 		[n || "new_key"]: ""
@@ -49,218 +50,218 @@ var h = (e, t, n) => {
 	let [r, ...i] = t;
 	if (Array.isArray(e)) {
 		let t = [...e];
-		return t[r] = _(e[r], i, n), t;
+		return t[r] = v(e[r], i, n), t;
 	}
 	return typeof e == "object" && e ? {
 		...e,
-		[r]: _(e[r], i, n)
+		[r]: v(e[r], i, n)
 	} : e;
-}, v = ({ value: e, onSave: t, className: n }) => {
-	let [r, i] = d(!1), [a, o] = d(String(e)), l = c.useRef(null);
-	c.useEffect(() => {
-		r && l.current && l.current.focus();
+}, y = ({ value: e, onSave: t, className: n }) => {
+	let [r, i] = f(!1), [a, o] = f(String(e)), s = l.useRef(null);
+	l.useEffect(() => {
+		r && s.current && s.current.focus();
 	}, [r]);
 	let u = () => {
 		i(!1);
 		let n = a;
 		typeof e == "number" && (n = Number(a)), typeof e == "boolean" && (n = a === "true"), a === "null" && (n = null), t(n);
 	};
-	return r ? /* @__PURE__ */ p("input", {
-		ref: l,
-		className: s.input,
+	return r ? /* @__PURE__ */ m("input", {
+		ref: s,
+		className: c.input,
 		value: a,
 		onChange: (e) => o(e.target.value),
 		onBlur: u,
 		onKeyDown: (e) => {
 			e.key === "Enter" && u(), e.key === "Escape" && i(!1);
 		}
-	}) : /* @__PURE__ */ p("span", {
+	}) : /* @__PURE__ */ m("span", {
 		role: "button",
 		tabIndex: 0,
-		className: f(s.value, n, s.editable),
+		className: p(c.value, n, c.editable),
 		onClick: () => i(!0),
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i(!0));
 		},
 		children: typeof e == "string" ? `"${e}"` : String(e)
 	});
-}, y = ({ label: o, value: c, depth: l, currentDepth: u, path: h, editable: g, onUpdate: _, onDelete: b, onAdd: x }) => {
-	let { t: S } = e(), [C, w] = d(u < l), T = typeof c == "object" && !!c, E = Array.isArray(c), D = () => w(!C), O = () => g ? /* @__PURE__ */ m("div", {
-		className: s.actions,
-		children: [T && /* @__PURE__ */ p("button", {
+}, b = ({ label: s, value: l, depth: u, currentDepth: d, path: g, editable: _, onUpdate: v, onDelete: x, onAdd: S }) => {
+	let { t: C } = e(t), [w, T] = f(d < u), E = typeof l == "object" && !!l, D = Array.isArray(l), O = () => T(!w), k = () => _ ? /* @__PURE__ */ h("div", {
+		className: c.actions,
+		children: [E && /* @__PURE__ */ m("button", {
 			type: "button",
-			className: s.nodeAction,
+			className: c.nodeAction,
 			onClick: (e) => {
-				e.stopPropagation(), x(h);
+				e.stopPropagation(), S(g);
 			},
-			title: S("jsonViewer.addItem"),
-			"aria-label": S("jsonViewer.addItem"),
-			children: /* @__PURE__ */ p(a, {
-				component: r,
+			title: C("jsonViewer.addItem"),
+			"aria-label": C("jsonViewer.addItem"),
+			children: /* @__PURE__ */ m(o, {
+				component: i,
 				size: "xs"
 			})
-		}), u > 0 && /* @__PURE__ */ p("button", {
+		}), d > 0 && /* @__PURE__ */ m("button", {
 			type: "button",
-			className: f(s.nodeAction, s.delete),
+			className: p(c.nodeAction, c.delete),
 			onClick: (e) => {
-				e.stopPropagation(), b(h);
+				e.stopPropagation(), x(g);
 			},
-			title: S("jsonViewer.deleteItem"),
-			"aria-label": S("jsonViewer.deleteItem"),
-			children: /* @__PURE__ */ p(a, {
-				component: i,
+			title: C("jsonViewer.deleteItem"),
+			"aria-label": C("jsonViewer.deleteItem"),
+			children: /* @__PURE__ */ m(o, {
+				component: a,
 				size: "xs"
 			})
 		})]
 	}) : null;
-	if (!T) return /* @__PURE__ */ m("div", {
-		className: s.node,
+	if (!E) return /* @__PURE__ */ h("div", {
+		className: c.node,
 		children: [
-			o && /* @__PURE__ */ m("span", {
-				className: s.key,
-				children: [o, ":"]
+			s && /* @__PURE__ */ h("span", {
+				className: c.key,
+				children: [s, ":"]
 			}),
-			g ? /* @__PURE__ */ p(v, {
-				value: c,
-				onSave: (e) => _(h, e),
-				className: s[c === null ? "null" : typeof c]
-			}) : /* @__PURE__ */ p("span", {
-				className: f(s.value, s[c === null ? "null" : typeof c]),
-				children: typeof c == "string" ? `"${c}"` : String(c)
+			_ ? /* @__PURE__ */ m(y, {
+				value: l,
+				onSave: (e) => v(g, e),
+				className: c[l === null ? "null" : typeof l]
+			}) : /* @__PURE__ */ m("span", {
+				className: p(c.value, c[l === null ? "null" : typeof l]),
+				children: typeof l == "string" ? `"${l}"` : String(l)
 			}),
-			O()
+			k()
 		]
 	});
-	let k = E ? c.length === 0 : Object.keys(c).length === 0;
-	return /* @__PURE__ */ m("div", {
-		className: s.node,
+	let A = D ? l.length === 0 : Object.keys(l).length === 0;
+	return /* @__PURE__ */ h("div", {
+		className: c.node,
 		children: [
-			/* @__PURE__ */ m("div", {
-				className: s.headerRow,
-				children: [/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
+				className: c.headerRow,
+				children: [/* @__PURE__ */ h("div", {
 					role: "button",
-					tabIndex: k ? -1 : 0,
-					className: f(s.header, !k && s.collapsible),
-					onClick: k ? void 0 : D,
+					tabIndex: A ? -1 : 0,
+					className: p(c.header, !A && c.collapsible),
+					onClick: A ? void 0 : O,
 					onKeyDown: (e) => {
-						!k && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), D());
+						!A && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), O());
 					},
 					children: [
-						!k && /* @__PURE__ */ p(a, {
-							component: C ? t : n,
+						!A && /* @__PURE__ */ m(o, {
+							component: w ? n : r,
 							size: "sm",
-							className: s.toggle
+							className: c.toggle
 						}),
-						o && /* @__PURE__ */ m("span", {
-							className: s.key,
-							children: [o, ":"]
+						s && /* @__PURE__ */ h("span", {
+							className: c.key,
+							children: [s, ":"]
 						}),
-						/* @__PURE__ */ p("span", {
-							className: s.bracket,
-							children: E ? "[" : "{"
+						/* @__PURE__ */ m("span", {
+							className: c.bracket,
+							children: D ? "[" : "{"
 						}),
-						!C && !k && /* @__PURE__ */ p("span", {
-							className: s.ellipsis,
+						!w && !A && /* @__PURE__ */ m("span", {
+							className: c.ellipsis,
 							children: "..."
 						}),
-						!C && /* @__PURE__ */ p("span", {
-							className: s.bracket,
-							children: E ? "]" : "}"
+						!w && /* @__PURE__ */ m("span", {
+							className: c.bracket,
+							children: D ? "]" : "}"
 						}),
-						C && /* @__PURE__ */ p("span", {
-							className: s.count,
-							children: E ? `${c.length} items` : `${Object.keys(c).length} keys`
+						w && /* @__PURE__ */ m("span", {
+							className: c.count,
+							children: D ? `${l.length} items` : `${Object.keys(l).length} keys`
 						})
 					]
-				}), O()]
+				}), k()]
 			}),
-			C && !k && /* @__PURE__ */ p("div", {
-				className: s.children,
-				children: E ? c.map((e, t) => /* @__PURE__ */ p(y, {
+			w && !A && /* @__PURE__ */ m("div", {
+				className: c.children,
+				children: D ? l.map((e, t) => /* @__PURE__ */ m(b, {
 					value: e,
-					depth: l,
-					currentDepth: u + 1,
-					path: [...h, t],
-					editable: g,
-					onUpdate: _,
-					onDelete: b,
-					onAdd: x
-				}, t)) : Object.entries(c).map(([e, t]) => /* @__PURE__ */ p(y, {
+					depth: u,
+					currentDepth: d + 1,
+					path: [...g, t],
+					editable: _,
+					onUpdate: v,
+					onDelete: x,
+					onAdd: S
+				}, t)) : Object.entries(l).map(([e, t]) => /* @__PURE__ */ m(b, {
 					label: e,
 					value: t,
-					depth: l,
-					currentDepth: u + 1,
-					path: [...h, e],
-					editable: g,
-					onUpdate: _,
-					onDelete: b,
-					onAdd: x
+					depth: u,
+					currentDepth: d + 1,
+					path: [...g, e],
+					editable: _,
+					onUpdate: v,
+					onDelete: x,
+					onAdd: S
 				}, e))
 			}),
-			C && /* @__PURE__ */ p("div", {
-				className: s.footer,
-				children: /* @__PURE__ */ p("span", {
-					className: s.bracket,
-					children: E ? "]" : "}"
+			w && /* @__PURE__ */ m("div", {
+				className: c.footer,
+				children: /* @__PURE__ */ m("span", {
+					className: c.bracket,
+					children: D ? "]" : "}"
 				})
 			})
 		]
 	});
-}, b = c.forwardRef(({ data: t, expandDepth: n = 1, showCopy: r = !0, showToolbar: i = !0, editable: a = !1, onChange: c, className: v, ...b }, x) => {
-	let { t: S } = e(), [C, w] = d(t), [T, E] = d(t), D = u();
-	t !== T && (w(t), E(t));
-	let O = l((e, t) => {
-		w((n) => {
-			let r = h(n, e, t);
-			return c?.(r), r;
+}, x = l.forwardRef(({ data: n, expandDepth: r = 1, showCopy: i = !0, showToolbar: a = !0, editable: o = !1, onChange: l, className: y, ...x }, S) => {
+	let { t: C } = e(t), [w, T] = f(n), [E, D] = f(n), O = d();
+	n !== E && (T(n), D(n));
+	let k = u((e, t) => {
+		T((n) => {
+			let r = g(n, e, t);
+			return l?.(r), r;
 		});
-	}, [c]), k = l((e) => {
-		w((t) => {
-			let n = g(t, e);
-			return c?.(n), n;
-		});
-	}, [c]), A = l((e) => {
-		w((t) => {
+	}, [l]), A = u((e) => {
+		T((t) => {
 			let n = _(t, e);
-			return c?.(n), n;
+			return l?.(n), n;
+		});
+	}, [l]), j = u((e) => {
+		T((t) => {
+			let n = v(t, e);
+			return l?.(n), n;
 		});
-	}, [c]), j = () => {
-		navigator.clipboard.writeText(JSON.stringify(C, null, 2));
+	}, [l]), M = () => {
+		navigator.clipboard.writeText(JSON.stringify(w, null, 2));
 	};
-	return /* @__PURE__ */ m("div", {
-		ref: x,
-		className: f("wim-json-viewer", s.root, v),
-		role: i ? "group" : void 0,
-		"aria-labelledby": i ? D : void 0,
-		...b,
-		children: [i && /* @__PURE__ */ m("div", {
-			className: s.toolbar,
-			children: [/* @__PURE__ */ p("span", {
-				id: D,
-				className: s.title,
-				children: S(a ? "jsonViewer.edit" : "jsonViewer.title")
-			}), r && /* @__PURE__ */ p(o, {
+	return /* @__PURE__ */ h("div", {
+		ref: S,
+		className: p("wim-json-viewer", c.root, y),
+		role: a ? "group" : void 0,
+		"aria-labelledby": a ? O : void 0,
+		...x,
+		children: [a && /* @__PURE__ */ h("div", {
+			className: c.toolbar,
+			children: [/* @__PURE__ */ m("span", {
+				id: O,
+				className: c.title,
+				children: C(o ? "jsonViewer.edit" : "jsonViewer.title")
+			}), i && /* @__PURE__ */ m(s, {
 				iconName: "CopyIcon",
 				variant: "ghost",
 				size: "sm",
-				onClick: j,
-				"aria-label": S("jsonViewer.copy")
+				onClick: M,
+				"aria-label": C("jsonViewer.copy")
 			})]
-		}), /* @__PURE__ */ p("div", {
-			className: s.tree,
-			children: /* @__PURE__ */ p(y, {
-				value: C,
-				depth: n,
+		}), /* @__PURE__ */ m("div", {
+			className: c.tree,
+			children: /* @__PURE__ */ m(b, {
+				value: w,
+				depth: r,
 				currentDepth: 0,
 				path: [],
-				editable: a,
-				onUpdate: O,
-				onDelete: k,
-				onAdd: A
+				editable: o,
+				onUpdate: k,
+				onDelete: A,
+				onAdd: j
 			})
 		})]
 	});
 });
-b.displayName = "JsonViewer";
+x.displayName = "JsonViewer";
 //#endregion
-export { b as JsonViewer };
+export { x as JsonViewer };

package/dist/components/data-display/JsonViewer/json-viewer.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_y7rax_29`,t=`_toolbar_y7rax_43`,n=`_title_y7rax_51`,r=`_tree_y7rax_58`,i=`_node_y7rax_63`,a=`_actions_y7rax_69`,o=`_headerRow_y7rax_69`,s=`_header_y7rax_69`,c=`_collapsible_y7rax_87`,l=`_toggle_y7rax_90`,u=`_nodeAction_y7rax_101`,d=`_input_y7rax_124`,f=`_keyInput_y7rax_135`,p=`_children_y7rax_142`,m=`_footer_y7rax_146`,h=`_key_y7rax_135`,g=`_value_y7rax_153`,_=`_string_y7rax_153`,v=`_number_y7rax_156`,y=`_boolean_y7rax_159`,b=`_editable_y7rax_166`,x=`_bracket_y7rax_183`,S=`_count_y7rax_187`,C=`_ellipsis_y7rax_192`,w={root:e,toolbar:t,title:n,tree:r,node:i,actions:a,headerRow:o,header:s,collapsible:c,toggle:l,nodeAction:u,delete:`_delete_y7rax_120`,input:d,keyInput:f,children:p,footer:m,key:h,value:g,string:_,number:v,boolean:y,null:`_null_y7rax_162`,editable:b,bracket:x,count:S,ellipsis:C};exports.actions=a,exports.boolean=y,exports.bracket=x,exports.children=p,exports.collapsible=c,exports.count=S,exports.default=w,exports.editable=b,exports.ellipsis=C,exports.footer=m,exports.header=s,exports.headerRow=o,exports.input=d,exports.key=h,exports.keyInput=f,exports.node=i,exports.nodeAction=u,exports.number=v,exports.root=e,exports.string=_,exports.title=n,exports.toggle=l,exports.toolbar=t,exports.tree=r,exports.value=g;
+var e=`_root_2byyv_29`,t=`_toolbar_2byyv_43`,n=`_title_2byyv_51`,r=`_tree_2byyv_58`,i=`_node_2byyv_63`,a=`_actions_2byyv_69`,o=`_headerRow_2byyv_69`,s=`_header_2byyv_69`,c=`_collapsible_2byyv_87`,l=`_toggle_2byyv_90`,u=`_nodeAction_2byyv_104`,d=`_input_2byyv_127`,f=`_keyInput_2byyv_138`,p=`_children_2byyv_145`,m=`_footer_2byyv_149`,h=`_key_2byyv_138`,g=`_value_2byyv_156`,_=`_string_2byyv_156`,v=`_number_2byyv_159`,y=`_boolean_2byyv_162`,b=`_editable_2byyv_169`,x=`_bracket_2byyv_186`,S=`_count_2byyv_190`,C=`_ellipsis_2byyv_195`,w={root:e,toolbar:t,title:n,tree:r,node:i,actions:a,headerRow:o,header:s,collapsible:c,toggle:l,nodeAction:u,delete:`_delete_2byyv_123`,input:d,keyInput:f,children:p,footer:m,key:h,value:g,string:_,number:v,boolean:y,null:`_null_2byyv_165`,editable:b,bracket:x,count:S,ellipsis:C};exports.actions=a,exports.boolean=y,exports.bracket=x,exports.children=p,exports.collapsible=c,exports.count=S,exports.default=w,exports.editable=b,exports.ellipsis=C,exports.footer=m,exports.header=s,exports.headerRow=o,exports.input=d,exports.key=h,exports.keyInput=f,exports.node=i,exports.nodeAction=u,exports.number=v,exports.root=e,exports.string=_,exports.title=n,exports.toggle=l,exports.toolbar=t,exports.tree=r,exports.value=g;

package/dist/components/data-display/JsonViewer/json-viewer.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/data-display/JsonViewer/json-viewer.module.scss
-var e = "_root_y7rax_29", t = "_toolbar_y7rax_43", n = "_title_y7rax_51", r = "_tree_y7rax_58", i = "_node_y7rax_63", a = "_actions_y7rax_69", o = "_headerRow_y7rax_69", s = "_header_y7rax_69", c = "_collapsible_y7rax_87", l = "_toggle_y7rax_90", u = "_nodeAction_y7rax_101", d = "_input_y7rax_124", f = "_keyInput_y7rax_135", p = "_children_y7rax_142", m = "_footer_y7rax_146", h = "_key_y7rax_135", g = "_value_y7rax_153", _ = "_string_y7rax_153", v = "_number_y7rax_156", y = "_boolean_y7rax_159", b = "_editable_y7rax_166", x = "_bracket_y7rax_183", S = "_count_y7rax_187", C = "_ellipsis_y7rax_192", w = {
+var e = "_root_2byyv_29", t = "_toolbar_2byyv_43", n = "_title_2byyv_51", r = "_tree_2byyv_58", i = "_node_2byyv_63", a = "_actions_2byyv_69", o = "_headerRow_2byyv_69", s = "_header_2byyv_69", c = "_collapsible_2byyv_87", l = "_toggle_2byyv_90", u = "_nodeAction_2byyv_104", d = "_input_2byyv_127", f = "_keyInput_2byyv_138", p = "_children_2byyv_145", m = "_footer_2byyv_149", h = "_key_2byyv_138", g = "_value_2byyv_156", _ = "_string_2byyv_156", v = "_number_2byyv_159", y = "_boolean_2byyv_162", b = "_editable_2byyv_169", x = "_bracket_2byyv_186", S = "_count_2byyv_190", C = "_ellipsis_2byyv_195", w = {
 	root: e,
 	toolbar: t,
 	title: n,
@@ -12,7 +12,7 @@ var e = "_root_y7rax_29", t = "_toolbar_y7rax_43", n = "_title_y7rax_51", r = "_
 	collapsible: c,
 	toggle: l,
 	nodeAction: u,
-	delete: "_delete_y7rax_120",
+	delete: "_delete_2byyv_123",
 	input: d,
 	keyInput: f,
 	children: p,
@@ -22,7 +22,7 @@ var e = "_root_y7rax_29", t = "_toolbar_y7rax_43", n = "_title_y7rax_51", r = "_
 	string: _,
 	number: v,
 	boolean: y,
-	null: "_null_y7rax_162",
+	null: "_null_2byyv_165",
 	editable: b,
 	bracket: x,
 	count: S,

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),i=require("../../../icon/more-horizontal.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./kanban.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=(0,s.forwardRef)(({columns:e,onMove:r,onCardMove:i,className:a,forceMobileUI:u=!1,children:f,asChild:p=!1,...h},_)=>{let{t:v}=n.useWimTranslation(`common`),[y,b]=(0,s.useState)(null),[x,S]=(0,s.useState)(null),[C,w]=(0,s.useState)(null),T=r||i,E=(e,t,n)=>{b({itemId:t,columnId:n}),e.dataTransfer.setData(`text/plain`,`${n}:${t}`),e.dataTransfer.effectAllowed=`move`},D=(e,t)=>{e.preventDefault(),S(t)},O=(e,t)=>{e.preventDefault(),S(null);let[n,r]=e.dataTransfer.getData(`text/plain`).split(`:`);T?.(r,n,t),b(null)},k=(e,t,n)=>{T?.(e,t,n),w(null)},A=s.default.useMemo(()=>{if(e)return e;let t=[];return s.default.Children.forEach(f,e=>{if(s.default.isValidElement(e)){let n=e.props;typeof n.id==`string`&&typeof n.title==`string`&&t.push({id:n.id,title:n.title,items:[]})}}),t},[f,e]),j=()=>f||(e?e.map(e=>(0,l.jsx)(g,{id:e.id,title:e.title,cardCount:e.items.length,children:e.items.map(e=>(0,l.jsx)(m,{id:e.id,children:e.content},e.id))},e.id)):null),M=p?t.Root:`div`;return(0,l.jsx)(d.Provider,{value:{draggedItem:y,dragOverColumn:x,setDragOverColumn:S,handleDragStart:E,handleDragOver:D,handleDrop:O,handleMobileMove:k,activeMobileMenu:C,setActiveMobileMenu:w,columns:A},children:(0,l.jsx)(M,{...h,ref:_,className:(0,c.default)(`wim-kanban`,o.default.root,u&&o.default.touch,a),role:`region`,"aria-label":v(`a11y.kanban_board`),tabIndex:0,children:(0,l.jsx)(t.Slottable,{children:j()})})})}),d=s.default.createContext(null),f=()=>{let e=s.default.useContext(d);if(!e)throw Error(`Kanban compound components must be used within Kanban`);return e},p=({id:e,title:t,cardCount:i,children:a,className:u})=>{let{dragOverColumn:d,handleDragOver:p,handleDrop:m,setDragOverColumn:h}=f(),{t:g}=n.useWimTranslation(`common`),_=s.default.useId();return(0,l.jsxs)(`div`,{className:(0,c.default)(o.default.column,{[o.default.dragOver]:d===e},u),role:`group`,"aria-labelledby":t?_:void 0,onDragOver:t=>p(t,e),onDrop:t=>m(t,e),onDragLeave:()=>h(null),children:[(0,l.jsxs)(`div`,{className:o.default.columnHeader,children:[(0,l.jsx)(`div`,{id:_,className:o.default.columnTitle,"aria-hidden":`true`,children:t}),i!==void 0&&(0,l.jsxs)(`div`,{className:o.default.columnCount,children:[(0,l.jsx)(`span`,{"aria-hidden":`true`,children:i}),(0,l.jsx)(r.VisuallyHidden,{children:g(`a11y.kanban_column_count`,{count:i})})]})]}),(0,l.jsx)(`div`,{className:o.default.columnBody,children:a})]})},m=({id:e,children:t,disabled:r,className:u})=>{let{t:d}=n.useWimTranslation(`common`),{draggedItem:p,handleDragStart:m,handleMobileMove:g,activeMobileMenu:_,setActiveMobileMenu:v,columns:y}=f(),b=s.default.useContext(h);return(0,l.jsxs)(`div`,{className:(0,c.default)(o.default.card,{[o.default.dragging]:p?.itemId===e,[o.default.disabled]:r},u),draggable:!r,onDragStart:t=>b&&m(t,e,b),children:[(0,l.jsx)(`div`,{className:o.default.cardContent,children:t}),(0,l.jsxs)(`div`,{className:o.default.cardMove,children:[(0,l.jsx)(`button`,{type:`button`,className:o.default.cardMoveBtn,onClick:()=>v(_===e?null:e),"aria-label":d(`a11y.move_card`),disabled:r,children:(0,l.jsx)(a.Icon,{component:i.default,size:`sm`})}),_===e&&(0,l.jsx)(`div`,{className:o.default.cardMoveMenu,role:`listbox`,"aria-label":d(`a11y.move_to_column`),children:y.filter(e=>e.id!==b).map(t=>(0,l.jsx)(`button`,{type:`button`,className:o.default.cardMoveOption,onClick:()=>b&&g(e,b,t.id),role:`option`,"aria-selected":!1,children:t.title},t.id))})]})]})},h=s.default.createContext(null),g=e=>(0,l.jsx)(h.Provider,{value:e.id,children:(0,l.jsx)(p,{...e})}),_=u;_.Column=g,_.Card=m,u.displayName=`Kanban`,_.displayName=`KanbanBoard`,p.displayName=`KanbanColumn`,m.displayName=`KanbanCard`,g.displayName=`KanbanColumnWrapper`,exports.Kanban=u,exports.KanbanBoard=_,exports.default=_,exports.KanbanCard=m,exports.KanbanColumn=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/common.cjs"),i=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),a=require("../../../icon/more-horizontal.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./kanban.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=(0,c.forwardRef)(({columns:e,onMove:i,onCardMove:a,className:o,forceMobileUI:d=!1,children:p,asChild:m=!1,...g},v)=>{let{t:y}=n.useWimTranslation(r.commonNs),[b,x]=(0,c.useState)(null),[S,C]=(0,c.useState)(null),[w,T]=(0,c.useState)(null),E=i||a,D=(e,t,n)=>{x({itemId:t,columnId:n}),e.dataTransfer.setData(`text/plain`,`${n}:${t}`),e.dataTransfer.effectAllowed=`move`},O=(e,t)=>{e.preventDefault(),C(t)},k=(e,t)=>{e.preventDefault(),C(null);let[n,r]=e.dataTransfer.getData(`text/plain`).split(`:`);E?.(r,n,t),x(null)},A=(e,t,n)=>{E?.(e,t,n),T(null)},j=c.default.useMemo(()=>{if(e)return e;let t=[];return c.default.Children.forEach(p,e=>{if(c.default.isValidElement(e)){let n=e.props;typeof n.id==`string`&&typeof n.title==`string`&&t.push({id:n.id,title:n.title,items:[]})}}),t},[p,e]),M=()=>p||(e?e.map(e=>(0,u.jsx)(_,{id:e.id,title:e.title,cardCount:e.items.length,children:e.items.map(e=>(0,u.jsx)(h,{id:e.id,children:e.content},e.id))},e.id)):null),N=m?t.Root:`div`;return(0,u.jsx)(f.Provider,{value:{draggedItem:b,dragOverColumn:S,setDragOverColumn:C,handleDragStart:D,handleDragOver:O,handleDrop:k,handleMobileMove:A,activeMobileMenu:w,setActiveMobileMenu:T,columns:j},children:(0,u.jsx)(N,{...g,ref:v,className:(0,l.default)(`wim-kanban`,s.default.root,d&&s.default.touch,o),role:`region`,"aria-label":y(`a11y.kanban_board`),tabIndex:0,children:(0,u.jsx)(t.Slottable,{children:M()})})})}),f=c.default.createContext(null),p=()=>{let e=c.default.useContext(f);if(!e)throw Error(`Kanban compound components must be used within Kanban`);return e},m=({id:e,title:t,cardCount:a,children:o,className:d})=>{let{dragOverColumn:f,handleDragOver:m,handleDrop:h,setDragOverColumn:g}=p(),{t:_}=n.useWimTranslation(r.commonNs),v=c.default.useId();return(0,u.jsxs)(`div`,{className:(0,l.default)(s.default.column,{[s.default.dragOver]:f===e},d),role:`group`,"aria-labelledby":t?v:void 0,onDragOver:t=>m(t,e),onDrop:t=>h(t,e),onDragLeave:()=>g(null),children:[(0,u.jsxs)(`div`,{className:s.default.columnHeader,children:[(0,u.jsx)(`div`,{id:v,className:s.default.columnTitle,"aria-hidden":`true`,children:t}),a!==void 0&&(0,u.jsxs)(`div`,{className:s.default.columnCount,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,children:a}),(0,u.jsx)(i.VisuallyHidden,{children:_(`a11y.kanban_column_count`,{count:a})})]})]}),(0,u.jsx)(`div`,{className:s.default.columnBody,children:o})]})},h=({id:e,children:t,disabled:i,className:d})=>{let{t:f}=n.useWimTranslation(r.commonNs),{draggedItem:m,handleDragStart:h,handleMobileMove:_,activeMobileMenu:v,setActiveMobileMenu:y,columns:b}=p(),x=c.default.useContext(g);return(0,u.jsxs)(`div`,{className:(0,l.default)(s.default.card,{[s.default.dragging]:m?.itemId===e,[s.default.disabled]:i},d),draggable:!i,onDragStart:t=>x&&h(t,e,x),children:[(0,u.jsx)(`div`,{className:s.default.cardContent,children:t}),(0,u.jsxs)(`div`,{className:s.default.cardMove,children:[(0,u.jsx)(`button`,{type:`button`,className:s.default.cardMoveBtn,onClick:()=>y(v===e?null:e),"aria-label":f(`a11y.move_card`),disabled:i,children:(0,u.jsx)(o.Icon,{component:a.default,size:`sm`})}),v===e&&(0,u.jsx)(`div`,{className:s.default.cardMoveMenu,role:`listbox`,"aria-label":f(`a11y.move_to_column`),children:b.filter(e=>e.id!==x).map(t=>(0,u.jsx)(`button`,{type:`button`,className:s.default.cardMoveOption,onClick:()=>x&&_(e,x,t.id),role:`option`,"aria-selected":!1,children:t.title},t.id))})]})]})},g=c.default.createContext(null),_=e=>(0,u.jsx)(g.Provider,{value:e.id,children:(0,u.jsx)(m,{...e})}),v=d;v.Column=_,v.Card=h,d.displayName=`Kanban`,v.displayName=`KanbanBoard`,m.displayName=`KanbanColumn`,h.displayName=`KanbanCard`,_.displayName=`KanbanColumnWrapper`,exports.Kanban=d,exports.KanbanBoard=v,exports.default=v,exports.KanbanCard=h,exports.KanbanColumn=m;