@salesforcedevs/dx-components 0.26.1-alpha.12 → 0.26.1-alpha.17

package/lwc.config.json

@@ -80,7 +80,7 @@
         "helpers/reset",
         "helpers/table",
         "helpers/text",
-        "utils-internal/headerBase",
+        "base-elements/headerBase",
         "utils/normalizers",
         "utils/highlight"
     ]

package/package.json

@@ -1,18 +1,11 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.26.1-alpha.12",
+    "version": "0.26.1-alpha.17",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
         "node": ">= 14.x"
     },
-    "files": [
-        "src/modules/dx",
-        "src/modules/utils",
-        "src/modules/helpers",
-        "lwc.config.json",
-        "!**/__tests__/"
-    ],
     "publishConfig": {
         "access": "public"
     },

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

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

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

@@ -1,6 +1,6 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
-import { toDxColor } from "utils-internal/css";
+import { toDxColor } from "utils/css";
 import { track } from "dx/instrumentation";
 
 export default class CardCallout extends LightningElement {

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-internal/slot";
-import { toDxColor } from "utils-internal/css";
+import { isSlotEmpty } from "utils/slot";
+import { toDxColor } from "utils/css";
 
 export default class CardContent extends LightningElement {
     @api authorHref?: string | null = null;

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-internal/slot";
+import { stopPropagationOnSlotted } from "utils/slot";
 
 export default class CardDocs extends LightningElement {
     @api body!: string;

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
-import { toDxColor } from "utils-internal/css";
+import { toDxColor } from "utils/css";
 import {
     CardNewsButtonType,
     CardNewsImagePlacement,

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

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

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

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

package/src/modules/dx/codeBlock/codeBlock.ts

@@ -1,7 +1,7 @@
 import { LightningElement, api, wire, track } from "lwc";
 import { CodeBlockTheme, CodeBlockLanguage } from "typings/custom";
 import cx from "classnames";
-import Prism from "utils-internal/prismjs";
+import Prism from "utils/prismjs";
 import {
     getLocalStorageData,
     setLocalStorageData

package/src/modules/dx/dropdown/dropdown.ts

@@ -2,7 +2,7 @@ import { Option, PopperPlacement } from "typings/custom";
 import { LightningElement, api, track } from "lwc";
 import cx from "classnames";
 import get from "lodash.get";
-import { deepmapOptions } from "utils-internal/options";
+import { deepmapOptions } from "utils/options";
 import { toJson } from "utils/normalizers";
 
 interface DropdownOption extends Option {

package/src/modules/dx/featuredContentHeader/featuredContentHeader.ts

@@ -1,7 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { LightningSlotElement } from "typings/custom";
-import { isSlotEmpty } from "utils-internal/slot";
+import { isSlotEmpty } from "utils/slot";
 import { toJson } from "utils/normalizers";
 import { ImageAndLabel } from "../imageAndLabel";
 import svgs from "./svgs";

package/src/modules/dx/groupText/groupText.ts

@@ -1,7 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { LightningSlotElement, Link } from "typings/custom";
-import { isSlotEmpty } from "packages/@salesforcedevs/dx-components/src/modules/utils/slot/slot";
+import { isSlotEmpty } from "utils/slot";
 import { toJson } from "utils/normalizers";
 
 type OptionalLink = Link | null;

package/src/modules/dx/header/header.ts

@@ -1,5 +1,5 @@
 import { api } from "lwc";
-import { HeaderBase } from "utils-internal/headerBase";
+import { HeaderBase } from "base-elements/headerBase";
 import { toJson } from "utils/normalizers";
 import type { Option } from "typings/custom";
 

package/src/modules/dx/headerMobileNavMenu/headerMobileNavMenu.ts

@@ -1,7 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { Option } from "typings/custom";
-import { deepmapOptions } from "utils-internal/options";
+import { deepmapOptions } from "utils/options";
 
 export default class HeaderMobileNavMenu extends LightningElement {
     @api open: boolean = false;

package/src/modules/dx/headerSearch/headerSearch.ts

@@ -1,7 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { PopoverRequestCloseType, Option } from "typings/custom";
-import { buildSearchEngine } from "utils-internal/coveo";
+import { buildSearchEngine } from "utils/coveo";
 import {
     StandaloneSearchBox as StandaloneSearchBoxType,
     StandaloneSearchBoxState,

package/src/modules/dx/icon/icon.ts

@@ -1,6 +1,6 @@
 import { LightningElement, api } from "lwc";
 import { IconSprite, IconSize, IconSymbol } from "typings/custom";
-import { toDxColor } from "utils-internal/css";
+import { toDxColor } from "utils/css";
 
 const fetches = new Map<string, Promise<any>>();
 

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-internal/css";
+import { toDxColor } from "utils/css";
 
 const validShapes = ["square", "circle"];
 

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-internal/devices";
+import { isMac } from "utils/devices";
 import { isValidEmail } from "./validators";
 
 type ValidatorMap = {

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-internal/seo";
+import { isPrerender } from "utils/seo";
 
 const isEventOutsideElements = (
     e: Event,

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

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

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

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

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

@@ -14,11 +14,8 @@ import {
     SearchAppState,
     loadQueryActions
 } from "@coveo/headless";
-import {
-    buildSearchEngine,
-    getSidebarSearchParams
-} from "utils-internal/coveo";
-import { RecentSearches } from "utils-internal/recentSearches";
+import { buildSearchEngine, getSidebarSearchParams } from "utils/coveo";
+import { RecentSearches } from "utils/recentSearches";
 import { toJson } from "utils/normalizers";
 import {
     Option,

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

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

package/src/modules/utils/highlight/highlight.ts

@@ -1,4 +1,4 @@
-import { createSearchRegExp } from "utils-internal/regexps";
+import { createSearchRegExp } from "utils/regexps";
 
 const MARK_TAGS = /<\/?mark>/gi;
 

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

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

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

@@ -1,49 +0,0 @@
-import BrandThemeProvider, { toCss } from "dx/brandThemeProvider";
-import { createRenderComponent } from "utils-internal/tests";
-import brandCssVars from "../brandCssVars";
-
-const TAG = "dx-brand-theme-provider";
-const render = createRenderComponent(TAG, BrandThemeProvider);
-
-describe(TAG, () => {
-    it("renders", () => {
-        const element = render();
-        return expect(element).toBeAccessible();
-    });
-
-    it("all css variables are accounted for", () => {
-        const brand = "commerce";
-        const element = render({ brand });
-
-        const style = element.shadowRoot.querySelector("style");
-        const { textContent } = style.childNodes[0];
-        brandCssVars.forEach((v: string) => {
-            expect(textContent).toContain(
-                `${v}: var(${v.replace("current", brand)});`
-            );
-        });
-
-        return expect(element).toBeAccessible();
-    });
-
-    it("renders a style element with textcontent that matches the output from the tocss fn()", () => {
-        const brand = "commerce";
-        const element = render({ brand });
-
-        const expectedTextContent = toCss(brand);
-        const style = element.shadowRoot.querySelector("style");
-        const { textContent } = style.childNodes[0];
-        expect(textContent).toEqual(expectedTextContent);
-        return expect(element).toBeAccessible();
-    });
-
-    it("keeps one style element with one childnode at a time", () => {
-        const brand = "commerce";
-        const element = render({ brand });
-
-        const styles = element.shadowRoot.querySelectorAll("style");
-        expect(styles.length).toEqual(1);
-        expect(Array.from(styles[0].childNodes).length).toEqual(1);
-        return expect(element).toBeAccessible();
-    });
-});