@ryuzaki13/react-foundation-ui 1.1.6 → 1.1.8

package/dist/advanced-search/index.js

@@ -1,19 +1,19 @@
-import { c as e, n as t } from "../chunks/SelectOptionContent-lfEtHXfO.js";
-import { t as n } from "../chunks/ui.module-BisoTevy.js";
-import { n as r, t as i } from "../chunks/badge-Cri0-kVK.js";
-import { o as a } from "../chunks/flex-DYZ0IbU6.js";
-import { n as o } from "../chunks/button-CC0Jdx1j.js";
-import { r as s } from "../chunks/grid-dI94AAbi.js";
-import { l as c, u as l } from "../chunks/input-CZLUUggm.js";
-import { t as u } from "../chunks/input-search-eMvnvgV0.js";
-import { c as d } from "../chunks/misc-DIF5h9ba.js";
-import { a as f, i as p, n as m, r as h } from "../chunks/modal-DXHX_sA-.js";
-import { n as g } from "../chunks/multi-select-DaOKgHKE.js";
-import { t as _ } from "../chunks/table-BdpMzhLH.js";
-import { useCallback as v, useEffect as y, useMemo as b, useState as x } from "react";
-import { cn as S } from "@ryuzaki13/react-foundation-lib/utils";
-import { useInfiniteQuery as C, useQuery as w } from "@tanstack/react-query";
-import { createFilterContains as T, createFilterEqual as E, unwrapODataQueryResult as D } from "@ryuzaki13/react-foundation-lib/odata-service";
+import { t as e } from "../chunks/ui.module-BisoTevy.js";
+import { n as t, t as n } from "../chunks/badge-Cri0-kVK.js";
+import { o as r } from "../chunks/flex-DYZ0IbU6.js";
+import { n as i } from "../chunks/button-CC0Jdx1j.js";
+import { r as a } from "../chunks/grid-dI94AAbi.js";
+import { l as o, u as s } from "../chunks/input-BCJfUdK_.js";
+import { t as c } from "../chunks/input-search-B7HmrAM7.js";
+import { c as l } from "../chunks/misc-DIF5h9ba.js";
+import { a as u, i as d, n as f, r as p } from "../chunks/modal-DXHX_sA-.js";
+import { n as m } from "../chunks/multi-select-BCpRct-k.js";
+import { t as h } from "../chunks/table-BtXVqa2I.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 { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
 //#region src/advanced-search/lib/searchParts.ts
@@ -42,100 +42,100 @@ function P(e, t, n) {
 //#endregion
 //#region src/advanced-search/model/useAdvancedSearch.ts
 var F = 50;
-function I(t) {
-	let [n, r] = x(""), [i, a] = x(() => Object.keys(t.segments ?? {}).reduce((e, t) => (e[t] = [], e), {})), o = N(n), s = o.length > 1, c = s ? 5e3 : F, l = C({
+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({
 		queryKey: [
 			"search",
-			t.odata.service,
-			t.odata.target,
-			i,
-			n
+			e.odata.service,
+			e.odata.target,
+			r,
+			t
 		],
-		queryFn: async ({ pageParam: n = 0, signal: r, client: a }) => {
-			let l = t.columns.map((e) => e.key), u = await e({
+		queryFn: async ({ pageParam: t = 0, signal: n, client: i }) => {
+			let c = e.columns.map((e) => e.key), l = await b({
 				odata: {
-					service: t.odata.service,
-					target: t.odata.target
+					service: e.odata.service,
+					target: e.odata.target
 				},
 				options: {
-					top: c,
-					skip: n,
-					select: l,
+					top: s,
+					skip: t,
+					select: c,
 					expression: {
 						and: !0,
-						filters: [{ filters: o ? t.searchKeys.map((e) => ({ filters: o.map((t) => T(e, t)) })) : [] }, {
+						filters: [{ filters: a ? e.searchKeys.map((e) => ({ filters: a.map((t) => S(e, t)) })) : [] }, {
 							and: !0,
-							filters: Object.keys(i).map((e) => E(e, i[e]))
+							filters: Object.keys(r).map((e) => C(e, r[e]))
 						}]
 					},
-					sorts: [{ key: t.leadingKey }]
+					sorts: [{ key: e.leadingKey }]
 				}
 			})({
-				signal: r,
-				client: a
+				signal: n,
+				client: i
 			});
-			return s ? P(u.data, o, t.searchKeys) : u.data;
+			return o ? P(l.data, a, e.searchKeys) : l.data;
 		},
 		getNextPageParam: (e, t) => {
-			if (!(e.length < c)) return t.length * c;
+			if (!(e.length < s)) return t.length * s;
 		},
 		initialPageParam: 0
-	}), u = v((e) => {
-		r(e);
-	}, []), d = v(() => {
-		r("");
+	}), l = g((e) => {
+		n(e);
+	}, []), u = g(() => {
+		n("");
 	}, []);
 	return {
-		query: l,
-		items: b(() => l.data?.pages.flatMap((e) => e) ?? [], [l.data?.pages]),
-		searchTerm: n,
-		setSearch: u,
-		clearSearch: d,
-		filters: i,
-		setFilters: a
+		query: c,
+		items: v(() => c.data?.pages.flatMap((e) => e) ?? [], [c.data?.pages]),
+		searchTerm: t,
+		setSearch: l,
+		clearSearch: u,
+		filters: r,
+		setFilters: i
 	};
 }
 //#endregion
 //#region src/advanced-search/model/useAdvancedSearchInitialSelected.ts
-function L(t, n = []) {
-	return D(w({
+function L(e, t = []) {
+	return w(E({
 		queryKey: [
 			"searchSelected",
-			t.odata.service,
-			t.odata.target,
-			n
+			e.odata.service,
+			e.odata.target,
+			t
 		],
-		queryFn: async ({ client: r, signal: i }) => {
-			if (n.length === 0) return {
+		queryFn: async ({ client: n, signal: r }) => {
+			if (t.length === 0) return {
 				data: [],
 				totalCount: void 0
 			};
-			let a = t.columns.map((e) => e.key);
-			return await e({
+			let i = e.columns.map((e) => e.key);
+			return await b({
 				odata: {
-					service: t.odata.service,
-					target: t.odata.target
+					service: e.odata.service,
+					target: e.odata.target
 				},
 				options: {
-					select: a,
-					expression: { filters: n.map((e) => E(t.leadingKey, e)) }
+					select: i,
+					expression: { filters: t.map((t) => C(e.leadingKey, t)) }
 				}
 			})({
-				client: r,
-				signal: i
+				client: n,
+				signal: r
 			});
 		},
-		enabled: n.length > 0
+		enabled: t.length > 0
 	}));
 }
 //#endregion
 //#region src/advanced-search/model/useAdvancedSearchSelection.ts
 function R(e) {
-	let [t, n] = x([]), r = v((t, n) => {
+	let [t, n] = y([]), r = g((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 = v((t) => {
+	}, [e.leadingKey]), i = g((t) => {
 		n((n) => {
 			let i = /* @__PURE__ */ new Map();
 			for (let n of t) i.set(String(n[e.leadingKey]), n);
@@ -145,97 +145,97 @@ function R(e) {
 	}, [r, e.leadingKey]);
 	return {
 		selectedItems: t,
-		select: v((t) => {
+		select: g((t) => {
 			n((n) => n.some((n) => n[e.leadingKey] === t[e.leadingKey]) ? n : [...n, t]);
 		}, [e.leadingKey]),
-		deselect: v((t) => {
+		deselect: g((t) => {
 			n((n) => n.filter((n) => n[e.leadingKey] !== t));
 		}, [e.leadingKey]),
 		replaceSelection: i,
-		clearSelection: v(() => {
+		clearSelection: g(() => {
 			n([]);
 		}, []),
-		isSelected: v((n) => t.some((t) => t[e.leadingKey] === n), [e.leadingKey, t])
+		isSelected: g((n) => t.some((t) => t[e.leadingKey] === n), [e.leadingKey, t])
 	};
 }
 //#endregion
 //#region src/advanced-search/ui/AdvancedSearchModal.tsx
-function z({ onClose: e, onItemsSelect: n, config: c, initialSelectedItems: l = [] }) {
-	let x = b(() => c.columns.map((e) => ({
+function z({ onClose: e, onItemsSelect: o, config: s, initialSelectedItems: y = [] }) {
+	let b = v(() => s.columns.map((e) => ({
 		id: e.key,
 		accessorKey: e.key,
 		header: e.label,
 		meta: { width: e.width || "auto" }
-	})), [c.columns]), { columns: S, isLoading: C } = t({
-		service: c.odata.service,
-		target: c.odata.target,
+	})), [s.columns]), { columns: S, isLoading: C } = x({
+		service: s.odata.service,
+		target: s.odata.target,
 		mode: "enrich",
-		columns: x
-	}), { query: w, items: T, searchTerm: E, setSearch: D, clearSearch: O, filters: k, setFilters: A } = I(c), { selectedItems: N, deselect: P, replaceSelection: F } = R(c), L = v((e) => String(e[c.leadingKey]), [c.leadingKey]), z = b(() => N.map((e) => String(e[c.leadingKey])), [N, c.leadingKey]), B = b(() => new Set(T.map((e) => String(e[c.leadingKey]))), [T, c.leadingKey]);
-	y(() => {
-		F(l);
-	}, [l, F]);
-	let V = v(() => {
+		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 = v((e) => {
-		let t = new Set(e.map((e) => String(e[c.leadingKey]))), n = N.filter((e) => !B.has(String(e[c.leadingKey]))), r = T.filter((e) => t.has(String(e[c.leadingKey])));
+	}, [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]);
 	}, [
-		c.leadingKey,
+		s.leadingKey,
 		T,
 		F,
 		N,
 		B
-	]), U = v((e) => {
-		P(String(e[c.leadingKey]));
-	}, [c.leadingKey, P]), W = v(() => {
-		n(N), e();
+	]), U = g((e) => {
+		P(String(e[s.leadingKey]));
+	}, [s.leadingKey, P]), W = g(() => {
+		o(N), e();
 	}, [
 		N,
-		n,
+		o,
 		e
-	]), G = b(() => {
-		if ("segments" in c && c.segments) {
-			let e = Object.keys(c.segments);
+	]), G = v(() => {
+		if ("segments" in s && s.segments) {
+			let e = Object.keys(s.segments);
 			if (e.length) return {
 				odata: {
-					...c.odata,
+					...s.odata,
 					limitedKeys: e
 				},
-				segments: c.segments,
-				model: c.model
+				segments: s.segments,
+				model: s.model
 			};
 		}
-	}, [c]);
-	return /* @__PURE__ */ M(m, {
+	}, [s]);
+	return /* @__PURE__ */ M(f, {
 		isOpen: !0,
 		onClose: e,
-		title: c.title,
+		title: s.title,
 		size: "lg",
 		height: "min(50em, 80dvh)",
 		children: [
-			/* @__PURE__ */ j(f, { children: /* @__PURE__ */ M(a, {
+			/* @__PURE__ */ j(u, { children: /* @__PURE__ */ M(r, {
 				gap: "sm",
-				children: [G && /* @__PURE__ */ j(g, {
+				children: [G && /* @__PURE__ */ j(m, {
 					odata: G.odata,
 					segments: G.segments,
 					model: G.model,
 					values: k,
 					onChange: A
-				}), /* @__PURE__ */ j(u, {
+				}), /* @__PURE__ */ j(c, {
 					size: "md",
-					placeholder: c.searchLabel ?? "Введите поисковый запрос",
+					placeholder: s.searchLabel ?? "Введите поисковый запрос",
 					value: E,
 					onChange: D,
 					onClear: O,
 					className: "flexGrow"
 				})]
 			}) }),
-			/* @__PURE__ */ j(h, { children: /* @__PURE__ */ M(s, {
+			/* @__PURE__ */ j(p, { children: /* @__PURE__ */ M(a, {
 				gap: "md",
 				templateRows: "1fr auto",
 				className: "h100",
-				children: [/* @__PURE__ */ j(_, {
+				children: [/* @__PURE__ */ j(h, {
 					columns: S,
 					data: T,
 					selectionMode: "multi",
@@ -248,23 +248,23 @@ function z({ onClose: e, onItemsSelect: n, config: c, initialSelectedItems: l =
 					className: "w100"
 				}), /* @__PURE__ */ j("div", {
 					className: "marginBlockMd border",
-					children: /* @__PURE__ */ j(d, {
+					children: /* @__PURE__ */ j(l, {
 						className: "paddingSm",
 						height: "6em",
-						children: /* @__PURE__ */ j(i, { children: N.map((e) => /* @__PURE__ */ j(r, {
+						children: /* @__PURE__ */ j(n, { children: N.map((e) => /* @__PURE__ */ j(t, {
 							size: "md",
 							tone: "info",
 							appearance: "outline",
 							onRemove: () => U(e),
-							children: c.leadingText && e[c.leadingText] || e[c.leadingKey]
-						}, e[c.leadingKey])) })
+							children: s.leadingText && e[s.leadingText] || e[s.leadingKey]
+						}, e[s.leadingKey])) })
 					})
 				})]
 			}) }),
-			/* @__PURE__ */ M(p, { children: [/* @__PURE__ */ j(o, {
+			/* @__PURE__ */ M(d, { children: [/* @__PURE__ */ j(i, {
 				onClick: e,
 				children: "Отмена"
-			}), /* @__PURE__ */ j(o, {
+			}), /* @__PURE__ */ j(i, {
 				variant: "successOutline",
 				onClick: W,
 				children: "Выбрать"
@@ -274,62 +274,62 @@ function z({ onClose: e, onItemsSelect: n, config: c, initialSelectedItems: l =
 }
 //#endregion
 //#region src/advanced-search/ui/AdvancedSearchSelectUI.tsx
-var B = ({ label: e, description: t, disabled: r, size: i, placeholder: o = "Выбрать", token: s, onOpen: u, onClear: d }) => {
-	let { controlId: f, labelId: p, descriptionId: m } = c({
-		hasLabel: e != null,
-		hasDescription: !!t
-	}), h = !!s;
+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({
+		hasLabel: t != null,
+		hasDescription: !!n
+	}), h = !!l;
 	return /* @__PURE__ */ M("div", {
-		"aria-disabled": r || void 0,
-		className: S(n.uiElement, n.uiSizable, i && n[i]),
+		"aria-disabled": i || void 0,
+		className: D(e.uiElement, e.uiSizable, a && e[a]),
 		children: [
-			e && /* @__PURE__ */ j("label", {
+			t && /* @__PURE__ */ j("label", {
 				id: p,
 				htmlFor: f,
-				className: n.uiLabel,
-				children: e
+				className: e.uiLabel,
+				children: t
 			}),
-			t && /* @__PURE__ */ j("p", {
+			n && /* @__PURE__ */ j("p", {
 				id: m,
-				className: n.uiDescription,
-				children: t
+				className: e.uiDescription,
+				children: n
 			}),
 			/* @__PURE__ */ M("div", {
-				className: n.uiInputContainer,
+				className: e.uiInputContainer,
 				children: [/* @__PURE__ */ j("div", {
-					className: n.uiInputWithToggle,
-					children: !h && /* @__PURE__ */ j(a, {
+					className: e.uiInputWithToggle,
+					children: !h && /* @__PURE__ */ j(r, {
 						align: "center",
 						className: "h100",
 						children: /* @__PURE__ */ j("div", {
-							className: n.uiPlaceholder,
-							children: o
+							className: e.uiPlaceholder,
+							children: c
 						})
 					})
 				}), /* @__PURE__ */ j("div", {
-					className: l.controlEndAdornment,
+					className: s.controlEndAdornment,
 					children: /* @__PURE__ */ M("div", {
-						className: n.uiToggleButtonContainer,
+						className: e.uiToggleButtonContainer,
 						children: [
 							/* @__PURE__ */ j("div", {
 								className: "flexEllipsis",
 								style: { maxWidth: "100%" },
-								children: s
+								children: l
 							}),
 							/* @__PURE__ */ j("button", {
 								type: "button",
-								disabled: !s,
-								className: n.uiClearButton,
+								disabled: !l,
+								className: e.uiClearButton,
 								onClick: d,
 								"aria-label": "Очистить все",
 								children: /* @__PURE__ */ j(k, {})
 							}),
-							/* @__PURE__ */ j("div", { className: n.uiButtonSeparator }),
+							/* @__PURE__ */ j("div", { className: e.uiButtonSeparator }),
 							/* @__PURE__ */ j("button", {
 								type: "button",
 								onClick: u,
-								className: n.uiToggleButton,
-								children: /* @__PURE__ */ j(O, { className: n.uiToggleIcon })
+								className: e.uiToggleButton,
+								children: /* @__PURE__ */ j(O, { className: e.uiToggleIcon })
 							})
 						]
 					})
@@ -341,7 +341,7 @@ var B = ({ label: e, description: t, disabled: r, size: i, placeholder: o = "В
 //#endregion
 //#region src/advanced-search/ui/AdvancedSearchSelect.tsx
 function V({ value: e = [], onChange: t, config: n, ...r }) {
-	let [i, a] = x(!1), { data: o } = L(n, e), s = v(() => a(!0), []), c = v(() => a(!1), []), l = v(() => t([]), [t]), u = v((e) => t(e.map((e) => String(e[n.leadingKey]))), [n.leadingKey, t]), d = v((e) => {
+	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) => {
 		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, {

package/dist/base-table/index.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "../chunks/table-column-interactions-6RGjmiI5.js";
-import { a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _ } from "../chunks/base-table-BXKFSgIk.js";
+import { n as e, t } from "../chunks/table-column-interactions-BGd5Lwy9.js";
+import { a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _ } from "../chunks/base-table-Dv9i3CAT.js";
 export { d as BaseTable, g as FormattedTableCell, e as TableColumnResizeHandle, t as TableHeaderInteractionCell, a as buildBaseTableColumnLayout, h as buildBaseTableMergedCellsLayout, r as buildTableFormattingSnapshot, p as getLeftPinnedColumnOffsets, u as getOrderedVisibleLeafColumns, l as hasTableColumnCustomCellRenderer, s as normalizeTableColumnPinning, o as resolveBaseTableColumnWidth, _ as resolveTableFormattingColumnId, i as shouldUseTableFormatting, f as useTableColumnOrder, n as useTableColumnPinning, c as useTableColumnSizing, m as useTableColumnVisibility };