tsv2-library 1.0.61-alpha.60 → 1.0.61-alpha.62

package/dist/src/utils/getImageURL.util.d.ts

@@ -1,5 +1,8 @@
 export declare const buildFileURL: (name?: string, width?: number, height?: number) => string;
-export declare const fetchBlobFile: (url: string, token: string) => Promise<Blob>;
+export declare const fetchFile: (url: string, token: string) => Promise<{
+    blob: Blob;
+    fetchFileName: string | null;
+}>;
 /**
  *
  * @param fileUrl The full URL
@@ -7,5 +10,5 @@ export declare const fetchBlobFile: (url: string, token: string) => Promise<Blob
  * @param immediateRevoke Immediately revoke the object URL after download - default to true
  * @returns
  */
-export declare const downloadFile: (fileUrl: string, fileName: string, immediateRevoke?: boolean) => Promise<string>;
+export declare const downloadFile: (fileUrl: string, customFileName?: string, immediateRevoke?: boolean) => Promise<string>;
 export declare const getImageURL: (name?: string | null, width?: number, height?: number, returnURLOnly?: boolean) => Promise<string | undefined>;

package/dist/tsv2-library.es.js

@@ -19605,11 +19605,19 @@ const buildFileURL = (name, width2, height) => {
   }
   return url;
 };
+const getFilenameFromResponse = (response) => {
+  const contentDisposition = response.headers.get("Content-Disposition");
+  if (!contentDisposition)
+    return null;
+  const quotedFilenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
+  const quotedMatch = contentDisposition.match(quotedFilenameRegex);
+  return (quotedMatch == null ? void 0 : quotedMatch[1]) ?? null;
+};
 const getAuthToken = () => {
   const user = JSON.parse(localStorage.getItem("user") ?? "{}");
   return user.jwt ?? user.token ?? "";
 };
-const fetchBlobFile = async (url, token) => {
+const fetchFile = async (url, token) => {
   const res = await fetch(url, {
     headers: {
       Authorization: `Bearer ${token}`
@@ -19619,29 +19627,35 @@ const fetchBlobFile = async (url, token) => {
     throw new Error(`Image fetch failed: ${res.status} ${res.statusText}`);
   }
   const arrayBuffer = await res.arrayBuffer();
-  return new Blob([arrayBuffer], {
-    type: res.headers.get("Content-Type") || "image/webp"
-  });
+  return {
+    blob: new Blob([arrayBuffer], {
+      type: res.headers.get("Content-Type") || "image/webp"
+    }),
+    fetchFileName: getFilenameFromResponse(res)
+  };
 };
-const downloadFile = async (fileUrl, fileName, immediateRevoke = true) => {
+const downloadFile = async (fileUrl, customFileName, immediateRevoke = true) => {
   const token = getAuthToken();
-  const blob2 = await fetchBlobFile(fileUrl, token);
+  const { blob: blob2, fetchFileName } = await fetchFile(fileUrl, token);
   let objectUrl = "";
   const isViewable = /^(image|application\/pdf)/i.test(blob2.type);
-  if (isViewable) {
-    const file = new File([blob2], fileName, {
-      type: blob2.type
-    });
-    objectUrl = URL.createObjectURL(file);
-    window.open(objectUrl, "_blank");
-  } else {
-    objectUrl = URL.createObjectURL(blob2);
-    const a = document.createElement("a");
-    a.href = objectUrl;
-    a.download = fileName;
-    document.body.appendChild(a);
-    a.click();
-    a.remove();
+  const fileName = customFileName ?? fetchFileName;
+  if (fileName) {
+    if (isViewable) {
+      const file = new File([blob2], fileName, {
+        type: blob2.type
+      });
+      objectUrl = URL.createObjectURL(file);
+      window.open(objectUrl, "_blank");
+    } else {
+      objectUrl = URL.createObjectURL(blob2);
+      const a = document.createElement("a");
+      a.href = objectUrl;
+      a.download = fileName;
+      document.body.appendChild(a);
+      a.click();
+      a.remove();
+    }
   }
   if (immediateRevoke) {
     URL.revokeObjectURL(objectUrl);
@@ -19651,7 +19665,7 @@ const downloadFile = async (fileUrl, fileName, immediateRevoke = true) => {
 const createBlobURL = async (rawFileUrl) => {
   try {
     const token = getAuthToken();
-    const blob2 = await fetchBlobFile(rawFileUrl, token);
+    const { blob: blob2 } = await fetchFile(rawFileUrl, token);
     return URL.createObjectURL(blob2);
   } catch (err) {
     return void 0;
@@ -51971,16 +51985,19 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     const totalRecords2 = ref();
     const loadingTable = ref(false);
     const prevQueryParams = shallowRef({});
-    const queryParams = computed(() => ({
-      ...props.defaultQueryParams,
-      search: props.search,
-      page: props.usePaginator ? tablePage.value : void 0,
-      limit: props.usePaginator ? tableRows.value : void 0,
-      sortOrder: sortOrder2.value,
-      sortBy: sortField2.value,
-      ...props.filters
-      // This will resets the previous filters.
-    }));
+    const queryParams = computed(() => {
+      var _a;
+      return {
+        ...props.defaultQueryParams,
+        search: (_a = props.search) == null ? void 0 : _a.trim(),
+        page: props.usePaginator ? tablePage.value : void 0,
+        limit: props.usePaginator ? tableRows.value : void 0,
+        sortOrder: sortOrder2.value,
+        sortBy: sortField2.value,
+        ...props.filters
+        // This will resets the previous filters.
+      };
+    });
     const isArrayIncluded = (smallArray, largeArray) => {
       return smallArray.every((element) => largeArray.includes(element));
     };