@salesforce/webapp-template-app-react-template-b2x-experimental 1.109.5 → 1.109.6

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/pages/Home.tsx

@@ -1,13 +1,12 @@
-import { GlobalSearchInput } from "../features/global-search/components/search/GlobalSearchInput";
-
 export default function Home() {
-	return (
-		<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
-			<div className="text-center">
-				<h1 className="text-4xl font-bold text-gray-900 mb-4">Home</h1>
-				<p className="text-lg text-gray-600 mb-8">Welcome to your React application.</p>
-			</div>
-			<GlobalSearchInput />
-		</div>
-	);
+  return (
+    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+      <div className="text-center">
+        <h1 className="text-4xl font-bold text-gray-900 mb-4">Home</h1>
+        <p className="text-lg text-gray-600 mb-8">
+          Welcome to your React application.
+        </p>
+      </div>
+    </div>
+  );
 }

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/routes.tsx

@@ -1,5 +1,5 @@
 import type { RouteObject } from 'react-router';
-import Home from './pages/Home';
+import Home from './features/object-search/__examples__/pages/Home';
 import NotFound from './pages/NotFound';
 import Login from "./features/authentication/pages/Login";
 import Register from "./features/authentication/pages/Register";
@@ -10,10 +10,8 @@ import ChangePassword from "./features/authentication/pages/ChangePassword";
 import AuthenticationRoute from "./features/authentication/layouts/authenticationRouteLayout";
 import PrivateRoute from "./features/authentication/layouts/privateRouteLayout";
 import { ROUTES } from "./features/authentication/authenticationConfig";
-import GlobalSearch from "./features/global-search/pages/GlobalSearch";
-import DetailPage from "./features/global-search/pages/DetailPage";
-import { Suspense } from "react";
-import LoadingFallback from "./features/global-search/components/shared/LoadingFallback";
+import AccountSearch from "./features/object-search/__examples__/pages/AccountSearch";
+import AccountObjectDetail from "./features/object-search/__examples__/pages/AccountObjectDetailPage";
 import AuthAppLayout from "./features/authentication/layouts/AuthAppLayout";
 
 export const routes: RouteObject[] = [
@@ -24,7 +22,7 @@ export const routes: RouteObject[] = [
       {
         index: true,
         element: <Home />,
-        handle: { showInNavigation: true, label: 'Home' }
+        handle: { showInNavigation: true, label: "Home" }
       },
       {
         path: '*',
@@ -71,22 +69,12 @@ export const routes: RouteObject[] = [
         ]
       },
       {
-        path: "global-search/:query",
-        element: (
-					<Suspense fallback={<LoadingFallback />}>
-						<GlobalSearch />
-					</Suspense>
-				),
-        handle: { showInNavigation: false }
+        path: "accounts/:recordId",
+        element: <AccountObjectDetail />
       },
       {
-        path: "object/:objectApiName/:recordId",
-        element: (
-					<Suspense fallback={<LoadingFallback />}>
-						<DetailPage />
-					</Suspense>
-				),
-        handle: { showInNavigation: false }
+        path: "accounts",
+        element: <AccountSearch />
       }
     ]
   }

package/dist/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "1.109.5",
+  "version": "1.109.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-      "version": "1.109.5",
+      "version": "1.109.6",
       "license": "SEE LICENSE IN LICENSE.txt",
       "devDependencies": {
         "@lwc/eslint-plugin-lwc": "^3.3.0",

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "1.109.5",
+  "version": "1.109.6",
   "description": "Base SFDX project template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "publishConfig": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-app-react-template-b2x-experimental",
-  "version": "1.109.5",
+  "version": "1.109.6",
   "description": "Base reference app template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/features/global-search/api/objectDetailService.ts

@@ -1,102 +0,0 @@
-/**
- * Record detail service: layout (REST), object metadata (GraphQL), single record (GraphQL).
- *
- * getRecordDetail orchestrates layout + objectInfoBatch + getRecordByIdGraphQL for the detail page.
- * Layout is still REST (uiApiClient); record and object info are GraphQL-backed.
- *
- * @module api/objectDetailService
- */
-
-import { uiApiClient } from "@salesforce/webapp-experimental/api";
-import type { LayoutResponse } from "../types/recordDetail/recordDetail";
-import { LayoutResponseSchema } from "../types/recordDetail/recordDetail";
-import { fetchAndValidate, safeEncodePath } from "../utils/apiUtils";
-import { objectInfoService } from "./objectInfoService";
-import type { ObjectInfoResult } from "../types/objectInfo/objectInfo";
-import { getRecordByIdGraphQL, type GraphQLRecordNode } from "./recordListGraphQLService";
-import type { Column } from "../types/search/searchResults";
-import { calculateFieldsToFetch } from "../utils/recordUtils";
-
-/** Fallback when record type is unknown. Prefer recordTypeId from the record (e.g. from search or record response) when available. */
-const DEFAULT_RECORD_TYPE_ID = "012000000000000AAA";
-
-/**
- * Returns field API names to request for a record from the given layout and object metadata.
- * Used to derive GraphQL columns from layout (detail view). Delegates to recordUtils.calculateFieldsToFetch.
- *
- * @param objectMetadata - Object info (fields, relationshipName, etc.).
- * @param layout - Layout response (sections, layoutItems, layoutComponents).
- * @returns Array of field API names (e.g. ["Name", "OwnerId", "Owner", "CreatedDate"]).
- */
-export function extractFieldsFromLayout(
-	objectMetadata: ObjectInfoResult,
-	layout: LayoutResponse,
-): string[] {
-	const [optionalFields] = calculateFieldsToFetch(objectMetadata, layout, false);
-	return optionalFields;
-}
-
-export async function getLayout(
-	objectApiName: string,
-	recordTypeId: string = DEFAULT_RECORD_TYPE_ID,
-): Promise<LayoutResponse> {
-	const params = new URLSearchParams({
-		layoutType: "Full",
-		mode: "View",
-		recordTypeId,
-	});
-	return fetchAndValidate(
-		() => uiApiClient.get(`/layout/${safeEncodePath(objectApiName)}?${params.toString()}`),
-		{
-			schema: LayoutResponseSchema,
-			errorContext: `layout for ${objectApiName}`,
-		},
-	);
-}
-
-export interface RecordDetailResult {
-	layout: LayoutResponse;
-	record: GraphQLRecordNode;
-	objectMetadata: ObjectInfoResult;
-}
-
-/**
- * Converts layout-derived optionalFields (field API names) to Column[] for GraphQL node selection.
- * Uses unqualified names (no entity prefix) so the GraphQL query matches UI API shape.
- * Other Column fields (label, searchable, sortable) are only required by the type; GraphQL selection uses fieldApiName only.
- */
-function optionalFieldsToColumns(optionalFields: string[]): Column[] {
-	return optionalFields.map((fieldApiName) => ({
-		fieldApiName,
-		label: "",
-		searchable: false,
-		sortable: false,
-	}));
-}
-
-export async function getRecordDetail(
-	objectApiName: string,
-	recordId: string,
-	recordTypeId: string = DEFAULT_RECORD_TYPE_ID,
-): Promise<RecordDetailResult> {
-	const layout = await getLayout(objectApiName, recordTypeId);
-	const objectMetadata = await objectInfoService.getObjectInfoBatch(objectApiName);
-	const firstResult = objectMetadata?.results?.[0]?.result;
-	if (!firstResult) {
-		throw new Error(`Object metadata not found for ${objectApiName}`);
-	}
-	// Layout-driven optionalFields (fields shown on the detail layout), not list columns
-	const [optionalFields] = calculateFieldsToFetch(firstResult, layout, false);
-	const columns = optionalFieldsToColumns(optionalFields);
-	const record = await getRecordByIdGraphQL(objectApiName, recordId, columns);
-	if (!record) {
-		throw new Error(`Record not found: ${recordId}`);
-	}
-	return { layout, record, objectMetadata: firstResult };
-}
-
-export const objectDetailService = {
-	extractFieldsFromLayout,
-	getLayout,
-	getRecordDetail,
-};

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/features/global-search/api/objectInfoGraphQLService.ts

@@ -1,137 +0,0 @@
-/**
- * Object metadata GraphQL service (uiapi.objectInfos).
- *
- * Single endpoint for object describe and picklist values. Used by objectInfoService
- * to implement getObjectInfoBatch and getPicklistValues. Not used directly by UI.
- *
- * @module api/objectInfoGraphQLService
- */
-
-import { createDataSDK, gql } from "@salesforce/sdk-data";
-import type {
-	GetObjectInfosQuery,
-	GetObjectInfosQueryVariables,
-	GetPicklistValuesQuery,
-	GetPicklistValuesQueryVariables,
-	ObjectInfoInput,
-} from "../types/schema";
-
-/**
- * Builds objectInfos query (metadata only). Uses apiNames only — do not pass objectInfoInputs.
- */
-const OBJECT_INFOS_QUERY = gql`
-	query GetObjectInfos($apiNames: [String!]!) {
-		uiapi {
-			objectInfos(apiNames: $apiNames) {
-				ApiName
-				label
-				labelPlural
-				nameFields
-				defaultRecordTypeId
-				keyPrefix
-				layoutable
-				queryable
-				searchable
-				updateable
-				deletable
-				createable
-				custom
-				mruEnabled
-				feedEnabled
-				fields {
-					ApiName
-					label
-					dataType
-					relationshipName
-					reference
-					compound
-					compoundFieldName
-					compoundComponentName
-					controllingFields
-					controllerName
-					referenceToInfos {
-						ApiName
-						nameFields
-					}
-				}
-				recordTypeInfos {
-					recordTypeId
-					name
-					master
-					available
-					defaultRecordTypeMapping
-				}
-				themeInfo {
-					color
-					iconUrl
-				}
-				childRelationships {
-					relationshipName
-					fieldName
-					childObjectApiName
-				}
-				dependentFields {
-					controllingField
-				}
-			}
-		}
-	}
-`;
-
-/**
- * Builds objectInfos query with picklist values (API v65.0+).
- * Schema requires objectInfos to be called with either apiNames or objectInfoInputs, not both.
- * This query uses objectInfoInputs only.
- * Optimized to only fetch fields used by extractPicklistValuesFromGraphQLObjectInfo.
- */
-const PICKLIST_VALUES_QUERY = gql`
-	query GetPicklistValues($objectInfoInputs: [ObjectInfoInput!]!) {
-		uiapi {
-			objectInfos(objectInfoInputs: $objectInfoInputs) {
-				ApiName
-				fields {
-					ApiName
-					... on PicklistField {
-						picklistValuesByRecordTypeIDs {
-							recordTypeID
-							defaultValue {
-								value
-							}
-							picklistValues {
-								label
-								value
-								validFor
-							}
-						}
-					}
-				}
-			}
-		}
-	}
-`;
-
-export async function queryForObjectInfos(apiNames: string[]): Promise<GetObjectInfosQuery> {
-	return runQuery<GetObjectInfosQuery, GetObjectInfosQueryVariables>(OBJECT_INFOS_QUERY, {
-		apiNames,
-	});
-}
-
-export async function queryForPicklistValues(
-	objectInfoInputs: ObjectInfoInput[],
-): Promise<GetPicklistValuesQuery> {
-	return runQuery<GetPicklistValuesQuery, GetPicklistValuesQueryVariables>(PICKLIST_VALUES_QUERY, {
-		objectInfoInputs,
-	});
-}
-
-async function runQuery<Q, V>(query: string, variables: V): Promise<Q> {
-	const data = await createDataSDK();
-	const response = await data.graphql?.<Q, V>(query, variables);
-
-	if (response?.errors?.length) {
-		const errorMessages = response.errors.map((e) => e.message).join("; ");
-		throw new Error(`GraphQL Error: ${errorMessages}`);
-	}
-
-	return response?.data ?? ({} as Q);
-}

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/features/global-search/api/objectInfoService.ts

@@ -1,95 +0,0 @@
-import { uiApiClient } from "@salesforce/webapp-experimental/api";
-import type { Filter } from "../types/filters/filters";
-import { FilterArraySchema } from "../types/filters/filters";
-import type { PicklistValue } from "../types/filters/picklist";
-import type { ObjectInfoBatchResponse } from "../types/objectInfo/objectInfo";
-import { fetchAndValidate, safeEncodePath } from "../utils/apiUtils";
-import { queryForObjectInfos, queryForPicklistValues } from "./objectInfoGraphQLService";
-import {
-	graphQLObjectInfosToBatchResponse,
-	extractPicklistValuesFromGraphQLObjectInfo,
-} from "../utils/graphQLObjectInfoAdapter";
-
-/**
- * Object info and search service.
- *
- * - getObjectInfoBatch / getPicklistValues: GraphQL (objectInfoGraphQLService).
- * - getObjectListFilters: REST (search-info).
- * Hooks use this service; components do not call it directly.
- *
- * @module api/objectInfoService
- */
-
-/** Cache key: sorted, comma-joined object API names. */
-function getObjectInfoBatchCacheKey(objectApiNames: string): string {
-	const names = objectApiNames
-		.split(",")
-		.map((s) => s.trim())
-		.filter(Boolean);
-	return [...names].sort().join(",");
-}
-
-const objectInfoBatchCache = new Map<string, ObjectInfoBatchResponse>();
-const objectInfoBatchInFlight = new Map<string, Promise<ObjectInfoBatchResponse>>();
-
-export async function getObjectInfoBatch(objectApiNames: string): Promise<ObjectInfoBatchResponse> {
-	const names = objectApiNames
-		.split(",")
-		.map((s) => s.trim())
-		.filter(Boolean);
-	if (names.length === 0) {
-		return { results: [] };
-	}
-	const key = getObjectInfoBatchCacheKey(objectApiNames);
-	const cached = objectInfoBatchCache.get(key);
-	if (cached) return Promise.resolve(cached);
-	const inFlight = objectInfoBatchInFlight.get(key);
-	if (inFlight) return inFlight;
-	const promise = (async () => {
-		try {
-			const response = await queryForObjectInfos(names);
-			const nodes = response?.uiapi?.objectInfos ?? [];
-			const result = graphQLObjectInfosToBatchResponse(nodes, names);
-			objectInfoBatchCache.set(key, result);
-			return result;
-		} finally {
-			objectInfoBatchInFlight.delete(key);
-		}
-	})();
-	objectInfoBatchInFlight.set(key, promise);
-	return promise;
-}
-
-export async function getObjectListFilters(objectApiName: string): Promise<Filter[]> {
-	return fetchAndValidate(
-		() => uiApiClient.get(`/search-info/${safeEncodePath(objectApiName)}/filters`),
-		{
-			schema: FilterArraySchema,
-			errorContext: `filters for ${objectApiName}`,
-			extractData: (data: unknown) => {
-				if (!data) return [];
-				return Array.isArray(data) ? data : (data as { filters?: unknown }).filters || [];
-			},
-		},
-	);
-}
-
-export async function getPicklistValues(
-	objectApiName: string,
-	fieldName: string,
-	recordTypeId: string = "012000000000000AAA",
-): Promise<PicklistValue[]> {
-	const response = await queryForPicklistValues([
-		{ apiName: objectApiName, fieldNames: [fieldName] },
-	]);
-	const nodes = response?.uiapi?.objectInfos ?? [];
-	const node = nodes[0];
-	if (!node) return [];
-	return extractPicklistValuesFromGraphQLObjectInfo(node, fieldName, recordTypeId);
-}
-
-export const objectInfoService = {
-	getObjectInfoBatch,
-	getObjectListFilters,
-	getPicklistValues,
-};