@salesforcedevs/dx-components 0.24.1 → 0.25.2-alpha.30

package/src/modules/dx/iconBadge/__tests__/iconBadge.test.ts

@@ -1,5 +1,5 @@
 import IconBadge from "dx/iconBadge";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-icon-badge";
 const render = createRenderComponent(TAG, IconBadge);

package/src/modules/dx/iconBadge/iconBadge.ts

@@ -1,7 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { IconSprite, IconSymbol, IconBadgeShape } from "typings/custom";
-import { toDxColor } from "utils/css";
+import { toDxColor } from "utils-internal/css";
 
 const validShapes = ["square", "circle"];
 

package/src/modules/dx/imageAndLabel/__tests__/imageAndLabel.test.ts

@@ -1,5 +1,5 @@
 import ImageAndLabel from "dx/imageAndLabel";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-image-and-label";

package/src/modules/dx/input/__tests__/input.test.ts

@@ -1,5 +1,5 @@
 import Input from "dx/input";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-input";
 const render = createRenderComponent(TAG, Input);
@@ -22,23 +22,20 @@ const mockUserAgent = (userAgent: string) => {
 
 const assertErrorRender = (element: any, errorMessage: string) =>
     Promise.resolve().then(() => {
-        const inputContainer: HTMLElement = element.shadowRoot.querySelector(
-            ".input-container"
-        );
+        const inputContainer: HTMLElement =
+            element.shadowRoot.querySelector(".input-container");
         expect(inputContainer.classList).toHaveLength(2);
         expect(inputContainer.classList).toContain("has-error");
 
-        const errorBox: HTMLElement = element.shadowRoot.querySelector(
-            ".error-message-box"
-        );
+        const errorBox: HTMLElement =
+            element.shadowRoot.querySelector(".error-message-box");
         expect(errorBox).not.toBeNull();
         expect(errorBox.textContent).toBe(errorMessage);
     });
 
 const assertErrorMissing = (element: any) => {
-    const inputContainer: HTMLElement = element.shadowRoot.querySelector(
-        ".input-container"
-    );
+    const inputContainer: HTMLElement =
+        element.shadowRoot.querySelector(".input-container");
     expect(inputContainer.classList).toHaveLength(1);
     expect(element.shadowRoot.querySelector(".error-message-box")).toBeNull();
 };
@@ -242,9 +239,8 @@ describe(TAG, () => {
             label: "Test label"
         });
 
-        const inputEl: HTMLInputElement = element.shadowRoot.querySelector(
-            "input"
-        );
+        const inputEl: HTMLInputElement =
+            element.shadowRoot.querySelector("input");
         inputEl.value = "not_valid_email";
         inputEl.dispatchEvent(new Event("input"));
 
@@ -269,9 +265,8 @@ describe(TAG, () => {
 
         assertErrorMissing(element);
 
-        const inputEl: HTMLInputElement = element.shadowRoot.querySelector(
-            "input"
-        );
+        const inputEl: HTMLInputElement =
+            element.shadowRoot.querySelector("input");
         expect(inputEl).not.toBeNull();
         inputEl.dispatchEvent(new Event("blur"));
 
@@ -285,9 +280,8 @@ describe(TAG, () => {
             label: "Test label"
         });
 
-        const inputEl: HTMLInputElement = element.shadowRoot.querySelector(
-            "input"
-        );
+        const inputEl: HTMLInputElement =
+            element.shadowRoot.querySelector("input");
         inputEl.value = "I'm a value";
         inputEl.dispatchEvent(new Event("input"));
 
@@ -307,9 +301,8 @@ describe(TAG, () => {
             validityOnBlur: true
         });
 
-        const inputEl: HTMLInputElement = element.shadowRoot.querySelector(
-            "input"
-        );
+        const inputEl: HTMLInputElement =
+            element.shadowRoot.querySelector("input");
         expect(inputEl).not.toBeNull();
         inputEl.value = "email@email.com";
         inputEl.dispatchEvent(new Event("input"));
@@ -327,9 +320,8 @@ describe(TAG, () => {
             clearable: true
         });
 
-        const clearButton: HTMLButtonElement = element.shadowRoot.querySelector(
-            ".clear-button"
-        );
+        const clearButton: HTMLButtonElement =
+            element.shadowRoot.querySelector(".clear-button");
         expect(clearButton).not.toBeNull();
     });
 
@@ -339,9 +331,8 @@ describe(TAG, () => {
             clearable: true
         });
 
-        const clearButton: HTMLButtonElement = element.shadowRoot.querySelector(
-            ".clear-button"
-        );
+        const clearButton: HTMLButtonElement =
+            element.shadowRoot.querySelector(".clear-button");
         expect(clearButton).toBeNull();
     });
 
@@ -351,14 +342,12 @@ describe(TAG, () => {
             clearable: true
         });
 
-        const input: HTMLInputElement = element.shadowRoot.querySelector(
-            "input"
-        );
+        const input: HTMLInputElement =
+            element.shadowRoot.querySelector("input");
         expect(input.value).toEqual("test");
 
-        const clearButton: HTMLButtonElement = element.shadowRoot.querySelector(
-            ".clear-button"
-        );
+        const clearButton: HTMLButtonElement =
+            element.shadowRoot.querySelector(".clear-button");
         clearButton.dispatchEvent(new MouseEvent("click"));
 
         await Promise.resolve();

package/src/modules/dx/input/input.ts

@@ -1,7 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { IconSize, IconSymbol } from "typings/custom";
-import { isMac } from "utils/devices";
+import { isMac } from "utils-internal/devices";
 import { isValidEmail } from "./validators";
 
 type ValidatorMap = {

package/src/modules/dx/instrumentation/__tests__/instrumentation.test.ts

@@ -1,6 +1,6 @@
 import { track, developerwebTrackEventListener } from "dx/instrumentation";
-import InstrumentationTest from "tests/instrumentationTest";
-import { createRenderComponent } from "utils/tests";
+import InstrumentationTest from "test-components/instrumentationTest";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-instrumentation";
 const render = createRenderComponent(

package/src/modules/dx/interactiveImage/__tests__/interactiveImage.test.ts

@@ -1,6 +1,6 @@
 import Dropdown from "dx/dropdown";
 import InteractiveImage from "dx/interactiveImage";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import {
     mockSingleDownloadPropsAsArray,
     mockSingleDownloadPropsAsString,
@@ -26,9 +26,8 @@ describe(TAG, () => {
 
             const dropdownEl = element.shadowRoot.querySelector("dx-dropdown");
             expect(dropdownEl).toBeNull();
-            const buttonEl = element.shadowRoot.querySelector(
-                "header dx-button"
-            );
+            const buttonEl =
+                element.shadowRoot.querySelector("header dx-button");
             expect(buttonEl).not.toBeNull();
             expect(buttonEl.href).toBe(
                 mockSingleDownloadPropsAsString.downloadUrls
@@ -42,9 +41,8 @@ describe(TAG, () => {
 
             const dropdownEl = element.shadowRoot.querySelector("dx-dropdown");
             expect(dropdownEl).toBeNull();
-            const buttonEl = element.shadowRoot.querySelector(
-                "header dx-button"
-            );
+            const buttonEl =
+                element.shadowRoot.querySelector("header dx-button");
             expect(buttonEl).not.toBeNull();
             expect(buttonEl.href).toBe(
                 mockSingleDownloadPropsAsArray.downloadUrls[0]
@@ -66,9 +64,8 @@ describe(TAG, () => {
         it("renders a dropdown", () => {
             const element = render(mockMultipleDownloadProps);
 
-            const dropdownEl: Dropdown = element.shadowRoot.querySelector(
-                "dx-dropdown"
-            );
+            const dropdownEl: Dropdown =
+                element.shadowRoot.querySelector("dx-dropdown");
             expect(dropdownEl).not.toBeNull();
             const { options } = dropdownEl;
 

package/src/modules/dx/lazy/__tests__/lazy.test.ts

@@ -1,5 +1,5 @@
 import Lazy from "dx/lazy";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-lazy";
 const renderComponent = createRenderComponent(TAG, Lazy);

package/src/modules/dx/pagination/__tests__/pagination.test.ts

@@ -1,5 +1,5 @@
 import Pagination from "dx/pagination";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-pagination";
 const render = createRenderComponent(TAG, Pagination);

package/src/modules/dx/podcastHost/__tests__/podcastHost.test.ts

@@ -1,5 +1,5 @@
 import PodcastHost from "dx/podcastHost";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-podcast-host";

package/src/modules/dx/podcastPlayer/__tests__/podcastPlayer.test.ts

@@ -1,5 +1,5 @@
 import PodcastPlayer from "dx/podcastPlayer";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-podcast-player";
 const render = createRenderComponent(TAG, PodcastPlayer);

package/src/modules/dx/podcastSubscription/__tests__/podcastSubscription.test.ts

@@ -1,5 +1,5 @@
 import podcastSubscription from "dx/podcastSubscription";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-podcast-subscription";
 const render = createRenderComponent(TAG, podcastSubscription);

package/src/modules/dx/popover/__tests__/popover.test.ts

@@ -1,6 +1,9 @@
 import Popover from "dx/popover";
-import PopoverTest from "tests/popoverTest";
-import { createRenderComponent, mockSlottedElement } from "utils/tests";
+import PopoverTest from "test-components/popoverTest";
+import {
+    createRenderComponent,
+    mockSlottedElement
+} from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-popover";

package/src/modules/dx/popover/popover.ts

@@ -8,7 +8,7 @@ import {
 import { createPopper } from "@popperjs/core";
 import cx from "classnames";
 import debounce from "debounce";
-import { isPrerender } from "utils/seo";
+import { isPrerender } from "utils-internal/seo";
 
 const isEventOutsideElements = (
     e: Event,

package/src/modules/dx/radioGroup/__tests__/radioGroup.test.ts

@@ -1,5 +1,5 @@
 import RadioGroup from "dx/radioGroup";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-radio-group";

package/src/modules/dx/relativeDateTime/__tests__/relativeDateTime.test.ts

@@ -1,6 +1,6 @@
 /* eslint-disable jest/no-mocks-import */
 import RelativeDateTime from "dx/relativeDateTime";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-relative-date-time";

package/src/modules/dx/section/__tests__/section.test.ts

@@ -1,5 +1,5 @@
 import Section from "dx/section";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-section";
 const render = createRenderComponent(TAG, Section);

package/src/modules/dx/section/section.ts

@@ -1,6 +1,6 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
-import { toDxColor } from "utils/css";
+import { toDxColor } from "utils-internal/css";
 
 export default class Section extends LightningElement {
     @api backgroundColor?: string | null = "transparent";

package/src/modules/dx/sectionSignup/__tests__/sectionSignup.test.ts

@@ -1,5 +1,5 @@
 import SectionSignup from "dx/sectionSignup";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-section-signup";
 const render = createRenderComponent(TAG, SectionSignup);

package/src/modules/dx/sidebar/__tests__/sidebar.test.ts

@@ -7,9 +7,9 @@ import {
     createMediaMock,
     mockQueryParameter,
     unmockQueryParameter
-} from "utils/jest";
-import { createRenderComponent } from "utils/tests";
-import { coveoXMLDocsConfig } from "utils/coveo";
+} from "utils-internal/jest";
+import { createRenderComponent } from "utils-internal/tests";
+import { coveoXMLDocsConfig } from "utils-internal/coveo";
 import mockSearchChangeEvent from "./mockSearchChangeEvent";
 import mockSearchChangeEmptyEvent from "./mockSearchChangeEmptyEvent";
 import { SAMPLE_TREES } from "./mockProps";

package/src/modules/dx/sidebar/sidebar.stories.ts

@@ -1,5 +1,8 @@
 import { html } from "lit-html";
-import { coveoXMLDocsConfig, coveoSFDocsConfig } from "../../utils/coveo/coveo";
+import {
+    coveoXMLDocsConfig,
+    coveoSFDocsConfig
+} from "../../utils-internal/coveo/coveo";
 import { SAMPLE_TREES, SAMPLE_TREES_WITH_METHODS } from "./__tests__/mockProps";
 
 export default {

package/src/modules/dx/sidebar/sidebar.ts

@@ -6,7 +6,7 @@ import {
     SidebarGtmAction,
     SidebarSearchResult
 } from "typings/custom";
-import { getSidebarSearchParams } from "utils/coveo";
+import { getSidebarSearchParams } from "utils-internal/coveo";
 import { toJson } from "utils/normalizers";
 import SidebarSearch from "dx/sidebarSearch";
 

package/src/modules/dx/sidebarOld/__tests__/sidebarOld.test.ts

@@ -4,8 +4,8 @@ import { track } from "dx/instrumentation";
 import SidebarOld from "dx/sidebarOld";
 import Tree from "dx/tree";
 import { TreeNode } from "typings/custom";
-import { createMediaMock } from "utils/jest";
-import { createRenderComponent } from "utils/tests";
+import { createMediaMock } from "utils-internal/jest";
+import { createRenderComponent } from "utils-internal/tests";
 import { SAMPLE_TREES } from "./mockProps";
 
 jest.mock("dx/instrumentation");

package/src/modules/dx/sidebarOld/sidebarOld.ts

@@ -78,10 +78,18 @@ export default class Sidebar extends LightningElement {
         this.expanded = !this.matchMedia.matches;
         this.onMediaChange(this.matchMedia);
         this.matchMedia.addEventListener("change", this.onMediaChange);
+        window.addEventListener(
+            "referencecontentloaded",
+            this.dispatchHighlightedTermChange
+        );
     }
 
     disconnectedCallback() {
         this.matchMedia.removeEventListener("change", this.onMediaChange);
+        window.removeEventListener(
+            "referencecontentloaded",
+            this.dispatchHighlightedTermChange
+        );
     }
 
     private onMediaChange = (event: MediaQueryListEvent | MediaQueryList) =>
@@ -120,16 +128,23 @@ export default class Sidebar extends LightningElement {
         window.clearTimeout(this._searchTimeout);
         this._searchTimeout = window.setTimeout(() => {
             this.assignFilteredTrees();
-            this.dispatchEvent(
-                new CustomEvent("highlightedtermchange", {
-                    detail: this.searchText,
-                    composed: true,
-                    bubbles: true
-                })
-            );
+            this.dispatchHighlightedTermChange();
         }, WAIT_TIME);
     }
 
+    private dispatchHighlightedTermChange = () => {
+        this.dispatchEvent(
+            new CustomEvent("highlightedtermchange", {
+                detail: {
+                    query: this.searchText,
+                    termsToHighlight: [this.searchText]
+                },
+                composed: true,
+                bubbles: true
+            })
+        );
+    };
+
     private assignFilteredTrees() {
         this.filteredTrees = this._trees
             .map((singleTree) => {

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

@@ -1,8 +1,7 @@
-import { createElement } from "lwc";
 import SidebarSearch from "dx/sidebarSearch";
-import { createRenderComponent, renderLightningElement } from "utils/tests";
-import { coveoXMLDocsConfig } from "utils/coveo";
-import { mockQueryParameter, unmockQueryParameter } from "utils/jest";
+import { createRenderComponent } from "utils-internal/tests";
+import { coveoXMLDocsConfig } from "utils-internal/coveo";
+import { mockQueryParameter, unmockQueryParameter } from "utils-internal/jest";
 import { SESSION_KEY } from "dx/sidebarSearch";
 import mockPreloadedState from "./mockPreloadedState";
 
@@ -69,62 +68,6 @@ describe(TAG, () => {
         return expect(element).toBeAccessible();
     });
 
-    describe("highlighting", () => {
-        afterEach(unmockQueryParameter);
-
-        it("triggers on initial render when a search value exists", () => {
-            mockQueryParameter(QUERY);
-            const element = createElement(TAG, { is: SidebarSearch });
-            const dispatchEventSpy = jest.spyOn(element, "dispatchEvent");
-            renderLightningElement(element, PROPS);
-            expect(dispatchEventSpy).toHaveBeenCalledWith(
-                expect.objectContaining({
-                    type: "highlightedtermchange",
-                    detail: QUERY
-                })
-            );
-        });
-
-        it("does not trigger on initial render when a search value does not exist", () => {
-            const element = createElement(TAG, { is: SidebarSearch });
-            const dispatchEventSpy = jest.spyOn(element, "dispatchEvent");
-            renderLightningElement(element, PROPS);
-            expect(dispatchEventSpy).not.toHaveBeenCalledWith(
-                expect.objectContaining({ type: "highlightedtermchange" })
-            );
-        });
-
-        it("triggers on input change with non-empty value", () => {
-            const element = render(PROPS);
-            const dxInput = element.shadowRoot.querySelector("dx-input");
-            const dispatchEventSpy = jest.spyOn(element, "dispatchEvent");
-
-            dxInput.dispatchEvent(new CustomEvent("change", { detail: QUERY }));
-
-            expect(dispatchEventSpy).toHaveBeenCalledWith(
-                expect.objectContaining({
-                    type: "highlightedtermchange",
-                    detail: QUERY
-                })
-            );
-        });
-
-        it("triggers on input change with empty value", () => {
-            const element = render(PROPS);
-            const dxInput = element.shadowRoot.querySelector("dx-input");
-            const dispatchEventSpy = jest.spyOn(element, "dispatchEvent");
-
-            dxInput.dispatchEvent(new CustomEvent("change", { detail: "" }));
-
-            expect(dispatchEventSpy).toHaveBeenCalledWith(
-                expect.objectContaining({
-                    type: "highlightedtermchange",
-                    detail: ""
-                })
-            );
-        });
-    });
-
     it("correctly consumes a valid session storage object", () => {
         mockQueryParameter(mockPreloadedState.state.query.q);
 

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

@@ -14,8 +14,11 @@ import {
     SearchAppState,
     loadQueryActions
 } from "@coveo/headless";
-import { buildSearchEngine, getSidebarSearchParams } from "utils/coveo";
-import { RecentSearches } from "utils/recentSearches";
+import {
+    buildSearchEngine,
+    getSidebarSearchParams
+} from "utils-internal/coveo";
+import { RecentSearches } from "utils-internal/recentSearches";
 import { toJson } from "utils/normalizers";
 import {
     Option,
@@ -51,9 +54,12 @@ export default class SidebarSearch extends LightningElement {
             );
         this._coveoAdvancedQueryConfig = jsonValue;
 
+        if (hasChanged && this.engine && this.value !== "") {
+            this.dispatchOnLoading(true);
+        }
+
         if (hasChanged && this.engine) {
             // set advanced filters needs access to the latest coveoAdvancedQueryConfig
-            this.dispatchOnLoading(true);
             this.setAdvancedFilters(this.engine);
             this.submitSearch(true);
         }
@@ -88,6 +94,30 @@ export default class SidebarSearch extends LightningElement {
     private fetchingMoreResults: boolean = false;
     private didRender = false;
 
+    private get termsToHighlight(): string[] | null {
+        const { termsToHighlight, phrasesToHighlight } =
+            this.engine?.state?.search?.response;
+        if (!termsToHighlight || !phrasesToHighlight) {
+            return null;
+        }
+
+        const flattenTerms = (terms: Object): string[] =>
+            Object.entries(terms).reduce((acc, [key, value]) => {
+                if (Array.isArray(value)) {
+                    return [...acc, key, ...value];
+                }
+                const values = flattenTerms(value);
+                return [...acc, key, ...values];
+            }, []);
+
+        const terms = flattenTerms({
+            ...termsToHighlight,
+            ...phrasesToHighlight
+        });
+
+        return Array.from(new Set([this.value, ...terms].flat(2))) as string[];
+    }
+
     private get hasCorrectCoveoConfig(): boolean {
         const coveoConfigurations = [
             this.coveoOrganizationId,
@@ -141,12 +171,6 @@ export default class SidebarSearch extends LightningElement {
             );
         }
 
-        // If this is the first render and there is a search value, trigger
-        // term highlighting
-        if (!this.didRender && this.value) {
-            this.dispatchHighlightedTermChange();
-        }
-
         this.didRender = true;
     }
 
@@ -221,10 +245,6 @@ export default class SidebarSearch extends LightningElement {
             this.onResultListChange
         );
 
-        if (this.value) {
-            this.dispatchHighlightedTermChange();
-        }
-
         if (!this.preloadedState) {
             if (this.value) {
                 this.submitSearch();
@@ -327,6 +347,7 @@ export default class SidebarSearch extends LightningElement {
 
     private dispatchOnChangeEvent(results: Result[]) {
         this.updateSessionStorage();
+        this.dispatchHighlightedTermChange();
         this.dispatchEvent(
             new CustomEvent("change", {
                 detail: {
@@ -341,15 +362,20 @@ export default class SidebarSearch extends LightningElement {
         this.dispatchEvent(new CustomEvent("loading", { detail: loading }));
     }
 
-    private dispatchHighlightedTermChange() {
-        this.dispatchEvent(
-            new CustomEvent("highlightedtermchange", {
-                detail: this.value,
-                composed: true,
-                bubbles: true
-            })
-        );
-    }
+    private dispatchHighlightedTermChange = () => {
+        if (this.termsToHighlight) {
+            this.dispatchEvent(
+                new CustomEvent("highlightedtermchange", {
+                    detail: {
+                        query: this.value,
+                        termsToHighlight: this.termsToHighlight
+                    },
+                    composed: true,
+                    bubbles: true
+                })
+            );
+        }
+    };
 
     private updateRecentSearches = () =>
         (this.recentSearches = UserRecentSearches.get().map((item: string) => ({
@@ -404,7 +430,6 @@ export default class SidebarSearch extends LightningElement {
         this.value = e.detail;
 
         this.handleValueChange(false);
-        this.dispatchHighlightedTermChange();
     }
 
     private onInputFocus() {

package/src/modules/dx/sidebarSearchResult/__tests__/sidebarSearchResult.test.ts

@@ -1,5 +1,5 @@
 import SidebarSearchResult from "dx/sidebarSearchResult";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-sidebar-search-result";
 const render = createRenderComponent(TAG, SidebarSearchResult);

package/src/modules/dx/slackButton/__tests__/slackButton.test.ts

@@ -1,5 +1,5 @@
 import slackButton from "dx/slackButton";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-slack-button";
 const render = createRenderComponent(TAG, slackButton);

package/src/modules/dx/slackCta/__tests__/slackCta.test.ts

@@ -1,5 +1,5 @@
 import slackCta from "dx/slackCta";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-slack-cta";
 const render = createRenderComponent(TAG, slackCta);

package/src/modules/dx/socials/__tests__/socials.test.ts

@@ -1,6 +1,6 @@
 import Socials from "dx/socials";
 import IconBadge from "dx/iconBadge";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-socials";
 const render = createRenderComponent(TAG, Socials);