@ryuzaki13/react-foundation-ui 1.2.0 → 1.2.2

package/dist/tree-select/index.js

@@ -1,37 +1,38 @@
 import { t as e } from "../chunks/ui.module-BisoTevy.js";
 import { o as t } from "../chunks/input-BCJfUdK_.js";
 import { t as n } from "../chunks/check-box-Dd3YFuxd.js";
-import { c as r, d as i, f as a, i as o, l as s, p as c, r as l, t as u, u as d } from "../chunks/picker-BAQ9NeHe.js";
-import { t as f } from "../chunks/SelectOptionContent-CI7wq9Oi.js";
-import { useCallback as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
-import { flattenODataDependentServices as v, sortODataDependentSegmentItemsByChains as y, useODataCollection as ee, useODataCollectionChains as b, useODataCollectionModel as x } from "@ryuzaki13/react-foundation-api/odata";
-import { cn as S } from "@ryuzaki13/react-foundation-lib/utils";
-import { CheckIcon as te, ChevronRightIcon as C, MinusIcon as w, XIcon as ne } from "lucide-react";
-import { Fragment as re, jsx as T, jsxs as ie } from "react/jsx-runtime";
+import { c as r, d as i, f as a, i as o, l as s, n as c, p as l, r as u, t as d, u as f } from "../chunks/picker-BAQ9NeHe.js";
+import { r as p } from "../chunks/useODataSelectBase-CWBR3WCn.js";
+import { o as m } from "../chunks/multi-select-DgSwr3Pf.js";
+import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as ee } from "react";
+import { flattenODataDependentServices as y, sortODataDependentSegmentItemsByChains as b, useODataCollection as x, useODataCollectionChains as te, useODataCollectionModel as S } from "@ryuzaki13/react-foundation-api/odata";
+import { cn as C } from "@ryuzaki13/react-foundation-lib/utils";
+import { CheckIcon as w, ChevronRightIcon as T, MinusIcon as ne, XIcon as re } from "lucide-react";
+import { Fragment as ie, jsx as E, jsxs as D } from "react/jsx-runtime";
 //#region src/tree-select/helpers.ts
-function E(e) {
+function O(e) {
 	return e ? { [e.codeKey]: [e.value] } : {};
 }
 //#endregion
 //#region src/tree-select/model/buildODataTreeNodes.ts
-function D(e, t, n) {
+function k(e, t, n) {
 	return e ? `${e}/${t}:${n}` : `${t}:${n}`;
 }
-function O(e, t, n) {
+function A(e, t, n) {
 	let r = n[t];
 	return r && e[r] || e[t];
 }
-function k(e) {
+function ae(e) {
 	return [...new Set(e.filter(Boolean))].join(" ");
 }
-function ae(e) {
+function oe(e) {
 	return {
-		id: D(e.parentId, e.codeKey, e.value),
+		id: k(e.parentId, e.codeKey, e.value),
 		codeKey: e.codeKey,
 		value: e.value,
 		label: e.label,
 		code: e.code,
-		searchText: k([
+		searchText: ae([
 			e.value,
 			e.label,
 			e.code
@@ -40,7 +41,7 @@ function ae(e) {
 		childByBranchKey: /* @__PURE__ */ new Map()
 	};
 }
-function oe(e) {
+function se(e) {
 	return {
 		id: e.id,
 		codeKey: e.codeKey,
@@ -48,10 +49,10 @@ function oe(e) {
 		label: e.label,
 		code: e.code,
 		searchText: e.searchText,
-		children: e.children.length > 0 ? e.children.map(oe) : void 0
+		children: e.children.length > 0 ? e.children.map(se) : void 0
 	};
 }
-function se({ items: e, orderedCodeKeys: t, keyPairsMap: n, hiddenCodeKeys: r, textValueCodeKeys: i }) {
+function ce({ items: e, orderedCodeKeys: t, keyPairsMap: n, hiddenCodeKeys: r, textValueCodeKeys: i }) {
 	if (t.length === 0 || e.length === 0) return [];
 	let a = [], o = /* @__PURE__ */ new Map();
 	for (let s of e) {
@@ -59,8 +60,8 @@ function se({ items: e, orderedCodeKeys: t, keyPairsMap: n, hiddenCodeKeys: r, t
 		for (let c of t) {
 			let t = String(s[c] ?? "");
 			if (!t) break;
-			let l = String(O(s, c, n) ?? ""), u = i?.has(c) ? l : t, d = `${c}:${u}`, f = e ? e.childByBranchKey : o, p = f.get(d);
-			p || (p = ae({
+			let l = String(A(s, c, n) ?? ""), u = i?.has(c) ? l : t, d = `${c}:${u}`, f = e ? e.childByBranchKey : o, p = f.get(d);
+			p || (p = oe({
 				parentId: e?.id,
 				codeKey: c,
 				value: u,
@@ -69,44 +70,44 @@ function se({ items: e, orderedCodeKeys: t, keyPairsMap: n, hiddenCodeKeys: r, t
 			}), f.set(d, p), e ? e.children.push(p) : a.push(p)), e = p;
 		}
 	}
-	return a.map(oe);
+	return a.map(se);
 }
 //#endregion
 //#region src/tree-select/model/resolveOrderedTreeSegmentItems.ts
-function ce(e, t) {
-	return y(e, t);
+function le(e, t) {
+	return b(e, t);
 }
 //#endregion
 //#region src/tree-select/model/useODataTreeData.ts
-function A(e, t, n) {
-	return v([{
+function j(e, t, n) {
+	return y([{
 		odata: e,
 		segments: t,
 		model: n
 	}]);
 }
-function j(e) {
+function M(e) {
 	return e[0]?.id;
 }
-function M({ odata: e, segments: t, model: n }) {
-	let r = `${e.service}.${e.target}`, i = h(() => A(e, t, n), [
+function N({ odata: e, segments: t, model: n }) {
+	let r = `${e.service}.${e.target}`, i = _(() => j(e, t, n), [
 		e,
 		t,
 		n
-	]), a = b([e]), o = h(() => ce(i, a), [i, a]), s = h(() => o.map((e) => e.id), [o]), c = ee({
+	]), a = te([e]), o = _(() => le(i, a), [i, a]), s = _(() => o.map((e) => e.id), [o]), c = x({
 		odata: e,
-		model: x({
-			codeKey: j(o) ?? Object.keys(t)[0],
+		model: S({
+			codeKey: M(o) ?? Object.keys(t)[0],
 			...n
 		})
-	}), { hiddenCodeKeys: l, textValueCodeKeys: u } = h(() => {
+	}), { hiddenCodeKeys: l, textValueCodeKeys: u } = _(() => {
 		let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
 		for (let r of o) (r.segment.hideCode ?? e.hideCode) && t.add(r.id), r.segment.selectText && n.add(r.id);
 		return {
 			hiddenCodeKeys: t,
 			textValueCodeKeys: n
 		};
-	}, [e.hideCode, o]), d = h(() => se({
+	}, [e.hideCode, o]), d = _(() => ce({
 		items: c.data?.items ?? [],
 		orderedCodeKeys: s,
 		keyPairsMap: c.data?.keyPairsMap ?? {},
@@ -131,12 +132,12 @@ function M({ odata: e, segments: t, model: n }) {
 }
 //#endregion
 //#region src/tree-select/model/treeUtils.ts
-function N(e, t) {
+function P(e, t) {
 	return `${e}::${t}`;
 }
-function P(e) {
+function ue(e) {
 	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = 0, s = (e, c) => {
-		t.set(e.id, e), n.set(e.id, c), i.set(e.id, o++), a.set(N(e.codeKey, e.value), e.id);
+		t.set(e.id, e), n.set(e.id, c), i.set(e.id, o++), a.set(P(e.codeKey, e.value), e.id);
 		let l = (e.children ?? []).map((e) => e.id);
 		r.set(e.id, l);
 		for (let t of e.children ?? []) s(t, e.id);
@@ -152,16 +153,16 @@ function P(e) {
 	};
 }
 function F(e, t) {
-	if (e) return t.nodeIdByCodeValue.get(N(e.codeKey, e.value));
+	if (e) return t.nodeIdByCodeValue.get(P(e.codeKey, e.value));
 }
 function I(e, t) {
 	let n = /* @__PURE__ */ new Set();
 	if (!e) return n;
 	for (let [r, i] of Object.entries(e)) for (let e of i) {
-		let i = t.nodeIdByCodeValue.get(N(r, e));
+		let i = t.nodeIdByCodeValue.get(P(r, e));
 		i && n.add(i);
 	}
-	return B(n, t);
+	return V(n, t);
 }
 function L(e, t) {
 	let n = [...e].sort((e, n) => (t.preorderIndexById.get(e) ?? 2 ** 53 - 1) - (t.preorderIndexById.get(n) ?? 2 ** 53 - 1)), r = {};
@@ -171,12 +172,12 @@ function L(e, t) {
 	}
 	return r;
 }
-function le(e, t) {
+function de(e, t) {
 	let n = [], r = t.parentById.get(e);
 	for (; r;) n.push(r), r = t.parentById.get(r);
 	return n;
 }
-function ue(e, t, n) {
+function R(e, t, n) {
 	let r = n.parentById.get(e);
 	for (; r;) {
 		if (r === t) return !0;
@@ -184,26 +185,26 @@ function ue(e, t, n) {
 	}
 	return !1;
 }
-function R(e, t, n) {
-	for (let r of [...e]) ue(r, t, n) && e.delete(r);
-}
 function z(e, t, n) {
+	for (let r of [...e]) R(r, t, n) && e.delete(r);
+}
+function B(e, t, n) {
 	if (t.has(e)) return !0;
 	if (n.nodeById.get(e)?.disabled) return !1;
 	let r = n.childrenById.get(e) ?? [];
-	return r.length === 0 ? !1 : r.every((e) => z(e, t, n));
+	return r.length === 0 ? !1 : r.every((e) => B(e, t, n));
 }
-function B(e, t) {
+function V(e, t) {
 	let n = new Set(e);
-	for (let e of [...n]) le(e, t).some((e) => n.has(e)) && n.delete(e);
+	for (let e of [...n]) de(e, t).some((e) => n.has(e)) && n.delete(e);
 	let r = [...t.nodeById.keys()].sort((e, n) => (t.preorderIndexById.get(n) ?? 0) - (t.preorderIndexById.get(e) ?? 0));
 	for (let e of r) {
 		let r = t.childrenById.get(e) ?? [];
-		r.length === 0 || n.has(e) || t.nodeById.get(e)?.disabled || r.every((e) => z(e, n, t)) && (R(n, e, t), n.add(e));
+		r.length === 0 || n.has(e) || t.nodeById.get(e)?.disabled || r.every((e) => B(e, n, t)) && (z(n, e, t), n.add(e));
 	}
 	return n;
 }
-function V(e, t, n) {
+function H(e, t, n) {
 	let r = n.parentById.get(t);
 	for (; r;) {
 		if (e.has(r)) {
@@ -215,10 +216,10 @@ function V(e, t, n) {
 	}
 	return !1;
 }
-function H(e, t, n) {
-	return t.has(e) ? !0 : le(e, n).some((e) => t.has(e));
+function U(e, t, n) {
+	return t.has(e) ? !0 : de(e, n).some((e) => t.has(e));
 }
-function U(e, t, n, r) {
+function W(e, t, n, r) {
 	let i = n.childrenById.get(e) ?? [];
 	if (t.has(e)) return r.selectedIds.add(e), {
 		selected: !0,
@@ -228,7 +229,7 @@ function U(e, t, n, r) {
 		selected: !1,
 		partial: !1
 	};
-	let a = i.map((e) => U(e, t, n, r)), o = a.every((e) => e.selected && !e.partial), s = a.some((e) => e.selected || e.partial);
+	let a = i.map((e) => W(e, t, n, r)), o = a.every((e) => e.selected && !e.partial), s = a.some((e) => e.selected || e.partial);
 	return o ? (r.selectedIds.add(e), {
 		selected: !0,
 		partial: !1
@@ -240,12 +241,12 @@ function U(e, t, n, r) {
 		partial: !1
 	};
 }
-function W(e, t) {
+function fe(e, t) {
 	let n = {
 		selectedIds: /* @__PURE__ */ new Set(),
 		partialIds: /* @__PURE__ */ new Set()
 	};
-	for (let r of t.rootIds) U(r, e, t, n);
+	for (let r of t.rootIds) W(r, e, t, n);
 	return n;
 }
 function G(e, t = e.rootIds) {
@@ -261,41 +262,41 @@ function G(e, t = e.rootIds) {
 	};
 	return new Set(t.flatMap((e) => n(e).selectedIds));
 }
-function de(e, t, n) {
+function pe(e, t, n) {
 	let r = I(e, n), i = (e) => {
-		if (H(e, r, n)) {
+		if (U(e, r, n)) {
 			if (r.has(e)) {
 				r.delete(e);
 				return;
 			}
-			V(r, e, n) && i(e);
+			H(r, e, n) && i(e);
 			return;
 		}
-		R(r, e, n), r.add(e);
-	}, a = [...G(n, [t])], o = a.length > 0 && a.every((e) => H(e, r, n));
+		z(r, e, n), r.add(e);
+	}, a = [...G(n, [t])], o = a.length > 0 && a.every((e) => U(e, r, n));
 	for (let e of a) {
-		let t = H(e, r, n);
+		let t = U(e, r, n);
 		(o && t || !o && !t) && i(e);
 	}
-	return L(B(r, n), n);
+	return L(V(r, n), n);
 }
 function K(e, t, n) {
 	let r = t.parentById.get(e);
 	for (; r;) n.add(r), r = t.parentById.get(r);
 }
-function fe(e, t) {
+function me(e, t) {
 	let n = /* @__PURE__ */ new Set();
 	for (let r of e) K(r, t, n);
 	return n;
 }
-function pe(e, t, n) {
-	let r = (e.children ?? []).map((e) => pe(e, t, n)).filter((e) => !!e);
+function he(e, t, n) {
+	let r = (e.children ?? []).map((e) => he(e, t, n)).filter((e) => !!e);
 	return !e.searchText.toLowerCase().includes(t) && r.length === 0 ? null : (r.length > 0 && n.add(e.id), r.length === 0 ? e : {
 		...e,
 		children: r
 	});
 }
-function me(e, t) {
+function ge(e, t) {
 	let n = t.trim().toLowerCase();
 	if (!n) return {
 		nodes: [...e],
@@ -303,11 +304,11 @@ function me(e, t) {
 	};
 	let r = /* @__PURE__ */ new Set();
 	return {
-		nodes: e.map((e) => pe(e, n, r)).filter((e) => !!e),
+		nodes: e.map((e) => he(e, n, r)).filter((e) => !!e),
 		expandedIds: r
 	};
 }
-function he(e, t) {
+function _e(e, t) {
 	let n = [], r = (e, i, a) => {
 		let o = (e.children?.length ?? 0) > 0, s = o && t.has(e.id);
 		if (n.push({
@@ -324,21 +325,21 @@ function he(e, t) {
 }
 //#endregion
 //#region src/tree-select/model/resolveBalancedTreeColumnsLayout.ts
-var ge = 8, q = 16, J = 48, _e = 224, Y = 10, ve = 32, ye = 6;
+var ve = 8, q = 16, J = 48, ye = 224, Y = 10, be = 32, xe = 6;
 function X(e, t) {
 	return Number.isFinite(e) && e > 0 ? e : t;
 }
-function be({ itemCount: e, availableWidth: t, availableHeight: n, viewportWidth: r, viewportHeight: i, referenceWidth: a }) {
-	let o = Math.max(0, Math.floor(Number.isFinite(e) ? e : 0)), s = X(t, 240), c = X(n, 80), l = X(r, s + ge * 2), u = X(i, c), d = Math.max(1, Math.min(s, Math.max(1, l - ge * 2))), f = Math.max(1, Math.min(c, u * .75)), p = Math.max(1, X(a, 1)), m = Math.min(d, p), h = Math.max(1, Math.floor((d - q + Y) / 234)), g = Math.max(1, Math.min(ye, h, o || 1)), _ = 1, v = Infinity;
+function Se({ itemCount: e, availableWidth: t, availableHeight: n, viewportWidth: r, viewportHeight: i, referenceWidth: a }) {
+	let o = Math.max(0, Math.floor(Number.isFinite(e) ? e : 0)), s = X(t, 240), c = X(n, 80), l = X(r, s + ve * 2), u = X(i, c), d = Math.max(1, Math.min(s, Math.max(1, l - ve * 2))), f = Math.max(1, Math.min(c, u * .75)), p = Math.max(1, X(a, 1)), m = Math.min(d, p), h = Math.max(1, Math.floor((d - q + Y) / 234)), g = Math.max(1, Math.min(xe, h, o || 1)), _ = 1, v = Infinity;
 	for (let e = 1; e <= g; e += 1) {
-		let t = Math.ceil(o / e), n = Math.max(m, q + e * _e + (e - 1) * Y), r = J + t * ve, i = n / d, a = r / f, s = o ? (e * t - o) / o : 0, c = Math.max(i, a) + .25 * Math.abs(i - a) + .01 * s + .04 * (e - 1);
+		let t = Math.ceil(o / e), n = Math.max(m, q + e * ye + (e - 1) * Y), r = J + t * be, i = n / d, a = r / f, s = o ? (e * t - o) / o : 0, c = Math.max(i, a) + .25 * Math.abs(i - a) + .01 * s + .04 * (e - 1);
 		c < v && (v = c, _ = e);
 	}
-	let y = Math.ceil(o / _), ee = Math.max(m, q + _ * _e + (_ - 1) * Y);
+	let ee = Math.ceil(o / _), y = Math.max(m, q + _ * ye + (_ - 1) * Y);
 	return {
 		columnCount: _,
-		rowCount: y,
-		width: Math.min(d, ee),
+		rowCount: ee,
+		width: Math.min(d, y),
 		minWidth: m,
 		maxHeight: f
 	};
@@ -371,15 +372,15 @@ var Z = {
 };
 //#endregion
 //#region src/tree-select/TreeNodeContent.tsx
-function xe({ node: e, level: t, highlight: r, hasChildren: i, isExpanded: a, selected: o, partial: s, selectionMode: c, optionsLayout: l = "tree", onToggleExpand: u, onToggleSelection: d }) {
-	let p = l === "tree";
-	return /* @__PURE__ */ ie(re, { children: [
-		/* @__PURE__ */ T("span", {
+function Ce({ node: e, level: t, highlight: r, hasChildren: i, isExpanded: a, selected: o, partial: s, selectionMode: c, optionsLayout: l = "tree", onToggleExpand: u, onToggleSelection: d }) {
+	let f = l === "tree";
+	return /* @__PURE__ */ D(ie, { children: [
+		/* @__PURE__ */ E("span", {
 			className: Z.treeIndent,
 			style: { "--tree-level": t },
 			"aria-hidden": "true"
 		}),
-		p && i ? /* @__PURE__ */ T("button", {
+		f && i ? /* @__PURE__ */ E("button", {
 			type: "button",
 			className: Z.treeExpander,
 			onClick: (e) => {
@@ -388,30 +389,30 @@ function xe({ node: e, level: t, highlight: r, hasChildren: i, isExpanded: a, se
 			"aria-label": a ? "Свернуть ветку" : "Развернуть ветку",
 			"data-ui": "tree-select-expander",
 			"data-action": a ? "collapse-tree-select-node" : "expand-tree-select-node",
-			children: /* @__PURE__ */ T(C, { className: S(Z.treeExpanderIcon, a && Z.treeExpanderIconExpanded) })
-		}) : p ? /* @__PURE__ */ T("span", {
+			children: /* @__PURE__ */ E(T, { className: C(Z.treeExpanderIcon, a && Z.treeExpanderIconExpanded) })
+		}) : f ? /* @__PURE__ */ E("span", {
 			className: Z.treeExpanderPlaceholder,
 			"aria-hidden": "true"
 		}) : null,
-		c === "multi" && l === "columns" ? /* @__PURE__ */ T("span", {
+		c === "multi" && l === "columns" ? /* @__PURE__ */ E("span", {
 			className: Z.treeColumnCheckBox,
 			onMouseDown: (e) => e.stopPropagation(),
 			onClick: (e) => e.stopPropagation(),
-			children: /* @__PURE__ */ T(n, {
+			children: /* @__PURE__ */ E(n, {
 				value: o,
 				indeterminate: s,
 				disabled: e.disabled,
 				"aria-label": `Выбрать ${e.label}`,
 				onChange: () => d?.()
 			})
-		}) : c === "multi" ? /* @__PURE__ */ T("span", {
-			className: S(Z.treeSelection, o && Z.treeSelectionChecked, s && Z.treeSelectionPartial),
+		}) : c === "multi" ? /* @__PURE__ */ E("span", {
+			className: C(Z.treeSelection, o && Z.treeSelectionChecked, s && Z.treeSelectionPartial),
 			"aria-hidden": "true",
-			children: o ? /* @__PURE__ */ T(te, { className: Z.treeSelectionIcon }) : s ? /* @__PURE__ */ T(w, { className: Z.treeSelectionIcon }) : null
+			children: o ? /* @__PURE__ */ E(w, { className: Z.treeSelectionIcon }) : s ? /* @__PURE__ */ E(ne, { className: Z.treeSelectionIcon }) : null
 		}) : null,
-		/* @__PURE__ */ T("div", {
+		/* @__PURE__ */ E("div", {
 			className: Z.treeNodeOptionContent,
-			children: /* @__PURE__ */ T(f, {
+			children: /* @__PURE__ */ E(p, {
 				label: e.label,
 				code: e.code,
 				highlight: r
@@ -421,25 +422,25 @@ function xe({ node: e, level: t, highlight: r, hasChildren: i, isExpanded: a, se
 }
 //#endregion
 //#region src/tree-select/TreePickerBase.tsx
-function Se({ label: n, description: f, disabled: v, placeholder: y, size: ee, nodes: b, selectedIds: x, partialIds: te, selectionMode: C, optionsLayout: w = "tree", bulkActions: E, triggerMode: D = "display", selectedSummary: O, selectedSummaryText: k, query: ae, defaultQuery: oe, onQuery: se, onNodeActivate: ce, onClearSelection: A, isLoading: j, error: M }) {
-	let N = g(null), F = g(null), I = g(!1), [L, le] = _(() => /* @__PURE__ */ new Set()), ue = D === "search" ? "search-single" : "display", R = h(() => P(b), [b]), { query: z, setQuery: B } = l({
+function we({ label: n, description: c, disabled: p, placeholder: m, size: y, nodes: b, selectedIds: x, partialIds: te, selectionMode: S, optionsLayout: w = "tree", open: T, onOpenChange: ne, bulkActions: O, triggerMode: k = "display", selectedSummary: A, selectedSummaryText: ae, query: oe, defaultQuery: se, onQuery: ce, onNodeActivate: le, onClearSelection: j, isLoading: M, error: N }) {
+	let P = v(null), F = v(null), I = v(!1), [L, de] = ee(() => /* @__PURE__ */ new Set()), R = k === "search" ? S === "multi" ? "search-multi" : "search-single" : "display", z = _(() => ue(b), [b]), { query: B, setQuery: V } = u({
 		open: !0,
-		query: ae,
-		defaultQuery: oe,
-		onQuery: se,
+		query: oe,
+		defaultQuery: se,
+		onQuery: ce,
 		triggerMode: "display"
-	}), { nodes: V, expandedIds: U } = h(() => me(b, z), [b, z]), W = h(() => fe(x, R), [x, R]), G = h(() => new Set([...R.childrenById].filter(([, e]) => e.length > 0).map(([e]) => e)), [R]), de = h(() => w === "columns" ? G : /* @__PURE__ */ new Set([
+	}), { nodes: H, expandedIds: W } = _(() => ge(b, B), [b, B]), fe = _(() => me(x, z), [x, z]), G = _(() => new Set([...z.childrenById].filter(([, e]) => e.length > 0).map(([e]) => e)), [z]), pe = _(() => w === "columns" ? G : /* @__PURE__ */ new Set([
 		...L,
-		...U,
-		...W
+		...W,
+		...fe
 	]), [
 		G,
 		L,
 		w,
-		U,
-		W
-	]), K = h(() => he(V, de), [V, de]), pe = h(() => K.findIndex((e) => x.has(e.node.id)), [x, K]), ge = p((e) => {
-		let t = be({
+		W,
+		fe
+	]), K = _(() => _e(H, pe), [H, pe]), he = _(() => K.findIndex((e) => x.has(e.node.id)), [x, K]), ve = h((e) => {
+		let t = Se({
 			...e,
 			itemCount: K.length
 		});
@@ -451,36 +452,39 @@ function Se({ label: n, description: f, disabled: v, placeholder: y, size: ee, n
 			"--tree-column-count": String(t.columnCount),
 			"--tree-row-count": String(Math.max(t.rowCount, 1))
 		};
-	}, [K.length]), { open: q, activeIndex: J, context: _e, floatingStyles: Y, getFloatingProps: ve, setReference: ye, setFloating: X, setOptionRef: Se, close: Ce, openList: we, toggleOpen: Te, selectOption: Q, handleReferenceKeyDown: Ee, handleFloatingKeyDown: De, getOptionId: Oe, getActiveOptionId: ke } = o({
+	}, [K.length]), { open: q, activeIndex: J, context: ye, floatingStyles: Y, getFloatingProps: be, setReference: xe, setFloating: X, setOptionRef: we, close: Te, openList: Ee, toggleOpen: De, selectOption: Q, handleReferenceKeyDown: Oe, handleFloatingKeyDown: ke, getOptionId: Ae, getActiveOptionId: je } = o({
 		options: K,
-		selectedIndex: pe,
-		onSelect: (e) => ce(e.node),
+		selectedIndex: he,
+		open: T,
+		onOpenChange: ne,
+		onSelect: (e) => le(e.node),
 		getOptionDisabled: (e) => e.node.disabled === !0,
-		disabled: v || j,
-		closeOnSelect: C === "single",
+		disabled: p || M,
+		closeOnSelect: S === "single",
 		allowOpenWithoutOptions: !0,
-		triggerMode: ue,
-		resolveFloatingSize: w === "columns" ? ge : void 0
-	}), Ae = x.size > 0, je = D === "search" && (q || z.length > 0), Me = je ? z : k ?? "", Ne = D === "display" && !!O, $ = u({
-		mode: ue,
+		triggerMode: R,
+		placementStrategy: w === "columns" ? "auto" : "flip",
+		resolveFloatingSize: w === "columns" ? ve : void 0
+	}), Me = x.size > 0, Ne = k === "search" && (q || B.length > 0) ? B : ae ?? "", Pe = k === "display" && !!A, Fe = R === "search-multi" && !!A, $ = d({
+		mode: R,
 		open: q,
-		currentQuery: z,
-		hasDisplayValue: !!k,
-		inputRef: N,
-		setQuery: B,
-		openList: we,
-		close: Ce,
-		toggleOpen: Te
-	}), Pe = w === "columns" && C === "multi" && E, Fe = D === "display", Ie = Pe || Fe ? /* @__PURE__ */ ie("div", {
+		currentQuery: B,
+		hasDisplayValue: !!ae,
+		inputRef: P,
+		setQuery: V,
+		openList: Ee,
+		close: Te,
+		toggleOpen: De
+	}), Ie = w === "columns" && S === "multi" && O, Le = k === "display", Re = Ie || Le ? /* @__PURE__ */ D("div", {
 		className: Z.treePopupHeader,
-		children: [Pe ? /* @__PURE__ */ T(i, {
-			onSelectAll: E.onSelectAll,
-			onDeselectAll: E.onDeselectAll,
+		children: [Ie ? /* @__PURE__ */ E(i, {
+			onSelectAll: O.onSelectAll,
+			onDeselectAll: O.onDeselectAll,
 			selectAllButtonRef: F
-		}) : null, Fe ? /* @__PURE__ */ T(t, {
-			value: z,
-			onChange: B,
-			onClear: () => B(""),
+		}) : null, Le ? /* @__PURE__ */ E(t, {
+			value: B,
+			onChange: V,
+			onClear: () => V(""),
 			placeholder: "Поиск по дереву",
 			onKeyDown: (e) => {
 				e.key !== "Escape" && e.key !== "Tab" && e.stopPropagation();
@@ -490,74 +494,74 @@ function Se({ label: n, description: f, disabled: v, placeholder: y, size: ee, n
 			}
 		}) : null]
 	}) : void 0;
-	m(() => {
-		I.current && !q && $.policy.resetQueryOnClose && B(""), I.current = q;
+	g(() => {
+		I.current && !q && $.policy.resetQueryOnClose && V(""), I.current = q;
 	}, [
 		q,
-		B,
+		V,
 		$.policy.resetQueryOnClose
 	]);
-	let Le = (e) => {
-		N.current = e;
-	}, Re = () => {
-		A?.(), B(""), Ce();
-	}, ze = (e) => {
-		e.hasChildren && le((t) => {
+	let ze = (e) => {
+		P.current = e;
+	}, Be = () => {
+		j?.(), V(""), S === "single" && Te();
+	}, Ve = (e) => {
+		e.hasChildren && de((t) => {
 			let n = new Set(t);
 			return n.has(e.node.id) ? n.delete(e.node.id) : n.add(e.node.id), n;
 		});
 	};
-	return /* @__PURE__ */ T(c, {
+	return /* @__PURE__ */ E(l, {
 		label: n,
-		description: f,
-		disabled: v,
-		placeholder: y,
-		size: ee,
+		description: c,
+		disabled: p,
+		placeholder: m,
+		size: y,
 		children: ({ controlId: t, labelId: i, describedBy: o }) => {
-			let c = `${t}-listbox`, l = typeof n == "string" ? n : y;
-			return /* @__PURE__ */ ie(re, { children: [/* @__PURE__ */ T(r, {
-				ref: Le,
-				rootRef: ye,
+			let c = `${t}-listbox`, l = typeof n == "string" ? n : m;
+			return /* @__PURE__ */ D(ie, { children: [/* @__PURE__ */ E(r, {
+				ref: ze,
+				rootRef: xe,
 				id: t,
 				type: "text",
 				role: "combobox",
 				autoComplete: "off",
-				disabled: v || j,
-				readOnly: D !== "search",
-				value: D === "display" && Ne ? "" : Me,
-				placeholder: D === "search" ? !k || je ? y : void 0 : Ae ? void 0 : y,
+				disabled: p || M,
+				readOnly: k !== "search",
+				value: k === "display" && Pe ? "" : Ne,
+				placeholder: Me ? void 0 : m,
 				"aria-labelledby": i,
 				"aria-describedby": o,
 				"aria-haspopup": w === "columns" ? "dialog" : "listbox",
 				"aria-expanded": q,
 				"aria-controls": q ? c : void 0,
-				"aria-autocomplete": w !== "columns" && D === "search" ? "list" : "none",
-				"aria-activedescendant": w !== "columns" && q && K.length > 0 ? ke(c) : void 0,
-				inputClassName: S(Ae && Z.treeSummary, Ne && Z.inputWithOverlay),
-				overlay: Ne ? /* @__PURE__ */ T("div", {
+				"aria-autocomplete": w !== "columns" && k === "search" ? "list" : "none",
+				"aria-activedescendant": w !== "columns" && q && K.length > 0 ? je(c) : void 0,
+				inputClassName: C(Me && Z.treeSummary, Pe && Z.inputWithOverlay),
+				overlay: Pe ? /* @__PURE__ */ E("div", {
 					className: Z.valueOverlay,
-					children: O
+					children: A
 				}) : void 0,
-				endAdornment: /* @__PURE__ */ T(s, {
+				endAdornment: /* @__PURE__ */ D(s, {
 					open: q,
-					disabled: v || j,
+					disabled: p || M,
 					onToggleMouseDown: $.handleToggleMouseDown,
 					onToggleClick: $.handleToggleClick,
-					children: Ae && A ? /* @__PURE__ */ T("button", {
+					children: [Fe ? A : null, Me && j ? /* @__PURE__ */ E("button", {
 						type: "button",
 						className: Z.treeClearButton,
 						onMouseDown: (e) => {
 							e.preventDefault(), e.stopPropagation();
 						},
 						onClick: (e) => {
-							e.preventDefault(), e.stopPropagation(), Re();
+							e.preventDefault(), e.stopPropagation(), Be();
 						},
 						"aria-label": "Очистить выбор",
-						children: /* @__PURE__ */ T(ne, {})
-					}) : null
+						children: /* @__PURE__ */ E(re, {})
+					}) : null]
 				}),
 				onChange: (e) => {
-					D === "search" && $.handleTriggerInputChange(e.target.value);
+					k === "search" && $.handleTriggerInputChange(e.target.value);
 				},
 				onClick: $.handleTriggerClick,
 				onFocus: (e) => {
@@ -568,65 +572,65 @@ function Se({ label: n, description: f, disabled: v, placeholder: y, size: ee, n
 						e.preventDefault(), F.current.focus();
 						return;
 					}
-					Ee(e), !e.defaultPrevented && $.handleTriggerKeyDown({
+					Oe(e), !e.defaultPrevented && $.handleTriggerKeyDown({
 						event: e,
 						onActivateWhenOpen: () => {
 							let e = J >= 0 ? K[J] : void 0;
 							e && Q(e);
 						},
-						enableSpaceActivation: D === "display"
+						enableSpaceActivation: k === "display"
 					});
 				}
-			}), /* @__PURE__ */ T(a, {
+			}), /* @__PURE__ */ E(a, {
 				open: q,
-				context: _e,
+				context: ye,
 				floatingStyles: Y,
 				listId: c,
 				labelId: i,
 				popupAriaLabel: l,
 				descriptionId: o,
-				activeOptionId: w !== "columns" && K.length > 0 ? ke(c) : void 0,
-				ariaMultiselectable: w !== "columns" && C === "multi",
+				activeOptionId: w !== "columns" && K.length > 0 ? je(c) : void 0,
+				ariaMultiselectable: w !== "columns" && S === "multi",
 				popupRole: w === "columns" ? "dialog" : "listbox",
 				setFloating: X,
-				getFloatingProps: ve,
-				onKeyDown: De,
+				getFloatingProps: be,
+				onKeyDown: ke,
 				className: e.uiPopupOptions,
 				bodyClassName: "scrollable",
-				header: Ie,
-				children: /* @__PURE__ */ T("div", {
-					className: S(w === "columns" && Z.treeColumns),
-					children: K.length === 0 ? /* @__PURE__ */ T(d, {
-						errorState: M,
-						loadingState: j ? "Загрузка..." : void 0,
-						emptyState: !M && !j ? "Нет данных" : void 0
+				header: Re,
+				children: /* @__PURE__ */ E("div", {
+					className: C(w === "columns" && Z.treeColumns),
+					children: K.length === 0 ? /* @__PURE__ */ E(f, {
+						errorState: N,
+						loadingState: M ? "Загрузка..." : void 0,
+						emptyState: !N && !M ? "Нет данных" : void 0
 					}) : K.map((e, t) => {
-						let n = C === "multi" ? H(e.node.id, x, R) : x.has(e.node.id), r = C === "multi" && !n && te.has(e.node.id), i = t === J, a = e.node.disabled === !0;
-						return /* @__PURE__ */ T("div", {
+						let n = S === "multi" ? U(e.node.id, x, z) : x.has(e.node.id), r = S === "multi" && !n && te.has(e.node.id), i = t === J, a = e.node.disabled === !0;
+						return /* @__PURE__ */ E("div", {
 							"data-ui": "tree-select-option",
-							id: Oe(c, t),
-							ref: (e) => Se(t, e),
+							id: Ae(c, t),
+							ref: (e) => we(t, e),
 							role: w === "columns" ? void 0 : "option",
 							"aria-selected": w === "columns" ? void 0 : n,
 							"aria-disabled": a || void 0,
-							className: S(Z.treeRow, w === "columns" && Z.treeColumnRow, a && Z.treeRowDisabled, i && Z.treeRowActive, n && Z.treeRowSelected),
+							className: C(Z.treeRow, w === "columns" && Z.treeColumnRow, a && Z.treeRowDisabled, i && Z.treeRowActive, n && Z.treeRowSelected),
 							onMouseDown: (e) => {
 								e.preventDefault();
 							},
 							onClick: () => Q(e),
-							children: /* @__PURE__ */ T("div", {
+							children: /* @__PURE__ */ E("div", {
 								className: Z.treeNodeButton,
-								children: /* @__PURE__ */ T(xe, {
+								children: /* @__PURE__ */ E(Ce, {
 									node: e.node,
 									level: e.level,
-									highlight: z,
+									highlight: B,
 									hasChildren: e.hasChildren,
 									isExpanded: e.isExpanded,
 									selected: n,
 									partial: r,
-									selectionMode: C,
+									selectionMode: S,
 									optionsLayout: w,
-									onToggleExpand: () => ze(e),
+									onToggleExpand: () => Ve(e),
 									onToggleSelection: () => Q(e)
 								})
 							})
@@ -639,54 +643,71 @@ function Se({ label: n, description: f, disabled: v, placeholder: y, size: ee, n
 }
 //#endregion
 //#region src/tree-select/TreeMultiSelect.tsx
-function Ce(e, t) {
+function Te(e, t) {
 	if (e.size !== 0) {
 		if (e.size === 1) {
 			let n = t.nodeById.get([...e][0]);
-			return n ? n.code && n.code !== n.label ? `${n.label} · ${n.code}` : n.label : void 0;
+			return n ? n.label : void 0;
 		}
-		return `Выбрано ${e.size} узл.`;
+		return `${e.size} элементов`;
 	}
 }
-function we({ label: e, description: t, disabled: n, placeholder: r = "Выберите значения", size: i, nodes: a, value: o, onChange: s, query: c, defaultQuery: l, onQuery: u, isLoading: d, error: f, optionsLayout: p = "tree" }) {
-	let m = h(() => P(a), [a]), g = h(() => I(o, m), [m, o]), _ = h(() => W(g, m), [g, m]), v = h(() => Ce(g, m), [g, m]);
-	return /* @__PURE__ */ T(Se, {
+function Ee(e, t, n) {
+	let r = I(e, n), i = I(t, n);
+	return r.size === i.size && [...r].every((e) => i.has(e));
+}
+function De({ label: e, description: t, disabled: n, placeholder: r = "Выберите значения", size: i, nodes: a, value: o, onChange: s, query: l, defaultQuery: u, onQuery: d, isLoading: f, error: p, optionsLayout: h = "tree" }) {
+	let [g, v] = ee(!1), y = _(() => ue(a), [a]), { draftValue: b, setDraftValue: x, prepareOpen: te } = c({
+		value: o,
+		open: g,
+		onCommit: s,
+		isEqual: (e, t) => Ee(e, t, y)
+	}), S = g ? b : o, C = _(() => I(S, y), [S, y]), w = _(() => fe(C, y), [C, y]), T = _(() => Te(C, y), [C, y]);
+	return /* @__PURE__ */ E(we, {
 		label: e,
 		description: t,
 		disabled: n,
 		placeholder: r,
 		size: i,
 		nodes: a,
-		selectedIds: _.selectedIds,
-		partialIds: _.partialIds,
+		selectedIds: w.selectedIds,
+		partialIds: w.partialIds,
 		selectionMode: "multi",
-		optionsLayout: p,
+		optionsLayout: h,
+		open: g,
+		onOpenChange: (e) => {
+			e && !g && te(), v(e);
+		},
 		bulkActions: {
 			onSelectAll: () => {
-				s(L(G(m), m));
+				x(L(G(y), y));
 			},
-			onDeselectAll: () => s({})
+			onDeselectAll: () => x({})
 		},
 		triggerMode: "search",
-		selectedSummary: v,
-		query: c,
-		defaultQuery: l,
-		onQuery: u,
-		onNodeActivate: (e) => s(de(o, e.id, m)),
-		onClearSelection: () => s({}),
-		isLoading: d,
-		error: f
+		selectedSummary: T ? /* @__PURE__ */ E(m, { value: T }) : void 0,
+		query: l,
+		defaultQuery: u,
+		onQuery: d,
+		onNodeActivate: (e) => {
+			x((t) => pe(t, e.id, y));
+		},
+		onClearSelection: () => {
+			x({}), g || s({});
+		},
+		isLoading: f,
+		error: p
 	});
 }
 //#endregion
 //#region src/tree-select/ODataTreeMultiSelect.tsx
-function Te({ label: e, description: t, disabled: n, size: r, placeholder: i, query: a, defaultQuery: o, onQuery: s, optionsLayout: c, value: l, onChange: u, odata: d, segments: f, model: p }) {
-	let m = M({
+function Q({ label: e, description: t, disabled: n, size: r, placeholder: i, query: a, defaultQuery: o, onQuery: s, optionsLayout: c, value: l, onChange: u, odata: d, segments: f, model: p }) {
+	let m = N({
 		odata: d,
 		segments: f,
 		model: p
 	});
-	return /* @__PURE__ */ T(we, {
+	return /* @__PURE__ */ E(De, {
 		label: e,
 		description: t,
 		disabled: n || m.isLoading,
@@ -705,23 +726,23 @@ function Te({ label: e, description: t, disabled: n, size: r, placeholder: i, qu
 }
 //#endregion
 //#region src/tree-select/TreeSelect.tsx
-function Q(e) {
+function Oe(e) {
 	if (e) return e.code && e.code !== e.label ? `${e.label} · ${e.code}` : e.label;
 }
-function Ee({ label: e, description: t, disabled: n, placeholder: r = "Выберите значение", size: i, nodes: a, value: o, onChange: s, query: c, defaultQuery: l, onQuery: u, isLoading: d, error: f, clearable: p = !1 }) {
-	let m = h(() => P(a), [a]), g = F(o, m), _ = g ? m.nodeById.get(g) : void 0;
-	return /* @__PURE__ */ T(Se, {
+function ke({ label: e, description: t, disabled: n, placeholder: r = "Выберите значение", size: i, nodes: a, value: o, onChange: s, query: c, defaultQuery: l, onQuery: u, isLoading: d, error: f, clearable: p = !1 }) {
+	let m = _(() => ue(a), [a]), h = F(o, m), g = h ? m.nodeById.get(h) : void 0;
+	return /* @__PURE__ */ E(we, {
 		label: e,
 		description: t,
 		disabled: n,
 		placeholder: r,
 		size: i,
 		nodes: a,
-		selectedIds: g ? /* @__PURE__ */ new Set([g]) : /* @__PURE__ */ new Set(),
+		selectedIds: h ? /* @__PURE__ */ new Set([h]) : /* @__PURE__ */ new Set(),
 		partialIds: /* @__PURE__ */ new Set(),
 		selectionMode: "single",
 		triggerMode: "search",
-		selectedSummaryText: Q(_),
+		selectedSummaryText: Oe(g),
 		query: c,
 		defaultQuery: l,
 		onQuery: u,
@@ -736,13 +757,13 @@ function Ee({ label: e, description: t, disabled: n, placeholder: r = "Выбе
 }
 //#endregion
 //#region src/tree-select/ODataTreeSelect.tsx
-function De({ label: e, description: t, disabled: n, size: r, placeholder: i, query: a, defaultQuery: o, onQuery: s, value: c, onChange: l, odata: u, segments: d, model: f, clearable: p }) {
-	let m = M({
+function Ae({ label: e, description: t, disabled: n, size: r, placeholder: i, query: a, defaultQuery: o, onQuery: s, value: c, onChange: l, odata: u, segments: d, model: f, clearable: p }) {
+	let m = N({
 		odata: u,
 		segments: d,
 		model: f
 	});
-	return /* @__PURE__ */ T(Ee, {
+	return /* @__PURE__ */ E(ke, {
 		label: e,
 		description: t,
 		disabled: n || m.isLoading,
@@ -760,6 +781,6 @@ function De({ label: e, description: t, disabled: n, size: r, placeholder: i, qu
 	});
 }
 //#endregion
-export { Te as ODataTreeMultiSelect, De as ODataTreeSelect, we as TreeMultiSelect, Ee as TreeSelect, E as treeSelectValueToSelectedFilters };
+export { Q as ODataTreeMultiSelect, Ae as ODataTreeSelect, De as TreeMultiSelect, ke as TreeSelect, O as treeSelectValueToSelectedFilters };
 
 //# sourceMappingURL=index.js.map