haze-ui 1.28.0 → 1.30.0

package/dist/components/Tree/sortable-tree-utils.js

@@ -0,0 +1,36 @@
+"use client";
+//#region src/lib/components/Tree/sortable-tree-utils.ts
+function e(t, n, r) {
+	for (let i = 0; i < t.length; i += 1) {
+		let a = t[i];
+		if (a.key === n) return {
+			node: a,
+			parentKey: r,
+			index: i
+		};
+		if (a.children?.length) {
+			let t = e(a.children, n, a.key);
+			if (t) return t;
+		}
+	}
+	return null;
+}
+function t(e) {
+	let t = /* @__PURE__ */ new Set([e.key]), n = (e) => {
+		for (let r of e) t.add(r.key), r.children?.length && n(r.children);
+	};
+	return e.children?.length && n(e.children), t;
+}
+function n(n, r, i) {
+	if (r === i) return null;
+	let a = e(n, r, null), o = e(n, i, null);
+	if (!a || !o || t(a.node).has(i)) return null;
+	let s = o.index + 1, c = o.parentKey === a.parentKey;
+	return c && a.index < s && --s, c && s === a.index ? null : {
+		key: r,
+		parentKey: o.parentKey,
+		index: s
+	};
+}
+//#endregion
+export { n as resolveTreeMove, t as subtreeKeys };

package/dist/components/TreeSelect/TreeSelect.js

@@ -0,0 +1,240 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { mergeRefs as t } from "../../utils/refs.js";
+import { formatString as n } from "../LocaleProvider/locale.js";
+import { useStrings as r } from "../LocaleProvider/useStrings.js";
+import { FloatingPanel as i, useFloating as a } from "../../utils/floating.js";
+import o from "../Chip/Chip.js";
+import { useFocusScope as ee } from "../../utils/focus-scope.js";
+import { findNodeByKey as s, mergeLoadedChildren as te } from "../Tree/utils.js";
+import ne from "../Tree/Tree.js";
+/* empty css                     */
+import { useCallback as c, useEffect as re, useId as ie, useMemo as l, useRef as u, useState as d } from "react";
+import { Fragment as ae, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { isControl as oe, useControl as m, useThru as se, watch as ce } from "react-use-control";
+//#region src/lib/components/TreeSelect/TreeSelect.tsx
+var le = "haze-TreeSelect__wrapper", h = "haze-TreeSelect__trigger", g = "haze-TreeSelect__triggerValue", _ = "haze-TreeSelect__placeholderText", ue = "haze-TreeSelect__chipItem", de = "haze-TreeSelect__chipRemove", fe = "haze-TreeSelect__overflowBadge", pe = "haze-TreeSelect__clearBtn", me = "haze-TreeSelect__triggerCaret", he = "haze-TreeSelect__panel", ge = "haze-TreeSelect__searchInput", _e = "haze-TreeSelect__treeHost", ve = () => /* @__PURE__ */ f("svg", {
+	viewBox: "0 0 12 12",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	focusable: "false",
+	children: f("path", { d: "M2 4l4 4 4-4" })
+});
+function ye(e) {
+	let t = [], n = (e) => {
+		for (let r of e) r.children?.length && (t.push(r.key), n(r.children));
+	};
+	return n(e), t;
+}
+function v(e) {
+	let t = [], n = (e) => {
+		for (let r of e) t.push(r.key), n(r.children ?? []);
+	};
+	return n(e.children ?? []), t;
+}
+function y(e, t, n, r) {
+	if (e === void 0 || e === "") return [];
+	let i = Array.isArray(e) ? e : [e];
+	if (!n || r) return i;
+	let a = /* @__PURE__ */ new Set();
+	for (let e of i) {
+		a.add(e);
+		let n = s(t, e);
+		if (n) for (let e of v(n)) a.add(e);
+	}
+	return [...a];
+}
+function be(e, t) {
+	let [n, r] = e, i = () => y(n, t.data, t.multiple, t.checkStrictly);
+	return [i(), (e) => {
+		let n = typeof e == "function" ? e(i()) : e;
+		r(t.multiple ? n : n[0] ?? "");
+	}];
+}
+function b({ treeData: s, value: b, onChange: xe, placeholder: x, multiple: S = !1, checkStrictly: C = !1, allowClear: w = !1, showSearch: T = !1, treeDefaultExpandAll: Se = !1, treeExpandedKeys: Ce, onTreeExpand: we, maxTagCount: E, virtualized: Te, loadData: D, disabled: O = !1, className: Ee, ref: k, ...De }) {
+	let A = r("treeSelect"), [j, M] = m(!1, !1), [N, Oe] = d({}), ke = l(() => D ? (e) => D(e).then((t) => (Oe((n) => ({
+		...n,
+		[e.key]: t
+	})), t)) : void 0, [D]), P = l(() => te(s, N), [s, N]), F = l(() => {
+		let e = /* @__PURE__ */ new Map(), t = (n) => {
+			for (let r of n) e.set(r.key, r), t(r.children ?? []);
+		};
+		return t(P), e;
+	}, [P]), I = oe(b), [L, R, z] = m(se(I ? b : void 0, (e) => ce((e) => xe?.(S ? e : e[0] ?? ""))(be(e, {
+		multiple: S,
+		checkStrictly: C,
+		data: P
+	}))), I ? [] : y(b, P, S, C)), [B, V] = d("");
+	!j && B !== "" && V("");
+	let H = ie(), U = u(null), Ae = c((e) => t(U, k)(e), [U, k]), W = u(null), G = u(null), K = a({
+		open: j,
+		setOpen: M,
+		triggerRef: U,
+		panelRef: W,
+		animated: !0
+	}), q = ee({
+		enabled: j,
+		autoFocus: !1,
+		returnFocus: !0
+	}), je = c((e) => {
+		W.current = e, q(e);
+	}, [W, q]), J = u(!1);
+	re(() => {
+		if (!j) {
+			J.current = !1;
+			return;
+		}
+		if (!K.shown || J.current) return;
+		if (J.current = !0, T) {
+			G.current?.focus();
+			return;
+		}
+		let e = W.current;
+		if (!e) return;
+		let t = Array.from(e.querySelectorAll("[role=\"treeitem\"]")), n = !S && L.length > 0 ? L[0] : void 0;
+		((n === void 0 ? void 0 : t.find((e) => e.dataset.treeKey === n)) ?? t[0])?.focus();
+	}, [
+		j,
+		K.shown,
+		T,
+		S,
+		L
+	]);
+	let Me = (e) => {
+		!j && (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), M(!0));
+	}, Ne = (e) => {
+		(e.key === "Escape" || e.key === "Tab") && (e.preventDefault(), M(!1));
+	}, Pe = (e) => {
+		if (e.key !== "ArrowDown") return;
+		let t = W.current?.querySelector("[role=\"treeitem\"]:not([aria-disabled=\"true\"])");
+		t && (e.preventDefault(), t.focus());
+	}, Fe = () => {
+		M(!1), U.current?.focus();
+	}, Ie = () => {
+		R([]), U.current?.focus();
+	}, Le = (e) => {
+		if (C) {
+			R(L.filter((t) => t !== e));
+			return;
+		}
+		let t = F.get(e), n = /* @__PURE__ */ new Set([e, ...t ? v(t) : []]);
+		R(L.filter((e) => !n.has(e)));
+	}, Y = !S && L.length > 0 ? F.get(L[0] ?? "") : void 0, X = S ? L : [], Re = E === void 0 ? X : X.slice(0, Math.max(E, 0)), Z = E === void 0 ? [] : X.slice(Math.max(E, 0)), Q = w && !O && L.length > 0, $ = (e) => {
+		let t = F.get(e);
+		return t ? typeof t.title == "string" ? t.title : t.key : e;
+	}, ze = l(() => ye(s), [s]), Be = S ? L.length === 0 ? /* @__PURE__ */ f("span", {
+		"data-slot": "placeholder",
+		className: e(_),
+		children: x ?? A.placeholder
+	}) : /* @__PURE__ */ p(ae, { children: [Re.map((t) => /* @__PURE__ */ p("span", {
+		"data-slot": "item",
+		className: e(ue),
+		children: [/* @__PURE__ */ f(o, {
+			color: "primary",
+			children: $(t)
+		}), /* @__PURE__ */ f("span", {
+			"aria-hidden": "true",
+			"data-slot": "item-remove",
+			onClick: (e) => {
+				e.stopPropagation(), Le(t);
+			},
+			className: e(de),
+			children: "×"
+		})]
+	}, t)), Z.length > 0 && /* @__PURE__ */ f("span", {
+		"data-slot": "overflow-badge",
+		title: Z.map($).join(", "),
+		className: e(fe),
+		children: n(A.moreTags, { count: Z.length })
+	})] }) : Y ? /* @__PURE__ */ f("span", {
+		"data-slot": "value",
+		className: e(g),
+		children: Y.title ?? Y.key
+	}) : /* @__PURE__ */ f("span", {
+		"data-slot": "placeholder",
+		className: e([g, _]),
+		children: x ?? A.placeholder
+	}), Ve = Q ? /* @__PURE__ */ f("span", {
+		"aria-hidden": "true",
+		"data-slot": "clear-button",
+		title: A.clear,
+		onClick: (e) => {
+			e.stopPropagation(), Ie();
+		},
+		className: e(pe),
+		children: "×"
+	}) : void 0;
+	return /* @__PURE__ */ p("div", {
+		className: e(le),
+		children: [/* @__PURE__ */ p("button", {
+			...De,
+			ref: Ae,
+			"data-slot": "trigger",
+			type: "button",
+			disabled: O,
+			style: K.triggerStyle,
+			role: "combobox",
+			"aria-haspopup": "tree",
+			"aria-expanded": j,
+			"aria-controls": H,
+			"data-clearable": w || void 0,
+			onPointerDown: K.onTriggerPointerDown,
+			onClick: K.onTriggerClick,
+			onKeyDown: Me,
+			className: e([h, Ee]),
+			children: [
+				Be,
+				Ve,
+				/* @__PURE__ */ f("span", {
+					"data-slot": "icon",
+					"aria-hidden": "true",
+					className: e(me),
+					children: /* @__PURE__ */ f(ve, {})
+				})
+			]
+		}), /* @__PURE__ */ f(i, {
+			ref: je,
+			behavior: K,
+			placement: "bottom",
+			visualClass: he,
+			onKeyDown: Ne,
+			children: /* @__PURE__ */ p("div", {
+				id: H,
+				children: [T && /* @__PURE__ */ f("input", {
+					ref: G,
+					"data-slot": "input",
+					type: "text",
+					"aria-label": A.searchLabel,
+					placeholder: A.searchPlaceholder,
+					value: B,
+					onChange: (e) => V(e.target.value),
+					onKeyDown: Pe,
+					className: e(ge)
+				}), /* @__PURE__ */ f(ne, {
+					className: _e,
+					treeData: s,
+					checkable: S,
+					checkStrictly: C,
+					selectable: !S,
+					blockNode: !0,
+					disabled: O,
+					virtualized: Te,
+					loadData: ke,
+					searchValue: T && B !== "" ? B : void 0,
+					selectedKeys: S ? void 0 : z,
+					checkedKeys: S ? z : void 0,
+					expandedKeys: Ce ?? (Se ? ze : void 0),
+					onExpand: we,
+					onSelect: S ? void 0 : Fe
+				})]
+			})
+		})]
+	});
+}
+//#endregion
+export { b as default };

package/dist/components/TreeSelect/index.js

@@ -0,0 +1,3 @@
+"use client";
+import e from "./TreeSelect.js";
+export { e as TreeSelect };

package/dist/components/Typography/Typography.js

@@ -13,6 +13,7 @@ var n = "haze-Typography__titleBase", r = {
 function i({ level: i = 1, className: a, children: o }) {
 	let s = `h${i}`;
 	return /* @__PURE__ */ t(s, {
+		"data-slot": "title",
 		className: e([
 			n,
 			r[i],
@@ -25,27 +26,56 @@ var a = "haze-Typography__textBase", o = {
 	default: "haze-Typography__default",
 	secondary: "haze-Typography__secondary",
 	muted: "haze-Typography__muted"
-}, s = "haze-Typography__textStrong", c = "haze-Typography__textCode", l = "haze-Typography__textMark";
-function u({ type: n = "default", strong: r, code: i, mark: u, className: d, children: f }) {
-	let p = "span";
-	return r ? p = "strong" : i && (p = "code"), /* @__PURE__ */ t(p, {
+}, s = "haze-Typography__textStrong", c = "haze-Typography__textCode", l = "haze-Typography__textMark", u = "haze-Typography__ellipsisSingle";
+function d(e) {
+	let t = typeof e == "object" ? e.lines : void 0;
+	return Math.max(1, t ?? 1);
+}
+function f(e) {
+	return {
+		display: "-webkit-box",
+		WebkitBoxOrient: "vertical",
+		WebkitLineClamp: e,
+		overflow: "hidden"
+	};
+}
+function p(e, t) {
+	return e && typeof t == "string" ? t : void 0;
+}
+function m({ type: n = "default", strong: r, code: i, mark: m, ellipsis: h, className: g, children: _ }) {
+	let v = "span";
+	r ? v = "strong" : i && (v = "code");
+	let y = !!h, b = d(h);
+	return /* @__PURE__ */ t(v, {
+		"data-slot": "text",
+		style: y && b > 1 ? f(b) : void 0,
+		title: p(h, _),
 		className: e([
 			a,
 			o[n],
 			r && !i && s,
 			i && c,
-			u && l,
-			d
+			m && l,
+			y && b === 1 && u,
+			g
 		]),
-		children: f
+		children: _
 	});
 }
-var d = "haze-Typography__paragraphBase";
-function f({ className: n, children: r }) {
+var h = "haze-Typography__paragraphBase";
+function g({ ellipsis: n, className: r, children: i }) {
+	let a = !!n, o = d(n);
 	return /* @__PURE__ */ t("p", {
-		className: e([d, n]),
-		children: r
+		"data-slot": "paragraph",
+		style: a && o > 1 ? f(o) : void 0,
+		title: p(n, i),
+		className: e([
+			h,
+			a && o === 1 && u,
+			r
+		]),
+		children: i
 	});
 }
 //#endregion
-export { f as Paragraph, u as Text, i as Title };
+export { g as Paragraph, m as Text, i as Title };

package/dist/components/Upload/Upload.js

@@ -3,13 +3,13 @@ import e from "./UploadCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";
 //#region src/lib/components/Upload/Upload.tsx
-function r({ value: r, accept: i, droppable: a, beforeUpload: o, maxCount: s, multiple: c = !1, request: l, action: u, method: d, headers: f, name: p, data: m, manual: h, showUploadList: g, listType: _, removeLabel: v, directory: y, onStatusChange: b, onChange: x, className: S, children: C, ref: w }) {
-	let [T, E] = n(r, []);
+function r({ value: r, accept: i, droppable: a, beforeUpload: o, maxCount: s, multiple: c = !1, request: l, action: u, method: d, headers: f, name: p, data: m, manual: h, showUploadList: g, listType: _, onPreview: v, removeLabel: y, directory: b, onStatusChange: x, onChange: S, className: C, children: w, ref: T }) {
+	let [E, D] = n(r, []);
 	return /* @__PURE__ */ t(e, {
-		value: T,
+		value: E,
 		onChange: (e) => {
-			let t = e.filter((e) => !T.includes(e));
-			E(e), t.length > 0 && x?.(t);
+			let t = e.filter((e) => !E.includes(e));
+			D(e), t.length > 0 && S?.(t);
 		},
 		accept: i,
 		droppable: a,
@@ -25,12 +25,13 @@ function r({ value: r, accept: i, droppable: a, beforeUpload: o, maxCount: s, mu
 		manual: h,
 		showUploadList: g,
 		listType: _,
-		removeLabel: v,
-		directory: y,
-		onStatusChange: b,
-		className: S,
-		ref: w,
-		children: C
+		onPreview: v,
+		removeLabel: y,
+		directory: b,
+		onStatusChange: x,
+		className: C,
+		ref: T,
+		children: w
 	});
 }
 //#endregion