@salesforce/ui-bundle-template-app-react-template-b2x 12.3.4 → 12.3.6

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.
 
+## [12.3.6](https://github.com/salesforce-experience-platform-emu/webapps/compare/v12.3.5...v12.3.6) (2026-09-01)
+
+**Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project
+
+
+
+
+
+## [12.3.5](https://github.com/salesforce-experience-platform-emu/webapps/compare/v12.3.4...v12.3.5) (2026-09-01)
+
+**Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project
+
+
+
+
+
 ## [12.3.4](https://github.com/salesforce-experience-platform-emu/webapps/compare/v12.3.3...v12.3.4) (2026-09-01)
 
 **Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project

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

@@ -19,8 +19,8 @@
     "graphql:schema": "node scripts/get-graphql-schema.mjs"
   },
   "dependencies": {
-    "@salesforce/platform-sdk": "^12.3.4",
-    "@salesforce/ui-bundle": "^12.3.4",
+    "@salesforce/platform-sdk": "^12.3.6",
+    "@salesforce/ui-bundle": "^12.3.6",
     "@tailwindcss/vite": "^4.1.17",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -47,8 +47,8 @@
     "@graphql-eslint/eslint-plugin": "^4.1.0",
     "@graphql-tools/utils": "^11.0.0",
     "@playwright/test": "^1.49.0",
-    "@salesforce/graphiti": "^12.3.4",
-    "@salesforce/vite-plugin-ui-bundle": "^12.3.4",
+    "@salesforce/graphiti": "^12.3.6",
+    "@salesforce/vite-plugin-ui-bundle": "^12.3.6",
     "@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/reactexternalapp/src/appLayout.tsx

@@ -1,6 +1,6 @@
 import { Outlet, Link, useLocation } from "react-router";
 import { getAllRoutes } from "./router-utils";
-import { useId, useState } from "react";
+import { useEffect, useId, useRef, useState } from "react";
 import { AuthMenu } from "./features/authentication/menu/AuthMenu";
 import { Button } from "./components/ui/button";
 import CustomerWebClientChat from "./components/CustomerWebClientChat";
@@ -9,6 +9,20 @@ export default function AppLayout() {
 	const [isOpen, setIsOpen] = useState(false);
 	const location = useLocation();
 	const navId = useId();
+	const outletWrapperRef = useRef<HTMLDivElement>(null);
+	const previousPathname = useRef<string | null>(null);
+
+	useEffect(() => {
+		if (previousPathname.current !== null && previousPathname.current !== location.pathname) {
+			const wrapper = outletWrapperRef.current;
+			const target = wrapper?.querySelector<HTMLElement>("h1, main, [role='main']") ?? wrapper;
+			if (target) {
+				if (!target.hasAttribute("tabindex")) target.setAttribute("tabindex", "-1");
+				target.focus();
+			}
+		}
+		previousPathname.current = location.pathname;
+	}, [location.pathname]);
 
 	const isActive = (path: string) => location.pathname === path;
 
@@ -31,6 +45,20 @@ export default function AppLayout() {
 
 	return (
 		<>
+			<a
+				href="#main-content"
+				onClick={(e) => {
+					e.preventDefault();
+					const content = outletWrapperRef.current;
+					if (content) {
+						if (!content.hasAttribute("tabindex")) content.setAttribute("tabindex", "-1");
+						content.focus();
+					}
+				}}
+				className="sr-only focus:not-sr-only focus:absolute focus:z-50 focus:top-2 focus:left-2 focus:rounded-md focus:bg-white focus:px-4 focus:py-2 focus:text-gray-900 focus:shadow focus:ring-2 focus:ring-gray-900"
+			>
+				Skip to main content
+			</a>
 			<nav className="bg-white border-b border-gray-200">
 				<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 					<div className="flex justify-between items-center h-16">
@@ -88,7 +116,9 @@ export default function AppLayout() {
 					</div>
 				</div>
 			</nav>
-			<Outlet />
+			<div id="main-content" ref={outletWrapperRef}>
+				<Outlet />
+			</div>
 			<CustomerWebClientChat
 				orgId="<ORG_ID_15_OR_18_CHAR_00D...>"
 				deploymentName="<EMBEDDED_SERVICE_DEPLOYMENT_NAME>"

package/dist/force-app/main/default/uiBundles/reactexternalapp/src/pages/AccountObjectDetailPage.tsx

@@ -83,8 +83,17 @@ export default function AccountObjectDetail() {
 		error,
 	} = useAsyncData(() => fetchAccountDetail(recordId!), [recordId]);
 
+	const pageTitle = account
+		? `${fieldValue(account.Name) ?? "Account"} | MyApp`
+		: error
+			? "Error | MyApp"
+			: loading
+				? "Loading Account | MyApp"
+				: "Account Not Found | MyApp";
+
 	return (
 		<main className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
+			<title>{pageTitle}</title>
 			{/* Loading state */}
 			{loading && <AccountDetailSkeleton />}
 
@@ -240,7 +249,11 @@ function Section({ title, children }: { title: string; children: React.ReactNode
 		<Collapsible open={open} onOpenChange={setOpen}>
 			<h2>
 				<CollapsibleTrigger className="flex items-center gap-2 cursor-pointer text-lg font-semibold py-2">
-					{open ? <ChevronDown className="size-5" /> : <ChevronRight className="size-5" />}
+					{open ? (
+						<ChevronDown aria-hidden="true" className="size-5" />
+					) : (
+						<ChevronRight aria-hidden="true" className="size-5" />
+					)}
 					{title}
 				</CollapsibleTrigger>
 			</h2>
@@ -294,7 +307,8 @@ function AccountDetailNotFound({ onBack }: { onBack: () => void }) {
 
 function AccountDetailSkeleton() {
 	return (
-		<>
+		<div role="status" aria-live="polite">
+			<span className="sr-only">Loading account…</span>
 			<Skeleton className="h-8 w-56 mb-4" />
 
 			<Card>
@@ -343,7 +357,7 @@ function AccountDetailSkeleton() {
 					</div>
 				</CardContent>
 			</Card>
-		</>
+		</div>
 	);
 }
 

package/dist/force-app/main/default/uiBundles/reactexternalapp/src/pages/Home.tsx

@@ -2,9 +2,10 @@ import { GlobalSearchBox } from "../features/search";
 
 export default function HomePage() {
 	return (
-		<div className="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+		<main className="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+			<title>Home | MyApp</title>
 			<h1 className="text-2xl font-bold mb-6">Home</h1>
 			<GlobalSearchBox placeholder="Search accounts, contacts, opportunities..." />
-		</div>
+		</main>
 	);
 }

package/dist/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-  "version": "12.3.4",
+  "version": "12.3.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-      "version": "12.3.4",
+      "version": "12.3.6",
       "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": "12.3.4",
+  "version": "12.3.6",
   "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-template-b2x",
-  "version": "12.3.4",
+  "version": "12.3.6",
   "description": "Salesforce React external app template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",