@watermarkinsights/ripple 0.0.0 → 0.1.0-alpha.0

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,
-  },
+    {
+        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",
+    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",
+    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",
-    },
-  ],
+    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,
+    "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]);
+    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" });
-  }
+    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();
+    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();
+    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);
-  }
+    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);
-  }
+    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);
-  }
+    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();
-      }
+    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);
     });
-    req.onerror = () => reject();
-    req.open("PUT", url, true);
-    req.setRequestHeader("Content-Disposition", `attachment;filename="${file.name}"`);
-    req.send(file);
-  });
 };

package/dist/collection/lang/missing.js

@@ -0,0 +1,43 @@
+/* This script is useful when we translate internally, so we know which keys to translate.
+ * Currently Martin Maugeais translates to French and Kristian Manrique to Spanish.
+ * This script should be run with `npm run missing`. It may fail otherwise, as fs paths are relative to project root.
+ */
+
+const fs = require("fs");
+const en = require("./en.json");
+const fr = require("./fr.json");
+const es = require("./es.json");
+
+const keys = Object.keys(en);
+
+let missingFR = {};
+let missingES = {};
+
+keys.map((key) => {
+  if (!fr[key]) {
+    missingFR[key] = en[key];
+  }
+
+  if (!es[key]) {
+    missingES[key] = en[key];
+  }
+});
+
+const dataFR = JSON.stringify(missingFR, null, 2);
+const dataES = JSON.stringify(missingES, null, 2);
+
+const totalMissingFR = Object.entries(missingFR).length;
+if (totalMissingFR > 0) {
+  fs.writeFile("src/lang/missingTranslationsFR.json", dataFR, (err) => {
+    !!err && console.log(err);
+  });
+  console.log(`${totalMissingFR} french translations missing. See src/lang/missingTranslationsFR.json`);
+}
+
+const totalMissingES = Object.entries(missingES).length;
+if (totalMissingES > 0) {
+  fs.writeFile("src/lang/missingTranslationsES.json", dataES, (err) => {
+    !!err && console.log(err);
+  });
+  console.log(`${totalMissingES} spanish translations missing. See src/lang/missingTranslationsES.json`);
+}

package/dist/collection/lang/piglatin.js

@@ -42,10 +42,10 @@ Object.keys(en).map((k) => {
     pig[k] = dm;
   }
 });
-data = JSON.stringify(pig);
+data = JSON.stringify(pig, null, 2);
 
 fs.writeFile("src/lang/pig.json", data, (err) => {
-  console.log(err);
+  !!err && console.log(err);
 });
 
 function pigLatinize(word) {
@@ -83,11 +83,19 @@ function pigLatinize(word) {
   return specialKBefore + word + specialKAfter;
 }
 
+function pigifyIgnoringTags(word) {
+  const tagPattern = /<\/?[^>]+>/g;
+
+  const strippedText = word.replace(tagPattern, "");
+  const pigifiedText = pigLatinize(strippedText);
+  return word.replace(strippedText, pigifiedText);
+}
+
 function translateSentence(string) {
   let words = string.split(" ");
   return words
     .reduce((acc, word) => {
-      return acc + " " + pigLatinize(word);
+      return acc + " " + pigifyIgnoringTags(word);
     }, "")
     .substring(1); // rm leading space
 }

package/dist/esm/app-globals-d0ca31a6.js

@@ -0,0 +1,101 @@
+import './index-ef50bc01.js';
+
+const version = "0.1.0-alpha.0";
+
+// 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("%cRipple component library %c%s", "color: #575195; font-weight: bold", "font-weight: bold", version);
+}
+// Dispatching events to track whether user is navigating with keyboard or mouse
+// no longer necessary for keyboard focus indicators (thanks to :focus-visible)
+// but still used in several components for other things (search for isTabbing)
+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");
+    }
+}
+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);
+// 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.classList.add("wm-tooltip");
+tooltipEl.setAttribute("popover", "manual");
+tooltipEl.setAttribute("aria-hidden", "true");
+const tooltipStyles = document.createElement("style");
+tooltipStyles.textContent = `
+.wm-tooltip {
+  position: fixed;
+  overflow: hidden;
+  pointer-events: none;
+  line-height: normal;
+  font-family: inherit;
+  font-size: 0.875rem;
+  text-transform: none;
+  font-weight: normal;
+  background: var(--wmcolor-tooltip-background);
+  color: var(--wmcolor-tooltip-text);
+  z-index: 999999;
+  max-width: var(--wmTooltipMaxWidth, 13.75rem);
+  margin-right: 1.5rem;
+  padding: 0.375rem;
+  transition-property: opacity;
+  transition-delay: 0s;
+  opacity: 0;
+  inset: unset;
+  top: 0;
+  left: 0;
+  transform: translateZ(0);
+  will-change: transform;
+  transform: translate(var(--wmTooltipLeft), var(--wmTooltipTop));
+  border: none;
+}
+
+.wm-tooltip:popover-open {
+  opacity: 0;
+}
+
+.wm-tooltip.show {
+  transition-delay: 500ms;
+  opacity: 1;
+}
+`;
+const body = document.querySelector("body");
+if (body) {
+    document.head.appendChild(tooltipStyles);
+    tooltipContainer.appendChild(tooltipEl);
+    body.appendChild(tooltipContainer);
+}
+else {
+    document.addEventListener("DOMContentLoaded", () => {
+        const body = document.querySelector("body");
+        document.head.appendChild(tooltipStyles);
+        tooltipContainer.appendChild(tooltipEl);
+        body.appendChild(tooltipContainer);
+    });
+}
+const globalFn = () => { };
+
+const globalScripts = globalFn;
+
+export { globalScripts as g };