@salesforcedevs/dx-components 0.26.1-alpha.13 → 0.26.1-alpha.14

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.26.1-alpha.13",
+    "version": "0.26.1-alpha.14",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/test-components/buttonTest/buttonTest.html

@@ -1,3 +0,0 @@
-<template>
-    <dx-button>test</dx-button>
-</template>

package/src/modules/test-components/buttonTest/buttonTest.ts

@@ -1,3 +0,0 @@
-import { LightningElement } from "lwc";
-
-export default class ButtonTest extends LightningElement {}

package/src/modules/test-components/codeBlockTest/codeBlockTest.js

@@ -1,4 +0,0 @@
-import { LightningElement } from "lwc";
-// Wrapper component required to test dx/featureGrid.
-// This component is not exposed in the build.
-export default class CodeBlockTest extends LightningElement {}

package/src/modules/test-components/featureGridTest/featureGridTest.html

@@ -1,7 +0,0 @@
-<template>
-    <dx-feature-grid>
-        <dx-feature button-label="Feature 1" title="Feature 1"></dx-feature>
-        <dx-feature button-label="Feature 2" title="Feature 2"></dx-feature>
-        <dx-feature button-label="Feature 3" title="Feature 3"></dx-feature>
-    </dx-feature-grid>
-</template>

package/src/modules/test-components/featureGridTest/featureGridTest.ts

@@ -1,5 +0,0 @@
-import { LightningElement } from "lwc";
-
-// Wrapper component required to test dx/featureGrid.
-// This component is not exposed in the build.
-export default class FeatureGridTest extends LightningElement {}

package/src/modules/test-components/instrumentationTest/instrumentationTest.html

@@ -1,4 +0,0 @@
-<template>
-    <button onclick={handleButtonClick}>Click me!</button>
-    <dx-instrumentation use-google-tag-manager></dx-instrumentation>
-</template>

package/src/modules/test-components/instrumentationTest/instrumentationTest.ts

@@ -1,8 +0,0 @@
-import { LightningElement } from "lwc";
-import { track } from "dx/instrumentation";
-
-export default class InstrumentationTest extends LightningElement {
-    handleButtonClick(e: MouseEvent) {
-        track(e.currentTarget, "buttonClick", { buttonName: "default" });
-    }
-}

package/src/modules/test-components/popoverTest/popoverTest.html

@@ -1,6 +0,0 @@
-<template>
-    <dx-popover open-on-hover={openOnHover}>
-        <dx-button slot="control">test control</dx-button>
-        <div slot="content">test content</div>
-    </dx-popover>
-</template>

package/src/modules/test-components/popoverTest/popoverTest.ts

@@ -1,5 +0,0 @@
-import { LightningElement, api } from "lwc";
-
-export default class PopoverTest extends LightningElement {
-    @api openOnHover: boolean = false;
-}

package/src/modules/utils-internal/jest/jest.ts

@@ -1,58 +0,0 @@
-const mockMediaMatch = (matches: boolean) => (query: string) => ({
-    matches,
-    media: query,
-    onchange: null,
-    addListener: jest.fn(),
-    removeListener: jest.fn(),
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn()
-});
-
-export const createMediaMock = (
-    defaultMatch = false,
-    matchesList: Array<boolean> = []
-) => {
-    const mediaMock = jest.fn(mockMediaMatch(defaultMatch));
-    matchesList.forEach((value) =>
-        mediaMock.mockImplementationOnce(mockMediaMatch(value))
-    );
-    return mediaMock;
-};
-
-export const matchMediaMock = createMediaMock();
-
-export const mockLocalStorage = function () {
-    let store: { [key: string]: string } = {};
-    return {
-        getItem: function (key: string) {
-            return store[key] || null;
-        },
-        setItem: function (key: string, value: string) {
-            store[key] = value.toString();
-        },
-        removeItem: function (key: string) {
-            delete store[key];
-        },
-        clear: function () {
-            store = {};
-        }
-    };
-};
-
-export const mockQueryParameter = (q: string): void => {
-    global.window = Object.create(window);
-    const search = q ? `?q=${q}` : "";
-    const href = `http://dummy.com${search}`;
-    // @ts-ignore
-    delete window.location.value;
-    Object.defineProperty(window, "location", {
-        value: {
-            href,
-            search
-        },
-        writable: true
-    });
-};
-
-export const unmockQueryParameter = () => mockQueryParameter("");

package/src/modules/utils-internal/storybook/storybook.ts

@@ -1,32 +0,0 @@
-import { html } from "lit-html";
-
-export const createRenderComponents =
-    (component: string) =>
-    (num: number = 12, props: string = "") => {
-        let shell = ``;
-        for (let i = 0; i < num; i++) {
-            const insertIndex = component.indexOf(">");
-            const _component = [
-                component.slice(0, insertIndex),
-                ` ${props}`,
-                component.slice(insertIndex)
-            ].join("");
-            shell = `
-        ${shell}
-        ${_component}
-      `;
-        }
-        return shell;
-    };
-
-export const renderStyle = (componentTag: string) => html`
-    <style>
-        span {
-            color: grey;
-        }
-        ${componentTag} {
-            margin-top: 16px;
-            margin-bottom: 36px;
-        }
-    </style>
-`;

package/src/modules/utils-internal/tests/tests.ts

@@ -1,38 +0,0 @@
-import { createElement, LightningElement } from "lwc";
-
-export const renderLightningElement = (
-    element: LightningElement,
-    properties = {}
-) => {
-    Object.assign(element, properties);
-    document.body.appendChild(element as unknown as Node);
-    return element;
-};
-
-export const createRenderComponent =
-    (tag: string, LWC: new () => LightningElement) =>
-    (properties = {}) => {
-        const component = createElement(tag, {
-            is: LWC
-        });
-
-        renderLightningElement(component, properties);
-        return component;
-    };
-
-export const mockSlottedElement = <T extends HTMLElement>(
-    element: any,
-    elementType = "button",
-    slotName?: string
-): { slottedElement: T; slot: HTMLSlotElement } => {
-    const slot: HTMLSlotElement = element.shadowRoot.querySelector(
-        `slot${slotName ? `[name='${slotName}` : ""}']`
-    );
-    expect(slot).not.toBeNull();
-
-    const slottedElement = document.createElement(elementType) as T;
-    slot.assignedElements = jest.fn(() => [slottedElement]);
-    slot.dispatchEvent(new Event("slotchange"));
-
-    return { slottedElement, slot };
-};