@ryuzaki13/react-foundation-ui 1.1.9 → 1.2.0

package/dist/tree-select/index.js

@@ -1,36 +1,37 @@
 import { t as e } from "../chunks/ui.module-BisoTevy.js";
 import { o as t } from "../chunks/input-BCJfUdK_.js";
-import { c as n, d as r, f as i, i as a, l as o, r as s, t as c, u as l } from "../chunks/picker-DTZk09Ag.js";
-import { t as u } from "../chunks/SelectOptionContent-CI7wq9Oi.js";
-import { useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { flattenODataDependentServices as h, sortODataDependentSegmentItemsByChains as g, useODataCollection as _, useODataCollectionChains as ee, useODataCollectionModel as v } from "@ryuzaki13/react-foundation-api/odata";
-import { cn as y } from "@ryuzaki13/react-foundation-lib/utils";
-import { CheckIcon as b, ChevronRightIcon as te, MinusIcon as x, XIcon as ne } from "lucide-react";
-import { Fragment as re, jsx as S, jsxs as ie } from "react/jsx-runtime";
+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";
 //#region src/tree-select/helpers.ts
-function C(e) {
+function E(e) {
 	return e ? { [e.codeKey]: [e.value] } : {};
 }
 //#endregion
 //#region src/tree-select/model/buildODataTreeNodes.ts
-function w(e, t, n) {
+function D(e, t, n) {
 	return e ? `${e}/${t}:${n}` : `${t}:${n}`;
 }
-function T(e, t, n) {
+function O(e, t, n) {
 	let r = n[t];
 	return r && e[r] || e[t];
 }
-function ae(e) {
+function k(e) {
 	return [...new Set(e.filter(Boolean))].join(" ");
 }
-function oe(e) {
+function ae(e) {
 	return {
-		id: w(e.parentId, e.codeKey, e.value),
+		id: D(e.parentId, e.codeKey, e.value),
 		codeKey: e.codeKey,
 		value: e.value,
 		label: e.label,
 		code: e.code,
-		searchText: ae([
+		searchText: k([
 			e.value,
 			e.label,
 			e.code
@@ -39,7 +40,7 @@ function oe(e) {
 		childByBranchKey: /* @__PURE__ */ new Map()
 	};
 }
-function E(e) {
+function oe(e) {
 	return {
 		id: e.id,
 		codeKey: e.codeKey,
@@ -47,7 +48,7 @@ function E(e) {
 		label: e.label,
 		code: e.code,
 		searchText: e.searchText,
-		children: e.children.length > 0 ? e.children.map(E) : void 0
+		children: e.children.length > 0 ? e.children.map(oe) : void 0
 	};
 }
 function se({ items: e, orderedCodeKeys: t, keyPairsMap: n, hiddenCodeKeys: r, textValueCodeKeys: i }) {
@@ -58,8 +59,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(T(s, c, n) ?? ""), u = i?.has(c) ? l : t, d = `${c}:${u}`, f = e ? e.childByBranchKey : o, p = f.get(d);
-			p || (p = oe({
+			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({
 				parentId: e?.id,
 				codeKey: c,
 				value: u,
@@ -68,44 +69,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(E);
+	return a.map(oe);
 }
 //#endregion
 //#region src/tree-select/model/resolveOrderedTreeSegmentItems.ts
-function D(e, t) {
-	return g(e, t);
+function ce(e, t) {
+	return y(e, t);
 }
 //#endregion
 //#region src/tree-select/model/useODataTreeData.ts
-function O(e, t, n) {
-	return h([{
+function A(e, t, n) {
+	return v([{
 		odata: e,
 		segments: t,
 		model: n
 	}]);
 }
-function k(e) {
+function j(e) {
 	return e[0]?.id;
 }
-function A({ odata: e, segments: t, model: n }) {
-	let r = `${e.service}.${e.target}`, i = f(() => O(e, t, n), [
+function M({ odata: e, segments: t, model: n }) {
+	let r = `${e.service}.${e.target}`, i = h(() => A(e, t, n), [
 		e,
 		t,
 		n
-	]), a = ee([e]), o = f(() => D(i, a), [i, a]), s = f(() => o.map((e) => e.id), [o]), c = _({
+	]), a = b([e]), o = h(() => ce(i, a), [i, a]), s = h(() => o.map((e) => e.id), [o]), c = ee({
 		odata: e,
-		model: v({
-			codeKey: k(o) ?? Object.keys(t)[0],
+		model: x({
+			codeKey: j(o) ?? Object.keys(t)[0],
 			...n
 		})
-	}), { hiddenCodeKeys: l, textValueCodeKeys: u } = f(() => {
+	}), { hiddenCodeKeys: l, textValueCodeKeys: u } = h(() => {
 		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 = f(() => se({
+	}, [e.hideCode, o]), d = h(() => se({
 		items: c.data?.items ?? [],
 		orderedCodeKeys: s,
 		keyPairsMap: c.data?.keyPairsMap ?? {},
@@ -117,25 +118,25 @@ function A({ odata: e, segments: t, model: n }) {
 		l,
 		s,
 		u
-	]), p = o[0]?.segment.placeholder ?? "Выберите значение", m = !!a[r]?.length;
+	]), f = o[0]?.segment.placeholder ?? "Выберите значение", p = !!a[r]?.length;
 	return {
 		nodes: d,
 		orderedSegmentItems: o,
 		orderedCodeKeys: s,
 		isLoading: c.isLoading,
 		isError: c.isError,
-		placeholder: p,
-		hasResolvedChain: m
+		placeholder: f,
+		hasResolvedChain: p
 	};
 }
 //#endregion
 //#region src/tree-select/model/treeUtils.ts
-function j(e, t) {
+function N(e, t) {
 	return `${e}::${t}`;
 }
-function M(e) {
+function P(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(j(e.codeKey, e.value), e.id);
+		t.set(e.id, e), n.set(e.id, c), i.set(e.id, o++), a.set(N(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);
@@ -150,19 +151,19 @@ function M(e) {
 		nodeIdByCodeValue: a
 	};
 }
-function N(e, t) {
-	if (e) return t.nodeIdByCodeValue.get(j(e.codeKey, e.value));
+function F(e, t) {
+	if (e) return t.nodeIdByCodeValue.get(N(e.codeKey, e.value));
 }
-function P(e, t) {
+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(j(r, e));
+		let i = t.nodeIdByCodeValue.get(N(r, e));
 		i && n.add(i);
 	}
 	return B(n, t);
 }
-function F(e, 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 = {};
 	for (let e of n) {
 		let n = t.nodeById.get(e);
@@ -170,12 +171,12 @@ function F(e, t) {
 	}
 	return r;
 }
-function I(e, t) {
+function le(e, t) {
 	let n = [], r = t.parentById.get(e);
 	for (; r;) n.push(r), r = t.parentById.get(r);
 	return n;
 }
-function L(e, t, n) {
+function ue(e, t, n) {
 	let r = n.parentById.get(e);
 	for (; r;) {
 		if (r === t) return !0;
@@ -184,20 +185,21 @@ function L(e, t, n) {
 	return !1;
 }
 function R(e, t, n) {
-	for (let r of [...e]) L(r, t, n) && e.delete(r);
+	for (let r of [...e]) ue(r, t, n) && e.delete(r);
 }
 function z(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));
 }
 function B(e, t) {
 	let n = new Set(e);
-	for (let e of [...n]) I(e, t).some((e) => n.has(e)) && n.delete(e);
+	for (let e of [...n]) le(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) || 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) => z(e, n, t)) && (R(n, e, t), n.add(e));
 	}
 	return n;
 }
@@ -206,7 +208,7 @@ function V(e, t, n) {
 	for (; r;) {
 		if (e.has(r)) {
 			e.delete(r);
-			for (let t of n.childrenById.get(r) ?? []) e.add(t);
+			for (let t of G(n, n.childrenById.get(r) ?? [])) e.add(t);
 			return !0;
 		}
 		r = n.parentById.get(r);
@@ -214,7 +216,7 @@ function V(e, t, n) {
 	return !1;
 }
 function H(e, t, n) {
-	return t.has(e) ? !0 : I(e, n).some((e) => t.has(e));
+	return t.has(e) ? !0 : le(e, n).some((e) => t.has(e));
 }
 function U(e, t, n, r) {
 	let i = n.childrenById.get(e) ?? [];
@@ -246,8 +248,21 @@ function W(e, t) {
 	for (let r of t.rootIds) U(r, e, t, n);
 	return n;
 }
-function G(e, t, n) {
-	let r = P(e, n), i = (e) => {
+function G(e, t = e.rootIds) {
+	let n = (t) => {
+		let r = e.nodeById.get(t), i = (e.childrenById.get(t) ?? []).map(n), a = i.flatMap((e) => e.selectedIds), o = r?.disabled === !0 || i.some((e) => e.containsDisabled);
+		return !r || r.disabled || o ? {
+			containsDisabled: !0,
+			selectedIds: a
+		} : {
+			containsDisabled: !1,
+			selectedIds: [t]
+		};
+	};
+	return new Set(t.flatMap((e) => n(e).selectedIds));
+}
+function de(e, t, n) {
+	let r = I(e, n), i = (e) => {
 		if (H(e, r, n)) {
 			if (r.has(e)) {
 				r.delete(e);
@@ -257,26 +272,30 @@ function G(e, t, n) {
 			return;
 		}
 		R(r, e, n), r.add(e);
-	};
-	return i(t), F(B(r, n), n);
+	}, a = [...G(n, [t])], o = a.length > 0 && a.every((e) => H(e, r, n));
+	for (let e of a) {
+		let t = H(e, r, n);
+		(o && t || !o && !t) && i(e);
+	}
+	return L(B(r, n), n);
 }
-function ce(e, t, n) {
+function K(e, t, n) {
 	let r = t.parentById.get(e);
 	for (; r;) n.add(r), r = t.parentById.get(r);
 }
-function le(e, t) {
+function fe(e, t) {
 	let n = /* @__PURE__ */ new Set();
-	for (let r of e) ce(r, t, n);
+	for (let r of e) K(r, t, n);
 	return n;
 }
-function K(e, t, n) {
-	let r = (e.children ?? []).map((e) => K(e, t, n)).filter((e) => !!e);
+function pe(e, t, n) {
+	let r = (e.children ?? []).map((e) => pe(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 ue(e, t) {
+function me(e, t) {
 	let n = t.trim().toLowerCase();
 	if (!n) return {
 		nodes: [...e],
@@ -284,11 +303,11 @@ function ue(e, t) {
 	};
 	let r = /* @__PURE__ */ new Set();
 	return {
-		nodes: e.map((e) => K(e, n, r)).filter((e) => !!e),
+		nodes: e.map((e) => pe(e, n, r)).filter((e) => !!e),
 		expandedIds: r
 	};
 }
-function de(e, t) {
+function he(e, t) {
 	let n = [], r = (e, i, a) => {
 		let o = (e.children?.length ?? 0) > 0, s = o && t.has(e.id);
 		if (n.push({
@@ -303,11 +322,38 @@ function de(e, t) {
 	for (let t of e) r(t, 0);
 	return n;
 }
-var q = {
+//#endregion
+//#region src/tree-select/model/resolveBalancedTreeColumnsLayout.ts
+var ge = 8, q = 16, J = 48, _e = 224, Y = 10, ve = 32, ye = 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;
+	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);
+		c < v && (v = c, _ = e);
+	}
+	let y = Math.ceil(o / _), ee = Math.max(m, q + _ * _e + (_ - 1) * Y);
+	return {
+		columnCount: _,
+		rowCount: y,
+		width: Math.min(d, ee),
+		minWidth: m,
+		maxHeight: f
+	};
+}
+var Z = {
 	treeRow: "eMqOwq",
 	treeRowSelected: "JKstO-",
 	treeRowActive: "hKgr8e",
+	treeRowDisabled: "KjPZjd",
 	treeNodeButton: "_6EH37F",
+	treePopupHeader: "UBll8Q",
+	treeColumns: "-y3RZP",
+	treeColumnRow: "ayLJ50",
+	treeColumnCheckBox: "_2MFkGF",
+	treeNodeOptionContent: "SWQUvb",
 	treeIndent: "o5NWnX",
 	treeExpander: "ibSd-S",
 	treeExpanderPlaceholder: "lXezvv",
@@ -325,212 +371,263 @@ var q = {
 };
 //#endregion
 //#region src/tree-select/TreeNodeContent.tsx
-function fe({ node: e, level: t, highlight: n, hasChildren: r, isExpanded: i, selected: a, partial: o, selectionMode: s, onToggleExpand: c }) {
+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__ */ S("span", {
-			className: q.treeIndent,
+		/* @__PURE__ */ T("span", {
+			className: Z.treeIndent,
 			style: { "--tree-level": t },
 			"aria-hidden": "true"
 		}),
-		r ? /* @__PURE__ */ S("button", {
+		p && i ? /* @__PURE__ */ T("button", {
 			type: "button",
-			className: q.treeExpander,
+			className: Z.treeExpander,
 			onClick: (e) => {
-				e.stopPropagation(), c?.();
+				e.stopPropagation(), u?.();
 			},
-			"aria-label": i ? "Свернуть ветку" : "Развернуть ветку",
+			"aria-label": a ? "Свернуть ветку" : "Развернуть ветку",
 			"data-ui": "tree-select-expander",
-			"data-action": i ? "collapse-tree-select-node" : "expand-tree-select-node",
-			children: /* @__PURE__ */ S(te, { className: y(q.treeExpanderIcon, i && q.treeExpanderIconExpanded) })
-		}) : /* @__PURE__ */ S("span", {
-			className: q.treeExpanderPlaceholder,
+			"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", {
+			className: Z.treeExpanderPlaceholder,
 			"aria-hidden": "true"
-		}),
-		s === "multi" && /* @__PURE__ */ S("span", {
-			className: y(q.treeSelection, a && q.treeSelectionChecked, o && q.treeSelectionPartial),
+		}) : null,
+		c === "multi" && l === "columns" ? /* @__PURE__ */ T("span", {
+			className: Z.treeColumnCheckBox,
+			onMouseDown: (e) => e.stopPropagation(),
+			onClick: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ T(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),
 			"aria-hidden": "true",
-			children: a ? /* @__PURE__ */ S(b, { className: q.treeSelectionIcon }) : o ? /* @__PURE__ */ S(x, { className: q.treeSelectionIcon }) : null
-		}),
-		/* @__PURE__ */ S(u, {
-			label: e.label,
-			code: e.code,
-			highlight: n
+			children: o ? /* @__PURE__ */ T(te, { className: Z.treeSelectionIcon }) : s ? /* @__PURE__ */ T(w, { className: Z.treeSelectionIcon }) : null
+		}) : null,
+		/* @__PURE__ */ T("div", {
+			className: Z.treeNodeOptionContent,
+			children: /* @__PURE__ */ T(f, {
+				label: e.label,
+				code: e.code,
+				highlight: r
+			})
 		})
 	] });
 }
 //#endregion
 //#region src/tree-select/TreePickerBase.tsx
-function J({ label: u, description: h, disabled: g, placeholder: _, size: ee, nodes: v, selectedIds: b, partialIds: te, selectionMode: x, triggerMode: C = "display", selectedSummary: w, selectedSummaryText: T, query: ae, defaultQuery: oe, onQuery: E, onNodeActivate: se, onClearSelection: D, isLoading: O, error: k }) {
-	let A = p(null), j = p(!1), [N, P] = m(() => /* @__PURE__ */ new Set()), F = C === "search" ? "search-single" : "display", I = f(() => M(v), [v]), { query: L, setQuery: R } = s({
+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({
 		open: !0,
 		query: ae,
 		defaultQuery: oe,
-		onQuery: E,
+		onQuery: se,
 		triggerMode: "display"
-	}), { nodes: z, expandedIds: B } = f(() => ue(v, L), [v, L]), V = f(() => le(b, I), [b, I]), H = f(() => /* @__PURE__ */ new Set([
-		...N,
-		...B,
-		...V
+	}), { 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([
+		...L,
+		...U,
+		...W
 	]), [
-		N,
-		B,
-		V
-	]), U = f(() => de(z, H), [z, H]), { open: W, activeIndex: G, context: ce, floatingStyles: K, getFloatingProps: J, setReference: pe, setFloating: Y, setOptionRef: me, close: X, openList: Z, toggleOpen: he, selectOption: ge, handleReferenceKeyDown: _e, handleFloatingKeyDown: ve, getOptionId: ye, getActiveOptionId: be } = a({
-		options: U,
-		selectedIndex: f(() => U.findIndex((e) => b.has(e.node.id)), [b, U]),
-		onSelect: (e) => se(e.node),
-		disabled: g || O,
-		closeOnSelect: x === "single",
+		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({
+			...e,
+			itemCount: K.length
+		});
+		return {
+			width: `${t.width}px`,
+			minWidth: `${t.minWidth}px`,
+			maxWidth: `${t.width}px`,
+			maxHeight: `${t.maxHeight}px`,
+			"--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({
+		options: K,
+		selectedIndex: pe,
+		onSelect: (e) => ce(e.node),
+		getOptionDisabled: (e) => e.node.disabled === !0,
+		disabled: v || j,
+		closeOnSelect: C === "single",
 		allowOpenWithoutOptions: !0,
-		triggerMode: F
-	}), Q = b.size > 0, xe = C === "search" && (W || L.length > 0), Se = xe ? L : T ?? "", Ce = C === "display" && !!w, $ = c({
-		mode: F,
-		open: W,
-		currentQuery: L,
-		hasDisplayValue: !!T,
-		inputRef: A,
-		setQuery: R,
-		openList: Z,
-		close: X,
-		toggleOpen: he
-	});
-	d(() => {
-		j.current && !W && $.policy.resetQueryOnClose && R(""), j.current = W;
+		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,
+		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", {
+		className: Z.treePopupHeader,
+		children: [Pe ? /* @__PURE__ */ T(i, {
+			onSelectAll: E.onSelectAll,
+			onDeselectAll: E.onDeselectAll,
+			selectAllButtonRef: F
+		}) : null, Fe ? /* @__PURE__ */ T(t, {
+			value: z,
+			onChange: B,
+			onClear: () => B(""),
+			placeholder: "Поиск по дереву",
+			onKeyDown: (e) => {
+				e.key !== "Escape" && e.key !== "Tab" && e.stopPropagation();
+			},
+			onClick: (e) => {
+				e.stopPropagation();
+			}
+		}) : null]
+	}) : void 0;
+	m(() => {
+		I.current && !q && $.policy.resetQueryOnClose && B(""), I.current = q;
 	}, [
-		W,
-		R,
+		q,
+		B,
 		$.policy.resetQueryOnClose
 	]);
-	let we = (e) => {
-		A.current = e;
-	}, Te = () => {
-		D?.(), R(""), X();
-	}, Ee = (e) => {
-		e.hasChildren && P((t) => {
+	let Le = (e) => {
+		N.current = e;
+	}, Re = () => {
+		A?.(), B(""), Ce();
+	}, ze = (e) => {
+		e.hasChildren && le((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__ */ S(i, {
-		label: u,
-		description: h,
-		disabled: g,
-		placeholder: _,
+	return /* @__PURE__ */ T(c, {
+		label: n,
+		description: f,
+		disabled: v,
+		placeholder: y,
 		size: ee,
-		children: ({ controlId: i, labelId: a, describedBy: s }) => {
-			let c = `${i}-listbox`;
-			return /* @__PURE__ */ ie(re, { children: [/* @__PURE__ */ S(n, {
-				ref: we,
-				rootRef: pe,
-				id: i,
+		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,
+				id: t,
 				type: "text",
 				role: "combobox",
 				autoComplete: "off",
-				disabled: g || O,
-				readOnly: C !== "search",
-				value: C === "display" && Ce ? "" : Se,
-				placeholder: C === "search" ? !T || xe ? _ : void 0 : Q ? void 0 : _,
-				"aria-labelledby": a,
-				"aria-describedby": s,
-				"aria-haspopup": "listbox",
-				"aria-expanded": W,
-				"aria-controls": W ? c : void 0,
-				"aria-autocomplete": C === "search" ? "list" : "none",
-				"aria-activedescendant": W && U.length > 0 ? be(c) : void 0,
-				inputClassName: y(Q && q.treeSummary, Ce && q.inputWithOverlay),
-				overlay: Ce ? /* @__PURE__ */ S("div", {
-					className: q.valueOverlay,
-					children: w
+				disabled: v || j,
+				readOnly: D !== "search",
+				value: D === "display" && Ne ? "" : Me,
+				placeholder: D === "search" ? !k || je ? y : void 0 : Ae ? void 0 : y,
+				"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", {
+					className: Z.valueOverlay,
+					children: O
 				}) : void 0,
-				endAdornment: /* @__PURE__ */ S(o, {
-					open: W,
-					disabled: g || O,
+				endAdornment: /* @__PURE__ */ T(s, {
+					open: q,
+					disabled: v || j,
 					onToggleMouseDown: $.handleToggleMouseDown,
 					onToggleClick: $.handleToggleClick,
-					children: Q && D ? /* @__PURE__ */ S("button", {
+					children: Ae && A ? /* @__PURE__ */ T("button", {
 						type: "button",
-						className: q.treeClearButton,
+						className: Z.treeClearButton,
 						onMouseDown: (e) => {
 							e.preventDefault(), e.stopPropagation();
 						},
 						onClick: (e) => {
-							e.preventDefault(), e.stopPropagation(), Te();
+							e.preventDefault(), e.stopPropagation(), Re();
 						},
 						"aria-label": "Очистить выбор",
-						children: /* @__PURE__ */ S(ne, {})
+						children: /* @__PURE__ */ T(ne, {})
 					}) : null
 				}),
 				onChange: (e) => {
-					C === "search" && $.handleTriggerInputChange(e.target.value);
+					D === "search" && $.handleTriggerInputChange(e.target.value);
 				},
 				onClick: $.handleTriggerClick,
 				onFocus: (e) => {
 					$.handleTriggerFocus(e.currentTarget);
 				},
 				onKeyDown: (e) => {
-					_e(e), !e.defaultPrevented && $.handleTriggerKeyDown({
+					if (w === "columns" && q && e.key === "Tab" && !e.shiftKey && F.current) {
+						e.preventDefault(), F.current.focus();
+						return;
+					}
+					Ee(e), !e.defaultPrevented && $.handleTriggerKeyDown({
 						event: e,
 						onActivateWhenOpen: () => {
-							let e = G >= 0 ? U[G] : void 0;
-							e && ge(e);
+							let e = J >= 0 ? K[J] : void 0;
+							e && Q(e);
 						},
-						enableSpaceActivation: C === "display"
+						enableSpaceActivation: D === "display"
 					});
 				}
-			}), /* @__PURE__ */ S(r, {
-				open: W,
-				context: ce,
-				floatingStyles: K,
+			}), /* @__PURE__ */ T(a, {
+				open: q,
+				context: _e,
+				floatingStyles: Y,
 				listId: c,
-				labelId: a,
-				descriptionId: s,
-				activeOptionId: U.length > 0 ? be(c) : void 0,
-				setFloating: Y,
-				getFloatingProps: J,
-				onKeyDown: ve,
-				className: y(e.uiPopupOptions, "scrollable"),
-				header: C === "display" ? /* @__PURE__ */ S(t, {
-					value: L,
-					onChange: R,
-					onClear: () => R(""),
-					placeholder: "Поиск по дереву",
-					onKeyDown: (e) => {
-						e.key !== "Escape" && e.key !== "Tab" && e.stopPropagation();
-					},
-					onClick: (e) => {
-						e.stopPropagation();
-					}
-				}) : void 0,
-				children: /* @__PURE__ */ S("div", {
-					className: "",
-					children: U.length === 0 ? /* @__PURE__ */ S(l, {
-						errorState: k,
-						loadingState: O ? "Загрузка..." : void 0,
-						emptyState: !k && !O ? "Нет данных" : void 0
-					}) : U.map((e, t) => {
-						let n = b.has(e.node.id), r = !n && te.has(e.node.id), i = t === G;
-						return /* @__PURE__ */ S("div", {
-							id: ye(c, t),
-							ref: (e) => me(t, e),
-							role: "option",
-							"aria-selected": n,
-							className: y(q.treeRow, i && q.treeRowActive, n && q.treeRowSelected),
+				labelId: i,
+				popupAriaLabel: l,
+				descriptionId: o,
+				activeOptionId: w !== "columns" && K.length > 0 ? ke(c) : void 0,
+				ariaMultiselectable: w !== "columns" && C === "multi",
+				popupRole: w === "columns" ? "dialog" : "listbox",
+				setFloating: X,
+				getFloatingProps: ve,
+				onKeyDown: De,
+				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
+					}) : 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", {
+							"data-ui": "tree-select-option",
+							id: Oe(c, t),
+							ref: (e) => Se(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),
 							onMouseDown: (e) => {
 								e.preventDefault();
 							},
-							onClick: () => ge(e),
-							children: /* @__PURE__ */ S("div", {
-								className: q.treeNodeButton,
-								children: /* @__PURE__ */ S(fe, {
+							onClick: () => Q(e),
+							children: /* @__PURE__ */ T("div", {
+								className: Z.treeNodeButton,
+								children: /* @__PURE__ */ T(xe, {
 									node: e.node,
 									level: e.level,
-									highlight: L,
+									highlight: z,
 									hasChildren: e.hasChildren,
 									isExpanded: e.isExpanded,
 									selected: n,
 									partial: r,
-									selectionMode: x,
-									onToggleExpand: () => Ee(e)
+									selectionMode: C,
+									optionsLayout: w,
+									onToggleExpand: () => ze(e),
+									onToggleSelection: () => Q(e)
 								})
 							})
 						}, e.node.id);
@@ -542,7 +639,7 @@ function J({ label: u, description: h, disabled: g, placeholder: _, size: ee, no
 }
 //#endregion
 //#region src/tree-select/TreeMultiSelect.tsx
-function pe(e, t) {
+function Ce(e, t) {
 	if (e.size !== 0) {
 		if (e.size === 1) {
 			let n = t.nodeById.get([...e][0]);
@@ -551,61 +648,69 @@ function pe(e, t) {
 		return `Выбрано ${e.size} узл.`;
 	}
 }
-function Y({ 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: p }) {
-	let m = f(() => M(a), [a]), h = f(() => P(o, m), [m, o]), g = f(() => W(h, m), [h, m]), _ = f(() => pe(h, m), [h, m]);
-	return /* @__PURE__ */ S(J, {
+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, {
 		label: e,
 		description: t,
 		disabled: n,
 		placeholder: r,
 		size: i,
 		nodes: a,
-		selectedIds: g.selectedIds,
-		partialIds: g.partialIds,
+		selectedIds: _.selectedIds,
+		partialIds: _.partialIds,
 		selectionMode: "multi",
+		optionsLayout: p,
+		bulkActions: {
+			onSelectAll: () => {
+				s(L(G(m), m));
+			},
+			onDeselectAll: () => s({})
+		},
 		triggerMode: "search",
-		selectedSummary: _,
+		selectedSummary: v,
 		query: c,
 		defaultQuery: l,
 		onQuery: u,
-		onNodeActivate: (e) => s(G(o, e.id, m)),
+		onNodeActivate: (e) => s(de(o, e.id, m)),
 		onClearSelection: () => s({}),
 		isLoading: d,
-		error: p
+		error: f
 	});
 }
 //#endregion
 //#region src/tree-select/ODataTreeMultiSelect.tsx
-function me({ 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 }) {
-	let p = A({
-		odata: u,
-		segments: d,
-		model: f
+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({
+		odata: d,
+		segments: f,
+		model: p
 	});
-	return /* @__PURE__ */ S(Y, {
+	return /* @__PURE__ */ T(we, {
 		label: e,
 		description: t,
-		disabled: n || p.isLoading,
+		disabled: n || m.isLoading,
 		size: r,
-		placeholder: i ?? p.placeholder,
-		nodes: p.nodes,
-		value: c,
-		onChange: l,
+		placeholder: i ?? m.placeholder,
+		nodes: m.nodes,
+		value: l,
+		onChange: u,
 		query: a,
 		defaultQuery: o,
 		onQuery: s,
-		isLoading: p.isLoading,
-		error: p.isError ? "Ошибка загрузки" : void 0
+		optionsLayout: c,
+		isLoading: m.isLoading,
+		error: m.isError ? "Ошибка загрузки" : void 0
 	});
 }
 //#endregion
 //#region src/tree-select/TreeSelect.tsx
-function X(e) {
+function Q(e) {
 	if (e) return e.code && e.code !== e.label ? `${e.label} · ${e.code}` : e.label;
 }
-function Z({ 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: p, clearable: m = !1 }) {
-	let h = f(() => M(a), [a]), g = N(o, h), _ = g ? h.nodeById.get(g) : void 0;
-	return /* @__PURE__ */ S(J, {
+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, {
 		label: e,
 		description: t,
 		disabled: n,
@@ -616,7 +721,7 @@ function Z({ label: e, description: t, disabled: n, placeholder: r = "Выбер
 		partialIds: /* @__PURE__ */ new Set(),
 		selectionMode: "single",
 		triggerMode: "search",
-		selectedSummaryText: X(_),
+		selectedSummaryText: Q(_),
 		query: c,
 		defaultQuery: l,
 		onQuery: u,
@@ -624,20 +729,20 @@ function Z({ label: e, description: t, disabled: n, placeholder: r = "Выбер
 			codeKey: e.codeKey,
 			value: e.value
 		}),
-		onClearSelection: m ? () => s(void 0) : void 0,
+		onClearSelection: p ? () => s(void 0) : void 0,
 		isLoading: d,
-		error: p
+		error: f
 	});
 }
 //#endregion
 //#region src/tree-select/ODataTreeSelect.tsx
-function he({ 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 = A({
+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({
 		odata: u,
 		segments: d,
 		model: f
 	});
-	return /* @__PURE__ */ S(Z, {
+	return /* @__PURE__ */ T(Ee, {
 		label: e,
 		description: t,
 		disabled: n || m.isLoading,
@@ -655,6 +760,6 @@ function he({ label: e, description: t, disabled: n, size: r, placeholder: i, qu
 	});
 }
 //#endregion
-export { me as ODataTreeMultiSelect, he as ODataTreeSelect, Y as TreeMultiSelect, Z as TreeSelect, C as treeSelectValueToSelectedFilters };
+export { Te as ODataTreeMultiSelect, De as ODataTreeSelect, we as TreeMultiSelect, Ee as TreeSelect, E as treeSelectValueToSelectedFilters };
 
 //# sourceMappingURL=index.js.map