@watermarkinsights/ripple 4.3.0 → 4.4.0-0

package/dist/collection/components/wm-file/wm-file.spec.js

@@ -2,16 +2,16 @@ import { newSpecPage } from "@stencil/core/testing";
 import { File } from "./wm-file";
 // mock ResizeObserver
 global.ResizeObserver = jest.fn().mockImplementation(() => ({
-  observe: jest.fn(),
-  unobserve: jest.fn(),
-  disconnect: jest.fn(),
+    observe: jest.fn(),
+    unobserve: jest.fn(),
+    disconnect: jest.fn(),
 }));
 describe("wm-file", () => {
-  let html, page;
-  async function createPageHelper() {
-    return await newSpecPage({
-      components: [File],
-      html: `<wm-file 
+    let html, page;
+    async function createPageHelper() {
+        return await newSpecPage({
+            components: [File],
+            html: `<wm-file 
       id="file1"
       name="File retrieved from server"
       type="pdf"
@@ -20,10 +20,10 @@ describe("wm-file", () => {
       file-actions="download preview delete"
       >
       </wm-file>`,
-    });
-  }
-  it("renders green check alongside recently uploaded files", async () => {
-    html = `<wm-file 
+        });
+    }
+    it("renders green check alongside recently uploaded files", async () => {
+        html = `<wm-file 
     id="file1"
     name="File retrieved from server"
     type="pdf"
@@ -33,13 +33,13 @@ describe("wm-file", () => {
     progress="100"
     >
     </wm-file>`;
-    page = await newSpecPage({ components: [File], html });
-    await page.waitForChanges();
-    const fileWrapperEl = page.root.shadowRoot.querySelector(".file-wrapper");
-    expect(fileWrapperEl).toHaveClass("checked");
-  });
-  it("renders file actions in the proper order", async () => {
-    html = `<wm-file 
+        page = await newSpecPage({ components: [File], html });
+        await page.waitForChanges();
+        const fileWrapperEl = page.root.shadowRoot.querySelector(".file-wrapper");
+        expect(fileWrapperEl).toHaveClass("checked");
+    });
+    it("renders file actions in the proper order", async () => {
+        html = `<wm-file 
     id="file1"
     name="File retrieved from server"
     type="pdf"
@@ -48,15 +48,15 @@ describe("wm-file", () => {
     file-actions="download delete preview"
     >
     </wm-file>`;
-    page = await newSpecPage({ components: [File], html });
-    await page.waitForChanges();
-    const fileActionEls = page.root.shadowRoot.querySelectorAll("wm-button");
-    expect(fileActionEls[0]).toEqualAttribute("tooltip", "Preview");
-    expect(fileActionEls[1]).toEqualAttribute("tooltip", "Download");
-    expect(fileActionEls[2]).toEqualAttribute("tooltip", "Delete");
-  });
-  it("defaults available actions to download and delete", async () => {
-    html = `<wm-file 
+        page = await newSpecPage({ components: [File], html });
+        await page.waitForChanges();
+        const fileActionEls = page.root.shadowRoot.querySelectorAll("wm-button");
+        expect(fileActionEls[0]).toEqualAttribute("tooltip", "Preview");
+        expect(fileActionEls[1]).toEqualAttribute("tooltip", "Download");
+        expect(fileActionEls[2]).toEqualAttribute("tooltip", "Delete");
+    });
+    it("defaults available actions to download and delete", async () => {
+        html = `<wm-file 
     id="file1"
     name="File retrieved from server"
     type="pdf"
@@ -64,17 +64,17 @@ describe("wm-file", () => {
     size="22 KB"
     >
     </wm-file>`;
-    page = await newSpecPage({ components: [File], html });
-    await page.waitForChanges();
-    const deleteButton = page.root.shadowRoot.querySelector(".delete-button");
-    const downloadButton = page.root.shadowRoot.querySelector(".download-button");
-    const previewButton = page.root.shadowRoot.querySelector(".preview-button");
-    expect(deleteButton).toBeTruthy();
-    expect(downloadButton).toBeTruthy();
-    expect(previewButton).toBeFalsy();
-  });
-  it("displays no file actions when an empty string is passed", async () => {
-    html = `<wm-file 
+        page = await newSpecPage({ components: [File], html });
+        await page.waitForChanges();
+        const deleteButton = page.root.shadowRoot.querySelector(".delete-button");
+        const downloadButton = page.root.shadowRoot.querySelector(".download-button");
+        const previewButton = page.root.shadowRoot.querySelector(".preview-button");
+        expect(deleteButton).toBeTruthy();
+        expect(downloadButton).toBeTruthy();
+        expect(previewButton).toBeFalsy();
+    });
+    it("displays no file actions when an empty string is passed", async () => {
+        html = `<wm-file 
     id="file1"
     name="File retrieved from server"
     type="pdf"
@@ -83,23 +83,23 @@ describe("wm-file", () => {
     file-actions=""
     >
     </wm-file>`;
-    page = await newSpecPage({ components: [File], html });
-    await page.waitForChanges();
-    const deleteButton = page.root.shadowRoot.querySelector(".delete-button");
-    const downloadButton = page.root.shadowRoot.querySelector(".download-button");
-    const previewButton = page.root.shadowRoot.querySelector(".preview-button");
-    expect(deleteButton).toBeFalsy();
-    expect(downloadButton).toBeFalsy();
-    expect(previewButton).toBeFalsy();
-  });
-  it("renders timestamp by default, size if specified, or none based on show-info prop", async () => {
-    page = await createPageHelper();
-    await page.waitForChanges();
-    let fileInfoEl = page.root.shadowRoot.querySelector(".file-info");
-    expect(fileInfoEl.textContent).toBe("10/30/97 3:46 PM");
-    page = await newSpecPage({
-      components: [File],
-      html: `<wm-file 
+        page = await newSpecPage({ components: [File], html });
+        await page.waitForChanges();
+        const deleteButton = page.root.shadowRoot.querySelector(".delete-button");
+        const downloadButton = page.root.shadowRoot.querySelector(".download-button");
+        const previewButton = page.root.shadowRoot.querySelector(".preview-button");
+        expect(deleteButton).toBeFalsy();
+        expect(downloadButton).toBeFalsy();
+        expect(previewButton).toBeFalsy();
+    });
+    it("renders timestamp by default, size if specified, or none based on show-info prop", async () => {
+        page = await createPageHelper();
+        await page.waitForChanges();
+        let fileInfoEl = page.root.shadowRoot.querySelector(".file-info");
+        expect(fileInfoEl.textContent).toBe("10/30/97 3:46 PM");
+        page = await newSpecPage({
+            components: [File],
+            html: `<wm-file 
       id="file1"
       name="File retrieved from server"
       type="pdf"
@@ -109,13 +109,13 @@ describe("wm-file", () => {
       show-info="size"
       >
       </wm-file>`,
-    });
-    await page.waitForChanges();
-    fileInfoEl = page.root.shadowRoot.querySelector(".file-info");
-    expect(fileInfoEl.textContent).toBe("22 KB");
-    page = await newSpecPage({
-      components: [File],
-      html: `<wm-file 
+        });
+        await page.waitForChanges();
+        fileInfoEl = page.root.shadowRoot.querySelector(".file-info");
+        expect(fileInfoEl.textContent).toBe("22 KB");
+        page = await newSpecPage({
+            components: [File],
+            html: `<wm-file 
       id="file1"
       name="File retrieved from server"
       type="pdf"
@@ -125,13 +125,13 @@ describe("wm-file", () => {
       show-info="time"
       >
       </wm-file>`,
-    });
-    await page.waitForChanges();
-    fileInfoEl = page.root.shadowRoot.querySelector(".file-info");
-    expect(fileInfoEl.textContent).toBe("10/30/97 3:46 PM");
-    page = await newSpecPage({
-      components: [File],
-      html: `<wm-file 
+        });
+        await page.waitForChanges();
+        fileInfoEl = page.root.shadowRoot.querySelector(".file-info");
+        expect(fileInfoEl.textContent).toBe("10/30/97 3:46 PM");
+        page = await newSpecPage({
+            components: [File],
+            html: `<wm-file 
       id="file1"
       name="File retrieved from server"
       type="pdf"
@@ -141,16 +141,16 @@ describe("wm-file", () => {
       show-info="none"
       >
       </wm-file>`,
+        });
+        await page.waitForChanges();
+        fileInfoEl = page.root.shadowRoot.querySelector(".file-info");
+        expect(fileInfoEl).toBeFalsy();
     });
-    await page.waitForChanges();
-    fileInfoEl = page.root.shadowRoot.querySelector(".file-info");
-    expect(fileInfoEl).toBeFalsy();
-  });
-  it("emits the appropriate events when user clicks the buttons", async () => {
-    const filePreviewedSpy = jest.fn();
-    const fileDownloadedSpy = jest.fn();
-    const fileDeletedSpy = jest.fn();
-    html = `<wm-file 
+    it("emits the appropriate events when user clicks the buttons", async () => {
+        const filePreviewedSpy = jest.fn();
+        const fileDownloadedSpy = jest.fn();
+        const fileDeletedSpy = jest.fn();
+        html = `<wm-file 
       id="file1"
       name="File retrieved from server"
       type="pdf"
@@ -159,36 +159,36 @@ describe("wm-file", () => {
       file-actions="download preview delete"
       >
       </wm-file>`;
-    page = await newSpecPage({ components: [File], html });
-    await page.waitForChanges();
-    page.root.addEventListener("wmFilePreview", filePreviewedSpy);
-    page.root.addEventListener("wmFileDownload", fileDownloadedSpy);
-    page.root.addEventListener("wmFileDelete", fileDeletedSpy);
-    // wmFilePreview
-    page.root.shadowRoot.querySelector(".preview-button").click();
-    await page.waitForChanges();
-    expect(filePreviewedSpy.mock.calls[0][0].target.id).toBe("file1");
-    // wmFileDownload
-    page.root.shadowRoot.querySelector(".download-button").click();
-    await page.waitForChanges();
-    expect(fileDownloadedSpy.mock.calls[0][0].target.id).toBe("file1");
-    // wmFileDelete
-    page.root.shadowRoot.querySelector(".delete-button").click();
-    await page.waitForChanges();
-    expect(fileDeletedSpy.mock.calls[0][0].target.id).toBe("file1");
-    jest.restoreAllMocks();
-  });
-  it("renders with an error if one is passed", async () => {
-    html = `<wm-file
+        page = await newSpecPage({ components: [File], html });
+        await page.waitForChanges();
+        page.root.addEventListener("wmFilePreview", filePreviewedSpy);
+        page.root.addEventListener("wmFileDownload", fileDownloadedSpy);
+        page.root.addEventListener("wmFileDelete", fileDeletedSpy);
+        // wmFilePreview
+        page.root.shadowRoot.querySelector(".preview-button").click();
+        await page.waitForChanges();
+        expect(filePreviewedSpy.mock.calls[0][0].target.id).toBe("file1");
+        // wmFileDownload
+        page.root.shadowRoot.querySelector(".download-button").click();
+        await page.waitForChanges();
+        expect(fileDownloadedSpy.mock.calls[0][0].target.id).toBe("file1");
+        // wmFileDelete
+        page.root.shadowRoot.querySelector(".delete-button").click();
+        await page.waitForChanges();
+        expect(fileDeletedSpy.mock.calls[0][0].target.id).toBe("file1");
+        jest.restoreAllMocks();
+    });
+    it("renders with an error if one is passed", async () => {
+        html = `<wm-file
       id="file1"
       error-message="Example error message"
       file='{"id": "file1", "name": "File retrieved from server.pdf", "lastUpdated": "10/30/97 3:46 PM", "size": "22 KB", "fileActions": "download preview delete"}'
       ></wm-file>`;
-    page = await newSpecPage({ components: [File], html });
-    await page.waitForChanges();
-    const fileDiv = page.root.shadowRoot.querySelector(".file");
-    expect(fileDiv).toHaveClass("--error");
-    const errorText = page.root.shadowRoot.querySelector(".error-message");
-    expect(errorText.textContent).toBe("Example error message");
-  });
+        page = await newSpecPage({ components: [File], html });
+        await page.waitForChanges();
+        const fileDiv = page.root.shadowRoot.querySelector(".file");
+        expect(fileDiv).toHaveClass("--error");
+        const errorText = page.root.shadowRoot.querySelector(".error-message");
+        expect(errorText.textContent).toBe("Example error message");
+    });
 });

package/dist/collection/components/wm-file-list/wm-file-list.js

@@ -1,45 +1,45 @@
 import { h } from "@stencil/core";
 export class FileList {
-  constructor() {
-    this.showInfo = "time";
-  }
-  render() {
-    return (h("div", { role: "list", class: "list-wrapper" }, h("slot", null)));
-  }
-  static get is() { return "wm-file-list"; }
-  static get encapsulation() { return "shadow"; }
-  static get delegatesFocus() { return true; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["wm-file-list.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["wm-file-list.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "showInfo": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"size\" | \"time\" | \"none\"",
-          "resolved": "\"none\" | \"size\" | \"time\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "show-info",
-        "reflect": false,
-        "defaultValue": "\"time\""
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
+    constructor() {
+        this.showInfo = "time";
+    }
+    render() {
+        return (h("div", { role: "list", class: "list-wrapper" }, h("slot", null)));
+    }
+    static get is() { return "wm-file-list"; }
+    static get encapsulation() { return "shadow"; }
+    static get delegatesFocus() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["wm-file-list.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["wm-file-list.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "showInfo": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"size\" | \"time\" | \"none\"",
+                    "resolved": "\"none\" | \"size\" | \"time\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-info",
+                "reflect": false,
+                "defaultValue": "\"time\""
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
 }

package/dist/collection/components/wm-file-list/wm-file-list.spec.js

@@ -3,67 +3,67 @@ import { FileList } from "./wm-file-list";
 import { File } from "../wm-file/wm-file";
 // mock ResizeObserver
 global.ResizeObserver = jest.fn().mockImplementation(() => ({
-  observe: jest.fn(),
-  unobserve: jest.fn(),
-  disconnect: jest.fn(),
+    observe: jest.fn(),
+    unobserve: jest.fn(),
+    disconnect: jest.fn(),
 }));
 describe("wm-file-list", () => {
-  let page;
-  async function createPageHelper() {
-    return await newSpecPage({
-      components: [FileList, File],
-      html: `<wm-file-list id="filelist1">
+    let page;
+    async function createPageHelper() {
+        return await newSpecPage({
+            components: [FileList, File],
+            html: `<wm-file-list id="filelist1">
         <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020 5:29 PM" file-actions="preview download"></wm-file>
         <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019 7:21 AM" file-actions="preview download"></wm-file>
       </wm-file-list>`,
+        });
+    }
+    it("renders all files", async () => {
+        page = await createPageHelper();
+        await page.waitForChanges();
+        let fileEls = page.root.querySelectorAll("wm-file");
+        expect(fileEls.length).toBe(2);
+        expect(fileEls[0]).toEqualAttribute("id", "file1");
+        expect(fileEls[1]).toEqualAttribute("id", "file2");
     });
-  }
-  it("renders all files", async () => {
-    page = await createPageHelper();
-    await page.waitForChanges();
-    let fileEls = page.root.querySelectorAll("wm-file");
-    expect(fileEls.length).toBe(2);
-    expect(fileEls[0]).toEqualAttribute("id", "file1");
-    expect(fileEls[1]).toEqualAttribute("id", "file2");
-  });
-  it("passes on show-info to it's children wm-files", async () => {
-    page = await createPageHelper();
-    await page.waitForChanges();
-    // default (time)
-    let fileEl = page.root.querySelector("wm-file");
-    expect(fileEl.showInfo).toBe("time");
-    // size
-    page = await newSpecPage({
-      components: [FileList, File],
-      html: `<wm-file-list id="filelist1" show-info="size">
+    it("passes on show-info to it's children wm-files", async () => {
+        page = await createPageHelper();
+        await page.waitForChanges();
+        // default (time)
+        let fileEl = page.root.querySelector("wm-file");
+        expect(fileEl.showInfo).toBe("time");
+        // size
+        page = await newSpecPage({
+            components: [FileList, File],
+            html: `<wm-file-list id="filelist1" show-info="size">
       <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020 5:29 PM" file-actions="preview download"></wm-file>
       <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019 7:21 AM" file-actions="preview download"></wm-file>
     </wm-file-list>`,
-    });
-    await page.waitForChanges();
-    fileEl = page.root.querySelector("wm-file");
-    expect(fileEl.showInfo).toBe("size");
-    // time (specified)
-    page = await newSpecPage({
-      components: [FileList, File],
-      html: `<wm-file-list id="filelist1" show-info="time">
+        });
+        await page.waitForChanges();
+        fileEl = page.root.querySelector("wm-file");
+        expect(fileEl.showInfo).toBe("size");
+        // time (specified)
+        page = await newSpecPage({
+            components: [FileList, File],
+            html: `<wm-file-list id="filelist1" show-info="time">
       <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020 5:29 PM" file-actions="preview download"></wm-file>
       <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019 7:21 AM" file-actions="preview download"></wm-file>
     </wm-file-list>`,
-    });
-    await page.waitForChanges();
-    fileEl = page.root.querySelector("wm-file");
-    expect(fileEl.showInfo).toBe("time");
-    // none
-    page = await newSpecPage({
-      components: [FileList, File],
-      html: `<wm-file-list id="filelist1" show-info="none">
+        });
+        await page.waitForChanges();
+        fileEl = page.root.querySelector("wm-file");
+        expect(fileEl.showInfo).toBe("time");
+        // none
+        page = await newSpecPage({
+            components: [FileList, File],
+            html: `<wm-file-list id="filelist1" show-info="none">
       <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020 5:29 PM" file-actions="preview download"></wm-file>
       <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019 7:21 AM" file-actions="preview download"></wm-file>
     </wm-file-list>`,
+        });
+        await page.waitForChanges();
+        fileEl = page.root.querySelector("wm-file");
+        expect(fileEl.showInfo).toBe("none");
     });
-    await page.waitForChanges();
-    fileEl = page.root.querySelector("wm-file");
-    expect(fileEl.showInfo).toBe("none");
-  });
 });

package/dist/collection/components/wm-input/wm-input.e2e.js

@@ -1,32 +1,32 @@
 import AxePuppeteer from "@axe-core/puppeteer";
 import { newE2EPage } from "@stencil/core/testing";
 describe("wm-input", () => {
-  // ts throws erroneous warning about vars being unused...
-  // @ts-ignore
-  let page, el, inputField;
-  beforeEach(async () => {
-    page = await newE2EPage();
-    await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
+    // ts throws erroneous warning about vars being unused...
+    // @ts-ignore
+    let page, el, inputField;
+    beforeEach(async () => {
+        page = await newE2EPage();
+        await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
       <wm-input label="input"></wm-input>
       </main></body></html>`);
-    el = await page.find("wm-input");
-    inputField = await page.find("wm-input >>> input");
-    await page.waitForChanges();
-  });
-  it("passes Axe checks", async () => {
-    const results = await new AxePuppeteer(page).analyze();
-    expect(results.violations.length).toBe(0);
-  });
-  it("updates input value when changed programatically", async () => {
-    el.setProperty("value", "33245");
-    await page.waitForChanges();
-    const value = await el.getProperty("value");
-    expect(value).toBe("33245");
-  });
-  it("updates value prop when user types", async () => {
-    await inputField.type("example");
-    await page.waitForChanges();
-    const value = await el.getProperty("value");
-    expect(value).toBe("example");
-  });
+        el = await page.find("wm-input");
+        inputField = await page.find("wm-input >>> input");
+        await page.waitForChanges();
+    });
+    it("passes Axe checks", async () => {
+        const results = await new AxePuppeteer(page).analyze();
+        expect(results.violations.length).toBe(0);
+    });
+    it("updates input value when changed programatically", async () => {
+        el.setProperty("value", "33245");
+        await page.waitForChanges();
+        const value = await el.getProperty("value");
+        expect(value).toBe("33245");
+    });
+    it("updates value prop when user types", async () => {
+        await inputField.type("example");
+        await page.waitForChanges();
+        const value = await el.getProperty("value");
+        expect(value).toBe("example");
+    });
 });