Added OnFileRemove method in FileUploader

Author: Anindra123

assets/core/ts/components/file-uploader.ts

@@ -15,6 +15,7 @@ export interface FileUploaderProps {
   maxSize?: number; // in bytes
   onFileSelect?: (files: (File | WPMedia | string)[]) => void;
   onError?: (error: string) => void;
+  onFileRemove?: (file: File | WPMedia | string) => void;
   disabled?: boolean;
   variant?: FileUploaderVariant;
   value?: File | WPMedia | string | (File | WPMedia | string)[] | null;
@@ -273,6 +274,10 @@ export const fileUploader = (props: FileUploaderProps = defaultProps) => ({
   },
 
   removeFile(index?: number) {
+    if (props.onFileRemove && typeof index === 'number') {
+      props.onFileRemove(this.selectedFiles[index]);
+    }
+
     if (this.multiple && typeof index === 'number') {
       this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);
     } else {

assets/src/js/v3/shared/utils/endpoints.ts

@@ -111,6 +111,7 @@ const endpoints = {
   GET_ASSIGNMENT_DETAILS: 'tutor_assignment_details',
   SAVE_ASSIGNMENT: 'tutor_assignment_save',
   ASSIGNMENT_SUBMIT: 'tutor_assignment_submit',
+  REMOVE_ATTACHMENT: 'tutor_remove_assignment_attachment',
 
   // TAX SETTINGS
   GET_TAX_SETTINGS: 'tutor_get_tax_settings',

assets/src/scss/frontend/learning-area/components/_assignment.scss

@@ -150,45 +150,49 @@
         thead {
           th {
             @include tutor-typography('tiny', 'regular');
-            width: 20%;
+            width: 14.3%;
 
             &:first-of-type {
               width: 42.5%;
             }
+
+            &:nth-child(4) {
+              width: 18%;
+            }
           }
         }
 
         tbody {
           tr {
+            height: $tutor-spacing-13;
             &:hover {
               td {
                 .attempt-list-badge{ 
                   .tutor-badge{
                     display: none;
                   }
                 }
-                .attempt_details_button {
+                button {
                   display: block;
                 }
               }
             }
           }
           td {
-            position: relative;
             @include tutor-typography('small', 'regular', 'secondary');
             width: 14.3%;
 
             &:first-of-type {
               color: $tutor-text-brand;
               font-weight: $tutor-font-weight-medium;
-              width: 42.8%;
+              width: 42.5%;
+            }
+
+            &:nth-child(4) {
+              width: 18%;
             }
 
-            a.attempt_details_button {
-              position: absolute;
-              right: 0;
-              top: 50%;
-              transform: translate(-50%, -50%);
+            button{
               display: none;
             }
           }

components/FileUploader.php

@@ -539,6 +539,7 @@ public function get(): string {
 		$button_text         = ! empty( $this->uploader_button_text ) ? $this->uploader_button_text : __( 'Select Files', 'tutor' );
 		$on_file_select      = $this->attributes['onFileSelect'] ?? 'null';
 		$on_error            = $this->attributes['onError'] ?? 'null';
+		$on_file_remove      = $this->attributes['onFileRemove'] ?? 'null';
 		$variant             = $this->variant;
 		$uploader_attributes = $this->attributes;
 
@@ -558,6 +559,7 @@ class="tutor-file-uploader-wrapper"
 				accept: '<?php echo esc_attr( $accept ); ?>',
 				maxSize: <?php echo (int) $max_size; ?>,
 				onFileSelect: <?php echo esc_js( $on_file_select ); ?>,
+				onFileRemove: <?php echo esc_js( $on_file_remove ); ?>,
 				onError: <?php echo esc_js( $on_error ); ?>,
 				variant: '<?php echo esc_attr( $variant ); ?>',
 				value: values.<?php echo esc_attr( $this->name ); ?>,