@ryuzaki13/react-foundation-ui 1.5.9 → 1.5.11

package/dist/advanced-search/index.js

@@ -1,27 +1,27 @@
 import { t as e } from "../chunks/ui.module-DHVTOqZ0.js";
-import { n as t, t as n } from "../chunks/badge-CaooZXYD.js";
-import { o as r } from "../chunks/flex-C7njxZ74.js";
-import { n as i } from "../chunks/button-C--u7uJj.js";
-import { r as a } from "../chunks/grid-dI94AAbi.js";
-import { l as o, u as s } from "../chunks/input-BNszawm6.js";
-import { t as c } from "../chunks/input-search-C2OOhZlw.js";
-import { c as l } from "../chunks/misc-Cp_r022Z.js";
-import { a as u, i as d, n as f, r as p } from "../chunks/modal-DK9M7lT5.js";
-import { n as m } from "../chunks/multi-select-CFHaQPot.js";
-import { t as h } from "../chunks/table-BChs6bgR.js";
-import { useCallback as g, useEffect as _, useMemo as v, useState as y } from "react";
-import { odataQueryFn as b, useODataTableColumns as x } from "@ryuzaki13/react-foundation-api/odata";
-import { createFilterContains as S, createFilterEqual as C, unwrapODataQueryResult as w } from "@ryuzaki13/react-foundation-lib/odata-service";
-import { useInfiniteQuery as T, useQuery as E } from "@tanstack/react-query";
-import { cn as D } from "@ryuzaki13/react-foundation-lib/utils";
-import { ChevronRightIcon as O, XIcon as k } from "lucide-react";
+import { n as t } from "../chunks/button-CzUO5rzq.js";
+import { c as n, g as r, h as i } from "../chunks/misc-CkRRma5E.js";
+import { o as a } from "../chunks/flex-C7njxZ74.js";
+import { r as o } from "../chunks/grid-dI94AAbi.js";
+import { a as s, i as c, n as l, r as u } from "../chunks/modal-LHkNxBko.js";
+import { n as d, t as f } from "../chunks/badge-DMM8cOHd.js";
+import { l as p, u as m } from "../chunks/input-VC8jEoTa.js";
+import { t as h } from "../chunks/input-search-Bs_9SxT0.js";
+import { n as g } from "../chunks/multi-select-BJ6Lst1E.js";
+import { t as _ } from "../chunks/table-CIWdAcPY.js";
+import { useCallback as v, useMemo as y, useState as b } from "react";
+import { odataQueryFn as x, useODataTableColumns as S } from "@ryuzaki13/react-foundation-api/odata";
+import { createFilterContains as C, createFilterEqual as w, unwrapODataQueryResult as T } from "@ryuzaki13/react-foundation-lib/odata-service";
+import { useInfiniteQuery as E, useQuery as D } from "@tanstack/react-query";
+import { cn as O, stableStringify as k } from "@ryuzaki13/react-foundation-lib/utils";
 import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { ChevronRightIcon as N, XIcon as P } from "lucide-react";
 //#region src/advanced-search/lib/searchParts.ts
-function N(e) {
+function F(e) {
 	let t = e.trim();
 	return t ? t.split("*").map((e) => e.trim()).filter((e) => e.length) : [];
 }
-function P(e, t, n) {
+function I(e, t, n) {
 	let r = t.map((e) => e.toLowerCase());
 	return e.filter((e) => {
 		for (let t of n) {
@@ -41,9 +41,9 @@ function P(e, t, n) {
 }
 //#endregion
 //#region src/advanced-search/model/useAdvancedSearch.ts
-var F = 50;
-function I(e) {
-	let [t, n] = y(""), [r, i] = y(() => Object.keys(e.segments ?? {}).reduce((e, t) => (e[t] = [], e), {})), a = N(t), o = a.length > 1, s = o ? 5e3 : F, c = T({
+var L = 50;
+function R(e) {
+	let [t, n] = b(""), [r, i] = b(() => Object.keys(e.segments ?? {}).reduce((e, t) => (e[t] = [], e), {})), a = F(t), o = a.length > 1, s = o ? 5e3 : L, c = E({
 		queryKey: [
 			"search",
 			e.odata.service,
@@ -52,7 +52,7 @@ function I(e) {
 			t
 		],
 		queryFn: async ({ pageParam: t = 0, signal: n, client: i }) => {
-			let c = e.columns.map((e) => e.key), l = await b({
+			let c = e.columns.map((e) => e.key), l = await x({
 				odata: {
 					service: e.odata.service,
 					target: e.odata.target
@@ -63,9 +63,9 @@ function I(e) {
 					select: c,
 					expression: {
 						and: !0,
-						filters: [{ filters: a ? e.searchKeys.map((e) => ({ filters: a.map((t) => S(e, t)) })) : [] }, {
+						filters: [{ filters: a ? e.searchKeys.map((e) => ({ filters: a.map((t) => C(e, t)) })) : [] }, {
 							and: !0,
-							filters: Object.keys(r).map((e) => C(e, r[e]))
+							filters: Object.keys(r).map((e) => w(e, r[e]))
 						}]
 					},
 					sorts: [{ key: e.leadingKey }]
@@ -74,20 +74,20 @@ function I(e) {
 				signal: n,
 				client: i
 			});
-			return o ? P(l.data, a, e.searchKeys) : l.data;
+			return o ? I(l.data, a, e.searchKeys) : l.data;
 		},
 		getNextPageParam: (e, t) => {
 			if (!(e.length < s)) return t.length * s;
 		},
 		initialPageParam: 0
-	}), l = g((e) => {
+	}), l = v((e) => {
 		n(e);
-	}, []), u = g(() => {
+	}, []), u = v(() => {
 		n("");
 	}, []);
 	return {
 		query: c,
-		items: v(() => c.data?.pages.flatMap((e) => e) ?? [], [c.data?.pages]),
+		items: y(() => c.data?.pages.flatMap((e) => e) ?? [], [c.data?.pages]),
 		searchTerm: t,
 		setSearch: l,
 		clearSearch: u,
@@ -97,8 +97,8 @@ function I(e) {
 }
 //#endregion
 //#region src/advanced-search/model/useAdvancedSearchInitialSelected.ts
-function L(e, t = []) {
-	let n = E({
+function z(e, t = []) {
+	let n = D({
 		queryKey: [
 			"searchSelected",
 			e.odata.service,
@@ -111,14 +111,14 @@ function L(e, t = []) {
 				totalCount: void 0
 			};
 			let i = e.columns.map((e) => e.key);
-			return await b({
+			return await x({
 				odata: {
 					service: e.odata.service,
 					target: e.odata.target
 				},
 				options: {
 					select: i,
-					expression: { filters: t.map((t) => C(e.leadingKey, t)) }
+					expression: { filters: t.map((t) => w(e.leadingKey, t)) }
 				}
 			})({
 				client: n,
@@ -127,171 +127,201 @@ function L(e, t = []) {
 		},
 		enabled: t.length > 0
 	});
-	return w(n);
+	return T(n);
 }
 //#endregion
 //#region src/advanced-search/model/useAdvancedSearchSelection.ts
-function R(e) {
-	let [t, n] = y([]), r = g((t, n) => {
+function B(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let r of e) n.set(String(r[t]), r);
+	return Array.from(n.values());
+}
+function V(e, t = []) {
+	let [n, r] = b(() => B(t, e.leadingKey)), i = v((t, n) => {
 		if (t.length !== n.length) return !1;
 		let r = new Set(n.map((t) => String(t[e.leadingKey])));
 		return t.every((t) => r.has(String(t[e.leadingKey])));
-	}, [e.leadingKey]), i = g((t) => {
-		n((n) => {
-			let i = /* @__PURE__ */ new Map();
-			for (let n of t) i.set(String(n[e.leadingKey]), n);
-			let a = Array.from(i.values());
-			return r(n, a) ? n : a;
+	}, [e.leadingKey]), a = v((t) => {
+		r((n) => {
+			let r = B(t, e.leadingKey);
+			return i(n, r) ? n : r;
 		});
-	}, [r, e.leadingKey]);
+	}, [i, e.leadingKey]);
 	return {
-		selectedItems: t,
-		select: g((t) => {
-			n((n) => n.some((n) => n[e.leadingKey] === t[e.leadingKey]) ? n : [...n, t]);
+		selectedItems: n,
+		select: v((t) => {
+			r((n) => n.some((n) => n[e.leadingKey] === t[e.leadingKey]) ? n : [...n, t]);
 		}, [e.leadingKey]),
-		deselect: g((t) => {
-			n((n) => n.filter((n) => n[e.leadingKey] !== t));
+		deselect: v((t) => {
+			r((n) => n.filter((n) => n[e.leadingKey] !== t));
 		}, [e.leadingKey]),
-		replaceSelection: i,
-		clearSelection: g(() => {
-			n([]);
+		replaceSelection: a,
+		clearSelection: v(() => {
+			r([]);
 		}, []),
-		isSelected: g((n) => t.some((t) => t[e.leadingKey] === n), [e.leadingKey, t])
+		isSelected: v((t) => n.some((n) => n[e.leadingKey] === t), [e.leadingKey, n])
 	};
 }
 //#endregion
-//#region src/advanced-search/ui/AdvancedSearchModal.tsx
-function z({ onClose: e, onItemsSelect: o, config: s, initialSelectedItems: y = [] }) {
-	let b = v(() => s.columns.map((e) => ({
+//#region src/advanced-search/ui/AdvancedSearchModalSession.tsx
+function H({ onClose: e, onItemsSelect: r, config: i, initialSelectedItems: p }) {
+	let m = y(() => i.columns.map((e) => ({
 		id: e.key,
 		accessorKey: e.key,
 		header: e.label,
 		meta: { width: e.width || "auto" }
-	})), [s.columns]), { columns: S, isLoading: C } = x({
-		service: s.odata.service,
-		target: s.odata.target,
+	})), [i.columns]), { columns: b, isLoading: x } = S({
+		service: i.odata.service,
+		target: i.odata.target,
 		mode: "enrich",
-		columns: b
-	}), { query: w, items: T, searchTerm: E, setSearch: D, clearSearch: O, filters: k, setFilters: A } = I(s), { selectedItems: N, deselect: P, replaceSelection: F } = R(s), L = g((e) => String(e[s.leadingKey]), [s.leadingKey]), z = v(() => N.map((e) => String(e[s.leadingKey])), [N, s.leadingKey]), B = v(() => new Set(T.map((e) => String(e[s.leadingKey]))), [T, s.leadingKey]);
-	_(() => {
-		F(y);
-	}, [y, F]);
-	let V = g(() => {
-		w.hasNextPage && !w.isFetchingNextPage && w.fetchNextPage();
-	}, [w]), H = g((e) => {
-		let t = new Set(e.map((e) => String(e[s.leadingKey]))), n = N.filter((e) => !B.has(String(e[s.leadingKey]))), r = T.filter((e) => t.has(String(e[s.leadingKey])));
-		F([...n, ...r]);
+		columns: m
+	}), { query: C, items: w, searchTerm: T, setSearch: E, clearSearch: D, filters: O, setFilters: k } = R(i), { selectedItems: A, deselect: N, replaceSelection: P } = V(i, p), F = v((e) => String(e[i.leadingKey]), [i.leadingKey]), I = y(() => A.map((e) => String(e[i.leadingKey])), [A, i.leadingKey]), L = y(() => new Set(w.map((e) => String(e[i.leadingKey]))), [w, i.leadingKey]), z = v(() => {
+		C.hasNextPage && !C.isFetchingNextPage && C.fetchNextPage();
+	}, [C]), B = v((e) => {
+		let t = new Set(e.map((e) => String(e[i.leadingKey]))), n = A.filter((e) => !L.has(String(e[i.leadingKey]))), r = w.filter((e) => t.has(String(e[i.leadingKey])));
+		P([...n, ...r]);
 	}, [
-		s.leadingKey,
-		T,
-		F,
-		N,
-		B
-	]), U = g((e) => {
-		P(String(e[s.leadingKey]));
-	}, [s.leadingKey, P]), W = g(() => {
-		o(N), e();
+		i.leadingKey,
+		w,
+		P,
+		A,
+		L
+	]), H = v((e) => {
+		N(String(e[i.leadingKey]));
+	}, [i.leadingKey, N]), U = v(() => {
+		r(A), e();
 	}, [
-		N,
-		o,
+		A,
+		r,
 		e
-	]), G = v(() => {
-		if ("segments" in s && s.segments) {
-			let e = Object.keys(s.segments);
+	]), W = y(() => {
+		if ("segments" in i && i.segments) {
+			let e = Object.keys(i.segments);
 			if (e.length) return {
 				odata: {
-					...s.odata,
+					...i.odata,
 					limitedKeys: e
 				},
-				segments: s.segments,
-				model: s.model
+				segments: i.segments,
+				model: i.model
 			};
 		}
-	}, [s]);
-	return /* @__PURE__ */ M(f, {
+	}, [i]);
+	return /* @__PURE__ */ M(l, {
 		isOpen: !0,
 		onClose: e,
-		title: s.title,
+		title: i.title,
 		size: "lg",
 		height: "min(50em, 80dvh)",
 		children: [
-			/* @__PURE__ */ j(u, { children: /* @__PURE__ */ M(r, {
+			/* @__PURE__ */ j(s, { children: /* @__PURE__ */ M(a, {
 				gap: "sm",
-				children: [G && /* @__PURE__ */ j(m, {
-					odata: G.odata,
-					segments: G.segments,
-					model: G.model,
-					values: k,
-					onChange: A
-				}), /* @__PURE__ */ j(c, {
+				children: [W && /* @__PURE__ */ j(g, {
+					odata: W.odata,
+					segments: W.segments,
+					model: W.model,
+					values: O,
+					onChange: k
+				}), /* @__PURE__ */ j(h, {
 					size: "md",
-					placeholder: s.searchLabel ?? "Введите поисковый запрос",
-					value: E,
-					onChange: D,
-					onClear: O,
+					placeholder: i.searchLabel ?? "Введите поисковый запрос",
+					value: T,
+					onChange: E,
+					onClear: D,
 					className: "flexGrow"
 				})]
 			}) }),
-			/* @__PURE__ */ j(p, { children: /* @__PURE__ */ M(a, {
+			/* @__PURE__ */ j(u, { children: /* @__PURE__ */ M(o, {
 				gap: "md",
 				templateRows: "1fr auto",
 				className: "h100",
-				children: [/* @__PURE__ */ j(h, {
-					columns: S,
-					data: T,
+				children: [/* @__PURE__ */ j(_, {
+					columns: b,
+					data: w,
 					selectionMode: "multi",
-					selectedRowIds: z,
-					getRowId: L,
-					isLoading: w.isLoading || C,
-					isFetching: w.isFetching,
-					onRowSelectionChange: H,
-					onReachEnd: V,
+					selectedRowIds: I,
+					getRowId: F,
+					isLoading: C.isLoading || x,
+					isFetching: C.isFetching,
+					onRowSelectionChange: B,
+					onReachEnd: z,
 					className: "w100"
 				}), /* @__PURE__ */ j("div", {
 					className: "marginBlockMd border",
-					children: /* @__PURE__ */ j(l, {
+					children: /* @__PURE__ */ j(n, {
 						className: "paddingSm",
 						height: "6em",
-						children: /* @__PURE__ */ j(n, { children: N.map((e) => /* @__PURE__ */ j(t, {
+						children: /* @__PURE__ */ j(f, { children: A.map((e) => /* @__PURE__ */ j(d, {
 							size: "md",
 							tone: "info",
 							appearance: "outline",
-							onRemove: () => U(e),
-							children: s.leadingText && e[s.leadingText] || e[s.leadingKey]
-						}, e[s.leadingKey])) })
+							onRemove: () => H(e),
+							children: i.leadingText && e[i.leadingText] || e[i.leadingKey]
+						}, e[i.leadingKey])) })
 					})
 				})]
 			}) }),
-			/* @__PURE__ */ M(d, { children: [/* @__PURE__ */ j(i, {
+			/* @__PURE__ */ M(c, { children: [/* @__PURE__ */ j(t, {
 				onClick: e,
 				children: "Отмена"
-			}), /* @__PURE__ */ j(i, {
+			}), /* @__PURE__ */ j(t, {
 				variant: "successOutline",
-				onClick: W,
+				onClick: U,
 				children: "Выбрать"
 			})] })
 		]
 	});
 }
 //#endregion
+//#region src/advanced-search/ui/AdvancedSearchModal.tsx
+function U(e, t) {
+	return k({
+		leadingKey: String(e.leadingKey),
+		service: e.odata.service,
+		target: e.odata.target,
+		selectedIds: t.map((t) => String(t[e.leadingKey])).sort()
+	});
+}
+function W({ onClose: e, onItemsSelect: n, initialSelection: a, config: o }) {
+	return a.status === "ready" ? /* @__PURE__ */ j(H, {
+		config: o,
+		onClose: e,
+		onItemsSelect: n,
+		initialSelectedItems: a.items
+	}, U(o, a.items)) : /* @__PURE__ */ M(l, {
+		isOpen: !0,
+		onClose: e,
+		title: o.title,
+		size: "lg",
+		height: "min(50em, 80dvh)",
+		children: [/* @__PURE__ */ j(u, { children: a.status === "loading" ? /* @__PURE__ */ j(i, { text: "Загружаем выбранные элементы..." }) : /* @__PURE__ */ j(r, {
+			color: "error",
+			children: "Не удалось загрузить выбранные элементы"
+		}) }), /* @__PURE__ */ j(c, { children: /* @__PURE__ */ j(t, {
+			onClick: e,
+			children: "Закрыть"
+		}) })]
+	});
+}
+//#endregion
 //#region src/advanced-search/ui/AdvancedSearchSelectUI.tsx
-var B = ({ label: t, description: n, disabled: i, size: a, placeholder: c = "Выбрать", token: l, onOpen: u, onClear: d }) => {
-	let { controlId: f, labelId: p, descriptionId: m } = o({
+var G = ({ label: t, description: n, disabled: r, size: i, placeholder: o = "Выбрать", token: s, onOpen: c, onClear: l }) => {
+	let { controlId: u, labelId: d, descriptionId: f } = p({
 		hasLabel: t != null,
 		hasDescription: !!n
-	}), h = !!l;
+	}), h = !!s;
 	return /* @__PURE__ */ M("div", {
-		"aria-disabled": i || void 0,
-		className: D(e.uiElement, e.uiSizable, a && e[a]),
+		"aria-disabled": r || void 0,
+		className: O(e.uiElement, e.uiSizable, i && e[i]),
 		children: [
 			t && /* @__PURE__ */ j("label", {
-				id: p,
-				htmlFor: f,
+				id: d,
+				htmlFor: u,
 				className: e.uiLabel,
 				children: t
 			}),
 			n && /* @__PURE__ */ j("p", {
-				id: m,
+				id: f,
 				className: e.uiDescription,
 				children: n
 			}),
@@ -299,38 +329,38 @@ var B = ({ label: t, description: n, disabled: i, size: a, placeholder: c = "В
 				className: e.uiInputContainer,
 				children: [/* @__PURE__ */ j("div", {
 					className: e.uiInputWithToggle,
-					children: !h && /* @__PURE__ */ j(r, {
+					children: !h && /* @__PURE__ */ j(a, {
 						align: "center",
 						className: "h100",
 						children: /* @__PURE__ */ j("div", {
 							className: e.uiPlaceholder,
-							children: c
+							children: o
 						})
 					})
 				}), /* @__PURE__ */ j("div", {
-					className: s.controlEndAdornment,
+					className: m.controlEndAdornment,
 					children: /* @__PURE__ */ M("div", {
 						className: e.uiToggleButtonContainer,
 						children: [
 							/* @__PURE__ */ j("div", {
 								className: "flexEllipsis",
 								style: { maxWidth: "100%" },
-								children: l
+								children: s
 							}),
 							/* @__PURE__ */ j("button", {
 								type: "button",
-								disabled: !l,
+								disabled: !s,
 								className: e.uiClearButton,
-								onClick: d,
+								onClick: l,
 								"aria-label": "Очистить все",
-								children: /* @__PURE__ */ j(k, {})
+								children: /* @__PURE__ */ j(P, {})
 							}),
 							/* @__PURE__ */ j("div", { className: e.uiButtonSeparator }),
 							/* @__PURE__ */ j("button", {
 								type: "button",
-								onClick: u,
+								onClick: c,
 								className: e.uiToggleButton,
-								children: /* @__PURE__ */ j(O, { className: e.uiToggleIcon })
+								children: /* @__PURE__ */ j(N, { className: e.uiToggleIcon })
 							})
 						]
 					})
@@ -338,26 +368,30 @@ var B = ({ label: t, description: n, disabled: i, size: a, placeholder: c = "В
 			})
 		]
 	});
-};
-//#endregion
-//#region src/advanced-search/ui/AdvancedSearchSelect.tsx
-function V({ value: e = [], onChange: t, config: n, ...r }) {
-	let [i, a] = y(!1), { data: o } = L(n, e), s = g(() => a(!0), []), c = g(() => a(!1), []), l = g(() => t([]), [t]), u = g((e) => t(e.map((e) => String(e[n.leadingKey]))), [n.leadingKey, t]), d = g((e) => {
+}, K = [];
+function q({ value: e = [], onChange: t, config: n, ...r }) {
+	let [i, a] = b(!1), o = z(n, e), s = o.data, c = e.length === 0 ? {
+		status: "ready",
+		items: K
+	} : s === void 0 ? o.isError ? { status: "error" } : { status: "loading" } : {
+		status: "ready",
+		items: s
+	}, l = v(() => a(!0), []), u = v(() => a(!1), []), d = v(() => t([]), [t]), f = v((e) => t(e.map((e) => String(e[n.leadingKey]))), [n.leadingKey, t]), p = v((e) => {
 		if (e?.length) return e.length > 1 ? `Выбрано ${e.length} элем.` : `${n.leadingText && e[0][n.leadingText] || e[0][n.leadingKey]}`;
 	}, [n.leadingKey, n.leadingText]);
-	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(B, {
+	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(G, {
 		...r,
-		token: d(o),
-		onOpen: s,
-		onClear: l
-	}), i && /* @__PURE__ */ j(z, {
+		token: p(s),
+		onOpen: l,
+		onClear: d
+	}), i && /* @__PURE__ */ j(W, {
 		config: n,
-		onClose: c,
-		onItemsSelect: u,
-		initialSelectedItems: o
+		onClose: u,
+		onItemsSelect: f,
+		initialSelection: c
 	})] });
 }
 //#endregion
-export { V as AdvancedSearchSelect, I as useAdvancedSearch, L as useAdvancedSearchInitialSelected, R as useAdvancedSearchSelection };
+export { q as AdvancedSearchSelect, R as useAdvancedSearch, z as useAdvancedSearchInitialSelected, V as useAdvancedSearchSelection };
 
 //# sourceMappingURL=index.js.map