@watermarkinsights/ripple 5.2.1-3 → 5.2.1

package/dist/collection/dev/uploader.js

@@ -1,139 +0,0 @@
-function addServerError() {
-  document.getElementById("uploader11").errorMessage = "An error has occurred!";
-}
-const uploaders = document.querySelectorAll("wm-uploader");
-
-uploaders.forEach((upl) => {
-  upl.addEventListener("wmUploaderFilesSelected", (ev) => handleFilesSelected(ev));
-  upl.addEventListener("wmFileErrorCleared", (ev) => handleErrorCleared(ev));
-  upl.addEventListener("wmFileDownload", (ev) => alert("downloading " + ev.target.id));
-  upl.addEventListener("wmFilePreview", (ev) => alert("previewing " + ev.target.id));
-  upl.addEventListener("wmFileDelete", (ev) => removeFile(ev));
-});
-
-function validateFile(upl, file) {
-  const fileList = Array.from(upl.querySelectorAll("wm-file:not([error-message])"));
-  const sizeLimit = 100; // in MB
-
-  if (fileList.some((currentFile) => `${currentFile.name}.${currentFile.type}` === `${file.name}.${file.type}`)) {
-    // check for duplicate file name
-    return `A file named "${file.name}.${file.type}" has already been uploaded.`;
-  } else if (upl.maxSize && file.size / (1024 * 1024) > sizeLimit) {
-    // check against maxSize
-    return `The file is larger than maximum size ${upl.maxSize}.`;
-  } else if (!upl.fileTypes.split(" ").includes(file.type)) {
-    // check against accepted file types
-    return `.${file.type} is not an accepted file type.`;
-  } else {
-    return "";
-  }
-}
-
-function addFile(upl, newFile) {
-  const newFileEl = document.createElement("wm-file");
-  const convertedSize = convertBytes(newFile.size);
-  newFileEl.id = newFile.id;
-  newFileEl.name = newFile.name;
-  newFileEl.type = newFile.type;
-  newFileEl.lastUpdated = newFile.lastUpdated;
-  newFileEl.size = `${convertedSize.size} ${convertedSize.unit}`;
-  newFileEl.progress = newFile.progress;
-
-  upl.append(newFileEl);
-}
-
-function addError(upl, newFile, errorMessage) {
-  const newFileEl = document.createElement("wm-file");
-  newFileEl.id = newFile.id;
-  newFileEl.name = newFile.name;
-  newFileEl.type = newFile.type;
-  newFileEl.errorMessage = errorMessage;
-  upl.prepend(newFileEl);
-}
-
-function removeFile(ev) {
-  const upl = ev.target.parentElement;
-  const fileId = ev.target.id;
-  upl.querySelector(`#${fileId}`).remove();
-}
-
-function handleFilesSelected(ev) {
-  const upl = ev.target;
-  const selectedFiles = ev.detail;
-  let currentFiles = upl.querySelectorAll("wm-file:not([error-message])");
-
-  if (upl.maxFiles && currentFiles.length + selectedFiles.length > upl.maxFiles) {
-    // validate for number of files exceeding file limit
-    upl.errorMessage = "Upload unsuccessful because file selection would exceed the maximum number of files";
-  } else {
-    upl.errorMessage = "";
-
-    selectedFiles.map((file, idx) => {
-      const filenameParts = file.name.split(".");
-      const fileType = filenameParts.pop();
-      const name = filenameParts.join(".");
-      const currentDate = `${new Date().toLocaleDateString()} ${new Date().toLocaleTimeString()}`;
-      const fileId = `file${Math.floor(Math.random() * 9999)}`; // mock random file id
-      const uploadStagger = idx * 2000; // stagger for more realistic mocked upload "speed"
-      const newFile = {
-        id: fileId,
-        name: name,
-        type: fileType,
-        lastUpdated: currentDate,
-        size: file.size,
-        progress: 0,
-      };
-
-      const fileError = validateFile(upl, newFile);
-      if (!fileError) {
-        addFile(upl, newFile);
-
-        // mock series of upload progress updates
-        setTimeout(() => updateUploadProgress(upl, fileId, 25), 1000);
-        setTimeout(() => updateUploadProgress(upl, fileId, 50), 3000 + uploadStagger);
-        setTimeout(() => updateUploadProgress(upl, fileId, 75), 3250 + uploadStagger);
-        setTimeout(() => updateUploadProgress(upl, fileId, 100), 3500 + uploadStagger);
-      } else {
-        addError(upl, newFile, fileError);
-      }
-    });
-  }
-}
-
-function updateUploadProgress(upl, fileId, mockProgress) {
-  const fileEl = upl.querySelector(`#${fileId}`);
-  fileEl.progress = mockProgress;
-}
-
-function handleErrorCleared(ev) {
-  const upl = ev.target.parentElement;
-  const errorId = ev.target.id;
-  upl.querySelector(`#${errorId}`).remove();
-}
-
-function handleSubmit() {
-  const requiredUploader = document.getElementById("uploader2");
-  const fileList = requiredUploader.querySelectorAll("wm-file:not([error-message])");
-  requiredUploader.errorMessage = fileList.length === 0 ? "Please upload at least one file" : "";
-}
-
-function convertBytes(bytes, unit) {
-  const unitOrder = ["bytes", "KB", "MB", "GB", "TB"];
-  let unitIndex = 0;
-  let result = typeof bytes === "number" ? bytes : parseInt(bytes);
-
-  if (unit) {
-    // convert until result matches desired unit
-    while (unitOrder.indexOf(unit) > unitIndex) {
-      result /= 1024;
-      unitIndex++;
-    }
-  } else {
-    // convert until result is appropriate unit (value is under 1000)
-    while (result > 1000) {
-      result /= 1024;
-      unitIndex++;
-    }
-  }
-  return { size: result, unit: unitOrder[unitIndex] };
-}