@aquera/nile-elements 0.1.38-beta-1.0 → 0.1.38-beta-1.5

package/src/nile-file-upload/utils/file-validation.util.ts

@@ -1,163 +0,0 @@
-import { DragHandler } from "./drag-drop.util";
-import { FileUploadState, FileUploadError, FileUploadEvent } from "../types";
-import { NileFileUpload } from "../nile-file-upload";
-
-// write a function to check for duplicatse in the files name it as areDuplicates
-export const areDuplicates = (files: File[], uploadedFiles: File[]): boolean => {
-  return files.some(file =>
-    uploadedFiles.some(existing =>
-      file.name === existing.name &&
-      file.size === existing.size &&
-      file.lastModified === existing.lastModified
-    )
-  );
-};
-
-// set up the drag handler
-export const setUpDragHandler = (
-  nileFileUpload: NileFileUpload,
-  dragHandler: DragHandler
-): void => {
-  dragHandler.onStateChange((newState: FileUploadState) => {
-    nileFileUpload.state = newState;
-  });
-
-  dragHandler.onFileDrop((files: File[]) => {
-    let { allowMultiple, uploadedFiles, errorMessage, requestUpdate } = nileFileUpload;
-
-    if (!allowMultiple) {
-      const total = uploadedFiles.length + files.length;
-      if (total > 1) {
-        errorMessage = FileUploadError.MULTIPLE_NOT_ALLOWED;
-        requestUpdate();
-        return;
-      }
-    }
-
-    let newFiles = files;
-
-    if (!nileFileUpload.allowDuplicates) {
-      newFiles = files.filter(file =>
-        !nileFileUpload.uploadedFiles.some(
-          uploaded =>
-            uploaded.name === file.name &&
-            uploaded.size === file.size &&
-            uploaded.type === file.type
-        )
-      );
-
-      if (newFiles.length === 0) {
-        nileFileUpload.errorMessage = FileUploadError.DUPLICATES_NOT_ALLOWED;
-        nileFileUpload.requestUpdate();
-        return;
-      }
-    }
-
-    nileFileUpload.uploadedFiles = [...nileFileUpload.uploadedFiles, ...newFiles];
-    nileFileUpload.requestUpdate();
-  });
-
-  dragHandler.setErrorMessage((errorMessage: string) => {
-    nileFileUpload.errorMessage = errorMessage;
-  });
-};
-
-
-// global listenrers
-export const addGlobalListeners = (dragHandler: DragHandler): void => {
-  document.addEventListener('dragover', dragHandler.preventDragOver, { passive: false });
-  document.addEventListener('drop', dragHandler.preventDrop, { passive: false });
-}
-
-// for hover & dragging functionality
-export const addInternalListeners = (nileFileUpload: NileFileUpload, dragHandler: DragHandler, uploadRequests: any): void => {
-  nileFileUpload.addEventListener('mouseenter', (e) => handleHoverIn(nileFileUpload.setState, nileFileUpload.state));
-  nileFileUpload.addEventListener('mouseleave', (e) => handleHoverOut(nileFileUpload.setState, nileFileUpload.state));
-  nileFileUpload.addEventListener('dragenter', (e) => dragHandler.dragEnter(e));
-  nileFileUpload.addEventListener('dragleave', (e) => dragHandler.dragLeave(e));
-  nileFileUpload.addEventListener('dragover', (e) => dragHandler.dragOver(e));
-  nileFileUpload.addEventListener('drop', (e) => dragHandler.drop(e));  
-
-  cancelFileUpload(nileFileUpload, uploadRequests);
-}
-
-export function handleHoverIn(
-  setState: (state: FileUploadState) => void,
-  currentState: FileUploadState
-): void {
-  if (currentState === FileUploadState.DEFAULT) {
-    setState(FileUploadState.HOVER);
-  }
-}
-
-export function handleHoverOut(
-  setState: (state: FileUploadState) => void,
-  currentState: FileUploadState
-): void {
-  if (currentState === FileUploadState.HOVER) {
-    setState(FileUploadState.DEFAULT);
-  }
-}
-
-export function uploadFiles(nileFileUpload: NileFileUpload) {
-  const { uploadedFiles, fileUploadUrl, uploadRequests } = nileFileUpload;
-  if (!fileUploadUrl || !uploadedFiles?.length) return;
-
-  for (const file of uploadedFiles) {
-    const formData = new FormData();
-    formData.append('file', file);
-
-    const xhr = new XMLHttpRequest();
-    uploadRequests.set(file, xhr);
-
-    xhr.upload.onprogress = (e) => {
-      const percent = Math.floor((e.loaded / e.total) * 100);
-      nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_PROGRESS, {
-        detail: { file, progress: percent }
-      }));
-    };
-
-    xhr.onload = () => {
-      uploadRequests.delete(file);
-      if (xhr.status === 201) {
-        // Remove the successfully uploaded file
-        nileFileUpload.uploadedFiles = nileFileUpload.uploadedFiles.filter(f => f !== file);
-
-        nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_SUCCESS, {
-          detail: { file, response: xhr.response }
-        }));
-      } else {
-        nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.SERVER_SIDE_ERROR, {
-          detail: { file, status: xhr.status, response: xhr.response }
-        }));
-      }
-    };
-
-    xhr.onerror = () => {
-      uploadRequests.delete(file);
-      nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_NETWORK_ERROR, {
-        detail: { file, status: xhr.status, response: xhr.response }
-      }));
-    };
-
-    xhr.open('POST', fileUploadUrl);
-    xhr.send(formData);
-  }
-}
-
-export const cancelFileUpload = (nileFileUpload: NileFileUpload, uploadRequests: Map<File, XMLHttpRequest>) => {
-  document.addEventListener(FileUploadEvent.NILE_CANCEL_UPLOAD, (e: CustomEvent) => {
-    const fileToCancel = e.detail.file;
-    const xhr = uploadRequests.get(fileToCancel);
-
-    if (xhr) {
-      xhr.abort();
-    }
-    uploadRequests.delete(fileToCancel);
-    nileFileUpload.uploadedFiles = nileFileUpload.uploadedFiles.filter(file => file !== fileToCancel);
-
-    nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_CANCELLED, {
-      detail: { file: fileToCancel }
-    }));
-  });
-};