@ryuzaki13/react-foundation-ui 1.4.0 → 1.4.1

package/dist/tree-select/index.js

@@ -348,15 +348,12 @@ function Ce(e) {
 	for (; n < e.length;) {
 		let r = n + 1;
 		for (; r < e.length && e[r]?.level !== 0;) r += 1;
-		let i = [];
-		for (let t = n + 1; t < r; t += 1) e[t]?.level === 1 && i.push(t);
 		t.push({
 			startIndex: n,
-			endIndexExclusive: r,
-			...i.length > 2 ? { protectedPrefixEndIndexExclusive: (i[1] ?? n) + 1 } : {}
+			endIndexExclusive: r
 		}), n = r;
 	}
-	let r = t.map(({ startIndex: e, endIndexExclusive: t, protectedPrefixEndIndexExclusive: n }) => `${e}:${t}:${n ?? "-"}`).join("|");
+	let r = t.map(({ startIndex: e, endIndexExclusive: t }) => `${e}:${t}`).join("|");
 	return {
 		itemCount: e.length,
 		groups: t,
@@ -365,21 +362,18 @@ function Ce(e) {
 }
 //#endregion
 //#region src/tree-select/model/resolveBalancedTreeColumnsLayout.ts
-var K = 8, q = 16, we = 48, J = 224, Y = 10, Te = 32, Ee = 6;
+var K = 8, q = 16, we = 48, J = 224, Y = 10, Te = 32, Ee = 6, De = 3;
 function X(e, t) {
 	return Number.isFinite(e) && e > 0 ? e : t;
 }
-function De(e, t) {
-	let n = e.endIndexExclusive - e.startIndex;
-	if (n <= t) return n;
-	if (e.protectedPrefixEndIndexExclusive === void 0) return 0;
-	let r = e.protectedPrefixEndIndexExclusive - e.startIndex;
-	return r <= t ? r : Math.min(3, n);
+function Oe(e) {
+	let t = e.endIndexExclusive - e.startIndex;
+	return Math.min(De, t);
 }
-function Z(e, t) {
+function ke(e, t) {
 	let n = Math.max(1, t), r = [], i = 1, a = 1, o = 0;
 	for (let t of e.groups) {
-		let e = De(t, n), s = n - a + 1;
+		let e = Oe(t), s = n - a + 1;
 		a > 1 && e > s && (o += s, i += 1, a = 1);
 		for (let e = t.startIndex; e < t.endIndexExclusive; e += 1) r[e] = {
 			column: i,
@@ -392,8 +386,8 @@ function Z(e, t) {
 		intentionalGapCount: o
 	};
 }
-function Oe({ descriptor: e, availableWidth: t, availableHeight: n, viewportWidth: r, viewportHeight: i, referenceWidth: a }) {
-	let o = Math.max(0, Math.floor(Number.isFinite(e.itemCount) ? e.itemCount : 0)), s = X(t, 240), c = X(n, 80), l = X(r, s + K * 2), u = X(i, c), d = Math.max(1, Math.min(s, Math.max(1, l - K * 2))), f = Math.max(1, Math.min(c, u - K * 2)), 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(Ee, h, o || 1)), _ = e.groups.some((e) => e.protectedPrefixEndIndexExclusive !== void 0) ? 3 : 1;
+function Ae({ descriptor: e, availableWidth: t, availableHeight: n, viewportWidth: r, viewportHeight: i, referenceWidth: a }) {
+	let o = Math.max(0, Math.floor(Number.isFinite(e.itemCount) ? e.itemCount : 0)), s = X(t, 240), c = X(n, 80), l = X(r, s + K * 2), u = X(i, c), d = Math.max(1, Math.min(s, Math.max(1, l - K * 2))), f = Math.max(1, Math.min(c, u - K * 2)), 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(Ee, h, o || 1)), _ = e.groups.reduce((e, t) => Math.max(e, Oe(t)), 1);
 	if (o === 0) return {
 		columnCount: 1,
 		rowCount: 1,
@@ -404,8 +398,8 @@ function Oe({ descriptor: e, availableWidth: t, availableHeight: n, viewportWidt
 	};
 	let v, y = Infinity;
 	for (let t = 1; t <= g; t += 1) {
-		let n = Math.max(_, Math.ceil(o / t)), r = Z(e, n);
-		for (; r.usedColumnCount > t && n < o;) n += 1, r = Z(e, n);
+		let n = Math.max(_, Math.ceil(o / t)), r = ke(e, n);
+		for (; r.usedColumnCount > t && n < o;) n += 1, r = ke(e, n);
 		let i = r.usedColumnCount, a = Math.max(m, q + i * J + (i - 1) * Y), s = we + n * Te, c = a / d, l = s / f, u = (i * n - o) / o, p = r.intentionalGapCount / o, h = Math.max(c, l) + .25 * Math.abs(c - l) + .01 * u + .02 * p + .04 * (i - 1);
 		h < y && (y = h, v = {
 			columnCount: i,
@@ -422,10 +416,10 @@ function Oe({ descriptor: e, availableWidth: t, availableHeight: n, viewportWidt
 		width: m,
 		minWidth: m,
 		maxHeight: f,
-		placements: Z(e, o).placements
+		placements: ke(e, o).placements
 	};
 }
-var Q = {
+var Z = {
 	treeRow: "eMqOwq",
 	treeRowSelected: "JKstO-",
 	treeRowActive: "hKgr8e",
@@ -456,30 +450,30 @@ var Q = {
 };
 //#endregion
 //#region src/tree-select/TreeNodeContent.tsx
-function ke({ node: e, level: t, highlight: r, hasChildren: i, isExpanded: a, selected: o, partial: s, selectionMode: c, optionsLayout: l = "tree", onToggleExpand: u, onToggleSelection: d }) {
+function je({ 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", m = l === "columns" && t === 0;
 	return /* @__PURE__ */ O(ie, { children: [
 		/* @__PURE__ */ D("span", {
-			className: Q.treeIndent,
+			className: Z.treeIndent,
 			style: { "--tree-level": t },
 			"aria-hidden": "true"
 		}),
 		f && i ? /* @__PURE__ */ D("button", {
 			type: "button",
-			className: Q.treeExpander,
+			className: Z.treeExpander,
 			onClick: (e) => {
 				e.stopPropagation(), u?.();
 			},
 			"aria-label": a ? "Свернуть ветку" : "Развернуть ветку",
 			"data-ui": "tree-select-expander",
 			"data-action": a ? "collapse-tree-select-node" : "expand-tree-select-node",
-			children: /* @__PURE__ */ D(E, { className: w(Q.treeExpanderIcon, a && Q.treeExpanderIconExpanded) })
+			children: /* @__PURE__ */ D(E, { className: w(Z.treeExpanderIcon, a && Z.treeExpanderIconExpanded) })
 		}) : f ? /* @__PURE__ */ D("span", {
-			className: Q.treeExpanderPlaceholder,
+			className: Z.treeExpanderPlaceholder,
 			"aria-hidden": "true"
 		}) : null,
 		c === "multi" && l === "columns" ? /* @__PURE__ */ D("span", {
-			className: Q.treeColumnCheckBox,
+			className: Z.treeColumnCheckBox,
 			onMouseDown: (e) => e.stopPropagation(),
 			onClick: (e) => e.stopPropagation(),
 			children: /* @__PURE__ */ D(n, {
@@ -490,25 +484,25 @@ function ke({ node: e, level: t, highlight: r, hasChildren: i, isExpanded: a, se
 				onChange: () => d?.()
 			})
 		}) : c === "multi" ? /* @__PURE__ */ D("span", {
-			className: w(Q.treeSelection, o && Q.treeSelectionChecked, s && Q.treeSelectionPartial),
+			className: w(Z.treeSelection, o && Z.treeSelectionChecked, s && Z.treeSelectionPartial),
 			"aria-hidden": "true",
-			children: o ? /* @__PURE__ */ D(T, { className: Q.treeSelectionIcon }) : s ? /* @__PURE__ */ D(ne, { className: Q.treeSelectionIcon }) : null
+			children: o ? /* @__PURE__ */ D(T, { className: Z.treeSelectionIcon }) : s ? /* @__PURE__ */ D(ne, { className: Z.treeSelectionIcon }) : null
 		}) : null,
 		/* @__PURE__ */ D("div", {
-			className: Q.treeNodeOptionContent,
+			className: Z.treeNodeOptionContent,
 			children: /* @__PURE__ */ D(p, {
 				label: e.label,
 				code: e.code,
 				highlight: r,
-				labelClassName: m ? Q.treeColumnRootLabel : void 0,
-				codeClassName: m ? Q.treeColumnRootCode : void 0
+				labelClassName: m ? Z.treeColumnRootLabel : void 0,
+				codeClassName: m ? Z.treeColumnRootCode : void 0
 			})
 		})
 	] });
 }
 //#endregion
 //#region src/tree-select/TreePickerBase.tsx
-function Ae({ label: n, description: c, disabled: p, placeholder: m, size: b, nodes: x, selectedIds: S, partialIds: te, selectionMode: C, optionsLayout: T = "tree", defaultExpandedCodeKeys: E, open: ne, onOpenChange: ae, bulkActions: k, triggerMode: A = "display", selectedSummary: j, selectedSummaryText: M, query: oe, defaultQuery: se, onQuery: ce, onNodeActivate: le, onClearSelection: ue, isLoading: N, error: de }) {
+function Me({ label: n, description: c, disabled: p, placeholder: m, size: b, nodes: x, selectedIds: S, partialIds: te, selectionMode: C, optionsLayout: T = "tree", defaultExpandedCodeKeys: E, open: ne, onOpenChange: ae, bulkActions: k, triggerMode: A = "display", selectedSummary: j, selectedSummaryText: M, query: oe, defaultQuery: se, onQuery: ce, onNodeActivate: le, onClearSelection: ue, isLoading: N, error: de }) {
 	let P = y(null), F = y(null), pe = y(!1), [I, me] = ee(() => /* @__PURE__ */ new Map()), L = A === "search" ? C === "multi" ? "search-multi" : "search-single" : "display", R = v(() => fe(x), [x]), z = v(() => new Set(E), [E]), { query: B, setQuery: V } = u({
 		open: !0,
 		query: oe,
@@ -530,7 +524,7 @@ function Ae({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 		U,
 		ge
 	]), G = v(() => Se(he, ve), [he, ve]), K = v(() => G.findIndex((e) => S.has(e.node.id)), [S, G]), q = v(() => Ce(G), [G]), we = h((e) => {
-		let t = Oe({
+		let t = Ae({
 			...e,
 			descriptor: q
 		}), n = {};
@@ -545,7 +539,7 @@ function Ae({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 			"--tree-row-count": String(t.rowCount),
 			...n
 		};
-	}, [q]), { open: J, activeIndex: Y, context: Te, floatingStyles: Ee, getFloatingProps: X, setReference: De, setFloating: Z, setOptionRef: Ae, close: je, openList: Me, toggleOpen: Ne, selectOption: Pe, handleReferenceKeyDown: Fe, handleFloatingKeyDown: Ie, getOptionId: Le, getActiveOptionId: Re } = o({
+	}, [q]), { open: J, activeIndex: Y, context: Te, floatingStyles: Ee, getFloatingProps: De, setReference: X, setFloating: Oe, setOptionRef: ke, close: Me, openList: Ne, toggleOpen: Pe, selectOption: Q, handleReferenceKeyDown: Fe, handleFloatingKeyDown: Ie, getOptionId: Le, getActiveOptionId: Re } = o({
 		options: G,
 		selectedIndex: K,
 		open: ne,
@@ -565,11 +559,11 @@ function Ae({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 		hasDisplayValue: !!M,
 		inputRef: P,
 		setQuery: V,
-		openList: Me,
-		close: je,
-		toggleOpen: Ne
+		openList: Ne,
+		close: Me,
+		toggleOpen: Pe
 	}), Ke = T === "columns" && C === "multi" && k, qe = A === "display", Je = Ke || qe ? /* @__PURE__ */ O("div", {
-		className: Q.treePopupHeader,
+		className: Z.treePopupHeader,
 		children: [Ke ? /* @__PURE__ */ D(i, {
 			onSelectAll: k.onSelectAll,
 			onDeselectAll: k.onDeselectAll,
@@ -604,7 +598,7 @@ function Ae({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 	let Ye = (e) => {
 		P.current = e;
 	}, Xe = () => {
-		ue?.(), V(""), C === "single" && je();
+		ue?.(), V(""), C === "single" && Me();
 	}, Ze = (e) => {
 		e.hasChildren && me((t) => {
 			let n = new Map(t), r = t.get(e.node.id) ?? z.has(e.node.codeKey);
@@ -621,7 +615,7 @@ function Ae({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 			let c = `${t}-listbox`, l = typeof n == "string" ? n : m;
 			return /* @__PURE__ */ O(ie, { children: [/* @__PURE__ */ D(r, {
 				ref: Ye,
-				rootRef: De,
+				rootRef: X,
 				id: t,
 				type: "text",
 				role: "combobox",
@@ -638,9 +632,9 @@ function Ae({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 				"aria-controls": J ? c : void 0,
 				"aria-autocomplete": T !== "columns" && A === "search" ? "list" : "none",
 				"aria-activedescendant": T !== "columns" && J && G.length > 0 ? Re(c) : void 0,
-				inputClassName: w(Be && Q.treeSummary, Ue && Q.inputWithOverlay),
+				inputClassName: w(Be && Z.treeSummary, Ue && Z.inputWithOverlay),
 				overlay: Ue ? /* @__PURE__ */ D("div", {
-					className: Q.valueOverlay,
+					className: Z.valueOverlay,
 					children: j
 				}) : void 0,
 				endAdornment: /* @__PURE__ */ O(s, {
@@ -650,7 +644,7 @@ function Ae({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 					onToggleClick: $.handleToggleClick,
 					children: [We ? j : null, Be && ue ? /* @__PURE__ */ D("button", {
 						type: "button",
-						className: Q.treeClearButton,
+						className: Z.treeClearButton,
 						onMouseDown: (e) => {
 							e.preventDefault(), e.stopPropagation();
 						},
@@ -677,7 +671,7 @@ function Ae({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 						event: e,
 						onActivateWhenOpen: () => {
 							let e = Y >= 0 ? G[Y] : void 0;
-							e && Pe(e);
+							e && Q(e);
 						},
 						enableSpaceActivation: A === "display"
 					});
@@ -693,15 +687,15 @@ function Ae({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 				activeOptionId: T !== "columns" && G.length > 0 ? Re(c) : void 0,
 				ariaMultiselectable: T !== "columns" && C === "multi",
 				popupRole: T === "columns" ? "dialog" : "listbox",
-				setFloating: Z,
-				getFloatingProps: X,
+				setFloating: Oe,
+				getFloatingProps: De,
 				onKeyDown: Ie,
 				className: e.uiPopupOptions,
-				layoutClassName: T === "columns" ? Q.treeColumnsPopupLayout : void 0,
+				layoutClassName: T === "columns" ? Z.treeColumnsPopupLayout : void 0,
 				bodyClassName: "scrollable",
 				header: Je,
 				children: /* @__PURE__ */ D("div", {
-					className: w(T === "columns" && Q.treeColumns),
+					className: w(T === "columns" && Z.treeColumns),
 					children: G.length === 0 ? /* @__PURE__ */ D(f, {
 						errorState: de,
 						loadingState: N ? "Загрузка..." : void 0,
@@ -711,11 +705,11 @@ function Ae({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 						return /* @__PURE__ */ D("div", {
 							"data-ui": "tree-select-option",
 							id: Le(c, t),
-							ref: (e) => Ae(t, e),
+							ref: (e) => ke(t, e),
 							role: T === "columns" ? void 0 : "option",
 							"aria-selected": T === "columns" ? void 0 : n,
 							"aria-disabled": a || void 0,
-							className: w(Q.treeRow, T === "columns" && Q.treeColumnRow, a && Q.treeRowDisabled, i && Q.treeRowActive, n && Q.treeRowSelected),
+							className: w(Z.treeRow, T === "columns" && Z.treeColumnRow, a && Z.treeRowDisabled, i && Z.treeRowActive, n && Z.treeRowSelected),
 							style: T === "columns" ? {
 								"--tree-option-column": `var(--tree-option-${t}-column, auto)`,
 								"--tree-option-row": `var(--tree-option-${t}-row, auto)`
@@ -723,10 +717,10 @@ function Ae({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 							onMouseDown: (e) => {
 								e.preventDefault();
 							},
-							onClick: () => Pe(e),
+							onClick: () => Q(e),
 							children: /* @__PURE__ */ D("div", {
-								className: Q.treeNodeButton,
-								children: /* @__PURE__ */ D(ke, {
+								className: Z.treeNodeButton,
+								children: /* @__PURE__ */ D(je, {
 									node: e.node,
 									level: e.level,
 									highlight: B,
@@ -737,7 +731,7 @@ function Ae({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 									selectionMode: C,
 									optionsLayout: T,
 									onToggleExpand: () => Ze(e),
-									onToggleSelection: () => Pe(e)
+									onToggleSelection: () => Q(e)
 								})
 							})
 						}, e.node.id);
@@ -749,7 +743,7 @@ function Ae({ label: n, description: c, disabled: p, placeholder: m, size: b, no
 }
 //#endregion
 //#region src/tree-select/TreeMultiSelect.tsx
-function je(e, t) {
+function Ne(e, t) {
 	if (e.size !== 0) {
 		if (e.size === 1) {
 			let n = t.nodeById.get([...e][0]);
@@ -758,18 +752,18 @@ function je(e, t) {
 		return `${e.size} элементов`;
 	}
 }
-function Me(e, t, n) {
+function Pe(e, t, n) {
 	let r = I(e, n), i = I(t, n);
 	return r.size === i.size && [...r].every((e) => i.has(e));
 }
-function Ne({ 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", defaultExpandedCodeKeys: g }) {
+function Q({ 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", defaultExpandedCodeKeys: g }) {
 	let [_, y] = ee(!1), b = v(() => fe(a), [a]), { draftValue: x, setDraftValue: S, prepareOpen: te } = c({
 		value: o,
 		open: _,
 		onCommit: s,
-		isEqual: (e, t) => Me(e, t, b)
-	}), C = _ ? x : o, w = v(() => I(C, b), [C, b]), T = v(() => ge(w, b), [w, b]), E = v(() => je(w, b), [w, b]);
-	return /* @__PURE__ */ D(Ae, {
+		isEqual: (e, t) => Pe(e, t, b)
+	}), C = _ ? x : o, w = v(() => I(C, b), [C, b]), T = v(() => ge(w, b), [w, b]), E = v(() => Ne(w, b), [w, b]);
+	return /* @__PURE__ */ D(Me, {
 		label: e,
 		description: t,
 		disabled: n,
@@ -808,13 +802,13 @@ function Ne({ label: e, description: t, disabled: n, placeholder: r = "Выбе
 }
 //#endregion
 //#region src/tree-select/ODataTreeMultiSelect.tsx
-function Pe({ 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, defaultExpandedCodeKeys: m }) {
+function Fe({ 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, defaultExpandedCodeKeys: m }) {
 	let h = P({
 		odata: d,
 		segments: f,
 		model: p
 	});
-	return /* @__PURE__ */ D(Ne, {
+	return /* @__PURE__ */ D(Q, {
 		label: e,
 		description: t,
 		disabled: n || h.isLoading,
@@ -834,12 +828,12 @@ function Pe({ label: e, description: t, disabled: n, size: r, placeholder: i, qu
 }
 //#endregion
 //#region src/tree-select/TreeSelect.tsx
-function Fe(e) {
+function Ie(e) {
 	if (e) return e.code && e.code !== e.label ? `${e.label} · ${e.code}` : e.label;
 }
-function Ie({ 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, defaultExpandedCodeKeys: m }) {
+function Le({ 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, defaultExpandedCodeKeys: m }) {
 	let h = v(() => fe(a), [a]), g = pe(o, h), _ = g ? h.nodeById.get(g) : void 0;
-	return /* @__PURE__ */ D(Ae, {
+	return /* @__PURE__ */ D(Me, {
 		label: e,
 		description: t,
 		disabled: n,
@@ -851,7 +845,7 @@ function Ie({ label: e, description: t, disabled: n, placeholder: r = "Выбе
 		selectionMode: "single",
 		defaultExpandedCodeKeys: m,
 		triggerMode: "search",
-		selectedSummaryText: Fe(_),
+		selectedSummaryText: Ie(_),
 		query: c,
 		defaultQuery: l,
 		onQuery: u,
@@ -866,13 +860,13 @@ function Ie({ label: e, description: t, disabled: n, placeholder: r = "Выбе
 }
 //#endregion
 //#region src/tree-select/ODataTreeSelect.tsx
-function Le({ 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, defaultExpandedCodeKeys: m }) {
+function Re({ 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, defaultExpandedCodeKeys: m }) {
 	let h = P({
 		odata: u,
 		segments: d,
 		model: f
 	});
-	return /* @__PURE__ */ D(Ie, {
+	return /* @__PURE__ */ D(Le, {
 		label: e,
 		description: t,
 		disabled: n || h.isLoading,
@@ -891,6 +885,6 @@ function Le({ label: e, description: t, disabled: n, size: r, placeholder: i, qu
 	});
 }
 //#endregion
-export { Pe as ODataTreeMultiSelect, Le as ODataTreeSelect, Ne as TreeMultiSelect, Ie as TreeSelect, k as treeSelectValueToSelectedFilters };
+export { Fe as ODataTreeMultiSelect, Re as ODataTreeSelect, Q as TreeMultiSelect, Le as TreeSelect, k as treeSelectValueToSelectedFilters };
 
 //# sourceMappingURL=index.js.map