synapse-react-client 4.0.2 → 4.0.3

package/dist/components/CardDeck/TableQueryCardDeck.js

@@ -41,11 +41,14 @@ import "@mui/material/SvgIcon";
 import "../../assets/icons/AccessPending.svg.js";
 import "../../assets/icons/AccessPendingCloud.svg.js";
 import "../../assets/icons/FileWithShield.svg.js";
+import "../../assets/icons/MultiFile.svg.js";
+import "../../assets/icons/UnpackagableFile.svg.js";
 import "../../assets/icons/bioChemicalPhysical.svg.js";
 import "../../assets/icons/computationalTool.svg.js";
 import "../../assets/icons/dataReuse.svg.js";
 import "../../assets/icons/inSilicoModel.svg.js";
 import "../../assets/icons/modelSystem.svg.js";
+import "../../assets/mui_components/PackagableFile.svg.js";
 import "../../assets/icons/spatialProfiling.svg.js";
 import "@mui/icons-material";
 import "react-error-boundary";
@@ -57,7 +60,7 @@ import "react-transition-group";
 import "@mui/system";
 import "../GenericCard/Linkify.js";
 import "../GenericCard/GenericCard.js";
-function Wt(I) {
+function to(I) {
   const {
     entityId: r,
     titleColumnName: f,
@@ -68,7 +71,7 @@ function Wt(I) {
     headerImageFileHandleColumnName: x,
     cardDeckType: a,
     linkConfig: B
-  } = I, s = b(r), h = {
+  } = I, p = b(r), h = {
     concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
     entityId: r,
     partMask: G | K,
@@ -94,14 +97,14 @@ function Wt(I) {
     (i) => {
       const o = i.values;
       o.some((m) => m === null) && console.warn("Row has null value(s) when no nulls expected");
-      const T = o[q], k = o[H], w = o[L], A = o[U] ?? "", _ = o[E] ?? "", S = o[F] ?? "", p = {};
+      const T = o[q], k = o[H], w = o[L], A = o[U] ?? "", _ = o[E] ?? "", S = o[F] ?? "", s = {};
       t?.queryResult.queryResults.headers.forEach(
         (m, Q) => {
-          p[m.name] = Q;
+          s[m.name] = Q;
         }
       );
-      const { href: v } = V(A, B, o, p), l = d(
-        s.data,
+      const { href: v } = V(A, B, o, s), l = d(
+        p.data,
         _,
         `syn${i.rowId}`
       ), D = l ? /* @__PURE__ */ n(
@@ -110,7 +113,7 @@ function Wt(I) {
           fileHandleAssociation: l
         }
       ) : void 0, c = d(
-        s.data,
+        p.data,
         S,
         `syn${i.rowId}`
       );
@@ -133,7 +136,7 @@ function Wt(I) {
   return /* @__PURE__ */ n(M, { cards: N || [], cardDeckType: a });
 }
 export {
-  Wt as TableQueryCardDeck,
-  Wt as default
+  to as TableQueryCardDeck,
+  to as default
 };
 //# sourceMappingURL=TableQueryCardDeck.js.map

package/dist/components/CardDeck/TableQueryCardDeck.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableQueryCardDeck.js","sources":["../../../src/components/CardDeck/TableQueryCardDeck.tsx"],"sourcesContent":["import { CardDeck } from '@/components/CardDeck/CardDeck'\nimport { CardDeckCardProps } from '@/components/CardDeck/CardDeckCardProps'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { useGetEntity } from '@/synapse-queries/entity/useEntity'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { CardLink } from '../CardContainer/CardLink'\nimport { getFileHandleAssociation, getLinkParams } from '../GenericCard'\n\nexport type TableQueryCardDeckProps = {\n  entityId: string /* The table entity which should be queried */\n  titleColumnName: string /* The column name for the title */\n  descriptionColumnName: string /* The column name for the description */\n  ctaButtonTextColumnName: string /* The column name for the call to action button text */\n  ctaButtonURLColumnName: string /* The column name for the call to action button URL */\n  titleIconFileHandleColumnName?: string /* The column name for the title icon image file */\n  headerImageFileHandleColumnName?: string /* The column name for the header image file */\n  cardDeckType?: 'cckp' | 'b2ai' /* The type of card deck (cckp or b2ai)*/\n  linkConfig: CardLink /* The link configuration */\n}\n\n/**\n * Transforms a Synapse table into a card deck.\n */\nexport function TableQueryCardDeck(props: TableQueryCardDeckProps) {\n  const {\n    entityId,\n    titleColumnName,\n    descriptionColumnName,\n    ctaButtonTextColumnName,\n    ctaButtonURLColumnName,\n    titleIconFileHandleColumnName,\n    headerImageFileHandleColumnName,\n    cardDeckType,\n    linkConfig,\n  } = props\n  const entity = useGetEntity(entityId)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select * from ${entityId}`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const titleColumnIndex = getFieldIndex(titleColumnName, queryResultBundle)\n  const descriptionColumnIndex = getFieldIndex(\n    descriptionColumnName,\n    queryResultBundle,\n  )\n  const ctaButtonTextColumnIndex = getFieldIndex(\n    ctaButtonTextColumnName,\n    queryResultBundle,\n  )\n  const ctaButtonURLColumnIndex = getFieldIndex(\n    ctaButtonURLColumnName,\n    queryResultBundle,\n  )\n  const titleIconColumnIndex = getFieldIndex(\n    titleIconFileHandleColumnName,\n    queryResultBundle,\n  )\n  const headerImageColumnIndex = getFieldIndex(\n    headerImageFileHandleColumnName,\n    queryResultBundle,\n  )\n\n  const cards = queryResultBundle?.queryResult!.queryResults.rows.map(\n    (el): CardDeckCardProps => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        // We cast values above assuming there are no null values, emit a warning just in case.\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n\n      const title = values[titleColumnIndex]\n      const description = values[descriptionColumnIndex]\n      const ctaButtonText = values[ctaButtonTextColumnIndex]\n      const ctaButtonURL = values[ctaButtonURLColumnIndex] ?? ''\n      const titleIconFileHandleIdValue = values[titleIconColumnIndex] ?? ''\n      const headerImageFileHandleIdValue = values[headerImageColumnIndex] ?? ''\n\n      const schema: Record<string, number> = {}\n      queryResultBundle?.queryResult!.queryResults.headers.forEach(\n        (header, colIndex) => {\n          schema[header.name] = colIndex\n        },\n      )\n      const { href } = getLinkParams(ctaButtonURL, linkConfig, values, schema)\n\n      const titleIconFileHandleAssociation = getFileHandleAssociation(\n        entity.data,\n        titleIconFileHandleIdValue,\n        `syn${el.rowId}`,\n      )\n\n      const titleIcon = titleIconFileHandleAssociation ? (\n        <ImageFileHandle\n          fileHandleAssociation={titleIconFileHandleAssociation}\n        />\n      ) : undefined\n\n      const headerImageFileHandleAssociation = getFileHandleAssociation(\n        entity.data,\n        headerImageFileHandleIdValue,\n        `syn${el.rowId}`,\n      )\n\n      const headerImage = headerImageFileHandleAssociation ? (\n        <ImageFileHandle\n          fileHandleAssociation={headerImageFileHandleAssociation}\n        />\n      ) : undefined\n\n      return {\n        title,\n        description,\n        ctaButtonText,\n        ctaButtonURL: href,\n        titleIcon,\n        headerImage,\n        cardDeckType,\n      } satisfies CardDeckCardProps\n    },\n  )\n\n  return <CardDeck cards={cards || []} cardDeckType={cardDeckType} />\n}\n\nexport default TableQueryCardDeck\n"],"names":["TableQueryCardDeck","props","entityId","titleColumnName","descriptionColumnName","ctaButtonTextColumnName","ctaButtonURLColumnName","titleIconFileHandleColumnName","headerImageFileHandleColumnName","cardDeckType","linkConfig","entity","useGetEntity","queryBundleRequest","SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS","SynapseConstants.BUNDLE_MASK_QUERY_RESULTS","queryResultBundle","useGetQueryResultBundle","titleColumnIndex","getFieldIndex","descriptionColumnIndex","ctaButtonTextColumnIndex","ctaButtonURLColumnIndex","titleIconColumnIndex","headerImageColumnIndex","cards","el","values","value","title","description","ctaButtonText","ctaButtonURL","titleIconFileHandleIdValue","headerImageFileHandleIdValue","schema","header","colIndex","href","getLinkParams","titleIconFileHandleAssociation","getFileHandleAssociation","titleIcon","jsx","ImageFileHandle","headerImageFileHandleAssociation","CardDeck"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAmBC,GAAgC;AACjE,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,iCAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACET,GACEU,IAASC,EAAaV,CAAQ,GAC9BW,IAAyC;AAAA,IAC7C,cAAc;AAAA,IACd,UAAAX;AAAA,IACA,UACEY,IACAC;AAAAA,IACF,OAAO;AAAA,MACL,KAAK,iBAAiBb,CAAQ;AAAA,IAAA;AAAA,EAChC,GAEI,EAAE,MAAMc,MACZC,EAAwBJ,CAAkB,GAEtCK,IAAmBC,EAAchB,GAAiBa,CAAiB,GACnEI,IAAyBD;AAAA,IAC7Bf;AAAA,IACAY;AAAA,EAAA,GAEIK,IAA2BF;AAAA,IAC/Bd;AAAA,IACAW;AAAA,EAAA,GAEIM,IAA0BH;AAAA,IAC9Bb;AAAA,IACAU;AAAA,EAAA,GAEIO,IAAuBJ;AAAA,IAC3BZ;AAAA,IACAS;AAAA,EAAA,GAEIQ,IAAyBL;AAAA,IAC7BX;AAAA,IACAQ;AAAA,EAAA,GAGIS,IAAQT,GAAmB,YAAa,aAAa,KAAK;AAAA,IAC9D,CAACU,MAA0B;AACzB,YAAMC,IAASD,EAAG;AAClB,MAAIC,EAAO,KAAK,CAAAC,MAASA,MAAU,IAAI,KAErC,QAAQ,KAAK,8CAA8C;AAG7D,YAAMC,IAAQF,EAAOT,CAAgB,GAC/BY,IAAcH,EAAOP,CAAsB,GAC3CW,IAAgBJ,EAAON,CAAwB,GAC/CW,IAAeL,EAAOL,CAAuB,KAAK,IAClDW,IAA6BN,EAAOJ,CAAoB,KAAK,IAC7DW,IAA+BP,EAAOH,CAAsB,KAAK,IAEjEW,IAAiC,CAAA;AACvC,MAAAnB,GAAmB,YAAa,aAAa,QAAQ;AAAA,QACnD,CAACoB,GAAQC,MAAa;AACpB,UAAAF,EAAOC,EAAO,IAAI,IAAIC;AAAA,QACxB;AAAA,MAAA;AAEF,YAAM,EAAE,MAAAC,EAAA,IAASC,EAAcP,GAActB,GAAYiB,GAAQQ,CAAM,GAEjEK,IAAiCC;AAAA,QACrC9B,EAAO;AAAA,QACPsB;AAAA,QACA,MAAMP,EAAG,KAAK;AAAA,MAAA,GAGVgB,IAAYF,IAChB,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,uBAAuBJ;AAAA,QAAA;AAAA,MAAA,IAEvB,QAEEK,IAAmCJ;AAAA,QACvC9B,EAAO;AAAA,QACPuB;AAAA,QACA,MAAMR,EAAG,KAAK;AAAA,MAAA;AAShB,aAAO;AAAA,QACL,OAAAG;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,cAAcO;AAAA,QACd,WAAAI;AAAA,QACA,aAZkBG,IAClB,gBAAAF;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,uBAAuBC;AAAA,UAAA;AAAA,QAAA,IAEvB;AAAA,QASF,cAAApC;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGF,2BAAQqC,GAAA,EAAS,OAAOrB,KAAS,CAAA,GAAI,cAAAhB,GAA4B;AACnE;"}
+{"version":3,"file":"TableQueryCardDeck.js","sources":["../../../src/components/CardDeck/TableQueryCardDeck.tsx"],"sourcesContent":["import { CardDeck } from '@/components/CardDeck/CardDeck'\nimport { CardDeckCardProps } from '@/components/CardDeck/CardDeckCardProps'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { useGetEntity } from '@/synapse-queries/entity/useEntity'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { CardLink } from '../CardContainer/CardLink'\nimport { getFileHandleAssociation, getLinkParams } from '../GenericCard'\n\nexport type TableQueryCardDeckProps = {\n  entityId: string /* The table entity which should be queried */\n  titleColumnName: string /* The column name for the title */\n  descriptionColumnName: string /* The column name for the description */\n  ctaButtonTextColumnName: string /* The column name for the call to action button text */\n  ctaButtonURLColumnName: string /* The column name for the call to action button URL */\n  titleIconFileHandleColumnName?: string /* The column name for the title icon image file */\n  headerImageFileHandleColumnName?: string /* The column name for the header image file */\n  cardDeckType?: 'cckp' | 'b2ai' /* The type of card deck (cckp or b2ai)*/\n  linkConfig: CardLink /* The link configuration */\n}\n\n/**\n * Transforms a Synapse table into a card deck.\n */\nexport function TableQueryCardDeck(props: TableQueryCardDeckProps) {\n  const {\n    entityId,\n    titleColumnName,\n    descriptionColumnName,\n    ctaButtonTextColumnName,\n    ctaButtonURLColumnName,\n    titleIconFileHandleColumnName,\n    headerImageFileHandleColumnName,\n    cardDeckType,\n    linkConfig,\n  } = props\n  const entity = useGetEntity(entityId)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select * from ${entityId}`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const titleColumnIndex = getFieldIndex(titleColumnName, queryResultBundle)\n  const descriptionColumnIndex = getFieldIndex(\n    descriptionColumnName,\n    queryResultBundle,\n  )\n  const ctaButtonTextColumnIndex = getFieldIndex(\n    ctaButtonTextColumnName,\n    queryResultBundle,\n  )\n  const ctaButtonURLColumnIndex = getFieldIndex(\n    ctaButtonURLColumnName,\n    queryResultBundle,\n  )\n  const titleIconColumnIndex = getFieldIndex(\n    titleIconFileHandleColumnName,\n    queryResultBundle,\n  )\n  const headerImageColumnIndex = getFieldIndex(\n    headerImageFileHandleColumnName,\n    queryResultBundle,\n  )\n\n  const cards = queryResultBundle?.queryResult!.queryResults.rows.map(\n    (el): CardDeckCardProps => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        // We cast values above assuming there are no null values, emit a warning just in case.\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n\n      const title = values[titleColumnIndex]\n      const description = values[descriptionColumnIndex]\n      const ctaButtonText = values[ctaButtonTextColumnIndex]\n      const ctaButtonURL = values[ctaButtonURLColumnIndex] ?? ''\n      const titleIconFileHandleIdValue = values[titleIconColumnIndex] ?? ''\n      const headerImageFileHandleIdValue = values[headerImageColumnIndex] ?? ''\n\n      const schema: Record<string, number> = {}\n      queryResultBundle?.queryResult!.queryResults.headers.forEach(\n        (header, colIndex) => {\n          schema[header.name] = colIndex\n        },\n      )\n      const { href } = getLinkParams(ctaButtonURL, linkConfig, values, schema)\n\n      const titleIconFileHandleAssociation = getFileHandleAssociation(\n        entity.data,\n        titleIconFileHandleIdValue,\n        `syn${el.rowId}`,\n      )\n\n      const titleIcon = titleIconFileHandleAssociation ? (\n        <ImageFileHandle\n          fileHandleAssociation={titleIconFileHandleAssociation}\n        />\n      ) : undefined\n\n      const headerImageFileHandleAssociation = getFileHandleAssociation(\n        entity.data,\n        headerImageFileHandleIdValue,\n        `syn${el.rowId}`,\n      )\n\n      const headerImage = headerImageFileHandleAssociation ? (\n        <ImageFileHandle\n          fileHandleAssociation={headerImageFileHandleAssociation}\n        />\n      ) : undefined\n\n      return {\n        title,\n        description,\n        ctaButtonText,\n        ctaButtonURL: href,\n        titleIcon,\n        headerImage,\n        cardDeckType,\n      } satisfies CardDeckCardProps\n    },\n  )\n\n  return <CardDeck cards={cards || []} cardDeckType={cardDeckType} />\n}\n\nexport default TableQueryCardDeck\n"],"names":["TableQueryCardDeck","props","entityId","titleColumnName","descriptionColumnName","ctaButtonTextColumnName","ctaButtonURLColumnName","titleIconFileHandleColumnName","headerImageFileHandleColumnName","cardDeckType","linkConfig","entity","useGetEntity","queryBundleRequest","SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS","SynapseConstants.BUNDLE_MASK_QUERY_RESULTS","queryResultBundle","useGetQueryResultBundle","titleColumnIndex","getFieldIndex","descriptionColumnIndex","ctaButtonTextColumnIndex","ctaButtonURLColumnIndex","titleIconColumnIndex","headerImageColumnIndex","cards","el","values","value","title","description","ctaButtonText","ctaButtonURL","titleIconFileHandleIdValue","headerImageFileHandleIdValue","schema","header","colIndex","href","getLinkParams","titleIconFileHandleAssociation","getFileHandleAssociation","titleIcon","jsx","ImageFileHandle","headerImageFileHandleAssociation","CardDeck"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAmBC,GAAgC;AACjE,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,iCAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACET,GACEU,IAASC,EAAaV,CAAQ,GAC9BW,IAAyC;AAAA,IAC7C,cAAc;AAAA,IACd,UAAAX;AAAA,IACA,UACEY,IACAC;AAAAA,IACF,OAAO;AAAA,MACL,KAAK,iBAAiBb,CAAQ;AAAA,IAAA;AAAA,EAChC,GAEI,EAAE,MAAMc,MACZC,EAAwBJ,CAAkB,GAEtCK,IAAmBC,EAAchB,GAAiBa,CAAiB,GACnEI,IAAyBD;AAAA,IAC7Bf;AAAA,IACAY;AAAA,EAAA,GAEIK,IAA2BF;AAAA,IAC/Bd;AAAA,IACAW;AAAA,EAAA,GAEIM,IAA0BH;AAAA,IAC9Bb;AAAA,IACAU;AAAA,EAAA,GAEIO,IAAuBJ;AAAA,IAC3BZ;AAAA,IACAS;AAAA,EAAA,GAEIQ,IAAyBL;AAAA,IAC7BX;AAAA,IACAQ;AAAA,EAAA,GAGIS,IAAQT,GAAmB,YAAa,aAAa,KAAK;AAAA,IAC9D,CAACU,MAA0B;AACzB,YAAMC,IAASD,EAAG;AAClB,MAAIC,EAAO,KAAK,CAAAC,MAASA,MAAU,IAAI,KAErC,QAAQ,KAAK,8CAA8C;AAG7D,YAAMC,IAAQF,EAAOT,CAAgB,GAC/BY,IAAcH,EAAOP,CAAsB,GAC3CW,IAAgBJ,EAAON,CAAwB,GAC/CW,IAAeL,EAAOL,CAAuB,KAAK,IAClDW,IAA6BN,EAAOJ,CAAoB,KAAK,IAC7DW,IAA+BP,EAAOH,CAAsB,KAAK,IAEjEW,IAAiC,CAAA;AACvC,MAAAnB,GAAmB,YAAa,aAAa,QAAQ;AAAA,QACnD,CAACoB,GAAQC,MAAa;AACpB,UAAAF,EAAOC,EAAO,IAAI,IAAIC;AAAA,QACxB;AAAA,MAAA;AAEF,YAAM,EAAE,MAAAC,EAAA,IAASC,EAAcP,GAActB,GAAYiB,GAAQQ,CAAM,GAEjEK,IAAiCC;AAAA,QACrC9B,EAAO;AAAA,QACPsB;AAAA,QACA,MAAMP,EAAG,KAAK;AAAA,MAAA,GAGVgB,IAAYF,IAChB,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,uBAAuBJ;AAAA,QAAA;AAAA,MAAA,IAEvB,QAEEK,IAAmCJ;AAAA,QACvC9B,EAAO;AAAA,QACPuB;AAAA,QACA,MAAMR,EAAG,KAAK;AAAA,MAAA;AAShB,aAAO;AAAA,QACL,OAAAG;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,cAAcO;AAAA,QACd,WAAAI;AAAA,QACA,aAZkBG,IAClB,gBAAAF;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,uBAAuBC;AAAA,UAAA;AAAA,QAAA,IAEvB;AAAA,QASF,cAAApC;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGF,2BAAQqC,GAAA,EAAS,OAAOrB,KAAS,CAAA,GAAI,cAAAhB,GAA4B;AACnE;"}

package/dist/components/ChallengeDataDownload/ChallengeDataDownload.js

@@ -1,4 +1,4 @@
-import { jsxs as y, Fragment as w, jsx as e } from "react/jsx-runtime";
+import { jsxs as C, Fragment as w, jsx as e } 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";
@@ -13,7 +13,7 @@ import "../../utils/PermissionLevelToAccessType.js";
 import { useCallback as l } from "react";
 import { useSynapseContext as E } from "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
-import { Box as m, Button as T } from "@mui/material";
+import { Box as s, Button as T } from "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -26,75 +26,75 @@ import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
 import "lodash-es/xorWith";
 import "react-router";
-import { EntityType as s } from "@sage-bionetworks/synapse-client";
+import { EntityType as m } from "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
 import { useAddFileBatchToDownloadList as g } from "../../synapse-queries/download/useDownloadList.js";
 import A from "@mui/icons-material/AddCircleTwoTone";
 import { EntityChildrenDetails as S } from "../EntityFinder/details/configurations/EntityChildrenDetails.js";
-import { DetailsViewColumn as r } from "../EntityFinder/details/view/DetailsView.js";
+import { DetailsViewColumn as i } from "../EntityFinder/details/view/DetailsView.js";
 import { useEntitySelection as x } from "../EntityFinder/useEntitySelection.js";
 import { VersionSelectionType as b } from "../EntityFinder/VersionSelectionType.js";
-import { displayToast as a } from "../ToastMessage/ToastMessage.js";
-function po({
-  parentContainerId: p
+import { displayToast as p } from "../ToastMessage/ToastMessage.js";
+function ao({
+  parentContainerId: a
 }) {
-  const { downloadCartPageUrl: d } = E(), c = !0, { selectedEntities: o, toggleSelection: u, setInitialVersion: f } = x(c), { mutate: i } = g({
+  const { downloadCartPageUrl: d } = E(), c = !0, { selectedEntities: o, toggleSelection: u, setInitialVersion: f } = x(c), { mutate: r } = g({
     onSuccess: () => {
-      a(
-        "File(s) were successfully added to your Download Cart.",
+      p(
+        "File(s) were successfully added to your Download List.",
         "success",
         {
           primaryButtonConfig: {
-            text: "View Download Cart",
+            text: "View Download List",
             onClick: () => window.location.href = d
           }
         }
       );
     },
     onError: (t) => {
-      a(
-        `Unable to add the file to your Download Cart. ${t.reason}`,
+      p(
+        `Unable to add the file to your Download List. ${t.reason}`,
         "danger"
       );
     }
-  }), C = l(
+  }), D = l(
     (t) => o.has(t.id),
     [o]
-  ), D = l(() => {
+  ), h = l(() => {
     const t = Array.from(o.values()).map((n) => ({
       fileEntityId: n.targetId,
       versionNumber: n.targetVersionNumber
     }));
-    i(t);
-  }, [o, i]), h = {
+    r(t);
+  }, [o, r]), y = {
     versionSelection: b.REQUIRED,
     selectColumnType: "checkbox",
     enableSelectAll: !0,
-    visibleTypes: [s.file],
+    visibleTypes: [m.file],
     selected: o,
-    selectableTypes: [s.file],
-    isIdSelected: C,
+    selectableTypes: [m.file],
+    isIdSelected: D,
     isSelectable: () => !0,
     toggleSelection: u,
     setInitialVersion: f,
     hiddenColumns: [
-      r.BADGES,
-      r.ADD_TO_DOWNLOAD_CART,
-      r.CREATED_ON,
-      r.VERSION,
-      r.MODIFIED_BY
+      i.BADGES,
+      i.ADD_TO_DOWNLOAD_CART,
+      i.CREATED_ON,
+      i.VERSION,
+      i.MODIFIED_BY
     ]
   };
-  return /* @__PURE__ */ y(w, { children: [
-    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ C(w, { children: [
+    /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
       S,
       {
-        parentContainerId: p,
-        ...h
+        parentContainerId: a,
+        ...y
       }
     ) }),
     /* @__PURE__ */ e(
-      m,
+      s,
       {
         sx: {
           mt: 4
@@ -105,9 +105,9 @@ function po({
             endIcon: /* @__PURE__ */ e(A, {}),
             variant: "outlined",
             sx: { alignSelf: "flex-end", height: "47px" },
-            onClick: D,
+            onClick: h,
             disabled: !o.toArray().length,
-            children: "Add to Download Cart"
+            children: "Add to Download List"
           }
         )
       }
@@ -115,6 +115,6 @@ function po({
   ] });
 }
 export {
-  po as ChallengeDataDownload
+  ao as ChallengeDataDownload
 };
 //# sourceMappingURL=ChallengeDataDownload.js.map

package/dist/components/ChallengeDataDownload/ChallengeDataDownload.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeDataDownload.js","sources":["../../../src/components/ChallengeDataDownload/ChallengeDataDownload.tsx"],"sourcesContent":["import { useAddFileBatchToDownloadList } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\nimport { Box, Button } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { useCallback } from 'react'\nimport { EntityChildrenDetails } from '../EntityFinder/details/configurations/EntityChildrenDetails'\nimport { EntityDetailsListSharedProps } from '../EntityFinder/details/EntityDetailsList'\nimport { DetailsViewColumn } from '../EntityFinder/details/view/DetailsView'\nimport { EntityFinderHeader } from '../EntityFinder/EntityFinderHeader'\nimport { useEntitySelection } from '../EntityFinder/useEntitySelection'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport { displayToast } from '../ToastMessage'\n\nexport type ChallengeDataDownloadProps = {\n  parentContainerId: string\n}\n\nexport function ChallengeDataDownload({\n  parentContainerId,\n}: ChallengeDataDownloadProps) {\n  const { downloadCartPageUrl } = useSynapseContext()\n  const selectMultiple = true\n  const { selectedEntities, toggleSelection, setInitialVersion } =\n    useEntitySelection(selectMultiple)\n\n  const { mutate: addBatchToDownloadList } = useAddFileBatchToDownloadList({\n    onSuccess: () => {\n      displayToast(\n        'File(s) were successfully added to your Download Cart.',\n        'success',\n        {\n          primaryButtonConfig: {\n            text: 'View Download Cart',\n            onClick: () => (window.location.href = downloadCartPageUrl),\n          },\n        },\n      )\n    },\n    onError: e => {\n      displayToast(\n        `Unable to add the file to your Download Cart. ${e.reason}`,\n        'danger',\n      )\n    },\n  })\n\n  const isIdSelected = useCallback(\n    (entity: EntityFinderHeader) => {\n      return selectedEntities.has(entity.id)\n    },\n    [selectedEntities],\n  )\n\n  const onAddClick = useCallback(() => {\n    const entities = Array.from(selectedEntities.values()).map(reference => {\n      return {\n        fileEntityId: reference.targetId,\n        versionNumber: reference.targetVersionNumber,\n      }\n    })\n    addBatchToDownloadList(entities)\n  }, [selectedEntities, addBatchToDownloadList])\n\n  const sharedProps: EntityDetailsListSharedProps = {\n    versionSelection: VersionSelectionType.REQUIRED,\n    selectColumnType: 'checkbox',\n    enableSelectAll: true,\n    visibleTypes: [EntityType.file],\n    selected: selectedEntities,\n    selectableTypes: [EntityType.file],\n    isIdSelected,\n    isSelectable: () => true,\n    toggleSelection,\n    setInitialVersion,\n    hiddenColumns: [\n      DetailsViewColumn.BADGES,\n      DetailsViewColumn.ADD_TO_DOWNLOAD_CART,\n      DetailsViewColumn.CREATED_ON,\n      DetailsViewColumn.VERSION,\n      DetailsViewColumn.MODIFIED_BY,\n    ],\n  }\n  return (\n    <>\n      <Box>\n        <EntityChildrenDetails\n          parentContainerId={parentContainerId}\n          {...sharedProps}\n        />\n      </Box>\n      <Box\n        sx={{\n          mt: 4,\n        }}\n      >\n        <Button\n          endIcon={<AddCircleTwoToneIcon />}\n          variant={'outlined'}\n          sx={{ alignSelf: 'flex-end', height: '47px' }}\n          onClick={onAddClick}\n          disabled={!selectedEntities.toArray().length}\n        >\n          Add to Download Cart\n        </Button>\n      </Box>\n    </>\n  )\n}\n"],"names":["ChallengeDataDownload","parentContainerId","downloadCartPageUrl","useSynapseContext","selectMultiple","selectedEntities","toggleSelection","setInitialVersion","useEntitySelection","addBatchToDownloadList","useAddFileBatchToDownloadList","displayToast","e","isIdSelected","useCallback","entity","onAddClick","entities","reference","sharedProps","VersionSelectionType","EntityType","DetailsViewColumn","jsxs","Fragment","jsx","Box","EntityChildrenDetails","Button","AddCircleTwoToneIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,SAASA,GAAsB;AAAA,EACpC,mBAAAC;AACF,GAA+B;AAC7B,QAAM,EAAE,qBAAAC,EAAA,IAAwBC,EAAA,GAC1BC,IAAiB,IACjB,EAAE,kBAAAC,GAAkB,iBAAAC,GAAiB,mBAAAC,EAAA,IACzCC,EAAmBJ,CAAc,GAE7B,EAAE,QAAQK,EAAA,IAA2BC,EAA8B;AAAA,IACvE,WAAW,MAAM;AACf,MAAAC;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,UACE,qBAAqB;AAAA,YACnB,MAAM;AAAA,YACN,SAAS,MAAO,OAAO,SAAS,OAAOT;AAAA,UAAA;AAAA,QACzC;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,SAAS,CAAAU,MAAK;AACZ,MAAAD;AAAA,QACE,iDAAiDC,EAAE,MAAM;AAAA,QACzD;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,CACD,GAEKC,IAAeC;AAAA,IACnB,CAACC,MACQV,EAAiB,IAAIU,EAAO,EAAE;AAAA,IAEvC,CAACV,CAAgB;AAAA,EAAA,GAGbW,IAAaF,EAAY,MAAM;AACnC,UAAMG,IAAW,MAAM,KAAKZ,EAAiB,QAAQ,EAAE,IAAI,CAAAa,OAClD;AAAA,MACL,cAAcA,EAAU;AAAA,MACxB,eAAeA,EAAU;AAAA,IAAA,EAE5B;AACD,IAAAT,EAAuBQ,CAAQ;AAAA,EACjC,GAAG,CAACZ,GAAkBI,CAAsB,CAAC,GAEvCU,IAA4C;AAAA,IAChD,kBAAkBC,EAAqB;AAAA,IACvC,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,cAAc,CAACC,EAAW,IAAI;AAAA,IAC9B,UAAUhB;AAAA,IACV,iBAAiB,CAACgB,EAAW,IAAI;AAAA,IACjC,cAAAR;AAAA,IACA,cAAc,MAAM;AAAA,IACpB,iBAAAP;AAAA,IACA,mBAAAC;AAAA,IACA,eAAe;AAAA,MACbe,EAAkB;AAAA,MAClBA,EAAkB;AAAA,MAClBA,EAAkB;AAAA,MAClBA,EAAkB;AAAA,MAClBA,EAAkB;AAAA,IAAA;AAAA,EACpB;AAEF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,mBAAA1B;AAAA,QACC,GAAGkB;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,IACA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,IAAI;AAAA,QAAA;AAAA,QAGN,UAAA,gBAAAD;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,2BAAUC,GAAA,EAAqB;AAAA,YAC/B,SAAS;AAAA,YACT,IAAI,EAAE,WAAW,YAAY,QAAQ,OAAA;AAAA,YACrC,SAASb;AAAA,YACT,UAAU,CAACX,EAAiB,QAAA,EAAU;AAAA,YACvC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"ChallengeDataDownload.js","sources":["../../../src/components/ChallengeDataDownload/ChallengeDataDownload.tsx"],"sourcesContent":["import { useAddFileBatchToDownloadList } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\nimport { Box, Button } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { useCallback } from 'react'\nimport { EntityChildrenDetails } from '../EntityFinder/details/configurations/EntityChildrenDetails'\nimport { EntityDetailsListSharedProps } from '../EntityFinder/details/EntityDetailsList'\nimport { DetailsViewColumn } from '../EntityFinder/details/view/DetailsView'\nimport { EntityFinderHeader } from '../EntityFinder/EntityFinderHeader'\nimport { useEntitySelection } from '../EntityFinder/useEntitySelection'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport { displayToast } from '../ToastMessage'\n\nexport type ChallengeDataDownloadProps = {\n  parentContainerId: string\n}\n\nexport function ChallengeDataDownload({\n  parentContainerId,\n}: ChallengeDataDownloadProps) {\n  const { downloadCartPageUrl } = useSynapseContext()\n  const selectMultiple = true\n  const { selectedEntities, toggleSelection, setInitialVersion } =\n    useEntitySelection(selectMultiple)\n\n  const { mutate: addBatchToDownloadList } = useAddFileBatchToDownloadList({\n    onSuccess: () => {\n      displayToast(\n        'File(s) were successfully added to your Download List.',\n        'success',\n        {\n          primaryButtonConfig: {\n            text: 'View Download List',\n            onClick: () => (window.location.href = downloadCartPageUrl),\n          },\n        },\n      )\n    },\n    onError: e => {\n      displayToast(\n        `Unable to add the file to your Download List. ${e.reason}`,\n        'danger',\n      )\n    },\n  })\n\n  const isIdSelected = useCallback(\n    (entity: EntityFinderHeader) => {\n      return selectedEntities.has(entity.id)\n    },\n    [selectedEntities],\n  )\n\n  const onAddClick = useCallback(() => {\n    const entities = Array.from(selectedEntities.values()).map(reference => {\n      return {\n        fileEntityId: reference.targetId,\n        versionNumber: reference.targetVersionNumber,\n      }\n    })\n    addBatchToDownloadList(entities)\n  }, [selectedEntities, addBatchToDownloadList])\n\n  const sharedProps: EntityDetailsListSharedProps = {\n    versionSelection: VersionSelectionType.REQUIRED,\n    selectColumnType: 'checkbox',\n    enableSelectAll: true,\n    visibleTypes: [EntityType.file],\n    selected: selectedEntities,\n    selectableTypes: [EntityType.file],\n    isIdSelected,\n    isSelectable: () => true,\n    toggleSelection,\n    setInitialVersion,\n    hiddenColumns: [\n      DetailsViewColumn.BADGES,\n      DetailsViewColumn.ADD_TO_DOWNLOAD_CART,\n      DetailsViewColumn.CREATED_ON,\n      DetailsViewColumn.VERSION,\n      DetailsViewColumn.MODIFIED_BY,\n    ],\n  }\n  return (\n    <>\n      <Box>\n        <EntityChildrenDetails\n          parentContainerId={parentContainerId}\n          {...sharedProps}\n        />\n      </Box>\n      <Box\n        sx={{\n          mt: 4,\n        }}\n      >\n        <Button\n          endIcon={<AddCircleTwoToneIcon />}\n          variant={'outlined'}\n          sx={{ alignSelf: 'flex-end', height: '47px' }}\n          onClick={onAddClick}\n          disabled={!selectedEntities.toArray().length}\n        >\n          Add to Download List\n        </Button>\n      </Box>\n    </>\n  )\n}\n"],"names":["ChallengeDataDownload","parentContainerId","downloadCartPageUrl","useSynapseContext","selectMultiple","selectedEntities","toggleSelection","setInitialVersion","useEntitySelection","addBatchToDownloadList","useAddFileBatchToDownloadList","displayToast","e","isIdSelected","useCallback","entity","onAddClick","entities","reference","sharedProps","VersionSelectionType","EntityType","DetailsViewColumn","jsxs","Fragment","jsx","Box","EntityChildrenDetails","Button","AddCircleTwoToneIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,SAASA,GAAsB;AAAA,EACpC,mBAAAC;AACF,GAA+B;AAC7B,QAAM,EAAE,qBAAAC,EAAA,IAAwBC,EAAA,GAC1BC,IAAiB,IACjB,EAAE,kBAAAC,GAAkB,iBAAAC,GAAiB,mBAAAC,EAAA,IACzCC,EAAmBJ,CAAc,GAE7B,EAAE,QAAQK,EAAA,IAA2BC,EAA8B;AAAA,IACvE,WAAW,MAAM;AACf,MAAAC;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,UACE,qBAAqB;AAAA,YACnB,MAAM;AAAA,YACN,SAAS,MAAO,OAAO,SAAS,OAAOT;AAAA,UAAA;AAAA,QACzC;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,SAAS,CAAAU,MAAK;AACZ,MAAAD;AAAA,QACE,iDAAiDC,EAAE,MAAM;AAAA,QACzD;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,CACD,GAEKC,IAAeC;AAAA,IACnB,CAACC,MACQV,EAAiB,IAAIU,EAAO,EAAE;AAAA,IAEvC,CAACV,CAAgB;AAAA,EAAA,GAGbW,IAAaF,EAAY,MAAM;AACnC,UAAMG,IAAW,MAAM,KAAKZ,EAAiB,QAAQ,EAAE,IAAI,CAAAa,OAClD;AAAA,MACL,cAAcA,EAAU;AAAA,MACxB,eAAeA,EAAU;AAAA,IAAA,EAE5B;AACD,IAAAT,EAAuBQ,CAAQ;AAAA,EACjC,GAAG,CAACZ,GAAkBI,CAAsB,CAAC,GAEvCU,IAA4C;AAAA,IAChD,kBAAkBC,EAAqB;AAAA,IACvC,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,cAAc,CAACC,EAAW,IAAI;AAAA,IAC9B,UAAUhB;AAAA,IACV,iBAAiB,CAACgB,EAAW,IAAI;AAAA,IACjC,cAAAR;AAAA,IACA,cAAc,MAAM;AAAA,IACpB,iBAAAP;AAAA,IACA,mBAAAC;AAAA,IACA,eAAe;AAAA,MACbe,EAAkB;AAAA,MAClBA,EAAkB;AAAA,MAClBA,EAAkB;AAAA,MAClBA,EAAkB;AAAA,MAClBA,EAAkB;AAAA,IAAA;AAAA,EACpB;AAEF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,mBAAA1B;AAAA,QACC,GAAGkB;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,IACA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,IAAI;AAAA,QAAA;AAAA,QAGN,UAAA,gBAAAD;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,2BAAUC,GAAA,EAAqB;AAAA,YAC/B,SAAS;AAAA,YACT,IAAI,EAAE,WAAW,YAAY,QAAQ,OAAA;AAAA,YACrC,SAASb;AAAA,YACT,UAAU,CAACX,EAAiB,QAAA,EAAU;AAAA,YACvC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/ChangePassword/useChangePasswordFormState.js

@@ -43,11 +43,14 @@ import "@mui/material/SvgIcon";
 import "../../assets/icons/AccessPending.svg.js";
 import "../../assets/icons/AccessPendingCloud.svg.js";
 import "../../assets/icons/FileWithShield.svg.js";
+import "../../assets/icons/MultiFile.svg.js";
+import "../../assets/icons/UnpackagableFile.svg.js";
 import "../../assets/icons/bioChemicalPhysical.svg.js";
 import "../../assets/icons/computationalTool.svg.js";
 import "../../assets/icons/dataReuse.svg.js";
 import "../../assets/icons/inSilicoModel.svg.js";
 import "../../assets/icons/modelSystem.svg.js";
+import "../../assets/mui_components/PackagableFile.svg.js";
 import "../../assets/icons/spatialProfiling.svg.js";
 /* empty css                                    */
 import "../Authentication/AuthenticationMethodSelection.js";
@@ -58,7 +61,7 @@ import "react-hot-toast";
 import "react-transition-group";
 import "../Authentication/RecoveryCodeGrid.js";
 const H = "Two-factor authentication is required to change your password. Your password has not yet been changed.";
-function zo(p) {
+function $o(p) {
   const _ = W("/reset2FA"), w = Y(
     _,
     "twoFAResetToken"
@@ -176,6 +179,6 @@ function zo(p) {
 }
 export {
   H as TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT,
-  zo as default
+  $o as default
 };
 //# sourceMappingURL=useChangePasswordFormState.js.map

package/dist/components/ChangePassword/useChangePasswordFormState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChangePasswordFormState.js","sources":["../../../src/components/ChangePassword/useChangePasswordFormState.tsx"],"sourcesContent":["import { useChangePassword, useResetTwoFactorAuth } from '@/synapse-queries'\nimport appendFinalQueryParamKey from '@/utils/appendFinalQueryParamKey'\nimport { useOneSageURL } from '@/utils/hooks'\nimport { Alert, Typography } from '@mui/material'\nimport { TwoFactorAuthErrorResponse } from '@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse'\nimport {\n  ChangePasswordWithCurrentPassword,\n  ChangePasswordWithToken as ChangePasswordWithTokenObject,\n  ChangePasswordWithTwoFactorAuthToken,\n  PasswordResetSignedToken,\n  TwoFactorAuthOtpType,\n  TwoFactorAuthResetRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport { ONE_TIME_PASSWORD_STEP, OneTimePasswordForm } from '../Authentication'\nimport {\n  RECOVERY_CODE_GUIDANCE_TEXT_SHORT,\n  TOTP_GUIDANCE_TEXT,\n} from '../Authentication/Constants'\n\nexport const TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT =\n  'Two-factor authentication is required to change your password. Your password has not yet been changed.'\n\nexport type UseChangePasswordFormStateOptions = {\n  hideReset2FA?: boolean\n  onChangePasswordSuccess?: () => void\n}\n\n/**\n * Hook that handles submitting a change password request and prompting the user for 2FA if necessary.\n * @param options\n */\nexport default function useChangePasswordFormState(\n  options?: UseChangePasswordFormStateOptions,\n) {\n  const defaultTwoFactorAuthResetUrl = useOneSageURL('/reset2FA')\n  const twoFactorAuthResetUri = appendFinalQueryParamKey(\n    defaultTwoFactorAuthResetUrl,\n    'twoFAResetToken',\n  )\n\n  // Store current and new password in state so that we can re-use it if 2FA is required\n  const [currentPassword, setCurrentPassword] = useState<string>('')\n  const [newPassword, setNewPassword] = useState<string>('')\n  const [twoFactorAuthErrorResponse, setTwoFactorAuthErrorResponse] = useState<\n    TwoFactorAuthErrorResponse | undefined\n  >()\n  const [otpStep, setOtpStep] =\n    useState<ONE_TIME_PASSWORD_STEP>('VERIFICATION_CODE')\n  const [successfullyChangedPassword, setSuccessfullyChangedPassword] =\n    useState(false)\n  const {\n    mutate: changePassword,\n    isPending,\n    error,\n  } = useChangePassword({\n    onSuccess: maybeTwoFactorResponse => {\n      if (maybeTwoFactorResponse) {\n        // We store the 2FA Error Response in state because the `changePasswordResult` may change before we are done with the 2FA code,\n        // e.g. if the user enters the wrong 2FA code\n        setTwoFactorAuthErrorResponse(maybeTwoFactorResponse)\n      } else {\n        setSuccessfullyChangedPassword(true)\n        setTwoFactorAuthErrorResponse(undefined)\n        if (options?.onChangePasswordSuccess) {\n          options.onChangePasswordSuccess()\n        }\n      }\n    },\n  })\n\n  const handleChangePasswordWithCurrentPassword = useCallback(\n    (username: string, currentPassword: string, newPassword: string) => {\n      setCurrentPassword(currentPassword)\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithCurrentPassword = {\n        username,\n        currentPassword,\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithCurrentPassword',\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithResetToken = useCallback(\n    (newPassword: string, passwordChangeToken: PasswordResetSignedToken) => {\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithTokenObject = {\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithToken',\n        passwordChangeToken: passwordChangeToken,\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithOtp = useCallback(\n    (newPassword: string, code: string, otpType: TwoFactorAuthOtpType) => {\n      if (twoFactorAuthErrorResponse) {\n        const changeRequest: ChangePasswordWithTwoFactorAuthToken = {\n          newPassword,\n          concreteType:\n            'org.sagebionetworks.repo.model.auth.ChangePasswordWithTwoFactorAuthToken',\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaToken: twoFactorAuthErrorResponse.twoFaToken!,\n          otpType: otpType,\n          otpCode: code,\n        }\n        changePassword(changeRequest)\n      }\n    },\n    [changePassword, twoFactorAuthErrorResponse],\n  )\n  const promptForTwoFactorAuth = Boolean(twoFactorAuthErrorResponse)\n  const {\n    mutate: resetTwoFactorAuth,\n    isSuccess: twoFactorAuthResetIsSuccess,\n    isPending: twoFactorAuthResetIsPending,\n  } = useResetTwoFactorAuth()\n\n  const beginTwoFactorAuthReset = useCallback(\n    (twoFaResetEndpoint: string) => {\n      if (twoFactorAuthErrorResponse) {\n        const request: TwoFactorAuthResetRequest = {\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaResetEndpoint: twoFaResetEndpoint,\n          // When attempting to reset 2FA while resetting a password, the current password must be used to request 2FA reset\n          password: currentPassword,\n        }\n        resetTwoFactorAuth(request)\n      }\n    },\n    [currentPassword, resetTwoFactorAuth, twoFactorAuthErrorResponse],\n  )\n\n  const TwoFactorAuthPrompt = useCallback(() => {\n    if (!promptForTwoFactorAuth) {\n      return <></>\n    }\n    return (\n      <>\n        {otpStep === 'VERIFICATION_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {TOTP_GUIDANCE_TEXT}\n          </Typography>\n        )}\n        {otpStep === 'RECOVERY_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {RECOVERY_CODE_GUIDANCE_TEXT_SHORT}\n          </Typography>\n        )}\n        <OneTimePasswordForm\n          step={otpStep}\n          onClickUseTOTP={() => {\n            setOtpStep('VERIFICATION_CODE')\n          }}\n          onClickUseBackupCode={() => {\n            setOtpStep('RECOVERY_CODE')\n          }}\n          loginIsPending={isPending}\n          onSubmit={(code, otpType) =>\n            handleChangePasswordWithOtp(newPassword, code, otpType)\n          }\n          hideReset2FA={options?.hideReset2FA}\n          onClickPromptReset2FA={() => {\n            setOtpStep('DISABLE_2FA_PROMPT')\n          }}\n          onClickReset2FA={() => {\n            beginTwoFactorAuthReset(twoFactorAuthResetUri)\n          }}\n          twoFactorAuthResetIsPending={twoFactorAuthResetIsPending}\n          twoFactorAuthResetIsSuccess={twoFactorAuthResetIsSuccess}\n        />\n        {(otpStep === 'RECOVERY_CODE' || otpStep === 'VERIFICATION_CODE') && (\n          <Alert severity={'info'} sx={{ my: 2 }}>\n            {TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT}\n          </Alert>\n        )}\n        {otpStep === 'DISABLE_2FA_PROMPT' && twoFactorAuthResetIsSuccess && (\n          <Alert severity={'warning'} sx={{ my: 2 }}>\n            <strong>Your password has not been changed.</strong> To disable\n            two-factor authentication, you may be required to enter your current\n            password after clicking the link sent to your email address.\n          </Alert>\n        )}\n      </>\n    )\n  }, [\n    beginTwoFactorAuthReset,\n    handleChangePasswordWithOtp,\n    isPending,\n    newPassword,\n    options?.hideReset2FA,\n    otpStep,\n    promptForTwoFactorAuth,\n    twoFactorAuthResetIsPending,\n    twoFactorAuthResetIsSuccess,\n    twoFactorAuthResetUri,\n  ])\n\n  return {\n    successfullyChangedPassword,\n    isPending,\n    error,\n    promptForTwoFactorAuth,\n    TwoFactorAuthPrompt: TwoFactorAuthPrompt,\n    handleChangePasswordWithCurrentPassword,\n    handleChangePasswordWithResetToken,\n  }\n}\n"],"names":["TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT","useChangePasswordFormState","options","defaultTwoFactorAuthResetUrl","useOneSageURL","twoFactorAuthResetUri","appendFinalQueryParamKey","currentPassword","setCurrentPassword","useState","newPassword","setNewPassword","twoFactorAuthErrorResponse","setTwoFactorAuthErrorResponse","otpStep","setOtpStep","successfullyChangedPassword","setSuccessfullyChangedPassword","changePassword","isPending","error","useChangePassword","maybeTwoFactorResponse","handleChangePasswordWithCurrentPassword","useCallback","username","handleChangePasswordWithResetToken","passwordChangeToken","handleChangePasswordWithOtp","code","otpType","changeRequest","promptForTwoFactorAuth","resetTwoFactorAuth","twoFactorAuthResetIsSuccess","twoFactorAuthResetIsPending","useResetTwoFactorAuth","beginTwoFactorAuthReset","twoFaResetEndpoint","request","TwoFactorAuthPrompt","jsxs","Fragment","jsx","Typography","TOTP_GUIDANCE_TEXT","RECOVERY_CODE_GUIDANCE_TEXT_SHORT","OneTimePasswordForm","Alert"],"mappings":"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"}
+{"version":3,"file":"useChangePasswordFormState.js","sources":["../../../src/components/ChangePassword/useChangePasswordFormState.tsx"],"sourcesContent":["import { useChangePassword, useResetTwoFactorAuth } from '@/synapse-queries'\nimport appendFinalQueryParamKey from '@/utils/appendFinalQueryParamKey'\nimport { useOneSageURL } from '@/utils/hooks'\nimport { Alert, Typography } from '@mui/material'\nimport { TwoFactorAuthErrorResponse } from '@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse'\nimport {\n  ChangePasswordWithCurrentPassword,\n  ChangePasswordWithToken as ChangePasswordWithTokenObject,\n  ChangePasswordWithTwoFactorAuthToken,\n  PasswordResetSignedToken,\n  TwoFactorAuthOtpType,\n  TwoFactorAuthResetRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport { ONE_TIME_PASSWORD_STEP, OneTimePasswordForm } from '../Authentication'\nimport {\n  RECOVERY_CODE_GUIDANCE_TEXT_SHORT,\n  TOTP_GUIDANCE_TEXT,\n} from '../Authentication/Constants'\n\nexport const TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT =\n  'Two-factor authentication is required to change your password. Your password has not yet been changed.'\n\nexport type UseChangePasswordFormStateOptions = {\n  hideReset2FA?: boolean\n  onChangePasswordSuccess?: () => void\n}\n\n/**\n * Hook that handles submitting a change password request and prompting the user for 2FA if necessary.\n * @param options\n */\nexport default function useChangePasswordFormState(\n  options?: UseChangePasswordFormStateOptions,\n) {\n  const defaultTwoFactorAuthResetUrl = useOneSageURL('/reset2FA')\n  const twoFactorAuthResetUri = appendFinalQueryParamKey(\n    defaultTwoFactorAuthResetUrl,\n    'twoFAResetToken',\n  )\n\n  // Store current and new password in state so that we can re-use it if 2FA is required\n  const [currentPassword, setCurrentPassword] = useState<string>('')\n  const [newPassword, setNewPassword] = useState<string>('')\n  const [twoFactorAuthErrorResponse, setTwoFactorAuthErrorResponse] = useState<\n    TwoFactorAuthErrorResponse | undefined\n  >()\n  const [otpStep, setOtpStep] =\n    useState<ONE_TIME_PASSWORD_STEP>('VERIFICATION_CODE')\n  const [successfullyChangedPassword, setSuccessfullyChangedPassword] =\n    useState(false)\n  const {\n    mutate: changePassword,\n    isPending,\n    error,\n  } = useChangePassword({\n    onSuccess: maybeTwoFactorResponse => {\n      if (maybeTwoFactorResponse) {\n        // We store the 2FA Error Response in state because the `changePasswordResult` may change before we are done with the 2FA code,\n        // e.g. if the user enters the wrong 2FA code\n        setTwoFactorAuthErrorResponse(maybeTwoFactorResponse)\n      } else {\n        setSuccessfullyChangedPassword(true)\n        setTwoFactorAuthErrorResponse(undefined)\n        if (options?.onChangePasswordSuccess) {\n          options.onChangePasswordSuccess()\n        }\n      }\n    },\n  })\n\n  const handleChangePasswordWithCurrentPassword = useCallback(\n    (username: string, currentPassword: string, newPassword: string) => {\n      setCurrentPassword(currentPassword)\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithCurrentPassword = {\n        username,\n        currentPassword,\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithCurrentPassword',\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithResetToken = useCallback(\n    (newPassword: string, passwordChangeToken: PasswordResetSignedToken) => {\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithTokenObject = {\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithToken',\n        passwordChangeToken: passwordChangeToken,\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithOtp = useCallback(\n    (newPassword: string, code: string, otpType: TwoFactorAuthOtpType) => {\n      if (twoFactorAuthErrorResponse) {\n        const changeRequest: ChangePasswordWithTwoFactorAuthToken = {\n          newPassword,\n          concreteType:\n            'org.sagebionetworks.repo.model.auth.ChangePasswordWithTwoFactorAuthToken',\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaToken: twoFactorAuthErrorResponse.twoFaToken!,\n          otpType: otpType,\n          otpCode: code,\n        }\n        changePassword(changeRequest)\n      }\n    },\n    [changePassword, twoFactorAuthErrorResponse],\n  )\n  const promptForTwoFactorAuth = Boolean(twoFactorAuthErrorResponse)\n  const {\n    mutate: resetTwoFactorAuth,\n    isSuccess: twoFactorAuthResetIsSuccess,\n    isPending: twoFactorAuthResetIsPending,\n  } = useResetTwoFactorAuth()\n\n  const beginTwoFactorAuthReset = useCallback(\n    (twoFaResetEndpoint: string) => {\n      if (twoFactorAuthErrorResponse) {\n        const request: TwoFactorAuthResetRequest = {\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaResetEndpoint: twoFaResetEndpoint,\n          // When attempting to reset 2FA while resetting a password, the current password must be used to request 2FA reset\n          password: currentPassword,\n        }\n        resetTwoFactorAuth(request)\n      }\n    },\n    [currentPassword, resetTwoFactorAuth, twoFactorAuthErrorResponse],\n  )\n\n  const TwoFactorAuthPrompt = useCallback(() => {\n    if (!promptForTwoFactorAuth) {\n      return <></>\n    }\n    return (\n      <>\n        {otpStep === 'VERIFICATION_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {TOTP_GUIDANCE_TEXT}\n          </Typography>\n        )}\n        {otpStep === 'RECOVERY_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {RECOVERY_CODE_GUIDANCE_TEXT_SHORT}\n          </Typography>\n        )}\n        <OneTimePasswordForm\n          step={otpStep}\n          onClickUseTOTP={() => {\n            setOtpStep('VERIFICATION_CODE')\n          }}\n          onClickUseBackupCode={() => {\n            setOtpStep('RECOVERY_CODE')\n          }}\n          loginIsPending={isPending}\n          onSubmit={(code, otpType) =>\n            handleChangePasswordWithOtp(newPassword, code, otpType)\n          }\n          hideReset2FA={options?.hideReset2FA}\n          onClickPromptReset2FA={() => {\n            setOtpStep('DISABLE_2FA_PROMPT')\n          }}\n          onClickReset2FA={() => {\n            beginTwoFactorAuthReset(twoFactorAuthResetUri)\n          }}\n          twoFactorAuthResetIsPending={twoFactorAuthResetIsPending}\n          twoFactorAuthResetIsSuccess={twoFactorAuthResetIsSuccess}\n        />\n        {(otpStep === 'RECOVERY_CODE' || otpStep === 'VERIFICATION_CODE') && (\n          <Alert severity={'info'} sx={{ my: 2 }}>\n            {TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT}\n          </Alert>\n        )}\n        {otpStep === 'DISABLE_2FA_PROMPT' && twoFactorAuthResetIsSuccess && (\n          <Alert severity={'warning'} sx={{ my: 2 }}>\n            <strong>Your password has not been changed.</strong> To disable\n            two-factor authentication, you may be required to enter your current\n            password after clicking the link sent to your email address.\n          </Alert>\n        )}\n      </>\n    )\n  }, [\n    beginTwoFactorAuthReset,\n    handleChangePasswordWithOtp,\n    isPending,\n    newPassword,\n    options?.hideReset2FA,\n    otpStep,\n    promptForTwoFactorAuth,\n    twoFactorAuthResetIsPending,\n    twoFactorAuthResetIsSuccess,\n    twoFactorAuthResetUri,\n  ])\n\n  return {\n    successfullyChangedPassword,\n    isPending,\n    error,\n    promptForTwoFactorAuth,\n    TwoFactorAuthPrompt: TwoFactorAuthPrompt,\n    handleChangePasswordWithCurrentPassword,\n    handleChangePasswordWithResetToken,\n  }\n}\n"],"names":["TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT","useChangePasswordFormState","options","defaultTwoFactorAuthResetUrl","useOneSageURL","twoFactorAuthResetUri","appendFinalQueryParamKey","currentPassword","setCurrentPassword","useState","newPassword","setNewPassword","twoFactorAuthErrorResponse","setTwoFactorAuthErrorResponse","otpStep","setOtpStep","successfullyChangedPassword","setSuccessfullyChangedPassword","changePassword","isPending","error","useChangePassword","maybeTwoFactorResponse","handleChangePasswordWithCurrentPassword","useCallback","username","handleChangePasswordWithResetToken","passwordChangeToken","handleChangePasswordWithOtp","code","otpType","changeRequest","promptForTwoFactorAuth","resetTwoFactorAuth","twoFactorAuthResetIsSuccess","twoFactorAuthResetIsPending","useResetTwoFactorAuth","beginTwoFactorAuthReset","twoFaResetEndpoint","request","TwoFactorAuthPrompt","jsxs","Fragment","jsx","Typography","TOTP_GUIDANCE_TEXT","RECOVERY_CODE_GUIDANCE_TEXT_SHORT","OneTimePasswordForm","Alert"],"mappings":"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"}

package/dist/components/ComponentCollapse.d.ts

@@ -1,18 +1,14 @@
-import { SxProps, TypographyOwnProps } from '@mui/material';
-import { PropsWithChildren } from 'react';
+import { SxProps } from '@mui/material';
+import { PropsWithChildren, ReactNode } from 'react';
 export type ComponentCollapseProps = PropsWithChildren<{
-    text: string;
+    component: ReactNode;
     defaultVisible?: boolean;
-    textVariant?: TypographyOwnProps['variant'];
-    textSx?: SxProps;
-    textContainerSx?: SxProps;
+    componentContainerSx?: SxProps;
     collapseBoxSx?: SxProps;
     iconSx?: SxProps;
 }>;
 /**
- * Wrap any Synapse config object in a collapse
- * @param props
- * @returns
+ * Wrap any child components in a collapse, using a custom component as the trigger
  */
-export default function ComponentCollapse({ text, defaultVisible, textVariant, textSx, textContainerSx, collapseBoxSx, iconSx, children, }: ComponentCollapseProps): import("react/jsx-runtime").JSX.Element;
+export default function ComponentCollapse({ component, defaultVisible, componentContainerSx, collapseBoxSx, iconSx, children, }: ComponentCollapseProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ComponentCollapse.d.ts.map

package/dist/components/ComponentCollapse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentCollapse.d.ts","sourceRoot":"","sources":["../../src/components/ComponentCollapse.tsx"],"names":[],"mappings":"AAKA,OAAO,EAGL,OAAO,EAEP,kBAAkB,EACnB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAEnD,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;IACrD,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,IAAI,EACJ,cAAc,EACd,WAAyB,EACzB,MAAM,EACN,eAAe,EACf,aAAa,EACb,MAAM,EACN,QAAQ,GACT,EAAE,sBAAsB,2CAkDxB"}
+{"version":3,"file":"ComponentCollapse.d.ts","sourceRoot":"","sources":["../../src/components/ComponentCollapse.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiB,OAAO,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAEL,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAA;AAEd,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;IACrD,SAAS,EAAE,SAAS,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,aAAa,EACb,MAAM,EACN,QAAQ,GACT,EAAE,sBAAsB,2CAsDxB"}

package/dist/components/ComponentCollapse.js

@@ -1,25 +1,24 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { spreadSx as n } from "../theme/spreadSx.js";
-import { KeyboardArrowUpTwoTone as u, KeyboardArrowDownTwoTone as w } from "@mui/icons-material";
-import { Box as a, Typography as y, Collapse as C } from "@mui/material";
-import { useState as S } from "react";
-function B({
-  text: l,
-  defaultVisible: s,
-  textVariant: i = "smallLink",
-  textSx: p,
-  textContainerSx: x,
-  collapseBoxSx: c,
-  iconSx: d,
-  children: m
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { spreadSx as s } from "../theme/spreadSx.js";
+import { KeyboardArrowUpTwoTone as w, KeyboardArrowDownTwoTone as y } from "@mui/icons-material";
+import { Box as i, Collapse as h } from "@mui/material";
+import { useState as C, useId as b } from "react";
+function j({
+  component: p,
+  defaultVisible: c,
+  componentContainerSx: d,
+  collapseBoxSx: x,
+  iconSx: m,
+  children: f
 }) {
-  const [r, f] = S(s), e = {
+  const [o, r] = C(c), t = b(), a = {
     color: "grey.700",
     marginBottom: "-5px !important",
     height: "18px",
-    ...d
-  }, h = {
+    ...m
+  }, u = {
     display: "flex",
+    textAlign: "left",
     justifyContent: "space-between",
     backgroundColor: "grey.200",
     padding: "15px",
@@ -30,31 +29,28 @@ function B({
     backgroundColor: "grey.100",
     padding: "25px"
   };
-  return /* @__PURE__ */ t("div", { className: "MarkdownCollapse", children: [
-    /* @__PURE__ */ t(
-      a,
+  return /* @__PURE__ */ l("div", { className: "MarkdownCollapse", children: [
+    /* @__PURE__ */ l(
+      i,
       {
-        sx: n(h, x),
-        onClick: () => f(!r),
+        component: "button",
+        sx: s(u, d),
+        onClick: () => r(!o),
+        onKeyDown: (n) => {
+          (n.key === "Enter" || n.key === " ") && (n.preventDefault(), r(!o));
+        },
+        "aria-controls": t,
+        "aria-expanded": o,
         children: [
-          /* @__PURE__ */ o(
-            y,
-            {
-              variant: i,
-              "aria-controls": "collapse-text",
-              "aria-expanded": r,
-              sx: p,
-              children: l
-            }
-          ),
-          r ? /* @__PURE__ */ o(u, { sx: e }) : /* @__PURE__ */ o(w, { sx: e })
+          p,
+          o ? /* @__PURE__ */ e(w, { sx: a }) : /* @__PURE__ */ e(y, { sx: a })
         ]
       }
     ),
-    /* @__PURE__ */ o(C, { in: r, children: /* @__PURE__ */ o(a, { sx: n(g, c), children: /* @__PURE__ */ o("div", { id: "collapse-text", children: m }) }) })
+    /* @__PURE__ */ e(h, { in: o, children: /* @__PURE__ */ e(i, { sx: s(g, x), children: /* @__PURE__ */ e("div", { id: t, children: f }) }) })
   ] });
 }
 export {
-  B as default
+  j as default
 };
 //# sourceMappingURL=ComponentCollapse.js.map

package/dist/components/ComponentCollapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentCollapse.js","sources":["../../src/components/ComponentCollapse.tsx"],"sourcesContent":["import { spreadSx } from '@/theme/spreadSx'\nimport {\n  KeyboardArrowDownTwoTone,\n  KeyboardArrowUpTwoTone,\n} from '@mui/icons-material'\nimport {\n  Box,\n  Collapse,\n  SxProps,\n  Typography,\n  TypographyOwnProps,\n} from '@mui/material'\nimport { PropsWithChildren, useState } from 'react'\n\nexport type ComponentCollapseProps = PropsWithChildren<{\n  text: string\n  defaultVisible?: boolean // default to false (collapsed)\n  textVariant?: TypographyOwnProps['variant']\n  textSx?: SxProps\n  textContainerSx?: SxProps\n  collapseBoxSx?: SxProps\n  iconSx?: SxProps\n}>\n\n/**\n * Wrap any Synapse config object in a collapse\n * @param props\n * @returns\n */\nexport default function ComponentCollapse({\n  text,\n  defaultVisible,\n  textVariant = 'smallLink',\n  textSx,\n  textContainerSx,\n  collapseBoxSx,\n  iconSx,\n  children,\n}: ComponentCollapseProps) {\n  const [show, setShow] = useState(defaultVisible)\n  const allIconSx: SxProps = {\n    color: 'grey.700',\n    marginBottom: '-5px !important',\n    height: '18px',\n    ...iconSx,\n  }\n\n  const textContainerDefaultSx: SxProps = {\n    display: 'flex',\n    justifyContent: 'space-between',\n    backgroundColor: 'grey.200',\n    padding: '15px',\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  }\n  const collapseBoxDefaultSx: SxProps = {\n    backgroundColor: 'grey.100',\n    padding: '25px',\n  }\n  return (\n    <div className=\"MarkdownCollapse\">\n      <Box\n        sx={spreadSx(textContainerDefaultSx, textContainerSx)}\n        onClick={() => setShow(!show)}\n      >\n        <Typography\n          variant={textVariant}\n          aria-controls=\"collapse-text\"\n          aria-expanded={show}\n          sx={textSx}\n        >\n          {text}\n        </Typography>\n\n        {show ? (\n          <KeyboardArrowUpTwoTone sx={allIconSx} />\n        ) : (\n          <KeyboardArrowDownTwoTone sx={allIconSx} />\n        )}\n      </Box>\n      <Collapse in={show}>\n        <Box sx={spreadSx(collapseBoxDefaultSx, collapseBoxSx)}>\n          <div id=\"collapse-text\">{children}</div>\n        </Box>\n      </Collapse>\n    </div>\n  )\n}\n"],"names":["ComponentCollapse","text","defaultVisible","textVariant","textSx","textContainerSx","collapseBoxSx","iconSx","children","show","setShow","useState","allIconSx","textContainerDefaultSx","collapseBoxDefaultSx","jsxs","Box","spreadSx","jsx","Typography","KeyboardArrowUpTwoTone","KeyboardArrowDownTwoTone","Collapse"],"mappings":";;;;;AA6BA,SAAwBA,EAAkB;AAAA,EACxC,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,GAA2B;AACzB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAST,CAAc,GACzCU,IAAqB;AAAA,IACzB,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,GAAGL;AAAA,EAAA,GAGCM,IAAkC;AAAA,IACtC,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,WAAW;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,EACV,GAEIC,IAAgC;AAAA,IACpC,iBAAiB;AAAA,IACjB,SAAS;AAAA,EAAA;AAEX,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,IAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAIC,EAASJ,GAAwBR,CAAe;AAAA,QACpD,SAAS,MAAMK,EAAQ,CAACD,CAAI;AAAA,QAE5B,UAAA;AAAA,UAAA,gBAAAS;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,SAAShB;AAAA,cACT,iBAAc;AAAA,cACd,iBAAeM;AAAA,cACf,IAAIL;AAAA,cAEH,UAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGFQ,sBACEW,GAAA,EAAuB,IAAIR,GAAW,IAEvC,gBAAAM,EAACG,GAAA,EAAyB,IAAIT,EAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,sBAG5CU,GAAA,EAAS,IAAIb,GACZ,UAAA,gBAAAS,EAACF,KAAI,IAAIC,EAASH,GAAsBR,CAAa,GACnD,UAAA,gBAAAY,EAAC,OAAA,EAAI,IAAG,iBAAiB,UAAAV,GAAS,GACpC,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ComponentCollapse.js","sources":["../../src/components/ComponentCollapse.tsx"],"sourcesContent":["import { spreadSx } from '@/theme/spreadSx'\nimport {\n  KeyboardArrowDownTwoTone,\n  KeyboardArrowUpTwoTone,\n} from '@mui/icons-material'\nimport { Box, Collapse, SxProps } from '@mui/material'\nimport {\n  KeyboardEvent,\n  PropsWithChildren,\n  ReactNode,\n  useId,\n  useState,\n} from 'react'\n\nexport type ComponentCollapseProps = PropsWithChildren<{\n  component: ReactNode\n  defaultVisible?: boolean // default to false (collapsed)\n  componentContainerSx?: SxProps\n  collapseBoxSx?: SxProps\n  iconSx?: SxProps\n}>\n\n/**\n * Wrap any child components in a collapse, using a custom component as the trigger\n */\nexport default function ComponentCollapse({\n  component,\n  defaultVisible,\n  componentContainerSx,\n  collapseBoxSx,\n  iconSx,\n  children,\n}: ComponentCollapseProps) {\n  const [show, setShow] = useState(defaultVisible)\n  const collapseId = useId()\n  const allIconSx: SxProps = {\n    color: 'grey.700',\n    marginBottom: '-5px !important',\n    height: '18px',\n    ...iconSx,\n  }\n\n  const componentContainerDefaultSx: SxProps = {\n    display: 'flex',\n    textAlign: 'left',\n    justifyContent: 'space-between',\n    backgroundColor: 'grey.200',\n    padding: '15px',\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  }\n  const collapseBoxDefaultSx: SxProps = {\n    backgroundColor: 'grey.100',\n    padding: '25px',\n  }\n\n  return (\n    <div className=\"MarkdownCollapse\">\n      <Box\n        component=\"button\"\n        sx={spreadSx(componentContainerDefaultSx, componentContainerSx)}\n        onClick={() => setShow(!show)}\n        onKeyDown={(e: KeyboardEvent) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            setShow(!show)\n          }\n        }}\n        aria-controls={collapseId}\n        aria-expanded={show}\n      >\n        {component}\n        {show ? (\n          <KeyboardArrowUpTwoTone sx={allIconSx} />\n        ) : (\n          <KeyboardArrowDownTwoTone sx={allIconSx} />\n        )}\n      </Box>\n      <Collapse in={show}>\n        <Box sx={spreadSx(collapseBoxDefaultSx, collapseBoxSx)}>\n          <div id={collapseId}>{children}</div>\n        </Box>\n      </Collapse>\n    </div>\n  )\n}\n"],"names":["ComponentCollapse","component","defaultVisible","componentContainerSx","collapseBoxSx","iconSx","children","show","setShow","useState","collapseId","useId","allIconSx","componentContainerDefaultSx","collapseBoxDefaultSx","jsxs","Box","spreadSx","e","KeyboardArrowUpTwoTone","jsx","KeyboardArrowDownTwoTone","Collapse"],"mappings":";;;;;AAyBA,SAAwBA,EAAkB;AAAA,EACxC,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,GAA2B;AACzB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAASP,CAAc,GACzCQ,IAAaC,EAAA,GACbC,IAAqB;AAAA,IACzB,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,GAAGP;AAAA,EAAA,GAGCQ,IAAuC;AAAA,IAC3C,SAAS;AAAA,IACT,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,WAAW;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,EACV,GAEIC,IAAgC;AAAA,IACpC,iBAAiB;AAAA,IACjB,SAAS;AAAA,EAAA;AAGX,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,IAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,IAAIC,EAASJ,GAA6BV,CAAoB;AAAA,QAC9D,SAAS,MAAMK,EAAQ,CAACD,CAAI;AAAA,QAC5B,WAAW,CAACW,MAAqB;AAC/B,WAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjCA,EAAE,eAAA,GACFV,EAAQ,CAACD,CAAI;AAAA,QAEjB;AAAA,QACA,iBAAeG;AAAA,QACf,iBAAeH;AAAA,QAEd,UAAA;AAAA,UAAAN;AAAA,UACAM,sBACEY,GAAA,EAAuB,IAAIP,GAAW,IAEvC,gBAAAQ,EAACC,GAAA,EAAyB,IAAIT,EAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,sBAG5CU,GAAA,EAAS,IAAIf,GACZ,UAAA,gBAAAa,EAACJ,KAAI,IAAIC,EAASH,GAAsBV,CAAa,GACnD,UAAA,gBAAAgB,EAAC,OAAA,EAAI,IAAIV,GAAa,UAAAJ,GAAS,GACjC,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.js

@@ -40,11 +40,14 @@ import "@mui/material/SvgIcon";
 import "../../assets/icons/AccessPending.svg.js";
 import "../../assets/icons/AccessPendingCloud.svg.js";
 import "../../assets/icons/FileWithShield.svg.js";
+import "../../assets/icons/MultiFile.svg.js";
+import "../../assets/icons/UnpackagableFile.svg.js";
 import "../../assets/icons/bioChemicalPhysical.svg.js";
 import "../../assets/icons/computationalTool.svg.js";
 import "../../assets/icons/dataReuse.svg.js";
 import "../../assets/icons/inSilicoModel.svg.js";
 import "../../assets/icons/modelSystem.svg.js";
+import "../../assets/mui_components/PackagableFile.svg.js";
 import "../../assets/icons/spatialProfiling.svg.js";
 import "react-select";
 import "@mui/material/Skeleton";
@@ -54,18 +57,18 @@ import "react-transition-group";
 import { SetBasicAccessRequirementFields as F } from "../SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.js";
 import { SetManagedAccessRequirementFields as N } from "../SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.js";
 import { getDialogTitle as q, isLastStep as v } from "./CreateOrUpdateAccessRequirementWizardUtils.js";
-function Pe(t) {
-  const { open: E, onCancel: u, onComplete: n } = t, [o, a] = c(
+function he(t) {
+  const { open: E, onCancel: u, onComplete: n } = t, [o, p] = c(
     "SET_AR_COMMON_FIELDS"
-  ), [l, e] = c(!1), [r, R] = c(t.accessRequirementId), p = s(null), S = s(null), A = s(null), _ = s(null), f = !!t.accessRequirementId, d = M(() => {
+  ), [l, e] = c(!1), [r, R] = c(t.accessRequirementId), a = s(null), S = s(null), A = s(null), _ = s(null), f = !!t.accessRequirementId, d = M(() => {
     switch (o) {
       case "SET_AR_COMMON_FIELDS":
         return /* @__PURE__ */ m(
           L,
           {
-            ref: p,
+            ref: a,
             onSave: (i, I) => {
-              R(i), a(I === C ? "SET_MANAGED_AR_FIELDS" : "SET_BASIC_AR_FIELDS"), e(!1);
+              R(i), p(I === C ? "SET_MANAGED_AR_FIELDS" : "SET_BASIC_AR_FIELDS"), e(!1);
             },
             onError: () => e(!1),
             subject: t.subject,
@@ -79,7 +82,7 @@ function Pe(t) {
             ref: S,
             accessRequirementId: r,
             onSave: () => {
-              a("SET_MANAGED_AR_ACL_PERMISSIONS"), e(!1);
+              p("SET_MANAGED_AR_ACL_PERMISSIONS"), e(!1);
             },
             onError: () => {
               e(!1);
@@ -125,7 +128,7 @@ function Pe(t) {
       onConfirm: (i) => {
         switch (i.preventDefault(), e(!0), o) {
           case "SET_AR_COMMON_FIELDS":
-            p?.current?.save();
+            a?.current?.save();
             return;
           case "SET_MANAGED_AR_FIELDS":
             S?.current?.save();
@@ -148,7 +151,7 @@ function Pe(t) {
   );
 }
 export {
-  Pe as CreateOrUpdateAccessRequirementWizard,
-  Pe as default
+  he as CreateOrUpdateAccessRequirementWizard,
+  he as default
 };
 //# sourceMappingURL=CreateOrUpdateAccessRequirementWizard.js.map