@watermarkinsights/ripple 4.3.0 → 4.4.0-0

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

@@ -1,54 +1,54 @@
 import { newSpecPage } from "@stencil/core/testing";
 import { Menuitem } from "./wm-menuitem";
 describe("wm-menuitem", () => {
-  it("builds", async () => {
-    const comp = await newSpecPage({
-      components: [Menuitem],
-      html: "<wm-menuitem><wm-menuitem>",
+    it("builds", async () => {
+        const comp = await newSpecPage({
+            components: [Menuitem],
+            html: "<wm-menuitem><wm-menuitem>",
+        });
+        expect(comp.root).toMatchSnapshot();
     });
-    expect(comp.root).toMatchSnapshot();
-  });
-  it("handles disabled onClick function", async () => {
-    const page = await newSpecPage({
-      components: [Menuitem],
-      html: "<wm-menuitem><wm-menuitem>",
+    it("handles disabled onClick function", async () => {
+        const page = await newSpecPage({
+            components: [Menuitem],
+            html: "<wm-menuitem><wm-menuitem>",
+        });
+        const menuItem = page.root;
+        const onClickFunc = () => console.log("Message");
+        menuItem.onclick = onClickFunc;
+        expect(menuItem.onclick).toEqual(onClickFunc);
+        menuItem.disabled = true;
+        expect(menuItem.onclick).toBe(null);
+        menuItem.disabled = false;
+        expect(menuItem.onclick).toEqual(onClickFunc);
     });
-    const menuItem = page.root;
-    const onClickFunc = () => console.log("Message");
-    menuItem.onclick = onClickFunc;
-    expect(menuItem.onclick).toEqual(onClickFunc);
-    menuItem.disabled = true;
-    expect(menuItem.onclick).toBe(null);
-    menuItem.disabled = false;
-    expect(menuItem.onclick).toEqual(onClickFunc);
-  });
-  it("renders description if prop is present", async () => {
-    const page = await newSpecPage({
-      components: [Menuitem],
-      html: "<wm-menuitem description='Description here'><wm-menuitem>",
+    it("renders description if prop is present", async () => {
+        const page = await newSpecPage({
+            components: [Menuitem],
+            html: "<wm-menuitem description='Description here'><wm-menuitem>",
+        });
+        const descriptionEl = page.root.shadowRoot.querySelector(".description");
+        expect(descriptionEl === null || descriptionEl === void 0 ? void 0 : descriptionEl.textContent).toBe("Description here");
     });
-    const descriptionEl = page.root.shadowRoot.querySelector(".description");
-    expect(descriptionEl === null || descriptionEl === void 0 ? void 0 : descriptionEl.textContent).toBe("Description here");
-  });
-  describe("error throwing", () => {
-    it("throws error when description is over character limit", async () => {
-      const mockFunc = jest.fn();
-      console.error = mockFunc;
-      const description = "q".repeat(200);
-      await newSpecPage({
-        components: [Menuitem],
-        html: `<wm-menuitem description='${description}'></wm-menuitem>`,
-      });
-      expect(mockFunc).toHaveBeenCalledWith("wm-menuitem description is above the character limit of 100");
+    describe("error throwing", () => {
+        it("throws error when description is over character limit", async () => {
+            const mockFunc = jest.fn();
+            console.error = mockFunc;
+            const description = "q".repeat(200);
+            await newSpecPage({
+                components: [Menuitem],
+                html: `<wm-menuitem description='${description}'></wm-menuitem>`,
+            });
+            expect(mockFunc).toHaveBeenCalledWith("wm-menuitem description is above the character limit of 100");
+        });
+        it("throws error when description and icon props are used simultaneously", async () => {
+            const mockFunc = jest.fn();
+            console.error = mockFunc;
+            await newSpecPage({
+                components: [Menuitem],
+                html: `<wm-menuitem description='Example description' icon="f3eb"></wm-menuitem>`,
+            });
+            expect(mockFunc).toHaveBeenCalledWith("wm-menuitems with descriptions do not support the use of icons");
+        });
     });
-    it("throws error when description and icon props are used simultaneously", async () => {
-      const mockFunc = jest.fn();
-      console.error = mockFunc;
-      await newSpecPage({
-        components: [Menuitem],
-        html: `<wm-menuitem description='Example description' icon="f3eb"></wm-menuitem>`,
-      });
-      expect(mockFunc).toHaveBeenCalledWith("wm-menuitems with descriptions do not support the use of icons");
-    });
-  });
 });

package/dist/collection/components/wm-modal/wm-modal-footer.js

@@ -1,135 +1,135 @@
 import { h } from "@stencil/core";
 export class ModalFooter {
-  constructor() {
-    this.secondaryText = "";
-    this.primaryText = "";
-    this.infoText = "";
-    this.primaryActionDisabled = false;
-    this.deleteStyle = false;
-  }
-  componentWillLoad() {
-    const parentModal = this.el.closest("wm-modal");
-    this.uid = parentModal.uid;
-  }
-  emitParentPrimaryEvent() {
-    const parentModal = this.el.closest("wm-modal");
-    if (parentModal) {
-      parentModal.emitPrimaryEvent();
+    constructor() {
+        this.secondaryText = "";
+        this.primaryText = "";
+        this.infoText = "";
+        this.primaryActionDisabled = false;
+        this.deleteStyle = false;
     }
-  }
-  emitParentSecondaryEvent() {
-    const parentModal = this.el.closest("wm-modal");
-    if (parentModal) {
-      parentModal.emitSecondaryEvent();
+    componentWillLoad() {
+        const parentModal = this.el.closest("wm-modal");
+        this.uid = parentModal.uid;
     }
-  }
-  render() {
-    return (h("div", { class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}` }, this.secondaryText)), h("wm-button", { "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}` }, this.primaryText))));
-  }
-  static get is() { return "wm-modal-footer"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["wm-modal-footer.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["wm-modal-footer.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "secondaryText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "secondary-text",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "primaryText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "primary-text",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "infoText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "info-text",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "primaryActionDisabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "primary-action-disabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "deleteStyle": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "delete-style",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
+    emitParentPrimaryEvent() {
+        const parentModal = this.el.closest("wm-modal");
+        if (parentModal) {
+            parentModal.emitPrimaryEvent();
+        }
+    }
+    emitParentSecondaryEvent() {
+        const parentModal = this.el.closest("wm-modal");
+        if (parentModal) {
+            parentModal.emitSecondaryEvent();
+        }
+    }
+    render() {
+        return (h("div", { class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}` }, this.secondaryText)), h("wm-button", { "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}` }, this.primaryText))));
+    }
+    static get is() { return "wm-modal-footer"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["wm-modal-footer.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["wm-modal-footer.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "secondaryText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "secondary-text",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "primaryText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "primary-text",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "infoText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "info-text",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "primaryActionDisabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "primary-action-disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "deleteStyle": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "delete-style",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
 }

package/dist/collection/components/wm-modal/wm-modal-footer.spec.js

@@ -1,11 +1,11 @@
 import { ModalFooter } from "./wm-modal-footer";
 describe("wm-modal-footer", () => {
-  it("has the right props", () => {
-    const modal = new ModalFooter();
-    expect(modal).toHaveProperty("secondaryText");
-    expect(modal).toHaveProperty("primaryText");
-    expect(modal).toHaveProperty("infoText");
-    expect(modal).toHaveProperty("primaryActionDisabled");
-    expect(modal).toHaveProperty("deleteStyle");
-  });
+    it("has the right props", () => {
+        const modal = new ModalFooter();
+        expect(modal).toHaveProperty("secondaryText");
+        expect(modal).toHaveProperty("primaryText");
+        expect(modal).toHaveProperty("infoText");
+        expect(modal).toHaveProperty("primaryActionDisabled");
+        expect(modal).toHaveProperty("deleteStyle");
+    });
 });

package/dist/collection/components/wm-modal/wm-modal-header.js

@@ -1,72 +1,72 @@
 import { h, Host } from "@stencil/core";
 import { globalMessages } from "../../global/intl";
 export class ModalHeader {
-  constructor() {
-    this.heading = "";
-    this.subheading = "";
-  }
-  componentWillLoad() {
-    const parentModal = this.el.closest("wm-modal");
-    this.uid = parentModal.uid;
-  }
-  emitParentCloseEvent() {
-    const parentModal = this.el.closest("wm-modal");
-    //@ts-ignore
-    parentModal.emitCloseEvent();
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "wm-wrapper" }, h("div", null, h("h2", { class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { class: "subtitle" }, this.subheading))), h("wm-button", { "button-type": "navigational", icon: "f156", tooltip: globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, onClick: () => this.emitParentCloseEvent() }))));
-  }
-  static get is() { return "wm-modal-header"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["wm-modal-header.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["wm-modal-header.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "heading": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "heading",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "subheading": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "subheading",
-        "reflect": false,
-        "defaultValue": "\"\""
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
+    constructor() {
+        this.heading = "";
+        this.subheading = "";
+    }
+    componentWillLoad() {
+        const parentModal = this.el.closest("wm-modal");
+        this.uid = parentModal.uid;
+    }
+    emitParentCloseEvent() {
+        const parentModal = this.el.closest("wm-modal");
+        //@ts-ignore
+        parentModal.emitCloseEvent();
+    }
+    render() {
+        return (h(Host, null, h("div", { class: "wm-wrapper" }, h("div", null, h("h2", { class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { class: "subtitle" }, this.subheading))), h("wm-button", { "button-type": "navigational", icon: "f156", tooltip: globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, onClick: () => this.emitParentCloseEvent() }))));
+    }
+    static get is() { return "wm-modal-header"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["wm-modal-header.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["wm-modal-header.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "heading",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "subheading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "subheading",
+                "reflect": false,
+                "defaultValue": "\"\""
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
 }

package/dist/collection/components/wm-modal/wm-modal-header.spec.js

@@ -1,8 +1,8 @@
 import { ModalHeader } from "./wm-modal-header";
 describe("wm-modal-header", () => {
-  it("has the right props", () => {
-    const modal = new ModalHeader();
-    expect(modal).toHaveProperty("heading");
-    expect(modal).toHaveProperty("subheading");
-  });
+    it("has the right props", () => {
+        const modal = new ModalHeader();
+        expect(modal).toHaveProperty("heading");
+        expect(modal).toHaveProperty("subheading");
+    });
 });