@plitzi/sdk-elements 0.37.1 → 0.37.3

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

@@ -1,237 +1,203 @@
 import e from "../../../Element/hocs/withElement.mjs";
-import ee from "../../../Element/hooks/useElement.mjs";
-import te from "../../../Element/hooks/useRscData.mjs";
-import { RootElement as t } from "../../../Element/RootElement.mjs";
-import ne from "./declaration.mjs";
+import t from "../../../Element/hooks/useElement.mjs";
+import ee from "../../../Element/hooks/useRscData.mjs";
+import { RootElement as te } from "../../../Element/RootElement.mjs";
+import n from "./declaration.mjs";
+import { isEmptyAnswer as r } from "./helpers/isEmptyAnswer.mjs";
+import ne from "./helpers/providerOutcome.mjs";
+import { queryInputOf as i } from "./helpers/queryInput.mjs";
 import re from "./hooks/useApi.mjs";
-import ie from "./hooks/useProviderPagination.mjs";
-import ae from "./hooks/useProviderWrite.mjs";
-import oe from "../../../dataSource/pathFields.mjs";
-import { use as se, useCallback as n, useEffect as ce, useMemo as r } from "react";
-import le from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { useSdkStore as i } from "@plitzi/sdk-shared/store";
-import { StoreProvider as a } from "@plitzi/nexus/react";
-import { emptyObject as o } from "@plitzi/sdk-shared/helpers/utils";
-import { jsx as s } from "react/jsx-runtime";
-import { currentRscLocation as c } from "@plitzi/sdk-shared/server/rsc/refreshRsc";
-import l from "clsx";
-import u from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
-import ue from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
-import { QueryBuilderEvaluator as de } from "@plitzi/plitzi-ui/QueryBuilder";
+import ie from "./hooks/useAutoRefresh.mjs";
+import ae from "./hooks/useProviderPagination.mjs";
+import oe from "./hooks/useProviderWrite.mjs";
+import se from "../../../dataSource/pathFields.mjs";
+import { use as ce, useCallback as a, useEffect as le, useMemo as o, useRef as ue } from "react";
+import de from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { useSdkStore as s } from "@plitzi/sdk-shared/store";
+import { StoreProvider as fe } from "@plitzi/nexus/react";
+import { emptyObject as c } from "@plitzi/sdk-shared/helpers/utils";
+import { jsx as l } from "react/jsx-runtime";
+import { currentRscLocation as pe } from "@plitzi/sdk-shared/server/rsc/refreshRsc";
+import me from "clsx";
+import he from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
+import ge from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import { QueryBuilderEvaluator as _e } from "@plitzi/plitzi-ui/QueryBuilder";
 //#region src/elements/provider/ApiContainer/ApiContainer.tsx
-var d = ({ ref: e, className: d = "", children: f, query: p = "", method: m = "get", accessToken: h = "", when: g = o, headers: _ = o, mockData: v = "{}", subType: y = "", credentials: fe = "same-origin", singleRecord: b = !1, pagination: x = "none", pageParam: pe = "page", renderWhileLoading: me = !1, cache: S = !1, staleTime: he = 30, gcTime: ge = 300 }) => {
-	let { id: C, visible: w, definition: { label: T = "Api Container", runtime: _e, items: ve } } = ee(), E = _e === "server", { loaded: D, stale: O, location: k, elementData: A, refresh: j } = te(), M = u(ne.sourceType, C), { settings: { previewMode: N }, contexts: { InteractionsContext: P } } = le(), { interactionsManager: F } = se(P), [[I, L, ye]] = i([
+var u = ({ ref: e, className: u = "", children: d, query: f = "", method: p = "get", accessToken: m = "", when: h = c, headers: g = c, mockData: _ = "{}", subType: v = "", credentials: ve = "same-origin", singleRecord: y = !1, pagination: ye = "none", pageParam: be = "page", renderWhileLoading: xe = !1, cache: b = !1, staleTime: Se = 30, gcTime: Ce = 300, refreshSeconds: we = 0 }) => {
+	let { id: x, visible: S, definition: { label: C = "Api Container", runtime: Te, items: Ee } } = t(), w = Te === "server", { loaded: T, stale: E, location: D, elementData: O, refresh: k } = ee(), A = he(n.sourceType, x), { settings: { previewMode: j }, contexts: { InteractionsContext: De } } = de(), { interactionsManager: M } = ce(De), [[N, P, Oe]] = s([
 		"navigation.routeParams",
 		"navigation.queryParams",
 		"navigation.navigate"
-	]), be = r(() => h ? {
-		..._,
-		Authorization: `Bearer ${h}`
-	} : _, [_, h]), xe = r(() => E || !w ? !1 : !!(N && p && (g === o || de(g, {
-		...I,
-		...L
-	})) || !N && (p || v && v !== "{}" && v !== o)), [
-		E,
+	]), ke = o(() => m ? {
+		...g,
+		Authorization: `Bearer ${m}`
+	} : g, [g, m]), F = o(() => w || !S ? !1 : !!(j && f && (h === c || _e(h, {
+		...N,
+		...P
+	})) || !j && (f || _ && _ !== "{}" && _ !== c)), [
 		w,
+		S,
+		j,
+		f,
+		h,
 		N,
-		p,
-		g,
-		I,
-		L,
-		v
-	]), Se = r(() => [C], [C]), { isLoading: Ce, isFetching: we, data: R, refetch: z, isSuccess: B, isError: V } = re({
-		url: p,
-		method: m,
-		credentials: fe,
-		mock: N ? void 0 : v,
-		customHeaders: be,
-		enabled: xe,
-		cache: S,
-		staleTime: he,
-		gcTime: ge,
-		tags: Se
-	}), H = E && !!k && k !== c(), U = E && D && !H && A === null, W = r(() => {
-		if (!E) return R ?? o;
-		if (A) return A;
-		if (D) return o;
-		if (typeof v != "string") return v;
+		P,
+		_
+	]), Ae = o(() => [x], [x]), { isLoading: je, isFetching: Me, data: I, refetch: L, isSuccess: Ne, isError: Pe } = re({
+		url: f,
+		method: p,
+		credentials: ve,
+		mock: j ? void 0 : _,
+		customHeaders: ke,
+		enabled: F,
+		cache: b,
+		staleTime: Se,
+		gcTime: Ce,
+		tags: Ae
+	}), R = w && !!D && D !== pe(), z = w && T && !R && O === null, B = o(() => {
+		if (!w) return I ?? c;
+		if (O) return O;
+		if (T) return c;
+		if (typeof _ != "string") return _;
 		try {
-			return JSON.parse(v || "{}");
+			return JSON.parse(_ || "{}");
 		} catch {
-			return o;
+			return c;
 		}
 	}, [
-		E,
-		R,
-		A,
-		D,
-		v
-	]), G = E ? H : we, Te = E ? H : Ce, K = n(async () => {
-		if (!E) {
-			z();
+		w,
+		I,
+		O,
+		T,
+		_
+	]), V = w ? R : Me, Fe = w ? R : je, H = ue({}), U = a((e, t) => k(e, {
+		...H.current,
+		...t
+	}), [k]), W = a(async () => {
+		if (!w) {
+			L();
 			return;
 		}
-		await j([C]);
+		await U([x]);
 	}, [
-		E,
-		z,
-		j,
-		C
-	]), q = W, Ee = r(() => Array.isArray(q.records) ? q.records : [], [q.records]), { records: J, isLoadingMore: Y, goToPage: X, loadMore: Z } = ie({
-		elementId: C,
-		mode: x,
-		pageParam: pe,
-		records: Ee,
-		page: q.pageInfo?.page ?? 1,
-		refresh: j,
-		navigate: ye
+		w,
+		L,
+		U,
+		x
+	]), G = a(async ({ input: e } = {}) => {
+		let t = i(e);
+		t && (H.current = t), await W();
+	}, [W]);
+	ie({
+		seconds: we,
+		enabled: S && (w ? T && !R : F),
+		refresh: W
 	});
-	ce(() => {
-		!G && C && (B ? F.interactionTrigger(C, "onApiSuccess", {
-			url: p,
-			method: m,
-			...W
-		}) : V && F.interactionTrigger(C, "onApiError", {
-			url: p,
-			method: m,
-			...W
-		}));
+	let K = B, Ie = o(() => Array.isArray(K.records) ? K.records : [], [K.records]), { records: q, isLoadingMore: J, goToPage: Y, loadMore: X } = ae({
+		elementId: x,
+		mode: ye,
+		pageParam: be,
+		records: Ie,
+		page: K.pageInfo?.page ?? 1,
+		refresh: U,
+		navigate: Oe
+	}), Z = ne({
+		serverMode: w,
+		isSuccess: Ne,
+		isError: Pe,
+		rscResolved: T,
+		rscPending: R,
+		elementData: O
+	});
+	le(() => {
+		!V && x && Z && M.interactionTrigger(x, Z === "success" ? "onApiSuccess" : "onApiError", {
+			url: f,
+			method: p,
+			...B
+		});
 	}, [
-		W,
-		C,
-		F,
-		V,
-		G,
 		B,
-		m,
-		p
+		x,
+		M,
+		V,
+		p,
+		Z,
+		f
 	]);
-	let Q = r(() => ({
-		...W,
-		...Array.isArray(q.records) ? { records: J } : o,
-		isLoading: G || Y,
-		isEmpty: b ? q.record === void 0 : J.length === 0,
-		hasError: U,
-		errorMessage: U ? "The data provider could not be reached" : "",
-		isStale: E && O
+	let Q = o(() => ({
+		...B,
+		...Array.isArray(K.records) ? { records: q } : c,
+		isLoading: V || J,
+		isEmpty: r(K, q, y),
+		hasError: z,
+		errorMessage: z ? "The data provider could not be reached" : "",
+		isStale: w && E
 	}), [
-		W,
-		q.records,
-		q.record,
+		B,
+		K.records,
+		K.record,
+		q,
+		V,
 		J,
-		G,
-		Y,
-		b,
-		U,
-		E,
-		O
-	]), De = n(() => oe(Q), [Q]);
-	ue({
-		id: C,
-		source: M,
-		name: T || `API - ${C}`,
-		fields: De
+		y,
+		z,
+		w,
+		E
+	]), Le = a(() => se(Q), [Q]);
+	ge({
+		id: x,
+		source: A,
+		name: C || `API - ${x}`,
+		fields: Le
 	});
-	let { writeRecord: $ } = ae({
-		elementId: C,
-		enabled: E,
-		onDone: K
-	}), Oe = r(() => {
+	let { writeRecord: $ } = oe({
+		elementId: x,
+		enabled: w,
+		onDone: W
+	}), Re = o(() => {
 		let e = {
 			performQuery: {
-				action: "performQuery",
-				title: `Perform Query ${T}`,
-				type: "callback",
-				callback: K,
-				preview: {},
-				params: {}
+				...n.callbacks.performQuery,
+				title: `Perform Query ${C}`,
+				callback: G
 			},
 			loadMore: {
-				action: "loadMore",
-				title: `Load More ${T}`,
-				type: "callback",
-				callback: Z,
-				preview: {},
-				params: {}
+				...n.callbacks.loadMore,
+				title: `Load More ${C}`,
+				callback: X
 			},
 			goToPage: {
-				action: "goToPage",
-				title: `Go To Page ${T}`,
-				type: "callback",
-				callback: ({ page: e }) => X(Number(e) || 1),
-				preview: {},
-				params: { page: {
-					label: "Page",
-					defaultValue: "1",
-					type: "text"
-				} }
+				...n.callbacks.goToPage,
+				title: `Go To Page ${C}`,
+				callback: ({ page: e }) => Y(Number(e) || 1)
 			}
 		};
-		return E && (e.writeRecord = {
-			action: "writeRecord",
-			title: `Write Record ${T}`,
-			type: "callback",
-			callback: $,
-			preview: { action: "create" },
-			params: {
-				action: {
-					label: "Endpoint",
-					defaultValue: "create",
-					type: "text"
-				},
-				recordId: {
-					label: "Record Id",
-					defaultValue: "",
-					type: "text"
-				}
-			}
+		return w && (e.writeRecord = {
+			...n.callbacks.writeRecord,
+			title: `Write Record ${C}`,
+			callback: $
 		}), e;
 	}, [
-		T,
-		K,
-		Z,
+		C,
+		G,
 		X,
-		E,
+		Y,
+		w,
 		$
-	]), ke = r(() => ({
-		onApiError: {
-			action: "onApiError",
-			title: "On Api Error",
-			type: "trigger",
-			params: {},
-			preview: {
-				url: "",
-				method: "",
-				status: "",
-				data: ""
-			}
-		},
-		onApiSuccess: {
-			action: "onApiSuccess",
-			title: "On Api Success",
-			type: "trigger",
-			params: {},
-			preview: {
-				url: "",
-				method: "",
-				status: "",
-				data: ""
-			}
-		}
-	}), []), Ae = r(() => M ? { runtime: { sources: { [M]: Q } } } : o, [Q, M]);
-	return /* @__PURE__ */ s(t, {
+	]), ze = o(() => A ? { runtime: { sources: { [A]: Q } } } : c, [Q, A]);
+	return /* @__PURE__ */ l(te, {
 		ref: e,
-		tag: !N && !ve?.length ? "div" : y,
-		className: l("plitzi-component__api-container", d),
-		interactionTriggers: ke,
-		interactionCallbacks: Oe,
-		children: (!Te || me) && /* @__PURE__ */ s(a, {
+		tag: !j && !Ee?.length ? "div" : v,
+		className: me("plitzi-component__api-container", u),
+		interactionTriggers: n.triggers,
+		interactionCallbacks: Re,
+		children: (!Fe || xe) && /* @__PURE__ */ l(fe, {
 			inherit: "live",
-			name: `Api:${C}`,
-			value: Ae,
-			children: f
+			name: `Api:${x}`,
+			value: ze,
+			children: d
 		})
 	});
-}, f = e(d);
+}, d = e(u);
 //#endregion
-export { d as ApiContainer, f as default };
+export { u as ApiContainer, d as default };

package/dist/elements/provider/ApiContainer/Settings.d.ts

@@ -24,7 +24,8 @@ type SettingsProps = {
     cache?: boolean;
     staleTime?: number | string;
     gcTime?: number | string;
+    refreshSeconds?: number | string;
     onUpdate?: (key: string, value: string | boolean | number | object, isDefinition?: boolean) => void;
 };
-declare const Settings: ({ query, method, accessToken, headers, when, subType, mockData, credentials, runtime, connector, action, endpoint, resource, limit, singleRecord, filters, pagination, pageParam, renderWhileLoading, cache, staleTime, gcTime, onUpdate }: SettingsProps) => import("react").JSX.Element;
+declare const Settings: ({ query, method, accessToken, headers, when, subType, mockData, credentials, runtime, connector, action, endpoint, resource, limit, singleRecord, filters, pagination, pageParam, renderWhileLoading, cache, staleTime, gcTime, refreshSeconds, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;