@salesforcedevs/dx-components 0.24.1 → 0.25.2

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/sidebarSearch/__tests__/sidebarSearch.test.ts

@@ -1,8 +1,11 @@
 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,
+    renderLightningElement
+} 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";
 

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);
         }

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);

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

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

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

@@ -1,7 +1,7 @@
 import Tab from "dx/tab";
 import Icon from "dx/icon";
 import { track } from "dx/instrumentation";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 jest.mock("dx/instrumentation");
 

package/src/modules/dx/toc/__tests__/mockProps.ts

@@ -17,6 +17,12 @@ export default {
                 "Why build on Quip? This is an extra long blurb to test the toc wrapping ability",
             id: "quip",
             anchor: "#test3"
+        },
+        {
+            label:
+                "SomeLongExampleWordWithoutAnyBreaks and Then a Word",
+            id: "long-word",
+            anchor: "#test4"
         }
     ]
 };

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

@@ -1,6 +1,6 @@
 import Button from "dx/button";
 import Toc from "dx/toc";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-toc";
@@ -11,12 +11,10 @@ describe(TAG, () => {
         const element = render(mockProps);
 
         const container: HTMLElement = element.shadowRoot.querySelector(".toc");
-        const renderedTitle: HTMLElement = element.shadowRoot.querySelector(
-            "h2"
-        );
-        const button: Button = element.shadowRoot.querySelector(
-            ".toggle-button"
-        );
+        const renderedTitle: HTMLElement =
+            element.shadowRoot.querySelector("h2");
+        const button: Button =
+            element.shadowRoot.querySelector(".toggle-button");
         expect(renderedTitle).not.toBeNull();
         expect(container).not.toBeNull();
         expect(renderedTitle.textContent).toEqual(mockProps.title);
@@ -27,9 +25,8 @@ describe(TAG, () => {
     it("renders table of contents buttons, and the first one is selected", () => {
         const element = render(mockProps);
 
-        const optionsListComponent: Array<HTMLElement> = element.shadowRoot.querySelectorAll(
-            "a"
-        );
+        const optionsListComponent: Array<HTMLElement> =
+            element.shadowRoot.querySelectorAll("a");
         expect(optionsListComponent).toHaveLength(mockProps.options.length);
         expect(optionsListComponent[0].className).toEqual(
             "content-button selected"
@@ -59,9 +56,8 @@ describe(TAG, () => {
         const element = render({ ...mockProps });
 
         return Promise.resolve().then(() => {
-            const optionsListComponent: Array<HTMLElement> = element.shadowRoot.querySelectorAll(
-                "a"
-            );
+            const optionsListComponent: Array<HTMLElement> =
+                element.shadowRoot.querySelectorAll("a");
             optionsListComponent.forEach((e) => {
                 if (e.getAttribute("contentid") === mockProps.value) {
                     expect(e.className).toEqual("content-button selected");
@@ -75,9 +71,8 @@ describe(TAG, () => {
         const element = render({ ...mockProps, value: undefined });
 
         return Promise.resolve().then(() => {
-            const buttons: Array<HTMLElement> = element.shadowRoot.querySelectorAll(
-                "a"
-            );
+            const buttons: Array<HTMLElement> =
+                element.shadowRoot.querySelectorAll("a");
             expect(buttons[0].className).toEqual("content-button selected");
             return expect(element).toBeAccessible();
         });
@@ -105,9 +100,8 @@ describe(TAG, () => {
         });
 
         return Promise.resolve().then(() => {
-            const optionListComponent: Array<HTMLElement> = element.shadowRoot.querySelectorAll(
-                "a"
-            );
+            const optionListComponent: Array<HTMLElement> =
+                element.shadowRoot.querySelectorAll("a");
             expect(optionListComponent).toHaveLength(element.options.length);
             return expect(element).toBeAccessible();
         });

package/src/modules/dx/toc/toc.css

@@ -9,6 +9,7 @@
     display: flex;
     flex-direction: row-reverse;
     width: var(--dx-c-toc-width);
+    word-break: break-word;
 }
 
 .toc_collapsed {

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

@@ -1,5 +1,5 @@
 import Tooltip from "dx/tooltip";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-tooltip";
 const render = createRenderComponent(TAG, Tooltip);
@@ -8,9 +8,8 @@ describe(TAG, () => {
     it("calls tippy constructor with correct parameters", () => {
         const element = render({ label: "First Label", placement: "top" });
 
-        const slotContainer: HTMLElement = element.shadowRoot.querySelector(
-            "div"
-        );
+        const slotContainer: HTMLElement =
+            element.shadowRoot.querySelector("div");
 
         expect(slotContainer).not.toBeNull();
         expect(slotContainer.getAttribute("data-microtip-position")).toEqual(

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

@@ -1,5 +1,5 @@
 import Topics from "dx/topics";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-topics";

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

@@ -1,6 +1,6 @@
 import Tree from "dx/tree";
 import TreeItem from "dx/treeItem";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import { TreeHandler } from "../treeHandler";
 import {
     INITIALIZE_MOCK_PARAMETER,

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

@@ -6,7 +6,7 @@ import {
 import { track } from "dx/instrumentation";
 import TreeItem from "dx/treeItem";
 import TreeTile from "dx/treeTile";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-tree-item";
 const renderComponent = createRenderComponent(TAG, TreeItem);

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

@@ -1,6 +1,6 @@
 import TreeTile from "dx/treeTile";
 import Icon from "dx/icon";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 import { SINGLE_NODE, SINGLE_NODE_WITH_METHOD } from "./mockProps";
 

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

@@ -1,5 +1,5 @@
 import TypeBadge from "dx/typeBadge";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import { TypeBadgeSize, BadgeType } from "typings/custom";
 
 const TAG = "dx-type-badge";

package/src/modules/dx/typeBadge/typeBadge.ts

@@ -7,7 +7,7 @@ import {
     BadgeType,
     Brand
 } from "typings/custom";
-import { colorToDxColors } from "utils/css";
+import { colorToDxColors } from "utils-internal/css";
 
 const DEFAULT_TYPE = "typebadge_metadata";
 const VALID_BRANDS: Array<Brand> = [