@watermarkinsights/ripple 4.3.0 → 4.4.0-0

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

@@ -1,126 +1,126 @@
 import { csvToArray, getAcceptedMimeTypesList, intl, snakeCaseToCamelCase, getNewIndexToFocus, transposeMatrix, wrapAround, skipByInterval, getSmallestSkipInterval, calcPercentageInRange, } from "./functions";
 describe("Global functions", () => {
-  it("converts the list of extensions into a list of MIME types", () => {
-    expect(getAcceptedMimeTypesList(["pdf", "doc", "txt"])).toMatchObject([
-      "application/pdf",
-      "application/msword",
-      "text/plain",
-    ]);
-  });
-  it("translates", () => {
-    expect(intl.formatMessage({ id: "date.Monday", defaultMessage: "Monday" })).toEqual("Monday"); // falls back to English when language attribute is not set
-  });
-  it("changes string from snake_case to camelCase", async () => {
-    expect(snakeCaseToCamelCase("snake_case")).toBe("snakeCase");
-    expect(snakeCaseToCamelCase("even_more_words")).toBe("evenMoreWords");
-    expect(snakeCaseToCamelCase("camelCase")).toBe("camelCase");
-    expect(snakeCaseToCamelCase("A regular sentence")).toBe("A regular sentence");
-    expect(snakeCaseToCamelCase("singleword")).toBe("singleword");
-  });
-  it("parses comma separated values properly", async () => {
-    expect(csvToArray("one, two, three")).toStrictEqual(["one", "two", "three"]);
-    expect(csvToArray("four,five, six")).toStrictEqual(["four", "five", "six"]);
-    expect(csvToArray("seven eight,nine ten eleven")).toStrictEqual(["seven eight", "nine ten eleven"]);
-  });
-  it("gets new index to focus correctly", async () => {
-    let index = 1;
-    let direction = "ArrowDown";
-    let listLength = 5;
-    // moves forward
-    expect(getNewIndexToFocus(index, direction, listLength)).toBe(index + 1);
-    // wraps backwards
-    index = 4;
-    expect(getNewIndexToFocus(index, direction, listLength)).toBe(0);
-    // moves backwards
-    direction = "ArrowUp";
-    index = 2;
-    expect(getNewIndexToFocus(index, direction, listLength)).toBe(index - 1);
-    // wraps forward
-    index = 0;
-    expect(getNewIndexToFocus(index, direction, listLength)).toBe(listLength - 1);
-  });
-  it("transposes matrices correctly", () => {
-    expect(transposeMatrix([
-      [0, 1, 2],
-      [3, 4, 5],
-      [6, 7, 8],
-    ])).toStrictEqual([
-      [0, 3, 6],
-      [1, 4, 7],
-      [2, 5, 8],
-    ]);
-    expect(transposeMatrix([
-      [0, 1, 2, 3],
-      [4, 5, 6, 7],
-      [8, 9, 10, 11],
-    ])).toStrictEqual([
-      [0, 4, 8],
-      [1, 5, 9],
-      [2, 6, 10],
-      [3, 7, 11],
-    ]);
-    expect(transposeMatrix([
-      ["0", "1", "2"],
-      ["3", "4", "5"],
-      ["6", "7", "8"],
-    ])).toStrictEqual([
-      ["0", "3", "6"],
-      ["1", "4", "7"],
-      ["2", "5", "8"],
-    ]);
-    expect(transposeMatrix([
-      [0, "1", 2],
-      [3, 4, [5]],
-      [{ key: "value" }, 7, 8],
-    ])).toStrictEqual([
-      [0, 3, { key: "value" }],
-      ["1", 4, 7],
-      [2, [5], 8],
-    ]);
-  });
-  it("wraps around indices correctly", () => {
-    // forward steps
-    expect(wrapAround(0, 1, 8)).toBe(1);
-    expect(wrapAround(2, 3, 8)).toBe(5);
-    expect(wrapAround(7, 1, 8)).toBe(8);
-    // forward to 0
-    expect(wrapAround(8, 1, 8)).toBe(0);
-    expect(wrapAround(2, 7, 8)).toBe(0);
-    // forward beyond 0
-    expect(wrapAround(8, 4, 8)).toBe(3);
-    expect(wrapAround(2, 10, 8)).toBe(3);
-    // backward steps
-    expect(wrapAround(8, -1, 8)).toBe(7);
-    expect(wrapAround(5, -3, 8)).toBe(2);
-    expect(wrapAround(1, -1, 8)).toBe(0);
-    // backward to end
-    expect(wrapAround(0, -1, 8)).toBe(8);
-    expect(wrapAround(7, -8, 8)).toBe(8);
-    // backward beyond end
-    expect(wrapAround(0, -7, 8)).toBe(2);
-    expect(wrapAround(2, -7, 8)).toBe(4);
-    // multiple wraps
-    expect(wrapAround(0, 10, 2)).toBe(1);
-    expect(wrapAround(0, -10, 2)).toBe(2);
-  });
-  it("skips by interval correctly", () => {
-    const list = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
-    expect(skipByInterval(list, 0)).toStrictEqual([0, 1, 2, 3, 4, 5, 6, 7, 8, 9]);
-    expect(skipByInterval(list, 1)).toStrictEqual([0, 2, 4, 6, 8]);
-    expect(skipByInterval(list, 2)).toStrictEqual([0, 3, 6, 9]);
-    expect(skipByInterval(list, 3)).toStrictEqual([0, 4, 8]);
-    expect(skipByInterval(list, 4)).toStrictEqual([0, 5]);
-    expect(skipByInterval(list, 5)).toStrictEqual([0, 6]);
-    expect(skipByInterval(list, 20)).toStrictEqual([0]);
-    expect(getSmallestSkipInterval(list, 6)).toStrictEqual({ skipInterval: 1, skippedList: [0, 2, 4, 6, 8] });
-    expect(getSmallestSkipInterval(list, 5)).toStrictEqual({ skipInterval: 1, skippedList: [0, 2, 4, 6, 8] });
-    expect(getSmallestSkipInterval(list, 3)).toStrictEqual({ skipInterval: 3, skippedList: [0, 4, 8] });
-    expect(getSmallestSkipInterval(list, 1)).toStrictEqual({ skipInterval: 9, skippedList: [0] });
-  });
-  it("calcs percentage in range properly", () => {
-    expect(calcPercentageInRange(13, 0, 100)).toBe(13);
-    expect(calcPercentageInRange(-75, -100, 0)).toBe(25);
-    expect(calcPercentageInRange(50, 25, 75)).toBe(50);
-    expect(calcPercentageInRange(150, 100, 300)).toBe(25);
-  });
+    it("converts the list of extensions into a list of MIME types", () => {
+        expect(getAcceptedMimeTypesList(["pdf", "doc", "txt"])).toMatchObject([
+            "application/pdf",
+            "application/msword",
+            "text/plain",
+        ]);
+    });
+    it("translates", () => {
+        expect(intl.formatMessage({ id: "date.Monday", defaultMessage: "Monday" })).toEqual("Monday"); // falls back to English when language attribute is not set
+    });
+    it("changes string from snake_case to camelCase", async () => {
+        expect(snakeCaseToCamelCase("snake_case")).toBe("snakeCase");
+        expect(snakeCaseToCamelCase("even_more_words")).toBe("evenMoreWords");
+        expect(snakeCaseToCamelCase("camelCase")).toBe("camelCase");
+        expect(snakeCaseToCamelCase("A regular sentence")).toBe("A regular sentence");
+        expect(snakeCaseToCamelCase("singleword")).toBe("singleword");
+    });
+    it("parses comma separated values properly", async () => {
+        expect(csvToArray("one, two, three")).toStrictEqual(["one", "two", "three"]);
+        expect(csvToArray("four,five, six")).toStrictEqual(["four", "five", "six"]);
+        expect(csvToArray("seven eight,nine ten eleven")).toStrictEqual(["seven eight", "nine ten eleven"]);
+    });
+    it("gets new index to focus correctly", async () => {
+        let index = 1;
+        let direction = "ArrowDown";
+        let listLength = 5;
+        // moves forward
+        expect(getNewIndexToFocus(index, direction, listLength)).toBe(index + 1);
+        // wraps backwards
+        index = 4;
+        expect(getNewIndexToFocus(index, direction, listLength)).toBe(0);
+        // moves backwards
+        direction = "ArrowUp";
+        index = 2;
+        expect(getNewIndexToFocus(index, direction, listLength)).toBe(index - 1);
+        // wraps forward
+        index = 0;
+        expect(getNewIndexToFocus(index, direction, listLength)).toBe(listLength - 1);
+    });
+    it("transposes matrices correctly", () => {
+        expect(transposeMatrix([
+            [0, 1, 2],
+            [3, 4, 5],
+            [6, 7, 8],
+        ])).toStrictEqual([
+            [0, 3, 6],
+            [1, 4, 7],
+            [2, 5, 8],
+        ]);
+        expect(transposeMatrix([
+            [0, 1, 2, 3],
+            [4, 5, 6, 7],
+            [8, 9, 10, 11],
+        ])).toStrictEqual([
+            [0, 4, 8],
+            [1, 5, 9],
+            [2, 6, 10],
+            [3, 7, 11],
+        ]);
+        expect(transposeMatrix([
+            ["0", "1", "2"],
+            ["3", "4", "5"],
+            ["6", "7", "8"],
+        ])).toStrictEqual([
+            ["0", "3", "6"],
+            ["1", "4", "7"],
+            ["2", "5", "8"],
+        ]);
+        expect(transposeMatrix([
+            [0, "1", 2],
+            [3, 4, [5]],
+            [{ key: "value" }, 7, 8],
+        ])).toStrictEqual([
+            [0, 3, { key: "value" }],
+            ["1", 4, 7],
+            [2, [5], 8],
+        ]);
+    });
+    it("wraps around indices correctly", () => {
+        // forward steps
+        expect(wrapAround(0, 1, 8)).toBe(1);
+        expect(wrapAround(2, 3, 8)).toBe(5);
+        expect(wrapAround(7, 1, 8)).toBe(8);
+        // forward to 0
+        expect(wrapAround(8, 1, 8)).toBe(0);
+        expect(wrapAround(2, 7, 8)).toBe(0);
+        // forward beyond 0
+        expect(wrapAround(8, 4, 8)).toBe(3);
+        expect(wrapAround(2, 10, 8)).toBe(3);
+        // backward steps
+        expect(wrapAround(8, -1, 8)).toBe(7);
+        expect(wrapAround(5, -3, 8)).toBe(2);
+        expect(wrapAround(1, -1, 8)).toBe(0);
+        // backward to end
+        expect(wrapAround(0, -1, 8)).toBe(8);
+        expect(wrapAround(7, -8, 8)).toBe(8);
+        // backward beyond end
+        expect(wrapAround(0, -7, 8)).toBe(2);
+        expect(wrapAround(2, -7, 8)).toBe(4);
+        // multiple wraps
+        expect(wrapAround(0, 10, 2)).toBe(1);
+        expect(wrapAround(0, -10, 2)).toBe(2);
+    });
+    it("skips by interval correctly", () => {
+        const list = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
+        expect(skipByInterval(list, 0)).toStrictEqual([0, 1, 2, 3, 4, 5, 6, 7, 8, 9]);
+        expect(skipByInterval(list, 1)).toStrictEqual([0, 2, 4, 6, 8]);
+        expect(skipByInterval(list, 2)).toStrictEqual([0, 3, 6, 9]);
+        expect(skipByInterval(list, 3)).toStrictEqual([0, 4, 8]);
+        expect(skipByInterval(list, 4)).toStrictEqual([0, 5]);
+        expect(skipByInterval(list, 5)).toStrictEqual([0, 6]);
+        expect(skipByInterval(list, 20)).toStrictEqual([0]);
+        expect(getSmallestSkipInterval(list, 6)).toStrictEqual({ skipInterval: 1, skippedList: [0, 2, 4, 6, 8] });
+        expect(getSmallestSkipInterval(list, 5)).toStrictEqual({ skipInterval: 1, skippedList: [0, 2, 4, 6, 8] });
+        expect(getSmallestSkipInterval(list, 3)).toStrictEqual({ skipInterval: 3, skippedList: [0, 4, 8] });
+        expect(getSmallestSkipInterval(list, 1)).toStrictEqual({ skipInterval: 9, skippedList: [0] });
+    });
+    it("calcs percentage in range properly", () => {
+        expect(calcPercentageInRange(13, 0, 100)).toBe(13);
+        expect(calcPercentageInRange(-75, -100, 0)).toBe(25);
+        expect(calcPercentageInRange(50, 25, 75)).toBe(50);
+        expect(calcPercentageInRange(150, 100, 300)).toBe(25);
+    });
 });

package/dist/collection/global/global.js

@@ -6,34 +6,34 @@ import { injectNeutralTheme } from "./themes/neutral";
 // test envs return 0 for plugin.length
 // do not print version number there as it causes issues
 if (window.navigator.plugins.length > 0) {
-  console.log("Ripple component library", version);
+    console.log("Ripple component library", version);
 }
 // USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)
 // Dispatching events to track whether user is navigating with keyboard or mouse
 function wmComponentKeys(ev) {
-  if (ev.key == "Tab") {
-    var event = new Event("wmUserIsTabbing");
-    window.dispatchEvent(event);
-    document.querySelector("body").classList.add("wmcl-user-is-tabbing");
-  }
-  if (ev.key == "ArrowLeft" || ev.key == "ArrowUp" || ev.key == "ArrowRight" || ev.key == "ArrowDown") {
-    var event = new Event("wmUserIsKeying");
-    window.dispatchEvent(event);
-    document.querySelector("body").classList.add("wmcl-user-is-keying");
-  }
+    if (ev.key == "Tab") {
+        var event = new Event("wmUserIsTabbing");
+        window.dispatchEvent(event);
+        document.querySelector("body").classList.add("wmcl-user-is-tabbing");
+    }
+    if (ev.key == "ArrowLeft" || ev.key == "ArrowUp" || ev.key == "ArrowRight" || ev.key == "ArrowDown") {
+        var event = new Event("wmUserIsKeying");
+        window.dispatchEvent(event);
+        document.querySelector("body").classList.add("wmcl-user-is-keying");
+    }
 }
 function wmComponentMouseDownOnce() {
-  var event = new Event("wmUserIsNotTabbing");
-  window.dispatchEvent(event);
-  document.querySelector("body").classList.remove("wmcl-user-is-tabbing");
-  document.querySelector("body").classList.remove("wmcl-user-is-keying");
+    var event = new Event("wmUserIsNotTabbing");
+    window.dispatchEvent(event);
+    document.querySelector("body").classList.remove("wmcl-user-is-tabbing");
+    document.querySelector("body").classList.remove("wmcl-user-is-keying");
 }
 window.addEventListener("keydown", wmComponentKeys);
 window.addEventListener("mousedown", wmComponentMouseDownOnce);
 // MODES (FOR PRODUCT-SPECIFIC STYLING)
 //Checks for mode attribute explicitly set on the document. If "mode" is set on component, it will override the global mode. Falls back to default (Planning styles)
 setMode((elm) => {
-  return elm.getAttribute("mode") || document.documentElement.getAttribute("mode") || "planning";
+    return elm.getAttribute("mode") || document.documentElement.getAttribute("mode") || "planning";
 });
 // TOOLTIP
 // Add a tooltip element

package/dist/collection/global/interfaces.js

@@ -1,51 +1,51 @@
 //List of icon codes with more indicative descriptors to create labels for icon-only buttons
 export const iconLabels = {
-  f156: "Close",
-  f3eb: "Edit",
-  f739: "Cancel",
-  f12c: "Save",
-  f1c0: "Delete",
-  f349: "Search",
-  f207: "Export info",
-  f1d9: "Open dropdown",
-  f04d: "Go back",
-  f054: "Go forward",
-  f141: "Left",
-  f142: "Right",
-  f35e: "Menu left",
-  f35d: "Toggle menu down",
-  f30d: "Backspace",
-  f645: "Sort hierarchically",
-  f4bb: "Sort alphabetically",
+    f156: "Close",
+    f3eb: "Edit",
+    f739: "Cancel",
+    f12c: "Save",
+    f1c0: "Delete",
+    f349: "Search",
+    f207: "Export info",
+    f1d9: "Open dropdown",
+    f04d: "Go back",
+    f054: "Go forward",
+    f141: "Left",
+    f142: "Right",
+    f35e: "Menu left",
+    f35d: "Toggle menu down",
+    f30d: "Backspace",
+    f645: "Sort hierarchically",
+    f4bb: "Sort alphabetically",
 };
 export function getIconCodeFromName(icon) {
-  return iconCodes[icon] || icon;
+    return iconCodes[icon] || icon;
 }
 const iconCodes = {
-  close: "f156",
-  pencil: "f3eb",
-  cancel: "f739",
-  check: "f12c",
-  delete: "f1c0",
-  magnify: "f349",
-  export: "f207",
-  "dots-vertical": "f1d9",
-  "arrow-left": "f04d",
-  "arrow-right": "f054",
-  "chevron-left": "f141",
-  "chevron-right": "f142",
-  "menu-left": "f35e",
-  "menu-down": "f35d",
-  "keyboard-backspace": "f30d",
-  "file-tree": "f645",
-  "sort-alphabetical": "f4bb",
-  "checkbox-marked-circle": "f133",
-  "account-settings": "f630",
-  "backup-restore": "f06f",
+    close: "f156",
+    pencil: "f3eb",
+    cancel: "f739",
+    check: "f12c",
+    delete: "f1c0",
+    magnify: "f349",
+    export: "f207",
+    "dots-vertical": "f1d9",
+    "arrow-left": "f04d",
+    "arrow-right": "f054",
+    "chevron-left": "f141",
+    "chevron-right": "f142",
+    "menu-left": "f35e",
+    "menu-down": "f35d",
+    "keyboard-backspace": "f30d",
+    "file-tree": "f645",
+    "sort-alphabetical": "f4bb",
+    "checkbox-marked-circle": "f133",
+    "account-settings": "f630",
+    "backup-restore": "f06f",
 };
 export const defaultMode = "planning";
 export const getWmMode = (ref) => {
-  return ref.getAttribute("mode") || document.documentElement.getAttribute("mode") || defaultMode;
+    return ref.getAttribute("mode") || document.documentElement.getAttribute("mode") || defaultMode;
 };
 // Used to be below, but that broke the ripple-react version. Replaced with string until a fix can be found
 // export type TimeFormat24 = `${number | ""}${number}:${number}${number}`;