@salesforce/ui-bundle-template-feature-react-search 11.24.4 → 11.24.7

package/dist/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.24.7](https://github.com/salesforce-experience-platform-emu/webapps/compare/v11.24.6...v11.24.7) (2026-07-14)
+
+**Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project
+
+
+
+
+
+## [11.24.6](https://github.com/salesforce-experience-platform-emu/webapps/compare/v11.24.5...v11.24.6) (2026-07-14)
+
+**Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project
+
+
+
+
+
+## [11.24.5](https://github.com/salesforce-experience-platform-emu/webapps/compare/v11.24.4...v11.24.5) (2026-07-14)
+
+**Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project
+
+
+
+
+
 ## [11.24.4](https://github.com/salesforce-experience-platform-emu/webapps/compare/v11.24.3...v11.24.4) (2026-07-14)
 
 **Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project

package/dist/force-app/main/default/uiBundles/feature-react-search/package.json

@@ -18,8 +18,8 @@
     "graphql:schema": "node scripts/get-graphql-schema.mjs"
   },
   "dependencies": {
-    "@salesforce/platform-sdk": "^11.24.4",
-    "@salesforce/ui-bundle": "^11.24.4",
+    "@salesforce/platform-sdk": "^11.24.7",
+    "@salesforce/ui-bundle": "^11.24.7",
     "@tailwindcss/vite": "^4.1.17",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -44,8 +44,8 @@
     "@graphql-eslint/eslint-plugin": "^4.1.0",
     "@graphql-tools/utils": "^11.0.0",
     "@playwright/test": "^1.49.0",
-    "@salesforce/graphiti": "^11.24.4",
-    "@salesforce/vite-plugin-ui-bundle": "^11.24.4",
+    "@salesforce/graphiti": "^11.24.7",
+    "@salesforce/vite-plugin-ui-bundle": "^11.24.7",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",

package/dist/force-app/main/default/uiBundles/feature-react-search/src/features/search/components/MergedSearchResults.tsx

@@ -108,8 +108,22 @@ export function MergedSearchResults({
 
 	const skeletons = skeletonCount ?? page.pageSize;
 
+	// Persistent, always-mounted live region: screen readers announce result
+	// updates (searching → count → empty → error) without an Enter keypress.
+	const liveMessage = loading
+		? "Searching…"
+		: error
+			? "Search failed."
+			: mergedResults.length === 0
+				? (emptyMessage ?? "No results found.")
+				: `${page.totalCount} result${page.totalCount === 1 ? "" : "s"}`;
+
 	return (
 		<div className={`space-y-6 ${className ?? ""}`}>
+			<p className="sr-only" role="status" aria-live="polite">
+				{liveMessage}
+			</p>
+
 			{soleController && <SingleSourceChrome controller={soleController} />}
 
 			{error && (
@@ -123,7 +137,7 @@ export function MergedSearchResults({
 			{/* Results count — its own row, directly above the grid, in every scope.
 			    Hidden when there are none (the empty state covers that case). */}
 			{!loading && !error && page.totalCount > 0 && (
-				<p className="text-sm text-muted-foreground" role="status">
+				<p className="text-sm text-muted-foreground">
 					{page.totalCount} result{page.totalCount === 1 ? "" : "s"}
 				</p>
 			)}
@@ -139,7 +153,7 @@ export function MergedSearchResults({
 					{emptyMessage ?? "No results found."}
 				</p>
 			) : (
-				<div className={gridClassName}>
+				<ul className={gridClassName}>
 					{mergedResults.map(({ sourceKey, node }, i) => {
 						const override = renderResult?.[sourceKey];
 						if (override === false) return null;
@@ -157,16 +171,16 @@ export function MergedSearchResults({
 								/>
 							) : null;
 						return (
-							<div
+							<li
 								key={getItemKey(sourceKey, node, i)}
 								className="flex flex-col gap-1.5 [&>:last-child]:min-h-0 [&>:last-child]:flex-1"
 							>
 								{badge}
 								{rendered}
-							</div>
+							</li>
 						);
 					})}
-				</div>
+				</ul>
 			)}
 
 			{page.totalCount > 0 && (

package/dist/force-app/main/default/uiBundles/feature-react-search/src/features/search/components/SourceSection.tsx

@@ -58,8 +58,24 @@ export function SourceSection({
 	const showActiveChips = !hideFilterChrome && filters.active.length > 0;
 	const showSortControl = !hideFilterChrome && (config.sortBy?.length ?? 0) > 0;
 
+	// Persistent, always-mounted live region: screen readers announce result
+	// updates (searching → count → empty → error) without an Enter keypress.
+	const liveMessage = loading
+		? "Searching…"
+		: error
+			? `Failed to load ${config.label}.`
+			: showEmpty
+				? (emptyMessage ?? `No ${config.label.toLowerCase()} found.`)
+				: totalCount != null
+					? `${config.label}: ${totalCount} ${totalCount === 1 ? "result" : "results"}`
+					: "";
+
 	return (
 		<section className={`flex flex-col gap-6 ${className ?? ""}`}>
+			<p className="sr-only" role="status" aria-live="polite">
+				{liveMessage}
+			</p>
+
 			{showFilterPanel && (
 				<FilterProvider
 					filters={filters.active}

package/dist/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-  "version": "11.24.4",
+  "version": "11.24.7",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-      "version": "11.24.4",
+      "version": "11.24.7",
       "license": "SEE LICENSE IN LICENSE.txt",
       "dependencies": {
         "fast-xml-parser": "^5.9.3",
@@ -9964,9 +9964,9 @@
       "license": "ISC"
     },
     "node_modules/yaml": {
-      "version": "2.8.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.2.tgz",
-      "integrity": "sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==",
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
+      "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
       "dev": true,
       "license": "ISC",
       "bin": {

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-  "version": "11.24.4",
+  "version": "11.24.7",
   "description": "Base SFDX project template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "publishConfig": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/ui-bundle-template-feature-react-search",
-  "version": "11.24.4",
+  "version": "11.24.7",
   "description": "[Beta] Configuration-driven multi-source search for UI Bundles",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",

package/src/force-app/main/default/uiBundles/feature-react-search/src/features/search/components/MergedSearchResults.tsx

@@ -108,8 +108,22 @@ export function MergedSearchResults({
 
 	const skeletons = skeletonCount ?? page.pageSize;
 
+	// Persistent, always-mounted live region: screen readers announce result
+	// updates (searching → count → empty → error) without an Enter keypress.
+	const liveMessage = loading
+		? "Searching…"
+		: error
+			? "Search failed."
+			: mergedResults.length === 0
+				? (emptyMessage ?? "No results found.")
+				: `${page.totalCount} result${page.totalCount === 1 ? "" : "s"}`;
+
 	return (
 		<div className={`space-y-6 ${className ?? ""}`}>
+			<p className="sr-only" role="status" aria-live="polite">
+				{liveMessage}
+			</p>
+
 			{soleController && <SingleSourceChrome controller={soleController} />}
 
 			{error && (
@@ -123,7 +137,7 @@ export function MergedSearchResults({
 			{/* Results count — its own row, directly above the grid, in every scope.
 			    Hidden when there are none (the empty state covers that case). */}
 			{!loading && !error && page.totalCount > 0 && (
-				<p className="text-sm text-muted-foreground" role="status">
+				<p className="text-sm text-muted-foreground">
 					{page.totalCount} result{page.totalCount === 1 ? "" : "s"}
 				</p>
 			)}
@@ -139,7 +153,7 @@ export function MergedSearchResults({
 					{emptyMessage ?? "No results found."}
 				</p>
 			) : (
-				<div className={gridClassName}>
+				<ul className={gridClassName}>
 					{mergedResults.map(({ sourceKey, node }, i) => {
 						const override = renderResult?.[sourceKey];
 						if (override === false) return null;
@@ -157,16 +171,16 @@ export function MergedSearchResults({
 								/>
 							) : null;
 						return (
-							<div
+							<li
 								key={getItemKey(sourceKey, node, i)}
 								className="flex flex-col gap-1.5 [&>:last-child]:min-h-0 [&>:last-child]:flex-1"
 							>
 								{badge}
 								{rendered}
-							</div>
+							</li>
 						);
 					})}
-				</div>
+				</ul>
 			)}
 
 			{page.totalCount > 0 && (

package/src/force-app/main/default/uiBundles/feature-react-search/src/features/search/components/SourceSection.tsx

@@ -58,8 +58,24 @@ export function SourceSection({
 	const showActiveChips = !hideFilterChrome && filters.active.length > 0;
 	const showSortControl = !hideFilterChrome && (config.sortBy?.length ?? 0) > 0;
 
+	// Persistent, always-mounted live region: screen readers announce result
+	// updates (searching → count → empty → error) without an Enter keypress.
+	const liveMessage = loading
+		? "Searching…"
+		: error
+			? `Failed to load ${config.label}.`
+			: showEmpty
+				? (emptyMessage ?? `No ${config.label.toLowerCase()} found.`)
+				: totalCount != null
+					? `${config.label}: ${totalCount} ${totalCount === 1 ? "result" : "results"}`
+					: "";
+
 	return (
 		<section className={`flex flex-col gap-6 ${className ?? ""}`}>
+			<p className="sr-only" role="status" aria-live="polite">
+				{liveMessage}
+			</p>
+
 			{showFilterPanel && (
 				<FilterProvider
 					filters={filters.active}