Merge branch 'dev' of https://github.com/Ritesh-Microsoft/Document-Knowledge-Mining-Solution-Accelerator-Automation into dev

Author: Ritesh-Microsoft

App/frontend-app/src/assets/scss/global.scss

@@ -104,4 +104,8 @@ $max-content-width: 1600px;
     ._max-content-width {
         max-width: $max-content-width;
     }
+}
+
+.autoHeight {
+    height :auto !important;
 }

App/frontend-app/src/components/documentViewer/dialogContentComponent.tsx

@@ -52,7 +52,7 @@ export function DialogContentComponent({
                 </div>
             )}
 
-            <div className="mb-4 h-96 overflow-y-auto">
+            <div className="mb-4 h-96 overflow-y-auto autoHeight">
                 {allChunkTexts.map(
                     (item, index) =>
                         item && (

App/frontend-app/src/components/uploadButton/uploadButton.tsx

@@ -93,9 +93,22 @@ const UploadDocumentsDialog = () => {
     noKeyboard: true,
   });
 
+  // Add this function to handle dialog close
+  const handleDialogClose = () => {
+    setIsOpen(false);
+    setUploadingFiles([]); // Clear the uploaded files
+    setIsUploading(false); // Reset uploading state
+  };
+
   return (<>
     {isUploadBtnVisible == true ?
-      <Dialog open={isOpen} onOpenChange={(event, data) => setIsOpen(data.open)}>
+      <Dialog open={isOpen} onOpenChange={(event, data) => {
+        if (!data.open) {
+          handleDialogClose();
+        } else {
+          setIsOpen(data.open);
+        }
+      }}>
         <DialogTrigger>
           <Button icon={<ArrowUpload24Regular />} onClick={() => setIsOpen(true)}>
             Upload documents
@@ -108,7 +121,7 @@ const UploadDocumentsDialog = () => {
               <Button
                 icon={<DismissRegular />}
                 appearance="subtle"
-                onClick={() => setIsOpen(false)}
+                onClick={handleDialogClose}
                 style={{ position: "absolute", right: 20, top: 20 }}
               />
             </DialogTitle>