@ryuzaki13/react-foundation-ui 1.6.4 → 1.6.5

package/dist/tree-select/TreeMultiSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeMultiSelect.d.ts","sourceRoot":"","sources":["../../src/tree-select/TreeMultiSelect.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAWvC,OAAO,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE7F,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACnG,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8FAA8F;IAC9F,aAAa,CAAC,EAAE,4BAA4B,CAAC;IAC7C;;;OAGG;IACH,uBAAuB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5C;AA0CD,wBAAgB,eAAe,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAiC,EACjC,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,aAAsB,EACtB,uBAAuB,EACvB,EAAE,oBAAoB,+BA4EtB"}
+{"version":3,"file":"TreeMultiSelect.d.ts","sourceRoot":"","sources":["../../src/tree-select/TreeMultiSelect.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAYvC,OAAO,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE7F,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACnG,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8FAA8F;IAC9F,aAAa,CAAC,EAAE,4BAA4B,CAAC;IAC7C;;;OAGG;IACH,uBAAuB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5C;AA0CD,wBAAgB,eAAe,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAiC,EACjC,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,aAAsB,EACtB,uBAAuB,EACvB,EAAE,oBAAoB,+BA6EtB"}

package/dist/tree-select/index.js

@@ -7,7 +7,7 @@ import { o as m, s as h } from "../chunks/multi-select-BDvaRbUc.js";
 import { useCallback as g, useLayoutEffect as _, useMemo as v, useRef as y, useState as b } from "react";
 import { flattenODataDependentServices as x, sortODataDependentSegmentItemsByChains as S, useODataCollection as C, useODataCollectionChains as w, useODataCollectionModel as T } from "@ryuzaki13/react-foundation-api/odata";
 import { cn as E } from "@ryuzaki13/react-foundation-lib/utils";
-import { Fragment as ee, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { Fragment as D, jsx as O, jsxs as ee } from "react/jsx-runtime";
 import { CheckIcon as k, ChevronRightIcon as te, MinusIcon as ne, XIcon as re } from "lucide-react";
 import { compareStrings as ie } from "@ryuzaki13/react-foundation-lib/string-comparison";
 //#region src/tree-select/helpers.ts
@@ -227,8 +227,14 @@ function pe(e, t, n) {
 	for (let r of [...e]) V(r, t, n) && e.delete(r);
 }
 function W(e, t, n) {
-	let r = [...e].filter((e) => e === t || V(e, t, n));
-	for (let t of r) for (let r of L(t, n)) e.delete(r);
+	let r = [t];
+	for (let t = 0; t < r.length; t += 1) {
+		let i = r[t];
+		if (i) {
+			r.push(...n.childrenById.get(i) ?? []);
+			for (let t of L(i, n)) e.delete(t);
+		}
+	}
 }
 function G(e, t, n) {
 	if (t.has(e)) return !0;
@@ -326,9 +332,11 @@ function J(e, t = e.rootIds) {
 	return new Set(t.flatMap((e) => n(e).selectedIds));
 }
 function _e(e, t, n) {
-	let r = R(e, n), i = (e) => {
+	let r = R(e, n);
+	if (G(t, r, n)) return W(r, t, n), z(K(r, n), n);
+	let i = (e) => {
 		if (r.has(e)) {
-			for (let t of L(e, n)) r.delete(t);
+			W(r, e, n);
 			return;
 		}
 		if (G(e, r, n)) {
@@ -336,11 +344,11 @@ function _e(e, t, n) {
 			return;
 		}
 		if (q(e, r, n)) {
-			me(r, e, n) && i(e);
+			me(r, e, n) && (q(e, r, n) || G(e, r, n) ? i(e) : W(r, e, n));
 			return;
 		}
 		for (let t of U(e, n)) pe(r, t, n), r.add(t);
-	}, a = [...J(n, [t])], o = a.length === 0 && r.has(t) ? [t] : a, s = o.length > 0 && o.every((e) => q(e, r, n) || G(e, r, n));
+	}, a = [...J(n, [t])], o = a.length === 0 && (q(t, r, n) || G(t, r, n)) ? [t] : a, s = o.length > 0 && o.every((e) => q(e, r, n) || G(e, r, n));
 	for (let e of o) {
 		let t = q(e, r, n) || G(e, r, n);
 		(s && t || !s && !t) && i(e);
@@ -510,13 +518,13 @@ var Q = {
 //#region src/tree-select/TreeNodeContent.tsx
 function Ne({ 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(ee, { children: [
-		/* @__PURE__ */ D("span", {
+	return /* @__PURE__ */ ee(D, { children: [
+		/* @__PURE__ */ O("span", {
 			className: Q.treeIndent,
 			style: { "--tree-level": t },
 			"aria-hidden": "true"
 		}),
-		f && i ? /* @__PURE__ */ D("button", {
+		f && i ? /* @__PURE__ */ O("button", {
 			type: "button",
 			className: Q.treeExpander,
 			onClick: (e) => {
@@ -525,30 +533,30 @@ function Ne({ 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__ */ D(te, { className: E(Q.treeExpanderIcon, a && Q.treeExpanderIconExpanded) })
-		}) : f ? /* @__PURE__ */ D("span", {
+			children: /* @__PURE__ */ O(te, { className: E(Q.treeExpanderIcon, a && Q.treeExpanderIconExpanded) })
+		}) : f ? /* @__PURE__ */ O("span", {
 			className: Q.treeExpanderPlaceholder,
 			"aria-hidden": "true"
 		}) : null,
-		c === "multi" && l === "columns" ? /* @__PURE__ */ D("span", {
+		c === "multi" && l === "columns" ? /* @__PURE__ */ O("span", {
 			className: Q.treeColumnCheckBox,
 			onMouseDown: (e) => e.stopPropagation(),
 			onClick: (e) => e.stopPropagation(),
-			children: /* @__PURE__ */ D(n, {
+			children: /* @__PURE__ */ O(n, {
 				value: o,
 				indeterminate: s,
 				disabled: e.disabled,
 				"aria-label": `Выбрать ${e.label}`,
 				onChange: () => d?.()
 			})
-		}) : c === "multi" ? /* @__PURE__ */ D("span", {
+		}) : c === "multi" ? /* @__PURE__ */ O("span", {
 			className: E(Q.treeSelection, o && Q.treeSelectionChecked, s && Q.treeSelectionPartial),
 			"aria-hidden": "true",
-			children: o ? /* @__PURE__ */ D(k, { className: Q.treeSelectionIcon }) : s ? /* @__PURE__ */ D(ne, { className: Q.treeSelectionIcon }) : null
+			children: o ? /* @__PURE__ */ O(k, { className: Q.treeSelectionIcon }) : s ? /* @__PURE__ */ O(ne, { className: Q.treeSelectionIcon }) : null
 		}) : null,
-		/* @__PURE__ */ D("div", {
+		/* @__PURE__ */ O("div", {
 			className: Q.treeNodeOptionContent,
-			children: /* @__PURE__ */ D(p, {
+			children: /* @__PURE__ */ O(p, {
 				label: e.label,
 				code: e.code,
 				highlight: r,
@@ -621,13 +629,13 @@ function Pe({ label: n, description: c, disabled: p, placeholder: m, size: h, no
 		openList: Le,
 		close: Ie,
 		toggleOpen: Re
-	}), Ze = T === "columns" && w === "multi" && A, Qe = j === "display", $e = Ze || Qe ? /* @__PURE__ */ O("div", {
+	}), Ze = T === "columns" && w === "multi" && A, Qe = j === "display", $e = Ze || Qe ? /* @__PURE__ */ ee("div", {
 		className: Q.treePopupHeader,
-		children: [Ze ? /* @__PURE__ */ D(i, {
+		children: [Ze ? /* @__PURE__ */ O(i, {
 			onSelectAll: A.onSelectAll,
 			onDeselectAll: A.onDeselectAll,
 			selectAllButtonRef: I
-		}) : null, Qe ? /* @__PURE__ */ D(t, {
+		}) : null, Qe ? /* @__PURE__ */ O(t, {
 			value: G,
 			onChange: K,
 			onClear: () => K(""),
@@ -658,14 +666,14 @@ function Pe({ label: n, description: c, disabled: p, placeholder: m, size: h, no
 			return n.set(e.node.id, !r), n;
 		});
 	};
-	return /* @__PURE__ */ D(l, {
+	return /* @__PURE__ */ O(l, {
 		label: n,
 		description: c,
 		disabled: p,
 		size: h,
 		children: ({ controlId: t, labelId: i, describedBy: o }) => {
 			let c = `${t}-listbox`, l = typeof n == "string" ? n : m;
-			return /* @__PURE__ */ O(ee, { children: [/* @__PURE__ */ D(r, {
+			return /* @__PURE__ */ ee(D, { children: [/* @__PURE__ */ O(r, {
 				ref: et,
 				rootRef: je,
 				id: t,
@@ -686,16 +694,16 @@ function Pe({ label: n, description: c, disabled: p, placeholder: m, size: h, no
 				"aria-autocomplete": T !== "columns" && j === "search" ? "list" : "none",
 				"aria-activedescendant": T !== "columns" && z && Y.length > 0 ? Ue(c) : void 0,
 				inputClassName: E(Ge && Q.treeSummary, Je && Q.inputWithOverlay),
-				overlay: Je ? /* @__PURE__ */ D("div", {
+				overlay: Je ? /* @__PURE__ */ O("div", {
 					className: Q.valueOverlay,
 					children: M
 				}) : Ye ? M : void 0,
-				endAdornment: /* @__PURE__ */ D(s, {
+				endAdornment: /* @__PURE__ */ O(s, {
 					open: z,
 					disabled: p || P,
 					onToggleMouseDown: $.handleToggleMouseDown,
 					onToggleClick: $.handleToggleClick,
-					children: Ge && le ? /* @__PURE__ */ D("button", {
+					children: Ge && le ? /* @__PURE__ */ O("button", {
 						type: "button",
 						className: Q.treeClearButton,
 						onMouseDown: (e) => {
@@ -705,7 +713,7 @@ function Pe({ label: n, description: c, disabled: p, placeholder: m, size: h, no
 							e.preventDefault(), e.stopPropagation(), tt();
 						},
 						"aria-label": "Очистить выбор",
-						children: /* @__PURE__ */ D(re, {})
+						children: /* @__PURE__ */ O(re, {})
 					}) : null
 				}),
 				onChange: (e) => {
@@ -729,7 +737,7 @@ function Pe({ label: n, description: c, disabled: p, placeholder: m, size: h, no
 						enableSpaceActivation: j === "display"
 					});
 				}
-			}), /* @__PURE__ */ D(a, {
+			}), /* @__PURE__ */ O(a, {
 				open: z,
 				context: ke,
 				floatingStyles: Z,
@@ -747,14 +755,14 @@ function Pe({ label: n, description: c, disabled: p, placeholder: m, size: h, no
 				layoutClassName: T === "columns" ? Q.treeColumnsPopupLayout : void 0,
 				bodyClassName: "scrollable",
 				header: $e,
-				children: /* @__PURE__ */ D("div", {
+				children: /* @__PURE__ */ O("div", {
 					className: E(T === "columns" && Q.treeColumns),
-					children: Y.length === 0 ? /* @__PURE__ */ D(f, {
+					children: Y.length === 0 ? /* @__PURE__ */ O(f, {
 						errorState: ue,
 						emptyState: !ue && !P ? "Нет данных" : void 0
 					}) : Y.map((e, t) => {
 						let n = w === "multi" ? q(e.node.id, S, U) : S.has(e.node.id), r = w === "multi" && !n && C.has(e.node.id), i = t === Oe, a = e.node.disabled === !0 || te?.has(e.node.id) === !0;
-						return /* @__PURE__ */ D("div", {
+						return /* @__PURE__ */ O("div", {
 							"data-ui": "tree-select-option",
 							id: He(c, t),
 							ref: (e) => Fe(t, e),
@@ -770,9 +778,9 @@ function Pe({ label: n, description: c, disabled: p, placeholder: m, size: h, no
 								e.preventDefault();
 							},
 							onClick: () => ze(e),
-							children: /* @__PURE__ */ D("div", {
+							children: /* @__PURE__ */ O("div", {
 								className: Q.treeNodeButton,
-								children: /* @__PURE__ */ D(Ne, {
+								children: /* @__PURE__ */ O(Ne, {
 									node: a ? {
 										...e.node,
 										disabled: !0
@@ -818,16 +826,20 @@ function Le({ label: e, description: t, disabled: n, placeholder: r = "Выбе
 		open: _,
 		onCommit: s,
 		isEqual: (e, t) => Ie(e, t, x)
-	}), T = _ ? S : o, E = v(() => R(T, x), [T, x]), ee = v(() => new Set([...x.nodeById.keys()].filter((e) => x.nodeById.get(e)?.disabled !== !0 && !E.has(e) && J(x, [e]).size === 0)), [E, x]), O = v(() => ge(E, x), [E, x]), k = v(() => Fe(E, x), [E, x]);
-	return /* @__PURE__ */ D(Pe, {
+	}), T = _ ? S : o, E = v(() => R(T, x), [T, x]), D = v(() => ge(E, x), [E, x]), ee = v(() => new Set([...x.nodeById.keys()].filter((e) => x.nodeById.get(e)?.disabled !== !0 && !q(e, E, x) && !D.selectedIds.has(e) && J(x, [e]).size === 0)), [
+		E,
+		D.selectedIds,
+		x
+	]), k = v(() => Fe(E, x), [E, x]);
+	return /* @__PURE__ */ O(Pe, {
 		label: e,
 		description: t,
 		disabled: n,
 		placeholder: r,
 		size: i,
 		nodes: a,
-		selectedIds: O.selectedIds,
-		partialIds: O.partialIds,
+		selectedIds: D.selectedIds,
+		partialIds: D.partialIds,
 		selectionMode: "multi",
 		optionsLayout: m,
 		defaultExpandedCodeKeys: g,
@@ -843,7 +855,7 @@ function Le({ label: e, description: t, disabled: n, placeholder: r = "Выбе
 			onDeselectAll: () => C({})
 		},
 		triggerMode: "search",
-		selectedSummary: k ? /* @__PURE__ */ D(h, { value: k }) : void 0,
+		selectedSummary: k ? /* @__PURE__ */ O(h, { value: k }) : void 0,
 		query: l,
 		defaultQuery: u,
 		onQuery: d,
@@ -871,7 +883,7 @@ function Re({ label: e, description: t, disabled: n, size: r, placeholder: i, qu
 		y.nodes,
 		y.orderedCodeKeys
 	]);
-	return /* @__PURE__ */ D(Le, {
+	return /* @__PURE__ */ O(Le, {
 		label: e,
 		description: t,
 		disabled: n || y.isLoading,
@@ -896,7 +908,7 @@ function ze(e) {
 }
 function Be({ 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(() => de(a), [a]), g = fe(o, h), _ = g ? h.nodeById.get(g) : void 0;
-	return /* @__PURE__ */ D(Pe, {
+	return /* @__PURE__ */ O(Pe, {
 		label: e,
 		description: t,
 		disabled: n,
@@ -929,7 +941,7 @@ function Ve({ label: e, description: t, disabled: n, size: r, placeholder: i, qu
 		segments: d,
 		model: f
 	});
-	return /* @__PURE__ */ D(Be, {
+	return /* @__PURE__ */ O(Be, {
 		label: e,
 		description: t,
 		disabled: n || h.isLoading,