@watermarkinsights/ripple 4.2.0-1 → 4.2.0

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

@@ -4,20 +4,20 @@ import { Uploader } from "./wm-uploader";
 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(),
 }));
 // mock MutationObserver
 global.MutationObserver = jest.fn().mockImplementation(() => ({
-    observe: jest.fn(),
-    unobserve: jest.fn(),
-    disconnect: jest.fn(),
+  observe: jest.fn(),
+  unobserve: jest.fn(),
+  disconnect: jest.fn(),
 }));
 describe("wm-uploader", () => {
-    let html, page;
-    beforeEach(async () => {
-        html = `<wm-uploader
+  let html, page;
+  beforeEach(async () => {
+    html = `<wm-uploader
     id="uploader1"
     button-text="Upload new document"
     max-size="200 MB"
@@ -26,173 +26,173 @@ describe("wm-uploader", () => {
       <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020" size="28 KB"></wm-file>
       <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019" size="3 MB""></wm-file>
     </wm-uploader>`;
-        page = await newSpecPage({ components: [Uploader, File], html });
-        await page.waitForChanges();
-    });
-    afterEach(() => {
-        html = undefined;
-        page = undefined;
-    });
-    it("has necessary aria properties", async () => {
-        let inputEl = page.root.shadowRoot.querySelector("input");
-        expect(inputEl).toEqualAttribute("aria-describedby", "file-count max-size accepted-types");
-        html = `<wm-uploader
+    page = await newSpecPage({ components: [Uploader, File], html });
+    await page.waitForChanges();
+  });
+  afterEach(() => {
+    html = undefined;
+    page = undefined;
+  });
+  it("has necessary aria properties", async () => {
+    let inputEl = page.root.shadowRoot.querySelector("input");
+    expect(inputEl).toEqualAttribute("aria-describedby", "file-count max-size accepted-types");
+    html = `<wm-uploader
     id="uploader1"
     button-text="Upload new document"
     label="example label"
     required-field="true"
     ></wm-uploader>`;
-        page = await newSpecPage({ components: [Uploader, File], html });
-        await page.waitForChanges();
-        inputEl = page.root.shadowRoot.querySelector("input");
-        expect(inputEl).toEqualAttribute("aria-label", "example label, Upload new document");
-        expect(inputEl).toEqualAttribute("aria-required", "true");
-        html = `<wm-uploader
+    page = await newSpecPage({ components: [Uploader, File], html });
+    await page.waitForChanges();
+    inputEl = page.root.shadowRoot.querySelector("input");
+    expect(inputEl).toEqualAttribute("aria-label", "example label, Upload new document");
+    expect(inputEl).toEqualAttribute("aria-required", "true");
+    html = `<wm-uploader
     id="uploader1"
     button-text="Upload new document"
     required-field="true"
     ></wm-uploader>`;
-        page = await newSpecPage({ components: [Uploader, File], html });
-        await page.waitForChanges();
-        inputEl = page.root.shadowRoot.querySelector("input");
-        expect(inputEl).toEqualAttribute("aria-label", "Upload new document");
-        html = `<wm-uploader
+    page = await newSpecPage({ components: [Uploader, File], html });
+    await page.waitForChanges();
+    inputEl = page.root.shadowRoot.querySelector("input");
+    expect(inputEl).toEqualAttribute("aria-label", "Upload new document");
+    html = `<wm-uploader
     id="uploader1"
     button-text="Upload new document"
     label="Upload new document"
     required-field="true"
     ></wm-uploader>`;
-        page = await newSpecPage({ components: [Uploader, File], html });
-        await page.waitForChanges();
-        inputEl = page.root.shadowRoot.querySelector("input");
-        expect(inputEl).toEqualAttribute("aria-label", "Upload new document");
-    });
-    it("renders button text based on button-text prop", () => {
-        const labelEl = page.root.shadowRoot.querySelector("label");
-        expect(labelEl.textContent).toBe("Upload new document");
-    });
-    it("uploads files", async () => {
-        const input = page.root.shadowRoot.querySelector("input");
-        // fake files which the components uploadFiles() function will process
-        // @ts-ignore
-        input.files = {
-            length: 2,
-            0: {
-                lastModified: 1562163068000,
-                lastModifiedDate: new Date(1562163068000),
-                name: "third_file.pdf",
-                size: 104857600,
-                type: "application/pdf",
-                webkitRelativePath: "",
-            },
-            1: {
-                lastModified: 1562062469000,
-                lastModifiedDate: new Date(1562062469000),
-                name: "fourth file.jpg",
-                size: 123456,
-                type: "image/jpeg",
-                webkitRelativePath: "",
-            },
-        };
-        // triggering the change event will run validations and emit event wmUploaderFilesSelected
-        const ev = new Event("change");
-        let validFiles = [];
-        page.root.addEventListener("wmUploaderFilesSelected", (ev) => (validFiles = ev.detail));
-        input.dispatchEvent(ev);
-        await page.waitForChanges();
-        expect(validFiles[0].name).toBe("third_file.pdf");
-        expect(validFiles[1].size).toBe(123456);
-    });
-    it("disables button when upload is in progress", async () => {
-        html = `<wm-uploader id="uploader1">
+    page = await newSpecPage({ components: [Uploader, File], html });
+    await page.waitForChanges();
+    inputEl = page.root.shadowRoot.querySelector("input");
+    expect(inputEl).toEqualAttribute("aria-label", "Upload new document");
+  });
+  it("renders button text based on button-text prop", () => {
+    const labelEl = page.root.shadowRoot.querySelector("label");
+    expect(labelEl.textContent).toBe("Upload new document");
+  });
+  it("uploads files", async () => {
+    const input = page.root.shadowRoot.querySelector("input");
+    // fake files which the components uploadFiles() function will process
+    // @ts-ignore
+    input.files = {
+      length: 2,
+      0: {
+        lastModified: 1562163068000,
+        lastModifiedDate: new Date(1562163068000),
+        name: "third_file.pdf",
+        size: 104857600,
+        type: "application/pdf",
+        webkitRelativePath: "",
+      },
+      1: {
+        lastModified: 1562062469000,
+        lastModifiedDate: new Date(1562062469000),
+        name: "fourth file.jpg",
+        size: 123456,
+        type: "image/jpeg",
+        webkitRelativePath: "",
+      },
+    };
+    // triggering the change event will run validations and emit event wmUploaderFilesSelected
+    const ev = new Event("change");
+    let validFiles = [];
+    page.root.addEventListener("wmUploaderFilesSelected", (ev) => (validFiles = ev.detail));
+    input.dispatchEvent(ev);
+    await page.waitForChanges();
+    expect(validFiles[0].name).toBe("third_file.pdf");
+    expect(validFiles[1].size).toBe(123456);
+  });
+  it("disables button when upload is in progress", async () => {
+    html = `<wm-uploader id="uploader1">
       <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020" size="28 KB" progress="30"></wm-file>
       <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019" size="3 MB""></wm-file>
     </wm-uploader>`;
-        page = await newSpecPage({ components: [Uploader, File], html });
-        await page.waitForChanges();
-        const labelEl = page.root.shadowRoot.querySelector("label");
-        expect(labelEl).toHaveClass("disabled");
-    });
-    it("renders max-files text, if set", async () => {
-        let html, page;
-        html = `<wm-uploader
+    page = await newSpecPage({ components: [Uploader, File], html });
+    await page.waitForChanges();
+    const labelEl = page.root.shadowRoot.querySelector("label");
+    expect(labelEl).toHaveClass("disabled");
+  });
+  it("renders max-files text, if set", async () => {
+    let html, page;
+    html = `<wm-uploader
       id="uploader1"
       button-text="Upload new document"
       ></wm-uploader>`;
-        page = await newSpecPage({ components: [Uploader, File], html });
-        await page.waitForChanges();
-        let fileCountEl = page.root.shadowRoot.querySelector("#file-count");
-        expect(fileCountEl).toBeFalsy();
-        html = `<wm-uploader
+    page = await newSpecPage({ components: [Uploader, File], html });
+    await page.waitForChanges();
+    let fileCountEl = page.root.shadowRoot.querySelector("#file-count");
+    expect(fileCountEl).toBeFalsy();
+    html = `<wm-uploader
     id="uploader1"
     max-files="3"
     >
       <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020" size="28 KB"></wm-file>
       <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019" size="3 MB""></wm-file>
     </wm-uploader>`;
-        page = await newSpecPage({ components: [Uploader, File], html });
-        await page.waitForChanges();
-        fileCountEl = page.root.shadowRoot.querySelector("#file-count");
-        expect(fileCountEl).toBeTruthy();
-        expect(fileCountEl.textContent).toBe("2 of 3 Files");
-    });
-    it("renders max-size text, if set", async () => {
-        let html, page;
-        html = `<wm-uploader
+    page = await newSpecPage({ components: [Uploader, File], html });
+    await page.waitForChanges();
+    fileCountEl = page.root.shadowRoot.querySelector("#file-count");
+    expect(fileCountEl).toBeTruthy();
+    expect(fileCountEl.textContent).toBe("2 of 3 Files");
+  });
+  it("renders max-size text, if set", async () => {
+    let html, page;
+    html = `<wm-uploader
       id="uploader1"
       button-text="Upload new document"
       ></wm-uploader>`;
-        page = await newSpecPage({ components: [Uploader, File], html });
-        await page.waitForChanges();
-        let maxSizeEl = page.root.shadowRoot.querySelector("#max-size");
-        expect(maxSizeEl).toBeFalsy();
-        html = `<wm-uploader
+    page = await newSpecPage({ components: [Uploader, File], html });
+    await page.waitForChanges();
+    let maxSizeEl = page.root.shadowRoot.querySelector("#max-size");
+    expect(maxSizeEl).toBeFalsy();
+    html = `<wm-uploader
       id="uploader1"
       max-size="25 MB"
       button-text="Upload new document"
       ></wm-uploader>`;
-        page = await newSpecPage({ components: [Uploader, File], html });
-        await page.waitForChanges();
-        maxSizeEl = page.root.shadowRoot.querySelector("#max-size");
-        expect(maxSizeEl).toBeTruthy();
-        expect(maxSizeEl.textContent).toBe("Maximum file size 25 MB");
-    });
-    it("announces error when max-files has been reached and button clicked", async () => {
-        html = `<wm-uploader
+    page = await newSpecPage({ components: [Uploader, File], html });
+    await page.waitForChanges();
+    maxSizeEl = page.root.shadowRoot.querySelector("#max-size");
+    expect(maxSizeEl).toBeTruthy();
+    expect(maxSizeEl.textContent).toBe("Maximum file size 25 MB");
+  });
+  it("announces error when max-files has been reached and button clicked", async () => {
+    html = `<wm-uploader
     id="uploader1"
     max-files="2"
     >
       <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020" size="28 KB"></wm-file>
       <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019" size="3 MB""></wm-file>
     </wm-uploader>`;
-        page = await newSpecPage({ components: [Uploader, File], html });
-        await page.waitForChanges();
-        const input = page.root.shadowRoot.querySelector("input");
-        input.click();
-        await page.waitForChanges();
-        const liveRegion = page.root.shadowRoot.querySelector(".live-region").textContent;
-        expect(liveRegion).toBe("The maximum number of files has been reached");
-    });
-    it("singularizes the accepted file types message", async () => {
-        let message = page.root.shadowRoot.querySelector("#accepted-types").textContent;
-        expect(message).toBe("Accepted file types: .pdf, .txt, .log, .xml, .doc, .docx, .xls, .xlsx, .ppt, .pptx, .gif, .jpg, .jpeg, .png, .csv");
-        html = `<wm-uploader
+    page = await newSpecPage({ components: [Uploader, File], html });
+    await page.waitForChanges();
+    const input = page.root.shadowRoot.querySelector("input");
+    input.click();
+    await page.waitForChanges();
+    const liveRegion = page.root.shadowRoot.querySelector(".live-region").textContent;
+    expect(liveRegion).toBe("The maximum number of files has been reached");
+  });
+  it("singularizes the accepted file types message", async () => {
+    let message = page.root.shadowRoot.querySelector("#accepted-types").textContent;
+    expect(message).toBe("Accepted file types: .pdf, .txt, .log, .xml, .doc, .docx, .xls, .xlsx, .ppt, .pptx, .gif, .jpg, .jpeg, .png, .csv");
+    html = `<wm-uploader
       id="uploader1"
       file-types="jpeg"
       button-text="Upload new document"
       files='[{"id": "file1", "name": "File retrieved from server", "type": "pdf", "lastUpdated": "1/28/2020"},{"id": "file2", "name": "Second file", "type": "jpeg", "lastUpdated": "2/14/2019"}]'
       ></wm-uploader>`;
-        page = await newSpecPage({ components: [Uploader, File], html });
-        await page.waitForChanges();
-        message = page.root.shadowRoot.querySelector("#accepted-types").textContent;
-        expect(message).toBe("Accepted file type: .jpeg");
-    });
-    it("provides wm-files with the proper show-info", async () => {
-        // defaults to time
-        let infoEl = await page.root.querySelector("wm-file").shadowRoot.querySelector(".file-info");
-        expect(infoEl.textContent).toBe("1/28/2020");
-        // size
-        html = `<wm-uploader
+    page = await newSpecPage({ components: [Uploader, File], html });
+    await page.waitForChanges();
+    message = page.root.shadowRoot.querySelector("#accepted-types").textContent;
+    expect(message).toBe("Accepted file type: .jpeg");
+  });
+  it("provides wm-files with the proper show-info", async () => {
+    // defaults to time
+    let infoEl = await page.root.querySelector("wm-file").shadowRoot.querySelector(".file-info");
+    expect(infoEl.textContent).toBe("1/28/2020");
+    // size
+    html = `<wm-uploader
     id="uploader1"
     button-text="Upload new document"
     show-info="size"
@@ -200,12 +200,12 @@ describe("wm-uploader", () => {
       <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020" size="28 KB"></wm-file>
       <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019" size="3 MB""></wm-file>
     </wm-uploader>`;
-        page = await newSpecPage({ components: [Uploader, File], html });
-        await page.waitForChanges();
-        infoEl = await page.root.querySelector("wm-file").shadowRoot.querySelector(".file-info");
-        expect(infoEl.textContent).toBe("28 KB");
-        // time
-        html = `<wm-uploader
+    page = await newSpecPage({ components: [Uploader, File], html });
+    await page.waitForChanges();
+    infoEl = await page.root.querySelector("wm-file").shadowRoot.querySelector(".file-info");
+    expect(infoEl.textContent).toBe("28 KB");
+    // time
+    html = `<wm-uploader
     id="uploader1"
     button-text="Upload new document"
     show-info="time"
@@ -213,12 +213,12 @@ describe("wm-uploader", () => {
       <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020" size="28 KB"></wm-file>
       <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019" size="3 MB""></wm-file>
     </wm-uploader>`;
-        page = await newSpecPage({ components: [Uploader, File], html });
-        await page.waitForChanges();
-        infoEl = await page.root.querySelector("wm-file").shadowRoot.querySelector(".file-info");
-        expect(infoEl.textContent).toBe("1/28/2020");
-        // none
-        html = `<wm-uploader
+    page = await newSpecPage({ components: [Uploader, File], html });
+    await page.waitForChanges();
+    infoEl = await page.root.querySelector("wm-file").shadowRoot.querySelector(".file-info");
+    expect(infoEl.textContent).toBe("1/28/2020");
+    // none
+    html = `<wm-uploader
     id="uploader1"
     button-text="Upload new document"
     show-info="none"
@@ -226,9 +226,9 @@ describe("wm-uploader", () => {
       <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020" size="28 KB"></wm-file>
       <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019" size="3 MB""></wm-file>
     </wm-uploader>`;
-        page = await newSpecPage({ components: [Uploader, File], html });
-        await page.waitForChanges();
-        infoEl = await page.root.querySelector("wm-file").shadowRoot.querySelector(".file-info");
-        expect(infoEl).toBe(null);
-    });
+    page = await newSpecPage({ components: [Uploader, File], html });
+    await page.waitForChanges();
+    infoEl = await page.root.querySelector("wm-file").shadowRoot.querySelector(".file-info");
+    expect(infoEl).toBe(null);
+  });
 });

package/dist/collection/components/wm-wrapper/wm-wrapper.js

@@ -1,28 +1,28 @@
 export class Wrapper {
-    componentDidLoad() {
-        this.wmWrapperLoaded.emit();
-    }
-    render() {
-        return;
-    }
-    static get is() { return "wm-wrapper"; }
-    static get events() {
-        return [{
-                "method": "wmWrapperLoaded",
-                "name": "wmWrapperLoaded",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
+  componentDidLoad() {
+    this.wmWrapperLoaded.emit();
+  }
+  render() {
+    return;
+  }
+  static get is() { return "wm-wrapper"; }
+  static get events() {
+    return [{
+        "method": "wmWrapperLoaded",
+        "name": "wmWrapperLoaded",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "el"; }
 }

package/dist/collection/global/__mocks__/functions.js

@@ -1,6 +1,6 @@
 export const generateId = () => "random-id";
 export const getTextDir = () => "rtl";
 export const intl = {
-    formatMessage: (_) => "[translated text]",
+  formatMessage: (_) => "[translated text]",
 };
 export const adjustTooltipPosition = () => "bottom-right";