synapse-react-client 4.0.37 → 4.0.40

package/dist/components/EntityCitation/EntityCitation.js

@@ -10,7 +10,7 @@ import { Button as c, Skeleton as l } from "@mui/material";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { DoiObjectType as p } from "@sage-bionetworks/synapse-client";
 //#region src/components/EntityCitation/EntityCitation.tsx
-var m = "10px 12px", h = ({ projectId: h, entityId: g, versionNumber: _ }) => {
+var m = "8px", h = ({ projectId: h, entityId: g, versionNumber: _ }) => {
 	let { data: v, isLoading: y } = e(g, _), [b, x] = s(null), [S, C] = s(void 0), [w, T] = s(null), [E, D] = s(void 0), O = o(null), k = b ? "cite-as-popover" : void 0, A = a(g, _, h, v), { data: j, isLoading: M } = t({
 		id: h,
 		version: void 0,
@@ -31,6 +31,7 @@ var m = "10px 12px", h = ({ projectId: h, entityId: g, versionNumber: _ }) => {
 		options: ["Cite this Project", "Cite only this page"],
 		anchorRef: O,
 		sx: {
+			height: "28px",
 			width: {
 				xs: "100%",
 				sm: "initial"
@@ -42,7 +43,8 @@ var m = "10px 12px", h = ({ projectId: h, entityId: g, versionNumber: _ }) => {
 			},
 			"& .MuiButtonGroup-lastButton": {
 				borderTopRightRadius: "6px",
-				borderBottomRightRadius: "6px"
+				borderBottomRightRadius: "6px",
+				"& svg": { fontSize: "16px" }
 			},
 			"& .MuiButton-root": { fontWeight: 540 }
 		},
@@ -67,12 +69,13 @@ var m = "10px 12px", h = ({ projectId: h, entityId: g, versionNumber: _ }) => {
 			},
 			borderRadius: "6px",
 			fontWeight: 540,
-			padding: m
+			padding: m,
+			height: "28px"
 		},
 		variant: "outlined",
 		startIcon: /* @__PURE__ */ d(n, {
-			width: 18,
-			height: 18
+			width: 16,
+			height: 16
 		}),
 		children: F
 	}), /* @__PURE__ */ d(r, {

package/dist/components/EntityCitation/EntityCitation.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityCitation.js","names":[],"sources":["../../../src/components/EntityCitation/EntityCitation.tsx"],"sourcesContent":["import React from 'react'\nimport { ReactComponent as DoubleQuotes } from '@/assets/icons/DoubleQuotes.svg'\nimport { Button, Skeleton } from '@mui/material'\nimport { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { useGetEntityBundle } from '@/synapse-queries/entity'\nimport { DoiObjectType } from '@sage-bionetworks/synapse-client'\nimport CitationPopoverContent from '../CitationPopover/CitationPopoverContent'\nimport { useRef, useState } from 'react'\nimport { useGetEntityDoiAssociation } from './EntityCitationUtils'\nimport DropdownSelect from '../DropdownSelect'\n\nconst CITATION_BUTTON_PADDING = '10px 12px'\n\nexport type EntityCitationProps = {\n  projectId: string\n  entityId: string\n  versionNumber?: number\n}\n\nconst EntityCitation = ({\n  projectId,\n  entityId,\n  versionNumber,\n}: EntityCitationProps): React.ReactNode => {\n  const { data: bundle, isLoading: isEntityLoading } = useGetEntityBundle(\n    entityId,\n    versionNumber,\n  )\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)\n  const [selectedDoi, setSelectedDoi] = useState<string | undefined>(undefined)\n  const [citationAnchorEl, setCitationAnchorEl] = useState<HTMLElement | null>(\n    null,\n  )\n  const [selectedIndex, setSelectedIndex] = useState<number | undefined>(\n    undefined,\n  )\n  const citationButtonRef = useRef<HTMLDivElement>(null)\n\n  const open = Boolean(anchorEl)\n  const id = open ? 'cite-as-popover' : undefined\n\n  const entityDoiAssociation = useGetEntityDoiAssociation(\n    entityId,\n    versionNumber,\n    projectId,\n    bundle,\n  )\n\n  // Get DOI association for the project\n  // Projects are not versioned\n  const { data: projectDoiAssociation, isLoading: isProjectLoading } =\n    useGetDOIAssociation(\n      {\n        id: projectId,\n        version: undefined,\n        type: DoiObjectType.ENTITY,\n      },\n      {\n        enabled: !!projectId,\n      },\n    )\n\n  // If both project and entity have DOIs, we show the dropdown variant\n  const isProjectAndEntityDoi = projectDoiAssociation && entityDoiAssociation\n\n  function getButtonText() {\n    if (isProjectAndEntityDoi) {\n      return 'Cite as...'\n    } else if (entityDoiAssociation && !projectDoiAssociation) {\n      return 'Cite page'\n    } else if (!entityDoiAssociation && projectDoiAssociation) {\n      return 'Cite project'\n    }\n    return ''\n  }\n\n  const buttonText = getButtonText()\n\n  const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    if (entityDoiAssociation && !projectDoiAssociation) {\n      setSelectedDoi(entityDoiAssociation.doiUri)\n      setCitationAnchorEl(event.currentTarget)\n    } else if (!entityDoiAssociation && projectDoiAssociation) {\n      setSelectedDoi(projectDoiAssociation.doiUri)\n      setCitationAnchorEl(event.currentTarget)\n    } else {\n      // If both project and entity doi exist, show dropdown\n      setAnchorEl(event.currentTarget)\n    }\n  }\n\n  const popover = (\n    <CitationPopoverContent\n      doi={selectedDoi}\n      anchorEl={citationAnchorEl}\n      open={!!citationAnchorEl && !!selectedDoi}\n      id={id}\n      onClose={() => {\n        setCitationAnchorEl(null)\n        setSelectedDoi(undefined)\n      }}\n    />\n  )\n\n  const options: string[] = ['Cite this Project', 'Cite only this page']\n\n  if (!projectDoiAssociation && !entityDoiAssociation) {\n    return null\n  }\n\n  if (isEntityLoading || isProjectLoading) {\n    return (\n      <Skeleton\n        sx={{\n          width: { xs: '100%', sm: '140px' },\n          height: '45px',\n        }}\n      />\n    )\n  }\n\n  return (\n    <>\n      {isProjectAndEntityDoi ? (\n        <DropdownSelect\n          disabled={isEntityLoading && isProjectLoading}\n          options={options}\n          anchorRef={citationButtonRef}\n          sx={{\n            width: { xs: '100%', sm: 'initial' },\n            '& .MuiButtonGroup-firstButton': {\n              borderTopLeftRadius: '6px',\n              borderBottomLeftRadius: '6px',\n              padding: CITATION_BUTTON_PADDING,\n            },\n            '& .MuiButtonGroup-lastButton': {\n              borderTopRightRadius: '6px',\n              borderBottomRightRadius: '6px',\n            },\n            '& .MuiButton-root': {\n              fontWeight: 540,\n            },\n          }}\n          buttonText=\"Cite as...\"\n          variant=\"outlined\"\n          buttonGroupAriaLabel=\"Citation options\"\n          selectedIndex={selectedIndex}\n          setSelectedIndex={(index: number) => {\n            setSelectedIndex(index)\n            const selected =\n              index === 0\n                ? projectDoiAssociation?.doiUri\n                : entityDoiAssociation?.doiUri\n            if (selected) {\n              setSelectedDoi(selected)\n              setCitationAnchorEl(citationButtonRef.current)\n            }\n          }}\n        />\n      ) : (\n        <Button\n          onClick={handleButtonClick}\n          disabled={isEntityLoading && isProjectLoading}\n          sx={{\n            width: { xs: '100%', sm: 'initial' },\n            borderRadius: '6px',\n            fontWeight: 540,\n            padding: CITATION_BUTTON_PADDING,\n          }}\n          variant=\"outlined\"\n          startIcon={<DoubleQuotes width={18} height={18} />}\n        >\n          {buttonText}\n        </Button>\n      )}\n      {popover}\n    </>\n  )\n}\n\nexport default EntityCitation\n"],"mappings":";;;;;;;;;;;;AAWA,IAAM,IAA0B,aAQ1B,KAAkB,EACtB,cACA,aACA,uBAC0C;CAC1C,IAAM,EAAE,MAAM,GAAQ,WAAW,MAAoB,EACnD,GACA,CACF,GACM,CAAC,GAAU,KAAe,EAAmC,IAAI,GACjE,CAAC,GAAa,KAAkB,EAA6B,KAAA,CAAS,GACtE,CAAC,GAAkB,KAAuB,EAC9C,IACF,GACM,CAAC,GAAe,KAAoB,EACxC,KAAA,CACF,GACM,IAAoB,EAAuB,IAAI,GAG/C,IADe,IACH,oBAAoB,KAAA,GAEhC,IAAuB,EAC3B,GACA,GACA,GACA,CACF,GAIM,EAAE,MAAM,GAAuB,WAAW,MAC9C,EACE;EACE,IAAI;EACJ,SAAS,KAAA;EACT,MAAM,EAAc;CACtB,GACA,EACE,SAAS,CAAC,CAAC,EACb,CACF,GAGI,IAAwB,KAAyB;CAEvD,SAAS,IAAgB;EAQvB,OAPI,IACK,eACE,KAAwB,CAAC,IAC3B,cACE,CAAC,KAAwB,IAC3B,iBAEF;CACT;CAEA,IAAM,IAAa,EAAc;CA6CjC,OAfI,CAAC,KAAyB,CAAC,IACtB,OAGL,KAAmB,IAEnB,kBAAC,GAAD,EACE,IAAI;EACF,OAAO;GAAE,IAAI;GAAQ,IAAI;EAAQ;EACjC,QAAQ;CACV,EACD,CAAA,IAKH,kBAAA,GAAA,EAAA,UAAA,CACG,IACC,kBAAC,GAAD;EACE,UAAU,KAAmB;EACpB,UAtBU,qBAAqB,qBAsB/B;EACT,WAAW;EACX,IAAI;GACF,OAAO;IAAE,IAAI;IAAQ,IAAI;GAAU;GACnC,iCAAiC;IAC/B,qBAAqB;IACrB,wBAAwB;IACxB,SAAS;GACX;GACA,gCAAgC;IAC9B,sBAAsB;IACtB,yBAAyB;GAC3B;GACA,qBAAqB,EACnB,YAAY,IACd;EACF;EACA,YAAW;EACX,SAAQ;EACR,sBAAqB;EACN;EACf,mBAAmB,MAAkB;GACnC,EAAiB,CAAK;GACtB,IAAM,IACJ,MAAU,IACN,GAAuB,SACvB,GAAsB;GAC5B,AAAI,MACF,EAAe,CAAQ,GACvB,EAAoB,EAAkB,OAAO;EAEjD;CACD,CAAA,IAED,kBAAC,GAAD;EACE,UAnFmB,MAA+C;GACxE,AAAI,KAAwB,CAAC,KAC3B,EAAe,EAAqB,MAAM,GAC1C,EAAoB,EAAM,aAAa,KAC9B,CAAC,KAAwB,KAClC,EAAe,EAAsB,MAAM,GAC3C,EAAoB,EAAM,aAAa,KAGvC,EAAY,EAAM,aAAa;EAEnC;EAyEQ,UAAU,KAAmB;EAC7B,IAAI;GACF,OAAO;IAAE,IAAI;IAAQ,IAAI;GAAU;GACnC,cAAc;GACd,YAAY;GACZ,SAAS;EACX;EACA,SAAQ;EACR,WAAW,kBAAC,GAAD;GAAc,OAAO;GAAI,QAAQ;EAAK,CAAA;YAEhD;CACK,CAAA,GAET,gBAnFH,EAAC,GAAD;EACE,KAAK;EACL,UAAU;EACV,MAAM,CAAC,CAAC,KAAoB,CAAC,CAAC;EAC1B;EACJ,eAAe;GAEb,AADA,EAAoB,IAAI,GACxB,EAAe,KAAA,CAAS;EAC1B;CACD,CA0EE,CACD,EAAA,CAAA;AAEN"}
+{"version":3,"file":"EntityCitation.js","names":[],"sources":["../../../src/components/EntityCitation/EntityCitation.tsx"],"sourcesContent":["import React from 'react'\nimport { ReactComponent as DoubleQuotes } from '@/assets/icons/DoubleQuotes.svg'\nimport { Button, Skeleton } from '@mui/material'\nimport { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { useGetEntityBundle } from '@/synapse-queries/entity'\nimport { DoiObjectType } from '@sage-bionetworks/synapse-client'\nimport CitationPopoverContent from '../CitationPopover/CitationPopoverContent'\nimport { useRef, useState } from 'react'\nimport { useGetEntityDoiAssociation } from './EntityCitationUtils'\nimport DropdownSelect from '../DropdownSelect'\n\nconst CITATION_BUTTON_PADDING = '8px'\n\nexport type EntityCitationProps = {\n  projectId: string\n  entityId: string\n  versionNumber?: number\n}\n\nconst EntityCitation = ({\n  projectId,\n  entityId,\n  versionNumber,\n}: EntityCitationProps): React.ReactNode => {\n  const { data: bundle, isLoading: isEntityLoading } = useGetEntityBundle(\n    entityId,\n    versionNumber,\n  )\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)\n  const [selectedDoi, setSelectedDoi] = useState<string | undefined>(undefined)\n  const [citationAnchorEl, setCitationAnchorEl] = useState<HTMLElement | null>(\n    null,\n  )\n  const [selectedIndex, setSelectedIndex] = useState<number | undefined>(\n    undefined,\n  )\n  const citationButtonRef = useRef<HTMLDivElement>(null)\n\n  const open = Boolean(anchorEl)\n  const id = open ? 'cite-as-popover' : undefined\n\n  const entityDoiAssociation = useGetEntityDoiAssociation(\n    entityId,\n    versionNumber,\n    projectId,\n    bundle,\n  )\n\n  // Get DOI association for the project\n  // Projects are not versioned\n  const { data: projectDoiAssociation, isLoading: isProjectLoading } =\n    useGetDOIAssociation(\n      {\n        id: projectId,\n        version: undefined,\n        type: DoiObjectType.ENTITY,\n      },\n      {\n        enabled: !!projectId,\n      },\n    )\n\n  // If both project and entity have DOIs, we show the dropdown variant\n  const isProjectAndEntityDoi = projectDoiAssociation && entityDoiAssociation\n\n  function getButtonText() {\n    if (isProjectAndEntityDoi) {\n      return 'Cite as...'\n    } else if (entityDoiAssociation && !projectDoiAssociation) {\n      return 'Cite page'\n    } else if (!entityDoiAssociation && projectDoiAssociation) {\n      return 'Cite project'\n    }\n    return ''\n  }\n\n  const buttonText = getButtonText()\n\n  const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    if (entityDoiAssociation && !projectDoiAssociation) {\n      setSelectedDoi(entityDoiAssociation.doiUri)\n      setCitationAnchorEl(event.currentTarget)\n    } else if (!entityDoiAssociation && projectDoiAssociation) {\n      setSelectedDoi(projectDoiAssociation.doiUri)\n      setCitationAnchorEl(event.currentTarget)\n    } else {\n      // If both project and entity doi exist, show dropdown\n      setAnchorEl(event.currentTarget)\n    }\n  }\n\n  const popover = (\n    <CitationPopoverContent\n      doi={selectedDoi}\n      anchorEl={citationAnchorEl}\n      open={!!citationAnchorEl && !!selectedDoi}\n      id={id}\n      onClose={() => {\n        setCitationAnchorEl(null)\n        setSelectedDoi(undefined)\n      }}\n    />\n  )\n\n  const options: string[] = ['Cite this Project', 'Cite only this page']\n\n  if (!projectDoiAssociation && !entityDoiAssociation) {\n    return null\n  }\n\n  if (isEntityLoading || isProjectLoading) {\n    return (\n      <Skeleton\n        sx={{\n          width: { xs: '100%', sm: '140px' },\n          height: '45px',\n        }}\n      />\n    )\n  }\n\n  return (\n    <>\n      {isProjectAndEntityDoi ? (\n        <DropdownSelect\n          disabled={isEntityLoading && isProjectLoading}\n          options={options}\n          anchorRef={citationButtonRef}\n          sx={{\n            height: '28px',\n            width: { xs: '100%', sm: 'initial' },\n            '& .MuiButtonGroup-firstButton': {\n              borderTopLeftRadius: '6px',\n              borderBottomLeftRadius: '6px',\n              padding: CITATION_BUTTON_PADDING,\n            },\n            '& .MuiButtonGroup-lastButton': {\n              borderTopRightRadius: '6px',\n              borderBottomRightRadius: '6px',\n              '& svg': {\n                fontSize: '16px',\n              },\n            },\n            '& .MuiButton-root': {\n              fontWeight: 540,\n            },\n          }}\n          buttonText=\"Cite as...\"\n          variant=\"outlined\"\n          buttonGroupAriaLabel=\"Citation options\"\n          selectedIndex={selectedIndex}\n          setSelectedIndex={(index: number) => {\n            setSelectedIndex(index)\n            const selected =\n              index === 0\n                ? projectDoiAssociation?.doiUri\n                : entityDoiAssociation?.doiUri\n            if (selected) {\n              setSelectedDoi(selected)\n              setCitationAnchorEl(citationButtonRef.current)\n            }\n          }}\n        />\n      ) : (\n        <Button\n          onClick={handleButtonClick}\n          disabled={isEntityLoading && isProjectLoading}\n          sx={{\n            width: { xs: '100%', sm: 'initial' },\n            borderRadius: '6px',\n            fontWeight: 540,\n            padding: CITATION_BUTTON_PADDING,\n            height: '28px',\n          }}\n          variant=\"outlined\"\n          startIcon={<DoubleQuotes width={16} height={16} />}\n        >\n          {buttonText}\n        </Button>\n      )}\n      {popover}\n    </>\n  )\n}\n\nexport default EntityCitation\n"],"mappings":";;;;;;;;;;;;AAWA,IAAM,IAA0B,OAQ1B,KAAkB,EACtB,cACA,aACA,uBAC0C;CAC1C,IAAM,EAAE,MAAM,GAAQ,WAAW,MAAoB,EACnD,GACA,CACF,GACM,CAAC,GAAU,KAAe,EAAmC,IAAI,GACjE,CAAC,GAAa,KAAkB,EAA6B,KAAA,CAAS,GACtE,CAAC,GAAkB,KAAuB,EAC9C,IACF,GACM,CAAC,GAAe,KAAoB,EACxC,KAAA,CACF,GACM,IAAoB,EAAuB,IAAI,GAG/C,IADe,IACH,oBAAoB,KAAA,GAEhC,IAAuB,EAC3B,GACA,GACA,GACA,CACF,GAIM,EAAE,MAAM,GAAuB,WAAW,MAC9C,EACE;EACE,IAAI;EACJ,SAAS,KAAA;EACT,MAAM,EAAc;CACtB,GACA,EACE,SAAS,CAAC,CAAC,EACb,CACF,GAGI,IAAwB,KAAyB;CAEvD,SAAS,IAAgB;EAQvB,OAPI,IACK,eACE,KAAwB,CAAC,IAC3B,cACE,CAAC,KAAwB,IAC3B,iBAEF;CACT;CAEA,IAAM,IAAa,EAAc;CA6CjC,OAfI,CAAC,KAAyB,CAAC,IACtB,OAGL,KAAmB,IAEnB,kBAAC,GAAD,EACE,IAAI;EACF,OAAO;GAAE,IAAI;GAAQ,IAAI;EAAQ;EACjC,QAAQ;CACV,EACD,CAAA,IAKH,kBAAA,GAAA,EAAA,UAAA,CACG,IACC,kBAAC,GAAD;EACE,UAAU,KAAmB;EACpB,UAtBU,qBAAqB,qBAsB/B;EACT,WAAW;EACX,IAAI;GACF,QAAQ;GACR,OAAO;IAAE,IAAI;IAAQ,IAAI;GAAU;GACnC,iCAAiC;IAC/B,qBAAqB;IACrB,wBAAwB;IACxB,SAAS;GACX;GACA,gCAAgC;IAC9B,sBAAsB;IACtB,yBAAyB;IACzB,SAAS,EACP,UAAU,OACZ;GACF;GACA,qBAAqB,EACnB,YAAY,IACd;EACF;EACA,YAAW;EACX,SAAQ;EACR,sBAAqB;EACN;EACf,mBAAmB,MAAkB;GACnC,EAAiB,CAAK;GACtB,IAAM,IACJ,MAAU,IACN,GAAuB,SACvB,GAAsB;GAC5B,AAAI,MACF,EAAe,CAAQ,GACvB,EAAoB,EAAkB,OAAO;EAEjD;CACD,CAAA,IAED,kBAAC,GAAD;EACE,UAvFmB,MAA+C;GACxE,AAAI,KAAwB,CAAC,KAC3B,EAAe,EAAqB,MAAM,GAC1C,EAAoB,EAAM,aAAa,KAC9B,CAAC,KAAwB,KAClC,EAAe,EAAsB,MAAM,GAC3C,EAAoB,EAAM,aAAa,KAGvC,EAAY,EAAM,aAAa;EAEnC;EA6EQ,UAAU,KAAmB;EAC7B,IAAI;GACF,OAAO;IAAE,IAAI;IAAQ,IAAI;GAAU;GACnC,cAAc;GACd,YAAY;GACZ,SAAS;GACT,QAAQ;EACV;EACA,SAAQ;EACR,WAAW,kBAAC,GAAD;GAAc,OAAO;GAAI,QAAQ;EAAK,CAAA;YAEhD;CACK,CAAA,GAET,gBAxFH,EAAC,GAAD;EACE,KAAK;EACL,UAAU;EACV,MAAM,CAAC,CAAC,KAAoB,CAAC,CAAC;EAC1B;EACJ,eAAe;GAEb,AADA,EAAoB,IAAI,GACxB,EAAe,KAAA,CAAS;EAC1B;CACD,CA+EE,CACD,EAAA,CAAA;AAEN"}

package/dist/components/HasAccess/AccessIcon.d.ts

@@ -9,7 +9,9 @@ export declare enum RestrictionUiType {
     AccessBlockedByRestrictionWithRejectedRDCADAPRequest = "AccessBlockedByRestrictionWithRejectedRDCADAPRequest",
     AccessBlockedByACL = "AccessBlockedByACL",
     AccessBlockedToAnonymous = "AccessBlockedToAnonymous",
-    AccessibleExternalFileHandle = "AccessibleExternalFileHandle"
+    AccessibleExternalFileHandle = "AccessibleExternalFileHandle",
+    AccessibleOnRDCADAP = "AccessibleOnRDCADAP",
+    AccessBlockedByRDCADAPAccountNotLinked = "AccessBlockedByRDCADAPAccountNotLinked"
 }
 declare function AccessIcon(props: {
     restrictionUiType: RestrictionUiType;

package/dist/components/HasAccess/AccessIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccessIcon.d.ts","sourceRoot":"","sources":["../../../src/components/HasAccess/AccessIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAY,MAAM,eAAe,CAAA;AAGxD,oBAAY,iBAAiB;IAC3B,UAAU,eAAe;IACzB,mBAAmB,wBAAwB;IAC3C,0BAA0B,+BAA+B;IACzD,4CAA4C,iDAAiD;IAC7F,oDAAoD,yDAAyD;IAC7G,mDAAmD,wDAAwD;IAC3G,oDAAoD,yDAAyD;IAC7G,kBAAkB,uBAAuB;IACzC,wBAAwB,6BAA6B;IACrD,4BAA4B,iCAAiC;CAC9D;AA2DD,iBAAS,UAAU,CAAC,KAAK,EAAE;IACzB,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;CACpB,2CAqBA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"AccessIcon.d.ts","sourceRoot":"","sources":["../../../src/components/HasAccess/AccessIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAY,MAAM,eAAe,CAAA;AAGxD,oBAAY,iBAAiB;IAC3B,UAAU,eAAe;IACzB,mBAAmB,wBAAwB;IAC3C,0BAA0B,+BAA+B;IACzD,4CAA4C,iDAAiD;IAC7F,oDAAoD,yDAAyD;IAC7G,mDAAmD,wDAAwD;IAC3G,oDAAoD,yDAAyD;IAC7G,kBAAkB,uBAAuB;IACzC,wBAAwB,6BAA6B;IACrD,4BAA4B,iCAAiC;IAC7D,mBAAmB,wBAAwB;IAC3C,sCAAsC,2CAA2C;CAClF;AAqED,iBAAS,UAAU,CAAC,KAAK,EAAE;IACzB,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;CACpB,2CAqBA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/HasAccess/AccessIcon.js

@@ -3,7 +3,7 @@ import { useTheme as t } from "@mui/material";
 import { Fragment as n, jsx as r } from "react/jsx-runtime";
 //#region src/components/HasAccess/AccessIcon.tsx
 var i = /* @__PURE__ */ function(e) {
-	return e.Accessible = "Accessible", e.AccessibleWithTerms = "AccessibleWithTerms", e.AccessBlockedByRestriction = "AccessBlockedByRestriction", e.AccessBlockedByRestrictionWithPendingRequest = "AccessBlockedByRestrictionWithPendingRequest", e.AccessBlockedByRestrictionWithPendingExternalRequest = "AccessBlockedByRestrictionWithPendingExternalRequest", e.AccessBlockedByRestrictionWithPendingRDCADAPRequest = "AccessBlockedByRestrictionWithPendingRDCADAPRequest", e.AccessBlockedByRestrictionWithRejectedRDCADAPRequest = "AccessBlockedByRestrictionWithRejectedRDCADAPRequest", e.AccessBlockedByACL = "AccessBlockedByACL", e.AccessBlockedToAnonymous = "AccessBlockedToAnonymous", e.AccessibleExternalFileHandle = "AccessibleExternalFileHandle", e;
+	return e.Accessible = "Accessible", e.AccessibleWithTerms = "AccessibleWithTerms", e.AccessBlockedByRestriction = "AccessBlockedByRestriction", e.AccessBlockedByRestrictionWithPendingRequest = "AccessBlockedByRestrictionWithPendingRequest", e.AccessBlockedByRestrictionWithPendingExternalRequest = "AccessBlockedByRestrictionWithPendingExternalRequest", e.AccessBlockedByRestrictionWithPendingRDCADAPRequest = "AccessBlockedByRestrictionWithPendingRDCADAPRequest", e.AccessBlockedByRestrictionWithRejectedRDCADAPRequest = "AccessBlockedByRestrictionWithRejectedRDCADAPRequest", e.AccessBlockedByACL = "AccessBlockedByACL", e.AccessBlockedToAnonymous = "AccessBlockedToAnonymous", e.AccessibleExternalFileHandle = "AccessibleExternalFileHandle", e.AccessibleOnRDCADAP = "AccessibleOnRDCADAP", e.AccessBlockedByRDCADAPAccountNotLinked = "AccessBlockedByRDCADAPAccountNotLinked", e;
 }({}), a = {
 	AccessBlockedToAnonymous: {
 		icon: "accessClosed",
@@ -35,6 +35,11 @@ var i = /* @__PURE__ */ function(e) {
 		color: (e) => e.palette.warning.main,
 		tooltipText: "Your access request has been denied by RDCA-DAP."
 	},
+	AccessBlockedByRDCADAPAccountNotLinked: {
+		icon: "linkOff",
+		color: (e) => e.palette.warning.main,
+		tooltipText: "Link your RDCA-DAP account to request access to this item."
+	},
 	AccessBlockedByACL: {
 		icon: "accessClosed",
 		color: (e) => e.palette.warning.main,
@@ -50,6 +55,11 @@ var i = /* @__PURE__ */ function(e) {
 		color: (e) => e.palette.success.main,
 		tooltipText: "You have access to this item."
 	},
+	AccessibleOnRDCADAP: {
+		icon: "accessOpen",
+		color: (e) => e.palette.success.main,
+		tooltipText: "You have access to this item on RDCA-DAP."
+	},
 	AccessibleExternalFileHandle: {
 		icon: "linkOff",
 		color: (e) => e.palette.grey[700],

package/dist/components/HasAccess/AccessIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessIcon.js","names":[],"sources":["../../../src/components/HasAccess/AccessIcon.tsx"],"sourcesContent":["import { SxProps, Theme, useTheme } from '@mui/material'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\n\nexport enum RestrictionUiType {\n  Accessible = 'Accessible',\n  AccessibleWithTerms = 'AccessibleWithTerms',\n  AccessBlockedByRestriction = 'AccessBlockedByRestriction',\n  AccessBlockedByRestrictionWithPendingRequest = 'AccessBlockedByRestrictionWithPendingRequest',\n  AccessBlockedByRestrictionWithPendingExternalRequest = 'AccessBlockedByRestrictionWithPendingExternalRequest',\n  AccessBlockedByRestrictionWithPendingRDCADAPRequest = 'AccessBlockedByRestrictionWithPendingRDCADAPRequest',\n  AccessBlockedByRestrictionWithRejectedRDCADAPRequest = 'AccessBlockedByRestrictionWithRejectedRDCADAPRequest',\n  AccessBlockedByACL = 'AccessBlockedByACL',\n  AccessBlockedToAnonymous = 'AccessBlockedToAnonymous',\n  AccessibleExternalFileHandle = 'AccessibleExternalFileHandle',\n}\n\nconst iconConfiguration: Record<\n  RestrictionUiType,\n  { icon: IconName; color: (theme: Theme) => string; tooltipText: string }\n> = {\n  [RestrictionUiType.AccessBlockedToAnonymous]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'You must sign in to access this item.',\n  },\n  [RestrictionUiType.AccessBlockedByRestriction]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'You must request access to this restricted item.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithPendingRequest]: {\n    icon: 'accessPending',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'Your access request is pending approval.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithPendingExternalRequest]: {\n    icon: 'accessPendingCloud',\n    color: theme => theme.palette.warning.main,\n    tooltipText:\n      'Your access request is pending approval from an external system.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithPendingRDCADAPRequest]: {\n    icon: 'accessPendingCloud',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'Your access request is pending approval by RDCA-DAP.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithRejectedRDCADAPRequest]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'Your access request has been denied by RDCA-DAP.',\n  },\n  [RestrictionUiType.AccessBlockedByACL]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'You do not have download access for this item.',\n  },\n  [RestrictionUiType.AccessibleWithTerms]: {\n    icon: 'accessOpen',\n    color: theme => theme.palette.success.main,\n    tooltipText: 'View Terms',\n  },\n  [RestrictionUiType.Accessible]: {\n    icon: 'accessOpen',\n    color: theme => theme.palette.success.main,\n    tooltipText: 'You have access to this item.',\n  },\n  [RestrictionUiType.AccessibleExternalFileHandle]: {\n    icon: 'linkOff',\n    color: theme => theme.palette.grey[700],\n    tooltipText: 'Access may be controlled by an external system.',\n  },\n}\n\nfunction AccessIcon(props: {\n  restrictionUiType: RestrictionUiType\n  wrap?: boolean\n  sx?: SxProps<Theme>\n}) {\n  const { restrictionUiType, wrap = true, sx } = props\n  const theme = useTheme()\n  if (restrictionUiType) {\n    const configuration = iconConfiguration[restrictionUiType]\n    return (\n      <IconSvg\n        icon={configuration.icon}\n        label={configuration.tooltipText}\n        wrap={wrap}\n        sx={{\n          color: configuration.color(theme),\n          height: '16px',\n          verticalAlign: 'text-top',\n          ...sx,\n        }}\n      />\n    )\n  }\n  // nothing is rendered until downloadType is determined\n  return <></>\n}\n\nexport default AccessIcon\n"],"mappings":";;;;AAGA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,aAAA,cACA,EAAA,sBAAA,uBACA,EAAA,6BAAA,8BACA,EAAA,+CAAA,gDACA,EAAA,uDAAA,wDACA,EAAA,sDAAA,uDACA,EAAA,uDAAA,wDACA,EAAA,qBAAA,sBACA,EAAA,2BAAA,4BACA,EAAA,+BAAA;AACF,EAAA,CAAA,CAAA,GAEM,IAGF;2BAC4C;EAC5C,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;6BACgD;EAC9C,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;+CACkE;EAChE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;uDAC0E;EACxE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aACE;CACJ;sDACyE;EACvE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;uDAC0E;EACxE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;qBACwC;EACtC,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;sBACyC;EACvC,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;aACgC;EAC9B,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;+BACkD;EAChD,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,KAAK;EACnC,aAAa;CACf;AACF;AAEA,SAAS,EAAW,GAIjB;CACD,IAAM,EAAE,sBAAmB,UAAO,IAAM,UAAO,GACzC,IAAQ,EAAS;CACvB,IAAI,GAAmB;EACrB,IAAM,IAAgB,EAAkB;EACxC,OACE,kBAAC,GAAD;GACE,MAAM,EAAc;GACpB,OAAO,EAAc;GACf;GACN,IAAI;IACF,OAAO,EAAc,MAAM,CAAK;IAChC,QAAQ;IACR,eAAe;IACf,GAAG;GACL;EACD,CAAA;CAEL;CAEA,OAAO,kBAAA,GAAA,CAAI,CAAA;AACb"}
+{"version":3,"file":"AccessIcon.js","names":[],"sources":["../../../src/components/HasAccess/AccessIcon.tsx"],"sourcesContent":["import { SxProps, Theme, useTheme } from '@mui/material'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\n\nexport enum RestrictionUiType {\n  Accessible = 'Accessible',\n  AccessibleWithTerms = 'AccessibleWithTerms',\n  AccessBlockedByRestriction = 'AccessBlockedByRestriction',\n  AccessBlockedByRestrictionWithPendingRequest = 'AccessBlockedByRestrictionWithPendingRequest',\n  AccessBlockedByRestrictionWithPendingExternalRequest = 'AccessBlockedByRestrictionWithPendingExternalRequest',\n  AccessBlockedByRestrictionWithPendingRDCADAPRequest = 'AccessBlockedByRestrictionWithPendingRDCADAPRequest',\n  AccessBlockedByRestrictionWithRejectedRDCADAPRequest = 'AccessBlockedByRestrictionWithRejectedRDCADAPRequest',\n  AccessBlockedByACL = 'AccessBlockedByACL',\n  AccessBlockedToAnonymous = 'AccessBlockedToAnonymous',\n  AccessibleExternalFileHandle = 'AccessibleExternalFileHandle',\n  AccessibleOnRDCADAP = 'AccessibleOnRDCADAP',\n  AccessBlockedByRDCADAPAccountNotLinked = 'AccessBlockedByRDCADAPAccountNotLinked',\n}\n\nconst iconConfiguration: Record<\n  RestrictionUiType,\n  { icon: IconName; color: (theme: Theme) => string; tooltipText: string }\n> = {\n  [RestrictionUiType.AccessBlockedToAnonymous]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'You must sign in to access this item.',\n  },\n  [RestrictionUiType.AccessBlockedByRestriction]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'You must request access to this restricted item.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithPendingRequest]: {\n    icon: 'accessPending',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'Your access request is pending approval.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithPendingExternalRequest]: {\n    icon: 'accessPendingCloud',\n    color: theme => theme.palette.warning.main,\n    tooltipText:\n      'Your access request is pending approval from an external system.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithPendingRDCADAPRequest]: {\n    icon: 'accessPendingCloud',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'Your access request is pending approval by RDCA-DAP.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithRejectedRDCADAPRequest]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'Your access request has been denied by RDCA-DAP.',\n  },\n  [RestrictionUiType.AccessBlockedByRDCADAPAccountNotLinked]: {\n    icon: 'linkOff',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'Link your RDCA-DAP account to request access to this item.',\n  },\n  [RestrictionUiType.AccessBlockedByACL]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'You do not have download access for this item.',\n  },\n  [RestrictionUiType.AccessibleWithTerms]: {\n    icon: 'accessOpen',\n    color: theme => theme.palette.success.main,\n    tooltipText: 'View Terms',\n  },\n  [RestrictionUiType.Accessible]: {\n    icon: 'accessOpen',\n    color: theme => theme.palette.success.main,\n    tooltipText: 'You have access to this item.',\n  },\n  [RestrictionUiType.AccessibleOnRDCADAP]: {\n    icon: 'accessOpen',\n    color: theme => theme.palette.success.main,\n    tooltipText: 'You have access to this item on RDCA-DAP.',\n  },\n  [RestrictionUiType.AccessibleExternalFileHandle]: {\n    icon: 'linkOff',\n    color: theme => theme.palette.grey[700],\n    tooltipText: 'Access may be controlled by an external system.',\n  },\n}\n\nfunction AccessIcon(props: {\n  restrictionUiType: RestrictionUiType\n  wrap?: boolean\n  sx?: SxProps<Theme>\n}) {\n  const { restrictionUiType, wrap = true, sx } = props\n  const theme = useTheme()\n  if (restrictionUiType) {\n    const configuration = iconConfiguration[restrictionUiType]\n    return (\n      <IconSvg\n        icon={configuration.icon}\n        label={configuration.tooltipText}\n        wrap={wrap}\n        sx={{\n          color: configuration.color(theme),\n          height: '16px',\n          verticalAlign: 'text-top',\n          ...sx,\n        }}\n      />\n    )\n  }\n  // nothing is rendered until downloadType is determined\n  return <></>\n}\n\nexport default AccessIcon\n"],"mappings":";;;;AAGA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,aAAA,cACA,EAAA,sBAAA,uBACA,EAAA,6BAAA,8BACA,EAAA,+CAAA,gDACA,EAAA,uDAAA,wDACA,EAAA,sDAAA,uDACA,EAAA,uDAAA,wDACA,EAAA,qBAAA,sBACA,EAAA,2BAAA,4BACA,EAAA,+BAAA,gCACA,EAAA,sBAAA,uBACA,EAAA,yCAAA;AACF,EAAA,CAAA,CAAA,GAEM,IAGF;2BAC4C;EAC5C,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;6BACgD;EAC9C,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;+CACkE;EAChE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;uDAC0E;EACxE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aACE;CACJ;sDACyE;EACvE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;uDAC0E;EACxE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;yCAC4D;EAC1D,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;qBACwC;EACtC,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;sBACyC;EACvC,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;aACgC;EAC9B,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;sBACyC;EACvC,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;+BACkD;EAChD,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,KAAK;EACnC,aAAa;CACf;AACF;AAEA,SAAS,EAAW,GAIjB;CACD,IAAM,EAAE,sBAAmB,UAAO,IAAM,UAAO,GACzC,IAAQ,EAAS;CACvB,IAAI,GAAmB;EACrB,IAAM,IAAgB,EAAkB;EACxC,OACE,kBAAC,GAAD;GACE,MAAM,EAAc;GACpB,OAAO,EAAc;GACf;GACN,IAAI;IACF,OAAO,EAAc,MAAM,CAAK;IAChC,QAAQ;IACR,eAAe;IACf,GAAG;GACL;EACD,CAAA;CAEL;CAEA,OAAO,kBAAA,GAAA,CAAI,CAAA;AACb"}

package/dist/components/PortalHomePageHeader/PortalHomePageHeader.d.ts

@@ -8,7 +8,8 @@ export type PortalHomePageHeaderProps = {
     backgroundMp4?: string;
     backgroundMp4Css?: string;
     textAreaWidth?: string;
+    children?: React.ReactNode;
 };
-declare const PortalHomePageHeader: ({ backgroundCss, buttonLink, title, subTitle, description, backgroundMp4, backgroundMp4Css, textAreaWidth, }: PortalHomePageHeaderProps) => React.ReactNode;
+declare const PortalHomePageHeader: ({ backgroundCss, buttonLink, title, subTitle, description, backgroundMp4, backgroundMp4Css, textAreaWidth, children, }: PortalHomePageHeaderProps) => React.ReactNode;
 export default PortalHomePageHeader;
 //# sourceMappingURL=PortalHomePageHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PortalHomePageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PortalHomePageHeader/PortalHomePageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,yBAAyB,GAAG;IACtC,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,QAAA,MAAM,oBAAoB,GAAI,8GAS3B,yBAAyB,KAAG,KAAK,CAAC,SAiGpC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"PortalHomePageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PortalHomePageHeader/PortalHomePageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,yBAAyB,GAAG;IACtC,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,oBAAoB,GAAI,wHAU3B,yBAAyB,KAAG,KAAK,CAAC,SA4HpC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/dist/components/PortalHomePageHeader/PortalHomePageHeader.js

@@ -2,7 +2,7 @@ import "react";
 import { Box as e, Button as t, Stack as n, Typography as r } from "@mui/material";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/PortalHomePageHeader/PortalHomePageHeader.tsx
-var o = ({ backgroundCss: o, buttonLink: s, title: c, subTitle: l, description: u, backgroundMp4: d, backgroundMp4Css: f, textAreaWidth: p = "746px" }) => /* @__PURE__ */ a(e, {
+var o = ({ backgroundCss: o, buttonLink: s, title: c, subTitle: l, description: u, backgroundMp4: d, backgroundMp4Css: f, textAreaWidth: p = "746px", children: m }) => /* @__PURE__ */ a(e, {
 	"data-testid": "HeaderContainer",
 	sx: {
 		background: o,
@@ -33,67 +33,95 @@ var o = ({ backgroundCss: o, buttonLink: s, title: c, subTitle: l, description:
 			type: "video/mp4"
 		}), "Your browser does not support the video tag."]
 	}), /* @__PURE__ */ a(n, {
+		direction: {
+			xs: "column",
+			lg: "row"
+		},
 		sx: {
-			alignItems: "flex-start",
+			alignItems: {
+				xs: "flex-start",
+				lg: m ? "center" : "flex-start"
+			},
+			justifyContent: "space-between",
 			padding: {
 				xs: "40px",
 				md: "40px 0"
 			},
-			gap: "24px",
-			width: {
-				sm: "100%",
-				md: p
+			gap: {
+				xs: "40px",
+				lg: "80px"
 			}
 		},
-		children: [
-			/* @__PURE__ */ i(r, {
-				variant: "headline2",
-				sx: {
-					fontWeight: 300,
-					lineHeight: "130%",
-					fontSize: {
-						xs: "36px",
-						md: "42px"
-					},
-					color: "grey.1000"
+		children: [/* @__PURE__ */ a(n, {
+			sx: {
+				alignItems: "flex-start",
+				gap: "24px",
+				minWidth: 0,
+				flex: m ? { lg: "1 1 0" } : void 0,
+				width: m ? "100%" : {
+					sm: "100%",
+					md: p
 				},
-				children: c
-			}),
-			l && /* @__PURE__ */ i(r, {
-				variant: "headline3",
-				sx: {
-					fontSize: "24px",
-					fontWeight: "400",
-					lineHeight: "160%",
-					color: "grey.1000"
-				},
-				children: l
-			}),
-			/* @__PURE__ */ i(r, {
-				sx: {
-					fontSize: "18px",
-					lineHeight: "140%",
-					color: "grey.900"
-				},
-				children: u
-			}),
-			s && /* @__PURE__ */ i(t, {
-				href: s,
-				target: "_blank",
-				variant: "contained",
-				role: "button",
-				sx: (e) => ({
-					whiteSpace: "nowrap",
-					alignSelf: "flex-start",
-					padding: "6px 24px",
-					fontWeight: 600,
-					boxShadow: "0px 16px 16px 0px rgba(0, 0, 0, 0.10), 0px 4px 4px 0px rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.10)",
-					"&:hover": { boxShadow: "0px 16px 16px 0px rgba(0, 0, 0, 0.10), 0px 4px 4px 0px rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.10)" },
-					[e.breakpoints.down("sm")]: { width: "100%" }
+				maxWidth: m ? { md: p } : void 0
+			},
+			children: [
+				/* @__PURE__ */ i(r, {
+					variant: "headline2",
+					sx: {
+						fontWeight: 300,
+						lineHeight: "130%",
+						fontSize: {
+							xs: "36px",
+							md: "42px"
+						},
+						color: "grey.1000"
+					},
+					children: c
+				}),
+				l && /* @__PURE__ */ i(r, {
+					variant: "headline3",
+					sx: {
+						fontSize: "24px",
+						fontWeight: "400",
+						lineHeight: "160%",
+						color: "grey.1000"
+					},
+					children: l
 				}),
-				children: "Learn more"
-			})
-		]
+				/* @__PURE__ */ i(r, {
+					sx: {
+						fontSize: "18px",
+						lineHeight: "140%",
+						color: "grey.900"
+					},
+					children: u
+				}),
+				s && /* @__PURE__ */ i(t, {
+					href: s,
+					target: "_blank",
+					variant: "contained",
+					role: "button",
+					sx: (e) => ({
+						whiteSpace: "nowrap",
+						alignSelf: "flex-start",
+						padding: "6px 24px",
+						fontWeight: 600,
+						boxShadow: "0px 16px 16px 0px rgba(0, 0, 0, 0.10), 0px 4px 4px 0px rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.10)",
+						"&:hover": { boxShadow: "0px 16px 16px 0px rgba(0, 0, 0, 0.10), 0px 4px 4px 0px rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.10)" },
+						[e.breakpoints.down("sm")]: { width: "100%" }
+					}),
+					children: "Learn more"
+				})
+			]
+		}), m && /* @__PURE__ */ i(e, {
+			sx: {
+				flex: { lg: "1 1 0" },
+				minWidth: 0,
+				width: "100%",
+				maxWidth: { lg: "600px" }
+			},
+			children: m
+		})]
 	})]
 });
 //#endregion

package/dist/components/PortalHomePageHeader/PortalHomePageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalHomePageHeader.js","names":[],"sources":["../../../src/components/PortalHomePageHeader/PortalHomePageHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Stack, Typography, Button } from '@mui/material'\n\nexport type PortalHomePageHeaderProps = {\n  backgroundCss: string // background of entire header\n  buttonLink?: string\n  title: React.ReactNode\n  subTitle?: React.ReactNode\n  description: React.ReactNode\n  backgroundMp4?: string\n  backgroundMp4Css?: string // while video is loading, what should the background color be?\n  textAreaWidth?: string // default is 746px.  used for md and up screen sizes\n}\n\nconst PortalHomePageHeader = ({\n  backgroundCss,\n  buttonLink,\n  title,\n  subTitle,\n  description,\n  backgroundMp4,\n  backgroundMp4Css,\n  textAreaWidth = '746px',\n}: PortalHomePageHeaderProps): React.ReactNode => {\n  return (\n    <Box\n      data-testid=\"HeaderContainer\"\n      sx={{\n        background: backgroundCss,\n        padding: { xs: 0, md: '50px 80px' },\n        position: 'relative',\n      }}\n    >\n      {backgroundMp4 && (\n        <Box\n          component=\"video\"\n          autoPlay\n          loop\n          muted\n          playsInline\n          sx={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            width: '100%',\n            height: '100%',\n            objectFit: 'fill',\n            zIndex: -1,\n            background: backgroundMp4Css,\n          }}\n        >\n          <source src={backgroundMp4} type=\"video/mp4\" />\n          Your browser does not support the video tag.\n        </Box>\n      )}\n      <Stack\n        sx={{\n          alignItems: 'flex-start',\n          padding: { xs: '40px', md: '40px 0' },\n          gap: '24px',\n          width: { sm: '100%', md: textAreaWidth },\n        }}\n      >\n        <Typography\n          variant=\"headline2\"\n          sx={{\n            fontWeight: 300,\n            lineHeight: '130%',\n            fontSize: { xs: '36px', md: '42px' },\n            color: 'grey.1000',\n          }}\n        >\n          {title}\n        </Typography>\n        {subTitle && (\n          <Typography\n            variant=\"headline3\"\n            sx={{\n              fontSize: '24px',\n              fontWeight: '400',\n              lineHeight: '160%',\n              color: 'grey.1000',\n            }}\n          >\n            {subTitle}\n          </Typography>\n        )}\n        <Typography\n          sx={{ fontSize: '18px', lineHeight: '140%', color: 'grey.900' }}\n        >\n          {description}\n        </Typography>\n        {buttonLink && (\n          <Button\n            href={buttonLink}\n            target=\"_blank\"\n            variant=\"contained\"\n            role=\"button\"\n            sx={theme => ({\n              whiteSpace: 'nowrap',\n              alignSelf: 'flex-start',\n              padding: '6px 24px',\n              fontWeight: 600,\n              boxShadow:\n                '0px 16px 16px 0px rgba(0, 0, 0, 0.10), 0px 4px 4px 0px rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.10)',\n              '&:hover': {\n                boxShadow:\n                  '0px 16px 16px 0px rgba(0, 0, 0, 0.10), 0px 4px 4px 0px rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.10)',\n              },\n              [theme.breakpoints.down('sm')]: {\n                width: '100%',\n              },\n            })}\n          >\n            Learn more\n          </Button>\n        )}\n      </Stack>\n    </Box>\n  )\n}\n\nexport default PortalHomePageHeader\n"],"mappings":";;;;AAcA,IAAM,KAAwB,EAC5B,kBACA,eACA,UACA,aACA,gBACA,kBACA,qBACA,mBAAgB,cAGd,kBAAC,GAAD;CACE,eAAY;CACZ,IAAI;EACF,YAAY;EACZ,SAAS;GAAE,IAAI;GAAG,IAAI;EAAY;EAClC,UAAU;CACZ;WANF,CAQG,KACC,kBAAC,GAAD;EACE,WAAU;EACV,UAAA;EACA,MAAA;EACA,OAAA;EACA,aAAA;EACA,IAAI;GACF,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,WAAW;GACX,QAAQ;GACR,YAAY;EACd;YAfF,CAiBE,kBAAC,UAAD;GAAQ,KAAK;GAAe,MAAK;EAAa,CAAA,GAAC,8CAE5C;KAEP,kBAAC,GAAD;EACE,IAAI;GACF,YAAY;GACZ,SAAS;IAAE,IAAI;IAAQ,IAAI;GAAS;GACpC,KAAK;GACL,OAAO;IAAE,IAAI;IAAQ,IAAI;GAAc;EACzC;YANF;GAQE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KACF,YAAY;KACZ,YAAY;KACZ,UAAU;MAAE,IAAI;MAAQ,IAAI;KAAO;KACnC,OAAO;IACT;cAEC;GACS,CAAA;GACX,KACC,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KACF,UAAU;KACV,YAAY;KACZ,YAAY;KACZ,OAAO;IACT;cAEC;GACS,CAAA;GAEd,kBAAC,GAAD;IACE,IAAI;KAAE,UAAU;KAAQ,YAAY;KAAQ,OAAO;IAAW;cAE7D;GACS,CAAA;GACX,KACC,kBAAC,GAAD;IACE,MAAM;IACN,QAAO;IACP,SAAQ;IACR,MAAK;IACL,KAAI,OAAU;KACZ,YAAY;KACZ,WAAW;KACX,SAAS;KACT,YAAY;KACZ,WACE;KACF,WAAW,EACT,WACE,kHACJ;MACC,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,OAAO,OACT;IACF;cACD;GAEO,CAAA;EAEL;GACJ"}
+{"version":3,"file":"PortalHomePageHeader.js","names":[],"sources":["../../../src/components/PortalHomePageHeader/PortalHomePageHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Stack, Typography, Button } from '@mui/material'\n\nexport type PortalHomePageHeaderProps = {\n  backgroundCss: string // background of entire header\n  buttonLink?: string\n  title: React.ReactNode\n  subTitle?: React.ReactNode\n  description: React.ReactNode\n  backgroundMp4?: string\n  backgroundMp4Css?: string // while video is loading, what should the background color be?\n  textAreaWidth?: string // default is 746px.  used for md and up screen sizes\n  children?: React.ReactNode // rendered at the bottom of the header text area, e.g. a search box\n}\n\nconst PortalHomePageHeader = ({\n  backgroundCss,\n  buttonLink,\n  title,\n  subTitle,\n  description,\n  backgroundMp4,\n  backgroundMp4Css,\n  textAreaWidth = '746px',\n  children,\n}: PortalHomePageHeaderProps): React.ReactNode => {\n  return (\n    <Box\n      data-testid=\"HeaderContainer\"\n      sx={{\n        background: backgroundCss,\n        padding: { xs: 0, md: '50px 80px' },\n        position: 'relative',\n      }}\n    >\n      {backgroundMp4 && (\n        <Box\n          component=\"video\"\n          autoPlay\n          loop\n          muted\n          playsInline\n          sx={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            width: '100%',\n            height: '100%',\n            objectFit: 'fill',\n            zIndex: -1,\n            background: backgroundMp4Css,\n          }}\n        >\n          <source src={backgroundMp4} type=\"video/mp4\" />\n          Your browser does not support the video tag.\n        </Box>\n      )}\n      <Stack\n        direction={{ xs: 'column', lg: 'row' }}\n        sx={{\n          alignItems: {\n            xs: 'flex-start',\n            lg: children ? 'center' : 'flex-start',\n          },\n          justifyContent: 'space-between',\n          padding: { xs: '40px', md: '40px 0' },\n          gap: { xs: '40px', lg: '80px' },\n        }}\n      >\n        <Stack\n          sx={{\n            alignItems: 'flex-start',\n            gap: '24px',\n            minWidth: 0,\n            flex: children ? { lg: '1 1 0' } : undefined,\n            width: children ? '100%' : { sm: '100%', md: textAreaWidth },\n            maxWidth: children ? { md: textAreaWidth } : undefined,\n          }}\n        >\n          <Typography\n            variant=\"headline2\"\n            sx={{\n              fontWeight: 300,\n              lineHeight: '130%',\n              fontSize: { xs: '36px', md: '42px' },\n              color: 'grey.1000',\n            }}\n          >\n            {title}\n          </Typography>\n          {subTitle && (\n            <Typography\n              variant=\"headline3\"\n              sx={{\n                fontSize: '24px',\n                fontWeight: '400',\n                lineHeight: '160%',\n                color: 'grey.1000',\n              }}\n            >\n              {subTitle}\n            </Typography>\n          )}\n          <Typography\n            sx={{ fontSize: '18px', lineHeight: '140%', color: 'grey.900' }}\n          >\n            {description}\n          </Typography>\n          {buttonLink && (\n            <Button\n              href={buttonLink}\n              target=\"_blank\"\n              variant=\"contained\"\n              role=\"button\"\n              sx={theme => ({\n                whiteSpace: 'nowrap',\n                alignSelf: 'flex-start',\n                padding: '6px 24px',\n                fontWeight: 600,\n                boxShadow:\n                  '0px 16px 16px 0px rgba(0, 0, 0, 0.10), 0px 4px 4px 0px rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.10)',\n                '&:hover': {\n                  boxShadow:\n                    '0px 16px 16px 0px rgba(0, 0, 0, 0.10), 0px 4px 4px 0px rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.10)',\n                },\n                [theme.breakpoints.down('sm')]: {\n                  width: '100%',\n                },\n              })}\n            >\n              Learn more\n            </Button>\n          )}\n        </Stack>\n        {children && (\n          <Box\n            sx={{\n              flex: { lg: '1 1 0' },\n              minWidth: 0,\n              width: '100%',\n              maxWidth: { lg: '600px' },\n            }}\n          >\n            {children}\n          </Box>\n        )}\n      </Stack>\n    </Box>\n  )\n}\n\nexport default PortalHomePageHeader\n"],"mappings":";;;;AAeA,IAAM,KAAwB,EAC5B,kBACA,eACA,UACA,aACA,gBACA,kBACA,qBACA,mBAAgB,SAChB,kBAGE,kBAAC,GAAD;CACE,eAAY;CACZ,IAAI;EACF,YAAY;EACZ,SAAS;GAAE,IAAI;GAAG,IAAI;EAAY;EAClC,UAAU;CACZ;WANF,CAQG,KACC,kBAAC,GAAD;EACE,WAAU;EACV,UAAA;EACA,MAAA;EACA,OAAA;EACA,aAAA;EACA,IAAI;GACF,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,WAAW;GACX,QAAQ;GACR,YAAY;EACd;YAfF,CAiBE,kBAAC,UAAD;GAAQ,KAAK;GAAe,MAAK;EAAa,CAAA,GAAC,8CAE5C;KAEP,kBAAC,GAAD;EACE,WAAW;GAAE,IAAI;GAAU,IAAI;EAAM;EACrC,IAAI;GACF,YAAY;IACV,IAAI;IACJ,IAAI,IAAW,WAAW;GAC5B;GACA,gBAAgB;GAChB,SAAS;IAAE,IAAI;IAAQ,IAAI;GAAS;GACpC,KAAK;IAAE,IAAI;IAAQ,IAAI;GAAO;EAChC;YAVF,CAYE,kBAAC,GAAD;GACE,IAAI;IACF,YAAY;IACZ,KAAK;IACL,UAAU;IACV,MAAM,IAAW,EAAE,IAAI,QAAQ,IAAI,KAAA;IACnC,OAAO,IAAW,SAAS;KAAE,IAAI;KAAQ,IAAI;IAAc;IAC3D,UAAU,IAAW,EAAE,IAAI,EAAc,IAAI,KAAA;GAC/C;aARF;IAUE,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,YAAY;MACZ,YAAY;MACZ,UAAU;OAAE,IAAI;OAAQ,IAAI;MAAO;MACnC,OAAO;KACT;eAEC;IACS,CAAA;IACX,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,UAAU;MACV,YAAY;MACZ,YAAY;MACZ,OAAO;KACT;eAEC;IACS,CAAA;IAEd,kBAAC,GAAD;KACE,IAAI;MAAE,UAAU;MAAQ,YAAY;MAAQ,OAAO;KAAW;eAE7D;IACS,CAAA;IACX,KACC,kBAAC,GAAD;KACE,MAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,KAAI,OAAU;MACZ,YAAY;MACZ,WAAW;MACX,SAAS;MACT,YAAY;MACZ,WACE;MACF,WAAW,EACT,WACE,kHACJ;OACC,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,OAAO,OACT;KACF;eACD;IAEO,CAAA;GAEL;MACN,KACC,kBAAC,GAAD;GACE,IAAI;IACF,MAAM,EAAE,IAAI,QAAQ;IACpB,UAAU;IACV,OAAO;IACP,UAAU,EAAE,IAAI,QAAQ;GAC1B;GAEC;EACE,CAAA,CAEF;GACJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectInfo.d.ts","sourceRoot":"","sources":["../../../src/components/ProjectInfo/ProjectInfo.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA8D1D"}
+{"version":3,"file":"ProjectInfo.d.ts","sourceRoot":"","sources":["../../../src/components/ProjectInfo/ProjectInfo.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA+D1D"}

package/dist/components/ProjectInfo/ProjectInfo.js

@@ -7,7 +7,7 @@ import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { DoiObjectType as c } from "@sage-bionetworks/synapse-client";
 import l from "@mui/icons-material/ArticleOutlined";
 //#region src/components/ProjectInfo/ProjectInfo.tsx
-var u = "10px 12px";
+var u = "8px";
 function d(d) {
 	let [f, p] = r(null), { projectId: m } = d, { data: h, isLoading: g } = e({
 		id: m,
@@ -38,7 +38,8 @@ function d(d) {
 			},
 			borderRadius: "6px",
 			fontWeight: 540,
-			padding: u
+			padding: u,
+			height: "28px"
 		},
 		variant: "outlined",
 		children: "Project Info"

package/dist/components/ProjectInfo/ProjectInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectInfo.js","names":[],"sources":["../../../src/components/ProjectInfo/ProjectInfo.tsx"],"sourcesContent":["import { Button } from '@mui/material'\nimport { useState } from 'react'\nimport ProjectInfoPopover from './ProjectInfoPopover'\nimport { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { DoiObjectType } from '@sage-bionetworks/synapse-client'\nimport useGetEntityMetadata from '@/utils/hooks/useGetEntityMetadata'\nimport ArticleOutlinedIcon from '@mui/icons-material/ArticleOutlined'\n\nconst PROJECT_INFO_BUTTON_PADDING = '10px 12px'\n\nexport type ProjectInfoProps = {\n  projectId: string\n}\n\nexport default function ProjectInfo(props: ProjectInfoProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)\n\n  const { projectId } = props\n\n  const {\n    data: projectDoiAssociation,\n    isLoading: projectDoiAssociationIsLoading,\n  } = useGetDOIAssociation({\n    id: projectId,\n    version: undefined,\n    type: DoiObjectType.ENTITY,\n  })\n\n  const { uploadDestinationString, isLoading: entityMetadataIsLoading } =\n    useGetEntityMetadata(projectId)\n\n  const isLoading = projectDoiAssociationIsLoading || entityMetadataIsLoading\n\n  const open = Boolean(anchorEl)\n  const id = open ? 'project-info-popover' : undefined\n\n  const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  const popover = (\n    <ProjectInfoPopover\n      id={id}\n      projectId={projectId}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={handleClose}\n      doi={projectDoiAssociation?.doiUri}\n      projectStorageLocation={uploadDestinationString}\n      isLoading={isLoading}\n    />\n  )\n\n  return (\n    <>\n      <Button\n        aria-describedby={id}\n        onClick={handleButtonClick}\n        startIcon={<ArticleOutlinedIcon />}\n        sx={{\n          width: { xs: '100%', sm: 'initial' },\n          borderRadius: '6px',\n          fontWeight: 540,\n          padding: PROJECT_INFO_BUTTON_PADDING,\n        }}\n        variant=\"outlined\"\n      >\n        Project Info\n      </Button>\n      {popover}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAQA,IAAM,IAA8B;AAMpC,SAAwB,EAAY,GAAyB;CAC3D,IAAM,CAAC,GAAU,KAAe,EAAmC,IAAI,GAEjE,EAAE,iBAAc,GAEhB,EACJ,MAAM,GACN,WAAW,MACT,EAAqB;EACvB,IAAI;EACJ,SAAS,KAAA;EACT,MAAM,EAAc;CACtB,CAAC,GAEK,EAAE,4BAAyB,WAAW,MAC1C,EAAqB,CAAS,GAE1B,IAAY,KAAkC,GAE9C,IAAO,EAAQ,GACf,IAAK,IAAO,yBAAyB,KAAA,GAErC,KAAqB,MAA+C;EACxE,EAAY,EAAM,aAAa;CACjC,GAMM,IACJ,kBAAC,GAAD;EACM;EACO;EACL;EACI;EACV,eAVsB;GACxB,EAAY,IAAI;EAClB;EASI,KAAK,GAAuB;EAC5B,wBAAwB;EACb;CACZ,CAAA;CAGH,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,oBAAkB;EAClB,SAAS;EACT,WAAW,kBAAC,GAAD,CAAsB,CAAA;EACjC,IAAI;GACF,OAAO;IAAE,IAAI;IAAQ,IAAI;GAAU;GACnC,cAAc;GACd,YAAY;GACZ,SAAS;EACX;EACA,SAAQ;YACT;CAEO,CAAA,GACP,CACD,EAAA,CAAA;AAEN"}
+{"version":3,"file":"ProjectInfo.js","names":[],"sources":["../../../src/components/ProjectInfo/ProjectInfo.tsx"],"sourcesContent":["import { Button } from '@mui/material'\nimport { useState } from 'react'\nimport ProjectInfoPopover from './ProjectInfoPopover'\nimport { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { DoiObjectType } from '@sage-bionetworks/synapse-client'\nimport useGetEntityMetadata from '@/utils/hooks/useGetEntityMetadata'\nimport ArticleOutlinedIcon from '@mui/icons-material/ArticleOutlined'\n\nconst PROJECT_INFO_BUTTON_PADDING = '8px'\n\nexport type ProjectInfoProps = {\n  projectId: string\n}\n\nexport default function ProjectInfo(props: ProjectInfoProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)\n\n  const { projectId } = props\n\n  const {\n    data: projectDoiAssociation,\n    isLoading: projectDoiAssociationIsLoading,\n  } = useGetDOIAssociation({\n    id: projectId,\n    version: undefined,\n    type: DoiObjectType.ENTITY,\n  })\n\n  const { uploadDestinationString, isLoading: entityMetadataIsLoading } =\n    useGetEntityMetadata(projectId)\n\n  const isLoading = projectDoiAssociationIsLoading || entityMetadataIsLoading\n\n  const open = Boolean(anchorEl)\n  const id = open ? 'project-info-popover' : undefined\n\n  const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  const popover = (\n    <ProjectInfoPopover\n      id={id}\n      projectId={projectId}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={handleClose}\n      doi={projectDoiAssociation?.doiUri}\n      projectStorageLocation={uploadDestinationString}\n      isLoading={isLoading}\n    />\n  )\n\n  return (\n    <>\n      <Button\n        aria-describedby={id}\n        onClick={handleButtonClick}\n        startIcon={<ArticleOutlinedIcon />}\n        sx={{\n          width: { xs: '100%', sm: 'initial' },\n          borderRadius: '6px',\n          fontWeight: 540,\n          padding: PROJECT_INFO_BUTTON_PADDING,\n          height: '28px',\n        }}\n        variant=\"outlined\"\n      >\n        Project Info\n      </Button>\n      {popover}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAQA,IAAM,IAA8B;AAMpC,SAAwB,EAAY,GAAyB;CAC3D,IAAM,CAAC,GAAU,KAAe,EAAmC,IAAI,GAEjE,EAAE,iBAAc,GAEhB,EACJ,MAAM,GACN,WAAW,MACT,EAAqB;EACvB,IAAI;EACJ,SAAS,KAAA;EACT,MAAM,EAAc;CACtB,CAAC,GAEK,EAAE,4BAAyB,WAAW,MAC1C,EAAqB,CAAS,GAE1B,IAAY,KAAkC,GAE9C,IAAO,EAAQ,GACf,IAAK,IAAO,yBAAyB,KAAA,GAErC,KAAqB,MAA+C;EACxE,EAAY,EAAM,aAAa;CACjC,GAMM,IACJ,kBAAC,GAAD;EACM;EACO;EACL;EACI;EACV,eAVsB;GACxB,EAAY,IAAI;EAClB;EASI,KAAK,GAAuB;EAC5B,wBAAwB;EACb;CACZ,CAAA;CAGH,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,oBAAkB;EAClB,SAAS;EACT,WAAW,kBAAC,GAAD,CAAsB,CAAA;EACjC,IAAI;GACF,OAAO;IAAE,IAAI;IAAQ,IAAI;GAAU;GACnC,cAAc;GACd,YAAY;GACZ,SAAS;GACT,QAAQ;EACV;EACA,SAAQ;YACT;CAEO,CAAA,GACP,CACD,EAAA,CAAA;AAEN"}

package/dist/components/QueryBuilder/FilterConditionRow.css

@@ -0,0 +1 @@
+._row_t1xbt_1{--qb-pill-color:var(--synapse-primary-action-color);align-items:center;gap:8px;min-height:30px;padding:4px 0;display:flex}._dragHandle_t1xbt_10{cursor:grab;color:var(--synapse-gray-deemphasized)}._remove_t1xbt_15{border:1px solid var(--synapse-border-color-gray);color:var(--synapse-gray-600)!important;border-radius:4px!important;padding:4px!important}._remove_t1xbt_15:hover{color:var(--synapse-error);border-color:var(--synapse-error);background-color:#0000!important}._propertyPicker_t1xbt_27 .MuiOutlinedInput-root,._operatorPicker_t1xbt_28 .MuiOutlinedInput-root,._rangeInput_t1xbt_29 .MuiOutlinedInput-root,._textInput_t1xbt_30 .MuiOutlinedInput-root{height:36px;font-size:14px}._propertyPicker_t1xbt_27{min-width:200px}._operatorPicker_t1xbt_28{min-width:120px}._rangeInput_t1xbt_29{width:120px}._textInput_t1xbt_30{min-width:200px}._pillGroupContainer_t1xbt_51{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}._pillFilter_t1xbt_59{max-width:260px}._pillGroupScroll_t1xbt_63{max-height:120px;overflow-y:auto}._pillGroup_t1xbt_51{flex-wrap:wrap;gap:6px;display:flex}._pillGroup_t1xbt_51 .MuiToggleButton-root,._pillGroup_t1xbt_51 .MuiToggleButtonGroup-grouped{text-transform:none;padding:2px 12px;font-size:13px;line-height:1.4;border:1px solid var(--synapse-gray-dark)!important;border-radius:999px!important;margin:0!important}._pillGroup_t1xbt_51 .MuiToggleButton-root.Mui-selected{background-color:var(--qb-pill-color);color:#fff;border-color:var(--qb-pill-color)}._pillGroup_t1xbt_51 .MuiToggleButton-root.Mui-selected:hover{background-color:var(--qb-pill-color)}

package/dist/components/QueryBuilder/FilterConditionRow.d.ts

@@ -0,0 +1,6 @@
+import { QBCondition } from './QueryBuilderTypes';
+export type FilterConditionRowProps = {
+    condition: QBCondition;
+};
+export declare function FilterConditionRow(props: FilterConditionRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FilterConditionRow.d.ts.map

package/dist/components/QueryBuilder/FilterConditionRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterConditionRow.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/FilterConditionRow.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAE,WAAW,EAAiB,MAAM,qBAAqB,CAAA;AAEhE,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,WAAW,CAAA;CACvB,CAAA;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAgKhE"}