@salesforcedevs/dx-components 1.28.7-alpha.11 → 1.28.7-alpha.13

package/lwc.config.json

@@ -127,7 +127,7 @@
         "dxUtils/analytics",
         "dxUtils/async",
         "dxUtils/constants",
-        "dxUtils/dataCloudSearch",
+        "dxUtils/data360Search",
         "dxUtils/contentTypes",
         "dxUtils/coveo",
         "dxUtils/dates",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.28.7-alpha.11",
+    "version": "1.28.7-alpha.13",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -44,5 +44,5 @@
         "luxon": "3.4.4",
         "msw": "^2.12.4"
     },
-    "gitHead": "1117b067f08b4b59779429c7d50fabee1c0f060b"
+    "gitHead": "30013174e0eb18a3bc89e854eaf505dc33d1089b"
 }

package/src/modules/dx/searchResults/searchResults.ts

@@ -2,10 +2,10 @@ import { LightningElement, api, track } from "lwc";
 import debounce from "debounce";
 import { track as trackGTM } from "dxUtils/analytics";
 import {
-    type DataCloudSearchResultItem,
+    type Data360SearchResultItem,
     fetchSearch,
     getQueryFromUrl
-} from "dxUtils/dataCloudSearch";
+} from "dxUtils/data360Search";
 
 const SEARCH_DEBOUNCE_DELAY = 400;
 
@@ -99,12 +99,12 @@ export default class SearchResults extends LightningElement {
         try {
             const raw = await fetchSearch(query);
             this.results = raw.map(
-                (item: DataCloudSearchResultItem, index: number) =>
+                (item: Data360SearchResultItem, index: number) =>
                     this.normalizeResult(item, index)
             );
             this.trackSearchResultsOnce(query, this.results.length);
         } catch (err) {
-            console.error("Data Cloud Search request failed", err);
+            console.error("Data 360 Search request failed", err);
             this.results = [];
         } finally {
             this.isLoading = false;
@@ -116,7 +116,7 @@ export default class SearchResults extends LightningElement {
     }, SEARCH_DEBOUNCE_DELAY);
 
     private normalizeResult(
-        item: DataCloudSearchResultItem,
+        item: Data360SearchResultItem,
         index: number
     ): SearchResultDisplay {
         const href = item.url ?? "";

package/src/modules/dx/sidebarSearch/sidebarSearch.ts

@@ -1,11 +1,13 @@
 import { LightningElement, api } from "lwc";
 import debounce from "debounce";
 import {
-    type DataCloudSearchResultItem,
+    type Data360SearchResultItem,
     fetchSearch
-} from "dxUtils/dataCloudSearch";
+} from "dxUtils/data360Search";
+import { createSearchRegExp } from "dxUtils/regexps";
 import { RecentSearches } from "dxUtils/recentSearches";
 import {
+    type HighlightedSections,
     Option,
     PopoverRequestCloseType,
     SidebarSearchResult
@@ -13,6 +15,27 @@ import {
 
 const SEARCH_DEBOUNCE_DELAY = 1200;
 
+/**
+ * Find all matches of the search query in text and return ranges for highlighting.
+ * Uses the same regex as the full-doc highlighter (createSearchRegExp) so sidebar
+ * and doc highlight the same phrases (including spaces between words).
+ */
+function getHighlightRanges(
+    text: string,
+    searchQuery: string
+): HighlightedSections {
+    if (!text || !searchQuery.trim()) {
+        return [];
+    }
+    const re = createSearchRegExp(searchQuery.trim());
+    const ranges: HighlightedSections = [];
+    let match: RegExpExecArray | null;
+    while ((match = re.exec(text)) !== null) {
+        ranges.push({ offset: match.index, length: match[0].length });
+    }
+    return ranges;
+}
+
 const UserRecentSearches = new RecentSearches();
 
 const getSearchQueryParam = (): string =>
@@ -21,7 +44,7 @@ const getSearchQueryParam = (): string =>
 export default class SidebarSearch extends LightningElement {
     @api
     public fetchMoreResults() {
-        // Data Cloud Search API does not expose pagination in the same way; no-op
+        // Data 360 Search API does not expose pagination in the same way; no-op
     }
 
     @api
@@ -41,7 +64,7 @@ export default class SidebarSearch extends LightningElement {
     private recentSearches: Option[] = [];
     private value: string = "";
     private didRender = false;
-    private dataCloudSearchInitialized: boolean = false;
+    private data360SearchInitialized: boolean = false;
 
     private get isDropdownOpen() {
         return (
@@ -58,8 +81,8 @@ export default class SidebarSearch extends LightningElement {
     }
 
     renderedCallback() {
-        if (!this.dataCloudSearchInitialized) {
-            this.dataCloudSearchInitialized = true;
+        if (!this.data360SearchInitialized) {
+            this.data360SearchInitialized = true;
             if (this.value) {
                 // Page load with ?q= in URL: run search so results and loading state resolve
                 if (!this.didRender) {
@@ -78,7 +101,7 @@ export default class SidebarSearch extends LightningElement {
     }
 
     private normalizeDataCloudResult = (
-        item: DataCloudSearchResultItem,
+        item: Data360SearchResultItem,
         index: number
     ): SidebarSearchResult => {
         const href = item.url ?? "";
@@ -87,11 +110,14 @@ export default class SidebarSearch extends LightningElement {
             : href;
         const isSelected =
             !!resultPath && resultPath === window.location.pathname;
+        const title = item.title ?? "";
+        const excerpt = item.matchedText ?? "";
+        const searchQuery = this.value.trim();
         return {
-            title: item.title ?? "",
-            titleHighlights: [],
-            excerpt: item.matchedText ?? "",
-            excerptHighlights: [],
+            title,
+            titleHighlights: getHighlightRanges(title, searchQuery),
+            excerpt,
+            excerptHighlights: getHighlightRanges(excerpt, searchQuery),
             uniqueId: href || `result-${index}`,
             href,
             selected: isSelected,
@@ -107,7 +133,7 @@ export default class SidebarSearch extends LightningElement {
             );
             this.dispatchChange(results);
         } catch (err) {
-            console.error("Data Cloud Search request failed", err);
+            console.error("Data 360 Search request failed", err);
             this.dispatchChange([]);
         } finally {
             this.dispatchOnLoading(false);

package/src/modules/dx/sidebarSearchResult/sidebarSearchResult.css

@@ -58,7 +58,9 @@ a {
     color: var(--dx-g-blue-vibrant-50);
 }
 
+/* Match full-doc search highlight: light yellow from dx-css-variables */
 .bold {
+    background-color: var(--dx-g-yellow-vibrant-90);
     font-weight: 700;
 }
 

package/src/modules/dxUtils/{dataCloudSearch/dataCloudSearch.ts → data360Search/data360Search.ts}

@@ -1,21 +1,21 @@
 /**
- * Data Cloud search API – shared endpoints and helpers for sidebar search,
+ * Data 360 search API – shared endpoints and helpers for sidebar search,
  * search results page, and has-results check.
  */
 
-export const DATA_CLOUD_SEARCH_PATH = "/data-cloud-search/search";
-export const DATA_CLOUD_HAS_RESULTS_PATH = "/data-cloud-search/has-results";
-export const DATA_CLOUD_SEARCH_ORIGIN = "https://developer.salesforce.com";
+export const DATA_360_SEARCH_PATH = "/data-360-search/search";
+export const DATA_360_HAS_RESULTS_PATH = "/data-360-search/has-results";
+export const DATA_360_SEARCH_ORIGIN = "https://developer.salesforce.com";
 
-/** Data Cloud Search API result item (title, url, matchedText) */
-export interface DataCloudSearchResultItem {
+/** Data 360 Search API result item (title, url, matchedText) */
+export interface Data360SearchResultItem {
     title?: string;
     url?: string;
     matchedText?: string;
 }
 
 export function getBaseUrlPath(): string {
-    const url = DATA_CLOUD_SEARCH_ORIGIN + window.location.pathname;
+    const url = DATA_360_SEARCH_ORIGIN + window.location.pathname;
     const lastSlash = url.lastIndexOf("/");
     return lastSlash > 0 ? url.substring(0, lastSlash) : url;
 }
@@ -53,11 +53,11 @@ export function getQueryFromUrl(): string {
 
 /**
  * Quick check if the current page has searchable results.
- * Only when this returns true should the Data Cloud sidebar be shown.
+ * Only when this returns true should the Data 360 sidebar be shown.
  */
 export async function fetchHasResults(): Promise<boolean> {
     try {
-        const res = await fetch(DATA_CLOUD_HAS_RESULTS_PATH, {
+        const res = await fetch(DATA_360_HAS_RESULTS_PATH, {
             method: "POST",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify({ baseUrlPath: getBaseUrlPath() })
@@ -73,16 +73,16 @@ export async function fetchHasResults(): Promise<boolean> {
 }
 
 /**
- * Run a Data Cloud search. Returns the raw result items; callers normalize for UI.
+ * Run a Data 360 search. Returns the raw result items; callers normalize for UI.
  */
 export async function fetchSearch(
     searchQuery: string
-): Promise<DataCloudSearchResultItem[]> {
+): Promise<Data360SearchResultItem[]> {
     const query = searchQuery.trim();
     if (!query) {
         return [];
     }
-    const res = await fetch(DATA_CLOUD_SEARCH_PATH, {
+    const res = await fetch(DATA_360_SEARCH_PATH, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({