synapse-react-client 4.0.1 → 4.0.3-b

package/dist/components/DownloadCart/AvailableForDownloadTable.js

@@ -1,4 +1,4 @@
-import { jsx as r, Fragment as t } from "react/jsx-runtime";
+import { jsx as r, Fragment as i } from "react/jsx-runtime";
 import "../../utils/PermissionLevelToAccessType.js";
 import "../../utils/SynapseConstants.js";
 import "react";
@@ -10,7 +10,7 @@ import "@sage-bionetworks/synapse-types";
 import "../../utils/functions/EntityTypeUtils.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
-import { useSynapseContext as i } from "../../utils/context/SynapseContext.js";
+import { useSynapseContext as m } from "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
 import "@tanstack/react-query";
 import "@tanstack/query-core";
@@ -28,13 +28,15 @@ import "../../utils/context/FullContextProvider.js";
 import "../../utils/context/DocumentMetadataContext.js";
 import '../../style/components/_spinner.css';/* empty css                                   */
 import "react-router";
-import { SynapseErrorBoundary as m } from "../error/ErrorBanner.js";
-import p from "./DownloadListTable.js";
-function J() {
-  const { isAuthenticated: o } = i();
-  return o ? /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(p, {}) }) : /* @__PURE__ */ r(t, {});
+import { SynapseErrorBoundary as p } from "../error/ErrorBanner.js";
+import e from "./DownloadListTable.js";
+function K({
+  filter: o
+}) {
+  const { isAuthenticated: t } = m();
+  return t ? /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(e, { filter: o }) }) : /* @__PURE__ */ r(i, {});
 }
 export {
-  J as default
+  K as default
 };
 //# sourceMappingURL=AvailableForDownloadTable.js.map

package/dist/components/DownloadCart/AvailableForDownloadTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvailableForDownloadTable.js","sources":["../../../src/components/DownloadCart/AvailableForDownloadTable.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport DownloadListTable from './DownloadListTable'\n\n/**\n * Table of the files added to the Download Cart that are currently available for download.\n */\nexport default function AvailableForDownloadTable() {\n  const { isAuthenticated } = useSynapseContext()\n  if (!isAuthenticated) {\n    return <></>\n  }\n  return (\n    <SynapseErrorBoundary>\n      <DownloadListTable />\n    </SynapseErrorBoundary>\n  )\n}\n"],"names":["AvailableForDownloadTable","isAuthenticated","useSynapseContext","jsx","SynapseErrorBoundary","DownloadListTable","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,IAA4B;AAClD,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA;AAC5B,SAAKD,IAIH,gBAAAE,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,CAAA,CAAkB,GACrB,IALO,gBAAAF,EAAAG,GAAA,EAAE;AAOb;"}
+{"version":3,"file":"AvailableForDownloadTable.js","sources":["../../../src/components/DownloadCart/AvailableForDownloadTable.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils'\nimport { AvailableFilter } from '@sage-bionetworks/synapse-types'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport DownloadListTable from './DownloadListTable'\n\nexport type AvailableForDownloadTableProps = {\n  filter?: AvailableFilter\n}\n\n/**\n * Table of the files added to the Download List that are currently available for download.\n */\nexport default function AvailableForDownloadTable({\n  filter,\n}: AvailableForDownloadTableProps) {\n  const { isAuthenticated } = useSynapseContext()\n  if (!isAuthenticated) {\n    return <></>\n  }\n  return (\n    <SynapseErrorBoundary>\n      <DownloadListTable filter={filter} />\n    </SynapseErrorBoundary>\n  )\n}\n"],"names":["AvailableForDownloadTable","filter","isAuthenticated","useSynapseContext","jsx","SynapseErrorBoundary","DownloadListTable","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,SAAwBA,EAA0B;AAAA,EAChD,QAAAC;AACF,GAAmC;AACjC,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA;AAC5B,SAAKD,IAIH,gBAAAE,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAkB,QAAAL,GAAgB,GACrC,IALO,gBAAAG,EAAAG,GAAA,EAAE;AAOb;"}

package/dist/components/DownloadCart/CreatePackageV2.css

@@ -0,0 +1 @@
+._CreatePackageV2_128yf_1{padding-bottom:25px;margin-top:10px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}._CreatePackageV2_128yf_1 ._createManifestStep_128yf_10,._CreatePackageV2_128yf_1 ._createPackageStep_128yf_17{padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:center}._CreatePackageV2_128yf_1 ._checkbox_128yf_24 label{font-weight:400}._CreatePackageV2_128yf_1 ._createManifestTitle_128yf_27,._CreatePackageV2_128yf_1 ._createPackageTitle_128yf_28{font-weight:700}._CreatePackageV2_128yf_1 ._createPackageDescription_128yf_31{margin-bottom:20px}

package/dist/components/DownloadCart/CreatePackageV2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreatePackageV2.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/CreatePackageV2.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,MAAM,oBAAoB,GAAG;IACjC,iBAAiB,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAOD,eAAO,MAAM,wBAAwB,sDACgB,CAAA;AAErD,eAAO,MAAM,eAAe,GAC1B,OAAO,oBAAoB,KAC1B,KAAK,CAAC,SAsHR,CAAA"}
+{"version":3,"file":"CreatePackageV2.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/CreatePackageV2.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,MAAM,oBAAoB,GAAG;IACjC,iBAAiB,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAOD,eAAO,MAAM,wBAAwB,sDACgB,CAAA;AAErD,eAAO,MAAM,eAAe,GAC1B,OAAO,oBAAoB,KAC1B,KAAK,CAAC,SA0HR,CAAA"}

package/dist/components/DownloadCart/CreatePackageV2.js

@@ -1,49 +1,55 @@
-import { jsxs as t, Fragment as y, jsx as e } from "react/jsx-runtime";
-import { createPackageFromDownloadListV2 as w, getFileHandleByIdURL as x } from "../../synapse-client/SynapseClient.js";
-import { useSynapseContext as F } from "../../utils/context/SynapseContext.js";
-import { Box as N, TextField as C, InputAdornment as D, Button as L } from "@mui/material";
+import { jsxs as n, Fragment as F, jsx as e } from "react/jsx-runtime";
+import r from "./CreatePackageV2.module.scss.js";
+import { createPackageFromDownloadListV2 as N, getFileHandleByIdURL as D } from "../../synapse-client/SynapseClient.js";
+import { useSynapseContext as L } from "../../utils/context/SynapseContext.js";
+import { useQueryClient as I } from "@tanstack/react-query";
+import { Card as R, Box as A, TextField as B, InputAdornment as E, Button as T } from "@mui/material";
 import { useState as o } from "react";
-import I from "../FullWidthAlert/FullWidthAlert.js";
-const R = "Please provide a package file name and try again.", _ = (h) => {
-  const { accessToken: c } = F(), [l, d] = o(!1), [r, p] = o(""), [n, s] = o(), [k, g] = o(void 0), { onPackageCreation: u } = h, f = async (a) => {
-    if (a.preventDefault(), !r) {
-      s({
-        message: R,
+import H from "../FullWidthAlert/FullWidthAlert.js";
+const S = "Please provide a package file name and try again.", M = (y) => {
+  const { accessToken: c, keyFactory: k } = L(), f = I(), [d, p] = o(!1), [s, m] = o(""), [t, i] = o(), [h, g] = o(void 0), { onPackageCreation: P } = y, v = async (a) => {
+    if (a.preventDefault(), !s) {
+      i({
+        message: S,
         variant: "danger"
       });
       return;
     }
-    d(!0);
+    p(!0);
     try {
-      const i = `${r}.zip`, m = await w(
-        i,
+      const l = `${s}.zip`, u = await N(
+        l,
         c
       );
-      g(m);
-      const { resultFileHandleId: P } = m;
+      g(u);
+      const { resultFileHandleId: x } = u;
       try {
-        window.location.href = await x(
-          P,
+        window.location.href = await D(
+          x,
           c
-        ), p(""), g(void 0), u();
-      } catch (v) {
-        console.error("Err on getFileHandleByIdURL = ", v);
+        ), m(""), g(void 0), f.invalidateQueries({
+          queryKey: k.getDownloadListBaseQueryKey()
+        }), P();
+      } catch (C) {
+        console.error("Err on getFileHandleByIdURL = ", C);
       }
-    } catch (i) {
-      s({
-        message: i.reason,
+    } catch (l) {
+      i({
+        message: l.reason,
         variant: "danger"
       });
     } finally {
-      d(!1);
+      p(!1);
     }
+  }, w = (a) => {
+    m(a.target.value);
   };
-  return /* @__PURE__ */ t(y, { children: [
-    /* @__PURE__ */ e("div", { className: "CreatePackageV2", children: /* @__PURE__ */ t("div", { className: "createPackageStep", children: [
-      /* @__PURE__ */ e("span", { className: "createPackageTitle", children: "Create your Download Package" }),
-      /* @__PURE__ */ e("span", { className: "createPackageDescription", children: "Name your download package and select Download Package to get started." }),
-      !l && !k && /* @__PURE__ */ t(
-        N,
+  return /* @__PURE__ */ n(F, { children: [
+    /* @__PURE__ */ e(R, { className: r.CreatePackageV2, children: /* @__PURE__ */ n("div", { className: r.createPackageStep, children: [
+      /* @__PURE__ */ e("span", { className: r.createPackageTitle, children: "Create your Download Package" }),
+      /* @__PURE__ */ e("span", { className: r.createPackageDescription, children: "Name your download package and select Download Package to get started." }),
+      !d && !h && /* @__PURE__ */ n(
+        A,
         {
           sx: {
             display: "flex",
@@ -51,58 +57,56 @@ const R = "Please provide a package file name and try again.", _ = (h) => {
           },
           children: [
             /* @__PURE__ */ e(
-              C,
+              B,
               {
-                onChange: (a) => {
-                  p(a.target.value);
-                },
+                onChange: w,
                 type: "text",
                 placeholder: "PackageName",
                 sx: { width: "233px" },
                 slotProps: {
                   input: {
-                    endAdornment: /* @__PURE__ */ e(D, { position: "end", children: ".zip" })
+                    endAdornment: /* @__PURE__ */ e(E, { position: "end", children: ".zip" })
                   }
                 }
               }
             ),
             /* @__PURE__ */ e(
-              L,
+              T,
               {
                 variant: "contained",
                 color: "primary",
                 onClick: (a) => {
-                  f(a);
+                  v(a);
                 },
                 sx: { marginLeft: "20px" },
-                disabled: !r,
+                disabled: !s,
                 children: "Download Package"
               }
             )
           ]
         }
       ),
-      l && /* @__PURE__ */ t("div", { className: "creatingPackage", children: [
+      d && /* @__PURE__ */ n("div", { className: "creatingPackage", children: [
         /* @__PURE__ */ e("span", { className: "spinner" }),
         /* @__PURE__ */ e("span", { style: { marginLeft: 5 }, children: "Creating package..." })
       ] })
     ] }) }),
     /* @__PURE__ */ e(
-      I,
+      H,
       {
-        show: !!n,
-        variant: n?.variant ? n.variant : "success",
-        description: n?.message,
+        show: !!t,
+        variant: t?.variant ? t.variant : "success",
+        description: t?.message,
         autoCloseAfterDelayInSeconds: 10,
         onClose: () => {
-          s(void 0);
+          i(void 0);
         }
       }
     )
   ] });
 };
 export {
-  _ as CreatePackageV2,
-  R as TEMPLATE_ERROR_FILE_NAME
+  M as CreatePackageV2,
+  S as TEMPLATE_ERROR_FILE_NAME
 };
 //# sourceMappingURL=CreatePackageV2.js.map

package/dist/components/DownloadCart/CreatePackageV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatePackageV2.js","sources":["../../../src/components/DownloadCart/CreatePackageV2.tsx"],"sourcesContent":["import {\n  createPackageFromDownloadListV2,\n  getFileHandleByIdURL,\n} from '@/synapse-client/SynapseClient'\nimport React from 'react'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Box, Button, InputAdornment, TextField } from '@mui/material'\nimport { DownloadListPackageResponse } from '@sage-bionetworks/synapse-types'\nimport { ChangeEvent, SyntheticEvent, useState } from 'react'\nimport FullWidthAlert, {\n  FullWidthAlertVariant,\n} from '../FullWidthAlert/FullWidthAlert'\n\nexport type CreatePackageV2Props = {\n  onPackageCreation: () => void\n}\n\ntype AlertConfig = {\n  message: string\n  variant?: FullWidthAlertVariant\n}\n\nexport const TEMPLATE_ERROR_FILE_NAME =\n  'Please provide a package file name and try again.'\n\nexport const CreatePackageV2 = (\n  props: CreatePackageV2Props,\n): React.ReactNode => {\n  const { accessToken } = useSynapseContext()\n  const [isLoading, setIsLoading] = useState(false)\n  const [fileName, setZipFileName] = useState('')\n  const [alert, setAlert] = useState<AlertConfig>()\n  const [bulkFileDownloadResponse, setBulkFileDownloadResponse] = useState<\n    DownloadListPackageResponse | undefined\n  >(undefined)\n  const { onPackageCreation } = props\n  const createPackageHandler = async (event: SyntheticEvent) => {\n    event.preventDefault()\n    if (!fileName) {\n      setAlert({\n        message: TEMPLATE_ERROR_FILE_NAME,\n        variant: 'danger',\n      })\n      return\n    }\n    setIsLoading(true)\n    try {\n      const fileNameWithZipExtension = `${fileName}.zip`\n      const currentBulkFileDownloadResponse =\n        await createPackageFromDownloadListV2(\n          fileNameWithZipExtension,\n          accessToken,\n        )\n\n      setBulkFileDownloadResponse(currentBulkFileDownloadResponse)\n      const { resultFileHandleId } = currentBulkFileDownloadResponse\n      try {\n        //reset\n        window.location.href = await getFileHandleByIdURL(\n          resultFileHandleId,\n          accessToken,\n        )\n        setZipFileName('')\n        setBulkFileDownloadResponse(undefined)\n        onPackageCreation()\n      } catch (err) {\n        console.error('Err on getFileHandleByIdURL = ', err)\n      }\n    } catch (err) {\n      setAlert({\n        message: err.reason as string,\n        variant: 'danger',\n      })\n    } finally {\n      setIsLoading(false)\n    }\n  }\n\n  const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setZipFileName(event.target.value)\n  }\n\n  return (\n    <>\n      <div className=\"CreatePackageV2\">\n        <div className=\"createPackageStep\">\n          <span className=\"createPackageTitle\">\n            Create your Download Package\n          </span>\n          <span className=\"createPackageDescription\">\n            Name your download package and select Download Package to get\n            started.\n          </span>\n          {!isLoading && !bulkFileDownloadResponse && (\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'stretch',\n              }}\n            >\n              <TextField\n                onChange={onChange}\n                type=\"text\"\n                placeholder=\"PackageName\"\n                sx={{ width: '233px' }}\n                slotProps={{\n                  input: {\n                    endAdornment: (\n                      <InputAdornment position=\"end\">.zip</InputAdornment>\n                    ),\n                  },\n                }}\n              />\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={e => {\n                  createPackageHandler(e)\n                }}\n                sx={{ marginLeft: '20px' }}\n                disabled={!fileName}\n              >\n                Download Package\n              </Button>\n            </Box>\n          )}\n          {isLoading && (\n            <div className=\"creatingPackage\">\n              <span className=\"spinner\" />\n              <span style={{ marginLeft: 5 }}>Creating package...</span>\n            </div>\n          )}\n        </div>\n      </div>\n      <FullWidthAlert\n        show={!!alert}\n        variant={alert?.variant ? alert.variant : 'success'}\n        description={alert?.message}\n        autoCloseAfterDelayInSeconds={10}\n        onClose={() => {\n          setAlert(undefined)\n        }}\n      />\n    </>\n  )\n}\n"],"names":["TEMPLATE_ERROR_FILE_NAME","CreatePackageV2","props","accessToken","useSynapseContext","isLoading","setIsLoading","useState","fileName","setZipFileName","alert","setAlert","bulkFileDownloadResponse","setBulkFileDownloadResponse","onPackageCreation","createPackageHandler","event","fileNameWithZipExtension","currentBulkFileDownloadResponse","createPackageFromDownloadListV2","resultFileHandleId","getFileHandleByIdURL","err","jsxs","Fragment","jsx","Box","TextField","InputAdornment","Button","e","FullWidthAlert"],"mappings":"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"}
+{"version":3,"file":"CreatePackageV2.js","sources":["../../../src/components/DownloadCart/CreatePackageV2.tsx"],"sourcesContent":["import styles from './CreatePackageV2.module.scss'\nimport {\n  createPackageFromDownloadListV2,\n  getFileHandleByIdURL,\n} from '@/synapse-client/SynapseClient'\nimport React from 'react'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { Box, Button, Card, InputAdornment, TextField } from '@mui/material'\nimport { DownloadListPackageResponse } from '@sage-bionetworks/synapse-types'\nimport { ChangeEvent, SyntheticEvent, useState } from 'react'\nimport FullWidthAlert, {\n  FullWidthAlertVariant,\n} from '../FullWidthAlert/FullWidthAlert'\n\nexport type CreatePackageV2Props = {\n  onPackageCreation: () => void\n}\n\ntype AlertConfig = {\n  message: string\n  variant?: FullWidthAlertVariant\n}\n\nexport const TEMPLATE_ERROR_FILE_NAME =\n  'Please provide a package file name and try again.'\n\nexport const CreatePackageV2 = (\n  props: CreatePackageV2Props,\n): React.ReactNode => {\n  const { accessToken, keyFactory } = useSynapseContext()\n  const queryClient = useQueryClient()\n  const [isLoading, setIsLoading] = useState(false)\n  const [fileName, setZipFileName] = useState('')\n  const [alert, setAlert] = useState<AlertConfig>()\n  const [bulkFileDownloadResponse, setBulkFileDownloadResponse] = useState<\n    DownloadListPackageResponse | undefined\n  >(undefined)\n  const { onPackageCreation } = props\n  const createPackageHandler = async (event: SyntheticEvent) => {\n    event.preventDefault()\n    if (!fileName) {\n      setAlert({\n        message: TEMPLATE_ERROR_FILE_NAME,\n        variant: 'danger',\n      })\n      return\n    }\n    setIsLoading(true)\n    try {\n      const fileNameWithZipExtension = `${fileName}.zip`\n      const currentBulkFileDownloadResponse =\n        await createPackageFromDownloadListV2(\n          fileNameWithZipExtension,\n          accessToken,\n        )\n\n      setBulkFileDownloadResponse(currentBulkFileDownloadResponse)\n      const { resultFileHandleId } = currentBulkFileDownloadResponse\n      try {\n        //reset\n        window.location.href = await getFileHandleByIdURL(\n          resultFileHandleId,\n          accessToken,\n        )\n        setZipFileName('')\n        setBulkFileDownloadResponse(undefined)\n        queryClient.invalidateQueries({\n          queryKey: keyFactory.getDownloadListBaseQueryKey(),\n        })\n        onPackageCreation()\n      } catch (err) {\n        console.error('Err on getFileHandleByIdURL = ', err)\n      }\n    } catch (err) {\n      setAlert({\n        message: err.reason as string,\n        variant: 'danger',\n      })\n    } finally {\n      setIsLoading(false)\n    }\n  }\n\n  const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setZipFileName(event.target.value)\n  }\n\n  return (\n    <>\n      <Card className={styles.CreatePackageV2}>\n        <div className={styles.createPackageStep}>\n          <span className={styles.createPackageTitle}>\n            Create your Download Package\n          </span>\n          <span className={styles.createPackageDescription}>\n            Name your download package and select Download Package to get\n            started.\n          </span>\n          {!isLoading && !bulkFileDownloadResponse && (\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'stretch',\n              }}\n            >\n              <TextField\n                onChange={onChange}\n                type=\"text\"\n                placeholder=\"PackageName\"\n                sx={{ width: '233px' }}\n                slotProps={{\n                  input: {\n                    endAdornment: (\n                      <InputAdornment position=\"end\">.zip</InputAdornment>\n                    ),\n                  },\n                }}\n              />\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={e => {\n                  createPackageHandler(e)\n                }}\n                sx={{ marginLeft: '20px' }}\n                disabled={!fileName}\n              >\n                Download Package\n              </Button>\n            </Box>\n          )}\n          {isLoading && (\n            <div className=\"creatingPackage\">\n              <span className=\"spinner\" />\n              <span style={{ marginLeft: 5 }}>Creating package...</span>\n            </div>\n          )}\n        </div>\n      </Card>\n      <FullWidthAlert\n        show={!!alert}\n        variant={alert?.variant ? alert.variant : 'success'}\n        description={alert?.message}\n        autoCloseAfterDelayInSeconds={10}\n        onClose={() => {\n          setAlert(undefined)\n        }}\n      />\n    </>\n  )\n}\n"],"names":["TEMPLATE_ERROR_FILE_NAME","CreatePackageV2","props","accessToken","keyFactory","useSynapseContext","queryClient","useQueryClient","isLoading","setIsLoading","useState","fileName","setZipFileName","alert","setAlert","bulkFileDownloadResponse","setBulkFileDownloadResponse","onPackageCreation","createPackageHandler","event","fileNameWithZipExtension","currentBulkFileDownloadResponse","createPackageFromDownloadListV2","resultFileHandleId","getFileHandleByIdURL","err","onChange","jsxs","Fragment","jsx","Card","styles","Box","TextField","InputAdornment","Button","e","FullWidthAlert"],"mappings":"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"}

package/dist/components/DownloadCart/CreatePackageV2.module.scss

@@ -0,0 +1,38 @@
+.CreatePackageV2 {
+  padding-bottom: 25px;
+  margin-top: 10px;
+  margin-bottom: 20px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  .createManifestStep {
+    padding: 25px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .createPackageStep {
+    padding: 25px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .checkbox label {
+    font-weight: normal;
+  }
+
+  .createManifestTitle,
+  .createPackageTitle {
+    font-weight: bold;
+  }
+
+  .createPackageDescription {
+    margin-bottom: 20px;
+  }
+}

package/dist/components/DownloadCart/CreatePackageV2.module.scss.js

@@ -0,0 +1,14 @@
+import './CreatePackageV2.css';const e = "_CreatePackageV2_128yf_1", a = "_createPackageStep_128yf_17", c = "_createPackageTitle_128yf_28", t = "_createPackageDescription_128yf_31", r = {
+  CreatePackageV2: e,
+  createPackageStep: a,
+  createPackageTitle: c,
+  createPackageDescription: t
+};
+export {
+  e as CreatePackageV2,
+  t as createPackageDescription,
+  a as createPackageStep,
+  c as createPackageTitle,
+  r as default
+};
+//# sourceMappingURL=CreatePackageV2.module.scss.js.map

package/dist/components/DownloadCart/CreatePackageV2.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreatePackageV2.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/DownloadCart/DownloadCartPage.css

@@ -0,0 +1 @@
+._DownloadCartPage_1kdiv_5 ._description_1kdiv_5{max-width:700px;padding-top:10px}._DownloadCartPage_1kdiv_5 ._tabsContainer_1kdiv_9{border-bottom:4px solid #dcdcdc}._DownloadCartPage_1kdiv_5 ._pageHeader_1kdiv_12{background-color:color-mix(in srgb,var(--synapse-secondary-action-color) 10%,transparent);padding:25px 0 30px}._DownloadCartPage_1kdiv_5 ._pageHeader_1kdiv_12 ._grid_1kdiv_16{display:grid;grid-template-columns:auto 235px}._DownloadCartPage_1kdiv_5 ._pageHeader_1kdiv_12 ._grid_1kdiv_16 *{vertical-align:bottom;align-self:center}@media(max-width:768px){._DownloadCartPage_1kdiv_5 ._pageHeader_1kdiv_12 ._grid_1kdiv_16{display:flex;flex-direction:column}}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30{border-bottom:0px;padding-top:20px;margin-bottom:0;display:flex;flex-wrap:nowrap;height:70px;align-items:center;list-style:none;margin-block-start:0;padding-inline-start:0px}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30 ._active_1kdiv_42{padding-top:5px;border-bottom:5px solid;border-bottom-color:var(--synapse-secondary-action-color)}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30 ._active_1kdiv_42 button{color:#515359}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30 ._navLabel_1kdiv_50{display:flex;align-items:center;font-size:18px;font-weight:700;white-space:nowrap;height:50px;padding-bottom:26px;padding-right:60px}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30 ._navItem_1kdiv_60{color:var(--synapse-gray-700);font-weight:700;height:50px;text-transform:uppercase;text-align:center;margin:4px 50px 5px 0;padding-bottom:50px}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30 ._navItem_1kdiv_60 button{font-size:18px;border-width:0;width:100%;height:100%;padding-bottom:10px}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30 ._navItem_1kdiv_60 button ._fileCount_1kdiv_76{font-size:14px;font-weight:400;margin-left:5px;background-color:var(--synapse-gray-200);border-radius:6px;padding:2px 6px}@media(max-width:768px){._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30{height:auto;flex-direction:column}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30 ._navItem_1kdiv_60 button{font-size:15px}}._DownloadCartPage_1kdiv_5 ._sectionTitle_1kdiv_93{padding-top:30px;padding-bottom:20px}._DownloadCartPage_1kdiv_5 ._sectionTitle_1kdiv_93 ._totalFileSize_1kdiv_97{font-size:18px;font-weight:400;margin-left:16px;background-color:var(--synapse-secondary-action-color);border-radius:6px;padding:2px 6px;color:#fff}@media(max-width:768px){._DownloadCartPage_1kdiv_5 ._sectionTitle_1kdiv_93 ._totalFileSize_1kdiv_97{display:block;margin-left:0;margin-top:8px;text-align:center}}._DownloadCartPage_1kdiv_5 ._subSectionContainer_1kdiv_114{display:flex}._DownloadCartPage_1kdiv_5 ._subSectionContainer_1kdiv_114 ._actionsRequiredTitle_1kdiv_117{padding-top:30px}._DownloadCartPage_1kdiv_5 ._DownloadListTabContent_1kdiv_120 ._subSectionOverview_1kdiv_120{display:grid;grid-template-columns:1fr 1fr;gap:7px}._DownloadCartPage_1kdiv_5 ._DownloadListTabContent_1kdiv_120 ._subSectionOverview_1kdiv_120>*:nth-child(n+3){grid-column:1/-1}@media(max-width:1000px){._DownloadCartPage_1kdiv_5 ._DownloadListTabContent_1kdiv_120 ._subSectionOverview_1kdiv_120{grid-template-columns:1fr}._DownloadCartPage_1kdiv_5 ._DownloadListTabContent_1kdiv_120 ._subSectionOverview_1kdiv_120>*:nth-child(n+3){grid-column:unset}._DownloadCartPage_1kdiv_5 ._DownloadListTabContent_1kdiv_120 ._subSectionOverview_1kdiv_120 ._headline_1kdiv_135{font-size:16px;justify-content:center}._DownloadCartPage_1kdiv_5 ._DownloadListTabContent_1kdiv_120 ._subSectionOverview_1kdiv_120 .MuiButton-root{display:flex;margin:auto}}._DownloadCartPage__explore-all_1kdiv_144{text-align:center;padding-top:20px}._DownloadCartPage_1kdiv_5 ._placeholder_1kdiv_148{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:80%;font-size:large;margin:30px 15px 15px}._DownloadCartPage_1kdiv_5 ._subSection_1kdiv_114{background-color:var(--synapse-gray-200);padding:30px;display:flex;flex-direction:column;gap:12px}._DownloadCartPage_1kdiv_5 ._subSection_1kdiv_114 ._subSectionHeader_1kdiv_166{display:flex;align-items:center;justify-content:space-between;gap:16px}@media(max-width:768px){._DownloadCartPage_1kdiv_5 ._subSection_1kdiv_114 ._subSectionHeader_1kdiv_166{flex-direction:column;align-items:flex-start}}._DownloadCartPage_1kdiv_5 ._subSection_1kdiv_114 ._subSectionActions_1kdiv_178{display:flex;align-items:center;gap:8px;flex-shrink:0}._hidden_1kdiv_185{display:none}._availableForDownloadTableContainer_1kdiv_189{padding-top:30px}._ineligibleDownloadContainer_1kdiv_193{margin-top:1rem}

package/dist/components/DownloadCart/DownloadCartPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadCartPage.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/DownloadCartPage.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAEL,gCAAgC,EACjC,MAAM,+BAA+B,CAAA;AAOtC;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gCAAgC,2CA2TvE;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"DownloadCartPage.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/DownloadCartPage.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAEL,gCAAgC,EACjC,MAAM,+BAA+B,CAAA;AActC;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gCAAgC,2CA6evE;AAED,eAAe,gBAAgB,CAAA"}