haze-ui 1.32.0 → 1.34.0

package/dist/components/Transfer/TransferCore.js

@@ -4,96 +4,152 @@ import { classnames as e } from "../../utils/classnames.js";
 import { formatString as t } from "../LocaleProvider/locale.js";
 import { useStrings as n } from "../LocaleProvider/useStrings.js";
 /* empty css                       */
-import { useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { c as r } from "react/compiler-runtime";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/lib/components/Transfer/TransferCore.tsx
-var o = "haze-TransferCore__container", s = "haze-TransferCore__panel", c = "haze-TransferCore__panelHeader", l = "haze-TransferCore__panelBody", u = "haze-TransferCore__itemStyle", d = "haze-TransferCore__actions", f = "haze-TransferCore__actionBtn";
-function p({ dataSource: p, value: m, onChange: h, className: g, ..._ }) {
-	let [v, y] = r([]), [b, x] = r([]), S = n("transfer"), C = p.filter((e) => !m.includes(e.key)), w = p.filter((e) => m.includes(e.key)), T = (e) => {
-		y((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, E = (e) => {
-		x((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, D = () => {
-		v.length !== 0 && (h([...m, ...v], "right", v), y([]));
-	}, O = () => {
-		b.length !== 0 && (h(m.filter((e) => !b.includes(e)), "left", b), x([]));
-	};
-	return /* @__PURE__ */ a("div", {
-		"data-slot": "transfer",
-		..._,
-		className: e([o, g]),
+var ee = "haze-TransferCore__container", te = "haze-TransferCore__panel", ne = "haze-TransferCore__panelHeader", re = "haze-TransferCore__panelBody", s = "haze-TransferCore__itemStyle", ie = "haze-TransferCore__actions", ae = "haze-TransferCore__actionBtn";
+function c(c) {
+	let l = r(91), u, d, f, p, m;
+	l[0] === c ? (u = l[1], d = l[2], f = l[3], p = l[4], m = l[5]) : ({dataSource: d, value: m, onChange: f, className: u, ...p} = c, l[0] = c, l[1] = u, l[2] = d, l[3] = f, l[4] = p, l[5] = m);
+	let h;
+	l[6] === Symbol.for("react.memo_cache_sentinel") ? (h = [], l[6] = h) : h = l[6];
+	let [g, _] = i(h), v;
+	l[7] === Symbol.for("react.memo_cache_sentinel") ? (v = [], l[7] = v) : v = l[7];
+	let [y, oe] = i(v), b = n("transfer"), x, S, C, w, T, E, D, O, k, A, j;
+	if (l[8] !== u || l[9] !== d || l[10] !== f || l[11] !== p || l[12] !== g || l[13] !== y || l[14] !== b.moveToSource || l[15] !== b.moveToTarget || l[16] !== b.source || l[17] !== b.target || l[18] !== m) {
+		let n;
+		l[30] === m ? n = l[31] : (n = (e) => !m.includes(e.key), l[30] = m, l[31] = n);
+		let r = d.filter(n), i;
+		l[32] === m ? i = l[33] : (i = (e) => m.includes(e.key), l[32] = m, l[33] = i);
+		let c = d.filter(i), h;
+		l[34] === Symbol.for("react.memo_cache_sentinel") ? (h = (e) => {
+			_((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+		}, l[34] = h) : h = l[34];
+		let v = h, M;
+		l[35] === Symbol.for("react.memo_cache_sentinel") ? (M = (e) => {
+			oe((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+		}, l[35] = M) : M = l[35];
+		let N = M, P;
+		l[36] !== f || l[37] !== g || l[38] !== m ? (P = () => {
+			if (g.length === 0) return;
+			let e = [...m, ...g];
+			f(e, "right", g), _([]);
+		}, l[36] = f, l[37] = g, l[38] = m, l[39] = P) : P = l[39];
+		let F = P, I;
+		l[40] !== f || l[41] !== y || l[42] !== m ? (I = () => {
+			if (y.length === 0) return;
+			let e = m.filter((e) => !y.includes(e));
+			f(e, "left", y), oe([]);
+		}, l[40] = f, l[41] = y, l[42] = m, l[43] = I) : I = l[43];
+		let L = I;
+		j = "transfer", l[44] === u ? x = l[45] : (x = [ee, u], l[44] = u, l[45] = x), S = p;
+		let R;
+		l[46] === Symbol.for("react.memo_cache_sentinel") ? (R = [te], l[46] = R) : R = l[46];
+		let z;
+		l[47] === Symbol.for("react.memo_cache_sentinel") ? (z = [ne], l[47] = z) : z = l[47];
+		let B = /* @__PURE__ */ a("div", {
+			"data-slot": "header",
+			className: e(z),
+			children: t(b.source, { count: r.length })
+		}), V;
+		l[48] === Symbol.for("react.memo_cache_sentinel") ? (V = [re], l[48] = V) : V = l[48];
+		let H;
+		l[49] === g ? H = l[50] : (H = (t) => /* @__PURE__ */ o("label", {
+			"data-slot": "item",
+			className: e([s]),
+			children: [/* @__PURE__ */ a("input", {
+				"data-slot": "checkbox",
+				type: "checkbox",
+				checked: g.includes(t.key),
+				disabled: t.disabled,
+				onChange: () => v(t.key),
+				"aria-label": t.title
+			}), t.title]
+		}, t.key), l[49] = g, l[50] = H);
+		let U = r.map(H), W;
+		l[51] === U ? W = l[52] : (W = /* @__PURE__ */ a("div", {
+			"data-slot": "list",
+			className: e(V),
+			children: U
+		}), l[51] = U, l[52] = W), l[53] !== B || l[54] !== W ? (C = /* @__PURE__ */ o("div", {
+			"data-slot": "panel",
+			className: e(R),
+			children: [B, W]
+		}), l[53] = B, l[54] = W, l[55] = C) : C = l[55];
+		let G;
+		l[56] === Symbol.for("react.memo_cache_sentinel") ? (G = [ie], l[56] = G) : G = l[56];
+		let K;
+		l[57] === Symbol.for("react.memo_cache_sentinel") ? (K = [ae], l[57] = K) : K = l[57];
+		let q = g.length === 0, J;
+		l[58] !== F || l[59] !== b.moveToTarget || l[60] !== q ? (J = /* @__PURE__ */ a("button", {
+			type: "button",
+			"data-slot": "move-button",
+			disabled: q,
+			onClick: F,
+			"aria-label": b.moveToTarget,
+			className: e(K),
+			children: "›"
+		}), l[58] = F, l[59] = b.moveToTarget, l[60] = q, l[61] = J) : J = l[61];
+		let Y;
+		l[62] === Symbol.for("react.memo_cache_sentinel") ? (Y = [ae], l[62] = Y) : Y = l[62];
+		let X = y.length === 0, Z;
+		l[63] !== L || l[64] !== b.moveToSource || l[65] !== X ? (Z = /* @__PURE__ */ a("button", {
+			type: "button",
+			"data-slot": "move-button",
+			disabled: X,
+			onClick: L,
+			"aria-label": b.moveToSource,
+			className: e(Y),
+			children: "‹"
+		}), l[63] = L, l[64] = b.moveToSource, l[65] = X, l[66] = Z) : Z = l[66], l[67] !== J || l[68] !== Z ? (w = /* @__PURE__ */ o("div", {
+			"data-slot": "actions",
+			className: e(G),
+			children: [J, Z]
+		}), l[67] = J, l[68] = Z, l[69] = w) : w = l[69], O = "panel", l[70] === Symbol.for("react.memo_cache_sentinel") ? (k = [te], l[70] = k) : k = l[70];
+		let Q;
+		l[71] === Symbol.for("react.memo_cache_sentinel") ? (Q = [ne], l[71] = Q) : Q = l[71], A = /* @__PURE__ */ a("div", {
+			"data-slot": "header",
+			className: e(Q),
+			children: t(b.target, { count: c.length })
+		}), T = "list", l[72] === Symbol.for("react.memo_cache_sentinel") ? (E = [re], l[72] = E) : E = l[72];
+		let $;
+		l[73] === y ? $ = l[74] : ($ = (t) => /* @__PURE__ */ o("label", {
+			"data-slot": "item",
+			className: e([s]),
+			children: [/* @__PURE__ */ a("input", {
+				"data-slot": "checkbox",
+				type: "checkbox",
+				checked: y.includes(t.key),
+				disabled: t.disabled,
+				onChange: () => N(t.key),
+				"aria-label": t.title
+			}), t.title]
+		}, t.key), l[73] = y, l[74] = $), D = c.map($), l[8] = u, l[9] = d, l[10] = f, l[11] = p, l[12] = g, l[13] = y, l[14] = b.moveToSource, l[15] = b.moveToTarget, l[16] = b.source, l[17] = b.target, l[18] = m, l[19] = x, l[20] = S, l[21] = C, l[22] = w, l[23] = T, l[24] = E, l[25] = D, l[26] = O, l[27] = k, l[28] = A, l[29] = j;
+	} else x = l[19], S = l[20], C = l[21], w = l[22], T = l[23], E = l[24], D = l[25], O = l[26], k = l[27], A = l[28], j = l[29];
+	let M;
+	l[75] !== T || l[76] !== E || l[77] !== D ? (M = /* @__PURE__ */ a("div", {
+		"data-slot": T,
+		className: e(E),
+		children: D
+	}), l[75] = T, l[76] = E, l[77] = D, l[78] = M) : M = l[78];
+	let N;
+	l[79] !== M || l[80] !== O || l[81] !== k || l[82] !== A ? (N = /* @__PURE__ */ o("div", {
+		"data-slot": O,
+		className: e(k),
+		children: [A, M]
+	}), l[79] = M, l[80] = O, l[81] = k, l[82] = A, l[83] = N) : N = l[83];
+	let P;
+	return l[84] !== x || l[85] !== S || l[86] !== C || l[87] !== w || l[88] !== N || l[89] !== j ? (P = /* @__PURE__ */ o("div", {
+		"data-slot": j,
+		...S,
+		className: e(x),
 		children: [
-			/* @__PURE__ */ a("div", {
-				"data-slot": "panel",
-				className: e([s]),
-				children: [/* @__PURE__ */ i("div", {
-					"data-slot": "header",
-					className: e([c]),
-					children: t(S.source, { count: C.length })
-				}), /* @__PURE__ */ i("div", {
-					"data-slot": "list",
-					className: e([l]),
-					children: C.map((t) => /* @__PURE__ */ a("label", {
-						"data-slot": "item",
-						className: e([u]),
-						children: [/* @__PURE__ */ i("input", {
-							"data-slot": "checkbox",
-							type: "checkbox",
-							checked: v.includes(t.key),
-							disabled: t.disabled,
-							onChange: () => T(t.key),
-							"aria-label": t.title
-						}), t.title]
-					}, t.key))
-				})]
-			}),
-			/* @__PURE__ */ a("div", {
-				"data-slot": "actions",
-				className: e([d]),
-				children: [/* @__PURE__ */ i("button", {
-					type: "button",
-					"data-slot": "move-button",
-					disabled: v.length === 0,
-					onClick: D,
-					"aria-label": S.moveToTarget,
-					className: e([f]),
-					children: "›"
-				}), /* @__PURE__ */ i("button", {
-					type: "button",
-					"data-slot": "move-button",
-					disabled: b.length === 0,
-					onClick: O,
-					"aria-label": S.moveToSource,
-					className: e([f]),
-					children: "‹"
-				})]
-			}),
-			/* @__PURE__ */ a("div", {
-				"data-slot": "panel",
-				className: e([s]),
-				children: [/* @__PURE__ */ i("div", {
-					"data-slot": "header",
-					className: e([c]),
-					children: t(S.target, { count: w.length })
-				}), /* @__PURE__ */ i("div", {
-					"data-slot": "list",
-					className: e([l]),
-					children: w.map((t) => /* @__PURE__ */ a("label", {
-						"data-slot": "item",
-						className: e([u]),
-						children: [/* @__PURE__ */ i("input", {
-							"data-slot": "checkbox",
-							type: "checkbox",
-							checked: b.includes(t.key),
-							disabled: t.disabled,
-							onChange: () => E(t.key),
-							"aria-label": t.title
-						}), t.title]
-					}, t.key))
-				})]
-			})
+			C,
+			w,
+			N
 		]
-	});
+	}), l[84] = x, l[85] = S, l[86] = C, l[87] = w, l[88] = N, l[89] = j, l[90] = P) : P = l[90], P;
 }
 //#endregion
-export { p as default };
+export { c as default };

package/dist/components/Tree/SortableTree.js

@@ -6,113 +6,132 @@ import { filterTreeByQuery as a, findNodeByKey as o, flattenVisibleTree as s } f
 import c from "./Tree.js";
 import { resolveTreeMove as l, subtreeKeys as u } from "./sortable-tree-utils.js";
 import { grip as d, row as f } from "./sortable-tree-styles.js";
-import { useCallback as p, useMemo as m, useRef as h, useState as g } from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { SortableContext as b, useSortable as x, verticalListSortingStrategy as S } from "@dnd-kit/sortable";
-import { DndContext as C, closestCenter as w } from "@dnd-kit/core";
+import { c as p } from "react/compiler-runtime";
+import { useCallback as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { SortableContext as x, useSortable as S, verticalListSortingStrategy as C } from "@dnd-kit/sortable";
+import { DndContext as w, closestCenter as T } from "@dnd-kit/core";
 //#region src/lib/components/Tree/SortableTree.tsx
-var T = () => /* @__PURE__ */ y("svg", {
-	viewBox: "0 0 10 16",
-	fill: "currentColor",
-	children: [
-		/* @__PURE__ */ v("circle", {
-			cx: "2.5",
-			cy: "2.5",
-			r: "1.5"
-		}),
-		/* @__PURE__ */ v("circle", {
-			cx: "7.5",
-			cy: "2.5",
-			r: "1.5"
-		}),
-		/* @__PURE__ */ v("circle", {
-			cx: "2.5",
-			cy: "8",
-			r: "1.5"
-		}),
-		/* @__PURE__ */ v("circle", {
-			cx: "7.5",
-			cy: "8",
-			r: "1.5"
-		}),
-		/* @__PURE__ */ v("circle", {
-			cx: "2.5",
-			cy: "13.5",
-			r: "1.5"
-		}),
-		/* @__PURE__ */ v("circle", {
-			cx: "7.5",
-			cy: "13.5",
-			r: "1.5"
-		})
-	]
-});
-function E() {
-	let t = n();
-	if (!t) return null;
-	let r = t.listeners?.onPointerDown;
-	return /* @__PURE__ */ v("span", {
+var E = () => {
+	let e = p(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ b("svg", {
+		viewBox: "0 0 10 16",
+		fill: "currentColor",
+		children: [
+			/* @__PURE__ */ y("circle", {
+				cx: "2.5",
+				cy: "2.5",
+				r: "1.5"
+			}),
+			/* @__PURE__ */ y("circle", {
+				cx: "7.5",
+				cy: "2.5",
+				r: "1.5"
+			}),
+			/* @__PURE__ */ y("circle", {
+				cx: "2.5",
+				cy: "8",
+				r: "1.5"
+			}),
+			/* @__PURE__ */ y("circle", {
+				cx: "7.5",
+				cy: "8",
+				r: "1.5"
+			}),
+			/* @__PURE__ */ y("circle", {
+				cx: "2.5",
+				cy: "13.5",
+				r: "1.5"
+			}),
+			/* @__PURE__ */ y("circle", {
+				cx: "7.5",
+				cy: "13.5",
+				r: "1.5"
+			})
+		]
+	}), e[0] = t) : t = e[0], t;
+};
+function D() {
+	let t = p(4), r = n();
+	if (!r) return null;
+	let i = r.listeners?.onPointerDown, a;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = [d], t[0] = a) : a = t[0];
+	let o;
+	t[1] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ y(E, {}), t[1] = o) : o = t[1];
+	let s;
+	return t[2] === i ? s = t[3] : (s = /* @__PURE__ */ y("span", {
 		"aria-hidden": "true",
 		"data-slot": "drag-handle",
-		onPointerDown: r,
-		className: e([d]),
-		children: /* @__PURE__ */ v(T, {})
-	});
+		onPointerDown: i,
+		className: e(a),
+		children: o
+	}), t[2] = i, t[3] = s), s;
 }
-function D({ node: n, treeDisabled: i, inDraggedSubtree: a, handleMode: o, children: s }) {
-	let { attributes: c, listeners: l, setNodeRef: u, transform: d, transition: p, isDragging: m } = x({
-		id: n.key,
-		disabled: i || !!n.disabled
-	});
-	function h(e) {
-		let t = l?.onKeyDown;
+function O(n) {
+	let i = p(25), { node: a, treeDisabled: o, inDraggedSubtree: s, handleMode: c, children: l } = n, u = o || !!a.disabled, d;
+	i[0] !== a.key || i[1] !== u ? (d = {
+		id: a.key,
+		disabled: u
+	}, i[0] = a.key, i[1] = u, i[2] = d) : d = i[2];
+	let { attributes: m, listeners: h, setNodeRef: g, transform: _, transition: v, isDragging: b } = S(d), x;
+	i[3] === h?.onKeyDown ? x = i[4] : (x = function(e) {
+		let t = h?.onKeyDown;
 		t?.(e), e.defaultPrevented && e.stopPropagation();
-	}
-	return /* @__PURE__ */ v(t.Provider, {
-		value: {
-			attributes: c,
-			listeners: l
-		},
-		children: /* @__PURE__ */ v("div", {
-			ref: u,
-			"data-slot": "sortable-row",
-			"data-sortable-row": "",
-			style: r(d, p),
-			...o ? void 0 : l,
-			onKeyDown: h,
-			className: e([
-				f,
-				!o && "haze-sortable-tree-styles__rowDraggable",
-				m && "haze-sortable-tree-styles__rowDragging",
-				a && "haze-sortable-tree-styles__rowInSubtree"
-			]),
-			children: s
-		})
-	});
+	}, i[3] = h?.onKeyDown, i[4] = x);
+	let C = x, w;
+	i[5] !== m || i[6] !== h ? (w = {
+		attributes: m,
+		listeners: h
+	}, i[5] = m, i[6] = h, i[7] = w) : w = i[7];
+	let T;
+	i[8] !== _ || i[9] !== v ? (T = r(_, v), i[8] = _, i[9] = v, i[10] = T) : T = i[10];
+	let E = !c && "haze-sortable-tree-styles__rowDraggable", D = b && "haze-sortable-tree-styles__rowDragging", O = s && "haze-sortable-tree-styles__rowInSubtree", k;
+	i[11] !== E || i[12] !== D || i[13] !== O ? (k = [
+		f,
+		E,
+		D,
+		O
+	], i[11] = E, i[12] = D, i[13] = O, i[14] = k) : k = i[14];
+	let A = c ? void 0 : h, j;
+	i[15] !== l || i[16] !== C || i[17] !== g || i[18] !== A || i[19] !== T || i[20] !== k ? (j = /* @__PURE__ */ y("div", {
+		ref: g,
+		"data-slot": "sortable-row",
+		"data-sortable-row": "",
+		style: T,
+		...A,
+		onKeyDown: C,
+		className: e(k),
+		children: l
+	}), i[15] = l, i[16] = C, i[17] = g, i[18] = A, i[19] = T, i[20] = k, i[21] = j) : j = i[21];
+	let M;
+	return i[22] !== j || i[23] !== w ? (M = /* @__PURE__ */ y(t.Provider, {
+		value: w,
+		children: j
+	}), i[22] = j, i[23] = w, i[24] = M) : M = i[24], M;
 }
-function O({ treeData: e, disabled: t = !1, dragHandle: n = !1, titleRender: r, searchValue: d, expandedKeys: f, onExpand: x, onMove: T, className: O, ...k }) {
-	let A = i(), [j, M] = g(null), N = h(/* @__PURE__ */ new Set()), [P, F] = g([]), I = p((e, t) => {
-		F(e), x?.(e, t);
-	}, [x]), L = m(() => a(e, d), [e, d]), R = Array.isArray(f) ? f : P, z = m(() => !L || L.ancestorKeys.length === 0 ? R : Array.from(/* @__PURE__ */ new Set([...R, ...L.ancestorKeys])), [R, L]), B = L ? L.tree : e, V = m(() => s(B, z, !1).map((e) => e.key), [B, z]), H = p((e) => {
+function k({ treeData: e, disabled: t = !1, dragHandle: n = !1, titleRender: r, searchValue: d, expandedKeys: f, onExpand: p, onMove: S, className: E, ...k }) {
+	let A = i(), [j, M] = _(null), N = g(/* @__PURE__ */ new Set()), [P, F] = _([]), I = m((e, t) => {
+		F(e), p?.(e, t);
+	}, [p]), L = h(() => a(e, d), [e, d]), R = Array.isArray(f) ? f : P, z = h(() => !L || L.ancestorKeys.length === 0 ? R : Array.from(/* @__PURE__ */ new Set([...R, ...L.ancestorKeys])), [R, L]), B = L ? L.tree : e, V = h(() => s(B, z, !1).map((e) => e.key), [B, z]), H = m((e) => {
 		let t = j === null ? e.droppableContainers : e.droppableContainers.filter((e) => String(e.id) === j || !N.current.has(String(e.id)));
-		return w({
+		return T({
 			...e,
 			droppableContainers: t
 		});
-	}, [j]), U = p((t) => {
+	}, [j]), U = m((t) => {
 		let n = String(t.active.id), r = o(e, n);
 		N.current = r ? u(r) : /* @__PURE__ */ new Set(), M(n);
-	}, [e]), W = p(() => {
+	}, [e]), W = m(() => {
 		N.current = /* @__PURE__ */ new Set(), M(null);
-	}, []), G = p((t) => {
+	}, []), G = m((t) => {
 		if (W(), !t.over) return;
 		let n = l(e, String(t.active.id), String(t.over.id));
-		n && T?.(n);
+		n && S?.(n);
 	}, [
 		W,
-		T,
+		S,
 		e
-	]), K = p((e, r) => /* @__PURE__ */ v(D, {
+	]), K = m((e, r) => /* @__PURE__ */ y(O, {
 		node: r,
 		treeDisabled: t,
 		handleMode: n,
@@ -123,29 +142,29 @@ function O({ treeData: e, disabled: t = !1, dragHandle: n = !1, titleRender: r,
 		t,
 		n
 	]);
-	return /* @__PURE__ */ v(C, {
+	return /* @__PURE__ */ y(w, {
 		sensors: A,
 		collisionDetection: H,
 		onDragStart: U,
 		onDragEnd: G,
 		onDragCancel: W,
-		children: /* @__PURE__ */ v(b, {
+		children: /* @__PURE__ */ y(x, {
 			items: V,
-			strategy: S,
-			children: /* @__PURE__ */ v(c, {
+			strategy: C,
+			children: /* @__PURE__ */ y(c, {
 				treeData: e,
 				disabled: t,
 				searchValue: d,
-				titleRender: n || r ? (e) => /* @__PURE__ */ y(_, { children: [n && /* @__PURE__ */ v(E, {}), r ? r(e) : e.title] }) : void 0,
+				titleRender: n || r ? (e) => /* @__PURE__ */ b(v, { children: [n && /* @__PURE__ */ y(D, {}), r ? r(e) : e.title] }) : void 0,
 				expandedKeys: f,
 				onExpand: I,
 				rowWrap: K,
 				keyboardNavigation: j === null,
-				className: O,
+				className: E,
 				...k
 			})
 		})
 	});
 }
 //#endregion
-export { O as default };
+export { k as default };