@declarion/react 0.60.0 → 0.63.0

package/dist-lib/use-filter-value-labels-DuqvAIVG.js

@@ -0,0 +1,413 @@
+import { Q as e, _n as t, a as n, cn as r, i, nn as a, o, on as s, pt as c, qn as l, r as u, rt as d, wn as f, wt as p } from "./useCurrentScreen--UovgvRj.js";
+import { r as m } from "./CopyButton-C0iEvaT1.js";
+import { a as h, s as g } from "./ActionRunner-DAxgnKB3.js";
+import { d as _, i as v } from "./useOwnRefresh-DkOuM4yo.js";
+import { f as y, i as b, r as x } from "./FilterChips-8fMDBXHp.js";
+import { useCallback as S, useEffect as C, useMemo as w, useState as T } from "react";
+import { useQueries as E, useQueryClient as D } from "@tanstack/react-query";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+//#region src/components/pages/list/filter-meta.ts
+function j(e, t, n, r) {
+	if (!t || !n) return [];
+	let i = t.filter_operators ?? {}, a = (t.filters ?? []).filter((e) => i[e]?.length);
+	return N({
+		t: e,
+		screen: t,
+		entity: n,
+		entities: r
+	}, a, i);
+}
+function M(e, t, n, r) {
+	return !t || !n ? [] : N({
+		t: e,
+		screen: t,
+		entity: n,
+		entities: r
+	}, Object.keys(n.filter_operators), n.filter_operators);
+}
+function N({ t: e, screen: t, entity: n, entities: r }, i, o) {
+	let c = [];
+	for (let l of i) {
+		let i = o[l];
+		if (l.startsWith("$status.")) {
+			let t = l.slice(8), r = n.status_groups?.[t];
+			if (!r) continue;
+			c.push({
+				code: l,
+				label: e(r.name) || t,
+				type: "status",
+				operators: i,
+				options: r.statuses.map((t) => ({
+					value: t.code,
+					label: e(t.name) || t.code,
+					color: t.color
+				}))
+			});
+			continue;
+		}
+		if (l.startsWith("$property.")) {
+			let t = l.slice(10), r = n.properties?.[t];
+			if (!r) continue;
+			c.push({
+				code: l,
+				label: e(r.name) || t,
+				type: "property",
+				operators: i
+			});
+			continue;
+		}
+		let u = n.fields.get(l);
+		if (!u) continue;
+		let d = s(e, u, l, r), f = u.values?.map((t) => ({
+			value: t.code,
+			label: e(t.name) || t.code,
+			color: t.color
+		})), p = a(u.filter_special_values, t?.filter_special_values?.[l]);
+		c.push({
+			code: l,
+			label: d,
+			type: u.type,
+			operators: i,
+			options: f,
+			ref: u.ref,
+			specialValues: p.length > 0 ? p : void 0
+		});
+	}
+	return c;
+}
+function P(e, t, n, r) {
+	if (r.startsWith("$status.")) {
+		let n = t.status_groups?.[r.slice(8)];
+		return n && e(n.name) || r;
+	}
+	if (r.startsWith("$property.")) {
+		let n = t.properties?.[r.slice(10)];
+		return n && e(n.name) || r;
+	}
+	let i = t.fields.get(r);
+	return i ? s(e, i, r, n) : r;
+}
+//#endregion
+//#region src/components/pages/list/visible-filters.ts
+function F(e, t) {
+	let n = !1, r = (e) => e.flatMap((e) => {
+		if (e.or || e.and) {
+			let t = e.or ? "or" : "and", n = r(e[t]);
+			return n.length === 0 ? [] : [{
+				...e,
+				[t]: n
+			}];
+		}
+		return e.field && Object.hasOwn(t, e.field) ? [e] : (n = !0, []);
+	});
+	return {
+		filters: r(e),
+		omitted: n
+	};
+}
+//#endregion
+//#region src/components/pages/list/useListFilterPresentation.ts
+function I(e, t, n, r) {
+	let i = p(), a = x(r);
+	return {
+		visibleFilterState: w(() => t ? F(a, t.filter_operators) : {
+			filters: a,
+			omitted: !1
+		}, [a, t]),
+		filterFieldMeta: w(() => j(i, e, t, n), [
+			i,
+			e,
+			t,
+			n
+		]),
+		allFilterFieldMeta: w(() => M(i, e, t, n), [
+			i,
+			e,
+			t,
+			n
+		]),
+		filterFieldName: S((e) => t ? P(i, t, n, e) : e, [
+			i,
+			t,
+			n
+		])
+	};
+}
+//#endregion
+//#region src/components/filters/FilterOmittedNotice.tsx
+function L({ className: e }) {
+	let t = p()("filter.omitted_notice", "Some filter conditions could not be applied.");
+	return /* @__PURE__ */ k("div", {
+		role: "status",
+		"aria-label": t,
+		className: `text-muted-foreground text-xs wrap-anywhere ${e ?? ""}`,
+		children: t
+	});
+}
+//#endregion
+//#region src/components/pages/list/useListQuery.ts
+var R = 1e4, z = [];
+function B(e) {
+	let t = D(), { entity: r, entityCode: a, screen: s, screenCode: c, page: l, perPage: d, sortForRequest: f, debouncedSearch: p, filters: m, isHeld: v, retryHeld: y, includeDeleted: b, expand: x, select: C, runCountQuery: T, urlKey: E } = e, O = m.length > 0 ? m : void 0, k = {
+		page: l,
+		per_page: d,
+		sort: f,
+		search: p || void 0,
+		filters: O,
+		include_deleted: b || void 0,
+		expand: x,
+		select: C,
+		preview: !0,
+		screen: s?.fixed_filters ? c : void 0
+	}, A = {
+		sort: f,
+		filters: O,
+		search: p || void 0,
+		select: C,
+		expand: x,
+		includeDeleted: b || void 0,
+		screen: s?.fixed_filters ? c : void 0,
+		preview: !0,
+		limit: d
+	}, j = r?.list_pagination === "cursor", M = o(a, k, !j && !v), N = n(a, k, T && !j && !v), P = g(a, A, j && !v);
+	_(i(a, k), !j && !v), _(h(a, A), j && !v);
+	let F = v || (j ? P.isLoading : M.isLoading), I = w(() => v ? z : j ? P.rows : M.data?.data ?? [], [
+		v,
+		j,
+		P.rows,
+		M.data?.data
+	]), L = j ? P.total : N.data?.meta?.total, R = w(() => {
+		if (!(j || L === void 0 || d <= 0)) return Math.max(1, Math.ceil(L / d));
+	}, [
+		j,
+		L,
+		d
+	]), B = V(F, E), H = j ? h(a, A) : i(a, k), U = u(a, k), W = T && !j, G = S(async () => {
+		v ? y() : a && (await Promise.all([t.cancelQueries({
+			queryKey: H,
+			exact: !0
+		}), W ? t.cancelQueries({
+			queryKey: U,
+			exact: !0
+		}) : void 0]), await Promise.all([j ? P.refetch() : M.refetch(), W ? N.refetch() : void 0]));
+	}, [
+		v,
+		y,
+		a,
+		t,
+		H,
+		U,
+		W,
+		j,
+		P,
+		M,
+		N
+	]), K = S(() => {
+		P.fetchNextPage();
+	}, [P]);
+	return {
+		rows: I,
+		meta: v ? void 0 : M.data?.meta,
+		refs: v ? void 0 : j ? P.refs : M.data?.$refs,
+		isLoading: F,
+		isFetching: v || (j ? P.isFetching : M.isFetching),
+		isShowingPreviousRows: !v && (j ? P.isPlaceholderData : M.isPlaceholderData),
+		isError: v ? !1 : j ? P.isError : M.isError,
+		error: v ? void 0 : j ? P.error : M.error,
+		isLoadingStale: B,
+		retry: G,
+		countTotal: v ? void 0 : L,
+		countStrategy: v ? void 0 : j ? P.countMode : N.data?.meta?.count_mode,
+		countLoading: v || (j ? P.isLoading : N.isLoading),
+		countError: !v && !j && N.isError,
+		totalPages: R,
+		hasMorePages: j ? P.hasMore : M.data?.meta?.has_more ?? (R !== void 0 && l < R),
+		isCursor: j,
+		fetchNextPage: K,
+		isFetchingNextPage: P.isFetchingNextPage
+	};
+}
+function V(e, t) {
+	let [n, r] = T(!1);
+	return C(() => {
+		if (!e) {
+			r(!1);
+			return;
+		}
+		r(!1);
+		let t = window.setTimeout(() => r(!0), R);
+		return () => window.clearTimeout(t);
+	}, [e, t]), n;
+}
+//#endregion
+//#region src/components/pages/list/ListNoRows.tsx
+function H(t, n, r, i) {
+	let a = e(n, i);
+	if (!(i instanceof l)) return a;
+	let o = i.ext("field");
+	if (!o) return a;
+	let c = r.fields.get(o), u = c ? s(t, c, o) : o, d = i.ext("value");
+	return d === void 0 ? t("list.rows.failed_field", "{reason} Field: {field}.", {
+		reason: a,
+		field: u
+	}) : t("list.rows.failed_field_value", "{reason} Field: {field}. Value: {value}.", {
+		reason: a,
+		field: u,
+		value: d
+	});
+}
+function U({ isLoading: e, tableLoadingStale: t, isError: n, error: r, rowCount: i, entity: a, screen: o, screenName: s, screenIcon: c, isFiltered: l, canCreate: u, toolbarActions: f, onRetry: h }) {
+	let g = p(), _ = p("errors"), y = a.display;
+	return e && t ? /* @__PURE__ */ k("div", {
+		style: { padding: "0 20px" },
+		children: /* @__PURE__ */ k(b, {
+			icon: "alert-circle",
+			title: g("list.rows.loading_slow_title", "Still loading data"),
+			description: g("list.rows.loading_slow_body", "This table is taking longer than expected. Retry the request or check network and server health."),
+			action: /* @__PURE__ */ k(m, {
+				kind: "primary",
+				size: "sm",
+				onClick: h,
+				children: g("list.rows.retry", "Retry")
+			})
+		})
+	}) : e ? /* @__PURE__ */ k(v, { cols: o.columns?.length ?? 4 }) : n ? /* @__PURE__ */ k("div", {
+		style: { padding: "0 20px" },
+		children: /* @__PURE__ */ k(b, {
+			icon: "alert-circle",
+			title: _("list.rows_unreadable", "The records could not be loaded."),
+			description: H(g, _, a, r),
+			action: /* @__PURE__ */ k(m, {
+				kind: "primary",
+				size: "sm",
+				onClick: h,
+				children: g("list.rows.retry", "Retry")
+			})
+		})
+	}) : i === 0 ? /* @__PURE__ */ k("div", {
+		style: { padding: "0 20px" },
+		children: (() => {
+			let e = y.empty_state, t = g(e?.title), n = g(e?.body), r = d(e?.learn_more_url), i = l ? g("list.rows.no_results_title", "No results found") : t || g("list.rows.empty_title", "No {name} yet", { name: g(y.name_plural) || s }), a = u && f.some(({ code: e }) => e === "__new" || e === "__create"), o;
+			return o = l ? g("list.rows.no_results_body", "Try adjusting your search or filters") : n ? /* @__PURE__ */ A(O, { children: [n, r && /* @__PURE__ */ A(O, { children: [" ", /* @__PURE__ */ k("a", {
+				href: r,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				children: g("list.rows.learn_more", "Learn more")
+			})] })] }) : a ? g("list.rows.empty_create", "Create your first {name} to get started", { name: g(y.name) }) : void 0, /* @__PURE__ */ k(b, {
+				icon: c,
+				title: i,
+				description: o
+			});
+		})()
+	}) : null;
+}
+//#endregion
+//#region src/components/pages/list/use-filter-value-labels.ts
+var W = 200;
+function G(e, n, r, i) {
+	let a = p(), o = new Map(e.map((e) => [e.code, e])), s = K(o, n, r, i), l = E({ queries: s.map((e) => {
+		let t = {
+			per_page: W,
+			filters: [{
+				field: e.lookupField,
+				op: "in",
+				value: e.values
+			}],
+			count: "window"
+		};
+		return {
+			queryKey: [
+				"entity-data",
+				e.entity,
+				t
+			],
+			queryFn: ({ signal: n }) => c(e.entity, t, { signal: n }),
+			staleTime: 6e4
+		};
+	}) }), u = {};
+	if (r) for (let [e, t] of Object.entries(r)) u[e] = { ...t };
+	let d = /* @__PURE__ */ new Set();
+	return l.forEach((e, t) => {
+		let n = s[t];
+		if (!n) return;
+		let r = e.data?.data;
+		if (r) {
+			let e = u[n.entity] ??= {};
+			for (let t of r) {
+				let r = f(t[n.lookupField]);
+				r && (e[r] = t);
+			}
+		}
+		if (e.isLoading) for (let e of n.values) u[n.entity]?.[e] || d.add(`${n.entity}::${e}`);
+	}), {
+		labelFor: (e, n) => {
+			let r = f(n), s = o.get(e);
+			if (!s) return {
+				status: "plain",
+				raw: r
+			};
+			let c = s.specialValues?.find((e) => e.code === r);
+			if (c) return {
+				status: "special",
+				label: a(c.label) || r,
+				raw: r
+			};
+			if (s.options) {
+				let e = s.options.find((e) => e.value === r);
+				if (e) return {
+					status: "resolved",
+					label: e.label,
+					raw: r
+				};
+			}
+			if (s.type === "ref" && s.ref?.entity) {
+				let e = s.ref.entity, n = u[e]?.[r];
+				if (n) {
+					let o = s.ref.display?.field ?? i?.[e]?.display?.display_field;
+					return {
+						status: "resolved",
+						label: t(a, n, o, r),
+						raw: r
+					};
+				}
+				return d.has(`${e}::${r}`) ? {
+					status: "loading",
+					raw: r
+				} : {
+					status: "unresolved",
+					raw: r
+				};
+			}
+			return {
+				status: "plain",
+				raw: r
+			};
+		},
+		refs: u
+	};
+}
+function K(e, t, n, i) {
+	let a = /* @__PURE__ */ new Map();
+	for (let o of y(t)) {
+		if (!o.field) continue;
+		let t = e.get(o.field);
+		if (!t || t.type !== "ref" || !t.ref?.entity) continue;
+		let s = t.ref.entity, c = i?.[s], l = t.ref.field || (c ? r(c)[0] : "id") || "id", u = Array.isArray(o.value) ? o.value : [o.value];
+		for (let e of u) {
+			let r = f(e);
+			if (!r || t.specialValues?.some((e) => e.code === r) || n?.[s]?.[r]) continue;
+			let i = `${s}::${l}`, o = a.get(i);
+			o || (o = {
+				key: i,
+				entity: s,
+				lookupField: l,
+				values: []
+			}, a.set(i, o)), o.values.includes(r) || o.values.push(r);
+		}
+	}
+	let o = [...a.values()];
+	for (let e of o) e.values.sort();
+	return o.sort((e, t) => e.key.localeCompare(t.key)), o;
+}
+//#endregion
+export { L as a, B as i, U as n, I as o, H as r, G as t };