@salesforce/webapp-template-app-react-template-b2e-experimental 1.107.2 → 1.107.3

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/features/global-search/components/search/SearchResultCard.tsx

@@ -23,6 +23,7 @@
  * />
  * ```
  */
+import React from "react";
 import { useNavigate } from "react-router";
 import { useMemo, useCallback } from "react";
 import {
@@ -49,26 +50,24 @@ export default function SearchResultCard({
 }: SearchResultCardProps) {
 	const navigate = useNavigate();
 
-	if (!record || !record.id) {
-		return null;
-	}
-
-	if (!columns || !Array.isArray(columns) || columns.length === 0) {
-		return null;
-	}
-
-	if (!record.fields || typeof record.fields !== "object") {
-		return null;
-	}
+	const validColumns = useMemo(
+		() => (columns && Array.isArray(columns) && columns.length > 0 ? columns : []),
+		[columns],
+	);
+	const validRecord =
+		record?.id && record?.fields && typeof record.fields === "object" ? record : null;
 
 	const detailPath = useMemo(
-		() => `/object/${objectApiName?.trim() || OBJECT_API_NAMES[0]}/${record.id}`,
-		[record.id, objectApiName],
+		() =>
+			validRecord
+				? `/object/${objectApiName?.trim() || OBJECT_API_NAMES[0]}/${validRecord.id}`
+				: "",
+		[validRecord, objectApiName],
 	);
 
 	const handleClick = useCallback(() => {
-		if (record.id) navigate(detailPath);
-	}, [record.id, detailPath, navigate]);
+		if (validRecord?.id) navigate(detailPath);
+	}, [validRecord?.id, detailPath, navigate]);
 
 	const handleKeyDown = useCallback(
 		(e: React.KeyboardEvent) => {
@@ -82,29 +81,32 @@ export default function SearchResultCard({
 
 	const primaryField = useMemo(() => {
 		return (
-			columns.find(
+			validColumns.find(
 				(col) =>
 					col &&
 					col.fieldApiName &&
 					(col.fieldApiName.toLowerCase() === "name" ||
 						col.fieldApiName.toLowerCase().includes("name")),
 			) ||
-			columns[0] ||
+			validColumns[0] ||
 			null
 		);
-	}, [columns]);
+	}, [validColumns]);
 
 	const primaryValue = useMemo(() => {
-		return primaryField && primaryField.fieldApiName
-			? getNestedFieldValue(record.fields, primaryField.fieldApiName) || "Untitled"
+		return primaryField && primaryField.fieldApiName && validRecord?.fields
+			? getNestedFieldValue(validRecord.fields, primaryField.fieldApiName) || "Untitled"
 			: "Untitled";
-	}, [primaryField, record.fields]);
+	}, [primaryField, validRecord]);
 
 	const secondaryColumns = useMemo(() => {
-		return columns.filter(
+		return validColumns.filter(
 			(col) => col && col.fieldApiName && col.fieldApiName !== primaryField?.fieldApiName,
 		);
-	}, [columns, primaryField]);
+	}, [validColumns, primaryField]);
+
+	if (!validRecord) return null;
+	if (validColumns.length === 0) return null;
 
 	return (
 		<Card
@@ -114,19 +116,19 @@ export default function SearchResultCard({
 			role="button"
 			tabIndex={0}
 			aria-label={`View details for ${primaryValue}`}
-			aria-describedby={`result-${record.id}-description`}
+			aria-describedby={`result-${validRecord.id}-description`}
 		>
 			<CardHeader>
-				<CardTitle className="text-lg" id={`result-${record.id}-title`}>
+				<CardTitle className="text-lg" id={`result-${validRecord.id}-title`}>
 					{primaryValue}
 				</CardTitle>
 			</CardHeader>
 			<CardContent>
-				<div id={`result-${record.id}-description`} className="sr-only">
+				<div id={`result-${validRecord.id}-description`} className="sr-only">
 					Search result: {primaryValue}
 				</div>
 				<ResultCardFields
-					record={record}
+					record={validRecord}
 					columns={secondaryColumns}
 					excludeFieldApiName={primaryField?.fieldApiName}
 				/>

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/features/global-search/hooks/form.tsx

@@ -1,4 +1,4 @@
-import { useId } from "react";
+import React, { useId } from "react";
 import { createFormHookContexts, createFormHook } from "@tanstack/react-form";
 import {
 	Field,

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/features/global-search/hooks/useObjectInfoBatch.ts

@@ -35,10 +35,10 @@ export function useObjectInfoBatch(objectApiNames: string[]): UseObjectInfoBatch
 		isCancelled.current = false;
 		const names = objectApiNames.filter(Boolean);
 		if (names.length === 0) {
-			setState({ objectInfos: [], loading: false, error: null });
+			queueMicrotask(() => setState({ objectInfos: [], loading: false, error: null }));
 			return;
 		}
-		setState((s) => ({ ...s, loading: true, error: null }));
+		queueMicrotask(() => setState((s) => ({ ...s, loading: true, error: null })));
 		objectInfoService
 			.getObjectInfoBatch(names.join(","))
 			.then((res) => {
@@ -59,7 +59,7 @@ export function useObjectInfoBatch(objectApiNames: string[]): UseObjectInfoBatch
 		return () => {
 			isCancelled.current = true;
 		};
-	}, [objectApiNames.join(",")]);
+	}, [objectApiNames]);
 
 	return state;
 }

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/features/global-search/hooks/useObjectSearchData.ts

@@ -85,14 +85,14 @@ export function useObjectListMetadata(objectApiName: string | null): ObjectListM
 
 	useEffect(() => {
 		if (!objectApiName) {
-			setState((s) => ({ ...s, loading: false, error: "Invalid object" }));
+			queueMicrotask(() => setState((s) => ({ ...s, loading: false, error: "Invalid object" })));
 			return;
 		}
 
 		let isCancelled = false;
 
 		const run = async () => {
-			setState((s) => ({ ...s, loading: true, error: null }));
+			queueMicrotask(() => setState((s) => ({ ...s, loading: true, error: null })));
 			try {
 				const filters = await getSharedFilters(objectApiName!);
 				if (isCancelled) return;
@@ -119,7 +119,7 @@ export function useObjectListMetadata(objectApiName: string | null): ObjectListM
 					loading: false,
 					error: null,
 				});
-			} catch (err) {
+			} catch {
 				if (isCancelled) return;
 				setState((s) => ({
 					...s,

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/features/global-search/hooks/useRecordDetailLayout.ts

@@ -110,7 +110,7 @@ export function useRecordDetailLayout({
 				setLayout(layoutData);
 				setRecord(recordData);
 				setObjectMetadata(objectMetadataData);
-			} catch (err) {
+			} catch {
 				if (isCancelled) return;
 				setError("Failed to load record details");
 			} finally {

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/features/global-search/hooks/useRecordListGraphQL.ts

@@ -115,7 +115,7 @@ export function useRecordListGraphQL(
 	useEffect(() => {
 		if (!objectApiName || columnsLoading || columnsError) return;
 		if (columns.length === 0 && !columnsLoading) return;
-		fetchRecords();
+		queueMicrotask(() => fetchRecords());
 	}, [objectApiName, columns, columnsLoading, columnsError, fetchRecords]);
 
 	const objectData = data?.uiapi?.query?.[objectApiName];

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/features/global-search/pages/GlobalSearch.tsx

@@ -46,7 +46,7 @@ export default function GlobalSearch() {
 		if (!query) return "";
 		try {
 			return decodeURIComponent(query);
-		} catch (e) {
+		} catch {
 			return query;
 		}
 	}, [query]);
@@ -56,9 +56,11 @@ export default function GlobalSearch() {
 
 	// Reset pagination when the URL search query changes so we don't use an old cursor with a new result set
 	useEffect(() => {
-		setAfterCursor(null);
-		setPageIndex(0);
-		setCursorStack([null]);
+		queueMicrotask(() => {
+			setAfterCursor(null);
+			setPageIndex(0);
+			setCursorStack([null]);
+		});
 	}, [query]);
 
 	const listMeta = useObjectListMetadata(objectApiName);
@@ -87,10 +89,12 @@ export default function GlobalSearch() {
 		if (resultsLoading) return;
 		const cursor = pageInfo?.endCursor ?? null;
 		if (cursor == null) return;
-		setCursorStack((prev) => {
-			const next = [...prev];
-			next[pageIndex + 1] = cursor;
-			return next;
+		queueMicrotask(() => {
+			setCursorStack((prev) => {
+				const next = [...prev];
+				next[pageIndex + 1] = cursor;
+				return next;
+			});
 		});
 	}, [resultsLoading, pageInfo?.endCursor, pageIndex]);
 
@@ -116,8 +120,10 @@ export default function GlobalSearch() {
 
 	const cursorStackRef = useRef(cursorStack);
 	const pageIndexRef = useRef(pageIndex);
-	cursorStackRef.current = cursorStack;
-	pageIndexRef.current = pageIndex;
+	useEffect(() => {
+		cursorStackRef.current = cursorStack;
+		pageIndexRef.current = pageIndex;
+	}, [cursorStack, pageIndex]);
 
 	const canRenderFilters =
 		!listMeta.loading && listMeta.filters !== undefined && listMeta.picklistValues !== undefined;

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/features/global-search/types/filters/filters.ts

@@ -108,8 +108,8 @@ export type FilterCriteria = z.infer<typeof FilterCriteriaSchema>;
 // Export schema for validation
 export const FilterCriteriaArraySchema = z.array(FilterCriteriaSchema);
 
-// Zod Schema for Filters Response
-const FiltersResponseSchema = z.record(z.string(), z.unknown()).and(
+// Zod Schema for Filters Response (used for type inference via z.infer)
+export const FiltersResponseSchema = z.record(z.string(), z.unknown()).and(
 	z.object({
 		filters: FilterArraySchema.optional(),
 	}),

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/features/global-search/utils/debounce.ts

@@ -57,6 +57,7 @@ export function debounce<T extends (...args: any[]) => any>(
 	let lastArgs: Parameters<T> | null = null;
 	function debounced(this: ThisParameterType<T>, ...args: Parameters<T>) {
 		// 2. Context Safety: Capture 'this' to support class methods
+		// eslint-disable-next-line @typescript-eslint/no-this-alias -- required for debouncing class methods
 		lastContext = this;
 		lastArgs = args;
 		if (timeoutId) {

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/features/global-search/utils/sanitizationUtils.ts

@@ -43,6 +43,7 @@ export function sanitizeFilterValue(value: string, maxLength: number = 1000): st
 		sanitized = sanitized.substring(0, maxLength);
 	}
 
+	// eslint-disable-next-line no-control-regex -- intentionally matching control chars for sanitization
 	sanitized = sanitized.replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\x7F]/g, "");
 
 	return sanitized;

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/tsconfig.json

@@ -31,6 +31,12 @@
       "@assets/*": ["./src/assets/*"]
     }
   },
-  "include": ["src", "vite-env.d.ts", "vitest-env.d.ts"],
+  "include": [
+    "src",
+    "e2e",
+    "vite-env.d.ts",
+    "vitest-env.d.ts",
+    "vitest.setup.ts"
+  ],
   "references": [{ "path": "./tsconfig.node.json" }]
 }