@watermarkinsights/ripple 5.12.0-9 → 5.13.0-alpha.1

package/dist/collection/global/intl.js

@@ -1,172 +0,0 @@
-import { intl } from "./functions";
-export const globalMessages = {
-    characterLimitReached: intl.formatMessage({
-        id: "global.characterLimitReached",
-        defaultMessage: "No additional characters will be entered.",
-        description: "for screen readers",
-    }),
-    close: intl.formatMessage({
-        id: "global.closeVerb",
-        defaultMessage: "Close",
-        description: "For a button, to close a user interface element",
-    }),
-    genericError: intl.formatMessage({
-        id: "global.genericError",
-        defaultMessage: "An error occurred. Please try again.",
-    }),
-    hide: intl.formatMessage({
-        id: "global.hideVerb",
-        defaultMessage: "Hide",
-        description: "For a button, to hide something",
-    }),
-    newWindow: intl.formatMessage({
-        id: "global.newWindowLink",
-        defaultMessage: "Opens in a new window.",
-        description: "Indicates that a focused link will open in a new window",
-    }),
-    next: intl.formatMessage({
-        id: "global.next",
-        defaultMessage: "next",
-        description: "Button text, indicating an action leading to a 'next' state",
-    }),
-    open: intl.formatMessage({
-        id: "global.openVerb",
-        defaultMessage: "Open",
-        description: "For a button, to open a user interface element",
-    }),
-    previous: intl.formatMessage({
-        id: "global.previous",
-        defaultMessage: "previous",
-        description: "Button text, indicating an action leading to a 'previous' state",
-    }),
-    requiredError: intl.formatMessage({
-        id: "global.requiredError",
-        defaultMessage: "This field is required.",
-        description: "Error displayed under a required field when it has not been filled",
-    }),
-    requiredField: intl.formatMessage({
-        id: "global.requiredField",
-        defaultMessage: "required field",
-        description: "Screen reader text, indicating the currently focused field is required",
-    }),
-    show: intl.formatMessage({
-        id: "global.showVerb",
-        defaultMessage: "Show",
-        description: "For a button, to show something",
-    }),
-    // -------------------------------------------------------------------------- //
-    //                             Functions                                      //
-    // -------------------------------------------------------------------------- //
-    getCharactersEntered: (charCount, charLimit) => intl.formatMessage({
-        id: "global.charactersEntered",
-        defaultMessage: "{x, number} of {y, number} characters entered.",
-        description: "for screen readers",
-    }, { x: charCount, y: charLimit }),
-    getCharacterLimit: (characterLimit) => intl.formatMessage({
-        id: "global.characterLimit",
-        defaultMessage: "{limit, number} characters allowed.",
-        description: "for screen readers",
-    }, { limit: characterLimit }),
-};
-export const uploaderMessages = {
-    duplicateName: intl.formatMessage({
-        id: "uploader.duplicateName",
-        defaultMessage: "A file with this name already exists.",
-    }),
-    fileLimitExceeded: intl.formatMessage({
-        id: "uploader.fileUploadLimitExceeded",
-        defaultMessage: "Upload unsuccessful because file selection would exceed the maximum number of files",
-        description: "Message displayed when trying to upload too many files",
-    }),
-    fileLimitReached: intl.formatMessage({
-        id: "uploader.fileUploadLimitReached",
-        defaultMessage: "The maximum number of files has been reached",
-        description: "Message displayed when trying to upload additional files, but the limit has been reached",
-    }),
-    finishedUploading: intl.formatMessage({
-        id: "uploader.finishedUploading",
-        defaultMessage: "Finished uploading",
-    }),
-    waitToUpload: intl.formatMessage({
-        id: "uploader.waitToUpload",
-        defaultMessage: "Please wait for current upload to complete before uploading new files.",
-        description: "Message for screen reader users",
-    }),
-    zeroFileSize: intl.formatMessage({
-        id: "uploader.zeroFileSize",
-        defaultMessage: "The file must be more than 0 bytes",
-        description: "Error message when user attempts to upload a file of no size",
-    }),
-    dropInstructions: intl.formatMessage({
-        id: "uploader.dropInstructions",
-        defaultMessage: "Browse or Drag Files Here",
-        description: "Instructions for how to choose files to upload",
-    }),
-    dropFile: intl.formatMessage({
-        id: "uploader.dropFile",
-        defaultMessage: "Drop to Upload",
-        description: "Prompt for use to drop the file they're currently dragging",
-    }),
-    fileRequirements: intl.formatMessage({
-        id: "uploader.fileRequirements",
-        defaultMessage: "File Requirements",
-        description: "Expandable button revealing the uploader's file requirements",
-    }),
-    // -------------------------------------------------------------------------- //
-    //                             Functions                                      //
-    // -------------------------------------------------------------------------- //
-    getFilesAdded: (numFiles) => intl.formatMessage({
-        id: "uploader.filesAdded",
-        defaultMessage: "{numFiles, plural, one {1 file added} other {# files added}}",
-    }, { numFiles: numFiles }),
-    getFileCount: (fileListLength, maxFiles) => intl.formatMessage({
-        id: "uploader.fileCount",
-        defaultMessage: "{x} of {y} Files",
-        description: "A count of the number of files currently uploaded",
-    }, { x: fileListLength, y: maxFiles }),
-    getFileTooLarge: (maxSize) => intl.formatMessage({
-        id: "uploader.fileTooLarge",
-        defaultMessage: "The selected file is too large. Maximum file size is {size}",
-    }, { size: maxSize }),
-    getFilesUploading: (numFilesUploading) => intl.formatMessage({
-        id: "uploader.filesUploading",
-        defaultMessage: "{num, plural, one {1 file uploading} other {# files uploading}}",
-    }, { num: numFilesUploading }),
-    getInvalidFileType: (validTypes) => intl.formatMessage({
-        id: "uploader.invalidFileType",
-        defaultMessage: "The file type is invalid. Accepted types: {validTypes}",
-    }, { validTypes }),
-    getUploadProgress: (percentage) => intl.formatMessage({
-        id: "uploader.uploadProgress",
-        defaultMessage: "Upload progress: {percentage}%",
-    }, { percentage: percentage }),
-};
-export const chartMessages = {
-    interactiveChart: intl.formatMessage({
-        id: "chart.interactiveChart",
-        defaultMessage: "Interactive chart",
-        description: "For screen readers only, a description clarifying the role of the chart widget",
-    }),
-};
-export const lineChartMessages = {
-    instructions: intl.formatMessage({
-        id: "linechart.instructions",
-        defaultMessage: "Use Tab and arrow keys to browse elements.",
-        description: "For screen readers only, instructions on how to interact with the line chart component",
-    }),
-    noData: intl.formatMessage({
-        id: "linechart.noData",
-        defaultMessage: "No Data",
-        description: "Message displayed when a data point has missing data",
-    }),
-    // -------------------------------------------------------------------------- //
-    //                             Functions                                      //
-    // -------------------------------------------------------------------------- //
-    getChangeSince: (prevXValue) => intl.formatMessage({
-        id: "linechart.changeSince",
-        defaultMessage: "Change since {time}",
-        description: "Indicates a comparison between current and previous data",
-    }, {
-        time: prevXValue,
-    }),
-};

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

@@ -1,130 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 };

package/dist/collection/lang/missing.js

@@ -1,43 +0,0 @@
-/* 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

@@ -1,93 +0,0 @@
-const fs = require("fs");
-const en = require("./en.json");
-
-const pig = {};
-Object.keys(en).map((k) => {
-  let string = en[k].defaultMessage;
-  const interpStart = string.indexOf("{");
-  const interpEnd = string.lastIndexOf("}") + 1;
-
-  // if there is an interpolation pattern
-  if (interpStart >= 0 && interpEnd > 2) {
-    let translInterp = translateSentence(string.slice(0, interpStart));
-
-    const interp = string.slice(interpStart, interpEnd);
-    // what's inside the braces shouldn't be translated
-    // unless it's in nested translated, and so on
-    // we can set flags to cut the string into pieces
-    // which should or should not be translated
-    const flags = [];
-    for (x = 0; x < interp.length; x++) {
-      if (interp[x] == "{") {
-        flags.push(x);
-      } else if (interp[x] == "}") {
-        flags.push(x);
-      }
-    }
-
-    splits = flags.map((_, i) => {
-      if (i < flags.length) return interp.slice(flags[i], flags[i + 1]);
-    });
-
-    splits.map((split, i) => {
-      translInterp += i % 2 ? translateSentence(split) : split; // only translate even ones (the odd ones are params)
-    });
-
-    translInterp += translateSentence(string.slice(interpEnd, string.length));
-
-    const dm = { defaultMessage: translInterp };
-    pig[k] = dm;
-  } else {
-    const dm = { defaultMessage: translateSentence(string) };
-    pig[k] = dm;
-  }
-});
-data = JSON.stringify(pig, null, 2);
-
-fs.writeFile("src/lang/pig.json", data, (err) => {
-  !!err && console.log(err);
-});
-
-function pigLatinize(word) {
-  const isVowel = (char) => ["a", "e", "i", "o", "u"].includes(char.toLowerCase());
-  const isLetter = (char) => RegExp(/^\p{L}/, "u").test(char);
-
-  const firstLetter = Array.from(word).reduce((l, char, i) => (isLetter(char) && l < 0 ? i : l), -1);
-
-  const lastLetter = Array.from(word).reduce((l, char, i) => (isLetter(char) ? i : l), -1);
-
-  if (firstLetter == -1 && lastLetter == -1) return word; // only special chars, don't translate
-
-  const specialKBefore = word.slice(0, firstLetter) || "";
-  const specialKAfter = word.slice(lastLetter + 1, word.length + 1) || "";
-  word = word.slice(firstLetter, lastLetter + 1) || "";
-
-  if (word) {
-    if (isVowel(word[0])) {
-      word += "yay";
-    } else {
-      const firstVowel = Array.from(word).reduce((firstV, char, i) => {
-        return isVowel(char) && firstV < 0 ? i : firstV;
-      }, -1);
-      if (word[0] == word[0].toUpperCase()) {
-        word =
-          word.substring(firstVowel, firstVowel + 1).toUpperCase() +
-          word.substring(firstVowel + 1, word.length) +
-          word.substring(0, firstVowel).toLowerCase() +
-          "ay";
-      } else {
-        word = word.substring(firstVowel, word.length) + word.substring(0, firstVowel) + "ay";
-      }
-    }
-  }
-  return specialKBefore + word + specialKAfter;
-}
-
-function translateSentence(string) {
-  let words = string.split(" ");
-  return words
-    .reduce((acc, word) => {
-      return acc + " " + pigLatinize(word);
-    }, "")
-    .substring(1); // rm leading space
-}

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

@@ -1,90 +0,0 @@
-import './index-130e07bb.js';
-
-const version = "5.12.0-9";
-
-// 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;
-}
-`;
-document.head.appendChild(tooltipStyles);
-tooltipContainer.appendChild(tooltipEl);
-document.querySelector("body").appendChild(tooltipContainer);
-const globalFn = () => { };
-
-const globalScripts = globalFn;
-
-export { globalScripts as g };