@salesforcedevs/dx-components 0.24.1 → 0.25.2

package/lwc.config.json

@@ -63,6 +63,8 @@
         "dx/select",
         "dx/sidebar",
         "dx/sidebarOld",
+        "dx/slackCta",
+        "dx/slackButton",
         "dx/socials",
         "dx/toc",
         "dx/tree",
@@ -78,7 +80,7 @@
         "helpers/reset",
         "helpers/table",
         "helpers/text",
-        "utils/headerBase",
+        "utils-internal/headerBase",
         "utils/normalizers",
         "utils/highlight"
     ]

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.24.1",
+    "version": "0.25.2",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -29,5 +29,5 @@
         "@types/debounce": "^1.2.0",
         "@types/lodash.get": "^4.4.6"
     },
-    "gitHead": "e658d28b81079529279b62fa98087020336ede4f"
+    "gitHead": "66db495d67f1b7280ad0946332910f38c563d39b"
 }

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

@@ -1,5 +1,5 @@
 import Banner from "dx/banner";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-banner";
 const render = createRenderComponent(TAG, Banner);
@@ -8,9 +8,8 @@ describe(TAG, () => {
     it("renders banner component", () => {
         const element = render();
 
-        const innerContainer = element.shadowRoot.querySelectorAll(
-            ".container_inner"
-        );
+        const innerContainer =
+            element.shadowRoot.querySelectorAll(".container_inner");
 
         expect(innerContainer).not.toBeNull();
 
@@ -18,14 +17,17 @@ describe(TAG, () => {
     });
 
     it("renders custom banner markup in the banner", () => {
-        const element = render({ bannerMarkup: "Give feedback about our new site" });
+        const element = render({
+            bannerMarkup: "Give feedback about our new site"
+        });
 
-        const bannerContainer = element.shadowRoot.querySelector(
-            ".info-container"
-        );
+        const bannerContainer =
+            element.shadowRoot.querySelector(".info-container");
 
         return Promise.resolve().then(() => {
-            expect(bannerContainer.innerHTML).toContain('Give feedback about our new site')
+            expect(bannerContainer.innerHTML).toContain(
+                "Give feedback about our new site"
+            );
         });
     });
 });

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

@@ -1,5 +1,5 @@
 import BrandThemeProvider, { toCss } from "dx/brandThemeProvider";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import brandCssVars from "../brandCssVars";
 
 const TAG = "dx-brand-theme-provider";

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

@@ -1,6 +1,6 @@
 import Breadcrumbs from "dx/breadcrumbs";
 import Dropdown from "dx/dropdown";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import { mockPathname, mockBreadcrumbs, mockNavItems } from "./mockProps";
 
 const TAG = "dx-breadcrumbs";
@@ -16,9 +16,8 @@ describe(TAG, () => {
         expect(navElement).not.toBeNull();
         expect(navElement.classList).toHaveLength(0);
 
-        const breadcrumbs: Array<HTMLElement> = element.shadowRoot.querySelectorAll(
-            ".breadcrumb"
-        );
+        const breadcrumbs: Array<HTMLElement> =
+            element.shadowRoot.querySelectorAll(".breadcrumb");
         const { length } = breadcrumbs;
         expect(breadcrumbs).toHaveLength(length);
         expect(
@@ -28,9 +27,8 @@ describe(TAG, () => {
         ).toBe(true);
         expect(breadcrumbs[length - 1].tagName).toBe("SPAN");
 
-        const dropdown: Dropdown = element.shadowRoot.querySelector(
-            "dx-dropdown"
-        );
+        const dropdown: Dropdown =
+            element.shadowRoot.querySelector("dx-dropdown");
         expect(dropdown).not.toBeNull();
         expect(dropdown.options).toHaveLength(expectedOptionsLength);
 
@@ -55,9 +53,8 @@ describe(TAG, () => {
         expect(navElement.classList).toHaveLength(1);
         expect(navElement.classList).toContain("hide-current-location");
 
-        const breadcrumbs: Array<HTMLElement> = element.shadowRoot.querySelectorAll(
-            ".breadcrumb"
-        );
+        const breadcrumbs: Array<HTMLElement> =
+            element.shadowRoot.querySelectorAll(".breadcrumb");
         expect(breadcrumbs).toHaveLength(mockBreadcrumbs.length - 1);
         expect(
             Array.from(breadcrumbs).every(({ tagName }) => tagName === "A")

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

@@ -1,6 +1,6 @@
 import Button from "dx/button";
-import ButtonTest from "tests/buttonTest";
-import { createRenderComponent } from "utils/tests";
+import ButtonTest from "test-components/buttonTest";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-button";
 const render = createRenderComponent(TAG, Button);

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

@@ -1,5 +1,5 @@
 import CardBlogPost from "dx/cardBlogPost";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-card-blog-post";
@@ -10,9 +10,8 @@ describe(TAG, () => {
     it("renders without datetime", () => {
         const element = render(mockProps);
 
-        const cardContent: HTMLElement = element.shadowRoot.querySelector(
-            "dx-card-content"
-        );
+        const cardContent: HTMLElement =
+            element.shadowRoot.querySelector("dx-card-content");
         expect(cardContent).not.toBeNull();
         return expect(element).toBeAccessible();
     });

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

@@ -1,5 +1,5 @@
 import CardBlogPostProvider from "dx/cardBlogPostProvider";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockWordpressPosts from "./mockWordpressPosts";
 
 const delay = () => new Promise((res) => setTimeout(res, 0));

package/src/modules/dx/cardBlogPostProvider/cardBlogPostProvider.ts

@@ -1,5 +1,5 @@
 import { LightningElement, api, track } from "lwc";
-import { fetchWordpressPosts } from "utils/wordpress";
+import { fetchWordpressPosts } from "utils-internal/wordpress";
 import { normalizePost } from "utils/normalizers";
 
 type BlogPost = {

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

@@ -1,5 +1,5 @@
 import CardCallout from "dx/cardCallout";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-card-callout";
@@ -9,12 +9,9 @@ describe(TAG, () => {
     it("renders the link, arrow icon, title, & label", () => {
         const element = render(mockProps);
 
-        const els = [
-            "a",
-            "dx-icon",
-            "h3",
-            ".dx-text-button-light"
-        ].map((query) => element.shadowRoot.querySelector(query));
+        const els = ["a", "dx-icon", "h3", ".dx-text-button-light"].map(
+            (query) => element.shadowRoot.querySelector(query)
+        );
 
         expect(els).not.toContain(null);
 

package/src/modules/dx/cardCallout/cardCallout.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";
 import { track } from "dx/instrumentation";
 
 export default class CardCallout extends LightningElement {

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

@@ -1,12 +1,12 @@
 import CardContent from "dx/cardContent";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
-import { isSlotEmpty } from "utils/slot";
+import { isSlotEmpty } from "utils-internal/slot";
 
 const TAG = "dx-card-content";
 const render = createRenderComponent(TAG, CardContent);
 
-jest.mock("utils/slot", () => {
+jest.mock("utils-internal/slot", () => {
     return {
         isSlotEmpty: jest.fn()
     };
@@ -16,24 +16,18 @@ describe(TAG, () => {
     it("renders", () => {
         const element = render(mockProps);
 
-        const imagelink: HTMLElement = element.shadowRoot.querySelector(
-            ".image-link"
-        );
-        const renderedLabel: HTMLElement = element.shadowRoot.querySelector(
-            ".label"
-        );
-        const renderedTitle: HTMLElement = element.shadowRoot.querySelector(
-            "dx-card-title"
-        );
-        const renderedSubtitle: HTMLElement = element.shadowRoot.querySelector(
-            ".subtitle"
-        );
-        const renderedAuthor: HTMLElement = element.shadowRoot.querySelector(
-            "dx-image-and-label"
-        );
-        const renderedBody: HTMLElement = element.shadowRoot.querySelector(
-            ".body"
-        );
+        const imagelink: HTMLElement =
+            element.shadowRoot.querySelector(".image-link");
+        const renderedLabel: HTMLElement =
+            element.shadowRoot.querySelector(".label");
+        const renderedTitle: HTMLElement =
+            element.shadowRoot.querySelector("dx-card-title");
+        const renderedSubtitle: HTMLElement =
+            element.shadowRoot.querySelector(".subtitle");
+        const renderedAuthor: HTMLElement =
+            element.shadowRoot.querySelector("dx-image-and-label");
+        const renderedBody: HTMLElement =
+            element.shadowRoot.querySelector(".body");
 
         expect(imagelink).not.toBeNull();
         expect(renderedLabel).not.toBeNull();
@@ -53,12 +47,10 @@ describe(TAG, () => {
     it("fires events", () => {
         const element = render(mockProps);
 
-        const imagelink: HTMLElement = element.shadowRoot.querySelector(
-            ".image-link"
-        );
-        const containerDiv: HTMLElement = element.shadowRoot.querySelector(
-            "div"
-        );
+        const imagelink: HTMLElement =
+            element.shadowRoot.querySelector(".image-link");
+        const containerDiv: HTMLElement =
+            element.shadowRoot.querySelector("div");
         imagelink.dispatchEvent(new CustomEvent("mouseenter"));
 
         return Promise.resolve()
@@ -78,12 +70,10 @@ describe(TAG, () => {
     it("renders datetime slot", () => {
         (isSlotEmpty as jest.Mock).mockReturnValue(false);
         const element = render(mockProps);
-        const slot: HTMLSlotElement = element.shadowRoot.querySelector(
-            "[name=datetime]"
-        );
-        const containerDiv: HTMLElement = element.shadowRoot.querySelector(
-            "div"
-        );
+        const slot: HTMLSlotElement =
+            element.shadowRoot.querySelector("[name=datetime]");
+        const containerDiv: HTMLElement =
+            element.shadowRoot.querySelector("div");
         slot.dispatchEvent(new Event("slotchange"));
         expect(isSlotEmpty).toBeCalledTimes(1);
 
@@ -99,12 +89,10 @@ describe(TAG, () => {
             backgroundColor: "red"
         });
 
-        const containerDiv: HTMLElement = element.shadowRoot.querySelector(
-            "div"
-        );
-        const link: HTMLElement = element.shadowRoot.querySelector(
-            "[part=image]"
-        );
+        const containerDiv: HTMLElement =
+            element.shadowRoot.querySelector("div");
+        const link: HTMLElement =
+            element.shadowRoot.querySelector("[part=image]");
 
         expect(containerDiv.classList).toContain("dx-card-base_featured");
         expect(link.getAttribute("style")).toContain("");

package/src/modules/dx/cardContent/cardContent.ts

@@ -1,8 +1,8 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { LightningSlotElement } from "typings/custom";
-import { isSlotEmpty } from "utils/slot";
-import { toDxColor } from "utils/css";
+import { isSlotEmpty } from "utils-internal/slot";
+import { toDxColor } from "utils-internal/css";
 
 export default class CardContent extends LightningElement {
     @api authorHref?: string | null = null;

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

@@ -1,12 +1,12 @@
 import Card from "dx/cardDocs";
-import { createRenderComponent } from "utils/tests";
-import { stopPropagationOnSlotted } from "utils/slot";
+import { createRenderComponent } from "utils-internal/tests";
+import { stopPropagationOnSlotted } from "utils-internal/slot";
 import mockProps from "./mockProps";
 
 const TAG = "dx-card";
 const render = createRenderComponent(TAG, Card);
 
-jest.mock("utils/slot", () => {
+jest.mock("utils-internal/slot", () => {
     return {
         stopPropagationOnSlotted: jest.fn()
     };

package/src/modules/dx/cardDocs/cardDocs.ts

@@ -1,7 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { LightningSlotElement } from "typings/custom";
-import { stopPropagationOnSlotted } from "utils/slot";
+import { stopPropagationOnSlotted } from "utils-internal/slot";
 
 export default class CardDocs extends LightningElement {
     @api body!: string;

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

@@ -1,6 +1,6 @@
 /* eslint-disable jest/no-mocks-import */
 import CardEvent from "dx/cardEvent";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-card-event";
@@ -20,9 +20,8 @@ describe(TAG, () => {
             startDatetime: mockProps.startDatetime,
             hre: mockProps.href
         });
-        const endtimeEls = component.shadowRoot.querySelectorAll(
-            ".end-date-time"
-        );
+        const endtimeEls =
+            component.shadowRoot.querySelectorAll(".end-date-time");
         expect(endtimeEls.length).toEqual(0);
         return expect(component).toBeAccessible();
     });
@@ -43,12 +42,10 @@ describe(TAG, () => {
             featured: true
         });
 
-        const imagelink: HTMLElement = element.shadowRoot.querySelector(
-            ".image-link"
-        );
-        const containerDiv: HTMLElement = element.shadowRoot.querySelector(
-            "div"
-        );
+        const imagelink: HTMLElement =
+            element.shadowRoot.querySelector(".image-link");
+        const containerDiv: HTMLElement =
+            element.shadowRoot.querySelector("div");
 
         expect(containerDiv.classList).toContain("dx-card-base_featured");
 
@@ -70,9 +67,8 @@ describe(TAG, () => {
 
     it("renders the short description", () => {
         const component = render(mockProps);
-        const shortDescEl = component.shadowRoot.querySelector(
-            ".dx-text-body-2"
-        );
+        const shortDescEl =
+            component.shadowRoot.querySelector(".dx-text-body-2");
         expect(shortDescEl).not.toBeNull();
         return expect(component).toBeAccessible();
     });

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

@@ -4,8 +4,8 @@ import FormattedDateTime from "dx/formattedDateTime";
 import ImageAndLabel from "dx/imageAndLabel";
 import Topics from "dx/topics";
 import TypeBadge from "dx/typeBadge";
-import { createMediaMock } from "utils/jest";
-import { createRenderComponent } from "utils/tests";
+import { createMediaMock } from "utils-internal/jest";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps, { podcastMock } from "./mockProps";
 
 const MOBILE_QUERY = "(max-width: 640px)";

package/src/modules/dx/cardExpanded/cardExpanded.ts

@@ -1,5 +1,5 @@
 import { api } from "lwc";
-import { ArchiveCard } from "utils/archiveCard";
+import { ArchiveCard } from "utils-internal/archiveCard";
 import cx from "classnames";
 
 export default class ExpandedCard extends ArchiveCard {

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

@@ -1,7 +1,7 @@
 import CardMinimal from "dx/cardMinimal";
 import TypeBadge from "dx/typeBadge";
-import { createRenderComponent } from "utils/tests";
-import { createMediaMock } from "utils/jest";
+import { createRenderComponent } from "utils-internal/tests";
+import { createMediaMock } from "utils-internal/jest";
 import { blogPostMock, podcastEpisodeMock } from "./mockProps";
 
 const MOBILE_QUERY = "(max-width: 640px)";

package/src/modules/dx/cardMinimal/cardMinimal.ts

@@ -1,3 +1,3 @@
-import { ArchiveCard } from "utils/archiveCard";
+import { ArchiveCard } from "utils-internal/archiveCard";
 
 export default class MinimalCard extends ArchiveCard {}

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

@@ -1,5 +1,5 @@
 import CardNews from "dx/cardNews";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-card-news";
@@ -44,9 +44,8 @@ describe(TAG, () => {
             imgVerticalAlign: "bottom"
         });
 
-        const link: HTMLElement = element.shadowRoot.querySelector(
-            ".dx-card-news"
-        );
+        const link: HTMLElement =
+            element.shadowRoot.querySelector(".dx-card-news");
         const image: HTMLElement = element.shadowRoot.querySelector("img");
         expect(link.classList).toContain("is-dark");
         expect(image.classList).toContain(

package/src/modules/dx/cardNews/cardNews.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";
 import {
     CardNewsButtonType,
     CardNewsImagePlacement,

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

@@ -1,5 +1,5 @@
 import CardPodcastEpisode from "dx/cardPodcastEpisode";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-card-content";
 const render = createRenderComponent(TAG, CardPodcastEpisode);
@@ -16,9 +16,8 @@ describe(TAG, () => {
     it("renders", () => {
         const element = render({ ...mockProps, datetime: fourHours });
 
-        const title: HTMLElement = element.shadowRoot.querySelector(
-            "dx-card-title"
-        );
+        const title: HTMLElement =
+            element.shadowRoot.querySelector("dx-card-title");
         const body: HTMLElement = element.shadowRoot.querySelector(".body");
         const dateTime: HTMLElement = element.shadowRoot.querySelector(
             "dx-relative-date-time"
@@ -41,9 +40,8 @@ describe(TAG, () => {
         const element = render(mockProps);
 
         const link: HTMLElement = element.shadowRoot.querySelector("a");
-        const containerDiv: HTMLElement = element.shadowRoot.querySelector(
-            "div"
-        );
+        const containerDiv: HTMLElement =
+            element.shadowRoot.querySelector("div");
         link.dispatchEvent(new CustomEvent("mouseenter"));
 
         return Promise.resolve()

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

@@ -1,5 +1,5 @@
 import CardPodcastEpisodeProvider from "dx/cardPodcastEpisodeProvider";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockWordpressEpisodes from "./mockWordpressEpisodes";
 
 const delay = () => new Promise((res) => setTimeout(res, 0));

package/src/modules/dx/cardPodcastEpisodeProvider/cardPodcastEpisodeProvider.ts

@@ -1,5 +1,5 @@
 import { LightningElement, api, track } from "lwc";
-import { fetchWordpressPosts } from "utils/wordpress";
+import { fetchWordpressPosts } from "utils-internal/wordpress";
 import { normalizeEpisode } from "utils/normalizers";
 
 type PodcastEpisode = {

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

@@ -1,12 +1,12 @@
 import CardSmall from "dx/cardSmall";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
-import { isSlotEmpty, stopPropagationOnSlotted } from "utils/slot";
+import { isSlotEmpty, stopPropagationOnSlotted } from "utils-internal/slot";
 
 const TAG = "dx-card-small";
 const render = createRenderComponent(TAG, CardSmall);
 
-jest.mock("utils/slot", () => {
+jest.mock("utils-internal/slot", () => {
     return {
         isSlotEmpty: jest.fn(),
         stopPropagationOnSlotted: jest.fn()
@@ -17,11 +17,9 @@ describe(TAG, () => {
     it("renders the link, title & body; also renders card as a link by default", () => {
         const element = render(mockProps);
 
-        const els = [
-            "dx-card-title",
-            ".dx-text-body-2",
-            "dx-icon-badge"
-        ].map((query) => element.shadowRoot.querySelector(query));
+        const els = ["dx-card-title", ".dx-text-body-2", "dx-icon-badge"].map(
+            (query) => element.shadowRoot.querySelector(query)
+        );
         const card = element.shadowRoot.querySelector(".dx-card-base");
 
         expect(els).not.toContain(null);
@@ -37,9 +35,8 @@ describe(TAG, () => {
             borderless: true
         });
 
-        const containerDiv: HTMLElement = element.shadowRoot.querySelector(
-            "div"
-        );
+        const containerDiv: HTMLElement =
+            element.shadowRoot.querySelector("div");
 
         expect(containerDiv.classList).toContain("has-icon");
         expect(containerDiv.classList).toContain("dx-card-base_borderless");
@@ -49,9 +46,8 @@ describe(TAG, () => {
         (isSlotEmpty as jest.Mock).mockReturnValue(false);
         const element = render(mockProps);
         const slot: HTMLSlotElement = element.shadowRoot.querySelector("slot");
-        const containerDiv: HTMLElement = element.shadowRoot.querySelector(
-            ".dx-card-base_ctas"
-        );
+        const containerDiv: HTMLElement =
+            element.shadowRoot.querySelector(".dx-card-base_ctas");
         slot.dispatchEvent(new Event("slotchange"));
         expect(isSlotEmpty).toBeCalledTimes(1);
         expect(stopPropagationOnSlotted).toBeCalledTimes(1);

package/src/modules/dx/cardSmall/cardSmall.ts

@@ -6,7 +6,7 @@ import {
     IconSymbol,
     IconBadgeShape
 } from "typings/custom";
-import { isSlotEmpty, stopPropagationOnSlotted } from "utils/slot";
+import { isSlotEmpty, stopPropagationOnSlotted } from "utils-internal/slot";
 
 export default class CardSmall extends LightningElement {
     @api badgeBackgroundColor?: string = "indigo-vibrant-50";

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

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

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

@@ -1,5 +1,5 @@
 import CardTrailheadModule from "dx/cardTrailheadModule";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-card-trailhead-module";

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

@@ -1,5 +1,5 @@
 import CardVideoPreview from "dx/cardVideoPreview";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-card-video-preview";

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

@@ -1,5 +1,5 @@
 import Checkbox from "dx/checkbox";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-checkbox";
@@ -68,9 +68,8 @@ describe(TAG, () => {
 
         element.addEventListener("change", mockChange);
 
-        const input: HTMLInputElement = element.shadowRoot.querySelector(
-            "input"
-        );
+        const input: HTMLInputElement =
+            element.shadowRoot.querySelector("input");
         input.checked = false;
         input.dispatchEvent(new InputEvent("change"));
 

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

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