@watermarkinsights/ripple 3.4.0 → 3.5.0-0

package/dist/collection/global/global.js

@@ -1,72 +1,72 @@
-import { setMode } from "@stencil/core";
-import { version } from "../../package.json";
-// PRINT RIPPLE VERSION IN CONSOLE
-// 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);
-}
-// USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)
-// Dispatching events to track whether user is navigating with keyboard or mouse
-function wmComponentKeys(ev) {
-  var key = ev.key || ev.keyCode;
-  if (key == "Tab" || key === 9) {
-    var event = new Event("wmUserIsTabbing");
-    window.dispatchEvent(event);
-    document.querySelector("body").classList.add("wmcl-user-is-tabbing");
-  }
-  if (key == "ArrowLeft" ||
-    key === 37 ||
-    key == "ArrowUp" ||
-    key === 38 ||
-    key == "ArrowRight" ||
-    key === 39 ||
-    key == "ArrowDown" ||
-    key === 40) {
-    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");
-}
-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";
-});
-// TOOLTIP
-// Add a tooltip element
-// This allows tooltips to be always at the highest stacking context (always on top)
-// Element is added withing a container to avoid performance impact
-const tooltipContainer = document.createElement("div");
-tooltipContainer.id = "wm-tooltip-container";
-const tooltipEl = document.createElement("div");
-tooltipEl.id = "wm-tooltip";
-tooltipEl.setAttribute("aria-hidden", "true");
-tooltipEl.style.position = "fixed";
-tooltipEl.style.overflow = "hidden";
-tooltipEl.style.pointerEvents = "none";
-tooltipEl.style.lineHeight = "normal";
-tooltipEl.style.fontFamily = "inherit";
-tooltipEl.style.fontSize = "0.875rem";
-tooltipEl.style.textTransform = "none";
-tooltipEl.style.fontWeight = "normal";
-tooltipEl.style.background = "black";
-tooltipEl.style.color = "#fff";
-tooltipEl.style.zIndex = "999999";
-tooltipEl.style.maxWidth = "13.75rem";
-tooltipEl.style.marginRight = "1.5rem";
-tooltipEl.style.padding = "0.375rem";
-tooltipEl.style.transitionProperty = "opacity";
-tooltipEl.style.transitionDelay = "opacity";
-tooltipEl.style.opacity = "0";
-tooltipContainer.appendChild(tooltipEl);
-const body = document.querySelector("body");
-body.appendChild(tooltipContainer);
+import { setMode } from "@stencil/core";
+import { version } from "../../package.json";
+// PRINT RIPPLE VERSION IN CONSOLE
+// 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);
+}
+// USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)
+// Dispatching events to track whether user is navigating with keyboard or mouse
+function wmComponentKeys(ev) {
+  var key = ev.key || ev.keyCode;
+  if (key == "Tab" || key === 9) {
+    var event = new Event("wmUserIsTabbing");
+    window.dispatchEvent(event);
+    document.querySelector("body").classList.add("wmcl-user-is-tabbing");
+  }
+  if (key == "ArrowLeft" ||
+    key === 37 ||
+    key == "ArrowUp" ||
+    key === 38 ||
+    key == "ArrowRight" ||
+    key === 39 ||
+    key == "ArrowDown" ||
+    key === 40) {
+    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");
+}
+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";
+});
+// TOOLTIP
+// Add a tooltip element
+// This allows tooltips to be always at the highest stacking context (always on top)
+// Element is added withing a container to avoid performance impact
+const tooltipContainer = document.createElement("div");
+tooltipContainer.id = "wm-tooltip-container";
+const tooltipEl = document.createElement("div");
+tooltipEl.id = "wm-tooltip";
+tooltipEl.setAttribute("aria-hidden", "true");
+tooltipEl.style.position = "fixed";
+tooltipEl.style.overflow = "hidden";
+tooltipEl.style.pointerEvents = "none";
+tooltipEl.style.lineHeight = "normal";
+tooltipEl.style.fontFamily = "inherit";
+tooltipEl.style.fontSize = "0.875rem";
+tooltipEl.style.textTransform = "none";
+tooltipEl.style.fontWeight = "normal";
+tooltipEl.style.background = "black";
+tooltipEl.style.color = "#fff";
+tooltipEl.style.zIndex = "999999";
+tooltipEl.style.maxWidth = "13.75rem";
+tooltipEl.style.marginRight = "1.5rem";
+tooltipEl.style.padding = "0.375rem";
+tooltipEl.style.transitionProperty = "opacity";
+tooltipEl.style.transitionDelay = "opacity";
+tooltipEl.style.opacity = "0";
+tooltipContainer.appendChild(tooltipEl);
+const body = document.querySelector("body");
+body.appendChild(tooltipContainer);

package/dist/collection/global/interfaces.js

@@ -1,49 +1,49 @@
-//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",
-};
-export function getIconCodeFromName(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",
-};
-export const defaultMode = "planning";
-export const getWmMode = (ref) => {
-  return ref.getAttribute("mode") || document.documentElement.getAttribute("mode") || defaultMode;
-};
+//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",
+};
+export function getIconCodeFromName(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",
+};
+export const defaultMode = "planning";
+export const getWmMode = (ref) => {
+  return ref.getAttribute("mode") || document.documentElement.getAttribute("mode") || defaultMode;
+};

package/dist/collection/global/services/__mocks__/http-service.js

@@ -1,130 +1,130 @@
-const state = [
-  {
-    uuid: "d57a8104-a07e-4e58-97f6-705d55b15845",
-    uploader_member_uuid: "fd947ce1-ca75-4b88-ba47-4576104cf845",
-    updated_at: "2018-04-16T10:31:48.740000Z",
-    organization_uuid: "d57a8104-a07e-4e58-97f6-705d55b15845",
-    mime_type: "application/pdf",
-    institution_uuid: "c1dac227-b71c-44ae-a4be-eb20929c6e99",
-    inserted_at: "2018-09-17T09:33:45.550000Z",
-    file_path: "bogusurl.dev",
-    file_name: "test.pdf",
-    course_uuid: null,
-  },
-  {
-    uuid: "410ee9ed-af53-4f52-90b1-bf3f054ad86b",
-    uploader_member_uuid: "fd947ce1-ca75-4b88-ba47-4576104cf845",
-    updated_at: "2019-11-26T20:39:38.990000Z",
-    organization_uuid: "8d242cdf-4261-4003-9a91-45575eb7d44e",
-    mime_type: "application/pdf",
-    institution_uuid: "c1dac227-b71c-44ae-a4be-eb20929c6e99",
-    inserted_at: "2019-11-26T20:39:38.990000Z",
-    file_path: "anotherbogusurl.dev",
-    file_name: "brochure.pdf",
-    course_uuid: null,
-  },
-];
-const firstUploadResponseText = {
-  url: "aws-path.url",
-  updated_at: "2019-07-03T14:11:08.000Z",
-  path: "",
-  guid: "12345",
-};
-const secondUploadResponseText = {
-  url: "aws-path.url",
-  updated_at: "2019-07-02T10:14:29.000Z",
-  path: "",
-  guid: "67890",
-};
-const navigatorResponse = {
-  connection_name: "watermarkinsights-idp-qa",
-  current_product_id: "dm",
-  email: "user@email.net",
-  logout_url: "localhost:3333/logout",
-  products: [
-    {
-      description: "Some Aqua description",
-      iconUrl: "https://cdn.watermarkinsights.com/images/login/aqua.svg",
-      id: "aqua",
-      linkUrl: "https://aqua.taskstream.com/sso/login",
-      name: "Aqua",
-    },
-    {
-      description: "Some Digital Measures description",
-      iconUrl: "https://cdn.watermarkinsights.com/images/login/digitalmeasures.svg",
-      id: "dm",
-      linkUrl: "https://www.digitalmeasures.com/login/sso/authenticate",
-      name: "Digital Measures",
-    },
-    {
-      description: "Some Planning description",
-      iconUrl: "https://cdn.watermarkinsights.com/images/login/planningselfstudy.svg",
-      id: "planning",
-      linkUrl: "https://planning.watermarkinsights.com/login/sso",
-      name: "Planning",
-    },
-    {
-      description: "Checking that the component handles anything throwed at it",
-      iconUrl: "https://cdn.watermarkinsights.com/images/login/livetext.svg",
-      id: "something_bonkers",
-      linkUrl: "https://planning.watermarkinsights.com/login/sso",
-      name: "Bonkers",
-    },
-    {
-      description: "c1 = livetext",
-      iconUrl: "https://cdn.watermarkinsights.com/images/login/livetext.svg",
-      id: "c1",
-      linkUrl: "https://livetext.fakeurl/login/sso",
-      name: "Livetext",
-    },
-    {
-      description: "something with an id containing admin",
-      iconUrl: "not.important",
-      id: "banana_admin_shoe",
-      linkUrl: "irrelevant",
-      name: "Platform Admin",
-    },
-  ],
-};
-const responses = {
-  "get-path.url": state,
-  "request-upload-path.url0": firstUploadResponseText,
-  "request-upload-path.url1": secondUploadResponseText,
-  "/platform/navigator/userinfo": navigatorResponse,
-};
-export const getRequest = async (url) => {
-  return Promise.resolve(responses[url]);
-};
-export const postRequest = async (url, payload) => {
-  switch (url) {
-    case "upload-path.url":
-      state.push({
-        uuid: payload.document_uuid,
-        uploader_member_uuid: "fd947ce1-ca75-4b88-ba47-4576104cf845",
-        updated_at: "2019-12-10T20:48:10.138Z",
-        organization_uuid: payload.organization_uuid,
-        mime_type: payload.mime_type,
-        institution_uuid: "c1dac227-b71c-44ae-a4be-eb20929c6e99",
-        inserted_at: "2019-12-10T20:48:10.138Z",
-        file_path: payload.file_path,
-        file_name: payload.file_name,
-        course_uuid: null,
-      });
-      return Promise.resolve();
-    case "request-download-path.url":
-      return Promise.resolve({ url: "aws-download-path.url" });
-  }
-};
-export const deleteRequest = async (url) => {
-  const uuid = url.split("/").pop();
-  // console.log("uuid: ", uuid);
-  const index = state.findIndex((i) => i.uuid === uuid);
-  // console.log("index: ", index);
-  state.splice(index, 1);
-  // console.log("state from DELETE: ", state, Date.now());
-  // return new Promise(resolve => setTimeout(() => resolve(), 300));
-  return Promise.resolve();
-};
-export const putRequest = (_url, _file) => {
-  return Promise.resolve();
-};
+const state = [
+  {
+    uuid: "d57a8104-a07e-4e58-97f6-705d55b15845",
+    uploader_member_uuid: "fd947ce1-ca75-4b88-ba47-4576104cf845",
+    updated_at: "2018-04-16T10:31:48.740000Z",
+    organization_uuid: "d57a8104-a07e-4e58-97f6-705d55b15845",
+    mime_type: "application/pdf",
+    institution_uuid: "c1dac227-b71c-44ae-a4be-eb20929c6e99",
+    inserted_at: "2018-09-17T09:33:45.550000Z",
+    file_path: "bogusurl.dev",
+    file_name: "test.pdf",
+    course_uuid: null,
+  },
+  {
+    uuid: "410ee9ed-af53-4f52-90b1-bf3f054ad86b",
+    uploader_member_uuid: "fd947ce1-ca75-4b88-ba47-4576104cf845",
+    updated_at: "2019-11-26T20:39:38.990000Z",
+    organization_uuid: "8d242cdf-4261-4003-9a91-45575eb7d44e",
+    mime_type: "application/pdf",
+    institution_uuid: "c1dac227-b71c-44ae-a4be-eb20929c6e99",
+    inserted_at: "2019-11-26T20:39:38.990000Z",
+    file_path: "anotherbogusurl.dev",
+    file_name: "brochure.pdf",
+    course_uuid: null,
+  },
+];
+const firstUploadResponseText = {
+  url: "aws-path.url",
+  updated_at: "2019-07-03T14:11:08.000Z",
+  path: "",
+  guid: "12345",
+};
+const secondUploadResponseText = {
+  url: "aws-path.url",
+  updated_at: "2019-07-02T10:14:29.000Z",
+  path: "",
+  guid: "67890",
+};
+const navigatorResponse = {
+  connection_name: "watermarkinsights-idp-qa",
+  current_product_id: "dm",
+  email: "user@email.net",
+  logout_url: "localhost:3333/logout",
+  products: [
+    {
+      description: "Some Aqua description",
+      iconUrl: "https://cdn.watermarkinsights.com/images/login/aqua.svg",
+      id: "aqua",
+      linkUrl: "https://aqua.taskstream.com/sso/login",
+      name: "Aqua",
+    },
+    {
+      description: "Some Digital Measures description",
+      iconUrl: "https://cdn.watermarkinsights.com/images/login/digitalmeasures.svg",
+      id: "dm",
+      linkUrl: "https://www.digitalmeasures.com/login/sso/authenticate",
+      name: "Digital Measures",
+    },
+    {
+      description: "Some Planning description",
+      iconUrl: "https://cdn.watermarkinsights.com/images/login/planningselfstudy.svg",
+      id: "planning",
+      linkUrl: "https://planning.watermarkinsights.com/login/sso",
+      name: "Planning",
+    },
+    {
+      description: "Checking that the component handles anything throwed at it",
+      iconUrl: "https://cdn.watermarkinsights.com/images/login/livetext.svg",
+      id: "something_bonkers",
+      linkUrl: "https://planning.watermarkinsights.com/login/sso",
+      name: "Bonkers",
+    },
+    {
+      description: "c1 = livetext",
+      iconUrl: "https://cdn.watermarkinsights.com/images/login/livetext.svg",
+      id: "c1",
+      linkUrl: "https://livetext.fakeurl/login/sso",
+      name: "Livetext",
+    },
+    {
+      description: "something with an id containing admin",
+      iconUrl: "not.important",
+      id: "banana_admin_shoe",
+      linkUrl: "irrelevant",
+      name: "Platform Admin",
+    },
+  ],
+};
+const responses = {
+  "get-path.url": state,
+  "request-upload-path.url0": firstUploadResponseText,
+  "request-upload-path.url1": secondUploadResponseText,
+  "/platform/navigator/userinfo": navigatorResponse,
+};
+export const getRequest = async (url) => {
+  return Promise.resolve(responses[url]);
+};
+export const postRequest = async (url, payload) => {
+  switch (url) {
+    case "upload-path.url":
+      state.push({
+        uuid: payload.document_uuid,
+        uploader_member_uuid: "fd947ce1-ca75-4b88-ba47-4576104cf845",
+        updated_at: "2019-12-10T20:48:10.138Z",
+        organization_uuid: payload.organization_uuid,
+        mime_type: payload.mime_type,
+        institution_uuid: "c1dac227-b71c-44ae-a4be-eb20929c6e99",
+        inserted_at: "2019-12-10T20:48:10.138Z",
+        file_path: payload.file_path,
+        file_name: payload.file_name,
+        course_uuid: null,
+      });
+      return Promise.resolve();
+    case "request-download-path.url":
+      return Promise.resolve({ url: "aws-download-path.url" });
+  }
+};
+export const deleteRequest = async (url) => {
+  const uuid = url.split("/").pop();
+  // console.log("uuid: ", uuid);
+  const index = state.findIndex((i) => i.uuid === uuid);
+  // console.log("index: ", index);
+  state.splice(index, 1);
+  // console.log("state from DELETE: ", state, Date.now());
+  // return new Promise(resolve => setTimeout(() => resolve(), 300));
+  return Promise.resolve();
+};
+export const putRequest = (_url, _file) => {
+  return Promise.resolve();
+};

package/dist/collection/global/services/http-service.js

@@ -1,50 +1,50 @@
-export const getRequest = async (url) => {
-  const response = await fetch(url);
-  if (!!response && !!response.ok) {
-    return await response.json();
-  }
-  else {
-    throw new Error(response.statusText);
-  }
-};
-export const postRequest = async (url, payload) => {
-  const response = await fetch(url, {
-    method: "POST",
-    headers: { "Content-Type": "application/json; charset=utf-8" },
-    body: JSON.stringify(payload),
-  });
-  if (!!response && !!response.ok) {
-    return await response.json();
-  }
-  else {
-    throw new Error(response.statusText);
-  }
-};
-export const deleteRequest = async (url) => {
-  const response = await fetch(url, { method: "DELETE" });
-  if (!!response && !!response.ok) {
-    return await response.json();
-  }
-  else {
-    throw new Error(response.statusText);
-  }
-};
-export const putRequest = (url, file, onProgress) => {
-  return new Promise((resolve, reject) => {
-    // there's no way to track progress with the fetch API, so using XHR
-    const req = new XMLHttpRequest();
-    req.upload.addEventListener("progress", (ev) => onProgress(ev));
-    req.addEventListener("readystatechange", function () {
-      if (this.readyState === 4 && this.status === 200) {
-        resolve(this);
-      }
-      else if (this.readyState === 4 && this.status !== 200) {
-        reject();
-      }
-    });
-    req.onerror = () => reject();
-    req.open("PUT", url, true);
-    req.setRequestHeader("Content-Disposition", `attachment;filename="${file.name}"`);
-    req.send(file);
-  });
-};
+export const getRequest = async (url) => {
+  const response = await fetch(url);
+  if (!!response && !!response.ok) {
+    return await response.json();
+  }
+  else {
+    throw new Error(response.statusText);
+  }
+};
+export const postRequest = async (url, payload) => {
+  const response = await fetch(url, {
+    method: "POST",
+    headers: { "Content-Type": "application/json; charset=utf-8" },
+    body: JSON.stringify(payload),
+  });
+  if (!!response && !!response.ok) {
+    return await response.json();
+  }
+  else {
+    throw new Error(response.statusText);
+  }
+};
+export const deleteRequest = async (url) => {
+  const response = await fetch(url, { method: "DELETE" });
+  if (!!response && !!response.ok) {
+    return await response.json();
+  }
+  else {
+    throw new Error(response.statusText);
+  }
+};
+export const putRequest = (url, file, onProgress) => {
+  return new Promise((resolve, reject) => {
+    // there's no way to track progress with the fetch API, so using XHR
+    const req = new XMLHttpRequest();
+    req.upload.addEventListener("progress", (ev) => onProgress(ev));
+    req.addEventListener("readystatechange", function () {
+      if (this.readyState === 4 && this.status === 200) {
+        resolve(this);
+      }
+      else if (this.readyState === 4 && this.status !== 200) {
+        reject();
+      }
+    });
+    req.onerror = () => reject();
+    req.open("PUT", url, true);
+    req.setRequestHeader("Content-Disposition", `attachment;filename="${file.name}"`);
+    req.send(file);
+  });
+};

package/dist/collection/lang/lang.js

@@ -1,5 +1,5 @@
-import en from "./compiled-lang/en.json";
-import fr from "./compiled-lang/fr.json";
-import es from "./compiled-lang/es.json";
-import pig from "./compiled-lang/pig.json";
-export { en, fr, es, pig };
+import en from "./compiled-lang/en.json";
+import fr from "./compiled-lang/fr.json";
+import es from "./compiled-lang/es.json";
+import pig from "./compiled-lang/pig.json";
+export { en, fr, es, pig };