@salesforce/ui-bundle-template-app-react-sample-b2e 11.24.5 → 11.24.7

package/dist/CHANGELOG.md

@@ -3,6 +3,22 @@
 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

package/dist/force-app/main/default/uiBundles/propertymanagementapp/package.json

@@ -18,8 +18,8 @@
     "graphql:schema": "node scripts/get-graphql-schema.mjs"
   },
   "dependencies": {
-    "@salesforce/platform-sdk": "^11.24.5",
-    "@salesforce/ui-bundle": "^11.24.5",
+    "@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",
@@ -46,8 +46,8 @@
     "@graphql-eslint/eslint-plugin": "^4.1.0",
     "@graphql-tools/utils": "^11.0.0",
     "@playwright/test": "^1.49.0",
-    "@salesforce/graphiti": "^11.24.5",
-    "@salesforce/vite-plugin-ui-bundle": "^11.24.5",
+    "@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/propertymanagementapp/src/components/dashboard/MaintenanceTable.tsx

@@ -50,10 +50,10 @@ export const MaintenanceTable: React.FC<MaintenanceTableProps> = ({ requests, lo
 					See All
 				</Button>
 			</div>
-			<div className="space-y-4">
+			<ul className="space-y-4">
 				{loading ? (
 					Array.from({ length: 5 }, (_, i) => (
-						<div key={i} className="flex items-center p-4 bg-gray-50 rounded-lg">
+						<li key={i} className="flex items-center p-4 bg-gray-50 rounded-lg">
 							<Skeleton className="w-12 h-12 rounded-lg shrink-0" />
 							<div className="ml-4 w-64 shrink-0 space-y-2">
 								<Skeleton className="h-4 w-40" />
@@ -66,10 +66,10 @@ export const MaintenanceTable: React.FC<MaintenanceTableProps> = ({ requests, lo
 								<Skeleton className="w-8 h-8 rounded-full shrink-0" />
 								<Skeleton className="h-4 w-24" />
 							</div>
-						</div>
+						</li>
 					))
 				) : requests.length === 0 ? (
-					<div className="text-center py-8 text-gray-500">No maintenance requests</div>
+					<li className="text-center py-8 text-gray-500">No maintenance requests</li>
 				) : (
 					requests.slice(0, 5).map((request) => {
 						const issueType = request.Type__c?.value || "General";
@@ -78,7 +78,7 @@ export const MaintenanceTable: React.FC<MaintenanceTableProps> = ({ requests, lo
 						const tenantName = request.User__r?.Name?.value || "Unknown";
 
 						return (
-							<div
+							<li
 								key={request.Id}
 								className="flex items-center p-4 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors"
 							>
@@ -119,11 +119,11 @@ export const MaintenanceTable: React.FC<MaintenanceTableProps> = ({ requests, lo
 									</div>
 									<span className="text-sm text-gray-700 font-medium truncate">{tenantName}</span>
 								</div>
-							</div>
+							</li>
 						);
 					})
 				)}
-			</div>
+			</ul>
 		</Card>
 	);
 };

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/components/dashboard/StatCard.tsx

@@ -30,7 +30,7 @@ export const StatCard: React.FC<StatCardProps> = ({
 			onClick={onClick}
 		>
 			<div className="space-y-1">
-				<p className="text-sm font-medium text-gray-600 uppercase tracking-wide">{title}</p>
+				<h2 className="text-sm font-medium text-gray-600 uppercase tracking-wide">{title}</h2>
 				{loading ? (
 					<>
 						<div className="flex items-baseline gap-3">

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/components/layout/TopBar.tsx

@@ -20,7 +20,7 @@ export const TopBar: React.FC<TopBarProps> = ({ onMenuClick }) => {
 		loadUserInfo();
 	}, []);
 	return (
-		<div className="bg-[#372949] text-white h-16 flex items-center justify-between px-6">
+		<header className="bg-[#372949] text-white h-16 flex items-center justify-between px-6">
 			{/* Left section - Logo and Menu */}
 			<div className="flex items-center gap-4">
 				<button
@@ -52,6 +52,6 @@ export const TopBar: React.FC<TopBarProps> = ({ onMenuClick }) => {
 					<span className="hidden md:inline font-medium">{userName.toUpperCase()}</span>
 				</div>
 			</div>
-		</div>
+		</header>
 	);
 };

package/dist/force-app/main/default/uiBundles/propertymanagementapp/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/propertymanagementapp/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.5",
+  "version": "11.24.7",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-      "version": "11.24.5",
+      "version": "11.24.7",
       "license": "SEE LICENSE IN LICENSE.txt",
       "dependencies": {
         "fast-xml-parser": "^5.9.3",

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-  "version": "11.24.5",
+  "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-app-react-sample-b2e",
-  "version": "11.24.5",
+  "version": "11.24.7",
   "description": "Salesforce sample property rental React app",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -16,7 +16,7 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@salesforce/ui-bundle": "^11.24.5",
+    "@salesforce/ui-bundle": "^11.24.7",
     "sonner": "^1.7.0"
   },
   "devDependencies": {