@camstack/ui-library 1.2.60 → 1.2.62

package/dist/index.cjs

@@ -48360,6 +48360,8 @@ function useSystemMutation(select, opts) {
 * — the original admin-ui copy stayed put for backward compatibility
 * but new consumers should import from here.
 */
+/** Trailing coalesce for event-driven invalidation — see the comment inside. */
+var EVENT_INVALIDATION_COALESCE_MS = 1e3;
 function useEventInvalidation(queryKey, categories) {
 	const system = useSystem();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
@@ -48373,12 +48375,20 @@ function useEventInvalidation(queryKey, categories) {
 	const keyJson = JSON.stringify(queryKey);
 	(0, react$1.useEffect)(() => {
 		const subs = [];
-		const refresh = () => {
+		let pending = null;
+		const refreshNow = () => {
 			const raw = JSON.parse(keyJson);
 			const queryKeyToInvalidate = raw.length === 1 && Array.isArray(raw[0]) ? raw : [raw];
 			queryClient.invalidateQueries({ queryKey: queryKeyToInvalidate });
 		};
-		refresh();
+		const refresh = () => {
+			if (pending !== null) return;
+			pending = setTimeout(() => {
+				pending = null;
+				refreshNow();
+			}, EVENT_INVALIDATION_COALESCE_MS);
+		};
+		refreshNow();
 		for (const category of key.split("|")) {
 			if (!category) continue;
 			try {
@@ -48386,6 +48396,7 @@ function useEventInvalidation(queryKey, categories) {
 			} catch {}
 		}
 		return () => {
+			if (pending !== null) clearTimeout(pending);
 			for (const unsub of subs) unsub();
 		};
 	}, [

package/dist/index.js

@@ -48336,6 +48336,8 @@ function useSystemMutation(select, opts) {
 * — the original admin-ui copy stayed put for backward compatibility
 * but new consumers should import from here.
 */
+/** Trailing coalesce for event-driven invalidation — see the comment inside. */
+var EVENT_INVALIDATION_COALESCE_MS = 1e3;
 function useEventInvalidation(queryKey, categories) {
 	const system = useSystem();
 	const queryClient = useQueryClient();
@@ -48349,12 +48351,20 @@ function useEventInvalidation(queryKey, categories) {
 	const keyJson = JSON.stringify(queryKey);
 	useEffect(() => {
 		const subs = [];
-		const refresh = () => {
+		let pending = null;
+		const refreshNow = () => {
 			const raw = JSON.parse(keyJson);
 			const queryKeyToInvalidate = raw.length === 1 && Array.isArray(raw[0]) ? raw : [raw];
 			queryClient.invalidateQueries({ queryKey: queryKeyToInvalidate });
 		};
-		refresh();
+		const refresh = () => {
+			if (pending !== null) return;
+			pending = setTimeout(() => {
+				pending = null;
+				refreshNow();
+			}, EVENT_INVALIDATION_COALESCE_MS);
+		};
+		refreshNow();
 		for (const category of key.split("|")) {
 			if (!category) continue;
 			try {
@@ -48362,6 +48372,7 @@ function useEventInvalidation(queryKey, categories) {
 			} catch {}
 		}
 		return () => {
+			if (pending !== null) clearTimeout(pending);
 			for (const unsub of subs) unsub();
 		};
 	}, [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.2.60",
+  "version": "1.2.62",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",