synapse-react-client 4.0.2 → 4.0.4

package/dist/components/DownloadCart/DownloadListTable.js

@@ -1,28 +1,28 @@
-import { jsxs as s, jsx as i, Fragment as O } from "react/jsx-runtime";
+import { jsxs as u, jsx as o, Fragment as C } from "react/jsx-runtime";
 import "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
 import "@sage-bionetworks/synapse-client/util/SynapseClientError";
 import "@sage-bionetworks/synapse-types";
 import "../../utils/functions/EntityTypeUtils.js";
-import { copyStringToClipboard as H } from "../../utils/functions/StringUtils.js";
-import { PRODUCTION_ENDPOINT_CONFIG as M } from "../../utils/functions/getEndpoint.js";
+import { copyStringToClipboard as _ } from "../../utils/functions/StringUtils.js";
+import { PRODUCTION_ENDPOINT_CONFIG as j } from "../../utils/functions/getEndpoint.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../utils/PermissionLevelToAccessType.js";
 import "../../utils/SynapseConstants.js";
-import { useState as S, useEffect as R, useCallback as G, useMemo as k } from "react";
+import { useState as T, useEffect as F, useCallback as V, useMemo as D } from "react";
 import "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
-import { Box as c, Select as W, Button as U, Tooltip as I } from "@mui/material";
+import { Box as $, Button as H, Typography as E, Tooltip as R } from "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
 import "../../utils/AppUtils/session/ApplicationSessionContext.js";
 import "../../utils/context/FullContextProvider.js";
 import "../../utils/context/DocumentMetadataContext.js";
-import { BlockingLoader as q, SynapseSpinner as B } from "../LoadingScreen/LoadingScreen.js";
+import { BlockingLoader as M, SynapseSpinner as A } from "../LoadingScreen/LoadingScreen.js";
 import "@tanstack/query-core";
 import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
@@ -30,159 +30,144 @@ import "lodash-es/xorWith";
 import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
-import { useGetAvailableFilesToDownloadInfinite as Y, useRemoveFilesFromDownloadList as L } from "../../synapse-queries/download/useDownloadList.js";
-import { calculateFriendlyFileSize as J } from "../../utils/functions/calculateFriendlyFileSize.js";
-import { formatDate as x } from "../../utils/functions/DateFormatter.js";
-import { useReactTable as K, getCoreRowModel as Q, createColumnHelper as X } from "@tanstack/react-table";
-import P from "dayjs";
-import { useErrorHandler as Z } from "react-error-boundary";
-import ee from "../DirectDownload/FileEntityDirectDownload.js";
-import v from "../IconSvg/IconSvg.js";
-import { InteractiveCopyIdsIcon as ie } from "../InteractiveCopyIdsIcon.js";
+import { useGetAvailableFilesToDownloadInfinite as x, useRemoveFilesFromDownloadList as k } from "../../synapse-queries/download/useDownloadList.js";
+import { calculateFriendlyFileSize as G } from "../../utils/functions/calculateFriendlyFileSize.js";
+import { formatDate as U } from "../../utils/functions/DateFormatter.js";
+import { useReactTable as W, getCoreRowModel as Y, createColumnHelper as q } from "@tanstack/react-table";
+import Z from "dayjs";
+import { useErrorHandler as J } from "react-error-boundary";
+import K from "../DirectDownload/FileEntityDirectDownload.js";
+import z from "../IconSvg/IconSvg.js";
+import { InteractiveCopyIdsIcon as Q } from "../InteractiveCopyIdsIcon.js";
 import "@mui/material/Skeleton";
-import { SkeletonTable as oe } from "../Skeleton/SkeletonTable.js";
-import { TOOLTIP_DELAY_SHOW as C } from "../SynapseTable/SynapseTableConstants.js";
+import { SkeletonTable as X } from "../Skeleton/SkeletonTable.js";
+import { TOOLTIP_DELAY_SHOW as L } from "../SynapseTable/SynapseTableConstants.js";
 import a from "../TanStackTable/ColumnHeader.js";
-import te from "../TanStackTable/StyledTanStackTable.js";
-import { displayToast as w } from "../ToastMessage/ToastMessage.js";
-import { UserBadge as re } from "../UserCard/UserBadge.js";
-import le from "./DirectProgrammaticDownload.js";
-import ne from "./DownloadListStats.js";
-const ae = "TESTING_TRASH_BTN_CLASS";
-function se(l, o) {
-  w(`${o} has been removed from your list.`, "success", {
-    title: l
+import ee from "../TanStackTable/StyledTanStackTable.js";
+import { displayToast as h } from "../ToastMessage/ToastMessage.js";
+import oe from "./DirectProgrammaticDownload.js";
+const ie = "TESTING_TRASH_BTN_CLASS";
+function te(r, i) {
+  h(`${i} has been removed from your list.`, "success", {
+    title: r
   });
 }
-function me(l) {
-  const { ctx: o } = l, { mutateAsync: t, isPending: e } = L({
-    onSuccess: () => w(
-      `${o.row.original.fileName} has been removed from your list.`,
+function re(r) {
+  const { ctx: i } = r, { mutateAsync: t, isPending: e } = k({
+    onSuccess: () => h(
+      `${i.row.original.fileName} has been removed from your list.`,
       "success",
       {
         title: "File Removed"
       }
     )
   });
-  return /* @__PURE__ */ i(
-    I,
+  return /* @__PURE__ */ o(
+    R,
     {
-      title: "Remove from Download Cart",
+      title: "Remove from Download List",
       placement: "left",
-      enterNextDelay: C,
-      children: /* @__PURE__ */ i("span", { className: "removeItem", children: /* @__PURE__ */ i(
+      enterNextDelay: L,
+      children: /* @__PURE__ */ o("span", { className: "removeItem", children: /* @__PURE__ */ o(
         "button",
         {
-          className: ae,
+          className: ie,
           onClick: () => {
             t({
               batchToRemove: [
                 {
-                  fileEntityId: o.row.original.fileEntityId,
-                  versionNumber: o.row.original.versionNumber
+                  fileEntityId: i.row.original.fileEntityId,
+                  versionNumber: i.row.original.versionNumber
                 }
               ]
             });
           },
-          children: e ? /* @__PURE__ */ i(B, {}) : /* @__PURE__ */ i(v, { icon: "removeCircle" })
+          children: e ? /* @__PURE__ */ o(A, {}) : /* @__PURE__ */ o(z, { icon: "removeCircle" })
         }
       ) })
     }
   );
 }
-const n = X(), ce = (l) => {
-  const { onCopySynIds: o, removeItem: t } = l;
+const l = q(), ne = (r) => {
+  const { onCopySynIds: i, removeItem: t } = r;
   return [
-    n.accessor("isEligibleForPackaging", {
-      header: () => /* @__PURE__ */ i(O, {}),
-      cell: (e) => /* @__PURE__ */ s("div", { children: [
-        e.getValue() && /* @__PURE__ */ i(
-          I,
-          {
-            title: "Eligible for packaging",
-            enterNextDelay: C,
-            placement: "right",
-            children: /* @__PURE__ */ i("span", { className: "eligibileIcon", children: /* @__PURE__ */ i(v, { wrap: !1, icon: "packagableFile" }) })
-          }
-        ),
-        !e.getValue() && /* @__PURE__ */ i(
-          I,
-          {
-            title: "This file is ineligible for Web packaging because it is >100MB, or it is an external link, or it is not stored on Synapse native storage",
-            enterNextDelay: C,
-            placement: "right",
-            children: /* @__PURE__ */ i("span", { className: "ineligibileIcon", children: /* @__PURE__ */ i(v, { wrap: !1, icon: "warningOutlined" }) })
-          }
-        )
-      ] }),
+    l.accessor("isEligibleForPackaging", {
+      header: () => /* @__PURE__ */ o(C, {}),
+      cell: (e) => /* @__PURE__ */ o("div", { children: !e.getValue() && /* @__PURE__ */ o(
+        R,
+        {
+          title: /* @__PURE__ */ u(C, { children: [
+            "This file can’t be packaged as a ZIP because it is ",
+            ">",
+            "100MB, or it is an external link, or it is not stored on Synapse native storage.",
+            /* @__PURE__ */ o("br", {}),
+            "Try clicking the “download” icon at the end of the row, or download programmatically."
+          ] }),
+          enterNextDelay: L,
+          placement: "right",
+          children: /* @__PURE__ */ o("span", { className: "ineligibileIcon", children: /* @__PURE__ */ o(z, { wrap: !1, icon: "unpackagableFile" }) })
+        }
+      ) }),
       enableResizing: !1,
       enableColumnFilter: !1,
       size: 50
     }),
-    n.accessor("fileName", {
-      header: (e) => /* @__PURE__ */ i(a, { ...e, title: "Name" }),
-      cell: (e) => /* @__PURE__ */ i(
+    l.accessor("fileName", {
+      header: (e) => /* @__PURE__ */ o(a, { ...e, title: "Name" }),
+      cell: (e) => /* @__PURE__ */ o(
         "a",
         {
           target: "_blank",
           rel: "noopener noreferrer",
-          href: `${M.PORTAL}Synapse:${e.row.original.fileEntityId}.${e.row.original.versionNumber}`,
+          href: `${j.PORTAL}Synapse:${e.row.original.fileEntityId}.${e.row.original.versionNumber}`,
           children: e.getValue()
         }
       ),
       enableColumnFilter: !1,
-      size: 160
+      size: 360
     }),
-    n.accessor("fileSizeBytes", {
-      header: (e) => /* @__PURE__ */ i(a, { ...e, title: "Size" }),
-      cell: (e) => e.getValue() != null ? J(e.getValue()) : /* @__PURE__ */ i(O, {}),
+    l.accessor("fileSizeBytes", {
+      header: (e) => /* @__PURE__ */ o(a, { ...e, title: "Size" }),
+      cell: (e) => e.getValue() != null && e.getValue() > 0 ? G(e.getValue()) : /* @__PURE__ */ o(E, { variant: "smallText1", sx: { color: "grey.600" }, children: "Unknown" }),
       enableColumnFilter: !1,
-      size: 100
+      size: 117
     }),
-    n.accessor("fileEntityId", {
-      header: (e) => /* @__PURE__ */ i(
+    l.accessor("fileEntityId", {
+      header: (e) => /* @__PURE__ */ o(
         a,
         {
           ...e,
           title: "SynID",
-          additionalButtons: /* @__PURE__ */ i(ie, { size: "small", onCopy: o })
+          additionalButtons: /* @__PURE__ */ o(Q, { size: "small", onCopy: i })
         }
       ),
       cell: (e) => `${e.getValue()}.${e.row.original.versionNumber}`,
       enableColumnFilter: !1,
-      size: 100
-    }),
-    n.accessor("projectName", {
-      header: (e) => /* @__PURE__ */ i(a, { ...e, title: "Project" }),
-      enableColumnFilter: !1
-    }),
-    n.accessor("addedOn", {
-      header: (e) => /* @__PURE__ */ i(a, { ...e, title: "Added On" }),
-      cell: (e) => x(P(e.getValue())),
-      enableColumnFilter: !1
+      size: 143
     }),
-    n.accessor("createdBy", {
-      header: (e) => /* @__PURE__ */ i(a, { ...e, title: "Created By" }),
-      cell: (e) => /* @__PURE__ */ i(re, { userId: e.getValue() }),
-      enableColumnFilter: !1
+    l.accessor("addedOn", {
+      header: (e) => /* @__PURE__ */ o(a, { ...e, title: "Added On" }),
+      cell: (e) => U(Z(e.getValue())),
+      enableColumnFilter: !1,
+      size: 150
     }),
-    n.accessor("createdOn", {
-      header: (e) => /* @__PURE__ */ i(a, { ...e, title: "Created On" }),
-      cell: (e) => x(P(e.getValue())),
-      enableColumnFilter: !1
+    l.accessor("projectName", {
+      header: (e) => /* @__PURE__ */ o(a, { ...e, title: "Project" }),
+      enableColumnFilter: !1,
+      size: 170
     }),
-    n.display({
+    l.display({
       id: "actions",
-      header: (e) => /* @__PURE__ */ i(a, { ...e, title: "Actions" }),
-      cell: (e) => /* @__PURE__ */ s("div", { className: "actionsContainer", children: [
-        /* @__PURE__ */ i("span", { className: "downloadItem", children: /* @__PURE__ */ i(
-          ee,
+      header: (e) => /* @__PURE__ */ o(a, { ...e, title: "Actions" }),
+      cell: (e) => /* @__PURE__ */ u("div", { className: "actionsContainer", children: [
+        /* @__PURE__ */ o("span", { className: "downloadItem", children: /* @__PURE__ */ o(
+          K,
           {
             entityId: e.row.original.fileEntityId,
             entityVersionNumber: e.row.original.versionNumber,
             displayFileName: !1,
-            onClickCallback: (u) => {
-              u || t(
+            onClickCallback: (d) => {
+              d || t(
                 {
                   fileEntityId: e.row.original.fileEntityId,
                   versionNumber: e.row.original.versionNumber
@@ -193,14 +178,14 @@ const n = X(), ce = (l) => {
             }
           }
         ) }),
-        /* @__PURE__ */ i("span", { className: "programmaticAccessItem", children: /* @__PURE__ */ i(
-          le,
+        /* @__PURE__ */ o("span", { className: "programmaticAccessItem", children: /* @__PURE__ */ o(
+          oe,
           {
             entityId: e.row.original.fileEntityId,
             version: e.row.original.versionNumber
           }
         ) }),
-        /* @__PURE__ */ i(me, { ctx: e })
+        /* @__PURE__ */ o(re, { ctx: e })
       ] }),
       enableResizing: !1,
       enableColumnFilter: !1,
@@ -211,181 +196,116 @@ const n = X(), ce = (l) => {
     })
   ];
 };
-function de(l) {
-  if (l.length === 0)
+function le(r) {
+  if (r.length === 0)
     return;
-  const o = l[0];
+  const i = r[0];
   let t = "addedOn";
-  return o.id === "fileName" ? t = "fileName" : o.id === "fileSizeBytes" ? t = "fileSize" : o.id === "fileEntityId" ? t = "synId" : o.id === "projectName" ? t = "projectName" : o.id === "addedOn" ? t = "addedOn" : o.id === "createdBy" ? t = "createdBy" : o.id === "createdOn" && (t = "createdOn"), {
+  return i.id === "fileName" ? t = "fileName" : i.id === "fileSizeBytes" ? t = "fileSize" : i.id === "fileEntityId" ? t = "synId" : i.id === "projectName" ? t = "projectName" : i.id === "addedOn" ? t = "addedOn" : i.id === "createdBy" ? t = "createdBy" : i.id === "createdOn" && (t = "createdOn"), {
     field: t,
-    direction: o.desc ? "DESC" : "ASC"
+    direction: i.desc ? "DESC" : "ASC"
   };
 }
-function si() {
-  const l = Z(), [o, t] = S(!1), [e, u] = S([
+function oo({
+  filter: r
+}) {
+  const i = J(), [t, e] = T(!1), [d, O] = T([
     {
       desc: !0,
       id: "addedOn"
     }
-  ]), [N, z] = S(void 0), {
-    data: F,
-    status: D,
-    isFetchingNextPage: m,
-    isLoading: j,
-    hasNextPage: d,
+  ]), {
+    data: b,
+    status: v,
+    isFetchingNextPage: s,
+    isLoading: S,
+    hasNextPage: c,
     fetchNextPage: p,
-    isError: T,
-    error: y
-  } = Y(
-    de(e),
-    N
+    isError: I,
+    error: g
+  } = x(
+    le(d),
+    r
   );
-  R(() => {
-    T && y && l(y);
-  }, [T, y, l]);
-  const { mutateAsync: E } = L(), A = G(
-    async (r, h, g) => {
-      await E({ batchToRemove: [r] }), se(g, h);
+  F(() => {
+    I && g && i(g);
+  }, [I, g, i]);
+  const { mutateAsync: w } = k(), N = V(
+    async (n, y, f) => {
+      await w({ batchToRemove: [n] }), te(f, y);
     },
-    [E]
-  ), f = k(
-    () => F?.pages.flatMap((r) => r.page) ?? [],
-    [F?.pages]
-  ), V = k(
-    () => ce({
-      removeItem: (...r) => {
-        A(...r);
+    [w]
+  ), m = D(
+    () => b?.pages.flatMap((n) => n.page) ?? [],
+    [b?.pages]
+  ), P = D(
+    () => ne({
+      removeItem: (...n) => {
+        N(...n);
       },
       onCopySynIds: () => {
-        t(!0);
+        e(!0);
       }
     }),
-    [A]
-  ), _ = K({
-    data: f,
-    columns: V,
-    getCoreRowModel: Q(),
+    [N]
+  ), B = W({
+    data: m,
+    columns: P,
+    getCoreRowModel: Y(),
     manualSorting: !0,
-    onSortingChange: u,
+    onSortingChange: O,
     state: {
       columnPinning: {
         right: ["actions"]
       },
-      sorting: e
+      sorting: d
     },
     columnResizeMode: "onChange",
     meta: {
-      getRowClassNames(r) {
-        return r.original.isEligibleForPackaging ? "" : "ineligibleForPackaging";
+      getRowClassNames(n) {
+        return n.original.isEligibleForPackaging ? "" : "ineligibleForPackaging";
       }
     }
   });
-  R(() => {
-    D === "success" && !m && d && p && o ? p() : !d && o && (() => {
-      const h = f.map((g) => `${g.fileEntityId}.${g.versionNumber}`).join(`
+  return F(() => {
+    v === "success" && !s && c && p && t ? p() : !c && t && (() => {
+      const y = m.map((f) => `${f.fileEntityId}.${f.versionNumber}`).join(`
 `);
-      H(h).then(() => {
-        w("Successfully copied to clipboard");
-      }), t(!1);
+      _(y).then(() => {
+        h("Successfully copied to clipboard");
+      }), e(!1);
     })();
   }, [
-    D,
-    m,
-    d,
+    v,
+    s,
+    c,
     p,
-    o,
-    f
-  ]);
-  const b = (r) => r ? r == "eligibleForPackaging" ? "Only Eligible" : "Only Ineligible" : "All", $ = [
-    void 0,
-    "eligibleForPackaging",
-    "ineligibleForPackaging"
-  ];
-  return /* @__PURE__ */ s("div", { children: [
-    /* @__PURE__ */ i(q, { show: o }),
-    /* @__PURE__ */ s(
-      c,
-      {
-        sx: {
-          display: "flex",
-          flexDirection: {
-            xs: "column",
-            md: "row"
-          },
-          justifyContent: "space-between",
-          alignItems: "center",
-          py: "15px",
-          rowGap: "15px"
-        },
-        children: [
-          /* @__PURE__ */ i(ne, {}),
-          /* @__PURE__ */ s(
-            c,
-            {
-              sx: {
-                display: "flex",
-                gap: "10px",
-                alignItems: "inherit",
-                justifyContent: "end"
-              },
-              children: [
-                /* @__PURE__ */ i(
-                  c,
-                  {
-                    sx: {
-                      fontWeight: "700",
-                      fontSize: "14px"
-                    },
-                    children: "Filter Files By"
-                  }
-                ),
-                /* @__PURE__ */ i(
-                  c,
-                  {
-                    sx: {
-                      button: {
-                        width: "144px"
-                      }
-                    },
-                    children: /* @__PURE__ */ i(W, { native: !0, fullWidth: !0, value: b(N), children: $.map((r) => /* @__PURE__ */ i(
-                      "option",
-                      {
-                        onClick: () => {
-                          z(r);
-                        },
-                        children: b(r)
-                      },
-                      `${b(r)}-filter-option`
-                    )) })
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    f.length > 0 && /* @__PURE__ */ s("div", { className: "DownloadListTableV2", children: [
-      /* @__PURE__ */ i(te, { table: _, fullWidth: !1 }),
-      d && /* @__PURE__ */ i(c, { sx: { display: "flex", justifyContent: "right" }, children: /* @__PURE__ */ i(
-        U,
+    t,
+    m
+  ]), /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ o(M, { show: t }),
+    m.length > 0 && /* @__PURE__ */ u("div", { className: "DownloadListTableV2", children: [
+      /* @__PURE__ */ o(ee, { table: B, fullWidth: !1 }),
+      c && /* @__PURE__ */ o($, { sx: { display: "flex", justifyContent: "right" }, children: /* @__PURE__ */ o(
+        H,
         {
           variant: "contained",
           sx: { my: 2, ml: "auto" },
           onClick: () => {
             p();
           },
-          disabled: m,
-          startIcon: m ? /* @__PURE__ */ i(B, {}) : void 0,
-          children: m ? "Loading..." : "Show More"
+          disabled: s,
+          startIcon: s ? /* @__PURE__ */ o(A, {}) : void 0,
+          children: s ? "Loading..." : "Show More"
         }
       ) })
     ] }),
-    j && /* @__PURE__ */ i(oe, { numCols: 5, numRows: 3 })
+    m.length === 0 && !S && /* @__PURE__ */ o(E, { variant: "body1Italic", children: "You have no matching files in your download list." }),
+    S && /* @__PURE__ */ o(X, { numCols: 5, numRows: 3 })
   ] });
 }
 export {
-  ae as TESTING_TRASH_BTN_CLASS,
-  si as default
+  ie as TESTING_TRASH_BTN_CLASS,
+  oo as default
 };
 //# sourceMappingURL=DownloadListTable.js.map