@plitzi/sdk-elements 0.38.11 → 0.38.13

package/dist/elements/provider/ApiContainer/ApiContainer.mjs

@@ -14,220 +14,221 @@ import ue from "./hooks/useInputRefresh.mjs";
 import de from "./hooks/useProviderPagination.mjs";
 import fe from "./hooks/useProviderWrite.mjs";
 import pe from "../../../dataSource/pathFields.mjs";
-import { use as me, useCallback as n, useEffect as he, useMemo as r, useRef as i } from "react";
-import ge from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { useCommonStore as _e, useSdkStore as ve } from "@plitzi/sdk-shared/store";
-import { StoreProvider as ye } from "@plitzi/nexus/react";
+import me from "../../../dataSource/sourceStore.mjs";
+import { use as he, useCallback as n, useEffect as ge, useMemo as r, useRef as i } from "react";
+import _e from "@plitzi/sdk-shared/hooks/usePlitzi";
+import { useCommonStore as ve, useSdkStore as ye } from "@plitzi/sdk-shared/store";
+import { StoreProvider as be } from "@plitzi/nexus/react";
 import { emptyObject as a } from "@plitzi/sdk-shared/helpers/utils";
 import { jsx as o } from "react/jsx-runtime";
-import { currentRscLocation as be } from "@plitzi/sdk-shared/server/rsc/refreshRsc";
-import xe from "clsx";
-import Se from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
-import Ce from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
-import { QueryBuilderEvaluator as we } from "@plitzi/plitzi-ui/QueryBuilder";
-import { useServerQuery as Te } from "@plitzi/sdk-shared/queries";
+import { currentRscLocation as xe } from "@plitzi/sdk-shared/server/rsc/refreshRsc";
+import Se from "clsx";
+import Ce from "@plitzi/sdk-interactions/InteractionsContext";
+import we from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
+import Te from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import { QueryBuilderEvaluator as Ee } from "@plitzi/plitzi-ui/QueryBuilder";
+import { useServerQuery as De } from "@plitzi/sdk-shared/queries";
 //#region src/elements/provider/ApiContainer/ApiContainer.tsx
-var s = ({ ref: t, className: s = "", children: c, query: l = "", method: u = "get", accessToken: d = "", when: f = a, headers: p = a, mockData: m = "{}", subType: Ee = "", credentials: De = "same-origin", singleRecord: h = !1, pagination: Oe = "none", pageParam: ke = "page", renderWhileLoading: Ae = !1, loadingSlot: g = "", cache: je = !1, staleTime: Me = 30, gcTime: Ne = 300, refreshSeconds: Pe = 0, connector: Fe = "", action: Ie = "", input: Le }) => {
-	let { id: _, visible: v, definition: { label: y = "Api Container", runtime: Re, items: ze } } = ee(), b = Re === "server", { loaded: x, stale: S, location: C, elementData: w, refreshing: Be, refresh: T, cancel: E } = te(), D = Se(e.sourceType, _), { settings: { previewMode: O }, contexts: { InteractionsContext: Ve } } = ge(), { interactionsManager: k } = me(Ve), [[A, j, He]] = ve([
+var s = ({ ref: t, className: s = "", children: c, query: l = "", method: u = "get", accessToken: d = "", when: f = a, headers: p = a, mockData: m = "{}", subType: Oe = "", credentials: ke = "same-origin", singleRecord: Ae = !1, pagination: je = "none", pageParam: Me = "page", renderWhileLoading: Ne = !1, loadingSlot: h = "", cache: Pe = !1, staleTime: Fe = 30, gcTime: Ie = 300, refreshSeconds: Le = 0, connector: Re = "", action: ze = "", input: Be }) => {
+	let { id: g, visible: _, definition: { label: v = "Api Container", runtime: Ve, items: He } } = ee(), y = Ve === "server", { loaded: b, stale: x, location: S, elementData: C, refreshing: Ue, refresh: w, cancel: T } = te(), E = we(e.sourceType, g), { settings: { previewMode: D } } = _e(), { interactionsManager: O } = he(Ce), [[k, A, We]] = ye([
 		"navigation.routeParams",
 		"navigation.queryParams",
 		"navigation.navigate"
-	]), Ue = r(() => d ? {
+	]), Ge = r(() => d ? {
 		...p,
 		Authorization: `Bearer ${d}`
-	} : p, [p, d]), M = r(() => b || !v ? !1 : !!(O && l && (f === a || we(f, {
-		...A,
-		...j
-	})) || !O && (l || m && m !== "{}" && m !== a)), [
-		b,
-		v,
-		O,
+	} : p, [p, d]), j = r(() => y || !_ ? !1 : !!(D && l && (f === a || Ee(f, {
+		...k,
+		...A
+	})) || !D && (l || m && m !== "{}" && m !== a)), [
+		y,
+		_,
+		D,
 		l,
 		f,
+		k,
 		A,
-		j,
 		m
-	]), We = r(() => [_], [_]), { isLoading: Ge, isFetching: Ke, data: N, refetch: P, cancel: F, isSuccess: qe, isError: Je } = ce({
+	]), Ke = r(() => [g], [g]), { isLoading: qe, isFetching: Je, data: M, refetch: N, cancel: P, isSuccess: Ye, isError: Xe } = ce({
 		url: l,
 		method: u,
-		credentials: De,
-		mock: O ? void 0 : m,
-		customHeaders: Ue,
-		enabled: M,
-		cache: je,
-		staleTime: Me,
-		gcTime: Ne,
-		tags: We
-	}), I = b && !!C && C !== be(), L = b && x && !I && w === null, R = b && !Fe && !Ie, z = r(() => b ? w || (x ? a : se(m, R)) : N ?? a, [
+		credentials: ke,
+		mock: D ? void 0 : m,
+		customHeaders: Ge,
+		enabled: j,
+		cache: Pe,
+		staleTime: Fe,
+		gcTime: Ie,
+		tags: Ke
+	}), F = y && !!S && S !== xe(), I = y && b && !F && C === null, L = y && !Re && !ze, R = r(() => y ? C || (b ? a : se(m, L)) : M ?? a, [
+		y,
+		M,
+		C,
 		b,
-		N,
-		w,
-		x,
 		m,
-		R
-	]), B = b ? I || Be : Ke, V = b ? I : Ge, H = i({}), Ye = n((e, t) => T(e, {
-		...H.current,
+		L
+	]), z = y ? F || Ue : Je, B = y ? F : qe, V = i({}), Ze = n((e, t) => w(e, {
+		...V.current,
 		...t
-	}), [T]), U = n(async (e) => {
-		if (!b) {
-			P();
+	}), [w]), H = n(async (e) => {
+		if (!y) {
+			N();
 			return;
 		}
-		await T([_], H.current, { fresh: e });
+		await w([g], V.current, { fresh: e });
 	}, [
-		b,
-		P,
-		T,
-		_
-	]), W = n(() => U(!0), [U]), Xe = n(() => U(!1), [U]);
-	Te({
-		id: _,
-		url: R && l ? l : void 0,
-		enabled: b && x,
-		active: v,
-		refresh: W
+		y,
+		N,
+		w,
+		g
+	]), U = n(() => H(!0), [H]), Qe = n(() => H(!1), [H]);
+	De({
+		id: g,
+		url: L && l ? l : void 0,
+		enabled: y && b,
+		active: _,
+		refresh: U
 	});
-	let G = n(async ({ input: e } = {}) => {
+	let W = n(async ({ input: e } = {}) => {
 		let t = oe(e);
-		t && (H.current = t), await W();
-	}, [W]), K = n(() => {
-		if (b) {
-			E();
+		t && (V.current = t), await U();
+	}, [U]), G = n(() => {
+		if (y) {
+			T();
 			return;
 		}
-		F();
+		P();
 	}, [
-		b,
-		E,
-		F
-	]), [Ze] = _e(`schema.flat.${_}.attributes.input`, { mode: "mount" });
+		y,
+		T,
+		P
+	]), [$e] = ve(`schema.flat.${g}.attributes.input`, { mode: "mount" });
 	ue({
-		enabled: b && x,
-		input: Le,
-		savedInput: Ze,
-		performQuery: G
+		enabled: y && b,
+		input: Be,
+		savedInput: $e,
+		performQuery: W
 	}), le({
-		seconds: Pe,
-		enabled: v && (b ? x && !I : M),
-		refresh: Xe
+		seconds: Le,
+		enabled: _ && (y ? b && !F : j),
+		refresh: Qe
 	});
-	let q = z, Qe = r(() => Array.isArray(q.records) ? q.records : [], [q.records]), { records: J, isLoadingMore: Y, goToPage: $e, loadMore: et } = de({
-		elementId: _,
-		mode: Oe,
-		pageParam: ke,
-		records: Qe,
-		page: q.pageInfo?.page ?? 1,
-		refresh: Ye,
-		navigate: He
-	}), X = ae({
-		serverMode: b,
-		isSuccess: qe,
-		isError: Je,
-		rscResolved: x,
-		rscPending: I,
-		elementData: w
-	}), Z = i(void 0);
-	he(() => {
-		!B && _ && X && (Z.current?.data !== z || Z.current.outcome !== X) && (Z.current = {
-			data: z,
-			outcome: X
-		}, k.interactionTrigger(_, X === "success" ? "onApiSuccess" : "onApiError", {
+	let K = R, et = r(() => Array.isArray(K.records) ? K.records : [], [K.records]), { records: q, isLoadingMore: J, goToPage: Y, loadMore: X } = de({
+		elementId: g,
+		mode: je,
+		pageParam: Me,
+		records: et,
+		page: K.pageInfo?.page ?? 1,
+		refresh: Ze,
+		navigate: We
+	}), Z = ae({
+		serverMode: y,
+		isSuccess: Ye,
+		isError: Xe,
+		rscResolved: b,
+		rscPending: F,
+		elementData: C
+	}), Q = i(void 0);
+	ge(() => {
+		!z && g && Z && (Q.current?.data !== R || Q.current.outcome !== Z) && (Q.current = {
+			data: R,
+			outcome: Z
+		}, O.interactionTrigger(g, Z === "success" ? "onApiSuccess" : "onApiError", {
 			url: l,
 			method: u,
-			...z
+			...R
 		}));
 	}, [
+		R,
+		g,
+		O,
 		z,
-		_,
-		k,
-		B,
 		u,
-		X,
+		Z,
 		l
 	]);
-	let Q = r(() => ({
-		...z,
-		...Array.isArray(q.records) ? { records: J } : a,
-		isLoading: B || Y,
-		isEmpty: re(q, J, h),
-		hasError: L,
-		errorMessage: L ? "The data provider could not be reached" : "",
-		isStale: b && S
+	let $ = r(() => ({
+		...R,
+		...Array.isArray(K.records) ? { records: q } : a,
+		isLoading: z || J,
+		isEmpty: re(K, q, Ae),
+		hasError: I,
+		errorMessage: I ? "The data provider could not be reached" : "",
+		isStale: y && x
 	}), [
+		R,
+		K,
+		q,
 		z,
-		q.records,
-		q.record,
 		J,
-		B,
-		Y,
-		h,
-		L,
-		b,
-		S
-	]), tt = n(() => pe(Q), [Q]);
-	Ce({
-		id: _,
-		source: D,
-		name: y || `API - ${_}`,
+		Ae,
+		I,
+		y,
+		x
+	]), tt = n(() => pe($), [$]);
+	Te({
+		id: g,
+		source: E,
+		name: v || `API - ${g}`,
 		fields: tt
 	});
-	let { writeRecord: $ } = fe({
-		elementId: _,
-		enabled: b,
-		onDone: W
-	}), nt = r(() => {
+	let { writeRecord: nt } = fe({
+		elementId: g,
+		enabled: y,
+		onDone: U
+	}), rt = r(() => {
 		let t = {
 			performQuery: {
 				...e.callbacks.performQuery,
-				title: `Perform Query ${y}`,
-				callback: G
+				title: `Perform Query ${v}`,
+				callback: W
 			},
 			cancelQuery: {
 				...e.callbacks.cancelQuery,
-				title: `Cancel Query ${y}`,
-				callback: K
+				title: `Cancel Query ${v}`,
+				callback: G
 			},
 			loadMore: {
 				...e.callbacks.loadMore,
-				title: `Load More ${y}`,
-				callback: et
+				title: `Load More ${v}`,
+				callback: X
 			},
 			goToPage: {
 				...e.callbacks.goToPage,
-				title: `Go To Page ${y}`,
-				callback: ({ page: e }) => $e(Number(e) || 1)
+				title: `Go To Page ${v}`,
+				callback: ({ page: e }) => Y(Number(e) || 1)
 			}
 		};
-		return b && (t.writeRecord = {
+		return y && (t.writeRecord = {
 			...e.callbacks.writeRecord,
-			title: `Write Record ${y}`,
-			callback: $
+			title: `Write Record ${v}`,
+			callback: nt
 		}), t;
 	}, [
-		y,
+		v,
+		W,
 		G,
-		K,
-		et,
-		$e,
-		b,
-		$
-	]), rt = r(() => g && O ? ie(c, g, V) : c, [
+		X,
+		Y,
+		y,
+		nt
+	]), it = r(() => h && D ? ie(c, h, B) : c, [
 		c,
-		V,
-		g,
-		O
-	]), it = r(() => D ? { runtime: { sources: { [D]: Q } } } : a, [Q, D]);
+		B,
+		h,
+		D
+	]), at = r(() => me(E, $), [$, E]);
 	return /* @__PURE__ */ o(ne, {
 		ref: t,
-		tag: !O && !ze?.length ? "div" : Ee,
-		className: xe("plitzi-component__api-container", s),
+		tag: !D && !He?.length ? "div" : Oe,
+		className: Se("plitzi-component__api-container", s),
 		interactionTriggers: e.triggers,
-		interactionCallbacks: nt,
-		children: (!V || Ae || g) && /* @__PURE__ */ o(ye, {
+		interactionCallbacks: rt,
+		children: (!B || Ne || h) && /* @__PURE__ */ o(be, {
 			inherit: "live",
-			name: `Api:${_}`,
-			value: it,
-			children: rt
+			name: `Api:${g}`,
+			value: at,
+			children: it
 		})
 	});
 }, c = t(s);